makepack 1.2.0 → 1.2.2

package/asd/package.json

@@ -0,0 +1,21 @@
+{
+   "name": "asd",
+   "version": "1.0.0",
+   "description": "",
+   "main": "./index.js",
+   "scripts": {
+      "start": "makepack serve",
+      "pack": "makepack pack",
+      "publish:pack": "makepack pack -p"
+   },
+   "dependencies": {},
+   "devDependencies": {
+      "makepack": "latest",
+      "react": "^19.0.0",
+      "react-dom": "^19.0.0",
+      "typescript": "^4.4.2",
+      "@types/react": "^19.0.2",
+      "@types/react-dom": "^19.0.2"
+   },
+   "keywords": []
+}

package/asd/readme.md

@@ -0,0 +1,132 @@
+# MakePack CLI Documentation
+
+## Overview
+
+**MakePack** is a command-line interface (CLI) tool that helps you to quickly set up, build, and manage JavaScript, TypeScript, React, and React-TypeScript libraries for use in npm projects. With just a few simple commands, you can generate your own libraries, start a development server, or build and publish your project to the npm repository.
+
+## Installation
+
+To install **MakePack** globally, run the following command:
+
+```bash
+npm install -g makepack
+```
+
+This will allow you to use the `makepack` command anywhere in your terminal.
+
+## Commands
+
+### `create`
+
+The `create` command is used to create a new library project. It initializes the project structure, configures essential files, and sets up the environment for you to start working on your library.
+
+#### Usage
+
+```bash
+makepack create
+```
+
+#### Description
+
+- Creates a new library project by setting up the necessary configurations and boilerplate files.
+  
+This command will guide you through the initial setup for your library.
+
+---
+
+### `serve`
+
+The `serve` command starts a development server for your library, providing you with a live-reload environment where you can test and iterate on your library in real-time.
+
+#### Usage
+
+```bash
+makepack serve [options]
+```
+
+#### Options
+
+- `-p, --port <number>`  
+  _Port number_ (optional) (default is `5000`).
+  
+- `-e, --root <file>`  
+  _Root file_ (optional) (default is `serve.jsx` or `serve.tsx`). The entry point for your application. Specify the main JavaScript/TypeScript file to start the server.
+
+#### Description
+
+- Starts a local development server for testing and debugging your library.
+  
+Example:
+
+```bash
+makepack serve --port 4000 --root src/index.ts
+```
+
+---
+
+### `pack`
+
+The `pack` command is used to build your library and optionally publish it to the npm repository. This command compiles your code into a distributable format and prepares it for sharing with others.
+
+#### Usage
+
+```bash
+makepack pack [options]
+```
+
+#### Options
+
+- `-e, --entry <file>`  
+  _Entry file or directory_ (default is `src/**/*.{tsx,ts,js,jsx}`).  
+  Specify the entry file or use a glob pattern to select the files to include in your library.
+
+- `-p, --publish`  
+  _Publish the project to the npm repository_ (default is `false`).  
+  Add this flag if you want to publish the library to npm after building it.
+
+#### Description
+
+- Builds the project by compiling and bundling your library.
+- Optionally publishes the library to the npm repository.
+
+Example:
+
+```bash
+makepack pack --entry src/index.ts --publish
+```
+
+This will compile the project from `src/index.ts` and then publish the library to npm.
+
+---
+
+## Example Workflow
+
+1. Create a new project:
+
+```bash
+makepack create
+```
+
+2. Start the server for development:
+
+```bash
+makepack serve --port 4000 --root index.tsx
+```
+
+3. Once you're ready to build and publish your library:
+
+```bash
+makepack pack --entry src/**/*.{tsx,ts,js,jsx} --publish
+```
+
+This will build your library and publish it to npm.
+
+## GitHub Repository
+
+For more details, open issues, or contribute to the project, visit the [MakePack GitHub Repository](https://github.com/devnax/makepack).
+
+---
+
+## License
+
+This project is licensed under the MIT License. See the LICENSE file for more information.

package/asd/serve.jsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import add from './src'
+
+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>{add(5,5)}</code>
+      </div>
+    </div>
+  );
+}
+const rootEle = document.getElementById('root')
+if (rootEle) {
+  const root = createRoot(rootEle);
+  root.render(<App />);
+}
+  

package/asd/src/index.ts

@@ -0,0 +1,5 @@
+
+function add(a: number, b: number): number {
+  return a + b;
+}
+export default add

package/asd/tsconfig.json

@@ -0,0 +1,28 @@
+{
+  "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"
+  ]
+}

package/package.json

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

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

@@ -5,10 +5,11 @@ export default (args) => {
    }
 
    if (args.template.includes("react")) {
-      dependencies = {
-         "react": "^19.0.0",
-         "react-dom": "^19.0.0"
-      }
+      dependencies["react"] = "^19.0.0"
+      dependencies["react-dom"] = "^19.0.0"
+   } else {
+      devDependencies["react"] = "^19.0.0"
+      devDependencies["react-dom"] = "^19.0.0"
    }
 
    if (args.template.includes("typescript")) {

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

@@ -0,0 +1,14 @@
+import fs from 'fs-extra'
+import path from 'path'
+import { fileURLToPath } from 'url'
+export const __dirname = path.dirname(fileURLToPath(import.meta.url))
+
+export default (args) => {
+   // load readme.md content from rootdir
+   const readme = fs.readFileSync(path.resolve(__dirname, '../../../../readme.md'), 'utf-8')
+   const content = readme
+   return {
+      content,
+      filename: `readme.md`
+   }
+}

package/src/actions/create/makeFiles.js

@@ -10,12 +10,14 @@ import projectTsx from "./files/project-tsx.js";
 
 import fs from "fs-extra"
 import path from "path"
+import readmeMd from "./files/readme.md.js";
 
 export default async (args) => {
    const files = [
       packageJson(args),
       gitignore(args),
       serve(args),
+      readmeMd(args)
    ];
 
    switch (args.template) {
@@ -39,6 +41,21 @@ export default async (args) => {
    }
 
    for (let file of files) {
+      // check if the file exists
+      if (fs.existsSync(path.join(args.cwd, file.filename))) {
+         const { overwrite } = await inquirer.prompt([
+            {
+               type: "confirm",
+               name: 'overwrite',
+               message: `The file ${file.filename} already exists, do you want to overwrite it?`,
+               default: false
+            }
+         ])
+         if (!overwrite) {
+            continue
+         }
+      }
+
       fs.writeFileSync(path.join(args.cwd, file.filename), file.content)
    }
 }

package/src/actions/create/makeProjectInformation.js

@@ -39,7 +39,10 @@ const makeProjectInformation = async () => {
          break;
    }
 
-   fs.mkdirSync(path.join(projectDir.cwd, information.rootdir))
+   // check if the root directory exists
+   if (!fs.existsSync(path.join(projectDir.cwd, information.rootdir))) {
+      fs.mkdirSync(path.join(projectDir.cwd, information.rootdir))
+   }
 
    /* 
    {