create-packer 1.38.2 → 1.39.0

package/template/web-extension/shared/tools/message.ts

@@ -1,80 +1,70 @@
-import { map, unset } from 'lodash-es'
-
-export type defActionType = string
-export type messageOpsType<Action extends defActionType> = Record<Action, object>
-export type genMessageType<
-    Action extends defActionType,
-    MessageOps extends messageOpsType<Action>[Action]
-> = { action: Action } & MessageOps
-export type responseType<Action extends defActionType> = { [key in Action]?: any }
-export type actionHandlerType<Message, Response> = (
-    message: Message,
-    sender: chrome.runtime.MessageSender,
-    callback: (response?: Response) => void
-) => any
-class MessageConstructor<
-    Action extends defActionType,
-    MessageConfig extends messageOpsType<Action>,
-    Response extends responseType<Action>
-> {
-    action: {
-        [key: string]: actionHandlerType<
-            genMessageType<Action, MessageConfig[Action]>,
-            Response[Action]
-        >
-    }
-    constructor() {
-        this.action = {}
-    }
-    initListener() {
-        chrome.runtime.onMessage.addListener((message, sender, callback) => {
-            this.action[message.action]?.(message, sender, callback)
-            return true
-        })
-    }
-    addListener<A extends Action>(
-        action: A,
-        callback: actionHandlerType<genMessageType<A, MessageConfig[A]>, Response[A]>
-    ) {
-        // @ts-ignore
-        this.action[action] = callback
-    }
-    removeListener(action: Action) {
-        unset(this.action, action)
-    }
-    async send<A extends Action>(message: genMessageType<A, MessageConfig[A]>) {
-        return new Promise<Response[A]>(resolve => {
-            chrome.runtime.sendMessage(message, response => resolve(response))
-        })
-    }
-
-    async batchSendToContent<SendMessage extends genMessageType<Action, MessageConfig[Action]>>(
-        message: SendMessage,
-        config?: chrome.tabs.QueryInfo
-    ) {
-        const tabs = config ? await chrome.tabs.query(config) : []
-        return await Promise.all(
-            map(tabs, tab => {
-                return new Promise<Response[SendMessage['action']]>(resolve => {
-                    chrome.tabs.sendMessage(tab.id!, message, response => resolve(response))
-                })
-            })
-        )
-    }
-    sendToContent<SendMessage extends genMessageType<Action, MessageConfig[Action]>>(
-        tabId: number,
-        message: SendMessage
-    ) {
-        return new Promise<Response[SendMessage['action']]>(resolve => {
-            chrome.tabs.sendMessage(tabId, message, response => resolve(response))
-        })
-    }
-}
-
-export function create<
-    Action extends defActionType,
-    MessageOps extends messageOpsType<Action>,
-    Response extends responseType<Action>
->() {
-    return new MessageConstructor<Action, MessageOps, Response>()
-}
+import { map, unset } from 'lodash-es'
+
+export type defActionType = string
+export type messageOpsType<Action extends defActionType> = Record<Action, object>
+export type genMessageType<
+    Action extends defActionType,
+    MessageOps extends messageOpsType<Action>[Action]
+> = { action: Action } & MessageOps
+export type responseType<Action extends defActionType> = { [key in Action]?: any }
+export type actionHandlerType<Message, Response> = (
+    message: Message,
+    sender: chrome.runtime.MessageSender,
+    callback: (response?: Response) => void
+) => any
+class MessageConstructor<
+    Action extends defActionType,
+    MessageConfig extends messageOpsType<Action>,
+    Response extends responseType<Action>
+> {
+    action: {
+        [key: string]: actionHandlerType<
+            genMessageType<Action, MessageConfig[Action]>,
+            Response[Action]
+        >
+    }
+    constructor() {
+        this.action = {}
+    }
+    initListener() {
+        chrome.runtime.onMessage.addListener((message, sender, callback) => {
+            this.action[message.action]?.(message, sender, callback)
+            return true
+        })
+    }
+    addListener<A extends Action>(
+        action: A,
+        callback: actionHandlerType<genMessageType<A, MessageConfig[A]>, Response[A]>
+    ) {
+        this.action[action] = callback
+    }
+    removeListener(action: Action) {
+        unset(this.action, action)
+    }
+    async send<A extends Action>(message: genMessageType<A, MessageConfig[A]>) {
+        return new Promise<Response[A]>(resolve => {
+            chrome.runtime.sendMessage(message, response => resolve(response))
+        })
+    }
+    async sendToContent<A extends Action>(
+        message: genMessageType<A, MessageConfig[A]>,
+        tabConfig: chrome.tabs.QueryInfo
+    ) {
+        const tabs = await chrome.tabs.query(tabConfig)
+        return await Promise.all(
+            map(tabs, tab => {
+                return new Promise<Response[A]>(resolve => {
+                    chrome.tabs.sendMessage(tab.id!, message, response => resolve(response))
+                })
+            })
+        )
+    }
+}
+
+export function create<
+    Action extends defActionType,
+    MessageOps extends messageOpsType<Action>,
+    Response extends responseType<Action>
+>() {
+    return new MessageConstructor<Action, MessageOps, Response>()
+}

package/template/web-extension/tsconfig.json

@@ -1,32 +1,32 @@
-{
-    "compilerOptions": {
-        "baseUrl": ".",
-        "target": "ESNext",
-        "useDefineForClassFields": true,
-        "lib": ["DOM", "DOM.Iterable", "ESNext"],
-        "allowJs": false,
-        "skipLibCheck": true,
-        "esModuleInterop": false,
-        "allowSyntheticDefaultImports": true,
-        "strict": true,
-        "forceConsistentCasingInFileNames": true,
-        "strictPropertyInitialization": false,
-        "strictNullChecks": true,
-        "module": "ESNext",
-        "moduleResolution": "Node",
-        "resolveJsonModule": true,
-        "isolatedModules": true,
-        "noEmit": true,
-        "jsx": "react-jsx",
-        "paths": {
-            "@/*": ["./*"]
-        }
-    },
-    "include": ["**/*.ts", "**/*.tsx", ".wxt/wxt.d.ts"],
-    "exclude": ["scripts"],
-    "references": [
-        {
-            "path": "./tsconfig.node.json"
-        }
-    ]
-}
+{
+    "compilerOptions": {
+        "baseUrl": ".",
+        "target": "ESNext",
+        "useDefineForClassFields": true,
+        "lib": ["DOM", "DOM.Iterable", "ESNext"],
+        "allowJs": false,
+        "skipLibCheck": true,
+        "esModuleInterop": false,
+        "allowSyntheticDefaultImports": true,
+        "strict": true,
+        "forceConsistentCasingInFileNames": true,
+        "strictPropertyInitialization": false,
+        "strictNullChecks": true,
+        "module": "ESNext",
+        "moduleResolution": "Node",
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "noEmit": true,
+        "jsx": "react-jsx",
+        "paths": {
+            "@/*": ["./*"]
+        }
+    },
+    "include": ["**/*.ts", "**/*.tsx"],
+    "exclude": ["scripts"],
+    "references": [
+        {
+            "path": "./tsconfig.node.json"
+        }
+    ]
+}

package/template/web-extension/vite-env.d.ts

@@ -1,19 +1,20 @@
-/// <reference types="vite/client" />
-import 'styled-components'
-import { themeType } from './shared/styles'
-
-declare global {
-    interface ImportMetaEnv {
-        readonly VITE_API_HOST: string
-        readonly VITE_APP_ID: string
-        // 更多环境变量...
-    }
-
-    interface ImportMeta {
-        readonly env: ImportMetaEnv
-    }
-}
-
-declare module 'styled-components' {
-    export interface DefaultTheme extends themeType {}
-}
+/// <reference types="vite/client" />
+/// <reference types="./.wxt/wxt.d.ts" />
+import 'styled-components'
+import { themeType } from './shared/styles'
+
+declare global {
+    interface ImportMetaEnv {
+        readonly VITE_API_HOST: string
+        readonly VITE_APP_ID: string
+        // 更多环境变量...
+    }
+
+    interface ImportMeta {
+        readonly env: ImportMetaEnv
+    }
+}
+
+declare module 'styled-components' {
+    export interface DefaultTheme extends themeType {}
+}

package/template/web-extension/wxt.config.ts

@@ -1,50 +1,43 @@
-import { defineConfig, UserManifestFn } from 'wxt'
-import react from '@vitejs/plugin-react'
-import stylelint from 'vite-plugin-stylelint'
-import eslint from '@rollup/plugin-eslint'
-import svgr from 'vite-plugin-svgr'
-import pkgJson from './package.json'
-
-const manifest: UserManifestFn = () => {
-    const host_permissions: string[] = []
-
-    return {
-        manifest_version: 3,
-        name: 'Hello Extensions',
-        description: 'Base Level Extension',
-        version: pkgJson.version,
-        host_permissions,
-        icons: {
-            '48': 'vite.png',
-            '128': 'vite.png'
-        }
-    }
-}
-
-export default defineConfig({
-    outDir: 'dist',
-    zip: {
-        name: 'webExtension',
-        artifactTemplate: '{{name}}@{{version}}-{{mode}}-{{browser}}.zip'
-    },
-    manifest,
-    vite: ({ mode }) => ({
-        plugins: [
-            svgr(),
-            stylelint({
-                cache: false,
-                include: ['**/*.{css,scss,sass,less,styl,vue,svelte}']
-            }),
-            eslint({ include: ['**/*.{ts,tsx,js,jsx}'] }),
-            react()
-        ] as any,
-        resolve: {
-            alias: {
-                '@': __dirname
-            }
-        },
-        esbuild: {
-            drop: mode === 'production' ? ['console', 'debugger'] : []
-        }
-    })
-})
+import { defineConfig, UserManifestFn } from 'wxt'
+import react from '@vitejs/plugin-react'
+import svgr from 'vite-plugin-svgr'
+import pkgJson from './package.json'
+
+const manifest: UserManifestFn = () => {
+    const host_permissions: string[] = []
+
+    return {
+        manifest_version: 3,
+        name: 'Hello Extensions',
+        description: 'Base Level Extension',
+        version: pkgJson.version,
+        host_permissions,
+        icons: {
+            '48': 'vite.png',
+            '128': 'vite.png'
+        }
+    }
+}
+
+export default defineConfig({
+    outDir: 'dist',
+    zip: {
+        name: 'webExtension',
+        artifactTemplate: '{{name}}@{{version}}-{{mode}}-{{browser}}.zip'
+    },
+    manifest,
+    runner: { disabled: true },
+    extensionApi: 'chrome',
+    imports: { eslintrc: { enabled: 9 } },
+    vite: ({ mode }) => ({
+        plugins: [svgr(), react()] as any,
+        resolve: {
+            alias: {
+                '@': __dirname
+            }
+        },
+        esbuild: {
+            drop: mode === 'production' ? ['console', 'debugger'] : []
+        }
+    })
+})

package/template/lib/workspace/.eslintrc

@@ -1,111 +0,0 @@
-{
-    "root": true,
-    "parser": "@typescript-eslint/parser",
-    "plugins": [],
-    "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"
-                ],
-                "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": [
-                    "react",
-                    "react-router",
-                    "react-router-dom"
-                ]
-            }
-        ],
-        "@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",
-        "react-hooks/rules-of-hooks": "off",
-        "no-constant-condition": "off"
-    }
-}

package/template/lib/workspace/packages/react/.eslintrc

@@ -1,111 +0,0 @@
-{
-    "root": true,
-    "parser": "@typescript-eslint/parser",
-    "plugins": [],
-    "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"
-                ],
-                "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": [
-                    "react",
-                    "react-router",
-                    "react-router-dom"
-                ]
-            }
-        ],
-        "@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",
-        "react-hooks/rules-of-hooks": "off",
-        "no-constant-condition": "off"
-    }
-}

package/template/lib/workspace/packages/react/.stylelintrc

@@ -1,29 +0,0 @@
-{
-    "extends": "stylelint-config-standard",
-    "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"]
-            }
-        ],
-        "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", "a    pply"]
-            }
-        ]
-    }
-}

package/template/web-app/react-rsbuild/.eslintignore

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