create-packer 1.26.4 → 1.28.0

package/template/web-extension/shared/service/types.ts

@@ -1,40 +1,46 @@
-import { HTTPError, NormalizedOptions, Options, TimeoutError } from 'ky'
-import { AnyArray, AnyObject, Nullable } from '1k-types'
-import { FetchError } from './tools'
-
-export enum httpErrorType {
-    'HTTPError' = 'HTTPError',
-    'TimeoutError' = 'TimeoutError',
-    'FetchError' = 'FetchError'
-}
-
-export type httpBodyType = Nullable<string | number | AnyObject | AnyArray>
-
-export type beforeRequestType = (req: {
-    searchParams: Record<string, any>
-    body: httpBodyType
-    headers: Headers
-    method: Options['method']
-}) => Promise<void> | void
-export type httpErrorHooksType = (
-    error: HTTPError | TimeoutError | FetchError
-) => Promise<void> | void
-export type AfterResponseHook = (arg: {
-    request: Request
-    options: NormalizedOptions
-    response: Response
-}) => Promise<void> | void
-export interface serviceHooksType {
-    httpError: httpErrorHooksType[]
-    beforeRequest: beforeRequestType[]
-    afterResponse: AfterResponseHook[]
-}
-
-export interface configType extends Pick<Options, 'prefixUrl' | 'headers'> {
-    globalParams?: Record<string, any>
-    globalSearchParams?: Record<string, any>
-    hooks?: Partial<serviceHooksType>
-}
-export interface requestOptionsType extends Options {
-    responseType?: 'json' | 'text' | 'blob'
-}
+import { HTTPError, NormalizedOptions, Options, TimeoutError } from 'ky'
+import { AnyArray, AnyObject, Nullable } from '1k-types'
+
+export enum httpErrorNameType {
+    'HTTPError' = 'HTTPError',
+    'TimeoutError' = 'TimeoutError',
+    'FetchError' = 'FetchError'
+}
+
+export type httpErrorType = HTTPError | TimeoutError
+/** 接口异常返回结果 */
+export type httpBodyType = Nullable<string | number | AnyObject | AnyArray>
+
+export type beforeRequestType = (req: {
+    searchParams: Record<string, any>
+    body: httpBodyType
+    headers: Headers
+    method: Options['method']
+}) => Promise<void> | void
+export type httpErrorHooksType = (error: httpErrorType) => Promise<void> | void
+export type AfterResponseHook = (arg: {
+    request: Request
+    options: NormalizedOptions
+    response: Response
+}) => Promise<void> | void
+export interface serviceHooksType {
+    httpError: httpErrorHooksType[]
+    beforeRequest: beforeRequestType[]
+    afterResponse: AfterResponseHook[]
+}
+
+export interface requestOptionsType extends Omit<Options, 'prefixUrl' | 'hooks'> {
+    prefixUrl?: string | (() => string | Promise<string>)
+    hooks?: Partial<serviceHooksType>
+    responseType?: 'json' | 'text' | 'blob' | 'response'
+}
+
+export interface configType extends Pick<requestOptionsType, 'prefixUrl' | 'headers'> {
+    globalParams?: Record<string, any>
+    globalSearchParams?: Record<string, any>
+    hooks?: Partial<serviceHooksType>
+    /**
+     * @default true
+     * */
+    isClearEmptyData?: boolean
+}

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

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

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

@@ -0,0 +1,80 @@
+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>()
+}

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

@@ -1 +1 @@
-export * from './utils'
+export * from './utils'

package/template/web-extension/shared/types/utils.ts

@@ -1,19 +1,3 @@
-import type { UseBoundStore, StoreApi } from 'zustand'
-export type ExtractArrayElType<T> = T extends Array<infer E> ? E : unknown
-export type ExtractReadonlyArrayElType<T> = T extends ReadonlyArray<infer E> ? E : unknown
-export type ExtractReadonlyArrayFieldType<T, K extends keyof any> = T extends ReadonlyArray<infer V>
-    ? V extends { [key in K]: infer V2 }
-        ? V2
-        : any
-    : any
-export type ExtractArrayFieldType<T, K extends keyof any> = T extends Array<infer V>
-    ? V extends { [key in K]: infer V2 }
-        ? V2
-        : any
-    : any
-
-export type UnReadonly<R extends Record<string, any>> = {
-    -readonly [K in keyof R]: R[K]
-}
-export type ValueType<R extends Record<string, any>> = R extends Record<string, infer V> ? V : R
-export type ExtractModelType<T> = T extends UseBoundStore<StoreApi<infer S>> ? S : unknown
+import type { UseBoundStore, StoreApi } from 'zustand'
+
+export type ExtractModelType<T> = T extends UseBoundStore<StoreApi<infer S>> ? S : unknown

package/template/web-extension/tailwind.config.cjs

@@ -1,13 +1,13 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-    content: [
-        './index.html',
-        './popup/**/*.{ts,tsx,js,jsx}',
-        './background/**/*.{ts,tsx,js,jsx}',
-        './content_script/**/*.{ts,tsx,js,jsx}'
-    ],
-    theme: {
-        extend: {}
-    },
-    plugins: []
-}
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+    content: [
+        './index.html',
+        './popup/**/*.{ts,tsx,js,jsx}',
+        './background/**/*.{ts,tsx,js,jsx}',
+        './content_script/**/*.{ts,tsx,js,jsx}'
+    ],
+    theme: {
+        extend: {}
+    },
+    plugins: []
+}

package/template/web-extension/tsconfig.json

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

package/template/web-extension/tsconfig.node.json

@@ -1,10 +1,10 @@
-{
-    "compilerOptions": {
-        "composite": true,
-        "module": "ESNext",
-        "moduleResolution": "Node",
-        "allowSyntheticDefaultImports": true,
-        "resolveJsonModule": true
-    },
-    "include": ["vite.config.ts", "defineManifest.ts", "package.json"]
-}
+{
+    "compilerOptions": {
+        "composite": true,
+        "module": "ESNext",
+        "moduleResolution": "Node",
+        "allowSyntheticDefaultImports": true,
+        "resolveJsonModule": true
+    },
+    "include": ["vite.config.ts", "defineManifest.ts", "package.json"]
+}

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

@@ -1,10 +1,10 @@
-/// <reference types="vite/client" />
-
-interface ImportMetaEnv {
-    readonly VITE_API_HOST: string
-    // 更多环境变量...
-}
-
-interface ImportMeta {
-    readonly env: ImportMetaEnv
-}
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+    readonly VITE_API_HOST: string
+    // 更多环境变量...
+}
+
+interface ImportMeta {
+    readonly env: ImportMetaEnv
+}

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

@@ -1,40 +1,35 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-import checker from 'vite-plugin-checker'
-import { crx } from '@crxjs/vite-plugin'
-import defineManifest from './defineManifest'
-
-// https://vitejs.dev/config/
-export default defineConfig(({ mode }) => {
-    return {
-        plugins: [
-            checker({
-                typescript: true,
-                eslint: {
-                    // for example, lint .ts and .tsx
-                    lintCommand: 'eslint **/*.{ts,tsx,js,jsx}',
-                    dev: {
-                        logLevel: ['error']
-                    }
-                },
-                stylelint: {
-                    lintCommand: 'stylelint **/*.{css,scss,less}',
-                    dev: {
-                        logLevel: ['error']
-                    }
-                },
-                enableBuild: false
-            }),
-            react(),
-            crx({ manifest: defineManifest({ mode }) })
-        ],
-        resolve: {
-            alias: {
-                '@': __dirname
-            }
-        },
-        esbuild: {
-            drop: mode === 'production' ? ['console', 'debugger'] : []
-        }
-    }
-})
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import stylelint from 'vite-plugin-stylelint'
+import eslintPlugin from '@nabla/vite-plugin-eslint'
+import { crx } from '@crxjs/vite-plugin'
+import svgr from 'vite-plugin-svgr'
+import defineManifest from './defineManifest'
+
+// https://vitejs.dev/config/
+export default defineConfig(({ mode }) => {
+    return {
+        plugins: [
+            svgr(),
+            stylelint({ cache: false, include: ['**/*.{css,scss,sass,less,styl,vue,svelte}'] }),
+            eslintPlugin({
+                eslintOptions: { cache: false, useEslintrc: true },
+                shouldLint: path => /\/[^?]*\.(vue|svelte|m?[jt]sx?)$/.test(path)
+            }),
+            react(),
+            crx({ manifest: defineManifest({ mode }) })
+        ],
+        resolve: {
+            alias: {
+                '@': __dirname
+            }
+        },
+        esbuild: {
+            drop: mode === 'production' ? ['console', 'debugger'] : []
+        },
+        server: {
+            host: '0.0.0.0',
+            port: 30001
+        }
+    }
+})

package/template/workspace/nx/.editorconfig

@@ -1,13 +1,13 @@
-# Editor configuration, see http://editorconfig.org
-root = true
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 4
-insert_final_newline = true
-trim_trailing_whitespace = true
-
-[*.md]
-max_line_length = off
-trim_trailing_whitespace = false
+# Editor configuration, see http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 4
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

package/template/workspace/nx/.eslintignore

@@ -1 +1 @@
-node_modules
+node_modules

package/template/workspace/nx/.eslintrc.json

@@ -1,35 +1,35 @@
-{
-    "root": true,
-    "ignorePatterns": ["**/*"],
-    "plugins": ["@nx"],
-    "overrides": [
-        {
-            "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
-            "rules": {
-                "@nx/enforce-module-boundaries": [
-                    "error",
-                    {
-                        "enforceBuildableLibDependency": true,
-                        "allow": [],
-                        "depConstraints": [
-                            {
-                                "sourceTag": "*",
-                                "onlyDependOnLibsWithTags": ["*"]
-                            }
-                        ]
-                    }
-                ]
-            }
-        },
-        {
-            "files": ["*.ts", "*.tsx"],
-            "extends": ["plugin:@nx/typescript"],
-            "rules": {}
-        },
-        {
-            "files": ["*.js", "*.jsx"],
-            "extends": ["plugin:@nx/javascript"],
-            "rules": {}
-        }
-    ]
-}
+{
+    "root": true,
+    "ignorePatterns": ["**/*"],
+    "plugins": ["@nx"],
+    "overrides": [
+        {
+            "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+            "rules": {
+                "@nx/enforce-module-boundaries": [
+                    "error",
+                    {
+                        "enforceBuildableLibDependency": true,
+                        "allow": [],
+                        "depConstraints": [
+                            {
+                                "sourceTag": "*",
+                                "onlyDependOnLibsWithTags": ["*"]
+                            }
+                        ]
+                    }
+                ]
+            }
+        },
+        {
+            "files": ["*.ts", "*.tsx"],
+            "extends": ["plugin:@nx/typescript"],
+            "rules": {}
+        },
+        {
+            "files": ["*.js", "*.jsx"],
+            "extends": ["plugin:@nx/javascript"],
+            "rules": {}
+        }
+    ]
+}

package/template/workspace/nx/.gitignore

@@ -1,41 +1,41 @@
-# See http://help.github.com/ignore-files/ for more about ignoring files.
-
-# compiled output
-dist
-tmp
-/out-tsc
-
-# dependencies
-node_modules
-pnpm-lock.yaml
-
-# IDEs and editors
-/.idea
-.project
-.classpath
-.c9/
-*.launch
-.settings/
-*.sublime-workspace
-.history/
-
-# IDE - VSCode
-.vscode/*
-!.vscode/settings.json
-!.vscode/tasks.json
-!.vscode/launch.json
-!.vscode/extensions.json
-
-# misc
-/.sass-cache
-/connect.lock
-/coverage
-/libpeerconnection.log
-npm-debug.log
-yarn-error.log
-testem.log
-/typings
-
-# System Files
-.DS_Store
-Thumbs.db
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# compiled output
+dist
+tmp
+/out-tsc
+
+# dependencies
+node_modules
+pnpm-lock.yaml
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+.history/
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+
+# misc
+/.sass-cache
+/connect.lock
+/coverage
+/libpeerconnection.log
+npm-debug.log
+yarn-error.log
+testem.log
+/typings
+
+# System Files
+.DS_Store
+Thumbs.db

package/template/workspace/nx/.husky/commit-msg

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

package/template/workspace/nx/.husky/pre-commit

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

package/template/workspace/nx/.prettierignore

@@ -1,3 +1,3 @@
-# Add files here to ignore them from prettier formatting
-/dist
+# Add files here to ignore them from prettier formatting
+/dist
 /coverage

package/template/workspace/nx/.prettierrc

@@ -1,18 +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
-}
+{
+    "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
+}