makepack 1.3.0 → 1.3.2

package/README.md

@@ -16,6 +16,12 @@ npm install -g makepack
 
 This will allow you to use the `makepack` command anywhere in your terminal.
 
+## Configuration Files
+
+**MakePack** supports loading configuration files for Vite and esbuild. If `vite.config.js` and `esbuild.config.js` exist in the root of the project, they will be automatically loaded when running the respective commands.
+
+
+
 ## Commands
 
 ### `create`
@@ -38,7 +44,7 @@ This command will guide you through the initial setup for your library.
 
 ### `serve`
 
-The `serve` command starts a development server for your library, providing you with a live-reload environment where you can test and iterate on your library in real-time.
+The `serve` command starts a development server for your library, providing you with a live-reload environment where you can test and iterate on your library in real-time. It will load `vite.config.js` if it exists in the root of the project.
 
 #### Usage
 
@@ -68,7 +74,7 @@ makepack serve --port 4000 --root src/index.ts
 
 ### `pack`
 
-The `pack` command is used to build your library and optionally publish it to the npm repository. This command compiles your code into a distributable format and prepares it for sharing with others.
+The `pack` command is used to build your library and optionally publish it to the npm repository. This command compiles your code into a distributable format and prepares it for sharing with others. It will load `esbuild.config.js` if it exists in the root of the project.
 
 #### Usage
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "makepack",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "type": "module",
   "description": "A CLI tool to create, build, and manage JavaScript, TypeScript, React, and React-TypeScript libraries for npm projects.",
   "files": [
@@ -36,7 +36,8 @@
     "glob": "^11.0.0",
     "inquirer": "^12.1.0",
     "typescript": "^5.7.2",
-    "vite": "^6.0.2"
+    "vite": "^6.0.2",
+    "@vitejs/plugin-react": "^4.3.4"
   },
   "keywords": [
     "CLI",

package/src/actions/{pack.js → pack/index.js}

@@ -3,7 +3,7 @@ import fs from 'fs-extra';
 import path from 'path';
 import { glob } from 'glob'
 import ts from 'typescript'
-import { execSync, logLoader } from '../helpers.js';
+import { execSync, logLoader, loadConfig } from '../../helpers.js';
 
 const pack = async (args) => {
    args.outdir = 'pack'
@@ -14,24 +14,17 @@ const pack = async (args) => {
    const files = await glob('src/**/*.{tsx,ts,js,jsx}') || []
    const entries = files.map(entry => path.join(process.cwd(), entry))
    let loader = logLoader("Generating a production build for the package...")
-
+   const esbuildConfig = await loadConfig('esbuild.config.js') || {}
    esbuild.buildSync({
-      entryPoints: entries,
-      outdir: path.join(process.cwd(), args.outdir),
       // minify: true,
       sourcemap: true,
       format: "esm",
       platform: 'node',
       loader: { '.ts': 'ts' },
-      //       tsconfig: path.join(process.cwd(), 'tsconfig.json'),
-      //       tsconfigRaw: `{
-      //   "compilerOptions": {
-      //     "declaration": true,
-      //     "emitDeclarationOnly": true,
-      //     "jsx": "react",
-      //     "module": "esnext",
-      //   }
-      // }`
+      tsconfig: path.join(process.cwd(), 'tsconfig.json'),
+      ...esbuildConfig,
+      entryPoints: entries,
+      outdir: path.join(process.cwd(), args.outdir),
    })
    loader.stop()
    loader = logLoader("🔄 Generating TypeScript declarations...")

package/src/actions/serve/index.js

@@ -4,14 +4,16 @@ import path from 'path'
 import { createServer as createViteServer } from 'vite';
 import express from 'express';
 import { glob } from 'glob'
-import { logger } from '../../helpers.js'
+import { logger, loadConfig } from '../../helpers.js'
 import chalk from 'chalk';
 import figlet from 'figlet';
+import react from '@vitejs/plugin-react'
 
 const app = express();
 
-const serve = async (args) => {
 
+
+const serve = async (args) => {
    if (args.root === undefined) {
       const serveFile = await glob('serve.{ts,js,tsx,jsx}', {
          cwd: process.cwd()
@@ -46,13 +48,15 @@ const serve = async (args) => {
       </html>
   `;
 
-   console.log(args.root);
+   let viteConfig = await loadConfig('vite.config.js') || {}
 
    const vite = await createViteServer({
+      ...viteConfig,
       root: process.cwd(),
-      // plugins: [react()],
+      plugins: [react(), ...(viteConfig.plugins || [])],
       server: {
          middlewareMode: true,
+         ...(viteConfig.server || {})
       },
       customLogger: {
          info: (msg) => {
@@ -60,6 +64,7 @@ const serve = async (args) => {
          },
          warn: (msg) => logger.warning(msg),
          error: (msg) => logger.error(msg),
+         ...(viteConfig.customLogger || {})
       },
       appType: 'custom'
    });

package/src/helpers.js

@@ -1,6 +1,9 @@
 import child_process from 'child_process'
 import chalk from 'chalk';
 import figures from 'figures';
+import { pathToFileURL } from 'url';
+import path from 'path';
+
 
 export const logLoader = (message = "") => {
    const spinner = ['|', '/', '-', '\\'];
@@ -53,3 +56,13 @@ export const logger = {
    },
 };
 
+
+export const loadConfig = async (file) => {
+   const viteConfigPath = path.resolve(process.cwd(), file);
+   if (fs.existsSync(viteConfigPath)) {
+      try {
+         return await import(pathToFileURL(viteConfigPath).href);
+      } catch (error) {
+      }
+   }
+}

package/src/index.js

@@ -2,7 +2,7 @@
 
 import { Command } from "commander";
 import serve from "./actions/serve/index.js";
-import pack from "./actions/pack.js";
+import pack from "./actions/pack/index.js";
 import create from "./actions/create/index.js";
 
 const program = new Command();