docs: switch to Stackblitz export (#30613)

microsoft · Feb 29, 2024 · c790b9b · c790b9b
1 parent f357c80
commit c790b9b
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 13 deletions.
diff --git a/.storybook/preview.js b/.storybook/preview.js
@@ -41,12 +41,12 @@ export const parameters = {
     },
   },
   exportToSandbox: {
-    provider: 'codesandbox-browser',
-    bundler: 'cra',
+    provider: 'stackblitz-cloud',
+    bundler: 'vite',
     requiredDependencies: {
       // for React
-      react: '^17',
-      'react-dom': '^17',
+      react: '^18',
+      'react-dom': '^18',
       // necessary for FluentProvider:
       '@fluentui/react-components': '^9.0.0',
     },

diff --git a/...ges/react-components/react-storybook-addon-export-to-sandbox/src/sandbox-scaffold.spec.ts b/...ges/react-components/react-storybook-addon-export-to-sandbox/src/sandbox-scaffold.spec.ts
@@ -365,16 +365,15 @@ describe(`sabdbox-scaffold`, () => {
           \\"scripts\\": {
             \\"dev\\": \\"vite\\",
             \\"build\\": \\"tsc && vite build\\",
-            \\"lint\\": \\"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0\\",
             \\"preview\\": \\"vite preview\\"
           },
           \\"dependencies\\": {},
           \\"devDependencies\\": {
             \\"@types/react\\": \\"^17\\",
             \\"@types/react-dom\\": \\"^17\\",
             \\"typescript\\": \\"~4.7.0\\",
-            \\"@vitejs/plugin-react\\": \\"^4.1.0\\",
-            \\"vite\\": \\"^4.0.0\\"
+            \\"@vitejs/plugin-react\\": \\"^4.2.0\\",
+            \\"vite\\": \\"^5.0.0\\"
           }
         }",
           "src/App.tsx": "import { FluentProvider, webLightTheme } from '@fluentui/react-components';
@@ -490,16 +489,15 @@ describe(`sabdbox-scaffold`, () => {
           \\"scripts\\": {
             \\"dev\\": \\"vite\\",
             \\"build\\": \\"tsc && vite build\\",
-            \\"lint\\": \\"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0\\",
             \\"preview\\": \\"vite preview\\"
           },
           \\"dependencies\\": {},
           \\"devDependencies\\": {
             \\"@types/react\\": \\"^17\\",
             \\"@types/react-dom\\": \\"^17\\",
             \\"typescript\\": \\"~4.7.0\\",
-            \\"@vitejs/plugin-react\\": \\"^4.1.0\\",
-            \\"vite\\": \\"^4.0.0\\"
+            \\"@vitejs/plugin-react\\": \\"^4.2.0\\",
+            \\"vite\\": \\"^5.0.0\\"
           }
         }",
           "src/App.tsx": "import { FluentProvider, webLightTheme } from '@fluentui/react-components';

diff --git a/packages/react-components/react-storybook-addon-export-to-sandbox/src/sandbox-scaffold.ts b/packages/react-components/react-storybook-addon-export-to-sandbox/src/sandbox-scaffold.ts
@@ -128,16 +128,15 @@ const Vite = {
       scripts: {
         dev: 'vite',
         build: 'tsc && vite build',
-        lint: 'eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0',
         preview: 'vite preview',
       },
       dependencies: {
         ...data.dependencies,
       },
       devDependencies: {
         ...commonDevDeps,
-        '@vitejs/plugin-react': '^4.1.0',
-        vite: '^4.0.0',
+        '@vitejs/plugin-react': '^4.2.0',
+        vite: '^5.0.0',
       },
     });
   },