npm - create-packer - Versions diffs - 1.26.3 → 1.27.1 - Mend

create-packer 1.26.3 → 1.27.1

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

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>
+    return <div></div>
 }

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

File without changes

package/template/web-extension/shared/message/backgroundMessage.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/message/contentMeesage.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/message/index.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export * as backgroundMessage from './backgroundMessage'
+export * as contentMessage from './contentMeesage'
+export * as popupMessage from './popupMeesage'

package/template/web-extension/shared/message/popupMeesage.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/tools/base.ts ADDED Viewed

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

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

@@ -0,0 +1,58 @@
+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>

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

@@ -0,0 +1,46 @@
+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
+    }
+}

package/template/web-extension/shared/service/tools/createServiceHooks.ts ADDED Viewed

@@ -0,0 +1,65 @@
+import { Hooks } from 'ky'
+import { omit } from 'lodash-es'
+import { parse, stringify } from 'qs'
+import { ArrayValues } from '1k-types'
+import { serviceHooksType } from '../types'
+import { pickRequestBody } from './base'
+export function createServiceHooks(hooks?: Partial<serviceHooksType>) {
+    const serviceHooks: serviceHooksType = {
+        httpError: [],
+        beforeRequest: [],
+        afterResponse: [],
+        ...(hooks || {})
+    }
+    const kyHooks: Hooks = {
+        beforeRequest: [
+            async req => {
+                // eslint-disable-next-line prefer-const
+                let [url, searchParams] = req.url.split('?')
+                const reqBody = await pickRequestBody(req)
+                const parsedSearchParams = parse(searchParams)
+                const reqConfig = {
+                    searchParams: parsedSearchParams,
+                    body: reqBody,
+                    headers: req.headers,
+                    method: req.method
+                }
+                await foreachHooks('beforeRequest', reqConfig)
+                url = url + stringify(reqConfig.searchParams, { addQueryPrefix: true })
+                return new Request(url, {
+                    ...omit(req, 'url'),
+                    headers: reqConfig.headers,
+                    body: reqBody ? JSON.stringify(reqConfig.body) : void 0
+                })
+            }
+        ],
+        afterResponse: [
+            async (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 ADDED Viewed

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

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

@@ -1,22 +1,40 @@
-import { Options, HTTPError } from 'ky'
-import { Nullable } from '1k-types'
+import { HTTPError, NormalizedOptions, Options, TimeoutError } from 'ky'
+import { AnyArray, AnyObject, Nullable } from '1k-types'
+import { FetchError } from './tools'
-export interface configType extends Pick<Options, 'prefixUrl' | 'headers'> {
-    globalParams?: Record<string, any>
-    globalSearchParams?: Record<string, any>
-}
-export interface requestOptionsType extends Options {
-    responseType?: 'json' | 'text' | 'blob'
+export enum httpErrorType {
+    'HTTPError' = 'HTTPError',
+    'TimeoutError' = 'TimeoutError',
+    'FetchError' = 'FetchError'
 }
+export type httpBodyType = Nullable<string | number | AnyObject | AnyArray>
 export type beforeRequestType = (req: {
     searchParams: Record<string, any>
-    body: Nullable<Record<string, any>>
+    body: httpBodyType
     headers: Headers
     method: Options['method']
 }) => Promise<void> | void
-export type beforeErrorType = (error: HTTPError) => Promise<void> | void
+export type httpErrorHooksType = (
+    error: HTTPError | TimeoutError | FetchError
+) => Promise<void> | void
+export type AfterResponseHook = (arg: {
+    request: Request
+    options: NormalizedOptions
+    response: Response
+}) => Promise<void> | void
 export interface serviceHooksType {
-    beforeError: beforeErrorType[]
+    httpError: httpErrorHooksType[]
     beforeRequest: beforeRequestType[]
+    afterResponse: AfterResponseHook[]
+}
+export interface configType extends Pick<Options, 'prefixUrl' | 'headers'> {
+    globalParams?: Record<string, any>
+    globalSearchParams?: Record<string, any>
+    hooks?: Partial<serviceHooksType>
+}
+export interface requestOptionsType extends Options {
+    responseType?: 'json' | 'text' | 'blob'
 }

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

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

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

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

package/template/web-extension/tsconfig.json CHANGED Viewed

@@ -9,6 +9,7 @@
         "skipLibCheck": true,
         "esModuleInterop": false,
         "allowSyntheticDefaultImports": true,
+        "noImplicitAny": false,
         "strict": true,
         "forceConsistentCasingInFileNames": true,
         "strictPropertyInitialization": false,

package/template/web-extension/vite.config.ts CHANGED Viewed

@@ -1,29 +1,20 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
-import checker from 'vite-plugin-checker'
+import stylelint from 'vite-plugin-stylelint'
+import eslintPlugin from '@nabla/vite-plugin-eslint'
 import { crx } from '@crxjs/vite-plugin'
+import svgr from 'vite-plugin-svgr'
 import defineManifest from './defineManifest'
 // https://vitejs.dev/config/
 export default defineConfig(({ mode }) => {
     return {
         plugins: [
-            checker({
-                typescript: true,
-                eslint: {
-                    // for example, lint .ts and .tsx
-                    lintCommand: 'eslint **/*.{ts,tsx,js,jsx}',
-                    dev: {
-                        logLevel: ['error']
-                    }
-                },
-                stylelint: {
-                    lintCommand: 'stylelint **/*.{css,scss,less}',
-                    dev: {
-                        logLevel: ['error']
-                    }
-                },
-                enableBuild: false
+            svgr(),
+            stylelint({ cache: false, include: ['**/*.{css,scss,sass,less,styl,vue,svelte}'] }),
+            eslintPlugin({
+                eslintOptions: { cache: false, useEslintrc: true },
+                shouldLint: path => /\/[^?]*\.(vue|svelte|m?[jt]sx?)$/.test(path)
             }),
             react(),
             crx({ manifest: defineManifest({ mode }) })
@@ -35,6 +26,10 @@ export default defineConfig(({ mode }) => {
         },
         esbuild: {
             drop: mode === 'production' ? ['console', 'debugger'] : []
+        },
+        server: {
+            host: '0.0.0.0',
+            port: 30001
         }
     }
 })

package/template/workspace/pnpm/packages/test/package.json CHANGED Viewed

@@ -17,7 +17,7 @@
         "eslint-plugin-prettier": "4.2.1",
         "prettier": "2.8.8",
         "stylelint": "15.9.0",
-        "stylelint-config-standard": "33.0.0",
+        "stylelint-config-standard-scss": "13.0.0",
         "typescript": "5.1.3"
     }
 }

package/template/web-extension/content_script/content.spec.tsx DELETED Viewed

@@ -1,15 +0,0 @@
-import { render, screen } from '@testing-library/react'
-import Content from './content'
-describe('HelloWorld', () => {
-    it('should renders a msg', () => {
-        // arrange
-        render(<Content />)
-        // act
-        const title = screen.getByTestId('title')
-        // assert
-        expect(title).toHaveTextContent(/Hello React!/i)
-    })
-})

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

@@ -1,132 +0,0 @@
-import ky, { Hooks, KyInstance, Options } from 'ky'
-import { Input } from 'ky/distribution/types/options'
-import { assign, includes, isArray, isObject, omit } from 'lodash-es'
-import { parse, stringify } from 'qs'
-import { ArrayValues } from '1k-types'
-import { configType, requestOptionsType, serviceHooksType } from './types'
-function createServiceHooks() {
-    const serviceHooks: serviceHooksType = {
-        beforeError: [],
-        beforeRequest: []
-    }
-    const kyHooks: Hooks = {
-        beforeError: [
-            async error => {
-                await foreachHooks('beforeError', error)
-                return error
-            }
-        ],
-        beforeRequest: [
-            async req => {
-                // eslint-disable-next-line prefer-const
-                let [url, searchParams] = req.url.split('?')
-                let reqBody = void 0
-                if (!includes(['GET', 'HEAD'], req.method)) {
-                    try {
-                        reqBody = await req.json()
-                    } catch {
-                        /* empty */
-                    }
-                }
-                const parsedSearchParams = parse(searchParams)
-                const reqConfig = {
-                    searchParams: parsedSearchParams,
-                    body: reqBody,
-                    headers: req.headers,
-                    method: req.method
-                }
-                await foreachHooks('beforeRequest', reqConfig)
-                url = url + stringify(reqConfig.searchParams, { addQueryPrefix: true })
-                return new Request(url, {
-                    ...omit(req, 'url'),
-                    headers: reqConfig.headers,
-                    body: reqBody ? JSON.stringify(reqConfig.body) : void 0
-                })
-            }
-        ]
-    }
-    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
-    }
-}
-function createRequestActions(request: KyInstance) {
-    function creator(method: Required<Options>['method']) {
-        return function <DATA = any>(url: Input, option?: requestOptionsType): Promise<DATA> {
-            return request[method](url, omit(option, 'responseType'))[
-                option?.responseType || 'json'
-            ]()
-        }
-    }
-    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>
-export function createService(config: configType) {
-    const { kyHooks, addHooks } = 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(request)
-    function setGlobalParams(params: configType['globalParams']) {
-        assign(globalParams, params)
-    }
-    function setGlobalSearchParams(params: configType['globalSearchParams']) {
-        assign(globalSearchParams, params)
-    }
-    // 初始化
-    // ------------------------------------------------------------------------
-    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/workspace/nx/node_modules/.pnpm/minipass-fetch@3.0.3/node_modules/minipass-sized/.gitignore DELETED Viewed

@@ -1,22 +0,0 @@
-# ignore most things, include some others
-/*
-/.*
-!bin/
-!lib/
-!docs/
-!package.json
-!package-lock.json
-!README.md
-!CONTRIBUTING.md
-!LICENSE
-!CHANGELOG.md
-!example/
-!scripts/
-!tap-snapshots/
-!test/
-!.travis.yml
-!.gitignore
-!.gitattributes
-!coverage-map.js
-!index.js

package/template/workspace/nx/node_modules/.pnpm/minipass-sized@1.0.3/node_modules/minipass-sized/.gitignore DELETED Viewed

@@ -1,22 +0,0 @@
-# ignore most things, include some others
-/*
-/.*
-!bin/
-!lib/
-!docs/
-!package.json
-!package-lock.json
-!README.md
-!CONTRIBUTING.md
-!LICENSE
-!CHANGELOG.md
-!example/
-!scripts/
-!tap-snapshots/
-!test/
-!.travis.yml
-!.gitignore
-!.gitattributes
-!coverage-map.js
-!index.js