From fd72aafec02e7a3a4d5b65956dea5d7508344300 Mon Sep 17 00:00:00 2001
From: Yanick Champoux <yanick@babyl.ca>
Date: Sun, 6 Mar 2022 17:09:01 -0500
Subject: [PATCH] trying vite for storybook... again

---
 .storybook/main.js                   | 10 +++++++++-
 package.json                         |  3 +--
 src/lib/shipDux/index.js             |  4 ++--
 src/lib/shipDux/structure/screens.js |  2 +-
 4 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/.storybook/main.js b/.storybook/main.js
index 1a51bb1..9fa12a9 100644
--- a/.storybook/main.js
+++ b/.storybook/main.js
@@ -2,6 +2,7 @@ const path = require("path");
 const preprocess = require("svelte-preprocess");
 
 module.exports = {
+ //   core: { builder: "storybook-builder-vite" },
   staticDirs: ["../static", "../pictures"],
   stories: [
     "../src/**/*.stories.mdx",
@@ -9,13 +10,20 @@ module.exports = {
     "../src/**/stories.svelte",
   ],
   addons: [
-    "@storybook/addon-links",
     "@storybook/addon-essentials",
     "@storybook/addon-svelte-csf",
   ],
   framework: "@storybook/svelte",
   svelteOptions: {
     preprocess: preprocess(),
+  },
+     async viteFinal(config, { configType }) {
+    // customize the Vite config here
+    config.resolve.alias.$lib = path.resolve(__dirname, "../src/lib/");
+    config.resolve.alias.$app = path.resolve(__dirname, "../fake/app/");
+
+    // return the customized config
+    return config;
   },
   webpackFinal: async (config) => {
     return {
diff --git a/package.json b/package.json
index e40e34c..422941b 100644
--- a/package.json
+++ b/package.json
@@ -24,14 +24,13 @@
     "eslint-plugin-svelte3": "^3.4.1",
     "prettier": "~2.5.1",
     "prettier-plugin-svelte": "^2.6.0",
+    "storybook-builder-vite": "0.1.17",
     "svelte": "^3.46.4",
     "vite": "^2.7.0"
   },
   "type": "module",
   "dependencies": {
-    "@storybook/addon-actions": "^6.4.19",
     "@storybook/addon-essentials": "^6.4.19",
-    "@storybook/addon-links": "6.4.19",
     "@storybook/addon-svelte-csf": "^1.1.0",
     "@storybook/svelte": "^6.4.19",
     "@sveltejs/adapter-node": "^1.0.0-next.0",
diff --git a/src/lib/shipDux/index.js b/src/lib/shipDux/index.js
index d2a8f25..ede0f8c 100644
--- a/src/lib/shipDux/index.js
+++ b/src/lib/shipDux/index.js
@@ -7,7 +7,7 @@ import { calculateDriveReqs } from './propulsion/drive.js';
 import { ftlReqsReaction } from './propulsion/ftl.js';
 import structure from './structure/index.js';
 import carrier from './carrier.js';
-import { screenReqsReaction, screensReqsReaction } from './structure/screens.js'
+import { screensReqsReaction } from './structure/screens.js'
 
 const dux = new Updux({
   subduxes: {
@@ -26,6 +26,6 @@ dux.setMutation( 'setShipMass', mass => u({reqs: {mass}}) );
 
 dux.addReaction( calculateDriveReqs );
 dux.addReaction( ftlReqsReaction );
-dux.addReaction( screenReqsReaction );
+dux.addReaction( screensReqsReaction );
 
 export default dux;
diff --git a/src/lib/shipDux/structure/screens.js b/src/lib/shipDux/structure/screens.js
index 49e3ed4..068e653 100644
--- a/src/lib/shipDux/structure/screens.js
+++ b/src/lib/shipDux/structure/screens.js
@@ -21,7 +21,7 @@ export default dux;
 dux.setMutation('setScreens', payload => u(payload));
 dux.setMutation('setScreensReqs', reqs => u({reqs}));
 
-export const screenReqsReaction = store => createSelector(
+export const screensReqsReaction = store => createSelector(
     (ship) => ship.reqs.mass,
     (ship) => ship.structure.screens.standard,
     (ship) => ship.structure.screens.advanced,