create-packer 1.38.0 → 1.39.0

package/template/web-app/vue/vite.config.ts

@@ -1,65 +1,69 @@
-import { defineConfig, loadEnv } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import vueJsx from '@vitejs/plugin-vue-jsx'
-import svgLoader from 'vite-svg-loader'
-import mockDevServer from 'vite-plugin-mock-dev-server'
-import stylelint from 'vite-plugin-stylelint'
-import eslint from '@rollup/plugin-eslint'
-import { visualizer } from 'rollup-plugin-visualizer'
-import { includes } from 'lodash-es'
-import { createChunks } from './scripts'
-
-// https://vitejs.dev/config/
-export default defineConfig(({ mode }) => {
-    const env = loadEnv(mode, process.cwd(), '')
-    const proxyBaseUrl = env.VITE_BASE_URL + env.VITE_API_HOST
-    const plugins: any[] = [
-        vueJsx({
-            enableObjectSlots: false
-        }),
-        stylelint({ cache: false, include: ['**/*.{css,scss,sass,less,styl,vue,svelte}'] }),
-        eslint({ include: ['**/*.{ts,tsx,js,jsx,vue}'] }),
-        vue(),
-        svgLoader(),
-        mockDevServer({
-            include: ['**/*.mock.{ts,js}']
-        })
-    ]
-
-    if (mode === 'analyse') {
-        plugins.push(visualizer({ open: true, sourcemap: true, brotliSize: true, gzipSize: true }))
-    }
-    return {
-        base: env.VITE_BASE_URL,
-        plugins,
-        resolve: {
-            alias: {
-                '@': __dirname
-            }
-        },
-        esbuild: {
-            drop: includes(['production', 'analyse'], mode) ? ['console', 'debugger'] : []
-        },
-        build: {
-            sourcemap: mode === 'analyse',
-            reportCompressedSize: mode === 'analyse',
-            rollupOptions: {
-                output: {
-                    manualChunks: createChunks({
-                        vue: ['vue', 'vue-router']
-                    })
-                }
-            }
-        },
-        server: {
-            host: '0.0.0.0',
-            proxy: {
-                [proxyBaseUrl]: {
-                    target: 'http://127.0.0.1',
-                    changeOrigin: true,
-                    rewrite: path => path.replace(proxyBaseUrl, '')
-                }
-            }
-        }
-    }
-})
+import { defineConfig, loadEnv } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+import svgLoader from 'vite-svg-loader'
+import mockDevServer from 'vite-plugin-mock-dev-server'
+import stylelint from 'vite-plugin-stylelint'
+import checker from 'vite-plugin-checker'
+import { visualizer } from 'rollup-plugin-visualizer'
+import { includes } from 'lodash-es'
+import { createChunks } from './scripts'
+
+// https://vitejs.dev/config/
+export default defineConfig(({ mode }) => {
+    const env = loadEnv(mode, process.cwd(), '')
+    const proxyBaseUrl = env.VITE_BASE_URL + env.VITE_API_HOST
+    const plugins: any[] = [
+        vueJsx({
+            enableObjectSlots: false
+        }),
+        stylelint({ cache: false, include: ['**/*.{css,scss,sass,less,styl,vue,svelte}'] }),
+        checker({
+            enableBuild: false,
+            typescript: true,
+            eslint: { useFlatConfig: true, lintCommand: 'eslint', dev: { logLevel: ['error'] } }
+        }),
+        vue(),
+        svgLoader(),
+        mockDevServer({
+            include: ['**/*.mock.{ts,js}']
+        })
+    ]
+
+    if (mode === 'analyse') {
+        plugins.push(visualizer({ open: true, sourcemap: true, brotliSize: true, gzipSize: true }))
+    }
+    return {
+        base: env.VITE_BASE_URL,
+        plugins,
+        resolve: {
+            alias: {
+                '@': __dirname
+            }
+        },
+        esbuild: {
+            drop: includes(['production', 'analyse'], mode) ? ['console', 'debugger'] : []
+        },
+        build: {
+            sourcemap: mode === 'analyse',
+            reportCompressedSize: mode === 'analyse',
+            rollupOptions: {
+                output: {
+                    manualChunks: createChunks({
+                        vue: ['vue', 'vue-router']
+                    })
+                }
+            }
+        },
+        server: {
+            host: '0.0.0.0',
+            proxy: {
+                [proxyBaseUrl]: {
+                    target: 'http://127.0.0.1',
+                    changeOrigin: true,
+                    rewrite: path => path.replace(proxyBaseUrl, '')
+                }
+            }
+        }
+    }
+})

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

@@ -0,0 +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",
+  },
+};

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

@@ -1,25 +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

@@ -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

@@ -1,87 +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

@@ -1,21 +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 browser: (typeof import('wxt/browser'))['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

@@ -1,15 +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

@@ -1,6 +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/imports.d.ts" />
+// 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" />

package/template/web-extension/entrypoints/content/domain/app/tools/insertApp.tsx

@@ -1,59 +1,58 @@
-import { CSSProperties, ReactNode } from 'react'
-import { createRoot } from 'react-dom/client'
-import { forEach, isFunction } from 'lodash-es'
-import { Nullable } from '1k-types'
-import { AppContext } from '@/shared/components'
-import { classNameSpace } from '@/entrypoints/content/constants'
-
-export enum insertAppStatus {
-    success,
-    target_not_exist,
-    root_existed
-}
-export interface insertAppResultType {
-    rootEle: Nullable<HTMLElement>
-    result: boolean
-    status: insertAppStatus
-}
-export function insertApp<T extends HTMLElement>(
-    target: Nullable<T>,
-    option: {
-        insert?: (rootEle: HTMLElement, target: T) => void
-        reactNode: ReactNode
-        isReplace?: boolean
-        rootId: string
-        rootStyle?: CSSProperties
-    }
-) {
-    const result: insertAppResultType = {
-        result: false,
-        rootEle: void 0,
-        status: insertAppStatus.success
-    }
-    const rootId = `${import.meta.env.VITE_APP_ID}_${option.rootId}`
-    if (!target) {
-        result.status = insertAppStatus.target_not_exist
-        return result
-    }
-    result.rootEle = document.createElement('div')
-    result.rootEle.className = classNameSpace
-    result.rootEle.id = rootId
-    forEach(option.rootStyle, (value, key) => {
-        result.rootEle!.style[key as any] = value as never
-    })
-    const oldRootEle = target.querySelector?.(`#${rootId}`)
-    if (!option.isReplace && oldRootEle) {
-        result.status = insertAppStatus.root_existed
-        return result
-    }
-    oldRootEle?.remove()
-    if (isFunction(option.insert)) {
-        option.insert(result.rootEle, target)
-    } else {
-        target.appendChild(result.rootEle)
-    }
-    const root = createRoot(result.rootEle)
-    root.render(<AppContext>{option.reactNode}</AppContext>)
-    result.result = true
-    return result
-}
+import { CSSProperties, ReactNode } from 'react'
+import { createRoot } from 'react-dom/client'
+import { forEach, isFunction } from 'lodash-es'
+import { AppContext } from '@/shared/components'
+import { classNameSpace } from '@/entrypoints/content/constants'
+
+export enum insertAppStatus {
+    success,
+    target_not_exist,
+    root_existed
+}
+export interface insertAppResultType {
+    rootEle: HTMLElement | undefined | null
+    result: boolean
+    status: insertAppStatus
+}
+export function insertApp<T extends HTMLElement>(
+    target: Nullable<T>,
+    option: {
+        insert?: (rootEle: HTMLElement, target: T) => void
+        reactNode: ReactNode
+        isReplace?: boolean
+        rootId: string
+        rootStyle?: CSSProperties
+    }
+) {
+    const result: insertAppResultType = {
+        result: false,
+        rootEle: void 0,
+        status: insertAppStatus.success
+    }
+    const rootId = `${import.meta.env.VITE_APP_ID}_${option.rootId}`
+    if (!target) {
+        result.status = insertAppStatus.target_not_exist
+        return result
+    }
+    result.rootEle = document.createElement('div')
+    result.rootEle.className = classNameSpace
+    result.rootEle.id = rootId
+    forEach(option.rootStyle, (value, key) => {
+        result.rootEle!.style[key as any] = value as never
+    })
+    const oldRootEle = target.querySelector?.(`#${rootId}`)
+    if (!option.isReplace && oldRootEle) {
+        result.status = insertAppStatus.root_existed
+        return result
+    }
+    oldRootEle?.remove()
+    if (isFunction(option.insert)) {
+        option.insert(result.rootEle, target)
+    } else {
+        target.appendChild(result.rootEle)
+    }
+    const root = createRoot(result.rootEle)
+    root.render(<AppContext>{option.reactNode}</AppContext>)
+    result.result = true
+    return result
+}