npm - makepack - Versions diffs - 1.5.24 → 1.6.0 - Mend

makepack 1.5.24 → 1.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (23) hide show

package/README.md +122 -122
package/package.json +61 -61
package/src/actions/build/index.js +163 -109
package/src/actions/create/files/gitignore.js +9 -8
package/src/actions/create/files/package-json.js +55 -54
package/src/actions/create/files/project-js.js +12 -12
package/src/actions/create/files/project-jsx.js +55 -50
package/src/actions/create/files/project-ts.js +10 -10
package/src/actions/create/files/project-tsx.js +55 -50
package/src/actions/create/files/readme.md.js +62 -62
package/src/actions/create/files/tsconfig.js +33 -33
package/src/actions/create/index.js +103 -105
package/src/actions/create/makeFiles.js +64 -64
package/src/actions/publish/index.js +19 -20
package/src/actions/start/express.js +42 -25
package/src/actions/start/index.js +117 -76
package/src/actions/start/vite.js +61 -56
package/src/helpers.js +36 -36
package/src/index.js +41 -33
package/src/actions/create/files/App.js +0 -52
package/src/actions/create/files/config.js +0 -55
package/src/actions/start/user-express.js +0 -7
package/src/makepack-config.js +0 -59

package/src/actions/start/vite.js CHANGED Viewed

@@ -1,57 +1,62 @@
-// import react from '@vitejs/plugin-react'
-import { createServer as createViteServer } from 'vite';
-import { logger } from '../../helpers.js'
-import makepackConfig from '../../makepack-config.js';
-const viteSetup = async (app) => {
-   const config = await makepackConfig()
-   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);
-   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="${config.start.entry}"></script>
-              </body>
-            </html>
-        `);
-         res.status(200).set({
-            'Content-Type': 'text/html'
-         }).end(template);
-      } catch (e) {
-         vite.ssrFixStacktrace(e);
-         next(e);
-      }
-   });
-}
+// 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(), 'tsconfig.json'))
+   let entry = isTs ? '/src/index.ts' : '/src/index.js';
+   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);
+      }
+   });
+}
 export default viteSetup

package/src/helpers.js CHANGED Viewed

@@ -1,37 +1,37 @@
-import child_process from 'child_process'
-import chalk from 'chalk';
-import figures from 'figures';
-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 logger = {
-   info: (message, prefix = 'INFO', icon = true) => {
-      console.log(`${icon ? chalk.blue(figures.info) + " " : ""}${chalk.cyan.bold(prefix)} ${message}`);
-   },
-   success: (message, prefix = 'SUCCESS:', icon = true) => {
-      console.log(`${icon ? chalk.green(figures.tick) + " " : ""}${chalk.green.bold(prefix)} ${message}`);
-   },
-   warning: (message, prefix = 'WARNING:', icon = true) => {
-      console.log(`${icon ? chalk.yellow(figures.warning) + " " : ""}${chalk.yellow.bold(prefix)} ${message}`);
-   },
-   error: (message, prefix = 'ERROR:', icon = true) => {
-      console.log(`${icon ? chalk.red(figures.cross) + " " : ""}${chalk.red.bold(prefix)} ${message}`);
-   },
-   custom: (icon, color, label, message) => {
-      console.log(`${chalk[color](icon)} ${chalk[color].bold(`${label}:`)} ${message}`);
-   },
+import child_process from 'child_process'
+import chalk from 'chalk';
+import figures from 'figures';
+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 logger = {
+   info: (message, prefix = 'INFO', icon = true) => {
+      console.log(`${icon ? chalk.blue(figures.info) + " " : ""}${chalk.cyan.bold(prefix)} ${message}`);
+   },
+   success: (message, prefix = 'SUCCESS:', icon = true) => {
+      console.log(`${icon ? chalk.green(figures.tick) + " " : ""}${chalk.green.bold(prefix)} ${message}`);
+   },
+   warning: (message, prefix = 'WARNING:', icon = true) => {
+      console.log(`${icon ? chalk.yellow(figures.warning) + " " : ""}${chalk.yellow.bold(prefix)} ${message}`);
+   },
+   error: (message, prefix = 'ERROR:', icon = true) => {
+      console.log(`${icon ? chalk.red(figures.cross) + " " : ""}${chalk.red.bold(prefix)} ${message}`);
+   },
+   custom: (icon, color, label, message) => {
+      console.log(`${chalk[color](icon)} ${chalk[color].bold(`${label}:`)} ${message}`);
+   },
 };

package/src/index.js CHANGED Viewed

@@ -1,33 +1,41 @@
-#!/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 publish from "./actions/publish/index.js";
-const program = new Command();
-program.name("Makepack").description("Usages");
-program
-   .command("create")
-   .description("create a new project")
-   .action(create);
-program
-   .command("start")
-   .description("Start the server")
-   .action(start);
-program
-   .command("build")
-   .description("Build the project")
-   .action(build);
-program
-   .command("publish")
-   .description("Publish it to the npm repository")
-   .action(publish);
-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 publish from "./actions/publish/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, umd, default)", "default")
+   .option("-b, --bundle <bundle>", "Bundle the project", false)
+   .option("-m, --minify <minify>", "Minify the output", true)
+   .option("-s, --sourcemap <sourcemap>", "Generate sourcemaps", true)
+   .option("-t, --target <target>", "Target ECMAScript version", "es2020")
+   .option("-p, --platform <platform>", "Platform to target (node, browser)", "")
+   .option("-d, --declaration <declaration>", "Generate TypeScript declaration files", true)
+   .action(build);
+program
+   .command("publish")
+   .description("Publish it to the npm repository")
+   .action(publish);
+program.parse();

package/src/actions/create/files/App.js DELETED Viewed

@@ -1,52 +0,0 @@
-export default async (info) => {
-  let ext = info.template.includes('typescript') ? ".tsx" : ".jsx"
-  let _import = ''
-  let _code = ''
-  switch (info.template) {
-    case "typescript":
-    case "javascript":
-      _import = `import add from './${info.sourceDir}'`
-      _code = `<code>{add(5,5)}</code>`
-      break
-    case "react with typescript":
-    case "react with javascript":
-      _import = `import Count from './${info.sourceDir}'`
-      _code = `<Count />`
-      break;
-  }
-  const content = `import React from 'react';
-import { createRoot } from 'react-dom/client';
-${_import}
-const App  = () => {
-  return (
-    <div style={{fontFamily: 'monospace,math, sans-serif', textAlign: 'center', marginTop: '50px' }}>
-      <h1>Welcome to makepack CLI!</h1>
-      <p>Edit <code>index.tsx</code> and save to reload.</p>
-      <a
-        href="https://reactjs.org"
-        target="_blank"
-        rel="noopener noreferrer"
-        style={{ color: '#61dafb', textDecoration: 'none' }}
-      >
-        Learn React
-      </a>
-      <div style={{marginTop: "50px"}}>
-        ${_code}
-      </div>
-    </div>
-  );
-}
-const rootEle = document.getElementById('root')
-if (rootEle) {
-  const root = createRoot(rootEle);
-  root.render(<App />);
-}
-  `
-  return {
-    content,
-    filename: `App${ext}`
-  }
-}

package/src/actions/create/files/config.js DELETED Viewed

@@ -1,55 +0,0 @@
-import { loadConfig } from "../../../helpers.js"
-export default async (info) => {
-   const config = await loadConfig()
-   let dependencies = {}
-   let devDependencies = {
-      "makepack": "latest",
-      "react": "^19.0.0",
-      "react-dom": "^19.0.0",
-      "express": "latest"
-   }
-   if (args.template.includes("typescript")) {
-      devDependencies["typescript"] = "^4.4.2"
-      devDependencies["@types/react"] = "^19.0.2"
-      devDependencies["@types/react-dom"] = "^19.0.2"
-      devDependencies["@types/express"] = "latest"
-   }
-   let main = args.entry.split('.')
-   main.pop()
-   const json = {
-      name: args.dirname,
-      version: "1.0.0",
-      main: `./${config.build.outdir}/cjs/index.js`,
-      module: `./${config.build.outdir}/index.js`,
-      types: `./${config.build.outdir}/index.d.ts`,
-      description: "",
-      keywords: [],
-      exports: {
-         ".": {
-            "types": `./${config.build.outdir}/index.d.ts`,
-            "import": `./${config.build.outdir}/index.js`,
-            "require": `./${config.build.outdir}/cjs/index.js`
-         },
-         "./*": {
-            "import": `./${config.build.outdir}/*.js`,
-            "require": `./${config.build.outdir}/cjs/*.js`
-         }
-      },
-      scripts: {
-         "start": "makepack serve",
-         "build": "makepack build",
-         "prepare": "npm run build",
-      },
-      dependencies,
-      devDependencies
-   }
-   return {
-      content: JSON.stringify(json, null, 3),
-      filename: "package.json"
-   }
-}

package/src/actions/start/user-express.js DELETED Viewed

@@ -1,7 +0,0 @@
-// express.ts
-var expressApp = (app) => {
-};
-var express_default = expressApp;
-export {
-  express_default as default
-};

package/src/makepack-config.js DELETED Viewed

@@ -1,59 +0,0 @@
-import { cosmiconfig } from "cosmiconfig";
-const makepackConfig = async () => {
-   const explorer = cosmiconfig("makepack");
-   const configResult = await explorer.search();
-   const defaultConfig = {
-      build: {
-         outdir: "build",
-         types: true,
-         formatPackageJson: (p) => p,
-         configs: [
-            {
-               entryPoints: "src/**/*.{tsx,ts,js,jsx}",
-               outdir: "",
-               format: "esm",
-               sourcemap: true,
-               minify: true,
-               jsx: 'automatic',
-               loader: {
-                  '.ts': 'ts',
-                  '.tsx': 'tsx'
-               },
-            },
-            {
-               entryPoints: "src/**/*.{tsx,ts,js,jsx}",
-               outdir: "cjs",
-               format: "cjs",
-               sourcemap: true,
-               minify: true,
-               jsx: 'automatic',
-               loader: {
-                  '.ts': 'ts',
-                  '.tsx': 'tsx'
-               },
-            }
-         ]
-      },
-      start: {
-         port: 5000,
-         entry: "App.tsx",
-      }
-   }
-   if (configResult && configResult.config) {
-      let fn = configResult.config;
-      if (typeof fn === 'function') {
-         const userConfig = fn(defaultConfig)
-         if (!userConfig) {
-            console.log("Config function must return a config object")
-            process.exit(1)
-         }
-         return userConfig
-      }
-   }
-   return defaultConfig
-}
-export default makepackConfig