create-packer 1.7.8 → 1.8.0

package/template/{web-app/rc-recoil → react-cra}/package.json

@@ -1,27 +1,24 @@
 {
-    "name": "react_template",
+    "name": "react-temp",
     "version": "0.1.0",
     "private": true,
     "dependencies": {
-        "@craco/craco": "^6.1.2",
-        "@testing-library/jest-dom": "^5.14.1",
-        "@testing-library/react": "^11.2.7",
-        "@testing-library/user-event": "^13.1.9",
-        "@types/jest": "^26.0.23",
-        "@types/node": "^15.12.2",
-        "@types/react": "^17.0.11",
-        "@types/react-dom": "^17.0.7",
-        "@types/react-router-config": "^5.0.2",
-        "@types/react-router-dom": "^5.1.7",
-        "react": "^17.0.2",
-        "react-dom": "^17.0.2",
-        "react-router-config": "^5.1.1",
-        "react-router-dom": "^5.2.0",
-        "react-scripts": "^4.0.3",
-        "recoil": "^0.3.1",
-        "sass": "^1.34.1",
-        "typescript": "^4.3.2",
-        "web-vitals": "^2.0.1"
+        "@craco/craco": "6.4.3",
+        "@testing-library/jest-dom": "5.16.4",
+        "@testing-library/react": "13.3.0",
+        "@testing-library/user-event": "14.2.1",
+        "@types/jest": "27",
+        "@types/node": "18.0.0",
+        "@types/react": "18.0.14",
+        "@types/react-dom": "18.0.5",
+        "@types/testing-library__jest-dom": "5.14.5",
+        "react": "18.2.0",
+        "react-dom": "18.2.0",
+        "react-router-dom": "6.3.0",
+        "react-scripts": "5.0.1",
+        "sass": "1.53.0",
+        "typescript": "4.7.4",
+        "web-vitals": "2.1.4"
     },
     "scripts": {
         "start": "craco start",
@@ -60,12 +57,13 @@
         ]
     },
     "devDependencies": {
-        "@types/recoil": "^0.0.9",
-        "husky": "^4.3.8",
-        "lint-staged": "^11.0.0",
-        "prettier": "^2.3.1",
-        "stylelint": "^13.13.1",
-        "stylelint-config-standard": "^22.0.0",
-        "webpack-bundle-analyzer": "^4.4.2"
+        "@testing-library/dom": "8.14.0",
+        "@types/recoil": "0.0.9",
+        "husky": "8.0.1",
+        "lint-staged": "13.0.3",
+        "prettier": "2.7.1",
+        "stylelint": "14.9.1",
+        "stylelint-config-standard": "26.0.0",
+        "webpack-bundle-analyzer": "4.5.0"
     }
 }

package/template/react-cra/src/Layout/index.tsx

@@ -0,0 +1,8 @@
+import React, { PropsWithChildren } from 'react'
+import { LayoutPropsType } from './typings'
+
+function Layout({ children }: PropsWithChildren<LayoutPropsType>) {
+    return <div>{children}</div>
+}
+
+export default Layout

package/template/react-cra/src/index.tsx

@@ -0,0 +1,24 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import { BrowserRouter, Routes, Route } from 'react-router-dom'
+import Layout from './Layout'
+import routes from './routes'
+import './index.scss'
+import reportWebVitals from './reportWebVitals'
+
+const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement)
+root.render(
+    <React.StrictMode>
+        <BrowserRouter>
+            <Layout>
+                <Routes>
+                    {routes.map(({ path, Component }) => {
+                        return <Route path={path} element={<Component />} />
+                    })}
+                </Routes>
+            </Layout>
+        </BrowserRouter>
+    </React.StrictMode>
+)
+
+reportWebVitals()

package/template/react-cra/src/pages/home/index.test.tsx

@@ -0,0 +1,9 @@
+import React from 'react'
+import { render, screen } from '@testing-library/react'
+import Home from './index'
+
+test('renders learn react link', () => {
+    render(<Home />)
+    const linkElement = screen.getByText(/learn react/i)
+    expect(linkElement).toBeInTheDocument()
+})

package/template/react-cra/src/routes/index.ts

@@ -0,0 +1,15 @@
+import type { FunctionComponent } from 'react'
+
+export interface routeType {
+    path: string
+    Component: FunctionComponent<any>
+}
+
+const routes: routeType[] = [
+    {
+        path: '/',
+        Component: require('../pages/home').default
+    }
+]
+
+export default routes

package/bin/clis/Create.d.ts

@@ -1,4 +0,0 @@
-import { Project } from './Project';
-export declare class Create extends Project {
-    onCreate(dirname?: string): Promise<void>;
-}

package/bin/clis/Create.js

@@ -1,47 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Create = void 0;
-const inquirer = require("inquirer");
-const lodash_1 = __importDefault(require("lodash"));
-const Project_1 = require("./Project");
-const fsExtra = require("fs-extra");
-const path = require("path");
-const fs = require("fs");
-const chalk = require("chalk");
-const ora = require("ora");
-class Create extends Project_1.Project {
-    async onCreate(dirname) {
-        const { tempType } = await inquirer.prompt([
-            {
-                type: 'list',
-                name: 'tempType',
-                message: 'Select tempType.',
-                choices: this.tempInfo.map(o => o.name)
-            }
-        ]);
-        const { temp } = await inquirer.prompt([
-            {
-                type: 'list',
-                name: 'temp',
-                message: 'Select temp.',
-                choices: lodash_1.default.map(lodash_1.default.find(this.tempInfo, { name: tempType }).temp, t => t.name)
-            }
-        ]);
-        const creating = ora(chalk.yellow('Creating...\n')).start();
-        const output = path.join(this.cwd, dirname);
-        if (dirname && fs.existsSync(output)) {
-            return console.log(chalk.red(`${dirname} already exists!`));
-        }
-        if (dirname) {
-            fsExtra.mkdirSync(output);
-        }
-        const tempPath = path.join(this.tempRoot, tempType, temp);
-        this.onCopy(tempPath, output);
-        this.onEnd(output);
-        creating.succeed();
-    }
-}
-exports.Create = Create;

package/bin/clis/Project.d.ts

@@ -1,30 +0,0 @@
-/// <reference types="node" />
-import { SpawnOptions } from 'child_process';
-export interface projectInfoType {
-    name: string;
-    dirname: string;
-    tempInfo: tempInfoItemType;
-    src: string;
-    output: string;
-    copyFiles: string[];
-}
-export interface tempInfoItemType {
-    name: string;
-    temp: Array<{
-        name: string;
-    }>;
-}
-export declare class Project {
-    cwd: string;
-    command: string;
-    excludes: string[];
-    tempRoot: string;
-    tempInfo: Array<tempInfoItemType>;
-    projectsInfo: Array<projectInfoType>;
-    constructor();
-    spawnSync(command: string, args?: ReadonlyArray<string>, options?: SpawnOptions): void;
-    getCliFilePath(p?: string): string;
-    onGetFiles: (src: string, excludes: string[]) => string[];
-    onCopy(tempPath: any, output: any): void;
-    onEnd(output: string): void;
-}

package/bin/clis/Project.js

@@ -1,65 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Project = void 0;
-const path = require("path");
-const fs = require("fs");
-const fsExtra = require("fs-extra");
-const child_process_1 = require("child_process");
-const lodash_1 = __importDefault(require("lodash"));
-const utils_1 = require("../utils");
-class Project {
-    cwd;
-    command;
-    excludes;
-    tempRoot;
-    tempInfo;
-    projectsInfo;
-    constructor() {
-        this.cwd = process.cwd();
-        this.command = utils_1.onGenCommand();
-        this.excludes = ['node_modules', 'yarn-error.log', 'dist'];
-        this.tempRoot = path.join(__dirname, '../../template');
-        this.tempInfo = utils_1.onGetDir(this.tempRoot).map(name => {
-            return {
-                name,
-                temp: utils_1.onGetDir(path.join(this.tempRoot, name)).map(name => {
-                    return { name };
-                })
-            };
-        });
-    }
-    spawnSync(command, args, options) {
-        const { error } = child_process_1.spawnSync(command, args, {
-            stdio: 'inherit',
-            cwd: this.cwd,
-            shell: true,
-            ...options
-        });
-        if (error) {
-            process.exit(1);
-        }
-    }
-    getCliFilePath(p = '.') {
-        return path.join(__dirname, '../../', p);
-    }
-    onGetFiles = function (src, excludes) {
-        return fs.readdirSync(src).filter(dir => !lodash_1.default.includes(excludes, dir));
-    };
-    onCopy(tempPath, output) {
-        fsExtra.readdirSync(tempPath).map(name => {
-            if (name !== 'node_modules') {
-                fsExtra.copySync(path.join(tempPath, name), path.join(output, name));
-            }
-        });
-    }
-    onEnd(output) {
-        child_process_1.spawnSync(this.command, ['install'], {
-            cwd: output,
-            stdio: 'inherit'
-        });
-    }
-}
-exports.Project = Project;

package/template/desktop-app/electron/.gitignore

@@ -1,34 +0,0 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-node_modules/
-/.pnp
-.pnp.js
-
-# testing
-coverage/
-
-# production
-build/
-dist/
-.vscode
-.idea
-.history
-lib/
-es/
-types/
-
-# misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-
-
-main.js

package/template/desktop-app/electron/app/.eslintrc

@@ -1,28 +0,0 @@
-{
-    "parser": "@typescript-eslint/parser",
-    "extends": ["plugin:@typescript-eslint/recommended"],
-    "parserOptions": {
-        "ecmaVersion": 2018,
-        "sourceType": "module",
-        "ecmaFeatures": {
-            "jsx": true
-        },
-        "useJSXTextNode": true
-    },
-    "rules": {
-        "@typescript-eslint/no-var-requires": 0,
-        "@typescript-eslint/explicit-function-return-type": "off",
-        "@typescript-eslint/no-explicit-any": 1,
-        "@typescript-eslint/no-inferrable-types": [
-            "warn",
-            {
-                "ignoreParameters": true
-            }
-        ],
-        "@typescript-eslint/no-unused-vars": "warn",
-        "@typescript-eslint/member-delimiter-style": 0,
-        "@typescript-eslint/class-name-casing": 0,
-        "semi": ["error", "never"],
-        "quotes": ["error", "single"]
-    }
-}

package/template/desktop-app/electron/app/.gitignore

@@ -1,19 +0,0 @@
-# dependencies
-node_modules/
-npm-debug.log*
-yarn-error.log*
-
-# production
-dist/
-build/
-view/
-
-# miscs
-.DS_Store
-.vscode/
-.idea/
-.history/
-coverage/
-
-
-main.js

package/template/desktop-app/electron/app/babel.config.js

@@ -1,19 +0,0 @@
-module.exports = {
-    presets: [
-        '@babel/typescript',
-        [
-            '@babel/env',
-            {
-                targets: {
-                    chrome: '79',
-                },
-            },
-        ],
-    ],
-    plugins: [
-        'lodash',
-        '@babel/plugin-transform-typescript',
-        '@babel/proposal-class-properties',
-        '@babel/proposal-object-rest-spread',
-    ],
-}

package/template/desktop-app/electron/app/package.json

@@ -1,106 +0,0 @@
-{
-    "name": "electron-template",
-    "version": "1.0.0",
-    "main": "main.js",
-    "author": "1k",
-    "license": "MIT",
-    "private": false,
-    "repository": "https://github.com/electron/electron-quick-start",
-    "keywords": [
-        "Electron",
-        "typescript",
-        "quick",
-        "start",
-        "tutorial",
-        "demo"
-    ],
-    "scripts": {
-        "build": "rimraf ./main.js && webpack --env prod",
-        "build-dev": "rimraf ./main.js && webpack --env dev",
-        "start": "yarn build-dev && electron ./",
-        "pre-package": "rimraf ./dist && yarn build",
-        "package-win": "yarn pre-package && electron-builder --win --x64 --ia32",
-        "package-win32": "yarn pre-package && electron-builder --win --ia32",
-        "package-win64": "yarn pre-package && electron-builder --win --x64",
-        "package-linux": "yarn pre-package && electron-builder --linux",
-        "package-mac": "yarn pre-package && electron-builder --mac",
-        "package": "yarn pre-package && electron-builder --win --ia32 --x64 --mac",
-        "format": "prettier --write \"src/**/*.{ts,js}\" \"./package.json\""
-    },
-    "husky": {
-        "hooks": {
-            "pre-commit": "npm run format && lint-staged && git add ."
-        }
-    },
-    "lint-staged": {
-        "./src/**/*.{ts,js}": [
-            "eslint"
-        ]
-    },
-    "build": {
-        "appId": "com.electron.app",
-        "productName": "electron-template",
-        "artifactName": "${productName}-beta-${version}.${ext}",
-        "publish": [
-            {
-                "provider": "generic",
-                "url": ""
-            }
-        ],
-        "files": [
-            "main.js",
-            "view/",
-            "package.json",
-            "node_modules/"
-        ],
-        "mac": {
-            "target": [
-                "dmg"
-            ]
-        },
-        "win": {
-            "target": [
-                "nsis"
-            ]
-        },
-        "linux": {
-            "target": [
-                "AppImage"
-            ],
-            "category": "Development"
-        }
-    },
-    "devDependencies": {
-        "@babel/cli": "^7.14.5",
-        "@babel/core": "^7.14.5",
-        "@babel/plugin-proposal-class-properties": "^7.14.5",
-        "@babel/plugin-proposal-object-rest-spread": "^7.14.5",
-        "@babel/preset-env": "^7.14.5",
-        "@babel/preset-typescript": "^7.14.5",
-        "@types/electron-builder": "^2.8.0",
-        "@types/lodash": "^4.14.170",
-        "@types/node": "^15.12.2",
-        "@typescript-eslint/eslint-plugin": "^4.26.1",
-        "@typescript-eslint/parser": "^4.26.1",
-        "babel-loader": "^8.2.2",
-        "babel-plugin-lodash": "^3.3.4",
-        "cross-env": "^7.0.3",
-        "electron": "13.1.1",
-        "electron-builder": "^22.11.7",
-        "electron-log": "^4.3.5",
-        "electron-updater": "^4.3.9",
-        "eslint": "^7.28.0",
-        "husky": "^4.3.8",
-        "lint-staged": "^11.0.0",
-        "prettier": "^2.3.1",
-        "rollup": "^2.51.2",
-        "ts-loader": "^9.2.3",
-        "typescript": "4.3.2",
-        "webpack": "^4.46.0",
-        "webpack-cli": "^3.3.12",
-        "webpackbar": "^4.0.0"
-    },
-    "dependencies": {
-        "lodash": "^4.17.21"
-    }
-}

package/template/desktop-app/electron/app/src/configs/appConfig.ts

@@ -1,8 +0,0 @@
-let baseHost = './view/index.html'
-if (process.env.NODE_ENV === 'development') {
-    baseHost = 'http://localhost:8080'
-}
-
-export default {
-    baseHost
-}

package/template/desktop-app/electron/app/src/lib/AppWin.ts

@@ -1,17 +0,0 @@
-import DefaultWin from './DefaultWin'
-
-class App extends DefaultWin {
-    public async open() {
-        this.create({ width: 1366, height: 728 })
-        this.root.on('closed', () => {
-            this.root = null
-        })
-        await this.loadPage()
-        this.root.show()
-    }
-    public close() {
-        this.root.close()
-    }
-}
-
-export default App

package/template/desktop-app/electron/app/src/lib/DefaultWin.ts

@@ -1,40 +0,0 @@
-import { BrowserWindow } from 'electron'
-import appConfig from '../configs/appConfig'
-import _ from 'lodash'
-
-class DefaultWin {
-    root: Electron.BrowserWindow
-    config: Electron.BrowserWindowConstructorOptions
-    constructor() {
-        this.root = null
-        this.config = {
-            show: true,
-            center: true,
-            frame: false,
-            resizable: false,
-            hasShadow: true,
-            transparent: true,
-            webPreferences: {
-                devTools: process.env.NODE_ENV === 'development',
-                // devTools: true,
-                webviewTag: true,
-                nodeIntegration: true
-            }
-        }
-    }
-    create(config: Electron.BrowserWindowConstructorOptions) {
-        this.config = _.merge(this.config, config)
-        this.root = new BrowserWindow(this.config)
-    }
-    async loadPage(route: string = '') {
-        if (process.env.NODE_ENV === 'development') {
-            await this.root.loadURL(appConfig.baseHost + `#${route}`)
-        } else {
-            await this.root.loadFile(appConfig.baseHost, {
-                hash: route
-            })
-        }
-    }
-}
-
-export default DefaultWin

package/template/desktop-app/electron/app/src/main.ts

@@ -1,38 +0,0 @@
-import { app, ipcMain, session } from 'electron'
-import log from 'electron-log'
-import AppWin from './lib/AppWin'
-
-const appWin: AppWin = new AppWin()
-//  ipcMain
-// ------------------yarn start------------------------------------------------------
-ipcMain.on('quit-app', function () {
-    app.quit()
-    app.exit()
-})
-// appListen
-// ----------------------------------------------------------------------
-app.on('window-all-closed', async () => {
-    await session.defaultSession.clearCache()
-    app.quit()
-    app.exit()
-})
-
-if (process.env.NODE_ENV === 'development') {
-    app.on('web-contents-created', function (e, webContents) {
-        webContents.openDevTools({
-            mode: 'detach'
-        })
-    })
-}
-app.once('ready', () => {
-    appWin.open()
-})
-app.on('gpu-process-crashed', (e, killed) => {
-    if (killed) {
-        log.error('程序被杀')
-    } else {
-        log.error('程序崩溃')
-    }
-    app.quit()
-    app.exit()
-})

package/template/desktop-app/electron/app/src/utils/updateAction.ts

@@ -1,39 +0,0 @@
-import { autoUpdater } from 'electron-updater'
-const log = require('electron-log')
-
-export interface updaterInfoType {
-    message: string
-    status: 'error' | 'checking' | 'notAvailable' | 'startDownload' | 'download' | 'downloaded'
-    percent?: string | number
-}
-
-export default {
-    listenUpdater(onChange: (info: updaterInfoType) => void) {
-        autoUpdater.on('checking-for-update', () => {
-            onChange({ message: '正在检查更新...', status: 'checking' })
-        })
-        autoUpdater.on('error', () => {
-            onChange({ message: '检查更新出错', status: 'error' })
-        })
-        autoUpdater.on('update-not-available', () => {
-            onChange({ message: '未检查到新版本!', status: 'notAvailable' })
-        })
-        autoUpdater.on('update-available', () => {
-            onChange({ message: '检查到新版本，正在下载...', status: 'startDownload' })
-        })
-        autoUpdater.on('download-progress', (progress: any) => {
-            onChange({
-                message: '下载进度',
-                status: 'download',
-                percent: progress.percent,
-            })
-        })
-        autoUpdater.on('update-downloaded', () => {
-            onChange({ message: '下载完成', status: 'downloaded' })
-        })
-        // 记录失败日志到本地
-        // ----------------------------------------------------------------------
-        log.transports.file.level = 'error'
-        autoUpdater.logger = log
-    },
-}