makepack 1.7.11 → 1.7.12

package/src/actions/start/index.js

@@ -1,177 +1,177 @@
-import express from 'express';
-import path from 'path';
-import fs from 'fs';
-import { pathToFileURL } from 'url';
-import { createRequire } from 'module';
-import chokidar from 'chokidar';
-import madge from 'madge';
-import viteSetup from './vite.js';
-import * as esbuild from 'esbuild';
-import { randomUUID } from 'crypto';
-import debounce from 'lodash.debounce';
-import { logger, concolor } from '../../helpers.js';
-
-const projectRoot = process.cwd();
-const requireFn = createRequire(import.meta.url);
-const mpack = path.join(projectRoot, '.mpack');
-
-let server = null;
-let app = null;
-let viteServer = null;
-
-const pkg = path.join(process.cwd(), 'package.json');
-const pkgjson = JSON.parse(fs.readFileSync(pkg, 'utf-8'));
-let isEsmProject = pkgjson.type === 'module';
-
-const uxpfileJS = path.resolve(projectRoot, 'express.js');
-const uxpfileTS = path.resolve(projectRoot, 'express.ts');
-const expExists = fs.existsSync(uxpfileJS) || fs.existsSync(uxpfileTS);
-let uxpfile = expExists ? (fs.existsSync(uxpfileJS) ? uxpfileJS : uxpfileTS) : null;
-
-const connections = new Set();
-
-function trackConnections(srv) {
-   srv.on('connection', (conn) => {
-      connections.add(conn);
-      conn.on('close', () => connections.delete(conn));
-   });
-}
-
-async function bootServer(args) {
-   let wasServer = !!server;
-   if (server) {
-      for (const conn of connections) {
-         conn.destroy();
-      }
-      await new Promise((resolve, reject) => {
-         server.close(err => {
-            if (err) {
-               logger.error(`while closing server: ${err.message || err}`);
-               reject(err);
-            } else {
-               resolve();
-            }
-         });
-      });
-      server = null;
-   }
-
-   if (viteServer) {
-      await viteServer.close();
-   }
-
-   app = express();
-   try {
-      const middleware = await loadExp();
-      if (typeof middleware === 'function') {
-         middleware(app);
-      }
-
-      viteServer = await viteSetup(app);
-      const port = args.port || 4000;
-      server = app.listen(port, () => {
-         if (!wasServer) {
-            logger.success(`Server running on: ${concolor.green(concolor.bold(`http://localhost:${port}`))}`, '')
-         }
-         trackConnections(server);
-      })
-   } catch (err) {
-      logger.error(`Failed to start server: ${err.message || err}`);
-   }
-}
-
-
-let esbuildCtx = null;
-
-const buildFile = path.join(mpack, `${randomUUID().substring(0, 15)}.js`);
-
-async function loadExp() {
-   if (!expExists) return null
-
-   const cacheKeys = Object.keys(requireFn.cache || {});
-   if (!isEsmProject) {
-      for (const key of cacheKeys) {
-         if (key.startsWith(process.cwd())) {
-            delete requireFn.cache[key];
-         }
-      }
-   }
-
-   const ext = path.extname(uxpfile);
-   const isTs = ext === '.ts' || ext === '.tsx';
-
-   if (isTs) {
-      if (esbuildCtx) {
-         await esbuildCtx.rebuild();
-      } else {
-         esbuildCtx = await esbuild.context({
-            entryPoints: [uxpfile],
-            outfile: buildFile,
-            format: isEsmProject ? 'esm' : 'cjs',
-            platform: 'node',
-            sourcemap: 'inline',
-            bundle: true,
-            packages: 'external',
-         });
-         await esbuildCtx.rebuild();
-      }
-
-      if (isEsmProject) {
-         const mod = await import(pathToFileURL(buildFile).href + `?update=${Date.now()}`);
-         return mod.default || mod;
-      } else {
-         return requireFn(buildFile);
-      }
-   }
-
-   if (isEsmProject) {
-      const mod = await import(pathToFileURL(uxpfile).href + `?update=${Date.now()}`);
-      return mod.default || mod;
-   } else {
-      return requireFn(uxpfile);
-   }
-}
-
-async function getAllDependencies() {
-   try {
-      if (!expExists) {
-         return [];
-      }
-      const result = await madge(uxpfile, { fileExtensions: ['ts', 'js'] });
-      const deps = Object.keys(result.obj());
-      // const circular = await result.circular();
-      // if (circular.length) {
-      //    logger.warning(`Circular dependencies detected: ${circular.map(c => c.join(' -> ')).join(', ')}`);
-      // }
-      return deps.map(dep => path.resolve(path.dirname(uxpfile), dep));
-   } catch (err) {
-      logger.error(`Failed to analyze dependencies with madge: ${err.message || err}`);
-      return [uxpfile];
-   }
-}
-
-
-let watcher;
-async function startDevServer(args) {
-   if (fs.existsSync(mpack)) {
-      fs.rmSync(mpack, { recursive: true, force: true });
-   }
-   fs.mkdirSync(mpack, { recursive: true });
-
-   await bootServer(args);
-   const filesToWatch = await getAllDependencies();
-   if (watcher) watcher.close();
-   watcher = chokidar.watch(filesToWatch, { ignoreInitial: true });
-
-   const reload = debounce(async (f) => {
-      await bootServer(args);
-      const prettyPath = concolor.dim(path.relative(process.cwd(), f));
-      logger.info(`${concolor.green('server reload')} ${prettyPath}`);
-   }, 100);
-
-   watcher.on('change', reload);
-   watcher.on('add', reload);
-   watcher.on('unlink', reload);
-}
-
+import express from 'express';
+import path from 'path';
+import fs from 'fs';
+import { pathToFileURL } from 'url';
+import { createRequire } from 'module';
+import chokidar from 'chokidar';
+import madge from 'madge';
+import viteSetup from './vite.js';
+import * as esbuild from 'esbuild';
+import { randomUUID } from 'crypto';
+import debounce from 'lodash.debounce';
+import { logger, concolor } from '../../helpers.js';
+
+const projectRoot = process.cwd();
+const requireFn = createRequire(import.meta.url);
+const mpack = path.join(projectRoot, '.mpack');
+
+let server = null;
+let app = null;
+let viteServer = null;
+
+const pkg = path.join(process.cwd(), 'package.json');
+const pkgjson = JSON.parse(fs.readFileSync(pkg, 'utf-8'));
+let isEsmProject = pkgjson.type === 'module';
+
+const uxpfileJS = path.resolve(projectRoot, 'express.js');
+const uxpfileTS = path.resolve(projectRoot, 'express.ts');
+const expExists = fs.existsSync(uxpfileJS) || fs.existsSync(uxpfileTS);
+let uxpfile = expExists ? (fs.existsSync(uxpfileJS) ? uxpfileJS : uxpfileTS) : null;
+
+const connections = new Set();
+
+function trackConnections(srv) {
+   srv.on('connection', (conn) => {
+      connections.add(conn);
+      conn.on('close', () => connections.delete(conn));
+   });
+}
+
+async function bootServer(args) {
+   let wasServer = !!server;
+   if (server) {
+      for (const conn of connections) {
+         conn.destroy();
+      }
+      await new Promise((resolve, reject) => {
+         server.close(err => {
+            if (err) {
+               logger.error(`while closing server: ${err.message || err}`);
+               reject(err);
+            } else {
+               resolve();
+            }
+         });
+      });
+      server = null;
+   }
+
+   if (viteServer) {
+      await viteServer.close();
+   }
+
+   app = express();
+   try {
+      const middleware = await loadExp();
+      if (typeof middleware === 'function') {
+         middleware(app);
+      }
+
+      viteServer = await viteSetup(app);
+      const port = args.port || 4000;
+      server = app.listen(port, () => {
+         if (!wasServer) {
+            logger.success(`Server running on: ${concolor.green(concolor.bold(`http://localhost:${port}`))}`, '')
+         }
+         trackConnections(server);
+      })
+   } catch (err) {
+      logger.error(`Failed to start server: ${err.message || err}`);
+   }
+}
+
+
+let esbuildCtx = null;
+
+const buildFile = path.join(mpack, `${randomUUID().substring(0, 15)}.js`);
+
+async function loadExp() {
+   if (!expExists) return null
+
+   const cacheKeys = Object.keys(requireFn.cache || {});
+   if (!isEsmProject) {
+      for (const key of cacheKeys) {
+         if (key.startsWith(process.cwd())) {
+            delete requireFn.cache[key];
+         }
+      }
+   }
+
+   const ext = path.extname(uxpfile);
+   const isTs = ext === '.ts' || ext === '.tsx';
+
+   if (isTs) {
+      if (esbuildCtx) {
+         await esbuildCtx.rebuild();
+      } else {
+         esbuildCtx = await esbuild.context({
+            entryPoints: [uxpfile],
+            outfile: buildFile,
+            format: isEsmProject ? 'esm' : 'cjs',
+            platform: 'node',
+            sourcemap: 'inline',
+            bundle: true,
+            packages: 'external',
+         });
+         await esbuildCtx.rebuild();
+      }
+
+      if (isEsmProject) {
+         const mod = await import(pathToFileURL(buildFile).href + `?update=${Date.now()}`);
+         return mod.default || mod;
+      } else {
+         return requireFn(buildFile);
+      }
+   }
+
+   if (isEsmProject) {
+      const mod = await import(pathToFileURL(uxpfile).href + `?update=${Date.now()}`);
+      return mod.default || mod;
+   } else {
+      return requireFn(uxpfile);
+   }
+}
+
+async function getAllDependencies() {
+   try {
+      if (!expExists) {
+         return [];
+      }
+      const result = await madge(uxpfile, { fileExtensions: ['ts', 'js'] });
+      const deps = Object.keys(result.obj());
+      // const circular = await result.circular();
+      // if (circular.length) {
+      //    logger.warning(`Circular dependencies detected: ${circular.map(c => c.join(' -> ')).join(', ')}`);
+      // }
+      return deps.map(dep => path.resolve(path.dirname(uxpfile), dep));
+   } catch (err) {
+      logger.error(`Failed to analyze dependencies with madge: ${err.message || err}`);
+      return [uxpfile];
+   }
+}
+
+
+let watcher;
+async function startDevServer(args) {
+   if (fs.existsSync(mpack)) {
+      fs.rmSync(mpack, { recursive: true, force: true });
+   }
+   fs.mkdirSync(mpack, { recursive: true });
+
+   await bootServer(args);
+   const filesToWatch = await getAllDependencies();
+   if (watcher) watcher.close();
+   watcher = chokidar.watch(filesToWatch, { ignoreInitial: true });
+
+   const reload = debounce(async (f) => {
+      await bootServer(args);
+      const prettyPath = concolor.dim(path.relative(process.cwd(), f));
+      logger.info(`${concolor.green('server reload')} ${prettyPath}`);
+   }, 100);
+
+   watcher.on('change', reload);
+   watcher.on('add', reload);
+   watcher.on('unlink', reload);
+}
+
 export default startDevServer

package/src/actions/start/vite.js

@@ -1,62 +1,69 @@
-// import react from '@vitejs/plugin-react'
-import { createServer as createViteServer } from 'vite';
-import { logger } from '../../helpers.js'
-import path from 'path';
-import fs from 'fs';
-
-const viteSetup = async (app) => {
-   const viteConfig = {
-      root: process.cwd(),
-      base: "/",
-      // plugins: [react()],
-      server: {
-         middlewareMode: true,
-      },
-      customLogger: {
-         info: (msg) => {
-            logger.info(msg)
-         },
-         warn: (msg) => logger.warning(msg),
-         error: (msg) => logger.error(msg),
-      },
-      appType: 'custom'
-   }
-
-   const vite = await createViteServer(viteConfig);
-   app.use(vite.middlewares);
-
-   // exists tsconfig.json in the root directory
-   const isTs = fs.existsSync(path.resolve(process.cwd(), 'main.tsx'))
-   let entry = `/main.${isTs ? "tsx" : "jsx"}`
-
-   app.get('*', async (req, res, next) => {
-      const url = req.originalUrl;
-
-      try {
-         let template = await vite.transformIndexHtml(url, `
-            <!doctype html>
-            <html lang="en">
-              <head>
-                <meta charset="UTF-8" />
-                <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-              </head>
-              <body>
-                <div id="root"></div>
-                <script type="module" src="${entry}"></script>
-              </body>
-            </html>
-        `);
-
-         res.status(200).set({
-            'Content-Type': 'text/html'
-         }).end(template);
-      } catch (e) {
-         vite.ssrFixStacktrace(e);
-         next(e);
-      }
-   });
-   return vite;
-}
-
-
+// import react from '@vitejs/plugin-react'
+import { createServer as createViteServer } from 'vite';
+import { logger } from '../../helpers.js'
+import path from 'path';
+import fs from 'fs';
+
+const viteSetup = async (app) => {
+
+   // delete .vite directory if exists
+   const viteDir = path.join(process.cwd(), 'node_modules/.vite');
+   if (fs.existsSync(viteDir)) {
+      fs.rmSync(viteDir, { recursive: true, force: true });
+   }
+
+   const viteConfig = {
+      root: process.cwd(),
+      base: "/",
+      // plugins: [react()],
+      server: {
+         middlewareMode: true,
+      },
+      customLogger: {
+         info: (msg) => {
+            logger.info(msg)
+         },
+         warn: (msg) => logger.warning(msg),
+         error: (msg) => logger.error(msg),
+      },
+      appType: 'custom'
+   }
+
+   const vite = await createViteServer(viteConfig);
+   app.use(vite.middlewares);
+
+   // exists tsconfig.json in the root directory
+   const isTs = fs.existsSync(path.resolve(process.cwd(), 'main.tsx'))
+   let entry = `/main.${isTs ? "tsx" : "jsx"}`
+
+   app.get('*', async (req, res, next) => {
+      const url = req.originalUrl;
+
+      try {
+         let template = await vite.transformIndexHtml(url, `
+            <!doctype html>
+            <html lang="en">
+              <head>
+                <meta charset="UTF-8" />
+                <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+              </head>
+              <body>
+                <div id="root"></div>
+                <script type="module" src="${entry}"></script>
+              </body>
+            </html>
+        `);
+
+         res.status(200).set({
+            'Content-Type': 'text/html'
+         }).end(template);
+      } catch (e) {
+         vite.ssrFixStacktrace(e);
+         next(e);
+      }
+   });
+   return vite;
+}
+
+
 export default viteSetup

package/src/helpers.js

@@ -1,53 +1,53 @@
-import child_process from 'child_process'
-export const execSync = (command, option = {}) => {
-   try {
-      const result = child_process.execSync(command, {
-         encoding: "utf-8",
-         stdio: 'inherit',
-         ...option
-      });
-      result && console.log(result);
-   } catch (error) {
-      console.error(`Command failed: ${error.message}`);
-      process.exit(1);
-   }
-};
-
-
-export const conicon = {
-   info: 'ℹ',
-   success: '✔',
-   warning: '⚠',
-   error: '✖',
-};
-
-export const concolor = {
-   red: (str) => `\x1b[31m${str}\x1b[0m`,
-   green: (str) => `\x1b[32m${str}\x1b[0m`,
-   yellow: (str) => `\x1b[33m${str}\x1b[0m`,
-   blue: (str) => `\x1b[34m${str}\x1b[0m`,
-   bold: (str) => `\x1b[1m${str}\x1b[0m`,
-   dim: (str) => `\x1b[2m${str}\x1b[0m`,
-};
-
-
-export const logger = {
-   log: (message, prefix, icon, color) => {
-      let _color = concolor[color] || concolor.reset;
-      let _icon = conicon[icon] || '';
-      prefix = prefix ? _color(concolor.bold(prefix)) : "";
-      console.log(`${_icon ? _color(_icon) + " " : ""}${prefix} ${message}`);
-   },
-   info: (message, prefix = 'INFO', icon = true) => {
-      logger.log(message, prefix, icon ? 'info' : '', 'blue');
-   },
-   success: (message, prefix = 'SUCCESS:', icon = true) => {
-      logger.log(message, prefix, icon ? 'success' : '', 'green');
-   },
-   warning: (message, prefix = 'WARNING:', icon = true) => {
-      logger.log(message, prefix, icon ? 'warning' : '', 'yellow');
-   },
-   error: (message, prefix = 'ERROR:', icon = true) => {
-      logger.log(message, prefix, icon ? 'error' : '', 'red');
-   }
+import child_process from 'child_process'
+export const execSync = (command, option = {}) => {
+   try {
+      const result = child_process.execSync(command, {
+         encoding: "utf-8",
+         stdio: 'inherit',
+         ...option
+      });
+      result && console.log(result);
+   } catch (error) {
+      console.error(`Command failed: ${error.message}`);
+      process.exit(1);
+   }
+};
+
+
+export const conicon = {
+   info: 'ℹ',
+   success: '✔',
+   warning: '⚠',
+   error: '✖',
+};
+
+export const concolor = {
+   red: (str) => `\x1b[31m${str}\x1b[0m`,
+   green: (str) => `\x1b[32m${str}\x1b[0m`,
+   yellow: (str) => `\x1b[33m${str}\x1b[0m`,
+   blue: (str) => `\x1b[34m${str}\x1b[0m`,
+   bold: (str) => `\x1b[1m${str}\x1b[0m`,
+   dim: (str) => `\x1b[2m${str}\x1b[0m`,
+};
+
+
+export const logger = {
+   log: (message, prefix, icon, color) => {
+      let _color = concolor[color] || concolor.reset;
+      let _icon = conicon[icon] || '';
+      prefix = prefix ? _color(concolor.bold(prefix)) : "";
+      console.log(`${_icon ? _color(_icon) + " " : ""}${prefix} ${message}`);
+   },
+   info: (message, prefix = 'INFO', icon = true) => {
+      logger.log(message, prefix, icon ? 'info' : '', 'blue');
+   },
+   success: (message, prefix = 'SUCCESS:', icon = true) => {
+      logger.log(message, prefix, icon ? 'success' : '', 'green');
+   },
+   warning: (message, prefix = 'WARNING:', icon = true) => {
+      logger.log(message, prefix, icon ? 'warning' : '', 'yellow');
+   },
+   error: (message, prefix = 'ERROR:', icon = true) => {
+      logger.log(message, prefix, icon ? 'error' : '', 'red');
+   }
 };

package/src/index.js

@@ -1,39 +1,39 @@
-#!/usr/bin/env node
-
-import { Command } from "commander";
-import start from "./actions/start/index.js";
-import build from "./actions/build/index.js";
-import create from "./actions/create/index.js";
-import release from "./actions/release/index.js";
-
-const program = new Command();
-
-program.name("Makepack").description("Usages");
-
-program
-   .command("create")
-   .description("Create a new project")
-   .action(create);
-
-program
-   .command("start")
-   .option("-p, --port <port>", "Port to run the server", 3000)
-   .description("Start the server")
-   .action(start);
-
-program
-   .command("build")
-   .description("Build the project")
-   .option("-f, --format <format>", "Output format (cjs, esm, both)", "both")
-   .option("-b, --bundle <bundle>", "Bundle the project", false)
-   .option("-m, --minify <minify>", "Minify the output", false)
-   .option("-s, --sourcemap <sourcemap>", "Generate sourcemaps", true)
-   .option("-d, --declaration <declaration>", "Generate TypeScript declaration files", true)
-   .action(build);
-
-program
-   .command("release")
-   .description("Release it to the npm repository")
-   .action(release);
-
-program.parse();
+#!/usr/bin/env node
+
+import { Command } from "commander";
+import start from "./actions/start/index.js";
+import build from "./actions/build/index.js";
+import create from "./actions/create/index.js";
+import release from "./actions/release/index.js";
+
+const program = new Command();
+
+program.name("Makepack").description("Usages");
+
+program
+   .command("create")
+   .description("Create a new project")
+   .action(create);
+
+program
+   .command("start")
+   .option("-p, --port <port>", "Port to run the server", 3000)
+   .description("Start the server")
+   .action(start);
+
+program
+   .command("build")
+   .description("Build the project")
+   .option("-f, --format <format>", "Output format (cjs, esm, both)", "both")
+   .option("-b, --bundle <bundle>", "Bundle the project", false)
+   .option("-m, --minify <minify>", "Minify the output", false)
+   .option("-s, --sourcemap <sourcemap>", "Generate sourcemaps", true)
+   .option("-d, --declaration <declaration>", "Generate TypeScript declaration files", true)
+   .action(build);
+
+program
+   .command("release")
+   .description("Release it to the npm repository")
+   .action(release);
+
+program.parse();