npm - create-packer - Versions diffs - 1.34.3 → 1.34.5 - Mend

create-packer 1.34.3 → 1.34.5

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 (458) hide show

package/template/web-extension/popup/index.tsx CHANGED Viewed

@@ -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/popup/popup.container.tsx CHANGED Viewed

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

package/template/web-extension/popup/popup.html CHANGED Viewed

@@ -1,13 +1,13 @@
-<!DOCTYPE html>
-<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>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="./index.tsx"></script>
-  </body>
-</html>
+<!DOCTYPE html>
+<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>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="./index.tsx"></script>
+  </body>
+</html>

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,15 +1,15 @@
-import { useRef, useState, Dispatch, SetStateAction } from 'react'
-import { isFunction } from 'lodash-es'
-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
-        setState($newState)
-        syncState.current = $newState
-    }
-    return [syncState, state, $setState] as const
-}
+import { useRef, useState, Dispatch, SetStateAction } from 'react'
+import { isFunction } from 'lodash-es'
+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
+        setState($newState)
+        syncState.current = $newState
+    }
+    return [syncState, state, $setState] as const
+}

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

@@ -1,27 +1,27 @@
-import { useState } from 'react'
-import { isFunction } from 'lodash-es'
-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 'lodash-es'
+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/popup/index.ts CHANGED Viewed

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

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

@@ -1,12 +1,12 @@
-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/service/index.ts CHANGED Viewed

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

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

@@ -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/global.styled.ts CHANGED Viewed

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

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

@@ -1,2 +1,2 @@
-export * from './theme.styled'
-export * from './global.styled'
+export * from './theme.styled'
+export * from './global.styled'

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

@@ -1,56 +1,56 @@
-import { CSSProperties } from 'react'
-import { AnyFunc } from '1k-types'
-import { isString } from 'lodash-es'
-export const theme = {
-    tools: {
-        ellipsis: () => ({
-            overflow: 'hidden',
-            textOverflow: 'ellipsis',
-            whiteSpace: 'nowrap'
-        }),
-        lineClamp: (n: number) => ({
-            '-webkit-line-clamp': `${n}`,
-            '-webkit-box-orient': 'vertical',
-            overflow: 'hidden',
-            display: '-webkit-box'
-        }),
-        size: (s: string) => ({ width: s, height: s }),
-        py: (s: string) => ({ paddingTop: s, paddingBottom: s }),
-        px: (s: string) => ({ paddingLeft: s, paddingRight: s }),
-        my: (s: string) => ({ marginTop: s, marginBottom: s }),
-        mx: (s: string) => ({ marginLeft: s, marginRight: s }),
-        flex: (
-            align: CSSProperties['alignItems'],
-            justify: CSSProperties['justifyContent'],
-            vertical?: boolean
-        ) => {
-            return {
-                display: 'flex',
-                alignItems: align,
-                justifyContent: justify,
-                flexDirection: vertical ? 'column' : 'row'
-            } satisfies CSSProperties
-        },
-        /** 数字为元素数量，字符串为对应css的值  */
-        grid: {
-            grid: (rows: number | string, cols: number | string, gap?: number) => ({
-                display: 'grid',
-                gridTemplateRows: isString(rows) ? rows : `repeat(${rows}, minmax(0, 1fr))`,
-                gridTemplateColumns: isString(cols) ? cols : `repeat(${cols}, minmax(0, 1fr))`,
-                gap: gap ? `${gap}px` : void 0
-            }),
-            rows: (rows: number | string, gap?: number) => ({
-                display: 'grid',
-                gridTemplateRows: isString(rows) ? rows : `repeat(${rows}, minmax(0, 1fr))`,
-                rowGap: gap ? `${gap}px` : void 0
-            }),
-            cols: (cols: number | string, gap?: number) => ({
-                display: 'grid',
-                gridTemplateColumns: isString(cols) ? cols : `repeat(${cols}, minmax(0, 1fr))`,
-                columnGap: gap ? `${gap}px` : void 0
-            })
-        } satisfies Record<string, AnyFunc<CSSProperties>>
-    }
-}
-export type themeType = typeof theme
+import { CSSProperties } from 'react'
+import { AnyFunc } from '1k-types'
+import { isString } from 'lodash-es'
+export const theme = {
+    tools: {
+        ellipsis: () => ({
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap'
+        }),
+        lineClamp: (n: number) => ({
+            '-webkit-line-clamp': `${n}`,
+            '-webkit-box-orient': 'vertical',
+            overflow: 'hidden',
+            display: '-webkit-box'
+        }),
+        size: (s: string) => ({ width: s, height: s }),
+        py: (s: string) => ({ paddingTop: s, paddingBottom: s }),
+        px: (s: string) => ({ paddingLeft: s, paddingRight: s }),
+        my: (s: string) => ({ marginTop: s, marginBottom: s }),
+        mx: (s: string) => ({ marginLeft: s, marginRight: s }),
+        flex: (
+            align: CSSProperties['alignItems'],
+            justify: CSSProperties['justifyContent'],
+            vertical?: boolean
+        ) => {
+            return {
+                display: 'flex',
+                alignItems: align,
+                justifyContent: justify,
+                flexDirection: vertical ? 'column' : 'row'
+            } satisfies CSSProperties
+        },
+        /** 数字为元素数量，字符串为对应css的值  */
+        grid: {
+            grid: (rows: number | string, cols: number | string, gap?: number) => ({
+                display: 'grid',
+                gridTemplateRows: isString(rows) ? rows : `repeat(${rows}, minmax(0, 1fr))`,
+                gridTemplateColumns: isString(cols) ? cols : `repeat(${cols}, minmax(0, 1fr))`,
+                gap: gap ? `${gap}px` : void 0
+            }),
+            rows: (rows: number | string, gap?: number) => ({
+                display: 'grid',
+                gridTemplateRows: isString(rows) ? rows : `repeat(${rows}, minmax(0, 1fr))`,
+                rowGap: gap ? `${gap}px` : void 0
+            }),
+            cols: (cols: number | string, gap?: number) => ({
+                display: 'grid',
+                gridTemplateColumns: isString(cols) ? cols : `repeat(${cols}, minmax(0, 1fr))`,
+                columnGap: gap ? `${gap}px` : void 0
+            })
+        } satisfies Record<string, AnyFunc<CSSProperties>>
+    }
+}
+export type themeType = typeof theme

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

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

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

@@ -1,80 +1,80 @@
-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]>
-    ) {
-        // @ts-ignore
-        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 batchSendToContent<SendMessage extends genMessageType<Action, MessageConfig[Action]>>(
-        message: SendMessage,
-        config?: chrome.tabs.QueryInfo
-    ) {
-        const tabs = config ? await chrome.tabs.query(config) : []
-        return await Promise.all(
-            map(tabs, tab => {
-                return new Promise<Response[SendMessage['action']]>(resolve => {
-                    chrome.tabs.sendMessage(tab.id!, message, response => resolve(response))
-                })
-            })
-        )
-    }
-    sendToContent<SendMessage extends genMessageType<Action, MessageConfig[Action]>>(
-        tabId: number,
-        message: SendMessage
-    ) {
-        return new Promise<Response[SendMessage['action']]>(resolve => {
-            chrome.tabs.sendMessage(tabId, message, response => resolve(response))
-        })
-    }
-}
-export function create<
-    Action extends defActionType,
-    MessageOps extends messageOpsType<Action>,
-    Response extends responseType<Action>
->() {
-    return new MessageConstructor<Action, MessageOps, Response>()
-}
+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]>
+    ) {
+        // @ts-ignore
+        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 batchSendToContent<SendMessage extends genMessageType<Action, MessageConfig[Action]>>(
+        message: SendMessage,
+        config?: chrome.tabs.QueryInfo
+    ) {
+        const tabs = config ? await chrome.tabs.query(config) : []
+        return await Promise.all(
+            map(tabs, tab => {
+                return new Promise<Response[SendMessage['action']]>(resolve => {
+                    chrome.tabs.sendMessage(tab.id!, message, response => resolve(response))
+                })
+            })
+        )
+    }
+    sendToContent<SendMessage extends genMessageType<Action, MessageConfig[Action]>>(
+        tabId: number,
+        message: SendMessage
+    ) {
+        return new Promise<Response[SendMessage['action']]>(resolve => {
+            chrome.tabs.sendMessage(tabId, message, response => resolve(response))
+        })
+    }
+}
+export function create<
+    Action extends defActionType,
+    MessageOps extends messageOpsType<Action>,
+    Response extends responseType<Action>
+>() {
+    return new MessageConstructor<Action, MessageOps, Response>()
+}

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

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

package/template/web-extension/shared/types/utils.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import type { UseBoundStore, StoreApi } from 'zustand'
-export type ExtractModelType<T> = T extends UseBoundStore<StoreApi<infer S>> ? S : unknown
+import type { UseBoundStore, StoreApi } from 'zustand'
+export type ExtractModelType<T> = T extends UseBoundStore<StoreApi<infer S>> ? S : unknown