create-packer 1.38.2 → 1.39.1

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,7 +1,6 @@
 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'
 
@@ -11,12 +10,12 @@ export enum insertAppStatus {
     root_existed
 }
 export interface insertAppResultType {
-    rootEle: Nullable<HTMLElement>
+    rootEle: HTMLElement | undefined | null
     result: boolean
     status: insertAppStatus
 }
 export function insertApp<T extends HTMLElement>(
-    target: Nullable<T>,
+    target: T | null | undefined,
     option: {
         insert?: (rootEle: HTMLElement, target: T) => void
         reactNode: ReactNode

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

@@ -1,12 +1,10 @@
-import { Common } from './modules'
-
-export default defineContentScript({
-    run_at: 'document_start',
-    matches: [
-        'https://developer.chrome.com/docs/extensions/*',
-        'https://developer.chrome.com/docs/webstore/*'
-    ],
-    main: () => {
-        Common.insert()
-    }
-})
+import { Common } from './modules'
+import { CONTENT_MATCHES } from '@/shared/content'
+
+export default defineContentScript({
+    run_at: 'document_idle',
+    matches: CONTENT_MATCHES,
+    main: () => {
+        Common.insert()
+    }
+})

package/template/web-extension/entrypoints/popup/main.tsx

@@ -1,14 +1,14 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import { AppContext } from '@/shared/components'
-import { GlobalStyle } from '@/shared/styles'
-import Popup from './popup.container'
-
-createRoot(document.getElementById('root') as HTMLElement).render(
-    <StrictMode>
-        <AppContext>
-            <GlobalStyle />
-            <Popup />
-        </AppContext>
-    </StrictMode>
-)
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import { AppContext } from '@/shared/components'
+import { GlobalStyle } from '@/shared/styles'
+import Popup from './popup'
+
+createRoot(document.getElementById('root') as HTMLElement).render(
+    <StrictMode>
+        <AppContext>
+            <GlobalStyle />
+            <Popup />
+        </AppContext>
+    </StrictMode>
+)

package/template/web-extension/entrypoints/popup/{popup.container.tsx → popup.tsx}

@@ -1,3 +1,3 @@
-export default function Home() {
-    return <div>home</div>
-}
+export default function Home() {
+    return <div>home</div>
+}