create-packer 1.46.4 → 1.47.1

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

@@ -1,58 +1,58 @@
-import { CSSProperties, ReactNode } from 'react'
-import { createRoot } from 'react-dom/client'
-import { isFunction } from 'es-toolkit'
-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: T | null | undefined,
-    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
-    Object.assign(result.rootEle!.style, option.rootStyle)
-    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.Root classNameSpace={classNameSpace}>{option.reactNode}</AppContext.Root>
-    )
-    result.result = true
-    return result
-}
+import { CSSProperties, ReactNode } from 'react'
+import { createRoot } from 'react-dom/client'
+import { isFunction } from 'es-toolkit'
+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: T | null | undefined,
+    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
+    Object.assign(result.rootEle!.style, option.rootStyle)
+    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.Root classNameSpace={classNameSpace}>{option.reactNode}</AppContext.Root>
+    )
+    result.result = true
+    return result
+}

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/eslint.config.js

@@ -1,107 +1,107 @@
-import eslint from '@eslint/js'
-import globals from 'globals'
-import tseslint from 'typescript-eslint'
-import importPlugin from 'eslint-plugin-import'
-import reactPlugin from 'eslint-plugin-react'
-import reactHooksPlugin from 'eslint-plugin-react-hooks'
-
-const scriptExtensions = ['js', 'jsx', 'mjs', 'cjs', 'ts', 'tsx']
-const files = scriptExtensions.map(ext => `**/*.${ext}`)
-
-export default tseslint.config([
-    {
-        ignores: ['**/node_modules/', '**/dist/', '**/.history/', '**/.vscode/', 'vite.config.ts.*']
-    },
-    eslint.configs.recommended,
-    importPlugin.flatConfigs.recommended,
-    tseslint.configs.recommended,
-    {
-        plugins: { reactPlugin, reactHooksPlugin },
-        files,
-        languageOptions: {
-            ecmaVersion: 2018,
-            sourceType: 'module',
-            parserOptions: {
-                ecmaFeatures: {
-                    jsx: true
-                },
-                useJSXTextNode: true
-            },
-            globals: {
-                ...globals.browser,
-                ...globals.node
-            }
-        },
-        settings: {
-            'import/resolver': {
-                typescript: true,
-                node: true
-            },
-            react: {
-                version: '18'
-            }
-        },
-        rules: {
-            'import/export': 'off',
-            'import/namespace': 'off',
-            'import/default': 'off',
-            'import/consistent-type-specifier-style': ['error', 'prefer-inline'],
-            'import/no-duplicates': ['error', { 'prefer-inline': true }],
-            'import/no-named-as-default-member': 'off',
-            'import/no-named-as-default': 'off',
-            'import/order': [
-                'error',
-                {
-                    groups: [
-                        'builtin',
-                        'external',
-                        'internal',
-                        'parent',
-                        'sibling',
-                        'index',
-                        'object',
-                        'type'
-                    ],
-                    pathGroups: [
-                        { pattern: 'react', group: 'external', position: 'before' },
-                        { pattern: 'react-dom/*', group: 'external', position: 'before' },
-                        { pattern: 'react-router', group: 'external', position: 'before' },
-                        { pattern: 'react-router-dom', group: 'external', position: 'before' }
-                    ],
-                    pathGroupsExcludedImportTypes: ['builtin']
-                }
-            ],
-            'no-case-declarations': 'off',
-            '@typescript-eslint/no-unused-expressions': 'off',
-            '@typescript-eslint/no-empty-object-type': 'off',
-            '@typescript-eslint/no-var-requires': 0,
-            '@typescript-eslint/explicit-function-return-type': 'off',
-            '@typescript-eslint/no-explicit-any': 0,
-            '@typescript-eslint/no-non-null-assertion': 'off',
-            '@typescript-eslint/no-inferrable-types': [
-                'warn',
-                {
-                    ignoreParameters: true
-                }
-            ],
-            '@typescript-eslint/no-unused-vars': [
-                'warn',
-                {
-                    argsIgnorePattern: '^_'
-                }
-            ],
-            '@typescript-eslint/member-delimiter-style': 0,
-            '@typescript-eslint/class-name-casing': 0,
-            '@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',
-            'react/display-name': 'off',
-            'react/react-in-jsx-scope': 'off',
-            'no-constant-condition': 'off'
-        }
-    }
-])
+import eslint from '@eslint/js'
+import globals from 'globals'
+import tseslint from 'typescript-eslint'
+import importPlugin from 'eslint-plugin-import'
+import reactPlugin from 'eslint-plugin-react'
+import reactHooksPlugin from 'eslint-plugin-react-hooks'
+
+const scriptExtensions = ['js', 'jsx', 'mjs', 'cjs', 'ts', 'tsx']
+const files = scriptExtensions.map(ext => `**/*.${ext}`)
+
+export default tseslint.config([
+    {
+        ignores: ['**/node_modules/', '**/dist/', '**/.history/', '**/.vscode/', 'vite.config.ts.*']
+    },
+    eslint.configs.recommended,
+    importPlugin.flatConfigs.recommended,
+    tseslint.configs.recommended,
+    {
+        plugins: { reactPlugin, reactHooksPlugin },
+        files,
+        languageOptions: {
+            ecmaVersion: 2018,
+            sourceType: 'module',
+            parserOptions: {
+                ecmaFeatures: {
+                    jsx: true
+                },
+                useJSXTextNode: true
+            },
+            globals: {
+                ...globals.browser,
+                ...globals.node
+            }
+        },
+        settings: {
+            'import/resolver': {
+                typescript: true,
+                node: true
+            },
+            react: {
+                version: '18'
+            }
+        },
+        rules: {
+            'import/export': 'off',
+            'import/namespace': 'off',
+            'import/default': 'off',
+            'import/consistent-type-specifier-style': ['error', 'prefer-inline'],
+            'import/no-duplicates': ['error', { 'prefer-inline': true }],
+            'import/no-named-as-default-member': 'off',
+            'import/no-named-as-default': 'off',
+            'import/order': [
+                'error',
+                {
+                    groups: [
+                        'builtin',
+                        'external',
+                        'internal',
+                        'parent',
+                        'sibling',
+                        'index',
+                        'object',
+                        'type'
+                    ],
+                    pathGroups: [
+                        { pattern: 'react', group: 'external', position: 'before' },
+                        { pattern: 'react-dom/*', group: 'external', position: 'before' },
+                        { pattern: 'react-router', group: 'external', position: 'before' },
+                        { pattern: 'react-router-dom', group: 'external', position: 'before' }
+                    ],
+                    pathGroupsExcludedImportTypes: ['builtin']
+                }
+            ],
+            'no-case-declarations': 'off',
+            '@typescript-eslint/no-unused-expressions': 'off',
+            '@typescript-eslint/no-empty-object-type': 'off',
+            '@typescript-eslint/no-var-requires': 0,
+            '@typescript-eslint/explicit-function-return-type': 'off',
+            '@typescript-eslint/no-explicit-any': 0,
+            '@typescript-eslint/no-non-null-assertion': 'off',
+            '@typescript-eslint/no-inferrable-types': [
+                'warn',
+                {
+                    ignoreParameters: true
+                }
+            ],
+            '@typescript-eslint/no-unused-vars': [
+                'warn',
+                {
+                    argsIgnorePattern: '^_'
+                }
+            ],
+            '@typescript-eslint/member-delimiter-style': 0,
+            '@typescript-eslint/class-name-casing': 0,
+            '@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',
+            'react/display-name': 'off',
+            'react/react-in-jsx-scope': 'off',
+            'no-constant-condition': 'off'
+        }
+    }
+])

package/template/web-extension/package.json

@@ -31,7 +31,7 @@
         "@webext-core/messaging": "2.2.0",
         "axios": "1.7.9",
         "define-zustand": "3.4.0",
-        "es-toolkit": "1.39.8",
+        "es-toolkit": "1.43.0",
         "immer": "10.0.1",
         "qs": "6.11.2",
         "react": "18.3.1",
@@ -50,7 +50,7 @@
         "@types/qs": "6.9.7",
         "@types/react": "18.3.3",
         "@types/react-dom": "18.3.0",
-        "@vitejs/plugin-react": "5.0.1",
+        "@vitejs/plugin-react": "5.1.2",
         "autoprefixer": "10.4.14",
         "commitizen": "4.3.0",
         "cssnano": "6.0.0",
@@ -69,12 +69,12 @@
         "postcss-styled-syntax": "0.6.4",
         "prettier": "3.2.5",
         "rimraf": "5.0.1",
-        "sass": "1.63.4",
+        "sass": "1.97.1",
         "stylelint": "16.10.0",
         "stylelint-config-standard": "36.0.1",
         "typescript": "5.8.2",
         "typescript-eslint": "8.28.0",
-        "vite": "7.1.3",
+        "vite": "7.3.0",
         "vite-plugin-svgr": "4.5.0",
         "wxt": "0.20.5"
     },

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

@@ -1,8 +1,8 @@
-module.exports = {
-    plugins: {
-        'postcss-import': {},
-        'postcss-nesting': {},
-        autoprefixer: {},
-        ...(process.env.NODE_ENV === 'production' ? { cssnano: {} } : {})
-    }
-}
+module.exports = {
+    plugins: {
+        'postcss-import': {},
+        'postcss-nesting': {},
+        autoprefixer: {},
+        ...(process.env.NODE_ENV === 'production' ? { cssnano: {} } : {})
+    }
+}

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,7 +1,7 @@
-import { defineExtensionMessaging } from '@webext-core/messaging'
-
-export type messageType = {
-    test: () => string
-}
-
-export const { sendMessage, onMessage } = defineExtensionMessaging<messageType>()
+import { defineExtensionMessaging } from '@webext-core/messaging'
+
+export type messageType = {
+    test: () => string
+}
+
+export const { sendMessage, onMessage } = defineExtensionMessaging<messageType>()

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

@@ -1,19 +1,19 @@
-import { FunctionComponent, ReactNode } from 'react'
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-import { Global, ThemeProvider } from '@emotion/react'
-import { createGlobalCss, theme } from '@/shared/styles'
-
-const queryClient = new QueryClient()
-
-const AppContext: FunctionComponent<{ children: ReactNode; classNameSpace?: string }> = props => {
-    return (
-        <ThemeProvider theme={theme}>
-            <QueryClientProvider client={queryClient}>
-                <Global styles={createGlobalCss(props.classNameSpace)} />
-                {props.children}
-            </QueryClientProvider>
-        </ThemeProvider>
-    )
-}
-
-export default AppContext
+import { FunctionComponent, ReactNode } from 'react'
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { Global, ThemeProvider } from '@emotion/react'
+import { createGlobalCss, theme } from '@/shared/styles'
+
+const queryClient = new QueryClient()
+
+const AppContext: FunctionComponent<{ children: ReactNode; classNameSpace?: string }> = props => {
+    return (
+        <ThemeProvider theme={theme}>
+            <QueryClientProvider client={queryClient}>
+                <Global styles={createGlobalCss(props.classNameSpace)} />
+                {props.children}
+            </QueryClientProvider>
+        </ThemeProvider>
+    )
+}
+
+export default AppContext

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

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

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'

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

@@ -1,15 +1,15 @@
-import { useRef, useState, Dispatch, SetStateAction } from 'react'
-import { isFunction } from 'es-toolkit'
-
-export function useSyncState<S>(initialState: S | (() => S)) {
-    const [state, setState] = useState(initialState)
-    const syncState = useRef<S>(state)
-
-    const $setState: Dispatch<SetStateAction<S>> = newState => {
-        const $newState = (isFunction(newState) ? newState(state) : newState) as S
-        setState($newState)
-        syncState.current = $newState
-    }
-
-    return [syncState, state, $setState] as const
-}
+import { useRef, useState, Dispatch, SetStateAction } from 'react'
+import { isFunction } from 'es-toolkit'
+
+export function useSyncState<S>(initialState: S | (() => S)) {
+    const [state, setState] = useState(initialState)
+    const syncState = useRef<S>(state)
+
+    const $setState: Dispatch<SetStateAction<S>> = newState => {
+        const $newState = (isFunction(newState) ? newState(state) : newState) as S
+        setState($newState)
+        syncState.current = $newState
+    }
+
+    return [syncState, state, $setState] as const
+}

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

@@ -1,27 +1,27 @@
-import { useState } from 'react'
-import { isFunction } from 'es-toolkit'
-
-export interface useVisibleConfigType {
-    defaultVisible?: boolean
-    onBeforeShow?: () => Promise<boolean | void>
-    onBeforeHide?: () => Promise<boolean | void>
-}
-export default function useVisible(config?: useVisibleConfigType) {
-    const [visible, setVisible] = useState(config?.defaultVisible ?? false)
-    const onShow = async () => {
-        let isShow: boolean | void = true
-        if (isFunction(config?.onBeforeShow)) {
-            isShow = await config?.onBeforeShow?.()
-        }
-        setVisible(isShow !== false)
-    }
-    const onClose = async () => {
-        let isHide: boolean | void = true
-        if (isFunction(config?.onBeforeHide)) {
-            isHide = await config?.onBeforeHide?.()
-        }
-        setVisible(isHide === false)
-    }
-
-    return { visible, onShow, onClose }
-}
+import { useState } from 'react'
+import { isFunction } from 'es-toolkit'
+
+export interface useVisibleConfigType {
+    defaultVisible?: boolean
+    onBeforeShow?: () => Promise<boolean | void>
+    onBeforeHide?: () => Promise<boolean | void>
+}
+export default function useVisible(config?: useVisibleConfigType) {
+    const [visible, setVisible] = useState(config?.defaultVisible ?? false)
+    const onShow = async () => {
+        let isShow: boolean | void = true
+        if (isFunction(config?.onBeforeShow)) {
+            isShow = await config?.onBeforeShow?.()
+        }
+        setVisible(isShow !== false)
+    }
+    const onClose = async () => {
+        let isHide: boolean | void = true
+        if (isFunction(config?.onBeforeHide)) {
+            isHide = await config?.onBeforeHide?.()
+        }
+        setVisible(isHide === false)
+    }
+
+    return { visible, onShow, onClose }
+}

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

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

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

@@ -1,5 +1,5 @@
-import axios from 'axios'
-
-export const request = axios.create({
-    baseURL: import.meta.env.VITE_API_HOST
-})
+import axios from 'axios'
+
+export const request = axios.create({
+    baseURL: import.meta.env.VITE_API_HOST
+})

package/template/web-extension/shared/styles/theme.ts

@@ -3,16 +3,6 @@ import { isString } from 'es-toolkit'
 import { isNumber } from 'es-toolkit/compat'
 
 export const theme = {
-    text: {
-        xs: { fontSize: '12px', lineHeight: '20px' },
-        sm: { fontSize: '14px', lineHeight: '22px' },
-        base: { fontSize: '16px', lineHeight: '24px' },
-        lg: { fontSize: '18px', lineHeight: '26px' },
-        xl: { fontSize: '20px', lineHeight: '28px' },
-        '2xl': { fontSize: '24px', lineHeight: '32px' },
-        '3xl': { fontSize: '28px', lineHeight: '40px' },
-        '4xl': { fontSize: '32px', lineHeight: '44px' }
-    } satisfies Record<string, CSSProperties>,
     tools: {
         ellipsis: () => ({
             overflow: 'hidden',

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

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

package/template/lib/workspace/node_modules/.pnpm/node_modules/react-lib/.gitignore

@@ -1,26 +0,0 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-
-node_modules
-dist
-dist-ssr
-*.local
-types
-
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-.history
-.idea
-.DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?