create-packer 1.37.2 → 1.38.2

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

@@ -1,21 +1,21 @@
 // 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']
+    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']
 }

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

@@ -1,15 +1,15 @@
 // Generated by wxt
-import "wxt/browser";
+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;
-  }
+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/entrypoints/background/index.ts

@@ -1 +1 @@
-export default defineBackground(() => {})
+export default defineBackground(() => {})

package/template/web-extension/entrypoints/content/constants/base.ts

@@ -1 +1 @@
-export const classNameSpace = import.meta.env.VITE_APP_ID
+export const classNameSpace = import.meta.env.VITE_APP_ID

package/template/web-extension/entrypoints/content/constants/index.ts

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

package/template/web-extension/entrypoints/content/domain/app/index.ts

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

package/template/web-extension/entrypoints/content/domain/app/tools/index.ts

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

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

@@ -1,55 +1,59 @@
-import { ReactNode } from 'react'
-import { createRoot } from 'react-dom/client'
-import { 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
-    }
-) {
-    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
-    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 { 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
+}

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

@@ -1,12 +1,12 @@
-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'
+
+export default defineContentScript({
+    run_at: 'document_start',
+    matches: [
+        'https://developer.chrome.com/docs/extensions/*',
+        'https://developer.chrome.com/docs/webstore/*'
+    ],
+    main: () => {
+        Common.insert()
+    }
+})

package/template/web-extension/entrypoints/content/modules/common/common.tsx

@@ -1,10 +1,10 @@
-import { GlobalStyle } from '@/shared/styles'
-import { classNameSpace } from '@/entrypoints/content/constants'
-
-export default function Home() {
-    return (
-        <>
-            <GlobalStyle nameSpace={classNameSpace} />
-        </>
-    )
-}
+import { GlobalStyle } from '@/shared/styles'
+import { classNameSpace } from '@/entrypoints/content/constants'
+
+export default function Home() {
+    return (
+        <>
+            <GlobalStyle nameSpace={classNameSpace} />
+        </>
+    )
+}

package/template/web-extension/entrypoints/content/modules/common/index.ts

@@ -1,2 +1,2 @@
-export { default as Root } from './common'
-export * from './insert'
+export { default as Root } from './common'
+export * from './insert'

package/template/web-extension/entrypoints/content/modules/common/insert.tsx

@@ -1,9 +1,9 @@
-import { insertApp } from '@/entrypoints/content/domain/app'
-import Common from './common'
-
-export function insert() {
-    insertApp(document.body, {
-        reactNode: <Common />,
-        rootId: 'COMMON'
-    })
-}
+import { insertApp } from '@/entrypoints/content/domain/app'
+import Common from './common'
+
+export function insert() {
+    insertApp(document.body, {
+        reactNode: <Common />,
+        rootId: 'COMMON'
+    })
+}

package/template/web-extension/entrypoints/content/modules/index.ts

@@ -1 +1 @@
-export * as Common from './common'
+export * as Common from './common'

package/template/web-extension/entrypoints/popup/index.html

@@ -2,7 +2,6 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="../shared/assets/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vite + React + TS</title>
   </head>

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.container'
+
+createRoot(document.getElementById('root') as HTMLElement).render(
+    <StrictMode>
+        <AppContext>
+            <GlobalStyle />
+            <Popup />
+        </AppContext>
+    </StrictMode>
+)

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

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

package/template/web-extension/package.json

@@ -1,86 +1,86 @@
-{
-    "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": "biome format --write",
-        "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",
-        "@biomejs/biome": "1.9.3",
-        "@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": "8.0.3",
-        "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",
-        "rimraf": "5.0.1",
-        "sass": "1.63.4",
-        "stylelint": "16.2.1",
-        "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 **/*.{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"
+        }
+    }
+}

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

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

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

@@ -1,11 +1,11 @@
-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>()
+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>()

package/template/web-extension/shared/components/app-context.tsx

@@ -1,14 +1,14 @@
-import { FunctionComponent, ReactNode } from 'react'
-import { ThemeProvider } from 'styled-components'
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-import { theme } from '@/shared/styles'
-
-const queryClient = new QueryClient()
-
-export const AppContext: FunctionComponent<{ children: ReactNode }> = props => {
-    return (
-        <QueryClientProvider client={queryClient}>
-            <ThemeProvider theme={theme}>{props.children}</ThemeProvider>
-        </QueryClientProvider>
-    )
-}
+import { FunctionComponent, ReactNode } from 'react'
+import { ThemeProvider } from 'styled-components'
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { theme } from '@/shared/styles'
+
+const queryClient = new QueryClient()
+
+export const AppContext: FunctionComponent<{ children: ReactNode }> = props => {
+    return (
+        <QueryClientProvider client={queryClient}>
+            <ThemeProvider theme={theme}>{props.children}</ThemeProvider>
+        </QueryClientProvider>
+    )
+}

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

@@ -1 +1 @@
-export * from './app-context'
+export * from './app-context'

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

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

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

@@ -1,15 +1,15 @@
-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'
+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/*' })
+}

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

@@ -1,2 +1,2 @@
-export { default as useVisible } from './useVisible'
-export * from './useSyncState'
+export { default as useVisible } from './useVisible'
+export * from './useSyncState'