Remove @babel/helper-module-imports

Author: lxsmnsyc

packages/solid-styled/compiler/core/get-import-identifier.ts

@@ -1,20 +1,30 @@
 import type * as babel from '@babel/core';
-import { addNamed } from '@babel/helper-module-imports';
-import type * as t from '@babel/types';
+import * as t from '@babel/types';
 import type { StateContext } from '../types';
 
-export default function getImportIdentifier(
-  ctx: StateContext,
+export function getImportIdentifier(
+  state: StateContext,
   path: babel.NodePath,
   source: string,
   name: string,
 ): t.Identifier {
   const target = `${source}[${name}]`;
-  const current = ctx.hooks.get(target);
+  const current = state.hooks.get(target);
   if (current) {
     return current;
   }
-  const newID = addNamed(path, name, source);
-  ctx.hooks.set(target, newID);
-  return newID;
+  const programParent = path.scope.getProgramParent();
+  const uid = programParent.generateUidIdentifier(name);
+  const newPath = (
+    programParent.path as babel.NodePath<t.Program>
+  ).unshiftContainer(
+    'body',
+    t.importDeclaration(
+      [t.importSpecifier(uid, t.identifier(name))],
+      t.stringLiteral(source),
+    ),
+  )[0];
+  programParent.registerDeclaration(newPath);
+  state.hooks.set(target, uid);
+  return uid;
 }

packages/solid-styled/compiler/plugin.ts

@@ -10,7 +10,7 @@ import {
   TAGGED_TEMPLATE,
   VARS_ID,
 } from './core/constants';
-import getImportIdentifier from './core/get-import-identifier';
+import { getImportIdentifier } from './core/get-import-identifier';
 import { getImportSpecifierKey } from './core/checks';
 import processCSSTemplate from './core/process-css-template';
 import { getUniqueId, getPrefix } from './core/utils';

packages/solid-styled/package.json

@@ -32,7 +32,6 @@
   "license": "MIT",
   "devDependencies": {
     "@types/babel__core": "^7.20.5",
-    "@types/babel__helper-module-imports": "^7.18.3",
     "@types/babel__traverse": "^7.20.5",
     "@types/node": "^20.11.1",
     "pridepack": "2.6.0",
@@ -46,7 +45,6 @@
   },
   "dependencies": {
     "@babel/core": "^7.23.7",
-    "@babel/helper-module-imports": "^7.22.15",
     "@babel/traverse": "^7.23.7",
     "@babel/types": "^7.23.6",
     "@types/css-tree": "^2.3.5",