npm - create-packer - Versions diffs - 1.26.4 → 1.28.0 - Mend

create-packer 1.26.4 → 1.28.0

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

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

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

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

@@ -1,5 +1,5 @@
-import './popup.css'
-export default function Home() {
-    return <div>popup</div>
-}
+import './popup.css'
+export default function Home() {
+    return <div></div>
+}

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

@@ -1,3 +1,3 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

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,9 +1,9 @@
-module.exports = {
-    plugins: {
-        'postcss-import': {},
-        'tailwindcss/nesting': 'postcss-nesting',
-        tailwindcss: {},
-        autoprefixer: {},
-        ...(process.env.NODE_ENV === 'production' ? { cssnano: {} } : {})
-    }
-}
+module.exports = {
+    plugins: {
+        'postcss-import': {},
+        'tailwindcss/nesting': 'postcss-nesting',
+        tailwindcss: {},
+        autoprefixer: {},
+        ...(process.env.NODE_ENV === 'production' ? { cssnano: {} } : {})
+    }
+}

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

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

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

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

package/template/web-extension/shared/constant/index.ts ADDED Viewed

File without changes

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

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

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

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

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 ADDED Viewed

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

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

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

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 { createService } from './tools'
-export const request = createService({
-    prefixUrl: import.meta.env.VITE_API_HOST
-})
+import { createService } from './tools'
+export const request = createService({
+    prefixUrl: import.meta.env.VITE_API_HOST
+})

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

@@ -1,33 +1,33 @@
-import { httpBodyType } from '../types'
-export class FetchError extends Error {
-    public request: Request
-    constructor(request: Request) {
-        super()
-        this.name = 'FetchError'
-        this.request = request
-    }
-}
-export async function pickRequestBody<Body = httpBodyType>(
-    req: Request
-): Promise<Body | undefined> {
-    let reqBody = void 0
-    try {
-        reqBody = await req.clone().json()
-    } catch {
-        /* empty */
-    }
-    return reqBody
-}
-export async function pickReponseBody<Body = any>(res: Response): Promise<Body | undefined> {
-    let body = void 0
-    try {
-        body = await res.clone().json()
-    } catch {
-        /** empty */
-    }
-    return body
-}
+import { httpBodyType } from '../types'
+export class FetchError extends Error {
+    public request: Request
+    constructor(request: Request) {
+        super()
+        this.name = 'FetchError'
+        this.request = request
+    }
+}
+export async function pickRequestBody<Body = httpBodyType>(
+    req: Request
+): Promise<Body | undefined> {
+    let reqBody = void 0
+    try {
+        reqBody = await req.clone().json()
+    } catch {
+        /* empty */
+    }
+    return reqBody
+}
+export async function pickReponseBody<Body = any>(res: Response): Promise<Body | undefined> {
+    let body = void 0
+    try {
+        body = await res.clone().json()
+    } catch {
+        /** empty */
+    }
+    return body
+}

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

@@ -1,58 +1,80 @@
-import { KyInstance, Options } from 'ky'
-import { Input } from 'ky/distribution/types/options'
-import { includes, isString, omit } from 'lodash-es'
-import { stringify } from 'qs'
-import { Nullable } from '1k-types'
-import { configType, httpErrorType, requestOptionsType, serviceHooksType } from '../types'
-import { FetchError } from './base'
-export function createRequestActions(
-    prefixUrl: configType['prefixUrl'],
-    request: KyInstance,
-    hooks: serviceHooksType
-) {
-    function creator(method: Required<Options>['method']) {
-        return async function <DATA = any>(url: Input, option?: requestOptionsType): Promise<DATA> {
-            try {
-                return await request[method](url, omit(option, 'responseType'))[
-                    option?.responseType || 'json'
-                ]()
-            } catch (e: any) {
-                const searchParamsString = stringify(option?.searchParams, { addQueryPrefix: true })
-                let httpBody: Nullable<string> = void 0
-                if (option && isString(option?.body)) {
-                    httpBody = option.body
-                } else if (option?.body) {
-                    httpBody = 'other'
-                } else if (option?.json) {
-                    httpBody = JSON.stringify(option.json)
-                }
-                let error = new FetchError(
-                    new Request(prefixUrl + '/' + url + searchParamsString, {
-                        method,
-                        body: httpBody
-                    })
-                )
-                error.message = e.message
-                if (includes([httpErrorType.HTTPError, httpErrorType.TimeoutError], e.name)) {
-                    error = e
-                }
-                for (let i = 0; i < hooks.httpError.length; i++) {
-                    await hooks.httpError[i](error)
-                }
-                throw error
-            }
-        }
-    }
-    return {
-        get: creator('get'),
-        post: creator('post'),
-        put: creator('put'),
-        patch: creator('patch'),
-        head: creator('head'),
-        delete: creator('delete')
-    }
-}
-export type requestActionsType = ReturnType<typeof createRequestActions>
+import { KyInstance, Options } from 'ky'
+import { Input } from 'ky/distribution/types/options'
+import { includes, isFunction, isString, omit } from 'lodash-es'
+import { stringify } from 'qs'
+import { Nullable } from '1k-types'
+import { configType, httpErrorNameType, requestOptionsType, serviceHooksType } from '../types'
+import { createKyRequestHooks } from './hooks'
+import { FetchError } from './base'
+export function createRequestActions(
+    prefixUrl: configType['prefixUrl'],
+    request: KyInstance,
+    hooks: serviceHooksType
+) {
+    function creator(method: Required<Options>['method']) {
+        return async function <DATA = any>(url: Input, option?: requestOptionsType): Promise<DATA> {
+            const globalPrefix = isFunction(prefixUrl) ? await prefixUrl() : prefixUrl
+            const $prefix = isFunction(option?.prefixUrl)
+                ? await option!.prefixUrl()
+                : option?.prefixUrl
+            const newHooks: serviceHooksType = {
+                beforeRequest: [...hooks.beforeRequest, ...(option?.hooks?.beforeRequest || [])],
+                afterResponse: [...hooks.afterResponse, ...(option?.hooks?.afterResponse || [])],
+                httpError: [...hooks.httpError, ...(option?.hooks?.httpError || [])]
+            }
+            const newOption = {
+                ...omit(option, 'responseType'),
+                prefixUrl: $prefix ?? globalPrefix,
+                hooks: createKyRequestHooks(newHooks)
+            }
+            try {
+                const res = request[method](url, newOption)
+                if (option?.responseType === 'response') {
+                    return await res
+                }
+                return await res[option?.responseType || 'json']()
+            } catch (e: any) {
+                const searchParamsString = stringify(newOption?.searchParams, {
+                    addQueryPrefix: true
+                })
+                let httpBody: Nullable<string> = void 0
+                if (newOption && isString(newOption?.body)) {
+                    httpBody = newOption.body
+                } else if (newOption?.body) {
+                    httpBody = 'other'
+                } else if (newOption?.json) {
+                    httpBody = JSON.stringify(newOption.json)
+                }
+                const $prefix = newOption.prefixUrl ? `${newOption.prefixUrl}/` : ''
+                let error = new FetchError(
+                    new Request($prefix + url + searchParamsString, {
+                        method,
+                        body: httpBody
+                    })
+                )
+                error.message = e.message
+                if (
+                    includes([httpErrorNameType.HTTPError, httpErrorNameType.TimeoutError], e.name)
+                ) {
+                    error = e
+                }
+                for (let i = 0; i < newHooks.httpError.length; i++) {
+                    await hooks.httpError[i](error)
+                }
+                throw error
+            }
+        }
+    }
+    return {
+        get: creator('get'),
+        post: creator('post'),
+        put: creator('put'),
+        patch: creator('patch'),
+        head: creator('head'),
+        delete: creator('delete')
+    }
+}
+export type requestActionsType = ReturnType<typeof createRequestActions>

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

@@ -1,46 +1,45 @@
-import ky from 'ky'
-import { assign, isArray, isObject } from 'lodash-es'
-import { configType } from '../types'
-import { createRequestActions } from './createRequestActions'
-import { createServiceHooks } from './createServiceHooks'
-export function createService(config: configType) {
-    const { kyHooks, addHooks, serviceHooks } = createServiceHooks()
-    const globalParams: configType['globalParams'] = assign({}, config.globalParams)
-    const globalSearchParams: configType['globalSearchParams'] = assign(
-        {},
-        config.globalSearchParams
-    )
-    const request = ky.create({
-        prefixUrl: config.prefixUrl,
-        headers: config.headers,
-        hooks: kyHooks
-    })
-    const requestActions = createRequestActions(config.prefixUrl, request, serviceHooks)
-    function setGlobalParams(params: configType['globalParams']) {
-        assign(globalParams, params)
-    }
-    function setGlobalSearchParams(params: configType['globalSearchParams']) {
-        assign(globalSearchParams, params)
-    }
-    // init
-    // ------------------------------------------------------------------------
-    addHooks('beforeRequest', async req => {
-        const { searchParams, body } = req
-        req.searchParams = { ...globalSearchParams, ...searchParams }
-        if (!isArray(body) && isObject(body)) {
-            req.body = { ...globalParams, ...body }
-        }
-    })
-    return {
-        instance: request,
-        ...requestActions,
-        addHooks,
-        setGlobalParams,
-        setGlobalSearchParams
-    }
-}
+import ky from 'ky'
+import { assign, isArray, isObject } from 'lodash-es'
+import { configType } from '../types'
+import { createRequestActions } from './createRequestActions'
+import { createServiceHooks } from './hooks'
+export function createService(config: configType) {
+    const { addHooks, serviceHooks } = createServiceHooks()
+    const globalParams: configType['globalParams'] = assign({}, config.globalParams)
+    const globalSearchParams: configType['globalSearchParams'] = assign(
+        {},
+        config.globalSearchParams
+    )
+    const request = ky.create({
+        prefixUrl: '',
+        headers: config.headers
+    })
+    const requestActions = createRequestActions(config.prefixUrl, request, serviceHooks)
+    function setGlobalParams(params: configType['globalParams']) {
+        assign(globalParams, params)
+    }
+    function setGlobalSearchParams(params: configType['globalSearchParams']) {
+        assign(globalSearchParams, params)
+    }
+    // init
+    // ------------------------------------------------------------------------
+    addHooks('beforeRequest', async req => {
+        const { searchParams, body } = req
+        req.searchParams = { ...globalSearchParams, ...searchParams }
+        if (!isArray(body) && isObject(body)) {
+            req.body = { ...globalParams, ...body }
+        }
+    })
+    return {
+        instance: request,
+        ...requestActions,
+        addHooks,
+        setGlobalParams,
+        setGlobalSearchParams
+    }
+}

package/template/web-extension/shared/service/tools/{createServiceHooks.ts → hooks.ts} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { Hooks } from 'ky'
 import { omit } from 'lodash-es'
-import { parse, stringify } from 'qs'
+import { stringify, parse } from 'qs'
 import { ArrayValues } from '1k-types'
 import { serviceHooksType } from '../types'
 import { pickRequestBody } from './base'
@@ -12,7 +12,31 @@ export function createServiceHooks(hooks?: Partial<serviceHooksType>) {
         afterResponse: [],
         ...(hooks || {})
     }
-    const kyHooks: Hooks = {
+    function addHooks<K extends keyof serviceHooksType>(
+        key: K,
+        callback: ArrayValues<serviceHooksType[K]>
+    ) {
+        serviceHooks[key].push(callback as any)
+    }
+    return {
+        serviceHooks,
+        addHooks
+    }
+}
+export function createKyRequestHooks(serviceHooks: serviceHooksType): Hooks {
+    async function forEachHooks<K extends keyof serviceHooksType>(
+        name: K,
+        arg: Parameters<ArrayValues<serviceHooksType[K]>>[0]
+    ) {
+        for (let i = 0; i < serviceHooks[name].length; i++) {
+            const fn = serviceHooks[name][i]
+            await fn(arg as never)
+        }
+    }
+    return {
         beforeRequest: [
             async req => {
                 // eslint-disable-next-line prefer-const
@@ -25,7 +49,7 @@ export function createServiceHooks(hooks?: Partial<serviceHooksType>) {
                     headers: req.headers,
                     method: req.method
                 }
-                await foreachHooks('beforeRequest', reqConfig)
+                await forEachHooks('beforeRequest', reqConfig)
                 url = url + stringify(reqConfig.searchParams, { addQueryPrefix: true })
                 return new Request(url, {
                     ...omit(req, 'url'),
@@ -36,30 +60,8 @@ export function createServiceHooks(hooks?: Partial<serviceHooksType>) {
         ],
         afterResponse: [
             async (request, options, response) => {
-                await foreachHooks('afterResponse', { request, options, response })
+                await forEachHooks('afterResponse', { request, options, response })
             }
         ]
     }
-    function addHooks<K extends keyof serviceHooksType>(
-        key: K,
-        callback: ArrayValues<serviceHooksType[K]>
-    ) {
-        serviceHooks[key].push(callback as any)
-    }
-    async function foreachHooks<K extends keyof serviceHooksType>(
-        name: K,
-        arg: Parameters<ArrayValues<serviceHooksType[K]>>[0]
-    ) {
-        for (let i = 0; i < serviceHooks[name].length; i++) {
-            const fn = serviceHooks[name][i]
-            await fn(arg as never)
-        }
-    }
-    return {
-        kyHooks,
-        serviceHooks,
-        addHooks
-    }
 }

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

@@ -1,4 +1,4 @@
-export * from './createRequestActions'
-export * from './createService'
-export * from './createServiceHooks'
-export * from './base'
+export * from './createRequestActions'
+export * from './createService'
+export * from './hooks'
+export * from './base'