@esmx/core 3.0.0-rc.62 → 3.0.0-rc.64

package/README.md

@@ -1,5 +1,5 @@
 <div align="center">
-  <img src="https://www.esmnext.com/logo.svg?t=2025" width="120" alt="Esmx Logo" />
+  <img src="https://esmx.dev/logo.svg?t=2025" width="120" alt="Esmx Logo" />
   <h1>@esmx/core</h1>
   
   <div>
@@ -9,7 +9,7 @@
     <a href="https://github.com/esmnext/esmx/actions/workflows/build.yml">
       <img src="https://github.com/esmnext/esmx/actions/workflows/build.yml/badge.svg" alt="Build" />
     </a>
-    <a href="https://www.esmnext.com/coverage/">
+    <a href="https://esmx.dev/coverage/">
       <img src="https://img.shields.io/badge/coverage-live%20report-brightgreen" alt="Coverage Report" />
     </a>
     <a href="https://nodejs.org/">
@@ -47,11 +47,11 @@ npm install @esmx/core
 npm install @esmx/core
 ```
 
-For detailed usage examples and configuration options, please visit the [official documentation](https://www.esmnext.com).
+For detailed usage examples and configuration options, please visit the [official documentation](https://esmx.dev).
 
 ## 📚 Documentation
 
-Visit the [official documentation](https://www.esmnext.com) for detailed usage guides and API reference.
+Visit the [official documentation](https://esmx.dev) for detailed usage guides and API reference.
 
 ## 📄 License
 

package/README.zh-CN.md

@@ -1,5 +1,5 @@
 <div align="center">
-  <img src="https://www.esmnext.com/logo.svg?t=2025" width="120" alt="Esmx Logo" />
+  <img src="https://esmx.dev/logo.svg?t=2025" width="120" alt="Esmx Logo" />
   <h1>@esmx/core</h1>
   
   <div>
@@ -9,7 +9,7 @@
     <a href="https://github.com/esmnext/esmx/actions/workflows/build.yml">
       <img src="https://github.com/esmnext/esmx/actions/workflows/build.yml/badge.svg" alt="Build" />
     </a>
-    <a href="https://www.esmnext.com/coverage/">
+    <a href="https://esmx.dev/coverage/">
       <img src="https://img.shields.io/badge/coverage-live%20report-brightgreen" alt="Coverage Report" />
     </a>
     <a href="https://nodejs.org/">
@@ -47,11 +47,11 @@ npm install @esmx/core
 npm install @esmx/core
 ```
 
-详细的使用示例和配置选项，请访问[官方文档](https://www.esmnext.com)。
+详细的使用示例和配置选项，请访问[官方文档](https://esmx.dev)。
 
 ## 📚 文档
 
-访问[官方文档](https://www.esmnext.com)获取详细的使用指南和 API 参考。
+访问[官方文档](https://esmx.dev)获取详细的使用指南和 API 参考。
 
 ## 📄 许可证
 

package/dist/core.mjs

@@ -676,7 +676,7 @@ export class Esmx {
       const manifests = await this.getManifestList(env);
       let json = {};
       switch (env) {
-        case "client":
+        case "client": {
           json = getImportMap({
             manifests,
             getScope(name, scope) {
@@ -687,6 +687,7 @@ export class Esmx {
             }
           });
           break;
+        }
         case "server":
           json = getImportMap({
             manifests,

package/dist/manifest-json.d.ts

@@ -5,10 +5,6 @@ export interface ManifestJson {
      * Module name
      */
     name: string;
-    /**
-     * Import mappings
-     */
-    imports: Record<string, string>;
     /**
      * Scope-specific import mappings
      * Type: Record<scope name, import mappings within that scope>

package/dist/module-config.mjs

@@ -55,7 +55,13 @@ export function getEnvironmentScopes(environment, scopes = {}) {
 export function getEnvironments(config, env, moduleName) {
   const imports = getEnvironmentImports(env, config.imports);
   const exports = getEnvironmentExports(config, env);
-  const scopes = getEnvironmentScopes(env, config.scopes);
+  const scopes = getEnvironmentScopes(env, {
+    ...config.scopes,
+    "": {
+      ...config.scopes?.[""],
+      ...imports
+    }
+  });
   addPackageExportsToScopes(exports, scopes, moduleName);
   return {
     imports,

package/dist/module-config.test.mjs

@@ -283,6 +283,30 @@ describe("Module Config Parser", () => {
         expect(emptyScope.existing).toBe("existing-value");
         expect(emptyScope.lodash).toBe("test-module/lodash");
       });
+      it("should verify the specific scopes merging logic with imports", () => {
+        const config = {
+          imports: {
+            react: "react",
+            vue: "vue"
+          },
+          scopes: {
+            utils: {
+              lodash: "lodash"
+            },
+            "": {
+              existing: "existing-value"
+            }
+          }
+        };
+        const result = getEnvironments(config, "client", "test-module");
+        expect(result.scopes[""]).toBeDefined();
+        expect(result.scopes[""].existing).toBe("existing-value");
+        expect(result.scopes[""].react).toBe("react");
+        expect(result.scopes[""].vue).toBe("vue");
+        expect(result.scopes.utils.lodash).toBe("lodash");
+        expect(result.imports.react).toBe("react");
+        expect(result.imports.vue).toBe("vue");
+      });
     });
     describe("addPackageExportsToScopes", () => {
       it("should create scopes for pkg exports", () => {

package/dist/utils/import-map.d.ts

@@ -1,7 +1,6 @@
 import type { ImportMap, ScopesMap, SpecifierMap } from '@esmx/import';
 export interface ImportMapManifest {
     name: string;
-    imports: Record<string, string>;
     exports: Record<string, {
         name: string;
         file: string;
@@ -17,4 +16,34 @@ export interface GetImportMapOptions {
 }
 export declare function buildImportsMap(manifests: readonly ImportMapManifest[], getFile: (name: string, file: string) => string): SpecifierMap;
 export declare function buildScopesMap(imports: SpecifierMap, manifests: readonly ImportMapManifest[], getScope: (name: string, scope: string) => string): ScopesMap;
-export declare function getImportMap({ manifests, getFile, getScope }: GetImportMapOptions): ImportMap;
+/**
+ * Fixes Chrome's nested scope resolution bug in import maps.
+ *
+ * Chrome has a bug where nested scopes in import maps are not resolved correctly.
+ * For example, when you have both "/shared-modules/" and "/shared-modules/vue2/" scopes,
+ * Chrome fails to properly apply the more specific nested scope.
+ *
+ * This function works around the bug by:
+ * 1. Sorting scopes by path depth (shallow paths first, deeper paths last)
+ * 2. Manually applying scopes to matching imports in the correct order
+ *
+ * @example
+ * Problematic import map that fails in Chrome:
+ * ```json
+ * {
+ *   "scopes": {
+ *     "/shared-modules/": {
+ *       "vue": "/shared-modules/vue.d8c7a640.final.mjs"
+ *     },
+ *     "/shared-modules/vue2/": {
+ *       "vue": "/shared-modules/vue2.9b4efaf3.final.mjs"
+ *     }
+ *   }
+ * }
+ * ```
+ *
+ * @see https://github.com/guybedford/es-module-shims/issues/529
+ * @see https://issues.chromium.org/issues/453147451
+ */
+export declare function fixNestedScopesResolution(importMap: Required<ImportMap>): Required<ImportMap>;
+export declare function getImportMap({ manifests, getFile, getScope }: GetImportMapOptions): Required<ImportMap>;

package/dist/utils/import-map.mjs

@@ -7,12 +7,6 @@ export function buildImportsMap(manifests, getFile) {
       imports[exportItem.identifier] = file;
     });
   });
-  manifests.forEach((manifest) => {
-    Object.entries(manifest.imports).forEach(([name, identifier]) => {
-      const fullName = `${manifest.name}/${name}`;
-      imports[fullName] = imports[identifier] ?? identifier;
-    });
-  });
   pathWithoutIndex(imports);
   return imports;
 }
@@ -36,6 +30,24 @@ export function buildScopesMap(imports, manifests, getScope) {
   });
   return scopes;
 }
+export function fixNestedScopesResolution(importMap) {
+  Object.entries(importMap.scopes).sort(([pathA], [pathB]) => {
+    const depthA = pathA.split("/").length;
+    const depthB = pathB.split("/").length;
+    return depthA - depthB;
+  }).forEach(([scopePath, scopeMappings]) => {
+    Object.values(importMap.imports).forEach((importPath) => {
+      if (importPath.startsWith(scopePath)) {
+        importMap.scopes[importPath] = {
+          ...importMap.scopes[importPath],
+          ...scopeMappings
+        };
+      }
+    });
+    Reflect.deleteProperty(importMap.scopes, scopePath);
+  });
+  return importMap;
+}
 export function getImportMap({
   manifests,
   getFile,