makepack 1.6.1 → 1.6.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "makepack",
-  "version": "1.6.1",
+  "version": "1.6.3",
   "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

@@ -145,9 +145,12 @@ const build = async (args) => {
       }
 
       if (args.declaration) {
-         pkgjson.types = `index.d.ts`;
+         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/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/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;