@commercetools/nimbus-icons 3.0.0 → 3.1.0

package/dist/esm/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools/nimbus-icons",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "main": "dist/cjs/index.js",
   "module": "./dist/esm/index.js",
   "sideEffects": false,
@@ -31,16 +31,17 @@
   },
   "devDependencies": {
     "@svgr/plugin-jsx": "^8.1.0",
-    "@types/node": "^24.12.2",
-    "@types/react": "^19.2.14",
+    "@types/node": "^24.13.0",
+    "@types/react": "^19.2.16",
     "react": "^19.0.0",
     "typescript": "~5.9.3"
   },
   "scripts": {
-    "build": "pnpm run build:icons && pnpm run build:esm && pnpm run build:cjs",
+    "build": "pnpm run build:icons && pnpm run build:esm && pnpm run build:cjs && pnpm run build:postbuild",
     "build:icons": "pnpm svgr --filename-case kebab --typescript --jsx-runtime automatic --out-dir src/material-icons node_modules/@material-design-icons/svg/outlined",
     "build:esm": "tsc --project tsconfig.esm.json",
     "build:cjs": "tsc --project tsconfig.cjs.json",
-    "dev": "pnpm run build:esm && pnpm run build:cjs"
+    "build:postbuild": "node scripts/postbuild.mjs",
+    "dev": "pnpm run build:esm && pnpm run build:cjs && pnpm run build:postbuild"
   }
 }

package/scripts/postbuild.mjs

@@ -0,0 +1,51 @@
+#!/usr/bin/env node
+
+/**
+ * Post-build fixups for the published nimbus-icons tarball.
+ *
+ * Two tasks:
+ *
+ *   1. Write marker package.json files into dist/esm and dist/cjs so Node
+ *      knows how to interpret each directory's .js files. tsc emits .js
+ *      without flipping extensions, and the root package has no "type" field
+ *      — so without markers Node defaults to CJS by extension, breaking
+ *      ESM consumers.
+ *
+ *   2. Walk dist/esm and rewrite bare relative imports (`from './foo'`) to
+ *      include explicit `.js` extensions. Native Node ESM resolution requires
+ *      extensions on relative imports; tsc doesn't add them. dist/cjs is left
+ *      alone — CJS resolution supports extensionless imports natively. The
+ *      shared rewriter lives at scripts/lib/rewrite-relative-imports.mjs.
+ */
+
+import { writeFileSync } from "node:fs";
+import { join } from "node:path";
+import { fileURLToPath } from "node:url";
+import { walkAndRewriteImports } from "../../../scripts/lib/rewrite-relative-imports.mjs";
+
+const __dirname = fileURLToPath(new URL(".", import.meta.url));
+const DIST = join(__dirname, "..", "dist");
+
+// ---------------------------------------------------------------------------
+// Step 1: dual-package markers
+
+const MARKERS = [
+  ["esm", { type: "module" }],
+  ["cjs", { type: "commonjs" }],
+];
+
+for (const [subdir, contents] of MARKERS) {
+  const path = join(DIST, subdir, "package.json");
+  writeFileSync(path, JSON.stringify(contents, null, 2) + "\n");
+  console.log(`[postbuild] wrote ${subdir}/package.json`);
+}
+
+// ---------------------------------------------------------------------------
+// Step 2: rewrite bare relative imports under dist/esm
+
+const esmDir = join(DIST, "esm");
+const rewritten = walkAndRewriteImports(
+  esmDir,
+  (name) => name.endsWith(".js") || name.endsWith(".d.ts")
+);
+console.log(`[postbuild] rewrote imports in ${rewritten} esm file(s)`);