create-packer 1.12.0 → 1.12.1

package/package.json

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

package/template/react/.gitignore

@@ -15,6 +15,7 @@ dist-ssr
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json
+.history
 .idea
 .DS_Store
 *.suo

package/template/react/.stylelintrc

@@ -5,6 +5,7 @@
         "comment-empty-line-before": "never",
         "no-empty-source": null,
         "no-descending-specificity": null,
+        "string-quotes": "single",
         "at-rule-no-unknown": [
             true,
             {

package/template/react/.vscode/extensions.json

@@ -1,3 +1,8 @@
 {
-    "recommendations": ["dbaeumer.vscode-eslint", "esbenp.prettier-vscode"]
+    "recommendations": [
+        "dbaeumer.vscode-eslint",
+        "esbenp.prettier-vscode",
+        "stylelint.vscode-stylelint",
+        "bradlc.vscode-tailwindcss"
+    ]
 }

package/template/react/package.json

@@ -20,46 +20,46 @@
         "commit": "git add . && npm run cz"
     },
     "dependencies": {
-        "immer": "9.0.15",
-        "lodash-es": "^4.17.21",
+        "immer": "9.0.16",
+        "lodash-es": "4.17.21",
         "react": "18.2.0",
         "react-dom": "18.2.0",
-        "react-router-dom": "6.3.0",
-        "zustand": "4.0.0"
+        "react-router-dom": "6.4.3",
+        "zustand": "4.1.4"
     },
     "devDependencies": {
-        "@testing-library/dom": "8.14.0",
+        "@testing-library/dom": "8.19.0",
         "@testing-library/jest-dom": "5.16.5",
-        "@testing-library/react": "13.3.0",
-        "@testing-library/user-event": "14.4.2",
-        "@types/jest": "28.1.6",
-        "@types/lodash-es": "^4.17.6",
-        "@types/react": "18.0.15",
-        "@types/react-dom": "18.0.6",
+        "@testing-library/react": "13.4.0",
+        "@testing-library/user-event": "14.4.3",
+        "@types/jest": "29.2.3",
+        "@types/lodash-es": "4.17.6",
+        "@types/react": "18.0.25",
+        "@types/react-dom": "18.0.9",
         "@types/testing-library__jest-dom": "5.14.5",
-        "@typescript-eslint/eslint-plugin": "5.32.0",
-        "@typescript-eslint/parser": "5.32.0",
-        "@vitejs/plugin-react": "2.0.0",
-        "autoprefixer": "10.4.8",
+        "@typescript-eslint/eslint-plugin": "5.44.0",
+        "@typescript-eslint/parser": "5.44.0",
+        "@vitejs/plugin-react": "2.2.0",
+        "autoprefixer": "10.4.13",
         "commitizen": "4.2.5",
-        "cssnano": "5.1.12",
+        "cssnano": "5.1.14",
         "cz-adapter-eslint": "0.3.0",
-        "eslint": "8.21.0",
-        "eslint-plugin-prettier": "4.0.0",
-        "eslint-plugin-react": "7.30.1",
+        "eslint": "8.28.0",
+        "eslint-plugin-prettier": "4.2.1",
+        "eslint-plugin-react": "7.31.11",
         "eslint-plugin-react-hooks": "4.6.0",
-        "husky": "8.0.1",
-        "jest": "28.1.3",
-        "jest-environment-jsdom": "28.1.3",
-        "postcss": "8.4.14",
-        "postcss-import": "14.1.0",
-        "postcss-nesting": "10.1.10",
+        "husky": "8.0.2",
+        "jest": "29.3.1",
+        "jest-environment-jsdom": "29.3.1",
+        "postcss": "8.4.19",
+        "postcss-import": "15.0.0",
+        "postcss-nesting": "10.2.0",
         "prettier": "2.7.1",
-        "stylelint": "14.9.1",
-        "stylelint-config-standard": "26.0.0",
-        "tailwindcss": "3.1.8",
-        "typescript": "4.7.4",
-        "vite": "3.0.9",
+        "stylelint": "14.15.0",
+        "stylelint-config-standard": "29.0.0",
+        "tailwindcss": "3.2.4",
+        "typescript": "4.9.3",
+        "vite": "3.2.4",
         "vite-plugin-eslint": "1.8.1"
     },
     "config": {

package/template/react/src/layout/components/Loading.tsx

@@ -0,0 +1,3 @@
+export default function Loading() {
+    return <>loading...</>
+}

package/template/react/src/layout/components/index.ts

@@ -0,0 +1 @@
+export { default as Loading } from './Loading'

package/template/react/src/layout/index.ts

@@ -1 +1 @@
-export { default } from './layout.container'
+export { default as Container } from './layout.container'

package/template/react/src/layout/layout.container.tsx

@@ -1,10 +1,11 @@
-import React from 'react'
+import { Suspense } from 'react'
 import { Outlet } from 'react-router-dom'
+import { Loading } from './components'
 
 export default function Layout() {
     return (
-        <div>
+        <Suspense fallback={<Loading />}>
             <Outlet />
-        </div>
+        </Suspense>
     )
 }

package/template/react/src/main.tsx

@@ -1,13 +1,11 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
-import { BrowserRouter } from 'react-router-dom'
-import Route from '@/router'
+import { RouterProvider } from 'react-router-dom'
+import { router } from '@/router'
 import './index.css'
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
     <React.StrictMode>
-        <BrowserRouter>
-            <Route />
-        </BrowserRouter>
+        <RouterProvider router={router} />
     </React.StrictMode>
 )

package/template/react/src/pages/home/index.ts

@@ -1 +1 @@
-export { default } from './home.container'
+export { default as Container } from './home.container'

package/template/react/src/pages/notFound/index.ts

@@ -1 +1 @@
-export { default } from './notFound.container'
+export { default as Container } from './notFound.container'

package/template/react/src/router/home/home.paths.ts

@@ -0,0 +1 @@
+export default {}

package/template/react/src/router/home/home.routes.tsx

@@ -0,0 +1,13 @@
+import { lazy } from 'react'
+import type { RouteObject } from 'react-router-dom'
+
+const Home = lazy(() => import('@/pages/home/home.container'))
+
+const routes: RouteObject[] = [
+    {
+        index: true,
+        element: <Home />
+    }
+]
+
+export default routes

package/template/react/src/router/home/index.ts

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

package/template/react/src/router/index.ts

@@ -1,2 +1,2 @@
-export { default } from './router.container'
 export { default as routePaths } from '././router.paths'
+export { default as router } from './router.config'

package/template/react/src/router/router.config.tsx

@@ -1,26 +1,19 @@
 import { lazy } from 'react'
-import { RouteObject } from 'react-router-dom'
+import { createBrowserRouter } from 'react-router-dom'
+import * as home from './home'
 import paths from './router.paths'
-import Layout from '@/layout'
-import Home from '@/pages/home'
 
-const NotFound = lazy(() => import('@/pages/notFound'))
+const Layout = lazy(() => import('@/layout/layout.container'))
+const NotFound = lazy(() => import('@/pages/notFound/notFound.container'))
 
-const routerConfig: RouteObject[] = [
+export default createBrowserRouter([
     {
         path: paths.root,
         element: <Layout />,
-        children: [
-            {
-                index: true,
-                element: <Home />
-            }
-        ]
+        children: [...home.routes]
     },
     {
         path: '*',
         element: <NotFound />
     }
-]
-
-export default routerConfig
+])

package/template/react/src/router/router.paths.ts

@@ -1,3 +1,5 @@
+import * as home from './home'
 export default {
-    root: '/'
+    root: '/',
+    ...home.paths
 }