makepack 1.5.24 → 1.6.0

package/README.md

@@ -1,122 +1,122 @@
-<p align="center">
-  <a href="https://github.com/devnax/makepack" rel="noopener" target="_blank"><img  src="https://raw.githubusercontent.com/devnax/makepack/main/logo.png" alt="Makepack logo"></a>
-</p>
-
-<h1 align="center">Makepack</h1>
-
-**MakePack** is a command-line interface (CLI) tool that helps you to quickly set up, build, and manage JavaScript, TypeScript, React, and React-TypeScript libraries for use in npm projects. With just a few simple commands, you can generate your own libraries, start a development server, or build and publish your project to the npm repository.
-
-
-## 📥 Installation
-
-Install `makepack` globally to get started:
-
-```sh
-npm install -g makepack
-```
-
----
-
-## 🎯 Why Choose makepack?
-- **Zero-Config Setup** – Instantly scaffold a structured project.
-- **TypeScript Support** – Seamlessly work with modern JavaScript.
-- **Integrated Dev Server** – Run your package with Vite and Express.
-- **Efficient Build System** – Generate optimized ESM and CJS outputs.
-- **One-Command Publish** – Deploy your package to npm effortlessly.
----
-
-## 📜 CLI Commands
-
-### ✨ `makepack create` – Scaffold a New Project
-Quickly initialize a structured package with the following setup:
-
-```
-src/index.ts or tsx or js or jsx
-.gitignore
-package.json
-README.md
-```
-
-Run:
-```sh
-makepack create
-```
-Follow the interactive prompts to configure your project.
-
-### 🚀 `makepack start` – Launch the Development Server
-Run a Vite + Express server to develop and test your package in real-time.
-
-```sh
-makepack start
-```
-
-### 🏗️ `makepack build` – Compile Your Package
-Builds and optimizes your package into the `build` directory.
-
-```sh
-makepack build
-```
-
-### 📦 `makepack publish` – Deploy to NPM
-Publish your package to the npm registry in one command.
-
-```sh
-makepack publish
-```
-
----
-
-## ⚙️ Configuration
-
-Customize your project by creating a `makepack.js` file in the root directory. This file allows full control over the build and dev environment.
-
-### 🔧 Default Configuration
-
-```js
-module.exports = (prevConfig) => ({
-  build: {
-    outdir: "build",
-    types: true,
-    formatPackageJson: (p) => p,
-    configs: [
-      {
-        entryPoints: "src/**/*.{tsx,ts,js,jsx}",
-        outdir: "esm",
-        format: "esm",
-        sourcemap: true,
-        jsx: 'automatic',
-        loader: {
-          '.ts': 'ts',
-          '.tsx': 'tsx'
-        },
-      },
-      {
-        entryPoints: "src/**/*.{tsx,ts,js,jsx}",
-        outdir: "",
-        format: "cjs",
-        sourcemap: true,
-        jsx: 'automatic',
-        loader: {
-          '.ts': 'ts',
-          '.tsx': 'tsx'
-        },
-      }
-    ]
-  },
-  start: {
-    port: 5000,
-    entry: "App.tsx",
-  }
-});
-```
-
----
-
-## 📜 License
-
-`makepack` is released under the **MIT License**, allowing free usage in both open-source and commercial projects.
-
----
-
-🚀 **Start building your next NPM package with `makepack` today!**
-
+<p align="center">
+  <a href="https://github.com/devnax/makepack" rel="noopener" target="_blank"><img  src="https://raw.githubusercontent.com/devnax/makepack/main/logo.png" alt="Makepack logo"></a>
+</p>
+
+<h1 align="center">Makepack</h1>
+
+**MakePack** is a command-line interface (CLI) tool that helps you to quickly set up, build, and manage JavaScript, TypeScript, React, and React-TypeScript libraries for use in npm projects. With just a few simple commands, you can generate your own libraries, start a development server, or build and publish your project to the npm repository.
+
+
+## 📥 Installation
+
+Install `makepack` globally to get started:
+
+```sh
+npm install -g makepack
+```
+
+---
+
+## 🎯 Why Choose makepack?
+- **Zero-Config Setup** – Instantly scaffold a structured project.
+- **TypeScript Support** – Seamlessly work with modern JavaScript.
+- **Integrated Dev Server** – Run your package with Vite and Express.
+- **Efficient Build System** – Generate optimized ESM and CJS outputs.
+- **One-Command Publish** – Deploy your package to npm effortlessly.
+---
+
+## 📜 CLI Commands
+
+### ✨ `makepack create` – Scaffold a New Project
+Quickly initialize a structured package with the following setup:
+
+```
+src/index.ts or tsx or js or jsx
+.gitignore
+package.json
+README.md
+```
+
+Run:
+```sh
+makepack create
+```
+Follow the interactive prompts to configure your project.
+
+### 🚀 `makepack start` – Launch the Development Server
+Run a Vite + Express server to develop and test your package in real-time.
+
+```sh
+makepack start
+```
+
+### 🏗️ `makepack build` – Compile Your Package
+Builds and optimizes your package into the `build` directory.
+
+```sh
+makepack build
+```
+
+### 📦 `makepack publish` – Deploy to NPM
+Publish your package to the npm registry in one command.
+
+```sh
+makepack publish
+```
+
+---
+
+## ⚙️ Configuration
+
+Customize your project by creating a `makepack.js` file in the root directory. This file allows full control over the build and dev environment.
+
+### 🔧 Default Configuration
+
+```js
+module.exports = (prevConfig) => ({
+  build: {
+    outdir: "build",
+    types: true,
+    formatPackageJson: (p) => p,
+    configs: [
+      {
+        entryPoints: "src/**/*.{tsx,ts,js,jsx}",
+        outdir: "esm",
+        format: "esm",
+        sourcemap: true,
+        jsx: 'automatic',
+        loader: {
+          '.ts': 'ts',
+          '.tsx': 'tsx'
+        },
+      },
+      {
+        entryPoints: "src/**/*.{tsx,ts,js,jsx}",
+        outdir: "",
+        format: "cjs",
+        sourcemap: true,
+        jsx: 'automatic',
+        loader: {
+          '.ts': 'ts',
+          '.tsx': 'tsx'
+        },
+      }
+    ]
+  },
+  start: {
+    port: 5000,
+    entry: "App.tsx",
+  }
+});
+```
+
+---
+
+## 📜 License
+
+`makepack` is released under the **MIT License**, allowing free usage in both open-source and commercial projects.
+
+---
+
+🚀 **Start building your next NPM package with `makepack` today!**
+

package/package.json

@@ -1,62 +1,62 @@
-{
-  "name": "makepack",
-  "version": "1.5.24",
-  "type": "module",
-  "description": "A CLI tool to create, build, and manage JavaScript, TypeScript, React, and React-TypeScript libraries for npm projects.",
-  "files": [
-    "src",
-    "package.json",
-    "README.md"
-  ],
-  "categories": [
-    "Other"
-  ],
-  "author": {
-    "name": "Devnax",
-    "email": "devnaxrul@gmail.com"
-  },
-  "bin": "./src/index.js",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/devnax/makepack"
-  },
-  "bugs": {
-    "url": "https://github.com/devnax/makepack/issues"
-  },
-  "homepage": "https://github.com/devnax/makepack#readme",
-  "scripts": {
-    "start": "node ./src/index.js start",
-    "create": "node ./src/index.js create",
-    "build": "node ./src/index.js build"
-  },
-  "dependencies": {
-    "chalk": "^5.4.1",
-    "chokidar": "^4.0.3",
-    "commander": "^12.1.0",
-    "cosmiconfig": "^9.0.0",
-    "esbuild": "^0.25.0",
-    "express": "^4.21.1",
-    "figlet": "^1.8.0",
-    "figures": "^6.1.0",
-    "fs-extra": "^11.2.0",
-    "glob": "^11.0.0",
-    "inquirer": "^12.1.0",
-    "ora": "^8.1.1",
-    "typescript": "^5.7.2",
-    "vite": "^6.0.2"
-  },
-  "keywords": [
-    "CLI",
-    "npm",
-    "library",
-    "JavaScript",
-    "TypeScript",
-    "React",
-    "npm-package"
-  ],
-  "devDependencies": {
-    "@types/fs-extra": "^11.0.4",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
-  }
+{
+  "name": "makepack",
+  "version": "1.6.0",
+  "type": "module",
+  "description": "A CLI tool to create, build, and manage JavaScript, TypeScript, React, and React-TypeScript libraries for npm projects.",
+  "files": [
+    "src",
+    "package.json",
+    "README.md"
+  ],
+  "categories": [
+    "Other"
+  ],
+  "author": {
+    "name": "Devnax",
+    "email": "devnaxrul@gmail.com"
+  },
+  "bin": "./src/index.js",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/devnax/makepack"
+  },
+  "bugs": {
+    "url": "https://github.com/devnax/makepack/issues"
+  },
+  "homepage": "https://github.com/devnax/makepack#readme",
+  "scripts": {
+    "start": "node ./src/index.js start --port 3000",
+    "create": "node ./src/index.js create",
+    "build": "node ./src/index.js build"
+  },
+  "dependencies": {
+    "chalk": "^5.4.1",
+    "chokidar": "^4.0.3",
+    "commander": "^12.1.0",
+    "cosmiconfig": "^9.0.0",
+    "esbuild": "^0.25.0",
+    "express": "^4.21.1",
+    "figlet": "^1.8.0",
+    "figures": "^6.1.0",
+    "fs-extra": "^11.2.0",
+    "glob": "^11.0.0",
+    "inquirer": "^12.1.0",
+    "ora": "^8.1.1",
+    "typescript": "^5.7.2",
+    "vite": "^6.0.2"
+  },
+  "keywords": [
+    "CLI",
+    "npm",
+    "library",
+    "JavaScript",
+    "TypeScript",
+    "React",
+    "npm-package"
+  ],
+  "devDependencies": {
+    "@types/fs-extra": "^11.0.4",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  }
 }

package/src/actions/build/index.js

@@ -1,110 +1,164 @@
-import esbuild from 'esbuild'
-import fs from 'fs-extra'
-import path from 'path'
-import chalk from 'chalk'
-import ora from 'ora'
-import { glob } from 'glob'
-import ts from 'typescript'
-import makepackConfig from '../../makepack-config.js'
-
-const build = async () => {
-
-   const spinner = ora("Generating a production build for the package...").start();
-
-   try {
-      const { build } = await makepackConfig()
-      const configs = build.configs
-      if (!configs || !configs.length) process.exit("Invalid configuration");
-      const outdir = path.join(process.cwd(), build.outdir)
-
-      try {
-         fs.removeSync(outdir);
-         fs.mkdirSync(outdir);
-      } catch (err) { }
-
-      const batchSize = 500;
-      for (let ebconfig of configs) {
-         const files = await glob(ebconfig.entryPoints) || [];
-         const entryPoints = files.map(entry => path.join(process.cwd(), entry));
-         for (let i = 0; i < entryPoints.length; i += batchSize) {
-            const batch = entryPoints.slice(i, i + batchSize);
-            await esbuild.build({
-               ...ebconfig,
-               entryPoints: batch,
-               outdir: path.join(outdir, ebconfig.outdir || ''),
-            });
-         }
-      }
-
-      if (build.types) {
-         const tsconfigPath = path.resolve(process.cwd(), "tsconfig.json");
-         let tsconfig = {};
-         if (fs.existsSync(tsconfigPath)) {
-            const parsedConfig = ts.getParsedCommandLineOfConfigFile(
-               tsconfigPath,
-               {},
-               ts.sys
-            );
-
-            if (!parsedConfig) {
-               console.error("❌ Error parsing tsconfig.json");
-               process.exit(1);
-            } else {
-               tsconfig = parsedConfig.options;
-            }
-         }
-
-         tsconfig = {
-            allowJs: true,
-            target: ts.ScriptTarget.ESNext, // Ensure it's an enum
-            skipLibCheck: true,
-            moduleResolution: ts.ModuleResolutionKind.Node10,
-            ...tsconfig, // Preserve root tsconfig settings
-            outDir: path.join(outdir, "types"),
-            declaration: true,
-            emitDeclarationOnly: true,
-            noEmit: false,
-         };
-
-         spinner.text = "Generating TypeScript declarations..."
-         const files = await glob("src/**/*.{tsx,ts,js,jsx}") || []
-         const program = ts.createProgram(files, tsconfig);
-         const emitResult = program.emit();
-         const diagnostics = ts.getPreEmitDiagnostics(program).concat(emitResult.diagnostics);
-
-         if (diagnostics.length > 0) {
-            diagnostics.forEach(diagnostic => {
-               const message = ts.flattenDiagnosticMessageText(diagnostic.messageText, '\n');
-               if (diagnostic.file) {
-                  const { line, character } = diagnostic.file.getLineAndCharacterOfPosition(diagnostic.start);
-                  spinner.fail(`Error at ${diagnostic.file.fileName} (${line + 1},${character + 1}): ${message}`);
-               } else {
-                  spinner.fail(`Error: ${message}`);
-               }
-            });
-         } else {
-            spinner.succeed("TypeScript declaration files generated successfully!")
-         }
-      }
-
-      spinner.text = "Copying package.json and readme.md files..."
-      let packageJson = JSON.parse(fs.readFileSync(path.join(process.cwd(), '/package.json'), 'utf8'));
-      const formatPackageJson = build.formatPackageJson || ((p) => p)
-      packageJson = formatPackageJson(packageJson)
-
-      fs.writeFileSync(path.join(process.cwd(), build.outdir, '/package.json'), JSON.stringify(packageJson, null, 2));
-      fs.copyFileSync(path.join(process.cwd(), '/readme.md'), path.join(process.cwd(), build.outdir, `/readme.md`))
-      spinner.succeed('Production build generated successfully! The package is ready for deployment.')
-
-      console.log(`\nTo publish your package:`);
-      console.log(`run: ${chalk.green(`makepack publish`)} to publish the package directly from the current project.`);
-      console.log(chalk.yellow(`OR`));
-      console.log(`${chalk.yellow(`Navigate to the ${build.outdir} directory:`)} ${chalk.green(`cd ./${build.outdir}`)} and run ${chalk.green(`npm publish`)}`);
-
-   } catch (error) {
-      spinner.fail("An error occurred while generating the production build.")
-      console.error(error);
-   }
-}
-
+import esbuild from 'esbuild'
+import fs from 'fs-extra'
+import path from 'path'
+import chalk from 'chalk'
+import ora from 'ora'
+import { glob } from 'glob'
+import ts from 'typescript'
+
+const eBuild = async (ebconfig) => {
+
+   await esbuild.build({
+      jsx: 'automatic',
+      ...ebconfig,
+      outExtension: { '.js': ebconfig.format === "esm" ? '.mjs' : ".cjs" },
+      loader: {
+         '.ts': 'ts',
+         '.tsx': 'tsx'
+      },
+      outdir: path.join(process.cwd(), '.mpack'),
+   })
+}
+
+const build = async (args) => {
+   /* args 
+   --format=default 
+   --bundle=true, 
+   --minify=false, 
+   --sourcemap=true, 
+   --platform=node, 
+   --target=es2020, 
+   */
+
+
+   let printBool = (f) => typeof args[f] === 'string' ? (args[f] === 'true') : args[f];
+
+   args = {
+      format: args.format || "default",
+      bundle: printBool('bundle'),
+      minify: printBool('minify'),
+      sourcemap: printBool('sourcemap'),
+      platform: args.platform || "",
+      target: args.target || "es2020",
+      declaration: printBool('declaration'),
+   }
+
+   const outdir = path.join(process.cwd(), '.mpack');
+   if (fs.existsSync(outdir)) {
+      fs.rmSync(outdir, { recursive: true, force: true });
+   }
+   fs.mkdirSync(outdir)
+
+   const spinner = ora("Generating a production build for the package...").start();
+   const files = await glob("src/**/*.{tsx,ts,js,jsx}") || [];
+   const entryPoints = files.map(entry => path.join(process.cwd(), entry));
+   let batchSize = args.format === 'default' ? 300 : 500;
+
+   let ebconfig = {
+      bundle: args.bundle,
+      minify: args.minify,
+      sourcemap: args.sourcemap,
+      platform: args.platform,
+      target: args.target,
+   }
+
+   for (let i = 0; i < entryPoints.length; i += batchSize) {
+      const batch = entryPoints.slice(i, i + batchSize);
+      let config = {
+         ...ebconfig,
+         entryPoints: batch,
+      }
+      if (args.format === 'default') {
+         await eBuild({ ...config, format: "esm" });
+         spinner.succeed('ESM build generated successfully!');
+         await eBuild({ ...config, format: "cjs" });
+         spinner.succeed('CJS build generated successfully!');
+      } else {
+         await eBuild({ ...config, format: args.format });
+         spinner.succeed(`${args.format} build generated successfully!`);
+      }
+   }
+
+
+   if (args.declaration) {
+      const tsconfigPath = path.resolve(process.cwd(), "tsconfig.json");
+      let tsconfig = {};
+      if (fs.existsSync(tsconfigPath)) {
+         const parsedConfig = ts.getParsedCommandLineOfConfigFile(
+            tsconfigPath,
+            {},
+            ts.sys
+         );
+
+         if (!parsedConfig) {
+            console.error("❌ Error parsing tsconfig.json");
+            process.exit(1);
+         } else {
+            tsconfig = parsedConfig.options;
+         }
+      }
+
+      tsconfig = {
+         allowJs: true,
+         target: ts.ScriptTarget.ESNext, // Ensure it's an enum
+         skipLibCheck: true,
+         moduleResolution: ts.ModuleResolutionKind.Node10,
+         ...tsconfig, // Preserve root tsconfig settings
+         outDir: outdir,
+         declaration: true,
+         emitDeclarationOnly: true,
+         noEmit: false,
+      };
+
+      spinner.text = "Generating TypeScript declarations..."
+      const program = ts.createProgram(files, tsconfig);
+      const emitResult = program.emit();
+      const diagnostics = ts.getPreEmitDiagnostics(program).concat(emitResult.diagnostics);
+
+      if (diagnostics.length > 0) {
+         diagnostics.forEach(diagnostic => {
+            const message = ts.flattenDiagnosticMessageText(diagnostic.messageText, '\n');
+            if (diagnostic.file) {
+               const { line, character } = diagnostic.file.getLineAndCharacterOfPosition(diagnostic.start);
+               spinner.fail(`Error at ${diagnostic.file.fileName} (${line + 1},${character + 1}): ${message}`);
+            } else {
+               spinner.fail(`Error: ${message}`);
+            }
+         });
+      } else {
+         spinner.succeed("TypeScript declaration files generated successfully!")
+      }
+   }
+   spinner.text = "Copying package.json and readme.md files..."
+
+   // update package.json to include the .mpack directory
+   const pkgPath = path.join(process.cwd(), 'package.json');
+   if (fs.existsSync(pkgPath)) {
+      const pkgjson = JSON.parse(fs.readFileSync(pkgPath, 'utf-8'));
+      if (args.format === 'default') {
+         pkgjson.main = "./index.cjs";
+         pkgjson.module = "./index.mjs";
+         pkgjson.types = './index.d.ts'
+      } else {
+         let t = args.format === 'mjs' ? 'module' : 'main';
+         pkgjson[t] = `./index.${args.format}`;
+      }
+
+      if (args.declaration) {
+         pkgjson.types = `index.${args.format}.d.ts`;
+      }
+
+      fs.writeFileSync(path.join(outdir, 'package.json'), JSON.stringify(pkgjson, null, 2));
+   } else {
+      spinner.fail("package.json not found!");
+      return;
+   }
+
+   fs.copyFileSync(path.join(process.cwd(), '/readme.md'), path.join(outdir, `/readme.md`))
+   spinner.succeed("package.json and readme.md files copied successfully!")
+   console.log(chalk.green(`\nBuild completed successfully!`));
+   console.log(`\nTo publish your package to npm:`);
+   console.log(`${chalk.green(`npm run publish`)} or navigate to the ${chalk.green(`.mpack`)} directory and run ${chalk.green(`npm publish`)}`);
+}
+
 export default build

package/src/actions/create/files/gitignore.js

@@ -1,9 +1,10 @@
-import makepackConfig from "../../../makepack-config.js"
-
-export default async () => {
-   const config = await makepackConfig()
-   return {
-      content: `node_modules\n${config.build.outdir}`,
-      filename: ".gitignore"
-   }
+
+export default async () => {
+   return {
+      content: `
+      node_modules
+      .mpack
+      `,
+      filename: ".gitignore"
+   }
 }