create-packer 1.19.4 → 1.20.0

package/README.md

@@ -5,9 +5,9 @@ Quickly create project templates。
 ## QuicklyCreate
 
 ```shell
-npx create-packer -c <. || dirname>
-yarn create packer -c <. ||  dirname>
-pnpx create-packer -c <. || dirname>
+npx create-packer <. || dirname>
+yarn create packer <. ||  dirname>
+pnpx create-packer <. || dirname>
 ```
 
 ## TempInfo
@@ -15,4 +15,4 @@ pnpx create-packer -c <. || dirname>
 -   docusaurus: Based on [Docusaurus 2](https://v2.docusaurus.io/).
 -   nest: Based on [nestjs](https://docs.nestjs.com/).
 -   vue: Based on [vite(3.x)](https://cn.vitejs.dev/), [vue3](https://vuejs.org/).
--   react: Based on [vite(3.x)](https://cn.vitejs.dev/), [react18](https://reactjs.org/).
+-   react-app: Based on [vite(3.x)](https://cn.vitejs.dev/), [react18](https://reactjs.org/).

package/bin/createTemp.d.ts

@@ -0,0 +1 @@
+export declare function createTemp(dirname: string): Promise<void>;

package/bin/{clis/createTemp.js → createTemp.js}

@@ -4,21 +4,16 @@ exports.createTemp = void 0;
 const inquirer = require("inquirer");
 const fsExtra = require("fs-extra");
 const path = require("path");
-const fs = require("fs");
 const chalk = require("chalk");
 const ora = require("ora");
 const child_process_1 = require("child_process");
-const utils_1 = require("../utils");
+const utils_1 = require("./utils");
+const fs_1 = require("fs");
 const cwd = process.cwd();
 const command = utils_1.onGenCommand();
 const excludes = ['node_modules', 'yarn-error.log', 'dist'];
 const tempRoot = path.join(__dirname, '../../template');
-const tempInfo = utils_1.onGetDir(tempRoot).map(name => {
-    return {
-        name,
-        src: path.join(tempRoot, name)
-    };
-});
+const tempInfoList = utils_1.genTemplateInfoList(tempRoot);
 function copyTempFile(tempPath, output) {
     fsExtra.readdirSync(tempPath).map(name => {
         if (!excludes.includes(name)) {
@@ -34,23 +29,34 @@ function createTempEnd(output) {
 }
 async function createTemp(dirname) {
     const isCurrent = dirname === '.';
-    const { temp } = await inquirer.prompt([
+    let answer = await inquirer.prompt([
         {
             type: 'list',
             name: 'temp',
             message: 'Select temp.',
-            choices: tempInfo.map(o => o.name)
+            choices: tempInfoList.map(o => o.name)
         }
     ]);
+    const tempInfo = tempInfoList.find(o => o.name === answer.temp);
+    if (tempInfo.children) {
+        answer = await inquirer.prompt([
+            {
+                type: 'list',
+                name: 'temp',
+                message: 'Select temp type.',
+                choices: tempInfo.children.map(o => o.name)
+            }
+        ]);
+    }
     const creating = ora(chalk.yellow('Creating...\n')).start();
     const output = path.join(cwd, isCurrent ? '' : dirname);
-    if (!isCurrent && fs.existsSync(output)) {
+    if (!isCurrent && fs_1.existsSync(output)) {
         return console.log(chalk.red(`${dirname} already exists!`));
     }
     if (!isCurrent) {
         fsExtra.mkdirSync(output);
     }
-    const tempPath = path.join(tempRoot, temp);
+    const tempPath = path.join(tempRoot, answer.temp);
     copyTempFile(tempPath, output);
     createTempEnd(output);
     creating.succeed();

package/bin/index.js

@@ -1,10 +1,6 @@
 #!/usr/bin/env node
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const createTemp_1 = require("./clis/createTemp");
+const createTemp_1 = require("./createTemp");
 const commander_1 = require("commander");
-commander_1.program
-    .option('-c, --create <dirname>', 'Create project.', dirname => {
-    return createTemp_1.createTemp(dirname);
-})
-    .parse(process.argv);
+commander_1.program.argument('<dirname>', 'Create project.', dirname => createTemp_1.createTemp(dirname)).parse(process.argv);

package/bin/utils/index.d.ts

@@ -1,4 +1,10 @@
 export declare function hasPnpm(): boolean;
 export declare function hasYarn(): boolean;
 export declare function onGenCommand(): "pnpm" | "yarn" | "npm";
-export declare function onGetDir(root: string): string[];
+interface tempInfoType {
+    name: string;
+    src: string;
+    children?: tempInfoType[];
+}
+export declare function genTemplateInfoList(root: string): tempInfoType[];
+export {};

package/bin/utils/index.js

@@ -1,6 +1,26 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.onGetDir = exports.onGenCommand = exports.hasYarn = exports.hasPnpm = void 0;
+exports.genTemplateInfoList = exports.onGenCommand = exports.hasYarn = exports.hasPnpm = void 0;
+const path = __importStar(require("path"));
 const child_process_1 = require("child_process");
 const fs_1 = require("fs");
 function hasPnpm() {
@@ -33,13 +53,18 @@ function onGenCommand() {
     return 'npm';
 }
 exports.onGenCommand = onGenCommand;
-function onGetDir(root) {
-    const dirs = [];
+function genTemplateInfoList(root) {
+    const temps = [];
     fs_1.readdirSync(root, { withFileTypes: true }).forEach(o => {
+        const src = path.join(root, o.name);
         if (o.isDirectory()) {
-            dirs.push(o.name);
+            temps.push({
+                name: o.name,
+                src,
+                children: fs_1.existsSync(path.join(src, 'package.json')) ? [] : genTemplateInfoList(src)
+            });
         }
     });
-    return dirs;
+    return temps;
 }
-exports.onGetDir = onGetDir;
+exports.genTemplateInfoList = genTemplateInfoList;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-packer",
-  "version": "1.19.4",
+  "version": "1.20.0",
   "main": "index.js",
   "repository": "https://github.com/kevily/create-packer",
   "author": "1k <bug_zero@163.com>",
@@ -42,7 +42,7 @@
   "scripts": {
     "login": "npm login --registry https://registry.npmjs.org",
     "pub": "pnpm run build && pnpm run push && node ./utils/pub.js",
-    "test": "pnpm run build && rimraf ./__test__ && cd ./__test__ && node ../bin -c",
+    "test": "pnpm run build && rimraf ./__test__ && node ./bin __test__",
     "build": "rimraf ./bin && tsc",
     "commit": "git add . && cz",
     "push": "pnpm run commit && git push"

package/template/chrome-extension/src/providers/modelUtils.ts

@@ -1,7 +1,7 @@
 import { create, StoreApi as ZStoreApi } from 'zustand'
 import { combine } from 'zustand/middleware'
 import { produce } from 'immer'
-import { forEach, size } from 'lodash-es'
+import { forEach, isEqual, size } from 'lodash-es'
 
 export type StoreApi<S> = Omit<ZStoreApi<S>, 'setState'> & {
     setState: (updater: ((state: S) => void) | Partial<S>, replace?: boolean) => void
@@ -46,13 +46,12 @@ export function define<
         combine(createDefState(), (set, get, store) => {
             // getterListener
             // ----------------------------------------------------------------------
-            store.subscribe(state => {
-                const oldGetterState: any = get()
+            store.subscribe((state, prevState) => {
                 let equalledLen = 0
                 const newGetterState: any = {}
                 forEach(options.getter(), (getter, k) => {
                     const value = getter(state)
-                    if (value === oldGetterState[k]) {
+                    if (isEqual(value, prevState[k])) {
                         equalledLen += 1
                     } else {
                         newGetterState[k] = getter(state)

package/template/cli/package.json

@@ -10,7 +10,7 @@
     "scripts": {
         "login": "npm login --registry https://registry.npmjs.org",
         "pub": "pnpm run build && pnpm run push && node ./utils/pub.js",
-        "test": "pnpm run build && rimraf ./__test__ && cd ./__test__ && node ../bin -c",
+        "test": "pnpm run build && rimraf ./__test__ && node ./bin __test__",
         "build": "rimraf ./bin && tsc",
         "commit": "git add . && cz",
         "push": "pnpm run commit && git push"

package/template/cli/src/{clis/createTemp.ts → createTemp.ts}

@@ -1,27 +1,17 @@
 import inquirer = require('inquirer')
 import fsExtra = require('fs-extra')
 import path = require('path')
-import fs = require('fs')
 import chalk = require('chalk')
 import ora = require('ora')
 import { spawnSync } from 'child_process'
-import { onGenCommand, onGetDir } from '../utils'
-
-export interface tempInfoType {
-    name: string
-    src: string
-}
+import { genTemplateInfoList, onGenCommand } from './utils'
+import { existsSync } from 'fs'
 
 const cwd = process.cwd()
 const command = onGenCommand()
 const excludes = ['node_modules', 'yarn-error.log', 'dist']
 const tempRoot = path.join(__dirname, '../../template')
-const tempInfo: tempInfoType[] = onGetDir(tempRoot).map(name => {
-    return {
-        name,
-        src: path.join(tempRoot, name)
-    }
-})
+const tempInfoList = genTemplateInfoList(tempRoot)
 
 function copyTempFile(tempPath, output) {
     fsExtra.readdirSync(tempPath).map(name => {
@@ -39,23 +29,34 @@ function createTempEnd(output: string) {
 
 export async function createTemp(dirname: string) {
     const isCurrent = dirname === '.'
-    const { temp } = await inquirer.prompt([
+    let answer = await inquirer.prompt([
         {
             type: 'list',
             name: 'temp',
             message: 'Select temp.',
-            choices: tempInfo.map(o => o.name)
+            choices: tempInfoList.map(o => o.name)
         }
     ])
+    const tempInfo = tempInfoList.find(o => o.name === answer.temp)
+    if (tempInfo.children) {
+        answer = await inquirer.prompt([
+            {
+                type: 'list',
+                name: 'temp',
+                message: 'Select temp type.',
+                choices: tempInfo.children.map(o => o.name)
+            }
+        ])
+    }
     const creating = ora(chalk.yellow('Creating...\n')).start()
     const output = path.join(cwd, isCurrent ? '' : dirname)
-    if (!isCurrent && fs.existsSync(output)) {
+    if (!isCurrent && existsSync(output)) {
         return console.log(chalk.red(`${dirname} already exists!`))
     }
     if (!isCurrent) {
         fsExtra.mkdirSync(output)
     }
-    const tempPath = path.join(tempRoot, temp)
+    const tempPath = path.join(tempRoot, answer.temp)
     copyTempFile(tempPath, output)
     createTempEnd(output)
     creating.succeed()

package/template/cli/src/index.ts

@@ -1,9 +1,5 @@
 #!/usr/bin/env node
-import { createTemp } from './clis/createTemp'
+import { createTemp } from './createTemp'
 import { program } from 'commander'
 
-program
-    .option('-c, --create <dirname>', 'Create project.', dirname => {
-        return createTemp(dirname)
-    })
-    .parse(process.argv)
+program.argument('<dirname>', 'Create project.', dirname => createTemp(dirname)).parse(process.argv)

package/template/cli/src/utils/index.ts

@@ -1,5 +1,6 @@
+import * as path from 'path'
 import { execSync } from 'child_process'
-import { readdirSync } from 'fs'
+import { readdirSync, existsSync } from 'fs'
 
 export function hasPnpm() {
     try {
@@ -27,12 +28,22 @@ export function onGenCommand() {
     return 'npm'
 }
 
-export function onGetDir(root: string) {
-    const dirs: string[] = []
+interface tempInfoType {
+    name: string
+    src: string
+    children?: tempInfoType[]
+}
+export function genTemplateInfoList(root: string) {
+    const temps: tempInfoType[] = []
     readdirSync(root, { withFileTypes: true }).forEach(o => {
+        const src = path.join(root, o.name)
         if (o.isDirectory()) {
-            dirs.push(o.name)
+            temps.push({
+                name: o.name,
+                src,
+                children: existsSync(path.join(src, 'package.json')) ? [] : genTemplateInfoList(src)
+            })
         }
     })
-    return dirs
+    return temps
 }

package/template/react/{package.json → react-app/package.json}

@@ -26,7 +26,7 @@
         "qs": "6.11.2",
         "react": "18.2.0",
         "react-dom": "18.2.0",
-        "react-router-dom": "6.10.0",
+        "react-router-dom": "6.14.0",
         "zustand": "4.3.7"
     },
     "devDependencies": {

package/template/react/{src → react-app/src}/providers/modelUtils.ts

@@ -1,7 +1,7 @@
 import { create, StoreApi as ZStoreApi } from 'zustand'
 import { combine } from 'zustand/middleware'
 import { produce } from 'immer'
-import { forEach, size } from 'lodash-es'
+import { forEach, isEqual, size } from 'lodash-es'
 
 export type StoreApi<S> = Omit<ZStoreApi<S>, 'setState'> & {
     setState: (updater: ((state: S) => void) | Partial<S>, replace?: boolean) => void
@@ -46,13 +46,12 @@ export function define<
         combine(createDefState(), (set, get, store) => {
             // getterListener
             // ----------------------------------------------------------------------
-            store.subscribe(state => {
-                const oldGetterState: any = get()
+            store.subscribe((state, prevState) => {
                 let equalledLen = 0
                 const newGetterState: any = {}
                 forEach(options.getter(), (getter, k) => {
                     const value = getter(state)
-                    if (value === oldGetterState[k]) {
+                    if (isEqual(value, prevState[k])) {
                         equalledLen += 1
                     } else {
                         newGetterState[k] = getter(state)

package/template/react/react-lib/.editorconfig

@@ -0,0 +1,14 @@
+# editorconfig.org
+
+root = true
+
+[*]
+charset = utf-8
+indent_size = 4
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+
+[*.md]
+trim_trailing_whitespace = false

package/template/react/react-lib/.eslintrc

@@ -0,0 +1,84 @@
+{
+    "root": true,
+    "parser": "@typescript-eslint/parser",
+    "plugins": ["prettier"],
+    "extends": [
+        "eslint:recommended",
+        "plugin:@typescript-eslint/recommended",
+        "plugin:storybook/recommended",
+        "plugin:react/recommended",
+        "plugin:react-hooks/recommended",
+        "plugin:import/recommended",
+        "plugin:import/typescript",
+    ],
+    "settings": {
+        "import/resolver": {
+            "typescript": true,
+            "node": true
+        },
+        "react": {
+            "version": "18"
+        }
+    },
+    "env": {
+        "browser": true,
+        "node": true,
+        "es6": true,
+        "jest": true
+    },
+    "parserOptions": {
+        "ecmaVersion": 2018,
+        "sourceType": "module",
+        "ecmaFeatures": {
+            "jsx": true
+        },
+        "useJSXTextNode": true
+    },
+    "rules": {
+        "import/export": "off",
+        "import/namespace": "off",
+        "import/order": [
+            "error",
+            {
+                "groups": [
+                    "builtin",
+                    "external",
+                    "internal",
+                    "parent",
+                    "sibling",
+                    "index",
+                    "object",
+                    "type"
+                ]
+            }
+        ],
+        "@typescript-eslint/no-var-requires": 0,
+        "@typescript-eslint/explicit-function-return-type": "off",
+        "@typescript-eslint/no-explicit-any": 0,
+        "@typescript-eslint/no-non-null-assertion": "off",
+        "@typescript-eslint/no-inferrable-types": [
+            "warn",
+            {
+                "ignoreParameters": true
+            }
+        ],
+        "@typescript-eslint/no-unused-vars": ["warn", { "argsIgnorePattern": "^_" }],
+        "@typescript-eslint/member-delimiter-style": 0,
+        "@typescript-eslint/class-name-casing": 0,
+        "@typescript-eslint/explicit-module-boundary-types": "off",
+        "@typescript-eslint/ban-ts-comment": "off",
+        "@typescript-eslint/no-empty-interface": "off",
+        "react/prop-types": "off",
+        "react/no-find-dom-node": "off",
+        "react-hooks/exhaustive-deps": "warn",
+        "react/display-name": "off",
+        "react/react-in-jsx-scope": "off",
+        "prettier/prettier": [
+            "error",
+            {
+                "endOfLine": "auto"
+            }
+        ],
+        "no-constant-condition": "off"
+    }
+}

package/template/react/react-lib/.gitignore

@@ -0,0 +1,26 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+types
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.history
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

package/template/react/react-lib/.prettierignore

@@ -0,0 +1,4 @@
+**/*.md
+**/*.svg
+**/*.ejs
+**/*.html

package/template/react/react-lib/.prettierrc

@@ -0,0 +1,18 @@
+{
+    "overrides": [
+        {
+            "files": ".prettierrc",
+            "options": { "parser": "json" }
+        }
+    ],
+    "printWidth": 100,
+    "tabWidth": 4,
+    "useTabs": false,
+    "semi": false,
+    "singleQuote": true,
+    "trailingComma": "none",
+    "bracketSpacing": true,
+    "bracketSameLine": false,
+    "arrowParens": "avoid",
+    "rangeStart": 0
+}

package/template/react/react-lib/.storybook/main.ts

@@ -0,0 +1,17 @@
+import type { StorybookConfig } from '@storybook/react-vite'
+const config: StorybookConfig = {
+    stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+    addons: [
+        '@storybook/addon-links',
+        '@storybook/addon-essentials',
+        '@storybook/addon-interactions'
+    ],
+    framework: {
+        name: '@storybook/react-vite',
+        options: {}
+    },
+    docs: {
+        autodocs: 'tag'
+    }
+}
+export default config

package/template/react/react-lib/.storybook/preview.ts

@@ -0,0 +1,15 @@
+import type { Preview } from '@storybook/react'
+
+const preview: Preview = {
+    parameters: {
+        actions: { argTypesRegex: '^on[A-Z].*' },
+        controls: {
+            matchers: {
+                color: /(background|color)$/i,
+                date: /Date$/
+            }
+        }
+    }
+}
+
+export default preview

package/template/react/react-lib/.stylelintrc

@@ -0,0 +1,23 @@
+{
+    "extends": "stylelint-config-standard",
+    "rules": {
+        "comment-empty-line-before": "never",
+        "no-empty-source": null,
+        "alpha-value-notation": null,
+        "color-function-notation": null,
+        "no-descending-specificity": null,
+        "at-rule-no-unknown": [
+            true,
+            {
+                "ignoreAtRules": ["tailwind", "apply", "use"]
+            }
+        ],
+        "selector-pseudo-class-no-unknown": [
+            true,
+            {
+                "ignorePseudoClasses": ["global"]
+            }
+        ],
+        "selector-class-pattern": null
+    }
+}

package/template/react/react-lib/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "react",
+  "version": "1.0.0",
+  "description": "",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "peerDependencies": {
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
+  },
+  "devDependencies": {
+    "@storybook/addon-essentials": "7.0.24",
+    "@storybook/addon-interactions": "7.0.24",
+    "@storybook/addon-links": "7.0.24",
+    "@storybook/blocks": "7.0.24",
+    "@storybook/react": "7.0.24",
+    "@storybook/react-vite": "7.0.24",
+    "@storybook/testing-library": "0.0.14-next.2",
+    "@types/react": "18.2.14",
+    "@types/react-dom": "18.2.6",
+    "@typescript-eslint/eslint-plugin": "5.60.1",
+    "@typescript-eslint/parser": "5.60.1",
+    "eslint": "8.43.0",
+    "eslint-import-resolver-typescript": "3.5.5",
+    "eslint-plugin-import": "2.27.5",
+    "eslint-plugin-prettier": "4.2.1",
+    "eslint-plugin-react": "7.32.2",
+    "eslint-plugin-react-hooks": "4.6.0",
+    "eslint-plugin-storybook": "0.6.12",
+    "prettier": "2.8.8",
+    "prop-types": "15.8.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "storybook": "7.0.24",
+    "stylelint": "15.9.0",
+    "stylelint-config-standard": "33.0.0",
+    "typescript": "5.1.3",
+    "vite": "4.3.9"
+  }
+}

package/template/react/react-lib/src/Introduction.mdx

@@ -0,0 +1,3 @@
+import { Meta } from '@storybook/blocks';
+
+<Meta title="Example/Introduction" />