create-minista 0.0.0 → 0.1.0

package/README.md

@@ -1 +1,69 @@
-# create-minista
+# create-minista
+
+<p>
+  <a aria-label="Made by QRANOKO" href="https://qranoko.jp">
+    <img src="https://img.shields.io/badge/MADE%20BY%20QRANOKO-212121.svg?style=for-the-badge&labelColor=212121">
+  </a>
+  <a aria-label="NPM version" href="https://www.npmjs.com/package/create-minista">
+    <img alt="" src="https://img.shields.io/npm/v/create-minista.svg?style=for-the-badge&labelColor=212121">
+  </a>
+  <a aria-label="License" href="https://github.com/qrac/create-minista/blob/master/LICENSE">
+    <img alt="" src="https://img.shields.io/npm/l/create-minista.svg?style=for-the-badge&labelColor=212121">
+  </a>
+</p>
+
+## About
+
+minista プロジェクトをテンプレートからスタートできます。
+
+## How To Use
+
+**NPM**
+
+```bash
+npm init minista
+```
+
+**Yarn**
+
+```bash
+yarn create minista
+```
+
+```bash
+# npm 6.x
+npm init minista my-minista-project --template ts
+
+# npm 7+, extra double-dash is needed:
+npm init minista my-minista-project -- --template ts
+
+# yarn
+yarn create minista my-minista-project --template ts
+```
+
+`--template` にはリポジトリの[Templates](https://github.com/qrac/create-minista/tree/main/templates)が使えます。
+
+- `basic`: TypeScript・サイトマップ・Zip 圧縮等の納品基本セット
+- `ts`: TypeScript の最小限構成
+- `js`: JavaScript の最小限構成
+
+テンプレートとして任意の GitHub リポジトリを使用することもできます。
+
+```bash
+npm init minista my-minista-project -- --template qrac/minista-blog-with-rest-api
+```
+
+## Fork & Respect!!
+
+- [astro/packages/create-astro at main · withastro/astro](https://github.com/withastro/astro/tree/main/packages/create-astro)
+- [vite/packages/create-vite at main · vitejs/vite](https://github.com/vitejs/vite/tree/main/packages/create-vite)
+- [vite/cli.ts at main · vitejs/vite](https://github.com/vitejs/vite/blob/main/packages/vite/src/node/cli.ts)
+
+## License
+
+- MIT
+
+## Credit
+
+- Author: [Qrac](https://qrac.jp)
+- Organization: [QRANOKO](https://qranoko.jp)

package/cli.mjs

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+"use strict"
+import("./dist/index.js").then(({ main }) => main())

package/dist/index.js

@@ -0,0 +1,108 @@
+import fs from "fs";
+import path from "path";
+import { bold, cyan, gray, green, red } from "kleur/colors";
+import prompts from "prompts";
+import degit from "degit";
+import yargs from "yargs-parser";
+import { TEMPLATES } from "./templates.js";
+const cleanArgv = process.argv.filter((arg) => arg !== "--");
+const args = yargs(cleanArgv);
+prompts.override(args);
+const { version } = JSON.parse(fs.readFileSync(new URL("../package.json", import.meta.url), "utf-8"));
+//const POSTPROCESS_FILES = ["package.json", "project.json"]
+export function mkdirp(dir) {
+    try {
+        fs.mkdirSync(dir, { recursive: true });
+    }
+    catch (e) {
+        if (e.code === "EEXIST")
+            return;
+        throw e;
+    }
+}
+export async function main() {
+    console.log(`\n${bold("create-minista")} ${gray(`(v${version})`)}`);
+    const cwd = args["_"][2] || ".";
+    if (fs.existsSync(cwd)) {
+        if (fs.readdirSync(cwd).length > 0) {
+            const response = await prompts({
+                type: "confirm",
+                name: "forceOverwrite",
+                message: "Directory not empty. Continue [force overwrite]?",
+                initial: false,
+            });
+            if (!response.forceOverwrite) {
+                process.exit(1);
+            }
+            mkdirp(cwd);
+        }
+    }
+    else {
+        mkdirp(cwd);
+    }
+    const options = await prompts([
+        {
+            type: "select",
+            name: "template",
+            message: "Which template would you like to use?",
+            choices: TEMPLATES,
+        },
+    ]);
+    if (!options.template) {
+        process.exit(1);
+    }
+    const hash = args.commit ? `#${args.commit}` : "";
+    const templateTarget = options.template.includes("/")
+        ? options.template
+        : `qrac/create-minista/templates/${options.template}`;
+    const emitter = degit(`${templateTarget}${hash}`, {
+        cache: false,
+        force: true,
+        verbose: false,
+    });
+    /*const selectedTemplate = TEMPLATES.find(
+      (template) => template.value === options.template
+    )*/
+    try {
+        console.log(`${green(`>`)} ${gray(`Copying project files...`)}`);
+        await emitter.clone(cwd);
+    }
+    catch (err) {
+        console.error(red(err.message));
+        process.exit(1);
+    }
+    /*await Promise.all(
+      POSTPROCESS_FILES.map(async (file) => {
+        const fileLoc = path.resolve(path.join(cwd, file))
+  
+        if (fs.existsSync(fileLoc)) {
+          switch (file) {
+            case "package.json":
+            case "project.json": {
+              const fileJSON = JSON.parse(
+                await fs.promises.readFile(fileLoc, "utf8")
+              )
+              fileJSON.name = cwd
+  
+              await fs.promises.writeFile(
+                fileLoc,
+                JSON.stringify(fileJSON, undefined, 2)
+              )
+              break
+            }
+          }
+        }
+      })
+    )*/
+    console.log(bold(green("✔") + " Done!"));
+    console.log("\nNext steps:");
+    let i = 1;
+    const relative = path.relative(process.cwd(), cwd);
+    if (relative !== "") {
+        console.log(`  ${i++}: ${bold(cyan(`cd ${relative}`))}`);
+    }
+    console.log(`  ${i++}: ${bold(cyan("npm install"))} (or pnpm install, yarn, etc)`);
+    console.log(`  ${i++}: ${bold(cyan('git init && git add -A && git commit -m "Initial commit"'))} (optional step)`);
+    console.log(`  ${i++}: ${bold(cyan("npm run dev"))} (or pnpm, yarn, etc)`);
+    console.log(`\nTo close the dev server, hit ${bold(cyan("Ctrl-C"))}`);
+}

package/dist/templates.js

@@ -0,0 +1,14 @@
+export const TEMPLATES = [
+    {
+        title: "Basic (Typescript)",
+        value: "basic",
+    },
+    {
+        title: "Typescript",
+        value: "ts",
+    },
+    {
+        title: "JavaScript",
+        value: "js",
+    },
+];

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export declare function mkdirp(dir: string): void;
+export declare function main(): Promise<void>;

package/dist/types/templates.d.ts

@@ -0,0 +1,4 @@
+export declare const TEMPLATES: {
+    title: string;
+    value: string;
+}[];

package/package.json

@@ -1,7 +1,36 @@
 {
   "name": "create-minista",
-  "version": "0.0.0",
+  "description": "Scaffolding for minista projects",
+  "version": "0.1.0",
+  "type": "module",
+  "bin": {
+    "create-minista": "./cli.mjs"
+  },
+  "files": [
+    "dist",
+    "cli.js"
+  ],
   "license": "MIT",
+  "homepage": "https://github.com/qrac/create-minista",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/qrac/create-minista"
+  },
+  "bugs": {
+    "url": "https://github.com/qrac/create-minista/issues"
+  },
+  "keywords": [
+    "static-site-generator",
+    "ssg",
+    "coding",
+    "react",
+    "jsx",
+    "tsx",
+    "typescript",
+    "webpack",
+    "japanese",
+    "minista"
+  ],
   "author": {
     "name": "Qrac",
     "url": "https://qrac.jp"
@@ -9,5 +38,25 @@
   "organization": {
     "name": "QRANOKO",
     "url": "https://qranoko.jp"
+  },
+  "scripts": {
+    "build": "tsc",
+    "prepublishOnly": "npm run build",
+    "clean": "trash ./dist"
+  },
+  "prettier": {
+    "semi": false
+  },
+  "dependencies": {
+    "degit": "^2.8.4",
+    "kleur": "^4.1.4",
+    "prompts": "^2.4.2",
+    "yargs-parser": "^21.0.0"
+  },
+  "devDependencies": {
+    "@types/degit": "^2.8.3",
+    "@types/prompts": "^2.0.14",
+    "@types/yargs-parser": "^20.2.1",
+    "typescript": "^4.5.4"
   }
 }