npm - create-packer - Versions diffs - 1.43.6 → 1.43.8 - Mend

create-packer 1.43.6 → 1.43.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (24) hide show

package/package.json CHANGED Viewed

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

package/template/web-app/react-rsbuild/index.html CHANGED Viewed

@@ -5,6 +5,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     </head>
     <body>
+        <noscript>You need to enable JavaScript to run this app.</noscript>
         <div id="root"></div>
     </body>
 </html>

package/template/web-app/react-vite/index.html CHANGED Viewed

@@ -7,6 +7,7 @@
         <title>Vite + React + TS</title>
     </head>
     <body>
+        <noscript>You need to enable JavaScript to run this app.</noscript>
         <div id="root"></div>
         <script type="module" src="/main.tsx"></script>
     </body>

package/template/web-app/vue/index.html CHANGED Viewed

@@ -7,6 +7,7 @@
         <title>Vite + Vue + TS</title>
     </head>
     <body>
+        <noscript>You need to enable JavaScript to run this app.</noscript>
         <div id="app"></div>
         <script type="module" src="/main.ts"></script>
     </body>

package/template/web-app/vue-rsbuild/index.html CHANGED Viewed

@@ -5,6 +5,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     </head>
     <body>
+        <noscript>You need to enable JavaScript to run this app.</noscript>
         <div id="app"></div>
     </body>
 </html>

package/template/web-extension/.wxt/eslint-auto-imports.mjs CHANGED Viewed

@@ -1,28 +1,28 @@
-const globals = {
-  "ContentScriptContext": true,
-  "InvalidMatchPattern": true,
-  "MatchPattern": true,
-  "MigrationError": true,
-  "browser": true,
-  "createIframeUi": true,
-  "createIntegratedUi": true,
-  "createShadowRootUi": true,
-  "defineAppConfig": true,
-  "defineBackground": true,
-  "defineConfig": true,
-  "defineContentScript": true,
-  "defineUnlistedScript": true,
-  "defineWxtPlugin": true,
-  "fakeBrowser": true,
-  "injectScript": true,
-  "storage": true,
-  "useAppConfig": true
-}
-export default {
-  name: "wxt/auto-imports",
-  languageOptions: {
-    globals,
-    sourceType: "module",
-  },
-};
+const globals = {
+  "ContentScriptContext": true,
+  "InvalidMatchPattern": true,
+  "MatchPattern": true,
+  "MigrationError": true,
+  "browser": true,
+  "createIframeUi": true,
+  "createIntegratedUi": true,
+  "createShadowRootUi": true,
+  "defineAppConfig": true,
+  "defineBackground": true,
+  "defineConfig": true,
+  "defineContentScript": true,
+  "defineUnlistedScript": true,
+  "defineWxtPlugin": true,
+  "fakeBrowser": true,
+  "injectScript": true,
+  "storage": true,
+  "useAppConfig": true
+}
+export default {
+  name: "wxt/auto-imports",
+  languageOptions: {
+    globals,
+    sourceType: "module",
+  },
+};

package/template/web-extension/.wxt/tsconfig.json CHANGED Viewed

@@ -1,28 +1,28 @@
-{
-  "compilerOptions": {
-    "target": "ESNext",
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "noEmit": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "resolveJsonModule": true,
-    "strict": true,
-    "skipLibCheck": true,
-    "paths": {
-      "@": [".."],
-      "@/*": ["../*"],
-      "~": [".."],
-      "~/*": ["../*"],
-      "@@": [".."],
-      "@@/*": ["../*"],
-      "~~": [".."],
-      "~~/*": ["../*"]
-    }
-  },
-  "include": [
-    "../**/*",
-    "./wxt.d.ts"
-  ],
-  "exclude": ["../dist"]
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "noEmit": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "paths": {
+      "@": [".."],
+      "@/*": ["../*"],
+      "~": [".."],
+      "~/*": ["../*"],
+      "@@": [".."],
+      "@@/*": ["../*"],
+      "~~": [".."],
+      "~~/*": ["../*"]
+    }
+  },
+  "include": [
+    "../**/*",
+    "./wxt.d.ts"
+  ],
+  "exclude": ["../dist"]
 }

package/template/web-extension/.wxt/types/globals.d.ts CHANGED Viewed

@@ -1,15 +1,15 @@
-// Generated by wxt
-interface ImportMetaEnv {
-  readonly MANIFEST_VERSION: 2 | 3;
-  readonly BROWSER: string;
-  readonly CHROME: boolean;
-  readonly FIREFOX: boolean;
-  readonly SAFARI: boolean;
-  readonly EDGE: boolean;
-  readonly OPERA: boolean;
-  readonly COMMAND: "build" | "serve";
-  readonly ENTRYPOINT: string;
-}
-interface ImportMeta {
-  readonly env: ImportMetaEnv
-}
+// Generated by wxt
+interface ImportMetaEnv {
+  readonly MANIFEST_VERSION: 2 | 3;
+  readonly BROWSER: string;
+  readonly CHROME: boolean;
+  readonly FIREFOX: boolean;
+  readonly SAFARI: boolean;
+  readonly EDGE: boolean;
+  readonly OPERA: boolean;
+  readonly COMMAND: "build" | "serve";
+  readonly ENTRYPOINT: string;
+}
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}

package/template/web-extension/.wxt/types/i18n.d.ts CHANGED Viewed

@@ -1,81 +1,81 @@
-// Generated by wxt
-import "wxt/browser";
-declare module "wxt/browser" {
-  /**
-   * See https://developer.chrome.com/docs/extensions/reference/i18n/#method-getMessage
-   */
-  interface GetMessageOptions {
-    /**
-     * See https://developer.chrome.com/docs/extensions/reference/i18n/#method-getMessage
-     */
-    escapeLt?: boolean
-  }
-  export interface WxtI18n extends I18n.Static {
-    /**
-     * The extension or app ID; you might use this string to construct URLs for resources inside the extension. Even unlocalized extensions can use this message.
-     * Note: You can't use this message in a manifest file.
-     *
-     * "<browser.runtime.id>"
-     */
-    getMessage(
-      messageName: "@@extension_id",
-      substitutions?: string | string[],
-      options?: GetMessageOptions,
-    ): string;
-    /**
-     * "<browser.i18n.getUiLocale()>"
-     */
-    getMessage(
-      messageName: "@@ui_locale",
-      substitutions?: string | string[],
-      options?: GetMessageOptions,
-    ): string;
-    /**
-     * The text direction for the current locale, either "ltr" for left-to-right languages such as English or "rtl" for right-to-left languages such as Japanese.
-     *
-     * "<ltr|rtl>"
-     */
-    getMessage(
-      messageName: "@@bidi_dir",
-      substitutions?: string | string[],
-      options?: GetMessageOptions,
-    ): string;
-    /**
-     * If the @@bidi_dir is "ltr", then this is "rtl"; otherwise, it's "ltr".
-     *
-     * "<rtl|ltr>"
-     */
-    getMessage(
-      messageName: "@@bidi_reversed_dir",
-      substitutions?: string | string[],
-      options?: GetMessageOptions,
-    ): string;
-    /**
-     * If the @@bidi_dir is "ltr", then this is "left"; otherwise, it's "right".
-     *
-     * "<left|right>"
-     */
-    getMessage(
-      messageName: "@@bidi_start_edge",
-      substitutions?: string | string[],
-      options?: GetMessageOptions,
-    ): string;
-    /**
-     * If the @@bidi_dir is "ltr", then this is "right"; otherwise, it's "left".
-     *
-     * "<right|left>"
-     */
-    getMessage(
-      messageName: "@@bidi_end_edge",
-      substitutions?: string | string[],
-      options?: GetMessageOptions,
-    ): string;
-    getMessage(
-      messageName: "@@extension_id" | "@@ui_locale" | "@@bidi_dir" | "@@bidi_reversed_dir" | "@@bidi_start_edge" | "@@bidi_end_edge",
-      substitutions?: string | string[],
-      options?: GetMessageOptions,
-    ): string;
-  }
-}
+// Generated by wxt
+import "wxt/browser";
+declare module "wxt/browser" {
+  /**
+   * See https://developer.chrome.com/docs/extensions/reference/i18n/#method-getMessage
+   */
+  interface GetMessageOptions {
+    /**
+     * See https://developer.chrome.com/docs/extensions/reference/i18n/#method-getMessage
+     */
+    escapeLt?: boolean
+  }
+  export interface WxtI18n extends I18n.Static {
+    /**
+     * The extension or app ID; you might use this string to construct URLs for resources inside the extension. Even unlocalized extensions can use this message.
+     * Note: You can't use this message in a manifest file.
+     *
+     * "<browser.runtime.id>"
+     */
+    getMessage(
+      messageName: "@@extension_id",
+      substitutions?: string | string[],
+      options?: GetMessageOptions,
+    ): string;
+    /**
+     * "<browser.i18n.getUiLocale()>"
+     */
+    getMessage(
+      messageName: "@@ui_locale",
+      substitutions?: string | string[],
+      options?: GetMessageOptions,
+    ): string;
+    /**
+     * The text direction for the current locale, either "ltr" for left-to-right languages such as English or "rtl" for right-to-left languages such as Japanese.
+     *
+     * "<ltr|rtl>"
+     */
+    getMessage(
+      messageName: "@@bidi_dir",
+      substitutions?: string | string[],
+      options?: GetMessageOptions,
+    ): string;
+    /**
+     * If the @@bidi_dir is "ltr", then this is "rtl"; otherwise, it's "ltr".
+     *
+     * "<rtl|ltr>"
+     */
+    getMessage(
+      messageName: "@@bidi_reversed_dir",
+      substitutions?: string | string[],
+      options?: GetMessageOptions,
+    ): string;
+    /**
+     * If the @@bidi_dir is "ltr", then this is "left"; otherwise, it's "right".
+     *
+     * "<left|right>"
+     */
+    getMessage(
+      messageName: "@@bidi_start_edge",
+      substitutions?: string | string[],
+      options?: GetMessageOptions,
+    ): string;
+    /**
+     * If the @@bidi_dir is "ltr", then this is "right"; otherwise, it's "left".
+     *
+     * "<right|left>"
+     */
+    getMessage(
+      messageName: "@@bidi_end_edge",
+      substitutions?: string | string[],
+      options?: GetMessageOptions,
+    ): string;
+    getMessage(
+      messageName: "@@extension_id" | "@@ui_locale" | "@@bidi_dir" | "@@bidi_reversed_dir" | "@@bidi_start_edge" | "@@bidi_end_edge",
+      substitutions?: string | string[],
+      options?: GetMessageOptions,
+    ): string;
+  }
+}

package/template/web-extension/.wxt/types/imports.d.ts CHANGED Viewed

@@ -1,22 +1,22 @@
-// Generated by wxt
-export {}
-declare global {
-  const ContentScriptContext: typeof import('wxt/client')['ContentScriptContext']
-  const InvalidMatchPattern: typeof import('wxt/sandbox')['InvalidMatchPattern']
-  const MatchPattern: typeof import('wxt/sandbox')['MatchPattern']
-  const MigrationError: typeof import('wxt/storage')['MigrationError']
-  const browser: typeof import('wxt/browser/chrome')['browser']
-  const createIframeUi: typeof import('wxt/client')['createIframeUi']
-  const createIntegratedUi: typeof import('wxt/client')['createIntegratedUi']
-  const createShadowRootUi: typeof import('wxt/client')['createShadowRootUi']
-  const defineAppConfig: typeof import('wxt/sandbox')['defineAppConfig']
-  const defineBackground: typeof import('wxt/sandbox')['defineBackground']
-  const defineConfig: typeof import('wxt')['defineConfig']
-  const defineContentScript: typeof import('wxt/sandbox')['defineContentScript']
-  const defineUnlistedScript: typeof import('wxt/sandbox')['defineUnlistedScript']
-  const defineWxtPlugin: typeof import('wxt/sandbox')['defineWxtPlugin']
-  const fakeBrowser: typeof import('wxt/testing')['fakeBrowser']
-  const injectScript: typeof import('wxt/client')['injectScript']
-  const storage: typeof import('wxt/storage')['storage']
-  const useAppConfig: typeof import('wxt/client')['useAppConfig']
-}
+// Generated by wxt
+export {}
+declare global {
+  const ContentScriptContext: typeof import('wxt/client')['ContentScriptContext']
+  const InvalidMatchPattern: typeof import('wxt/sandbox')['InvalidMatchPattern']
+  const MatchPattern: typeof import('wxt/sandbox')['MatchPattern']
+  const MigrationError: typeof import('wxt/storage')['MigrationError']
+  const browser: typeof import('wxt/browser/chrome')['browser']
+  const createIframeUi: typeof import('wxt/client')['createIframeUi']
+  const createIntegratedUi: typeof import('wxt/client')['createIntegratedUi']
+  const createShadowRootUi: typeof import('wxt/client')['createShadowRootUi']
+  const defineAppConfig: typeof import('wxt/sandbox')['defineAppConfig']
+  const defineBackground: typeof import('wxt/sandbox')['defineBackground']
+  const defineConfig: typeof import('wxt')['defineConfig']
+  const defineContentScript: typeof import('wxt/sandbox')['defineContentScript']
+  const defineUnlistedScript: typeof import('wxt/sandbox')['defineUnlistedScript']
+  const defineWxtPlugin: typeof import('wxt/sandbox')['defineWxtPlugin']
+  const fakeBrowser: typeof import('wxt/testing')['fakeBrowser']
+  const injectScript: typeof import('wxt/client')['injectScript']
+  const storage: typeof import('wxt/storage')['storage']
+  const useAppConfig: typeof import('wxt/client')['useAppConfig']
+}

package/template/web-extension/.wxt/types/paths.d.ts CHANGED Viewed

@@ -1,16 +1,16 @@
-// Generated by wxt
-import "wxt/browser";
-declare module "wxt/browser" {
-  export type PublicPath =
-    | "/"
-    | "/background.js"
-    | "/content-scripts/content.js"
-    | "/popup.html"
-    | "/vite.svg"
-  type HtmlPublicPath = Extract<PublicPath, `${string}.html`>
-  export interface WxtRuntime {
-    getURL(path: PublicPath): string;
-    getURL(path: `${HtmlPublicPath}${string}`): string;
-  }
-}
+// Generated by wxt
+import "wxt/browser";
+declare module "wxt/browser" {
+  export type PublicPath =
+    | "/"
+    | "/background.js"
+    | "/content-scripts/content.js"
+    | "/popup.html"
+    | "/vite.svg"
+  type HtmlPublicPath = Extract<PublicPath, `${string}.html`>
+  export interface WxtRuntime {
+    getURL(path: PublicPath): string;
+    getURL(path: `${HtmlPublicPath}${string}`): string;
+  }
+}

package/template/web-extension/.wxt/wxt.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-// Generated by wxt
-/// <reference types="wxt/vite-builder-env" />
-/// <reference types="./types/paths.d.ts" />
-/// <reference types="./types/i18n.d.ts" />
-/// <reference types="./types/globals.d.ts" />
-/// <reference types="@types/chrome" />
-/// <reference types="./types/imports.d.ts" />
+// Generated by wxt
+/// <reference types="wxt/vite-builder-env" />
+/// <reference path="./types/paths.d.ts" />
+/// <reference path="./types/i18n.d.ts" />
+/// <reference path="./types/globals.d.ts" />
+/// <reference types="@types/chrome" />
+/// <reference path="./types/imports.d.ts" />

package/template/web-extension/entrypoints/background/index.ts CHANGED Viewed

@@ -1 +1,7 @@
-export default defineBackground(() => {})
+import { backgroundMessage } from '@/shared/background'
+export default defineBackground(() => {
+    backgroundMessage.onMessage('test', async () => {
+        return '1'
+    })
+})

package/template/web-extension/entrypoints/content/index.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
-import { Common } from './modules'
 import { CONTENT_MATCHES } from '@/shared/content'
+import { Common } from './modules'
 export default defineContentScript({
     run_at: 'document_idle',

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

@@ -4,7 +4,6 @@ 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}`)
@@ -16,7 +15,6 @@ export default tseslint.config([
     eslint.configs.recommended,
     importPlugin.flatConfigs.recommended,
     tseslint.configs.recommended,
-    autoImports,
     {
         plugins: { reactPlugin, reactHooksPlugin },
         files,
@@ -95,6 +93,7 @@ export default tseslint.config([
             '@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',
             'react/prop-types': 'off',
             'react/no-find-dom-node': 'off',
             'react-hooks/exhaustive-deps': 'off',

package/template/web-extension/package.json CHANGED Viewed

@@ -18,14 +18,15 @@
         "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",
+        "lint": "tsc --noEmit && eslint **/*.{tsx,ts} && stylelint **/*.{css,scss,less,ts,tsx}",
+        "lint:fix": "eslint **/*.{tsx,ts} --fix && stylelint **/*.{css,scss,less,ts,tsx} --fix",
         "cz": "cz",
         "push": "npm run commit && git push",
         "commit": "git add . && npm run cz"
     },
     "dependencies": {
         "@tanstack/react-query": "5.51.15",
+        "@webext-core/messaging": "2.2.0",
         "axios": "1.7.9",
         "define-zustand": "3.2.1",
         "immer": "10.0.1",
@@ -72,10 +73,10 @@
         "stylelint": "16.10.0",
         "stylelint-config-standard": "36.0.1",
         "typescript": "5.8.2",
-        "typescript-eslint": "8.15.0",
-        "vite": "6.0.7",
+        "typescript-eslint": "8.28.0",
+        "vite": "6.2.3",
         "vite-plugin-svgr": "4.3.0",
-        "wxt": "0.19.25"
+        "wxt": "0.19.29"
     },
     "config": {
         "commitizen": {

package/template/web-extension/shared/background/message.ts CHANGED Viewed

@@ -1,11 +1,7 @@
-import { message } from '@/shared/tools'
-export enum ACTIONS {
-    TEST = 'TEST'
-}
+import { defineExtensionMessaging } from '@webext-core/messaging'
-export interface messageType {
-    [ACTIONS.TEST]: object
+export type messageType = {
+    test: () => Promise<string>
 }
-export interface responseType {}
-export const action = message.create<ACTIONS, messageType, responseType>()
+export const { sendMessage, onMessage } = defineExtensionMessaging<messageType>()

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

@@ -1,25 +1,28 @@
-import { message } from '@/shared/tools'
+import { defineExtensionMessaging } from '@webext-core/messaging'
 import { CONTENT_MATCHES } from './constant'
-export enum ACTIONS {
-    TEST = 'TEST'
+export type messageType = {
+    test: () => Promise<string>
 }
-export interface messageType {
-    [ACTIONS.TEST]: object
-}
-export interface responseType {}
-export const action = message.create<ACTIONS, messageType, responseType>()
+export const { sendMessage, onMessage } = defineExtensionMessaging<messageType>()
-export function sendToAllContent<A extends ACTIONS>(
-    message: message.genMessageType<A, messageType[A]>
+export async function sendToAllContent<A extends keyof messageType>(
+    action: A,
+    data?: Parameters<messageType[A]>[0]
 ) {
-    return action.sendToContent(message, { active: true, url: CONTENT_MATCHES })
+    const tabs = await chrome.tabs.query({ url: CONTENT_MATCHES })
+    return await Promise.all(
+        tabs.map(tab => {
+            return sendMessage(action, data as never, { tabId: tab.id! })
+        })
+    )
 }
-export function sendToCurrentContent<A extends ACTIONS>(
-    message: message.genMessageType<A, messageType[A]>
+export async function sendToCurrentContent<A extends keyof messageType>(
+    action: A,
+    data?: Parameters<messageType[A]>[0]
 ) {
-    return action.sendToContent(message, { active: true, url: CONTENT_MATCHES })
+    const tabs = await chrome.tabs.query({ active: true, url: CONTENT_MATCHES })
+    return await sendMessage(action, data as never, { tabId: tabs[0].id! })
 }

package/template/web-extension/shared/popup/message.ts CHANGED Viewed

@@ -1,12 +1,7 @@
-import { message } from '@/shared/tools'
+import { defineExtensionMessaging } from '@webext-core/messaging'
-export enum ACTIONS {
-    TEST = 'TEST'
+export type messageType = {
+    test: () => Promise<string>
 }
-export interface messageType {
-    [ACTIONS.TEST]: object
-}
-export interface responseType {}
-export const action = message.create<ACTIONS, messageType, responseType>()
+export const { sendMessage, onMessage } = defineExtensionMessaging<messageType>()

package/template/web-extension/shared/styles/global.styled.ts CHANGED Viewed

@@ -3,6 +3,7 @@ import { createGlobalStyle, css } from 'styled-components'
 export const GlobalStyle = createGlobalStyle<{ nameSpace?: string }>(props => {
     return css`
         .${props.nameSpace || 'body'} {
+            margin: 0;
         }
     `
 })

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

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

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

@@ -6,5 +6,5 @@
         "allowSyntheticDefaultImports": true,
         "resolveJsonModule": true
     },
-    "include": ["vite.config.ts", "defineManifest.ts", "package.json"]
+    "include": ["vite.config.ts", "package.json"]
 }

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

@@ -1,5 +1,6 @@
 /// <reference types="vite/client" />
 /// <reference types="./.wxt/wxt.d.ts" />
 import 'styled-components'
 import { themeType } from './shared/styles'

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

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