fix(editor): Update and fix storybook (was failing to run in local de…

…v mode) (n8n-io#6180) Co-authored-by: कारतोफ्फेलस्क्रिप्ट™ <aditya@netroy.in>
saurabharch · May 4, 2023 · 1e6a75f · 1e6a75f
1 parent 814ea51
commit 1e6a75f
Show file tree

Hide file tree

Showing 5 changed files with 2,141 additions and 714 deletions.
diff --git a/packages/design-system/.storybook/main.js b/packages/design-system/.storybook/main.js
@@ -20,7 +20,6 @@ module.exports = {
 				},
 			},
 		},
-		'storybook-addon-designs',
 		'storybook-addon-themes',
 	],
 	webpackFinal: async (config) => {

diff --git a/packages/design-system/.storybook/preview.js b/packages/design-system/.storybook/preview.js
@@ -5,12 +5,12 @@ import ElementUI from 'element-ui';
 import lang from 'element-ui/lib/locale/lang/en';
 import locale from 'element-ui/lib/locale';
 
-import designSystemComponents from '../src/plugins/n8nComponents';
+import { N8nPlugin } from '../src/plugin';
 
 import Vue from 'vue';
 
 Vue.use(ElementUI);
-Vue.use(designSystemComponents);
+Vue.use(N8nPlugin);
 
 locale.use(lang);
 
@@ -58,7 +58,7 @@ export const parameters = {
 		list: [
 			{
 				name: 'dark',
-				class: 'theme-dark',
+				class: 'theme-dark-beta',
 				color: '#000',
 			},
 		],

diff --git a/packages/design-system/package.json b/packages/design-system/package.json
@@ -42,12 +42,13 @@
     "@fortawesome/fontawesome-svg-core": "^1.2.36",
     "@fortawesome/free-solid-svg-icons": "^5.15.4",
     "@fortawesome/vue-fontawesome": "^2.0.9",
-    "@storybook/addon-actions": "^7.0.0-beta.46",
-    "@storybook/addon-essentials": "^7.0.0-beta.46",
-    "@storybook/addon-links": "^7.0.0-beta.46",
+    "@storybook/addon-actions": "^7.0.7",
+    "@storybook/addon-docs": "^7.0.7",
+    "@storybook/addon-essentials": "^7.0.7",
+    "@storybook/addon-links": "^7.0.7",
     "@storybook/addon-postcss": "^3.0.0-alpha.1",
-    "@storybook/vue": "^7.0.0-beta.46",
-    "@storybook/vue-webpack5": "^7.0.0-beta.46",
+    "@storybook/vue": "^7.0.7",
+    "@storybook/vue-webpack5": "^7.0.7",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/vue": "^5.8.3",
     "@types/markdown-it": "^12.2.3",
@@ -63,8 +64,7 @@
     "node-notifier": "^10.0.1",
     "sass": "^1.58.0",
     "sass-loader": "^13.2.0",
-    "storybook": "^7.0.0-beta.46",
-    "storybook-addon-designs": "^6.3.1",
+    "storybook": "^7.0.7",
     "storybook-addon-themes": "^6.1.0",
     "trim": "^1.0.1",
     "vite": "^4.0.4",

diff --git a/packages/design-system/src/docs/Introduction.stories.mdx b/packages/design-system/src/docs/Introduction.stories.mdx
@@ -1,3 +1,5 @@
+import { Meta } from '@storybook/addon-docs';
+
 <Meta title="Docs/Introduction" />
 
 # Welcome to n8n Storybook