refactor(jsx-explorer): replace @babel/core with @babel/standalone

vuejs · Sep 6, 2024 · 4bd0957 · 4bd0957
1 parent 455ae71
commit 4bd0957
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 26 deletions.
diff --git a/packages/jsx-explorer/package.json b/packages/jsx-explorer/package.json
@@ -9,14 +9,14 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@babel/core": "^7.25.2",
+    "@babel/standalone": "^7.25.6",
     "@vue/babel-plugin-jsx": "workspace:*",
     "assert": "^2.1.0",
     "monaco-editor": "^0.51.0",
-    "pathe": "^1.1.2",
     "vue": "^3.5.3"
   },
   "devDependencies": {
+    "@types/babel__standalone": "^7.1.7",
     "@vitejs/plugin-vue-jsx": "^4.0.1",
     "terser": "^5.31.6",
     "unplugin-replace": "^0.3.3",

diff --git a/packages/jsx-explorer/src/index.ts b/packages/jsx-explorer/src/index.ts
@@ -1,6 +1,6 @@
 import * as monaco from 'monaco-editor';
 import { watchEffect } from 'vue';
-import { transform } from '@babel/core';
+import { transform } from '@babel/standalone';
 import babelPluginJsx from '@vue/babel-plugin-jsx';
 // @ts-expect-error missing types
 import typescript from '@babel/plugin-syntax-typescript';
@@ -85,27 +85,21 @@ const App = defineComponent((props) => <div>Hello World</div>)`,
     localStorage.setItem('state', state);
     window.location.hash = encodeURIComponent(src);
     console.clear();
-    transform(
-      src,
-      {
+    try {
+      const res = transform(src, {
         babelrc: false,
         plugins: [
           [babelPluginJsx, { ...compilerOptions }],
           [typescript, { isTSX: true }],
         ],
         ast: true,
-      },
-      (err, result = {}) => {
-        const res = result!;
-        if (!err) {
-          console.log('AST', res.ast!);
-          output.setValue(res.code!);
-        } else {
-          console.error(err);
-          output.setValue(err.message!);
-        }
-      }
-    );
+      });
+      console.log('AST', res.ast!);
+      output.setValue(res.code!);
+    } catch (err: any) {
+      console.error(err);
+      output.setValue(err.message!);
+    }
   };
 
   // handle resize

diff --git a/packages/jsx-explorer/vite.config.ts b/packages/jsx-explorer/vite.config.ts
@@ -9,18 +9,13 @@ export default defineConfig({
   resolve: {
     alias: {
       '@vue/babel-plugin-jsx': '@vue/babel-plugin-jsx/src/index.ts',
-      path: 'pathe',
     },
   },
   plugins: [
     VueJSX(),
     Replace({
       values: {
         'process.env.BABEL_TYPES_8_BREAKING': 'false',
-        'process.env.BABEL_ENV': '"development"',
-        'process.env.NODE_NDEBUG': 'true',
-        'process.env.NODE_DEBUG': 'false',
-        'Buffer.isBuffer': 'function isBuffer() { return false; }',
       },
     }),
   ],

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml