chore(build): update build scripts to resolve side-effects in modules (…

…#267)

* remove module packages

* update build scripts

packages/icons/scripts/build.ts

@@ -6,7 +6,6 @@ import * as fs from "node:fs/promises";
 import * as path from "node:path";
 import { promisify } from "node:util";
 import {
-  createModulePackages,
   ensureDirExists,
   getFileMeta,
   toPascalCase,
@@ -84,7 +83,9 @@ const extractPathsInfo = (svgData: string) => {
 const generatePaths = async () => {
   console.log("🧩 generating paths...");
 
+  await execCmd(["shx", "rm", "-rf", distDir].join(" "));
   await ensureDirExists(distDir);
+
   await fs.writeFile(pathsJSONFile, "{", { encoding: "utf-8" });
 
   const svgs = await globAsync(path.join(iconsDir, "**/*.svg"));
@@ -134,9 +135,7 @@ const generatePaths = async () => {
 
 void (async () => {
   console.time("build");
-  await execCmd(["shx", "rm", "-rf", distDir].join(" "));
   await generatePaths();
-  await createModulePackages(distDir);
   console.timeEnd("build");
 })();
 /* eslint-enable no-console */

packages/react-components/package.json

@@ -17,9 +17,10 @@
     }
   },
   "scripts": {
+    "clear": "shx rm -rf dist",
     "generate": "tsx ./scripts/generate.ts",
-    "prebuild": "pnpm generate",
-    "build": "tsx ./scripts/build.ts",
+    "prebuild": "run-p clear generate",
+    "build": "tsc --project ./tsconfig.build.json",
     "prerelease": "pnpm build",
     "release": "pnpm publish . --tag latest --access public"
   },

packages/react-icons/scripts/build.ts

@@ -5,11 +5,7 @@ import { exec } from "node:child_process";
 import * as fs from "node:fs/promises";
 import * as path from "node:path";
 import { promisify } from "node:util";
-import {
-  createModulePackages,
-  ensureDirExists,
-  getFileMeta,
-} from "../../../scripts/utils";
+import { ensureDirExists, getFileMeta } from "../../../scripts/utils";
 
 const execCmd = promisify(exec);
 
@@ -26,6 +22,7 @@ const baseIconFile = path.join(packageDir, "src/base-icon.tsx");
 const generateComponents = async () => {
   console.log("🧩 generating react icons...");
 
+  await execCmd(["shx", "rm", "-rf", distDir].join(" "));
   await ensureDirExists(distDir);
 
   const iconTemplateStr = await fs.readFile(iconTemplate, {
@@ -89,9 +86,7 @@ const generateComponents = async () => {
 
 void (async () => {
   console.time("build");
-  await execCmd(["shx", "rm", "-rf", distDir].join(" "));
   await generateComponents();
-  await createModulePackages(distDir);
   console.timeEnd("build");
 })();
 /* eslint-enable no-console */

packages/web-components/package.json

@@ -17,8 +17,11 @@
     }
   },
   "scripts": {
-    "build": "tsx ./scripts/build.ts",
-    "dev": "tsx ./scripts/dev.ts",
+    "clear": "shx rm -rf dist",
+    "prebuild": "pnpm run clear",
+    "build": "tsc --project ./tsconfig.build.json",
+    "predev": "pnpm run clear",
+    "dev": "tsc --watch --project ./tsconfig.dev.json",
     "release": "pnpm publish . --tag latest --access public"
   },
   "dependencies": {

packages/web-icons/scripts/build.ts

@@ -5,11 +5,7 @@ import { exec } from "node:child_process";
 import * as fs from "node:fs/promises";
 import * as path from "node:path";
 import { promisify } from "node:util";
-import {
-  createModulePackages,
-  ensureDirExists,
-  getFileMeta,
-} from "../../../scripts/utils";
+import { ensureDirExists, getFileMeta } from "../../../scripts/utils";
 
 const execCmd = promisify(exec);
 
@@ -26,6 +22,7 @@ const baseIconFile = path.join(packageDir, "src/base-icon.ts");
 const generateComponents = async () => {
   console.log("🧩 generating web icons...");
 
+  await execCmd(["shx", "rm", "-rf", distDir].join(" "));
   await ensureDirExists(distDir);
 
   const iconTemplateStr = await fs.readFile(iconTemplate, {
@@ -90,9 +87,7 @@ const generateComponents = async () => {
 
 void (async () => {
   console.time("build");
-  await execCmd(["shx", "rm", "-rf", distDir].join(" "));
   await generateComponents();
-  await createModulePackages(distDir);
   console.timeEnd("build");
 })();
 /* eslint-enable no-console */

scripts/utils.ts

@@ -1,5 +1,3 @@
-/* eslint-disable no-console */
-import glob from "fast-glob";
 import * as fs from "node:fs";
 import * as path from "node:path";
 import { fileURLToPath } from "node:url";
@@ -31,40 +29,10 @@ export const getFileMeta = (fileURL: string | URL) => {
   return { filename: __filename, dirname: __dirname };
 };
 
-export const createModulePackages = async (distDir: string) => {
-  console.log("🔧 creating module packages...");
-
-  const moduleDirs = glob
-    .sync(path.join(distDir, "**/index.js"))
-    .map(p => path.dirname(p));
-
-  const promises = moduleDirs.map(async moduleDir => {
-    const typesPath = path.join(moduleDir, "index.d.ts");
-    const packageJSONPath = path.join(moduleDir, "package.json");
-
-    return fs.promises.writeFile(
-      packageJSONPath,
-      JSON.stringify(
-        {
-          sideEffects: false,
-          types: fileExists(typesPath) ? "./index.d.ts" : undefined,
-          main: "./index.js",
-        },
-        null,
-        2,
-      ),
-    );
-  });
-
-  await Promise.all(promises);
-  console.log("✅ module packages created.");
-};
-
 export const toPascalCase = (str: string, splitRegex: RegExp | string) => {
   const baseCase = str.split(splitRegex);
 
   return baseCase
     .map(part => part.charAt(0).toUpperCase() + part.substring(1))
     .join("");
 };
-/* eslint-enable no-console */