makepack 1.6.2 → 1.6.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "makepack",
-  "version": "1.6.2",
+  "version": "1.6.4",
   "type": "module",
   "description": "A CLI tool to create, build, and manage JavaScript, TypeScript, React, and React-TypeScript libraries for npm projects.",
   "files": [

package/src/actions/build/index.js

@@ -148,6 +148,9 @@ const build = async (args) => {
          pkgjson.types = `./index.d.ts`;
       }
 
+      delete pkgjson.scripts
+      delete pkgjson.type
+
       fs.writeFileSync(path.join(outdir, 'package.json'), JSON.stringify(pkgjson, null, 2));
    } else {
       spinner.fail("package.json not found!");

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

@@ -0,0 +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'}`
+   }
+}

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

@@ -7,8 +7,8 @@ export default async (info) => {
    }
 
    if (info.template.includes("react")) {
-      dependencies["react"] = "^19.0.0"
-      dependencies["react-dom"] = "^19.0.0"
+      devDependencies["react"] = "^19.0.0"
+      devDependencies["react-dom"] = "^19.0.0"
    }
 
    if (info.template.includes("typescript")) {
@@ -43,7 +43,7 @@ export default async (info) => {
       scripts: {
          "start": "makepack start",
          "build": "makepack build",
-         "publish": "makepack publish"
+         "release": "makepack release"
       },
       dependencies,
       devDependencies

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

@@ -1,10 +1,10 @@
 export default async () => {
   const content = `
-function add(a, b) {
+function sum(a, b) {
   return a + b;
 }
 
-export default add
+export default sum
   `
   return {
     content,

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

@@ -1,8 +1,7 @@
 export default async () => {
   const content = `import React, { useState } from 'react';
-import { createRoot } from 'react-dom/client';
 
-const App = () => {
+const Index = () => {
   const [count, setCount] = useState(0);
   const increment = () => setCount(prevCount => prevCount + 1);
   const decrement = () => setCount(prevCount => prevCount - 1);
@@ -43,11 +42,7 @@ const styles = {
   },
 };
 
-const rootEle = document.getElementById('root')
-if (rootEle) {
-  const root = createRoot(rootEle);
-  root.render(<App />);
-}
+export default Index;
   `
   return {
     content,

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

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

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

@@ -1,8 +1,7 @@
 export default async () => {
   const content = `import React, { useState } from 'react';
-import { createRoot } from 'react-dom/client';
 
-const App: React.FC = () => {
+const Index: React.FC = () => {
   const [count, setCount] = useState<number>(0);
   const increment = (): void => setCount(prevCount => prevCount + 1);
   const decrement = (): void => setCount(prevCount => prevCount - 1);
@@ -43,11 +42,7 @@ const styles: { [key: string]: React.CSSProperties } = {
   },
 };
 
-const rootEle = document.getElementById('root')
-if (rootEle) {
-  const root = createRoot(rootEle);
-  root.render(<App />);
-}
+export default Index;
   `
   return {
     content,

package/src/actions/create/makeFiles.js

@@ -6,7 +6,7 @@ import projectJs from "./files/project-js.js";
 import projectJsx from "./files/project-jsx.js";
 import projectTs from "./files/project-ts.js";
 import projectTsx from "./files/project-tsx.js";
-
+import mainjs from "./files/main.js";
 import inquirer from 'inquirer'
 import fs from "fs-extra"
 import path from "path"
@@ -16,7 +16,8 @@ export default async (info) => {
    const files = [
       await packageJson(info),
       await gitignore(info),
-      await readmeMd(info)
+      await readmeMd(info),
+      await mainjs(info),
    ];
 
    switch (info.template) {

package/src/actions/{publish → release}/index.js

@@ -2,7 +2,7 @@ import path from 'path'
 import { execSync, logger } from '../../helpers.js'
 import fs from 'fs-extra'
 
-const publish = async () => {
+const release = async () => {
    const buildDir = path.join(process.cwd(), '.mpack')
    const packageJsonPath = path.join(buildDir, 'package.json')
    const exists = fs.existsSync(buildDir)
@@ -11,10 +11,10 @@ const publish = async () => {
       process.exit(1)
    }
 
-   logger.info(`Publishing the production build to the npm repository...`)
+   logger.info(`Releaseing the production build to the npm repository...`)
    execSync(`npm publish`, {
       cwd: buildDir
    })
 }
 
-export default publish
+export default release

package/src/actions/start/vite.js

@@ -26,9 +26,8 @@ const viteSetup = async (app) => {
    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';
+   const isTs = fs.existsSync(path.resolve(process.cwd(), 'main.tsx'))
+   let entry = `/main.${isTs ? "tsx" : "jsx"}`
 
    app.get('*', async (req, res, next) => {
       const url = req.originalUrl;

package/src/index.js

@@ -4,7 +4,7 @@ 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";
+import release from "./actions/release/index.js";
 
 const program = new Command();
 
@@ -34,8 +34,8 @@ program
    .action(build);
 
 program
-   .command("publish")
-   .description("Publish it to the npm repository")
-   .action(publish);
+   .command("release")
+   .description("Release it to the npm repository")
+   .action(release);
 
 program.parse();