create-packer 1.37.1 → 1.38.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-packer",
-  "version": "1.37.1",
+  "version": "1.38.0",
   "main": "index.js",
   "repository": "https://github.com/kevily/create-packer",
   "author": "1k <bug_zero@163.com>",
@@ -26,7 +26,6 @@
     "ora": "8.1.0"
   },
   "devDependencies": {
-    "@biomejs/biome": "1.9.2",
     "@commitlint/config-conventional": "^17.7.0",
     "@commitlint/cz-commitlint": "17.4.2",
     "@types/fs-extra": "9.0.12",
@@ -36,6 +35,7 @@
     "@typescript-eslint/parser": "7.0.2",
     "commitizen": "4.3.0",
     "eslint": "8.56.0",
+    "prettier": "3.2.5",
     "rimraf": "3.0.2",
     "typescript": "5.5.2"
   },
@@ -49,6 +49,7 @@
     "pub": "pnpm run build && pnpm run push && node ./scripts/pub.js",
     "test": "pnpm run build && rimraf ./__test__ && node ./bin __test__",
     "build": "rimraf ./bin && tsc",
+    "format": "pnpm -r run format",
     "clean:pkg": "pnpm -r exec rimraf node_modules",
     "commit": "git add . && cz",
     "push": "pnpm run commit && git push"

package/template/cli/.prettierignore

@@ -0,0 +1,6 @@
+**/*.md
+**/*.svg
+**/*.ejs
+**/*.html
+.history
+dist

package/template/cli/.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/cli/bin/createTemp.d.ts

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

package/template/cli/bin/createTemp.js

@@ -0,0 +1,54 @@
+import chalk from 'chalk';
+import * as inquirer from '@inquirer/prompts';
+import * as fsExtra from 'fs-extra';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import ora from 'ora';
+import { spawnSync } from 'child_process';
+import { genTemplateInfoList, onGenCommand } from './utils/index.js';
+import { existsSync } from 'fs';
+const cwd = process.cwd();
+const command = onGenCommand();
+const dirname = path.dirname(fileURLToPath(import.meta.url));
+const excludes = ['node_modules', 'yarn-error.log', 'dist'];
+const tempRoot = path.join(dirname, '../template');
+const tempInfoList = genTemplateInfoList(tempRoot);
+function copyTempFile(tempPath, output) {
+    fsExtra.readdirSync(tempPath).map(name => {
+        if (!excludes.includes(name)) {
+            fsExtra.copySync(path.join(tempPath, name), path.join(output, name));
+        }
+    });
+}
+function createTempEnd(output) {
+    spawnSync(command, ['install'], {
+        cwd: output,
+        stdio: 'inherit'
+    });
+}
+export async function createTemp(dirname) {
+    const isCurrent = dirname === '.';
+    let answer = await inquirer.select({
+        message: 'Select temp.',
+        choices: tempInfoList.map(o => o.name)
+    });
+    let tempInfo = tempInfoList.find(o => o.name === answer);
+    if (tempInfo?.children && tempInfo.children.length > 0) {
+        answer = await inquirer.select({
+            message: 'Select temp type.',
+            choices: tempInfo.children.map(o => o.name)
+        });
+        tempInfo = tempInfo.children.find(o => o.name === answer);
+    }
+    const creating = ora(chalk.yellow('Creating...\n')).start();
+    const output = path.join(cwd, isCurrent ? '' : dirname);
+    if (!isCurrent && existsSync(output)) {
+        return console.log(chalk.red(`${dirname} already exists!`));
+    }
+    if (!isCurrent) {
+        fsExtra.mkdirSync(output);
+    }
+    copyTempFile(tempInfo.src, output);
+    createTempEnd(output);
+    creating.succeed();
+}

package/template/cli/bin/index.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/template/cli/bin/index.js

@@ -0,0 +1,4 @@
+#!/usr/bin/env node
+import { createTemp } from './createTemp.js';
+import { program } from 'commander';
+program.argument('<dirname>', 'Create project.', dirname => createTemp(dirname)).parse(process.argv);

package/template/cli/bin/utils/index.d.ts

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

package/template/cli/bin/utils/index.js

@@ -0,0 +1,44 @@
+import * as path from 'path';
+import { execSync } from 'child_process';
+import { readdirSync, existsSync } from 'fs';
+export function hasPnpm() {
+    try {
+        execSync('pnpm --version');
+        return true;
+    }
+    catch {
+        return false;
+    }
+}
+export function hasYarn() {
+    try {
+        execSync('yarnpkg --version');
+        return true;
+    }
+    catch {
+        return false;
+    }
+}
+export function onGenCommand() {
+    if (hasPnpm()) {
+        return 'pnpm';
+    }
+    if (hasYarn()) {
+        return 'yarn';
+    }
+    return 'npm';
+}
+export function genTemplateInfoList(root) {
+    const temps = [];
+    readdirSync(root, { withFileTypes: true }).forEach(o => {
+        const src = path.join(root, o.name);
+        if (o.isDirectory()) {
+            temps.push({
+                name: o.name,
+                src,
+                children: existsSync(path.join(src, 'package.json')) ? [] : genTemplateInfoList(src)
+            });
+        }
+    });
+    return temps;
+}

package/template/cli/package.json

@@ -1,47 +1,54 @@
-{
-    "name": "template-cli",
-    "version": "0.0.1",
-    "main": "index.js",
-    "repository": "https://github.com/kevily/create-packer",
-    "author": "1k <bug_zero@163.com>",
-    "license": "MIT",
-    "private": false,
-    "bin": "./bin/index.js",
-    "type": "module",
-    "scripts": {
-        "login": "npm login --registry https://registry.npmjs.org",
-        "pub": "pnpm run build && pnpm run push && node ./scripts/pub.js",
-        "test": "pnpm run build && rimraf ./__test__ && node ./bin __test__",
-        "build": "rimraf ./bin && tsc",
-        "commit": "git add . && cz",
-        "push": "pnpm run commit && git push"
-    },
-    "files": ["bin", "template", "template/**/.gitignore", ".gitignore"],
-    "dependencies": {
-        "@inquirer/prompts": "7.0.0",
-        "chalk": "5.3.0",
-        "commander": "8.1.0",
-        "fs-extra": "10.0.0",
-        "lodash": "4.17.21",
-        "ora": "8.1.0"
-    },
-    "devDependencies": {
-        "@biomejs/biome": "1.9.3",
-        "@commitlint/config-conventional": "^17.6.3",
-        "@commitlint/cz-commitlint": "17.4.2",
-        "@types/fs-extra": "9.0.12",
-        "@types/inquirer": "7.3.3",
-        "@types/node": "16.4.7",
-        "@typescript-eslint/eslint-plugin": "4.29.2",
-        "@typescript-eslint/parser": "4.29.2",
-        "commitizen": "4.3.0",
-        "eslint": "7.32.0",
-        "rimraf": "3.0.2",
-        "typescript": "4.3.5"
-    },
-    "config": {
-        "commitizen": {
-            "path": "@commitlint/cz-commitlint"
-        }
-    }
-}
+{
+    "name": "template-cli",
+    "version": "0.0.1",
+    "main": "index.js",
+    "repository": "https://github.com/kevily/create-packer",
+    "author": "1k <bug_zero@163.com>",
+    "license": "MIT",
+    "private": false,
+    "bin": "./bin/index.js",
+    "type": "module",
+    "scripts": {
+        "login": "npm login --registry https://registry.npmjs.org",
+        "pub": "pnpm run build && pnpm run push && node ./scripts/pub.js",
+        "test": "pnpm run build && rimraf ./__test__ && node ./bin __test__",
+        "build": "rimraf ./bin && tsc",
+        "commit": "git add . && cz",
+        "push": "pnpm run commit && git push",
+        "format": "prettier --write \"**/*.{ts,js,tsx,jsx,json,css,scss,less}\""
+    },
+    "files": [
+        "bin",
+        "template",
+        "template/**/.gitignore",
+        ".gitignore"
+    ],
+    "dependencies": {
+        "@inquirer/prompts": "7.0.0",
+        "chalk": "5.3.0",
+        "commander": "8.1.0",
+        "fs-extra": "10.0.0",
+        "lodash": "4.17.21",
+        "ora": "8.1.0"
+    },
+    "devDependencies": {
+        "@biomejs/biome": "1.9.3",
+        "@commitlint/config-conventional": "^17.6.3",
+        "@commitlint/cz-commitlint": "17.4.2",
+        "@types/fs-extra": "9.0.12",
+        "@types/inquirer": "7.3.3",
+        "@types/node": "16.4.7",
+        "@typescript-eslint/eslint-plugin": "4.29.2",
+        "@typescript-eslint/parser": "4.29.2",
+        "commitizen": "4.3.0",
+        "eslint": "7.32.0",
+        "prettier": "3.3.3",
+        "rimraf": "3.0.2",
+        "typescript": "4.3.5"
+    },
+    "config": {
+        "commitizen": {
+            "path": "@commitlint/cz-commitlint"
+        }
+    }
+}

package/template/docusaurus/.prettierignore

@@ -2,3 +2,5 @@
 **/*.svg
 **/*.ejs
 **/*.html
+.history
+dist

package/template/docusaurus/src/components/HomepageFeatures/index.tsx

@@ -1,70 +1,70 @@
-import React from 'react'
-import clsx from 'clsx'
-import styles from './styles.module.css'
-
-type FeatureItem = {
-    title: string
-    Svg: React.ComponentType<React.ComponentProps<'svg'>>
-    description: JSX.Element
-}
-
-const FeatureList: FeatureItem[] = [
-    {
-        title: 'Easy to Use',
-        Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default,
-        description: (
-            <>
-                Docusaurus was designed from the ground up to be easily installed and used to get
-                your website up and running quickly.
-            </>
-        )
-    },
-    {
-        title: 'Focus on What Matters',
-        Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default,
-        description: (
-            <>
-                Docusaurus lets you focus on your docs, and we&apos;ll do the chores. Go ahead and
-                move your docs into the <code>docs</code> directory.
-            </>
-        )
-    },
-    {
-        title: 'Powered by React',
-        Svg: require('@site/static/img/undraw_docusaurus_react.svg').default,
-        description: (
-            <>
-                Extend or customize your website layout by reusing React. Docusaurus can be extended
-                while reusing the same header and footer.
-            </>
-        )
-    }
-]
-
-function Feature({ title, Svg, description }: FeatureItem) {
-    return (
-        <div className={clsx('col col--4')}>
-            <div className="text--center">
-                <Svg className={styles.featureSvg} role="img" />
-            </div>
-            <div className="text--center padding-horiz--md">
-                <h3>{title}</h3>
-                <p>{description}</p>
-            </div>
-        </div>
-    )
-}
-
-export default function HomepageFeatures(): JSX.Element {
-    return (
-        <section className={styles.features}>
-            <div className="container">
-                <div className="row">
-                    {FeatureList.map((props, idx) => (
-                        <Feature key={idx} {...props} />
-                    ))}
-                </div>
-            </div>
-        </section>
-    )
-}
+import React from 'react'
+import clsx from 'clsx'
+import styles from './styles.module.css'
+
+type FeatureItem = {
+    title: string
+    Svg: React.ComponentType<React.ComponentProps<'svg'>>
+    description: JSX.Element
+}
+
+const FeatureList: FeatureItem[] = [
+    {
+        title: 'Easy to Use',
+        Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default,
+        description: (
+            <>
+                Docusaurus was designed from the ground up to be easily installed and used to get
+                your website up and running quickly.
+            </>
+        )
+    },
+    {
+        title: 'Focus on What Matters',
+        Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default,
+        description: (
+            <>
+                Docusaurus lets you focus on your docs, and we&apos;ll do the chores. Go ahead and
+                move your docs into the <code>docs</code> directory.
+            </>
+        )
+    },
+    {
+        title: 'Powered by React',
+        Svg: require('@site/static/img/undraw_docusaurus_react.svg').default,
+        description: (
+            <>
+                Extend or customize your website layout by reusing React. Docusaurus can be extended
+                while reusing the same header and footer.
+            </>
+        )
+    }
+]
+
+function Feature({ title, Svg, description }: FeatureItem) {
+    return (
+        <div className={clsx('col col--4')}>
+            <div className="text--center">
+                <Svg className={styles.featureSvg} role="img" />
+            </div>
+            <div className="text--center padding-horiz--md">
+                <h3>{title}</h3>
+                <p>{description}</p>
+            </div>
+        </div>
+    )
+}
+
+export default function HomepageFeatures(): JSX.Element {
+    return (
+        <section className={styles.features}>
+            <div className="container">
+                <div className="row">
+                    {FeatureList.map((props, idx) => (
+                        <Feature key={idx} {...props} />
+                    ))}
+                </div>
+            </div>
+        </section>
+    )
+}

package/template/docusaurus/src/components/HomepageFeatures/styles.module.css

@@ -1,11 +1,11 @@
-.features {
-    display: flex;
-    align-items: center;
-    padding: 2rem 0;
-    width: 100%;
-}
-
-.featureSvg {
-    height: 200px;
-    width: 200px;
-}
+.features {
+    display: flex;
+    align-items: center;
+    padding: 2rem 0;
+    width: 100%;
+}
+
+.featureSvg {
+    height: 200px;
+    width: 200px;
+}

package/template/docusaurus/src/css/custom.css

@@ -1,30 +1,30 @@
-/**
- * Any CSS included here will be global. The classic template
- * bundles Infima by default. Infima is a CSS framework designed to
- * work well for content-centric websites.
- */
-
-/* You can override the default Infima variables here. */
-:root {
-    --ifm-color-primary: #2e8555;
-    --ifm-color-primary-dark: #29784c;
-    --ifm-color-primary-darker: #277148;
-    --ifm-color-primary-darkest: #205d3b;
-    --ifm-color-primary-light: #33925d;
-    --ifm-color-primary-lighter: #359962;
-    --ifm-color-primary-lightest: #3cad6e;
-    --ifm-code-font-size: 95%;
-    --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
-}
-
-/* For readability concerns, you should choose a lighter palette in dark mode. */
-[data-theme='dark'] {
-    --ifm-color-primary: #25c2a0;
-    --ifm-color-primary-dark: #21af90;
-    --ifm-color-primary-darker: #1fa588;
-    --ifm-color-primary-darkest: #1a8870;
-    --ifm-color-primary-light: #29d5b0;
-    --ifm-color-primary-lighter: #32d8b4;
-    --ifm-color-primary-lightest: #4fddbf;
-    --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
-}
+/**
+ * Any CSS included here will be global. The classic template
+ * bundles Infima by default. Infima is a CSS framework designed to
+ * work well for content-centric websites.
+ */
+
+/* You can override the default Infima variables here. */
+:root {
+    --ifm-color-primary: #2e8555;
+    --ifm-color-primary-dark: #29784c;
+    --ifm-color-primary-darker: #277148;
+    --ifm-color-primary-darkest: #205d3b;
+    --ifm-color-primary-light: #33925d;
+    --ifm-color-primary-lighter: #359962;
+    --ifm-color-primary-lightest: #3cad6e;
+    --ifm-code-font-size: 95%;
+    --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
+}
+
+/* For readability concerns, you should choose a lighter palette in dark mode. */
+[data-theme='dark'] {
+    --ifm-color-primary: #25c2a0;
+    --ifm-color-primary-dark: #21af90;
+    --ifm-color-primary-darker: #1fa588;
+    --ifm-color-primary-darkest: #1a8870;
+    --ifm-color-primary-light: #29d5b0;
+    --ifm-color-primary-lighter: #32d8b4;
+    --ifm-color-primary-lightest: #4fddbf;
+    --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
+}

package/template/docusaurus/src/pages/index.module.css

@@ -1,23 +1,23 @@
-/**
- * CSS files with the .module.css suffix will be treated as CSS modules
- * and scoped locally.
- */
-
-.heroBanner {
-    padding: 4rem 0;
-    text-align: center;
-    position: relative;
-    overflow: hidden;
-}
-
-@media screen and (max-width: 996px) {
-    .heroBanner {
-        padding: 2rem;
-    }
-}
-
-.buttons {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
+/**
+ * CSS files with the .module.css suffix will be treated as CSS modules
+ * and scoped locally.
+ */
+
+.heroBanner {
+    padding: 4rem 0;
+    text-align: center;
+    position: relative;
+    overflow: hidden;
+}
+
+@media screen and (max-width: 996px) {
+    .heroBanner {
+        padding: 2rem;
+    }
+}
+
+.buttons {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}

package/template/docusaurus/src/pages/index.tsx

@@ -1,40 +1,40 @@
-import React from 'react'
-import clsx from 'clsx'
-import Link from '@docusaurus/Link'
-import useDocusaurusContext from '@docusaurus/useDocusaurusContext'
-import Layout from '@theme/Layout'
-import HomepageFeatures from '@site/src/components/HomepageFeatures'
-
-import styles from './index.module.css'
-
-function HomepageHeader() {
-    const { siteConfig } = useDocusaurusContext()
-    return (
-        <header className={clsx('hero hero--primary', styles.heroBanner)}>
-            <div className="container">
-                <h1 className="hero__title">{siteConfig.title}</h1>
-                <p className="hero__subtitle">{siteConfig.tagline}</p>
-                <div className={styles.buttons}>
-                    <Link className="button button--secondary button--lg" to="/docs/intro">
-                        Docusaurus Tutorial - 5min ⏱️
-                    </Link>
-                </div>
-            </div>
-        </header>
-    )
-}
-
-export default function Home(): JSX.Element {
-    const { siteConfig } = useDocusaurusContext()
-    return (
-        <Layout
-            title={`Hello from ${siteConfig.title}`}
-            description="Description will go into a meta tag in <head />"
-        >
-            <HomepageHeader />
-            <main>
-                <HomepageFeatures />
-            </main>
-        </Layout>
-    )
-}
+import React from 'react'
+import clsx from 'clsx'
+import Link from '@docusaurus/Link'
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext'
+import Layout from '@theme/Layout'
+import HomepageFeatures from '@site/src/components/HomepageFeatures'
+
+import styles from './index.module.css'
+
+function HomepageHeader() {
+    const { siteConfig } = useDocusaurusContext()
+    return (
+        <header className={clsx('hero hero--primary', styles.heroBanner)}>
+            <div className="container">
+                <h1 className="hero__title">{siteConfig.title}</h1>
+                <p className="hero__subtitle">{siteConfig.tagline}</p>
+                <div className={styles.buttons}>
+                    <Link className="button button--secondary button--lg" to="/docs/intro">
+                        Docusaurus Tutorial - 5min ⏱️
+                    </Link>
+                </div>
+            </div>
+        </header>
+    )
+}
+
+export default function Home(): JSX.Element {
+    const { siteConfig } = useDocusaurusContext()
+    return (
+        <Layout
+            title={`Hello from ${siteConfig.title}`}
+            description="Description will go into a meta tag in <head />"
+        >
+            <HomepageHeader />
+            <main>
+                <HomepageFeatures />
+            </main>
+        </Layout>
+    )
+}

package/template/lib/workspace/.prettierignore

@@ -0,0 +1,6 @@
+**/*.md
+**/*.svg
+**/*.ejs
+**/*.html
+.history
+dist