makepack 1.7.11 → 1.7.13

package/src/actions/build/index.js

@@ -1,75 +1,75 @@
-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 
-   --format=both 
-   --bundle=true, 
-   --minify=false, 
-   --sourcemap=true, 
-   --declaration=true,
-   */
-
-   let printBool = (f) => typeof args[f] === 'string' ? (args[f] === '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: printBool('bundle'),
-      minify: printBool('minify'),
-      sourcemap: printBool('sourcemap'),
-      declaration: printBool('declaration'),
-      outdir,
-      rootdir,
-      entry: path.join(rootdir, entry),
-   }
-
-   if (fs.existsSync(outdir)) {
-      fs.rmSync(outdir, { recursive: true, force: true });
-   }
-   fs.mkdirSync(outdir)
-   const spinner = ora("✨ Bundling your package..\n").start();
-   await bundler(args, spinner);
-   spinner.text = "Copying package.json and readme.md files..."
-   const pkgPath = path.join(process.cwd(), 'package.json');
-   if (fs.existsSync(pkgPath)) {
-      const pkgjson = JSON.parse(fs.readFileSync(pkgPath, 'utf-8'));
-      delete pkgjson.scripts
-      delete pkgjson.type
-      fs.writeFileSync(path.join(outdir, 'package.json'), JSON.stringify(pkgjson, null, 2));
-   } else {
-      logger.error("package.json not found!");
-      return;
-   }
-
-   fs.copyFileSync(path.join(process.cwd(), '/readme.md'), path.join(outdir, `/readme.md`))
-   spinner.succeed(concolor.bold(concolor.green(`Build successfully completed\n`)));
-   console.log(concolor.bold(`To publish your package to npm run:`));
-   console.log(`${concolor.yellow(`\`npm run release\``)} Or navigate to \`.mpack\` and run: ${concolor.yellow(`\`npm publish\`\n`)}`);
-   spinner.stop();
-}
-
+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 
+   --format=both 
+   --bundle=true, 
+   --minify=false, 
+   --sourcemap=true, 
+   --declaration=true,
+   */
+
+   let printBool = (f) => typeof args[f] === 'string' ? (args[f] === '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: printBool('bundle'),
+      minify: printBool('minify'),
+      sourcemap: printBool('sourcemap'),
+      declaration: printBool('declaration'),
+      outdir,
+      rootdir,
+      entry: path.join(rootdir, entry),
+   }
+
+   if (fs.existsSync(outdir)) {
+      fs.rmSync(outdir, { recursive: true, force: true });
+   }
+   fs.mkdirSync(outdir)
+   const spinner = ora("✨ Bundling your package..\n").start();
+   await bundler(args, spinner);
+   spinner.text = "Copying package.json and readme.md files..."
+   const pkgPath = path.join(process.cwd(), 'package.json');
+   if (fs.existsSync(pkgPath)) {
+      const pkgjson = JSON.parse(fs.readFileSync(pkgPath, 'utf-8'));
+      delete pkgjson.scripts
+      delete pkgjson.type
+      fs.writeFileSync(path.join(outdir, 'package.json'), JSON.stringify(pkgjson, null, 2));
+   } else {
+      logger.error("package.json not found!");
+      return;
+   }
+
+   fs.copyFileSync(path.join(process.cwd(), '/readme.md'), path.join(outdir, `/readme.md`))
+   spinner.succeed(concolor.bold(concolor.green(`Build successfully completed\n`)));
+   console.log(concolor.bold(`To publish your package to npm run:`));
+   console.log(`${concolor.yellow(`\`npm run release\``)} Or navigate to \`.mpack\` and run: ${concolor.yellow(`\`npm publish\`\n`)}`);
+   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`
+  }
 }