makepack 1.5.20 → 1.5.22

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

@@ -1,52 +1,52 @@
-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}`
-  }
+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

@@ -1,55 +1,55 @@
-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"
-   }
+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/create/files/gitignore.js

@@ -1,9 +1,9 @@
-import makepackConfig from "../../../makepack-config.js"
-
-export default async () => {
-   const config = await makepackConfig()
-   return {
-      content: `node_modules\n${config.build.outdir}`,
-      filename: ".gitignore"
-   }
+import makepackConfig from "../../../makepack-config.js"
+
+export default async () => {
+   const config = await makepackConfig()
+   return {
+      content: `node_modules\n${config.build.outdir}`,
+      filename: ".gitignore"
+   }
 }

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

@@ -1,55 +1,55 @@
-
-export default async (info) => {
-   let dependencies = {}
-   let devDependencies = {
-      "makepack": "latest",
-      "react": "^19.0.0",
-      "react-dom": "^19.0.0",
-      "express": "latest"
-   }
-
-   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"
-   }
-
-   let main = info.sourceEntry.split('.')
-   main.pop()
-
-   const json = {
-      name: info.projectDirName,
-      version: "1.0.0",
-      main: `./index.js`,
-      module: `./esm/index.js`,
-      types: `./types/index.d.ts`,
-      description: "",
-      keywords: [],
-      "exports": {
-         ".": {
-            "types": "./types/index.d.ts",
-            "require": "./cjs/index.js",
-            "import": "./index.js",
-         },
-         "./types/*": "./types/*.d.ts",
-         "./cjs/*": "./cjs/*.js",
-         "./*": {
-            "import": "./*.js",
-            "require": "./cjs/*.js"
-         }
-      },
-      scripts: {
-         "start": "makepack start",
-         "build": "makepack build",
-         "build:publish": "makepack publish"
-      },
-      dependencies,
-      devDependencies
-   }
-
-   return {
-      content: JSON.stringify(json, null, 3),
-      filename: "package.json"
-   }
+
+export default async (info) => {
+   let dependencies = {}
+   let devDependencies = {
+      "makepack": "latest",
+      "react": "^19.0.0",
+      "react-dom": "^19.0.0",
+      "express": "latest"
+   }
+
+   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"
+   }
+
+   let main = info.sourceEntry.split('.')
+   main.pop()
+
+   const json = {
+      name: info.projectDirName,
+      version: "1.0.0",
+      main: `./index.js`,
+      module: `./index.js`,
+      types: `./types/index.d.ts`,
+      description: "",
+      keywords: [],
+      "exports": {
+         ".": {
+            "types": "./types/index.d.ts",
+            "require": "./cjs/index.js",
+            "import": "./index.js",
+         },
+         "./types/*": "./types/*.d.ts",
+         "./cjs/*": "./cjs/*.js",
+         "./*": {
+            "import": "./*.js",
+            "require": "./cjs/*.js"
+         }
+      },
+      scripts: {
+         "start": "makepack start",
+         "build": "makepack build",
+         "build:publish": "makepack publish"
+      },
+      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 (args) => {
-  const content = `
-function add(a, b) {
-  return a + b;
-}
-
-export default add
-  `
-  return {
-    content,
-    filename: `${args.sourceDir}/${args.sourceEntry}`
-  }
+export default async (args) => {
+  const content = `
+function add(a, b) {
+  return a + b;
+}
+
+export default add
+  `
+  return {
+    content,
+    filename: `${args.sourceDir}/${args.sourceEntry}`
+  }
 }

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

@@ -1,51 +1,51 @@
-export default async (args) => {
-  const content = `import React, { useState } from 'react';
-
-const Count = () => {
-  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 Count;
-  `
-  return {
-    content,
-    filename: `${args.sourceDir}/${args.sourceEntry}`
-  }
+export default async (args) => {
+  const content = `import React, { useState } from 'react';
+
+const Count = () => {
+  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 Count;
+  `
+  return {
+    content,
+    filename: `${args.sourceDir}/${args.sourceEntry}`
+  }
 }

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

@@ -1,11 +1,11 @@
-export default async (args) => {
-  const content = `
-function add(a: number, b: number): number {
-  return a + b;
-}
-export default add`
-  return {
-    content,
-    filename: `${args.sourceDir}/${args.sourceEntry}`
-  }
+export default async (args) => {
+  const content = `
+function add(a: number, b: number): number {
+  return a + b;
+}
+export default add`
+  return {
+    content,
+    filename: `${args.sourceDir}/${args.sourceEntry}`
+  }
 }

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

@@ -1,51 +1,51 @@
-export default async (args) => {
-  const content = `import React, { useState } from 'react';
-
-const Count: 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 Count;
-  `
-  return {
-    content,
-    filename: `${args.sourceDir}/${args.sourceEntry}`
-  }
+export default async (args) => {
+  const content = `import React, { useState } from 'react';
+
+const Count: 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 Count;
+  `
+  return {
+    content,
+    filename: `${args.sourceDir}/${args.sourceEntry}`
+  }
 }