npm - create-packer - Versions diffs - 1.39.3 → 1.40.0 - Mend

create-packer 1.39.3 → 1.40.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 (75) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "create-packer",
-  "version": "1.39.3",
+  "version": "1.40.0",
   "main": "index.js",
   "repository": "https://github.com/kevily/create-packer",
   "author": "1k <bug_zero@163.com>",

package/template/lib/workspace/packages/react/package.json CHANGED Viewed

@@ -4,6 +4,10 @@
     "description": "",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
+    "sideEffects": [
+        "*.css",
+        "*.scss"
+    ],
     "scripts": {
         "lint": "tsc --noEmit -p tsconfig.lint.json",
         "test": "echo \"Error: no test specified\" && exit 1",

package/template/lib/workspace/packages/ts/package.json CHANGED Viewed

@@ -4,6 +4,7 @@
     "description": "",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
+    "sideEffects": false,
     "scripts": {
         "lint": "tsc --noEmit -p tsconfig.lint.json",
         "build": "tsc",

package/template/web-app/react-rsbuild/index.html CHANGED Viewed

@@ -4,7 +4,6 @@
         <meta charset="UTF-8" />
         <link rel="icon" type="image/svg+xml" href="/rsbuild-logo.svg" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Rspack + React + TS</title>
     </head>
     <body>
         <div id="root"></div>

package/template/web-app/react-rsbuild/rsbuild.config.ts CHANGED Viewed

@@ -10,10 +10,10 @@ import { createChunks } from './scripts'
 export default defineConfig(({ envMode, command }) => {
     const { parsed: env } = loadEnv()
-    const proxyBaseUrl = env.PUBLIC_API_HOST
     return {
         html: {
-            template: './index.html'
+            template: './index.html',
+            title: 'Rspack + React + TS'
         },
         source: {
             entry: {
@@ -41,7 +41,11 @@ export default defineConfig(({ envMode, command }) => {
         },
         plugins: [
             pluginTypeCheck(),
-            pluginEslint(),
+            pluginEslint({
+                eslintPluginOptions: {
+                    configType: 'flat'
+                }
+            }),
             pluginStyledComponents({
                 ssr: false,
                 displayName: false,
@@ -68,11 +72,8 @@ export default defineConfig(({ envMode, command }) => {
             compress: false,
             proxy: [
                 {
-                    context: [proxyBaseUrl],
-                    target: 'http://127.0.0.1:3000',
-                    pathRewrite: {
-                        [proxyBaseUrl]: ''
-                    }
+                    context: [env.PUBLIC_API_HOST],
+                    target: 'http://127.0.0.1:3000'
                 }
             ]
         }

package/template/web-app/react-webpack/.editorconfig DELETED Viewed

@@ -1,14 +0,0 @@
-# editorconfig.org
-root = true
-[*]
-charset = utf-8
-indent_size = 4
-indent_style = space
-insert_final_newline = true
-trim_trailing_whitespace = true
-[*.md]
-trim_trailing_whitespace = false

package/template/web-app/react-webpack/.env DELETED Viewed

	@@ -1,2 +0,0 @@
1	- ENV_BASE_URL=/
2	- ENV_API_HOST=

package/template/web-app/react-webpack/.env.dev DELETED Viewed

	@@ -1,2 +0,0 @@
1	- ENV_BASE_URL=/dev
2	- ENV_API_HOST=/api

package/template/web-app/react-webpack/.gitignore DELETED Viewed

@@ -1,27 +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
-stats.html
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-!.vscode/settings.json
-.history
-.idea
-.DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?

package/template/web-app/react-webpack/.husky/commit-msg DELETED Viewed

@@ -1,4 +0,0 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-npx --no -- commitlint --edit

package/template/web-app/react-webpack/.husky/pre-commit DELETED Viewed

@@ -1,4 +0,0 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-npm run lint

package/template/web-app/react-webpack/.prettierignore DELETED Viewed

@@ -1,6 +0,0 @@
-**/*.md
-**/*.svg
-**/*.ejs
-**/*.html
-.history
-dist

package/template/web-app/react-webpack/.prettierrc DELETED Viewed

@@ -1,18 +0,0 @@
-{
-    "overrides": [
-        {
-            "files": ".prettierrc",
-            "options": { "parser": "json" }
-        }
-    ],
-    "printWidth": 100,
-    "tabWidth": 4,
-    "useTabs": false,
-    "semi": false,
-    "singleQuote": true,
-    "trailingComma": "none",
-    "bracketSpacing": true,
-    "bracketSameLine": false,
-    "arrowParens": "avoid",
-    "rangeStart": 0
-}

package/template/web-app/react-webpack/.stylelintignore DELETED Viewed

@@ -1,4 +0,0 @@
-node_modules
-/dist
-/.vscode
-/.history

package/template/web-app/react-webpack/.stylelintrc DELETED Viewed

@@ -1,24 +0,0 @@
-{
-    "extends": "stylelint-config-standard",
-    "customSyntax": "postcss-styled-syntax",
-    "rules": {
-        "comment-empty-line-before": "never",
-        "no-empty-source": null,
-        "alpha-value-notation": null,
-        "color-function-notation": null,
-        "at-rule-no-unknown": [
-            true,
-            {
-                "ignoreAtRules": ["use"]
-            }
-        ],
-        "declaration-block-no-redundant-longhand-properties": null,
-        "selector-pseudo-class-no-unknown": [
-            true,
-            {
-                "ignorePseudoClasses": ["global"]
-            }
-        ],
-        "selector-class-pattern": null
-    }
-}

package/template/web-app/react-webpack/.vscode/extensions.json DELETED Viewed

@@ -1,8 +0,0 @@
-{
-    "recommendations": [
-        "dbaeumer.vscode-eslint",
-        "stylelint.vscode-stylelint",
-        "esbenp.prettier-vscode",
-        "styled-components.vscode-styled-components"
-    ]
-}

package/template/web-app/react-webpack/.vscode/settings.json DELETED Viewed

@@ -1,4 +0,0 @@
-{
-    "stylelint.validate": ["css", "less", "postcss", "scss", "typescript", "typescriptreact"],
-    "stylelint.snippet": ["css", "less", "postcss", "scss", "typescript", "typescriptreact"]
-}

package/template/web-app/react-webpack/README.md DELETED Viewed

@@ -1,13 +0,0 @@
-# react-app-webpack
--   dev: pnpm run dev -> use ".env.dev"
--   build: pnpm run build -> use ".env"
-# svg
--   import IconReact from '@/assets/react.svg' -> ReactComponent
--   import iconReact from '@/assets/react.svg?url' -> svg url
-# style
--   index.module.css -> css module

package/template/web-app/react-webpack/commitlint.config.js DELETED Viewed

	@@ -1 +0,0 @@
1	- module.exports = { extends: ['@commitlint/config-conventional'] }

package/template/web-app/react-webpack/domain/app/app.model.ts DELETED Viewed

@@ -1,7 +0,0 @@
-import { defineStore } from 'define-zustand'
-export const useApp = defineStore({
-    state: () => ({}),
-    getter: {},
-    actions: () => ({})
-})

package/template/web-app/react-webpack/domain/app/app.styled.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { createGlobalStyle } from 'styled-components'
-export const GlobalStyle = createGlobalStyle``

package/template/web-app/react-webpack/domain/app/components/app-context.tsx DELETED Viewed

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

package/template/web-app/react-webpack/domain/app/components/app.tsx DELETED Viewed

@@ -1,24 +0,0 @@
-import { useLayoutEffect } from 'react'
-import { RouterProvider } from 'react-router-dom'
-import { request } from '@/shared/service'
-import { routerInstance } from '@/domain/router'
-import { GlobalStyle } from '../app.styled'
-import * as AppContext from './app-context'
-export const Root = () => {
-    useLayoutEffect(() => {
-        request.interceptors.response.use(
-            res => res,
-            error => {
-                console.log(error)
-            }
-        )
-    }, [])
-    return (
-        <AppContext.Root>
-            <GlobalStyle />
-            <RouterProvider router={routerInstance} fallbackElement={<>loading...</>} />
-        </AppContext.Root>
-    )
-}

package/template/web-app/react-webpack/domain/app/components/index.ts DELETED Viewed

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

package/template/web-app/react-webpack/domain/app/index.ts DELETED Viewed

	@@ -1,2 +0,0 @@
1	- export * from './app.model'
2	- export * from './components'

package/template/web-app/react-webpack/domain/router/components/index.ts DELETED Viewed

	@@ -1,2 +0,0 @@
1	- export * as SubRouteOutlet from './sub-route-outlet'
2	- export * as RouteLayout from './route-layout'

package/template/web-app/react-webpack/domain/router/components/route-layout.tsx DELETED Viewed

@@ -1,19 +0,0 @@
-import { FunctionComponent } from 'react'
-import { Outlet } from 'react-router-dom'
-import { last } from 'lodash-es'
-import { routeType, useMatchRoutes } from '@/domain/router'
-export interface propsType {
-    Index: FunctionComponent
-    rootId: routeType['id']
-}
-export const Root: FunctionComponent<propsType> = ({ Index, rootId }) => {
-    const matchRoutes = useMatchRoutes()
-    if (last(matchRoutes)?.id === rootId) {
-        return <Index />
-    }
-    return <Outlet />
-}

package/template/web-app/react-webpack/domain/router/components/sub-route-outlet.tsx DELETED Viewed

@@ -1,22 +0,0 @@
-import { FunctionComponent } from 'react'
-import { Outlet } from 'react-router-dom'
-import { useMount } from 'react-use'
-import { last } from 'lodash-es'
-import { useMatchRoutes, useRouter, routeType } from '@/domain/router'
-export interface propsType {
-    rootId: routeType['id']
-    homeId: routeType['id']
-}
-export const Root: FunctionComponent<propsType> = props => {
-    const matchRoutes = useMatchRoutes()
-    const navigate = useRouter(state => state.navigate)
-    useMount(() => {
-        if (last(matchRoutes)?.id === props.rootId) {
-            navigate({ id: props.homeId })
-        }
-    })
-    return <Outlet />
-}

package/template/web-app/react-webpack/domain/router/home/ids.ts DELETED Viewed

@@ -1,3 +0,0 @@
-export default {
-    home: 'home'
-}

package/template/web-app/react-webpack/domain/router/home/index.ts DELETED Viewed

	@@ -1,2 +0,0 @@
1	- export { default as routes } from './routes'
2	- export { default as ids } from './ids'

package/template/web-app/react-webpack/domain/router/home/routes.tsx DELETED Viewed

@@ -1,13 +0,0 @@
-import { lazy } from 'react'
-import ids from './ids'
-import type { routeType } from '../router.types'
-const routes: routeType[] = [
-    {
-        path: 'home',
-        id: ids.home,
-        Component: lazy(() => import('@/pages/home'))
-    }
-]
-export default routes

package/template/web-app/react-webpack/domain/router/ids.ts DELETED Viewed

@@ -1,6 +0,0 @@
-import * as home from './home'
-export default {
-    root: 'root',
-    notFound: 'notFound',
-    ...home.ids
-}

package/template/web-app/react-webpack/domain/router/index.ts DELETED Viewed

@@ -1,4 +0,0 @@
-export { default as routerIds } from './ids'
-export * from './router'
-export * from './router.types'
-export * from './components'

package/template/web-app/react-webpack/domain/router/router.tsx DELETED Viewed

@@ -1,28 +0,0 @@
-import { lazy } from 'react'
-import { createBrowserRouter } from 'react-router-dom'
-import { defineRouter, routeType } from '@/shared/hooks'
-import ids from './ids'
-import * as home from './home'
-const routes: routeType[] = [
-    {
-        path: '/',
-        id: ids.root,
-        Component: lazy(() => import('@/pages')),
-        children: [
-            ...home.routes,
-            {
-                path: '*',
-                id: ids.notFound,
-                Component: lazy(() => import('@/pages/not-found'))
-            }
-        ]
-    }
-]
-export const routerInstance = createBrowserRouter(routes as never, {
-    basename: ENV_BASE_URL
-})
-export const { useMatchRoutes, useQuery, useRouter, useRoutePermission } =
-    defineRouter(routerInstance)

package/template/web-app/react-webpack/domain/router/router.types.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { routeType as $routeType } from '@/shared/hooks'
-export type routeType = $routeType

package/template/web-app/react-webpack/eslint.config.js DELETED Viewed

@@ -1,104 +0,0 @@
-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/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: ['react', 'react-router', 'react-router-dom']
-                }
-            ],
-            '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',
-            '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-app/react-webpack/global.d.ts DELETED Viewed

@@ -1,26 +0,0 @@
-import 'styled-components'
-import { themeType } from './shared/theme'
-declare global {
-    const ENV_BASE_URL: string
-    const ENV_API_HOST: string
-}
-declare module '*.css'
-declare module '*.less'
-declare module '*.scss'
-declare module '*.png'
-declare module '*.webp'
-declare module '*.svg?url' {
-    const url: string
-    export default url
-}
-declare module '*.svg' {
-    import * as React from 'react'
-    function ReactComponent(props: React.SVGProps<SVGSVGElement>): React.ReactElement
-    export default ReactComponent
-}
-declare module 'styled-components' {
-    export interface DefaultTheme extends themeType {}
-}

package/template/web-app/react-webpack/index.css DELETED Viewed

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

package/template/web-app/react-webpack/index.html DELETED Viewed

@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="en">
-    <head>
-        <meta charset="UTF-8" />
-        <link rel="icon" type="image/svg+xml" href="/react.svg" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>webpack5 + React + TS</title>
-    </head>
-    <body>
-        <div id="root"></div>
-    </body>
-</html>

package/template/web-app/react-webpack/main.tsx DELETED Viewed

@@ -1,4 +0,0 @@
-import { createRoot } from 'react-dom/client'
-import { App } from '@/domain/app'
-createRoot(document.getElementById('root') as HTMLElement).render(<App.Root />)