test: got storybook to work

Author: shairez

packages/headless/.storybook/main.ts

@@ -1,4 +1,5 @@
 import { qwikVite } from '@builder.io/qwik/optimizer';
+import { resolve } from 'path';
 import { StorybookConfig } from 'storybook-framework-qwik';
 // import { rootMain } from '../../../.storybook/main';
 
@@ -28,16 +29,17 @@ const config: StorybookConfig = {
     '../src/components/**/*.stories.@(js|jsx|ts|tsx)',
   ],
 
-  // viteFinal: async (config: any) => {
-  //   return mergeConfig(config, {
-  //     plugins: [
-  //       viteTsConfigPaths({
-  //         root: '../../../',
-  //       }),
-  //       qwikVite(),
-  //     ],
-  //   });
-  // },
+  viteFinal: async (config: any) => {
+    return mergeConfig(config, {
+      plugins: [
+        qwikVite({
+          vendorRoots: [__dirname],
+          srcDir: resolve(__dirname, '../src'),
+        }),
+        viteTsConfigPaths(),
+      ],
+    });
+  },
 };
 
 export default config;

packages/headless/.storybook/preview-head.html

@@ -0,0 +1,3 @@
+<script>
+  window.global = window;
+</script>

packages/headless/project.json

@@ -67,10 +67,9 @@
         "notes": "${notes}"
       }
     },
-    "storybook-when-it-will-work": {
+    "storybook": {
       "executor": "@nrwl/storybook:storybook",
       "options": {
-        "uiFramework": "@storybook/html",
         "port": 4400,
         "configDir": "packages/headless/.storybook"
       },
@@ -80,13 +79,6 @@
         }
       }
     },
-    "storybook": {
-      "executor": "nx:run-commands",
-      "options": {
-        "command": "storybook dev",
-        "cwd": "packages/headless"
-      }
-    },
     "build-storybook": {
       "executor": "@nrwl/storybook:build",
       "outputs": ["{options.outputDir}"],

packages/headless/src/root.tsx

@@ -0,0 +1 @@
+export default () => {};