create-packer 1.38.2 → 1.39.1

package/template/web-extension/eslint.config.js

@@ -0,0 +1,106 @@
+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'
+import autoImports from './.wxt/eslint-auto-imports.mjs'
+
+const scriptExtensions = ['js', 'jsx', 'mjs', 'cjs', 'ts', 'tsx']
+const files = scriptExtensions.map(ext => `**/*.${ext}`)
+
+export default tseslint.config([
+    {
+        ignores: ['**/node_modules/', '**/dist/', '**/.history/', '**/.vscode/', 'vite.config.ts.*']
+    },
+    eslint.configs.recommended,
+    importPlugin.flatConfigs.recommended,
+    tseslint.configs.recommended,
+    autoImports,
+    {
+        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/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: ['react', 'react-router', 'react-router-dom']
+                }
+            ],
+            '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',
+            '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/web-extension/package.json

@@ -1,86 +1,84 @@
-{
-    "name": "web-extension",
-    "private": true,
-    "version": "0.0.0",
-    "type": "module",
-    "scripts": {
-        "prepare": "husky install",
-        "dev": "wxt",
-        "dev:firefox": "wxt -b firefox",
-        "build": "wxt build",
-        "build_dev": "wxt build --mode dev",
-        "build:firefox": "wxt build -b firefox",
-        "build_dev:firefox": "wxt build -b firefox --mode dev",
-        "zip": "wxt zip",
-        "zip_dev": "wxt zip --mode dev",
-        "zip:firefox": "wxt zip -b firefox",
-        "zip_dev:firefox": "wxt zip -b firefox --mode dev",
-        "postinstall": "wxt prepare",
-        "up:vite": "pnpm up vite @vitejs/* -L",
-        "format": "prettier --write \"**/*.{ts,js,tsx,jsx,json,css,scss,less}\"",
-        "lint": "tsc --noEmit && eslint **/*.{tsx,ts} && stylelint **/*.{css,scss,less}",
-        "lint:fix": "eslint **/*.{tsx,ts} --fix && stylelint **/*.{css,scss,less} --fix",
-        "cz": "cz",
-        "push": "npm run commit && git push",
-        "commit": "git add . && npm run cz"
-    },
-    "dependencies": {
-        "@tanstack/react-query": "5.51.15",
-        "axios": "^1.7.2",
-        "define-zustand": "3.1.1",
-        "immer": "10.0.1",
-        "lodash-es": "4.17.21",
-        "qs": "6.11.2",
-        "react": "18.3.1",
-        "react-dom": "18.3.1",
-        "styled-components": "6.1.11",
-        "zustand": "4.4.1"
-    },
-    "devDependencies": {
-        "1k-types": "1.2.0",
-        "@commitlint/cli": "17.6.1",
-        "@commitlint/config-conventional": "17.6.1",
-        "@commitlint/cz-commitlint": "17.5.0",
-        "@rollup/plugin-eslint": "9.0.5",
-        "@types/chrome": "0.0.254",
-        "@types/lodash-es": "4.17.7",
-        "@types/node": "18.16.0",
-        "@types/qs": "6.9.7",
-        "@types/react": "18.3.3",
-        "@types/react-dom": "18.3.0",
-        "@typescript-eslint/eslint-plugin": "7.0.2",
-        "@typescript-eslint/parser": "7.0.2",
-        "@vitejs/plugin-react": "4.3.1",
-        "autoprefixer": "10.4.14",
-        "babel-plugin-styled-components": "2.1.4",
-        "commitizen": "4.3.0",
-        "cssnano": "6.0.0",
-        "eslint": "8.56.0",
-        "eslint-import-resolver-typescript": "3.6.1",
-        "eslint-plugin-import": "2.29.1",
-        "eslint-plugin-react": "7.33.2",
-        "eslint-plugin-react-hooks": "4.6.0",
-        "husky": "9.1.6",
-        "inquirer": "^8.1.2",
-        "postcss": "8.4.31",
-        "postcss-import": "15.1.0",
-        "postcss-nesting": "11.2.2",
-        "postcss-scss": "4.0.9",
-        "postcss-styled-syntax": "0.6.4",
-        "prettier": "3.2.5",
-        "rimraf": "5.0.1",
-        "sass": "1.63.4",
-        "stylelint": "16.10.0",
-        "stylelint-config-standard": "36.0.1",
-        "typescript": "5.5.2",
-        "vite": "5.3.3",
-        "vite-plugin-stylelint": "5.3.1",
-        "vite-plugin-svgr": "4.2.0",
-        "wxt": "0.19.11"
-    },
-    "config": {
-        "commitizen": {
-            "path": "@commitlint/cz-commitlint"
-        }
-    }
-}
+{
+    "name": "web-extension",
+    "private": true,
+    "version": "0.0.0",
+    "type": "module",
+    "scripts": {
+        "prepare": "husky install",
+        "dev": "wxt",
+        "dev:firefox": "wxt -b firefox",
+        "build": "wxt build",
+        "build_dev": "wxt build --mode dev",
+        "build:firefox": "wxt build -b firefox",
+        "build_dev:firefox": "wxt build -b firefox --mode dev",
+        "zip": "wxt zip",
+        "zip_dev": "wxt zip --mode dev",
+        "zip:firefox": "wxt zip -b firefox",
+        "zip_dev:firefox": "wxt zip -b firefox --mode dev",
+        "postinstall": "wxt prepare",
+        "up:vite": "pnpm up vite @vitejs/* -L",
+        "format": "prettier --write \"**/*.{ts,js,tsx,jsx,json,css,scss,less}\"",
+        "lint": "tsc --noEmit && eslint && stylelint **/*.{css,scss,less}",
+        "lint:fix": "eslint --fix && stylelint **/*.{css,scss,less} --fix",
+        "cz": "cz",
+        "push": "npm run commit && git push",
+        "commit": "git add . && npm run cz"
+    },
+    "dependencies": {
+        "@tanstack/react-query": "5.51.15",
+        "axios": "1.7.9",
+        "define-zustand": "3.1.1",
+        "immer": "10.0.1",
+        "lodash-es": "4.17.21",
+        "qs": "6.11.2",
+        "react": "18.3.1",
+        "react-dom": "18.3.1",
+        "styled-components": "6.1.11",
+        "zustand": "4.4.1"
+    },
+    "devDependencies": {
+        "@commitlint/cli": "17.6.1",
+        "@commitlint/config-conventional": "17.6.1",
+        "@commitlint/cz-commitlint": "17.5.0",
+        "@eslint/js": "9.15.0",
+        "@types/chrome": "0.0.254",
+        "@types/lodash-es": "4.17.12",
+        "@types/node": "18.16.0",
+        "@types/qs": "6.9.7",
+        "@types/react": "18.3.3",
+        "@types/react-dom": "18.3.0",
+        "@vitejs/plugin-react": "4.3.4",
+        "autoprefixer": "10.4.14",
+        "babel-plugin-styled-components": "2.1.4",
+        "commitizen": "4.3.0",
+        "cssnano": "6.0.0",
+        "eslint": "9.17.0",
+        "eslint-import-resolver-typescript": "3.7.0",
+        "eslint-plugin-import": "2.31.0",
+        "eslint-plugin-react": "7.37.2",
+        "eslint-plugin-react-hooks": "5.1.0",
+        "globals": "15.12.0",
+        "husky": "9.1.6",
+        "inquirer": "^8.1.2",
+        "postcss": "8.4.31",
+        "postcss-import": "15.1.0",
+        "postcss-nesting": "11.2.2",
+        "postcss-scss": "4.0.9",
+        "postcss-styled-syntax": "0.6.4",
+        "prettier": "3.2.5",
+        "rimraf": "5.0.1",
+        "sass": "1.63.4",
+        "stylelint": "16.10.0",
+        "stylelint-config-standard": "36.0.1",
+        "typescript": "5.7.2",
+        "typescript-eslint": "8.15.0",
+        "vite": "6.0.7",
+        "vite-plugin-svgr": "4.3.0",
+        "wxt": "0.19.25"
+    },
+    "config": {
+        "commitizen": {
+            "path": "@commitlint/cz-commitlint"
+        }
+    }
+}

package/template/web-extension/shared/content/constant.ts

@@ -0,0 +1 @@
+export const CONTENT_MATCHES = ['<all_urls>']

package/template/web-extension/shared/content/index.ts

@@ -1 +1,2 @@
-export * as contentMessage from './message'
+export * as contentMessage from './message'
+export * from './constant'

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

@@ -1,15 +1,25 @@
-import { message } from '@/shared/tools'
-export enum ACTIONS {
-    TEST = 'TEST'
-}
-
-export interface messageType {
-    [ACTIONS.TEST]: object
-}
-export interface responseType {}
-
-export const action = message.create<ACTIONS, messageType, responseType>()
-
-export function batchSend<A extends ACTIONS>(message: { action: A } & messageType[A]) {
-    return action.batchSendToContent(message, { active: true, url: '*://*.tiktok.com/*' })
-}
+import { message } from '@/shared/tools'
+import { CONTENT_MATCHES } from './constant'
+
+export enum ACTIONS {
+    TEST = 'TEST'
+}
+
+export interface messageType {
+    [ACTIONS.TEST]: object
+}
+export interface responseType {}
+
+export const action = message.create<ACTIONS, messageType, responseType>()
+
+export function sendToAllContent<A extends ACTIONS>(
+    message: message.genMessageType<A, messageType[A]>
+) {
+    return action.sendToContent(message, { active: true, url: CONTENT_MATCHES })
+}
+
+export function sendToCurrentContent<A extends ACTIONS>(
+    message: message.genMessageType<A, messageType[A]>
+) {
+    return action.sendToContent(message, { active: true, url: CONTENT_MATCHES })
+}

package/template/web-extension/shared/styles/theme.styled.ts

@@ -1,56 +1,56 @@
-import { CSSProperties } from 'react'
-import { AnyFunc } from '1k-types'
-import { isString } from 'lodash-es'
-
-export const theme = {
-    tools: {
-        ellipsis: () => ({
-            overflow: 'hidden',
-            textOverflow: 'ellipsis',
-            whiteSpace: 'nowrap'
-        }),
-        lineClamp: (n: number) => ({
-            '-webkit-line-clamp': `${n}`,
-            '-webkit-box-orient': 'vertical',
-            overflow: 'hidden',
-            display: '-webkit-box'
-        }),
-        size: (s: string) => ({ width: s, height: s }),
-        py: (s: string) => ({ paddingTop: s, paddingBottom: s }),
-        px: (s: string) => ({ paddingLeft: s, paddingRight: s }),
-        my: (s: string) => ({ marginTop: s, marginBottom: s }),
-        mx: (s: string) => ({ marginLeft: s, marginRight: s }),
-        flex: (
-            align: CSSProperties['alignItems'],
-            justify: CSSProperties['justifyContent'],
-            vertical?: boolean
-        ) => {
-            return {
-                display: 'flex',
-                alignItems: align,
-                justifyContent: justify,
-                flexDirection: vertical ? 'column' : 'row'
-            } satisfies CSSProperties
-        },
-        /** 数字为元素数量，字符串为对应css的值  */
-        grid: {
-            grid: (rows: number | string, cols: number | string, gap?: number) => ({
-                display: 'grid',
-                gridTemplateRows: isString(rows) ? rows : `repeat(${rows}, minmax(0, 1fr))`,
-                gridTemplateColumns: isString(cols) ? cols : `repeat(${cols}, minmax(0, 1fr))`,
-                gap: gap ? `${gap}px` : void 0
-            }),
-            rows: (rows: number | string, gap?: number) => ({
-                display: 'grid',
-                gridTemplateRows: isString(rows) ? rows : `repeat(${rows}, minmax(0, 1fr))`,
-                rowGap: gap ? `${gap}px` : void 0
-            }),
-            cols: (cols: number | string, gap?: number) => ({
-                display: 'grid',
-                gridTemplateColumns: isString(cols) ? cols : `repeat(${cols}, minmax(0, 1fr))`,
-                columnGap: gap ? `${gap}px` : void 0
-            })
-        } satisfies Record<string, AnyFunc<CSSProperties>>
-    }
-}
-export type themeType = typeof theme
+import { CSSProperties } from 'react'
+
+import { isString } from 'lodash-es'
+
+export const theme = {
+    tools: {
+        ellipsis: () => ({
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap'
+        }),
+        lineClamp: (n: number) => ({
+            '-webkit-line-clamp': `${n}`,
+            '-webkit-box-orient': 'vertical',
+            overflow: 'hidden',
+            display: '-webkit-box'
+        }),
+        size: (s: string) => ({ width: s, height: s }),
+        py: (s: string) => ({ paddingTop: s, paddingBottom: s }),
+        px: (s: string) => ({ paddingLeft: s, paddingRight: s }),
+        my: (s: string) => ({ marginTop: s, marginBottom: s }),
+        mx: (s: string) => ({ marginLeft: s, marginRight: s }),
+        flex: (
+            align: CSSProperties['alignItems'],
+            justify: CSSProperties['justifyContent'],
+            vertical?: boolean
+        ) => {
+            return {
+                display: 'flex',
+                alignItems: align,
+                justifyContent: justify,
+                flexDirection: vertical ? 'column' : 'row'
+            } satisfies CSSProperties
+        },
+        /** 数字为元素数量，字符串为对应css的值  */
+        grid: {
+            grid: (rows: number | string, cols: number | string, gap?: number) => ({
+                display: 'grid',
+                gridTemplateRows: isString(rows) ? rows : `repeat(${rows}, minmax(0, 1fr))`,
+                gridTemplateColumns: isString(cols) ? cols : `repeat(${cols}, minmax(0, 1fr))`,
+                gap: gap ? `${gap}px` : void 0
+            }),
+            rows: (rows: number | string, gap?: number) => ({
+                display: 'grid',
+                gridTemplateRows: isString(rows) ? rows : `repeat(${rows}, minmax(0, 1fr))`,
+                rowGap: gap ? `${gap}px` : void 0
+            }),
+            cols: (cols: number | string, gap?: number) => ({
+                display: 'grid',
+                gridTemplateColumns: isString(cols) ? cols : `repeat(${cols}, minmax(0, 1fr))`,
+                columnGap: gap ? `${gap}px` : void 0
+            })
+        } satisfies Record<string, (...args: any) => CSSProperties>
+    }
+}
+export type themeType = typeof theme

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>()
+}