feat: move to Storybook Builder from Storybook Pre-built

Author: Westbrook

src/generators/app-lit-element-ts/templates/static-demoing/.storybook/main.js

@@ -1,3 +1,8 @@
-module.exports = {
-  stories: ['../**/out-tsc/stories/*.stories.{js,md,mdx}'],
+const config = {
+  stories: ['../out-tsc/*.stories.{js,md,mdx}'],
+  framework: {
+    name: '@web/storybook-framework-web-components',
+  },
 };
+
+export default config;

src/generators/app-lit-element-ts/templates/static-demoing/.storybook/server.mjs

@@ -14,7 +14,8 @@
     "sourceMap": true,
     "inlineSources": true,
     "rootDir": "./",
-    "incremental": true
+    "incremental": true,
+    "skipLibCheck": true
   },
   "include": ["**/*.ts"]
 }

src/generators/app-lit-element-ts/templates/tsconfig.json

@@ -1,3 +1,8 @@
-module.exports = {
-  stories: ['../**/stories/*.stories.{js,md,mdx}'],
+const config = {
+  stories: ['../stories/*.stories.{js,md,mdx}'],
+  framework: {
+    name: '@web/storybook-framework-web-components',
+  },
 };
+
+export default config;

src/generators/app-lit-element/templates/static-demoing/.storybook/main.js

@@ -1,9 +1,15 @@
 {
   "scripts": {
-    "storybook": "tsc && <%= scriptRunCommand %> analyze -- --exclude dist && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds -c .storybook/server.mjs\"",
-    "storybook:build": "tsc && <%= scriptRunCommand %> analyze -- --exclude dist && build-storybook"
+    "storybook": "tsc && <%= scriptRunCommand %> analyze -- --exclude dist && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"storybook dev -p 8080\"",
+    "storybook:build": "tsc && <%= scriptRunCommand %> analyze -- --exclude dist && storybook build"
   },
   "devDependencies": {
-    "@web/dev-server-storybook": "^0.5.4"
+    "@storybook/addon-a11y": "^7.5.0",
+    "@storybook/addon-essentials": "^7.5.0",
+    "@storybook/addon-links": "^7.5.0",
+    "@storybook/web-components": "^7.5.0",
+    "@web/storybook-builder": "^0.1.16",
+    "@web/storybook-framework-web-components": "^0.1.2",
+    "storybook": "^7.5.0"
   }
 }

src/generators/app-lit-element/templates/static-demoing/.storybook/server.js

@@ -1,3 +1,8 @@
-module.exports = {
-  stories: ['../dist/stories/**/*.stories.{js,md,mdx}'],
+const config = {
+  stories: ['../**/dist/stories/*.stories.{js,md,mdx}'],
+  framework: {
+    name: '@web/storybook-framework-web-components',
+  },
 };
+
+export default config;

src/generators/demoing-storybook-ts/templates/package.json

@@ -1,9 +1,15 @@
 {
   "scripts": {
-    "storybook": "<%= scriptRunCommand %> analyze -- --exclude dist && web-dev-server -c .storybook/server.mjs",
-    "storybook:build": "<%= scriptRunCommand %> analyze -- --exclude dist && build-storybook"
+    "storybook": "<%= scriptRunCommand %> analyze -- --exclude dist && storybook dev -p 8080",
+    "storybook:build": "<%= scriptRunCommand %> analyze -- --exclude dist && storybook build"
   },
   "devDependencies": {
-    "@web/dev-server-storybook": "^0.5.4"
+    "@storybook/addon-a11y": "^7.5.0",
+    "@storybook/addon-essentials": "^7.5.0",
+    "@storybook/addon-links": "^7.5.0",
+    "@storybook/web-components": "^7.5.0",
+    "@web/storybook-builder": "^0.1.16",
+    "@web/storybook-framework-web-components": "^0.1.2",
+    "storybook": "^7.5.0"
   }
 }

src/generators/demoing-storybook-ts/templates/static/.storybook/main.js

@@ -1,3 +1,8 @@
-module.exports = {
-  stories: ['../stories/**/*.stories.{js,md,mdx}'],
+const config = {
+  stories: ['../stories/*.stories.{js,md,mdx}'],
+  framework: {
+    name: '@web/storybook-framework-web-components',
+  },
 };
+
+export default config;

src/generators/demoing-storybook-ts/templates/static/.storybook/server.mjs

@@ -15,7 +15,8 @@
     "inlineSources": true,
     "rootDir": "./",
     "declaration": true,
-    "incremental": true
+    "incremental": true,
+    "skipLibCheck": true
   },
   "include": ["**/*.ts"]
 }