Remove Babel support

extension-js · Aug 23, 2024 · 13b2772 · 13b2772
1 parent 7403aa5
commit 13b2772
Show file tree

Hide file tree

Showing 20 changed files with 14 additions and 354 deletions.
diff --git a/examples/config-babel/.gitignore b/examples/config-babel/.gitignore
diff --git a/examples/config-babel/babel.config.json b/examples/config-babel/babel.config.json
diff --git a/examples/config-babel/images/babel.png b/examples/config-babel/images/babel.png
diff --git a/examples/config-babel/images/extension_128.png b/examples/config-babel/images/extension_128.png
diff --git a/examples/config-babel/images/extension_16.png b/examples/config-babel/images/extension_16.png
diff --git a/examples/config-babel/images/extension_48.png b/examples/config-babel/images/extension_48.png
diff --git a/examples/config-babel/manifest.json b/examples/config-babel/manifest.json
diff --git a/examples/config-babel/newtab/index.html b/examples/config-babel/newtab/index.html
diff --git a/examples/config-babel/newtab/scripts.js b/examples/config-babel/newtab/scripts.js
diff --git a/examples/config-babel/newtab/styles.css b/examples/config-babel/newtab/styles.css
diff --git a/examples/config-babel/package.json b/examples/config-babel/package.json
diff --git a/examples/content-preact/package.json b/examples/content-preact/package.json
@@ -15,7 +15,6 @@
     "tailwindcss": "^3.4.1"
   },
   "devDependencies": {
-    "@babel/plugin-transform-react-jsx": "^7.25.2",
     "typescript": "5.3.3"
   }
 }
diff --git a/examples/data.ts b/examples/data.ts
@@ -21,15 +21,6 @@ const JS_TEMPLATES: Template[] = [
     configFiles: undefined
   },
   // {
-  //   name: 'config-babel',
-  //   uiContext: ['newTab'],
-  //   uiFramework: undefined,
-  //   css: 'css',
-  //   hasBackground: false,
-  //   hasEnv: false,
-  //   configFiles: ['babel.config.json']
-  // },
-  // {
   //   name: 'content-extension-config',
   //   uiContext: ['content'],
   //   uiFramework: 'react',

diff --git a/examples/new-preact/package.json b/examples/new-preact/package.json
@@ -14,7 +14,6 @@
     "sakura.css": "^1.5.0"
   },
   "devDependencies": {
-    "@babel/plugin-transform-react-jsx": "^7.25.2",
     "typescript": "5.3.3"
   }
 }
diff --git a/examples/types.ts b/examples/types.ts
@@ -3,7 +3,6 @@ export type ConfigFiles =
   | 'postcss.config.js'
   | 'tailwind.config.js'
   | 'tsconfig.json'
-  | 'babel.config.js'
   | 'stylelint.config.json'
   | 'extension.config.js'
 

diff --git a/programs/create/create.spec.ts b/programs/create/create.spec.ts
@@ -77,8 +77,8 @@ describe('extension create', () => {
             ? 'ts'
             : 'tsx'
           : template.configFiles?.includes('tsconfig.json')
-          ? 'ts'
-          : 'js'
+            ? 'ts'
+            : 'js'
 
         template.uiContext?.forEach((context: string) => {
           // Expect [context]/index.html for all contexts except 'content'

diff --git a/programs/develop/package.json b/programs/develop/package.json
@@ -88,15 +88,12 @@
     "typescript": "5.3.3"
   },
   "optionalDependencies": {
-    "@babel/core": "^7.24.9",
     "@prefresh/core": "^1.5.2",
     "@prefresh/utils": "^1.2.0",
     "@prefresh/webpack": "^4.0.1",
     "@rspack/plugin-preact-refresh": "^1.0.0",
     "@rspack/plugin-react-refresh": "^1.0.0",
     "@vue/compiler-sfc": "^3.4.34",
-    "babel-loader": "^9.1.3",
-    "babel-preset-modern-browser-extension": "^0.7.0",
     "less": "^4.2.0",
     "less-loader": "^12.2.0",
     "postcss-flexbugs-fixes": "^5.0.2",

diff --git a/programs/develop/webpack/plugin-js-frameworks/index.ts b/programs/develop/webpack/plugin-js-frameworks/index.ts
@@ -2,7 +2,6 @@ import path from 'path'
 import {type Compiler} from '@rspack/core'
 import {PluginInterface} from '../webpack-types'
 import {type DevOptions} from '../../commands/dev'
-import {maybeUseBabel} from './js-tools/babel'
 import {isUsingPreact, maybeUsePreact} from './js-tools/preact'
 import {isUsingReact, maybeUseReact} from './js-tools/react'
 import {maybeUseVue} from './js-tools/vue'
@@ -25,13 +24,11 @@ export class JsFrameworksPlugin {
   private async configureOptions(compiler: Compiler) {
     const projectPath = path.dirname(this.manifestPath)
 
-    const maybeInstallBabel = await maybeUseBabel(compiler, projectPath)
     const maybeInstallReact = await maybeUseReact(projectPath)
     const maybeInstallPreact = await maybeUsePreact(projectPath)
     const maybeInstallVue = await maybeUseVue(projectPath)
 
     compiler.options.resolve.alias = {
-      ...(maybeInstallBabel?.alias || {}),
       ...(maybeInstallReact?.alias || {}),
       ...(maybeInstallPreact?.alias || {}),
       ...(maybeInstallVue?.alias || {}),
@@ -89,7 +86,6 @@ export class JsFrameworksPlugin {
           }
         }
       },
-      // ...(maybeInstallBabel?.loaders || []),
       ...(maybeInstallReact?.loaders || []),
       ...(maybeInstallPreact?.loaders || []),
       ...(maybeInstallVue?.loaders || []),
-Original file line number
+Diff line change
@@ Expand Up / @@ -77,8 +77,8 @@ describe('extension create', () => { @@
                 ? 'ts'
                 : 'tsx'
               : template.configFiles?.includes('tsconfig.json')
-              ? 'ts'
-              : 'js'
+                ? 'ts'
+                : 'js'
             template.uiContext?.forEach((context: string) => {
               // Expect [context]/index.html for all contexts except 'content'
@@ Expand Down @@