makepack 1.5.24 → 1.6.1

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

@@ -1,55 +1,56 @@
-
-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: `./cjs/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"
-   }
+
+export default async (info) => {
+   let dependencies = {}
+   let devDependencies = {
+      "makepack": "latest",
+      "express": "latest"
+   }
+
+   if (info.template.includes("react")) {
+      dependencies["react"] = "^19.0.0"
+      dependencies["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.cjs`,
+      module: `./index.mjs`,
+      types: `./index.d.ts`,
+      description: "",
+      keywords: [],
+      sideEffects: false,
+      // "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",
+         "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 () => {
+  const content = `
+function add(a, b) {
+  return a + b;
+}
+
+export default add
+  `
+  return {
+    content,
+    filename: `src/index.js`
+  }
 }

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

@@ -1,51 +1,56 @@
-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 () => {
+  const content = `import React, { useState } from 'react';
+import { createRoot } from 'react-dom/client';
+
+const App = () => {
+  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',
+  },
+};
+
+const rootEle = document.getElementById('root')
+if (rootEle) {
+  const root = createRoot(rootEle);
+  root.render(<App />);
+}
+  `
+  return {
+    content,
+    filename: `src/index.jsx`
+  }
 }

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 () => {
+  const content = `
+function add(a: number, b: number): number {
+  return a + b;
+}
+export default add`
+  return {
+    content,
+    filename: `src/index.ts`
+  }
 }

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

@@ -1,51 +1,56 @@
-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 () => {
+  const content = `import React, { useState } from 'react';
+import { createRoot } from 'react-dom/client';
+
+const App: 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',
+  },
+};
+
+const rootEle = document.getElementById('root')
+if (rootEle) {
+  const root = createRoot(rootEle);
+  root.render(<App />);
+}
+  `
+  return {
+    content,
+    filename: `src/index.tsx`
+  }
 }

package/src/actions/create/files/readme.md.js

@@ -1,63 +1,63 @@
-
-export default async (info) => {
-   let pkgname = info.projectDirName
-   const content = `# ${pkgname}
-
-[![npm version](https://img.shields.io/npm/v/${pkgname}.svg)](https://www.npmjs.com/package/${pkgname})
-[![License](https://img.shields.io/npm/l/${pkgname}.svg)](https://github.com/your-username/${pkgname}/blob/main/LICENSE)
-[![Downloads](https://img.shields.io/npm/dt/${pkgname}.svg)](https://www.npmjs.com/package/${pkgname})
-
-A brief description of what your package does and its purpose.
-
-## Installation
-
-\`\`\`sh
-npm install ${pkgname}
-\`\`\`
-
-or with yarn:
-
-\`\`\`sh
-yarn add ${pkgname}
-\`\`\`
-
-## Usage
-
-\`\`\`js
-   import { feature } from "${pkgname}";
-
-   const result = feature("example");
-   console.log(result);
-\`\`\`
-
-## API
-
-### \`feature(input: string): string\`
-Description of the function and its parameters.
-
-## Configuration (if applicable)
-Explain any configuration options if your package requires setup.
-
-## Examples
-Provide additional usage examples for clarity.
-
-## Contributing
-Contributions are welcome! Please follow the guidelines in [CONTRIBUTING.md](./CONTRIBUTING.md).
-
-## License
-
-This project is licensed under the MIT License - see the [LICENSE](./LICENSE) file for details.
-
-## Links
-- [GitHub Repository](https://github.com/your-username/${pkgname})
-- [NPM Package](https://www.npmjs.com/package/${pkgname})
-
----
-
-Feel free to modify this template based on your package's specific needs.
-`;
-   return {
-      content,
-      filename: `readme.md`
-   }
+
+export default async (info) => {
+   let pkgname = info.projectDirName
+   const content = `# ${pkgname}
+
+[![npm version](https://img.shields.io/npm/v/${pkgname}.svg)](https://www.npmjs.com/package/${pkgname})
+[![License](https://img.shields.io/npm/l/${pkgname}.svg)](https://github.com/your-username/${pkgname}/blob/main/LICENSE)
+[![Downloads](https://img.shields.io/npm/dt/${pkgname}.svg)](https://www.npmjs.com/package/${pkgname})
+
+A brief description of what your package does and its purpose.
+
+## Installation
+
+\`\`\`sh
+npm install ${pkgname}
+\`\`\`
+
+or with yarn:
+
+\`\`\`sh
+yarn add ${pkgname}
+\`\`\`
+
+## Usage
+
+\`\`\`js
+   import { feature } from "${pkgname}";
+
+   const result = feature("example");
+   console.log(result);
+\`\`\`
+
+## API
+
+### \`feature(input: string): string\`
+Description of the function and its parameters.
+
+## Configuration (if applicable)
+Explain any configuration options if your package requires setup.
+
+## Examples
+Provide additional usage examples for clarity.
+
+## Contributing
+Contributions are welcome! Please follow the guidelines in [CONTRIBUTING.md](./CONTRIBUTING.md).
+
+## License
+
+This project is licensed under the MIT License - see the [LICENSE](./LICENSE) file for details.
+
+## Links
+- [GitHub Repository](https://github.com/your-username/${pkgname})
+- [NPM Package](https://www.npmjs.com/package/${pkgname})
+
+---
+
+Feel free to modify this template based on your package's specific needs.
+`;
+   return {
+      content,
+      filename: `readme.md`
+   }
 }

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

@@ -1,34 +1,34 @@
-export default async () => {
-   const content = {
-      "compilerOptions": {
-         "target": "es5",
-         "lib": [
-            "dom",
-            "dom.iterable",
-            "esnext"
-         ],
-         "allowJs": true,
-         "skipLibCheck": true,
-         "esModuleInterop": true,
-         "allowSyntheticDefaultImports": true,
-         "strict": true,
-         "forceConsistentCasingInFileNames": true,
-         "module": "esnext",
-         "moduleResolution": "node",
-         "resolveJsonModule": true,
-         "isolatedModules": true,
-         "noEmit": true,
-         "jsx": "react"
-      },
-      "include": ["src"],
-      "exclude": [
-         "node_modules",
-         "build"
-      ]
-   }
-
-   return {
-      content: JSON.stringify(content, null, 2),
-      filename: "tsconfig.json"
-   }
+export default async () => {
+   const content = {
+      "compilerOptions": {
+         "target": "es5",
+         "lib": [
+            "dom",
+            "dom.iterable",
+            "esnext"
+         ],
+         "allowJs": true,
+         "skipLibCheck": true,
+         "esModuleInterop": true,
+         "allowSyntheticDefaultImports": true,
+         "strict": true,
+         "forceConsistentCasingInFileNames": true,
+         "module": "esnext",
+         "moduleResolution": "node",
+         "resolveJsonModule": true,
+         "isolatedModules": true,
+         "noEmit": true,
+         "jsx": "react"
+      },
+      "include": ["src"],
+      "exclude": [
+         "node_modules",
+         ".mpack",
+      ]
+   }
+
+   return {
+      content: JSON.stringify(content, null, 2),
+      filename: "tsconfig.json"
+   }
 }