makepack 1.7.21 → 1.7.22

package/src/actions/build/index.js

@@ -1,103 +1,103 @@
-import fs from 'fs-extra';
-import path from 'path';
-import ora from 'ora';
-import { concolor, logger } from '../../helpers.js';
-import bundler from './bundler.js';
-
-const build = async (args) => {
-   /*
-     args options:
-     --format=both
-     --bundle=true
-     --minify=false
-     --sourcemap=true
-     --declaration=true
-   */
-
-   // Convert string "true"/"false" to boolean
-   const beBool = (f) =>
-      typeof args[f] === 'string' ? args[f].toLowerCase() === 'true' : !!args[f];
-
-   const outdir = path.join(process.cwd(), '.mpack');
-   const rootdir = path.join(process.cwd(), 'src');
-   let entry = '';
-   let entryts = path.join(rootdir, 'index.ts');
-   let entryjs = path.join(rootdir, 'index.js');
-   let entrytsx = path.join(rootdir, 'index.tsx');
-   let entryjsx = path.join(rootdir, 'index.jsx');
-
-   if (fs.existsSync(entryts)) {
-      entry = "index.ts";
-   } else if (fs.existsSync(entryjs)) {
-      entry = "index.js";
-   } else if (fs.existsSync(entrytsx)) {
-      entry = "index.tsx";
-   } else if (fs.existsSync(entryjsx)) {
-      entry = "index.jsx";
-   } else {
-      throw new Error("No entry file found in src directory. Please provide an index.ts or index.js file.");
-   }
-
-   args = {
-      format: args.format || 'both',
-      bundle: beBool('bundle'),
-      minify: beBool('minify'),
-      sourcemap: beBool('sourcemap'),
-      declaration: beBool('declaration'),
-      outdir,
-      rootdir,
-      entry: path.join(rootdir, entry),
-   };
-
-   const spinner = ora('✨ Building your package...\n').start();
-
-   try {
-      // Remove old build folder
-      await fs.remove(outdir);
-      await fs.mkdirp(outdir);
-
-      // Run bundler
-      await bundler(args, spinner);
-
-      spinner.text = '📦 Copying package.json and readme.md files...';
-
-      // Copy package.json
-      const pkgPath = path.join(process.cwd(), 'package.json');
-      if (await fs.pathExists(pkgPath)) {
-         const pkgjson = await fs.readJson(pkgPath);
-         delete pkgjson.scripts;
-         delete pkgjson.type;
-         delete pkgjson.devDependencies;
-         delete pkgjson.jest;
-         delete pkgjson.prettier;
-         delete pkgjson.eslintConfig;
-         delete pkgjson.vite;
-         delete pkgjson.rollup;
-         await fs.writeJson(path.join(outdir, 'package.json'), pkgjson, { spaces: 2 });
-      } else {
-         spinner.fail(concolor.red('package.json not found!'));
-         return;
-      }
-
-      // Copy readme.md if exists
-      const readmePath = path.join(process.cwd(), 'readme.md');
-      if (await fs.pathExists(readmePath)) {
-         await fs.copy(readmePath, path.join(outdir, 'readme.md'));
-      }
-
-      spinner.succeed(concolor.bold(concolor.green('Build successfully completed!\n')));
-      console.log(concolor.bold('To publish your package, run:'));
-      console.log(
-         `${concolor.yellow('`npm run release`')} or navigate to \`.mpack\` and run: ${concolor.yellow(
-            '`npm publish`\n'
-         )}`
-      );
-   } catch (err) {
-      spinner.fail(concolor.red('Build failed!'));
-      logger.error(err);
-   } finally {
-      spinner.stop();
-   }
-};
-
-export default build;
+import fs from 'fs-extra';
+import path from 'path';
+import ora from 'ora';
+import { concolor, logger } from '../../helpers.js';
+import bundler from './bundler.js';
+
+const build = async (args) => {
+   /*
+     args options:
+     --format=both
+     --bundle=true
+     --minify=false
+     --sourcemap=true
+     --declaration=true
+   */
+
+   // Convert string "true"/"false" to boolean
+   const beBool = (f) =>
+      typeof args[f] === 'string' ? args[f].toLowerCase() === 'true' : !!args[f];
+
+   const outdir = path.join(process.cwd(), '.mpack');
+   const rootdir = path.join(process.cwd(), 'src');
+   let entry = '';
+   let entryts = path.join(rootdir, 'index.ts');
+   let entryjs = path.join(rootdir, 'index.js');
+   let entrytsx = path.join(rootdir, 'index.tsx');
+   let entryjsx = path.join(rootdir, 'index.jsx');
+
+   if (fs.existsSync(entryts)) {
+      entry = "index.ts";
+   } else if (fs.existsSync(entryjs)) {
+      entry = "index.js";
+   } else if (fs.existsSync(entrytsx)) {
+      entry = "index.tsx";
+   } else if (fs.existsSync(entryjsx)) {
+      entry = "index.jsx";
+   } else {
+      throw new Error("No entry file found in src directory. Please provide an index.ts or index.js file.");
+   }
+
+   args = {
+      format: args.format || 'both',
+      bundle: beBool('bundle'),
+      minify: beBool('minify'),
+      sourcemap: beBool('sourcemap'),
+      declaration: beBool('declaration'),
+      outdir,
+      rootdir,
+      entry: path.join(rootdir, entry),
+   };
+
+   const spinner = ora('✨ Building your package...\n').start();
+
+   try {
+      // Remove old build folder
+      await fs.remove(outdir);
+      await fs.mkdirp(outdir);
+
+      // Run bundler
+      await bundler(args, spinner);
+
+      spinner.text = '📦 Copying package.json and readme.md files...';
+
+      // Copy package.json
+      const pkgPath = path.join(process.cwd(), 'package.json');
+      if (await fs.pathExists(pkgPath)) {
+         const pkgjson = await fs.readJson(pkgPath);
+         delete pkgjson.scripts;
+         delete pkgjson.type;
+         delete pkgjson.devDependencies;
+         delete pkgjson.jest;
+         delete pkgjson.prettier;
+         delete pkgjson.eslintConfig;
+         delete pkgjson.vite;
+         delete pkgjson.rollup;
+         await fs.writeJson(path.join(outdir, 'package.json'), pkgjson, { spaces: 2 });
+      } else {
+         spinner.fail(concolor.red('package.json not found!'));
+         return;
+      }
+
+      // Copy readme.md if exists
+      const readmePath = path.join(process.cwd(), 'readme.md');
+      if (await fs.pathExists(readmePath)) {
+         await fs.copy(readmePath, path.join(outdir, 'readme.md'));
+      }
+
+      spinner.succeed(concolor.bold(concolor.green('Build successfully completed!\n')));
+      console.log(concolor.bold('To publish your package, run:'));
+      console.log(
+         `${concolor.yellow('`npm run release`')} or navigate to \`.mpack\` and run: ${concolor.yellow(
+            '`npm publish`\n'
+         )}`
+      );
+   } catch (err) {
+      spinner.fail(concolor.red('Build failed!'));
+      logger.error(err);
+   } finally {
+      spinner.stop();
+   }
+};
+
+export default build;

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

@@ -1,10 +1,10 @@
-
-export default async () => {
-   return {
-      content: `
-      node_modules
-      .mpack
-      `,
-      filename: ".gitignore"
-   }
+
+export default async () => {
+   return {
+      content: `
+      node_modules
+      .mpack
+      `,
+      filename: ".gitignore"
+   }
 }

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

@@ -1,37 +1,37 @@
-export default async ({ template }) => {
-
-   let ext = 'jsx'
-   if (template === 'react with typescript') {
-      ext = 'tsx'
-   } else if (template === 'typescript') {
-      ext = 'ts'
-   }
-   else if (template === 'javascript') {
-      ext = 'js'
-   }
-
-   const content = `import React from 'react';
-import { createRoot } from 'react-dom/client';
-import ${ext.includes("sx") ? "Count" : "sum"} from './src/index.${ext}';
-
-const Main = () => {
-  return (
-    <div>
-      <h1>Welcome to makepack CLI!</h1>
-      <p>Edit <code>index.${ext}</code> and save to reload.</p>
-      ${ext.includes("sx") ? "<Count />" : "<p>The sum is: {sum(5, 5)}</p>"}
-    </div>
-  );
-};
-
-const rootEle = document.getElementById('root')
-if (rootEle) {
-  const root = createRoot(rootEle);
-  root.render(<Main />);
-}
-  `
-   return {
-      content,
-      filename: `main.${ext.includes('ts') ? "tsx" : 'jsx'}`
-   }
+export default async ({ template }) => {
+
+   let ext = 'jsx'
+   if (template === 'react with typescript') {
+      ext = 'tsx'
+   } else if (template === 'typescript') {
+      ext = 'ts'
+   }
+   else if (template === 'javascript') {
+      ext = 'js'
+   }
+
+   const content = `import React from 'react';
+import { createRoot } from 'react-dom/client';
+import ${ext.includes("sx") ? "Count" : "sum"} from './src/index.${ext}';
+
+const Main = () => {
+  return (
+    <div>
+      <h1>Welcome to makepack CLI!</h1>
+      <p>Edit <code>index.${ext}</code> and save to reload.</p>
+      ${ext.includes("sx") ? "<Count />" : "<p>The sum is: {sum(5, 5)}</p>"}
+    </div>
+  );
+};
+
+const rootEle = document.getElementById('root')
+if (rootEle) {
+  const root = createRoot(rootEle);
+  root.render(<Main />);
+}
+  `
+   return {
+      content,
+      filename: `main.${ext.includes('ts') ? "tsx" : 'jsx'}`
+   }
 }

package/src/actions/create/files/package-json.js

@@ -1,50 +1,50 @@
-
-export default async (info) => {
-   let dependencies = {}
-   let devDependencies = {
-      "makepack": "latest",
-      "express": "latest"
-   }
-
-   if (info.template.includes("react")) {
-      devDependencies["react"] = "^19.0.0"
-      devDependencies["react-dom"] = "^19.0.0"
-   }
-
-   if (info.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"
-   }
-
-   const json = {
-      name: info.pdir,
-      version: "1.0.0",
-      main: `./index.js`,
-      module: `./index.mjs`,
-      types: `./index.d.ts`,
-      description: "",
-      keywords: [],
-      sideEffects: false,
-      scripts: {
-         "start": "makepack start",
-         "build": "makepack build",
-         "release": "makepack release"
-      },
-      "exports": {
-         ".": {
-            "import": "./index.mjs",
-            "require": "./index.js",
-            "types": "./index.d.ts"
-         }
-      },
-      dependencies,
-      devDependencies
-   }
-
-   return {
-      content: JSON.stringify(json, null, 3),
-      filename: "package.json"
-   }
+
+export default async (info) => {
+   let dependencies = {}
+   let devDependencies = {
+      "makepack": "latest",
+      "express": "latest"
+   }
+
+   if (info.template.includes("react")) {
+      devDependencies["react"] = "^19.0.0"
+      devDependencies["react-dom"] = "^19.0.0"
+   }
+
+   if (info.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"
+   }
+
+   const json = {
+      name: info.pdir,
+      version: "1.0.0",
+      main: `./index.js`,
+      module: `./index.mjs`,
+      types: `./index.d.ts`,
+      description: "",
+      keywords: [],
+      sideEffects: false,
+      scripts: {
+         "start": "makepack start",
+         "build": "makepack build",
+         "release": "makepack release"
+      },
+      "exports": {
+         ".": {
+            "import": "./index.mjs",
+            "require": "./index.js",
+            "types": "./index.d.ts"
+         }
+      },
+      dependencies,
+      devDependencies
+   }
+
+   return {
+      content: JSON.stringify(json, null, 3),
+      filename: "package.json"
+   }
 }

package/src/actions/create/files/project-js.js

@@ -1,13 +1,13 @@
-export default async () => {
-  const content = `
-function sum(a, b) {
-  return a + b;
-}
-
-export default sum
-  `
-  return {
-    content,
-    filename: `src/index.js`
-  }
+export default async () => {
+  const content = `
+function sum(a, b) {
+  return a + b;
+}
+
+export default sum
+  `
+  return {
+    content,
+    filename: `src/index.js`
+  }
 }

package/src/actions/create/files/project-jsx.js

@@ -1,51 +1,51 @@
-export default async () => {
-  const content = `import React, { useState } from 'react';
-
-const Index = () => {
-  const [count, setCount] = useState(0);
-  const increment = () => setCount(prevCount => prevCount + 1);
-  const decrement = () => setCount(prevCount => prevCount - 1);
-  const reset = () => setCount(0);
-
-  return (
-    <div style={styles.container}>
-      <h1>Count App</h1>
-      <div style={styles.counter}>{count}</div>
-      <div style={styles.buttonContainer}>
-        <button style={styles.button} onClick={increment}>Increment</button>
-        <button style={styles.button} onClick={decrement}>Decrement</button>
-        <button style={styles.button} onClick={reset}>Reset</button>
-      </div>
-    </div>
-  );
-};
-
-const styles = {
-  container: {
-    textAlign: 'center',
-    padding: '20px',
-    fontFamily: 'Arial, sans-serif'
-  },
-  counter: {
-    fontSize: '2rem',
-    margin: '20px 0',
-  },
-  buttonContainer: {
-    display: 'flex',
-    justifyContent: 'center',
-    gap: '10px',
-  },
-  button: {
-    padding: '10px 20px',
-    fontSize: '1rem',
-    cursor: 'pointer',
-  },
-};
-
-export default Index;
-  `
-  return {
-    content,
-    filename: `src/index.jsx`
-  }
+export default async () => {
+  const content = `import React, { useState } from 'react';
+
+const Index = () => {
+  const [count, setCount] = useState(0);
+  const increment = () => setCount(prevCount => prevCount + 1);
+  const decrement = () => setCount(prevCount => prevCount - 1);
+  const reset = () => setCount(0);
+
+  return (
+    <div style={styles.container}>
+      <h1>Count App</h1>
+      <div style={styles.counter}>{count}</div>
+      <div style={styles.buttonContainer}>
+        <button style={styles.button} onClick={increment}>Increment</button>
+        <button style={styles.button} onClick={decrement}>Decrement</button>
+        <button style={styles.button} onClick={reset}>Reset</button>
+      </div>
+    </div>
+  );
+};
+
+const styles = {
+  container: {
+    textAlign: 'center',
+    padding: '20px',
+    fontFamily: 'Arial, sans-serif'
+  },
+  counter: {
+    fontSize: '2rem',
+    margin: '20px 0',
+  },
+  buttonContainer: {
+    display: 'flex',
+    justifyContent: 'center',
+    gap: '10px',
+  },
+  button: {
+    padding: '10px 20px',
+    fontSize: '1rem',
+    cursor: 'pointer',
+  },
+};
+
+export default Index;
+  `
+  return {
+    content,
+    filename: `src/index.jsx`
+  }
 }

package/src/actions/create/files/project-ts.js

@@ -1,11 +1,11 @@
-export default async () => {
-  const content = `
-function sum(a: number, b: number): number {
-  return a + b;
-}
-export default sum`
-  return {
-    content,
-    filename: `src/index.ts`
-  }
+export default async () => {
+  const content = `
+function sum(a: number, b: number): number {
+  return a + b;
+}
+export default sum`
+  return {
+    content,
+    filename: `src/index.ts`
+  }
 }

package/src/actions/create/files/project-tsx.js

@@ -1,51 +1,51 @@
-export default async () => {
-  const content = `import React, { useState } from 'react';
-
-const Index: React.FC = () => {
-  const [count, setCount] = useState<number>(0);
-  const increment = (): void => setCount(prevCount => prevCount + 1);
-  const decrement = (): void => setCount(prevCount => prevCount - 1);
-  const reset = (): void => setCount(0);
-
-  return (
-    <div style={styles.container}>
-      <h1>Count App</h1>
-      <div style={styles.counter}>{count}</div>
-      <div style={styles.buttonContainer}>
-        <button style={styles.button} onClick={increment}>Increment</button>
-        <button style={styles.button} onClick={decrement}>Decrement</button>
-        <button style={styles.button} onClick={reset}>Reset</button>
-      </div>
-    </div>
-  );
-};
-
-const styles: { [key: string]: React.CSSProperties } = {
-  container: {
-    textAlign: 'center',
-    padding: '20px',
-    fontFamily: 'Arial, sans-serif',
-  },
-  counter: {
-    fontSize: '2rem',
-    margin: '20px 0',
-  },
-  buttonContainer: {
-    display: 'flex',
-    justifyContent: 'center',
-    gap: '10px',
-  },
-  button: {
-    padding: '10px 20px',
-    fontSize: '1rem',
-    cursor: 'pointer',
-  },
-};
-
-export default Index;
-  `
-  return {
-    content,
-    filename: `src/index.tsx`
-  }
+export default async () => {
+  const content = `import React, { useState } from 'react';
+
+const Index: React.FC = () => {
+  const [count, setCount] = useState<number>(0);
+  const increment = (): void => setCount(prevCount => prevCount + 1);
+  const decrement = (): void => setCount(prevCount => prevCount - 1);
+  const reset = (): void => setCount(0);
+
+  return (
+    <div style={styles.container}>
+      <h1>Count App</h1>
+      <div style={styles.counter}>{count}</div>
+      <div style={styles.buttonContainer}>
+        <button style={styles.button} onClick={increment}>Increment</button>
+        <button style={styles.button} onClick={decrement}>Decrement</button>
+        <button style={styles.button} onClick={reset}>Reset</button>
+      </div>
+    </div>
+  );
+};
+
+const styles: { [key: string]: React.CSSProperties } = {
+  container: {
+    textAlign: 'center',
+    padding: '20px',
+    fontFamily: 'Arial, sans-serif',
+  },
+  counter: {
+    fontSize: '2rem',
+    margin: '20px 0',
+  },
+  buttonContainer: {
+    display: 'flex',
+    justifyContent: 'center',
+    gap: '10px',
+  },
+  button: {
+    padding: '10px 20px',
+    fontSize: '1rem',
+    cursor: 'pointer',
+  },
+};
+
+export default Index;
+  `
+  return {
+    content,
+    filename: `src/index.tsx`
+  }
 }