create-packer 1.43.10 → 1.43.12

package/package.json

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

package/template/lib/workspace/.storybook/main.ts

@@ -1,15 +1,8 @@
 import svgr from '@svgr/rollup'
 import type { StorybookConfig } from '@storybook/react-vite'
 
-function createStories(lib: string): string[] {
-    return [
-        `../packages/${lib}/src/**/*.mdx`,
-        `../packages/${lib}/src/**/*.stories.@(js|jsx|ts|tsx)`
-    ]
-}
-
 const config: StorybookConfig = {
-    stories: [...createStories('ts'), ...createStories('react')],
+    stories: [`../packages/**/*.mdx`, `../packages/**/*.stories.@(js|jsx|ts|tsx)`],
     addons: [
         '@storybook/addon-links',
         '@storybook/addon-essentials',

package/template/lib/workspace/package.json

@@ -43,12 +43,12 @@
     "devDependencies": {
         "@changesets/cli": "2.26.2",
         "@eslint/js": "9.15.0",
-        "@storybook/addon-essentials": "8.5.0",
-        "@storybook/addon-interactions": "8.5.0",
-        "@storybook/addon-links": "8.5.0",
-        "@storybook/blocks": "8.5.0",
-        "@storybook/react": "8.5.0",
-        "@storybook/react-vite": "8.5.0",
+        "@storybook/addon-essentials": "8.6.12",
+        "@storybook/addon-interactions": "8.6.12",
+        "@storybook/addon-links": "8.6.12",
+        "@storybook/blocks": "8.6.12",
+        "@storybook/react": "8.6.12",
+        "@storybook/react-vite": "8.6.12",
         "@storybook/testing-library": "0.2.2",
         "@svgr/rollup": "8.1.0",
         "@types/node": "20.3.2",
@@ -60,7 +60,7 @@
         "eslint-plugin-import": "2.31.0",
         "eslint-plugin-react": "7.37.2",
         "eslint-plugin-react-hooks": "5.1.0",
-        "eslint-plugin-storybook": "0.11.2",
+        "eslint-plugin-storybook": "0.12.0",
         "globals": "15.12.0",
         "inquirer": "^8.1.2",
         "postcss": "8.4.31",
@@ -72,7 +72,7 @@
         "prop-types": "15.8.1",
         "react": "18.2.0",
         "react-dom": "18.2.0",
-        "storybook": "8.5.0",
+        "storybook": "8.6.12",
         "stylelint": "16.10.0",
         "stylelint-config-standard-scss": "13.0.0",
         "ts-node": "10.9.1",

package/template/lib/workspace/packages/react/src/button/button.stories.ts

@@ -10,10 +10,11 @@ const meta: Meta<typeof Button> = {
         backgroundColor: { control: 'color' }
     }
 }
-type Story = StoryObj<typeof meta>
 
 export default meta
 
+type Story = StoryObj<typeof Button>
+
 // More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
 export const Primary: Story = {
     args: {

package/template/lib/workspace/packages/react/tsconfig.json

@@ -13,7 +13,7 @@
         "target": "ESNext",
         "noImplicitAny": false,
         "skipLibCheck": true,
-        "moduleResolution": "node",
+        "moduleResolution": "bundler",
         "sourceMap": false,
         "declaration": true,
         "outDir": "dist",

package/template/lib/workspace/packages/react/tsconfig.lint.json

@@ -13,7 +13,7 @@
         "target": "ESNext",
         "noImplicitAny": false,
         "skipLibCheck": true,
-        "moduleResolution": "node",
+        "moduleResolution": "bundler",
         "sourceMap": false,
         "baseUrl": "."
     },

package/template/lib/workspace/packages/ts/tsconfig.json

@@ -12,7 +12,7 @@
         "target": "ESNext",
         "noImplicitAny": false,
         "skipLibCheck": true,
-        "moduleResolution": "node",
+        "moduleResolution": "bundler",
         "sourceMap": false,
         "declaration": true,
         "outDir": "dist",

package/template/lib/workspace/packages/ts/tsconfig.lint.json

@@ -12,7 +12,7 @@
         "target": "ESNext",
         "noImplicitAny": false,
         "skipLibCheck": true,
-        "moduleResolution": "node",
+        "moduleResolution": "bundler",
         "sourceMap": false,
         "baseUrl": "."
     },

package/template/lib/workspace/tsconfig.json

@@ -13,7 +13,7 @@
         "target": "ESNext",
         "noImplicitAny": false,
         "skipLibCheck": true,
-        "moduleResolution": "node",
+        "moduleResolution": "bundler",
         "sourceMap": false,
         "declaration": true,
         "outDir": "dist",
@@ -32,4 +32,4 @@
             "path": "./tsconfig.node.json"
         }
     ]
-}
+}

package/template/lib/workspace/tsconfig.node.json

@@ -8,7 +8,7 @@
         "strictNullChecks": true,
         "target": "ESNext",
         "noImplicitAny": false,
-        "moduleResolution": "node",
+        "moduleResolution": "bundler",
         "sourceMap": false,
         "declaration": true,
         "outDir": "lib",
@@ -20,4 +20,4 @@
     "exclude": [
         "node_modules/**/*"
     ]
-}
+}

package/template/web-app/react-rsbuild/domain/app/components/app.tsx

@@ -1,5 +1,5 @@
 import { useLayoutEffect } from 'react'
-import { RouterProvider } from 'react-router-dom'
+import { RouterProvider } from 'react-router/dom'
 import { request } from '@/shared/service'
 import { routerInstance } from '@/domain/router'
 import { GlobalStyle } from '../app.styled'
@@ -18,7 +18,7 @@ export const Root = () => {
     return (
         <AppContext.Root>
             <GlobalStyle />
-            <RouterProvider router={routerInstance} fallbackElement={<>loading...</>} />
+            <RouterProvider router={routerInstance} />
         </AppContext.Root>
     )
 }

package/template/web-app/react-rsbuild/domain/router/components/route-layout.tsx

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react'
-import { Outlet } from 'react-router-dom'
+import { Outlet } from 'react-router'
 import { last } from 'lodash-es'
 import { routeType, useMatchRoutes } from '@/domain/router'
 

package/template/web-app/react-rsbuild/domain/router/components/sub-route-outlet.tsx

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react'
-import { Outlet } from 'react-router-dom'
+import { Outlet } from 'react-router'
 import { useMount } from 'react-use'
 import { last } from 'lodash-es'
 import { useMatchRoutes, useRouter, routeType } from '@/domain/router'

package/template/web-app/react-rsbuild/domain/router/router.tsx

@@ -1,5 +1,5 @@
 import { lazy } from 'react'
-import { createBrowserRouter } from 'react-router-dom'
+import { createBrowserRouter } from 'react-router'
 import { defineRouter, routeType } from '@/shared/hooks'
 import ids from './ids'
 import * as home from './home'
@@ -9,6 +9,7 @@ const routes: routeType[] = [
         path: '/',
         id: ids.root,
         Component: lazy(() => import('@/pages')),
+        hydrateFallbackElement: <>loading...</>,
         children: [
             ...home.routes,
             {

package/template/web-app/react-rsbuild/package.json

@@ -26,7 +26,7 @@
         "qs": "6.11.2",
         "react": "18.3.1",
         "react-dom": "18.3.1",
-        "react-router-dom": "6.14.0",
+        "react-router": "7.5.0",
         "react-use": "17.5.0",
         "styled-components": "6.1.11",
         "type-fest": "4.33.0",

package/template/web-app/react-rsbuild/pages/index.tsx

@@ -1,5 +1,5 @@
 import { useEffect } from 'react'
-import { Outlet, useLocation } from 'react-router-dom'
+import { Outlet, useLocation } from 'react-router'
 import { useRouter, routerIds } from '@/domain/router'
 
 const Layout = () => {

package/template/web-app/react-rsbuild/shared/hooks/defineRouter/defineRouter.types.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent, ReactNode } from 'react'
-import { RouteObject } from 'react-router-dom'
+import { RouteObject } from 'react-router'
 
 export type routeType = Omit<RouteObject, 'children' | 'id'> & {
     id: string

package/template/web-app/react-rsbuild/shared/hooks/defineRouter/deineRouter.tsx

@@ -1,5 +1,5 @@
 import { DependencyList, useEffect, useMemo } from 'react'
-import { useMatches, useSearchParams, NavigateOptions, createBrowserRouter } from 'react-router-dom'
+import { useMatches, useSearchParams, NavigateOptions, createBrowserRouter } from 'react-router'
 import { assign, isArray, reduce, get, map, split, omit, cloneDeep, last, forEach } from 'lodash-es'
 import { stringify, parse } from 'qs'
 import { defineStore } from 'define-zustand'

package/template/web-app/react-rsbuild/tsconfig.json

@@ -13,7 +13,7 @@
         "strictPropertyInitialization": false,
         "strictNullChecks": true,
         "module": "ESNext",
-        "moduleResolution": "Node",
+        "moduleResolution": "bundler",
         "resolveJsonModule": true,
         "isolatedModules": true,
         "noEmit": true,

package/template/web-app/react-rsbuild/tsconfig.node.json

@@ -2,7 +2,7 @@
     "compilerOptions": {
         "composite": true,
         "module": "ESNext",
-        "moduleResolution": "Node",
+        "moduleResolution": "bundler",
         "allowSyntheticDefaultImports": true,
         "resolveJsonModule": true
     },

package/template/web-app/react-vite/domain/app/components/app.tsx

@@ -1,5 +1,5 @@
 import { useLayoutEffect } from 'react'
-import { RouterProvider } from 'react-router-dom'
+import { RouterProvider } from 'react-router/dom'
 import { request } from '@/shared/service'
 import { routerInstance } from '@/domain/router'
 import { GlobalStyle } from '../app.styled'
@@ -18,7 +18,7 @@ export const Root = () => {
     return (
         <AppContext.Root>
             <GlobalStyle />
-            <RouterProvider router={routerInstance} fallbackElement={<>loading...</>} />
+            <RouterProvider router={routerInstance} />
         </AppContext.Root>
     )
 }

package/template/web-app/react-vite/domain/router/components/route-layout.tsx

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react'
-import { Outlet } from 'react-router-dom'
+import { Outlet } from 'react-router'
 import { last } from 'lodash-es'
 import { routeType, useMatchRoutes } from '@/domain/router'
 

package/template/web-app/react-vite/domain/router/components/sub-route-outlet.tsx

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react'
-import { Outlet } from 'react-router-dom'
+import { Outlet } from 'react-router'
 import { useMount } from 'react-use'
 import { last } from 'lodash-es'
 import { useMatchRoutes, useRouter, routeType } from '@/domain/router'

package/template/web-app/react-vite/domain/router/router.tsx

@@ -1,5 +1,5 @@
 import { lazy } from 'react'
-import { createBrowserRouter } from 'react-router-dom'
+import { createBrowserRouter } from 'react-router'
 import { defineRouter, routeType } from '@/shared/hooks'
 import ids from './ids'
 import * as home from './home'
@@ -9,6 +9,7 @@ const routes: routeType[] = [
         path: '/',
         id: ids.root,
         Component: lazy(() => import('@/pages')),
+        hydrateFallbackElement: <>loading...</>,
         children: [
             ...home.routes,
             {

package/template/web-app/react-vite/package.json

@@ -25,7 +25,7 @@
         "qs": "6.11.2",
         "react": "18.3.1",
         "react-dom": "18.3.1",
-        "react-router-dom": "6.14.0",
+        "react-router": "7.5.0",
         "react-use": "17.5.0",
         "styled-components": "6.1.11",
         "type-fest": "4.33.0",

package/template/web-app/react-vite/pages/index.tsx

@@ -1,5 +1,5 @@
 import { useEffect } from 'react'
-import { Outlet, useLocation } from 'react-router-dom'
+import { Outlet, useLocation } from 'react-router'
 import { useRouter, routerIds } from '@/domain/router'
 
 const Layout = () => {

package/template/web-app/react-vite/shared/hooks/defineRouter/defineRouter.types.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent, ReactNode } from 'react'
-import { RouteObject } from 'react-router-dom'
+import { RouteObject } from 'react-router'
 
 export type routeType = Omit<RouteObject, 'children' | 'id'> & {
     id: string

package/template/web-app/react-vite/shared/hooks/defineRouter/deineRouter.tsx

@@ -1,5 +1,5 @@
 import { DependencyList, useEffect, useMemo } from 'react'
-import { useMatches, useSearchParams, NavigateOptions, createBrowserRouter } from 'react-router-dom'
+import { useMatches, useSearchParams, NavigateOptions, createBrowserRouter } from 'react-router'
 import { assign, isArray, reduce, get, map, split, omit, cloneDeep, last, forEach } from 'lodash-es'
 import { stringify, parse } from 'qs'
 import { defineStore } from 'define-zustand'

package/template/web-app/react-vite/tsconfig.json

@@ -13,7 +13,7 @@
         "strictPropertyInitialization": false,
         "strictNullChecks": true,
         "module": "ESNext",
-        "moduleResolution": "Node",
+        "moduleResolution": "bundler",
         "resolveJsonModule": true,
         "isolatedModules": true,
         "noEmit": true,

package/template/web-app/react-vite/tsconfig.node.json

@@ -2,7 +2,7 @@
     "compilerOptions": {
         "composite": true,
         "module": "ESNext",
-        "moduleResolution": "Node",
+        "moduleResolution": "bundler",
         "allowSyntheticDefaultImports": true,
         "resolveJsonModule": true
     },

package/template/web-app/vue/.stylelintrc

@@ -1,5 +1,11 @@
 {
     "extends": "stylelint-config-standard-scss",
+    "overrides": [
+        {
+            "files": ["*.html", "**/*.html", "*.vue", "**/*.vue"],
+            "customSyntax": "postcss-html"
+        }
+    ],
     "rules": {
         "comment-empty-line-before": "never",
         "no-empty-source": null,

package/template/web-app/vue/eslint.config.js

@@ -99,6 +99,7 @@ export default tseslint.config([
             'vue/html-indent': ['error', 4],
             'vue/require-default-prop': 'off',
             'vue/one-component-per-file': 'off',
+            'vue/no-dupe-keys': 'off',
             'vue/html-self-closing': [
                 'error',
                 {

package/template/web-app/vue/package.json

@@ -49,6 +49,7 @@
         "husky": "9.1.6",
         "inquirer": "8.1.2",
         "postcss": "8.4.38",
+        "postcss-html": "1.8.0",
         "postcss-import": "16.1.0",
         "postcss-nesting": "12.1.1",
         "prettier": "3.2.5",

package/template/web-app/vue/tsconfig.json

@@ -4,9 +4,10 @@
         "target": "ESNext",
         "useDefineForClassFields": true,
         "module": "ESNext",
-        "moduleResolution": "Node",
+        "moduleResolution": "bundler",
         "strict": true,
         "jsx": "preserve",
+        "jsxImportSource": "vue",
         "sourceMap": true,
         "resolveJsonModule": true,
         "isolatedModules": true,

package/template/web-app/vue/tsconfig.node.json

@@ -2,7 +2,7 @@
     "compilerOptions": {
         "composite": true,
         "module": "ESNext",
-        "moduleResolution": "Node",
+        "moduleResolution": "bundler",
         "allowSyntheticDefaultImports": true,
         "resolveJsonModule": true
     },

package/template/web-app/vue-rsbuild/.stylelintrc

@@ -1,5 +1,11 @@
 {
     "extends": "stylelint-config-standard-scss",
+    "overrides": [
+        {
+            "files": ["*.html", "**/*.html", "*.vue", "**/*.vue"],
+            "customSyntax": "postcss-html"
+        }
+    ],
     "rules": {
         "comment-empty-line-before": "never",
         "no-empty-source": null,

package/template/web-app/vue-rsbuild/eslint.config.js

@@ -90,6 +90,7 @@ export default tseslint.config([
             'vue/html-indent': ['error', 4],
             'vue/require-default-prop': 'off',
             'vue/one-component-per-file': 'off',
+            'vue/no-dupe-keys': 'off',
             'vue/html-self-closing': [
                 'error',
                 {

package/template/web-app/vue-rsbuild/package.json

@@ -54,6 +54,7 @@
         "husky": "9.1.6",
         "inquirer": "8.1.2",
         "postcss": "8.4.38",
+        "postcss-html": "1.8.0",
         "postcss-import": "16.1.0",
         "postcss-nesting": "12.1.1",
         "prettier": "3.2.5",

package/template/web-app/vue-rsbuild/tsconfig.json

@@ -4,9 +4,10 @@
         "target": "ESNext",
         "useDefineForClassFields": true,
         "module": "ESNext",
-        "moduleResolution": "Node",
+        "moduleResolution": "bundler",
         "strict": true,
         "jsx": "preserve",
+        "jsxImportSource": "vue",
         "sourceMap": true,
         "resolveJsonModule": true,
         "isolatedModules": true,

package/template/web-app/vue-rsbuild/tsconfig.node.json

@@ -2,7 +2,7 @@
     "compilerOptions": {
         "composite": true,
         "module": "ESNext",
-        "moduleResolution": "Node",
+        "moduleResolution": "bundler",
         "allowSyntheticDefaultImports": true,
         "resolveJsonModule": true
     },

package/template/web-extension/tsconfig.json

@@ -13,7 +13,7 @@
         "strictPropertyInitialization": false,
         "strictNullChecks": true,
         "module": "ESNext",
-        "moduleResolution": "Node",
+        "moduleResolution": "bundler",
         "resolveJsonModule": true,
         "isolatedModules": true,
         "noEmit": true,

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

@@ -2,7 +2,7 @@
     "compilerOptions": {
         "composite": true,
         "module": "ESNext",
-        "moduleResolution": "Node",
+        "moduleResolution": "bundler",
         "allowSyntheticDefaultImports": true,
         "resolveJsonModule": true
     },