create-packer 1.45.19 → 1.46.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-packer",
-  "version": "1.45.19",
+  "version": "1.46.0",
   "main": "index.js",
   "repository": "https://github.com/kevily/create-packer",
   "author": "1k <bug_zero@163.com>",

package/template/electron-react/.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/electron-react/.env

@@ -0,0 +1,3 @@
+PUBLIC_ENV_MODE=production
+PUBLIC_BASE_URL=/
+PUBLIC_API_HOST=/

package/template/electron-react/.env.development

@@ -0,0 +1,3 @@
+PUBLIC_ENV_MODE=development
+PUBLIC_BASE_URL=/dev
+PUBLIC_API_HOST=/api

package/template/electron-react/.gitignore

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

package/template/electron-react/.husky/commit-msg

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx --no -- commitlint --edit 

package/template/electron-react/.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npm run lint

package/template/electron-react/.prettierignore

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

package/template/electron-react/.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/electron-react/.stylelintignore

@@ -0,0 +1,4 @@
+node_modules
+/dist
+/.vscode
+/.history

package/template/electron-react/.stylelintrc

@@ -0,0 +1,35 @@
+{
+    "extends": "stylelint-config-standard-scss",
+    "overrides": [
+        {
+            "files": ["*.html", "**/*.html", "*.vue", "**/*.vue"],
+            "customSyntax": "postcss-html"
+        }
+    ],
+    "rules": {
+        "comment-empty-line-before": "never",
+        "no-empty-source": null,
+        "alpha-value-notation": null,
+        "color-function-notation": null,
+        "at-rule-no-unknown": [
+            true,
+            {
+                "ignoreAtRules": ["tailwind", "apply", "use", "reference"]
+            }
+        ],
+        "declaration-block-no-redundant-longhand-properties": null,
+        "selector-pseudo-class-no-unknown": [
+            true,
+            {
+                "ignorePseudoClasses": ["global"]
+            }
+        ],
+        "selector-class-pattern": null,
+        "scss/at-rule-no-unknown": [
+            true,
+            {
+                "ignoreAtRules": ["tailwind", "apply", "reference"]
+            }
+        ]
+    }
+}

package/template/electron-react/.vscode/extensions.json

@@ -0,0 +1,7 @@
+{
+    "recommendations": [
+        "dbaeumer.vscode-eslint",
+        "stylelint.vscode-stylelint",
+        "esbenp.prettier-vscode",
+    ]
+}

package/template/electron-react/README.md

@@ -0,0 +1,14 @@
+## Vite + Vue3.x + Typescript
+
+### Features
+
+-   Vite
+-   Vue
+-   Typescript
+-   vue-router
+-   pinia
+-   Tailwindcss
+-   Eslint
+-   Prettier
+-   axios
+-   Alias @ to <project_root>/src

package/template/electron-react/build.config.json

@@ -0,0 +1,40 @@
+{
+    "productName": "ElectronReact",
+    "appId": "org.erb.ElectronReact",
+    "asar": false,
+    "files": ["dist"],
+    "mac": {
+        "target": {
+            "target": "default",
+            "arch": ["arm64", "x64"]
+        },
+        "hardenedRuntime": true,
+        "gatekeeperAssess": true
+    },
+    "dmg": {
+        "contents": [
+            {
+                "x": 130,
+                "y": 220
+            },
+            {
+                "x": 410,
+                "y": 220,
+                "type": "link",
+                "path": "/Applications"
+            }
+        ]
+    },
+    "win": {
+        "target": ["nsis"]
+    },
+    "linux": {
+        "target": ["AppImage"],
+        "category": "Development"
+    },
+    "directories": {
+        "buildResources": "dist",
+        "output": "build"
+    },
+    "extraResources": ["./assets/**"]
+}

package/template/electron-react/commitlint.config.cjs

@@ -0,0 +1 @@
+module.exports = { extends: ['@commitlint/config-conventional'] }

package/template/electron-react/configs/config.ts

@@ -0,0 +1,25 @@
+import { ConfigParams } from '@rsbuild/core'
+import { pluginEslint } from '@rsbuild/plugin-eslint'
+import StylelintWebpackPlugin from 'stylelint-webpack-plugin'
+import { pluginTypeCheck } from '@rsbuild/plugin-type-check'
+import { RsdoctorRspackPlugin } from '@rsdoctor/rspack-plugin'
+
+export function createPlugins({ command }: Pick<ConfigParams, 'command'>) {
+    return {
+        plugins: [
+            command !== 'build' && pluginTypeCheck(),
+            command !== 'build' &&
+                pluginEslint({
+                    eslintPluginOptions: {
+                        configType: 'flat'
+                    }
+                })
+        ],
+        rspackPlugin: [
+            new StylelintWebpackPlugin(),
+            process.env.RSDOCTOR && new RsdoctorRspackPlugin()
+        ]
+    }
+}
+
+export const OUTPUT_ROOT = 'dist'

package/template/electron-react/configs/createChunks.ts

@@ -0,0 +1,26 @@
+import { SplitChunks } from '@rsbuild/core'
+
+export function createChunks(
+    chunks: Array<{ name: string; libs: string[] | RegExp; priority?: number }>
+) {
+    const result: Exclude<SplitChunks, false>['cacheGroups'] = {
+        vendors: {
+            test: /[\\/]node_modules[\\/]/,
+            chunks: 'all',
+            name: 'vendors',
+            priority: -1
+        }
+    }
+    chunks.forEach(({ name, libs, priority }) => {
+        result[name] = {
+            test: Array.isArray(libs)
+                ? new RegExp(`[\\\\/]node_modules[\\\\/](${libs.join('|')})[\\\\/]`)
+                : libs,
+            chunks: 'all',
+            name,
+            priority
+        }
+        return result
+    })
+    return result
+}

package/template/electron-react/configs/rsbuild.main.config.ts

@@ -0,0 +1,54 @@
+import { defineConfig, loadEnv } from '@rsbuild/core'
+import { createPlugins, OUTPUT_ROOT } from './config'
+
+export default defineConfig(({ envMode, command }) => {
+    const { parsed: env } = loadEnv()
+    const { rspackPlugin, plugins } = createPlugins({ command })
+    return {
+        source: {
+            entry: {
+                main: './main/main.ts'
+            }
+        },
+        resolve: {
+            alias: {
+                '@': process.cwd()
+            }
+        },
+        output: {
+            distPath: { root: `${OUTPUT_ROOT}/main`, js: '' },
+            cleanDistPath: false,
+            filenameHash: false
+        },
+        dev: {
+            progressBar: command === 'build',
+            writeToDisk: true,
+            hmr: false,
+            liveReload: false
+        },
+        tools: {
+            htmlPlugin: false,
+            rspack: {
+                target: 'electron-main',
+                plugins: rspackPlugin
+            }
+        },
+        plugins,
+        performance: {
+            removeConsole: command === 'build' ? ['log'] : false,
+            bundleAnalyze: envMode === 'analyse' ? { openAnalyzer: true } : void 0
+        },
+        server: {
+            base: env.PUBLIC_BASE_URL,
+            host: '0.0.0.0',
+            port: 3001,
+            compress: false,
+            proxy: [
+                {
+                    context: [env.PUBLIC_API_HOST],
+                    target: 'http://127.0.0.1:3000'
+                }
+            ]
+        }
+    }
+})

package/template/electron-react/configs/rsbuild.preload.config.ts

@@ -0,0 +1,54 @@
+import { defineConfig, loadEnv } from '@rsbuild/core'
+import { createPlugins, OUTPUT_ROOT } from './config'
+
+export default defineConfig(({ envMode, command }) => {
+    const { parsed: env } = loadEnv()
+    const { rspackPlugin, plugins } = createPlugins({ command })
+    return {
+        source: {
+            entry: {
+                preload: './preload/index.ts'
+            }
+        },
+        resolve: {
+            alias: {
+                '@': process.cwd()
+            }
+        },
+        output: {
+            distPath: { root: OUTPUT_ROOT, js: '' },
+            cleanDistPath: false,
+            filenameHash: false
+        },
+        dev: {
+            progressBar: command === 'build',
+            writeToDisk: true,
+            hmr: false,
+            liveReload: false
+        },
+        tools: {
+            htmlPlugin: false,
+            rspack: {
+                target: 'electron-preload',
+                plugins: rspackPlugin
+            }
+        },
+        plugins,
+        performance: {
+            removeConsole: command === 'build' ? ['log'] : false,
+            bundleAnalyze: envMode === 'analyse' ? { openAnalyzer: true } : void 0
+        },
+        server: {
+            base: env.PUBLIC_BASE_URL,
+            host: '0.0.0.0',
+            port: 3002,
+            compress: false,
+            proxy: [
+                {
+                    context: [env.PUBLIC_API_HOST],
+                    target: 'http://127.0.0.1:3000'
+                }
+            ]
+        }
+    }
+})

package/template/electron-react/configs/rsbuild.renderer.config.ts

@@ -0,0 +1,73 @@
+import path from 'node:path'
+import { defineConfig, loadEnv } from '@rsbuild/core'
+import { pluginReact } from '@rsbuild/plugin-react'
+import { pluginSvgr } from '@rsbuild/plugin-svgr'
+import { createChunks } from './createChunks'
+import { createPlugins, OUTPUT_ROOT } from './config'
+
+export default defineConfig(({ envMode, command }) => {
+    const { parsed: env } = loadEnv()
+    const { rspackPlugin, plugins } = createPlugins({ command })
+    const resolveRendererPath = (p: string) => path.resolve('renderer', p)
+    return {
+        html: {
+            template: resolveRendererPath('index.html'),
+            title: 'Rsbuild + Vue + TS',
+            favicon: resolveRendererPath('shared/assets/react.svg')
+        },
+        source: {
+            entry: {
+                index: resolveRendererPath('main.ts')
+            }
+        },
+        resolve: {
+            alias: {
+                '@': process.cwd()
+            }
+        },
+        output: {
+            distPath: { root: `${OUTPUT_ROOT}/renderer` },
+            assetPrefix: './',
+            cleanDistPath: false
+        },
+        dev: {
+            progressBar: command === 'build'
+        },
+        tools: {
+            rspack: {
+                plugins: rspackPlugin
+            }
+        },
+        plugins: [
+            ...plugins,
+            pluginSvgr(),
+            pluginReact({
+                swcReactOptions: {
+                    importSource: '@emotion/react'
+                }
+            })
+        ],
+        performance: {
+            removeConsole: command === 'build' ? ['log'] : false,
+            chunkSplit: {
+                strategy: 'custom',
+                splitChunks: {
+                    minChunks: 1,
+                    cacheGroups: createChunks([{ libs: ['vue', 'vue-router'], name: 'vue' }])
+                }
+            },
+            bundleAnalyze: envMode === 'analyse' ? { openAnalyzer: true } : void 0
+        },
+        server: {
+            base: env.PUBLIC_BASE_URL,
+            host: '0.0.0.0',
+            compress: false,
+            proxy: [
+                {
+                    context: [env.PUBLIC_API_HOST],
+                    target: 'http://127.0.0.1:3000'
+                }
+            ]
+        }
+    }
+})

package/template/electron-react/env.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="@rsbuild/core/types" />
+
+interface ImportMetaEnv {
+    readonly PUBLIC_BASE_URL: string
+    readonly PUBLIC_API_HOST: string
+    readonly PUBLIC_ENV_MODE: 'production' | 'development'
+    // 更多环境变量...
+}
+
+interface ImportMeta {
+    readonly env: ImportMetaEnv
+}

package/template/electron-react/eslint.config.mjs

@@ -0,0 +1,108 @@
+import eslint from '@eslint/js'
+import globals from 'globals'
+import tseslint from 'typescript-eslint'
+import importPlugin from 'eslint-plugin-import'
+import reactPlugin from 'eslint-plugin-react'
+import reactHooksPlugin from 'eslint-plugin-react-hooks'
+
+const scriptExtensions = ['js', 'jsx', 'mjs', 'cjs', 'ts', 'tsx']
+const files = scriptExtensions.map(ext => `**/*.${ext}`)
+
+export default tseslint.config([
+    {
+        ignores: ['**/node_modules/', '**/dist/', '**/.history/', '**/.vscode/']
+    },
+    eslint.configs.recommended,
+    importPlugin.flatConfigs.recommended,
+    tseslint.configs.recommended,
+    {
+        plugins: { reactPlugin, reactHooksPlugin },
+        files,
+        languageOptions: {
+            ecmaVersion: 2018,
+            sourceType: 'module',
+            parserOptions: {
+                ecmaFeatures: {
+                    jsx: true
+                },
+                useJSXTextNode: true
+            },
+            globals: {
+                ...globals.browser,
+                ...globals.node
+            }
+        },
+        settings: {
+            'import/resolver': {
+                typescript: true,
+                node: true
+            },
+            react: {
+                version: '18'
+            }
+        },
+        rules: {
+            'import/export': 'off',
+            'import/namespace': 'off',
+            'import/default': 'off',
+            'import/consistent-type-specifier-style': ['error', 'prefer-inline'],
+            'import/no-duplicates': ['error', { 'prefer-inline': true }],
+            'import/no-named-as-default-member': 'off',
+            'import/no-named-as-default': 'off',
+            'import/order': [
+                'error',
+                {
+                    groups: [
+                        'builtin',
+                        'external',
+                        'internal',
+                        'parent',
+                        'sibling',
+                        'index',
+                        'object',
+                        'type'
+                    ],
+                    pathGroups: [
+                        { pattern: 'react', group: 'external', position: 'before' },
+                        { pattern: 'react-dom/*', group: 'external', position: 'before' },
+                        { pattern: 'react-router', group: 'external', position: 'before' },
+                        { pattern: 'react-router-dom', group: 'external', position: 'before' }
+                    ],
+                    pathGroupsExcludedImportTypes: ['builtin']
+                }
+            ],
+            'no-case-declarations': 'off',
+            '@typescript-eslint/no-unused-expressions': 'off',
+            '@typescript-eslint/no-empty-object-type': 'off',
+            '@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',
+            '@typescript-eslint/triple-slash-reference': 'off',
+            '@typescript-eslint/no-require-imports': "off",
+            'react/prop-types': 'off',
+            'react/no-find-dom-node': 'off',
+            'react-hooks/exhaustive-deps': 'off',
+            'react/display-name': 'off',
+            'react/react-in-jsx-scope': 'off',
+            'no-constant-condition': 'off'
+        }
+    }
+])

package/template/electron-react/main/main.ts

@@ -0,0 +1,83 @@
+import path from 'path'
+import { app, BrowserWindow, shell, ipcMain } from 'electron'
+import { resolveHtmlPath } from './tools'
+
+let mainWindow: BrowserWindow | null = null
+
+ipcMain.on('ipc-example', async (event, arg) => {
+    const msgTemplate = (pingPong: string) => `IPC test: ${pingPong}`
+    console.log(msgTemplate(arg))
+    event.reply('ipc-example', msgTemplate('pong'))
+})
+
+const isDebug = process.env.NODE_ENV === 'development' || process.env.DEBUG_PROD === 'true'
+
+if (true) {
+    require('electron-debug').default()
+}
+
+const createWindow = async () => {
+    const RESOURCES_PATH = app.isPackaged
+        ? path.join(process.resourcesPath, 'assets')
+        : path.join(__dirname, '../../assets')
+
+    const getAssetPath = (...paths: string[]): string => {
+        return path.join(RESOURCES_PATH, ...paths)
+    }
+
+    mainWindow = new BrowserWindow({
+        show: false,
+        width: 1024,
+        height: 728,
+        icon: getAssetPath('icon.png'),
+        webPreferences: {
+            preload: path.join(__dirname, '../preload.js')
+        }
+    })
+
+    mainWindow.loadURL(resolveHtmlPath('index.html'))
+
+    mainWindow.on('ready-to-show', () => {
+        if (!mainWindow) {
+            throw new Error('"mainWindow" is not defined')
+        }
+        if (process.env.START_MINIMIZED) {
+            mainWindow.minimize()
+        } else {
+            mainWindow.show()
+        }
+    })
+
+    mainWindow.on('closed', () => {
+        mainWindow = null
+    })
+
+    // Open urls in the user's browser
+    mainWindow.webContents.setWindowOpenHandler(edata => {
+        shell.openExternal(edata.url)
+        return { action: 'deny' }
+    })
+}
+
+/**
+ * Add event listeners...
+ */
+
+app.on('window-all-closed', () => {
+    // Respect the OSX convention of having the application in memory even
+    // after all windows have been closed
+    if (process.platform !== 'darwin') {
+        app.quit()
+    }
+})
+
+app.whenReady()
+    .then(() => {
+        createWindow()
+        app.on('activate', () => {
+            // On macOS it's common to re-create a window in the app when the
+            // dock icon is clicked and there are no other windows open.
+            if (mainWindow === null) createWindow()
+        })
+    })
+    .catch(console.log)

package/template/electron-react/main/tools/html.ts

@@ -0,0 +1,8 @@
+import path from 'path'
+
+export function resolveHtmlPath(htmlFileName: string) {
+    if (process.env.NODE_ENV === 'development') {
+        return `http://localhost:3000`
+    }
+    return `file://${path.resolve(__dirname, '../renderer/', htmlFileName)}`
+}

package/template/electron-react/main/tools/index.ts

@@ -0,0 +1 @@
+export * from './html'