open in code sandbox and stackblitz

actifyjs · May 31, 2024 · 3df5b3d · 3df5b3d
1 parent 61455e6
commit 3df5b3d
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 21 deletions.
diff --git a/apps/docs/src/components/OpenInCodeSandbox.tsx b/apps/docs/src/components/OpenInCodeSandbox.tsx
@@ -12,26 +12,30 @@ const OpenInCodeSandbox = ({ title, code }: OpenInCodeSandboxProps) => {
   const parameters = getParameters({
     files: {
       'package.json': {
-        content: JSON.stringify({
-          name: `actify-${title}`,
-          private: true,
-          version: '0.0.0',
-          scripts: {
-            dev: 'vite'
+        content: JSON.stringify(
+          {
+            name: `actify-${title}`,
+            private: true,
+            version: '0.0.0',
+            scripts: {
+              dev: 'vite'
+            },
+            dependencies: {
+              [name]: `^${version}`,
+              react: 'rc',
+              'react-dom': 'rc'
+            },
+            devDependencies: {
+              '@vitejs/plugin-react': '^1.3.0',
+              autoprefixer: '^10.4.5',
+              postcss: '^8.4.13',
+              tailwindcss: 'latest',
+              vite: '^4.5.1'
+            }
           },
-          dependencies: {
-            [name]: `^${version}`,
-            react: 'rc',
-            'react-dom': 'rc'
-          },
-          devDependencies: {
-            '@vitejs/plugin-react': '^1.3.0',
-            autoprefixer: '^10.4.5',
-            postcss: '^8.4.13',
-            tailwindcss: 'latest',
-            vite: '^4.5.1'
-          }
-        }),
+          null,
+          2
+        ),
         isBinary: false
       },
       'App.jsx': {

diff --git a/apps/docs/src/components/OpenInStackblitz.tsx b/apps/docs/src/components/OpenInStackblitz.tsx
@@ -45,8 +45,8 @@ ReactDOM.createRoot(document.getElementById('root')).render(
   },
   "dependencies": {
     "${name}": "^${version}",
-    react: 'rc',
-    'react-dom': 'rc'
+    "react": "rc",
+    "react-dom": "rc"
   },
   "devDependencies": {
     "@vitejs/plugin-react": "^1.3.0",