create-packer 1.26.4 → 1.28.0

package/template/web-app/react/.eslintrc

@@ -1,92 +1,92 @@
-{
-    "root": true,
-    "parser": "@typescript-eslint/parser",
-    "plugins": ["prettier"],
-    "extends": [
-        "eslint:recommended",
-        "plugin:@typescript-eslint/recommended",
-        "plugin:react/recommended",
-        "plugin:react-hooks/recommended",
-        "plugin:import/recommended",
-        "plugin:import/typescript"
-    ],
-    "settings": {
-        "import/resolver": {
-            "typescript": true,
-            "node": true
-        },
-        "react": {
-            "version": "18"
-        }
-    },
-    "env": {
-        "browser": true,
-        "node": true,
-        "es6": true,
-        "jest": true
-    },
-    "parserOptions": {
-        "ecmaVersion": 2018,
-        "sourceType": "module",
-        "ecmaFeatures": {
-            "jsx": true
-        },
-        "useJSXTextNode": true
-    },
-    "rules": {
-        "import/export": "off",
-        "import/namespace": "off",
-        "import/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-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": "warn",
-        "react/display-name": "off",
-        "react/react-in-jsx-scope": "off",
-        "prettier/prettier": [
-            "error",
-            {
-                "endOfLine": "auto"
-            }
-        ],
-        "no-constant-condition": "off"
-    }
-}
+{
+    "root": true,
+    "parser": "@typescript-eslint/parser",
+    "plugins": ["prettier"],
+    "extends": [
+        "eslint:recommended",
+        "plugin:@typescript-eslint/recommended",
+        "plugin:react/recommended",
+        "plugin:react-hooks/recommended",
+        "plugin:import/recommended",
+        "plugin:import/typescript"
+    ],
+    "settings": {
+        "import/resolver": {
+            "typescript": true,
+            "node": true
+        },
+        "react": {
+            "version": "18"
+        }
+    },
+    "env": {
+        "browser": true,
+        "node": true,
+        "es6": true,
+        "jest": true
+    },
+    "parserOptions": {
+        "ecmaVersion": 2018,
+        "sourceType": "module",
+        "ecmaFeatures": {
+            "jsx": true
+        },
+        "useJSXTextNode": true
+    },
+    "rules": {
+        "import/export": "off",
+        "import/namespace": "off",
+        "import/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-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",
+        "prettier/prettier": [
+            "error",
+            {
+                "endOfLine": "auto"
+            }
+        ],
+        "no-constant-condition": "off"
+    }
+}

package/template/web-app/react/.gitignore

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

package/template/web-app/react/.husky/commit-msg

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

package/template/web-app/react/.husky/pre-commit

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

package/template/web-app/react/.prettierignore

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

package/template/web-app/react/.stylelintignore

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

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

@@ -1,23 +1,29 @@
-{
-    "extends": "stylelint-config-standard",
-    "rules": {
-        "comment-empty-line-before": "never",
-        "no-empty-source": null,
-        "alpha-value-notation": null,
-        "color-function-notation": null,
-        "no-descending-specificity": null,
-        "at-rule-no-unknown": [
-            true,
-            {
-                "ignoreAtRules": ["tailwind", "apply", "use"]
-            }
-        ],
-        "selector-pseudo-class-no-unknown": [
-            true,
-            {
-                "ignorePseudoClasses": ["global"]
-            }
-        ],
-        "selector-class-pattern": null
-    }
-}
+{
+    "extends": "stylelint-config-standard-scss",
+    "rules": {
+        "comment-empty-line-before": "never",
+        "no-empty-source": null,
+        "alpha-value-notation": null,
+        "color-function-notation": null,
+        "at-rule-no-unknown": [
+            true,
+            {
+                "ignoreAtRules": ["tailwind", "apply", "use"]
+            }
+        ],
+        "declaration-block-no-redundant-longhand-properties": null,
+        "selector-pseudo-class-no-unknown": [
+            true,
+            {
+                "ignorePseudoClasses": ["global"]
+            }
+        ],
+        "selector-class-pattern": null,
+        "scss/at-rule-no-unknown": [
+            true,
+            {
+                "ignoreAtRules": ["tailwind", "a    pply"]
+            }
+        ]
+    }
+}

package/template/web-app/react/README.md

@@ -1,14 +1,14 @@
-## Vite + react18 + Typescript
-
-### Features
-- Vite 3.x
-- React 18.x
-- Typescript 4.x
-- react-router 6.x
-- Zustand 4.x
-- Tailwindcss 3.x
-- Jest 28.x
-- Eslint
-- Prettier
-- axios 1.x
-- Alias @ to <project_root>/src
+## Vite + react18 + Typescript
+
+### Features
+- Vite 4.x
+- React 18.x
+- Typescript 4.x
+- react-router 6.x
+- Zustand 4.x
+- Tailwindcss 3.x
+- Jest 28.x
+- Eslint
+- Prettier
+- axios 1.x
+- Alias @ to <project_root>/src

package/template/web-app/react/commitlint.config.cjs

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

package/template/web-app/react/domain/app/app.model.ts

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

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

@@ -1,17 +1,23 @@
-import { FunctionComponent, ReactNode, StrictMode, useLayoutEffect } from 'react'
-import { request } from '@/shared/service'
-
-const App: FunctionComponent<{ children: ReactNode }> = props => {
-    useLayoutEffect(() => {
-        request.interceptors.response.use(
-            res => res,
-            error => {
-                console.log(error)
-            }
-        )
-    }, [])
-
-    return <StrictMode>{props.children}</StrictMode>
-}
-
-export default App
+import { StrictMode, useLayoutEffect } from 'react'
+import { RouterProvider } from 'react-router-dom'
+import { request } from '@/shared/service'
+import { routerInstance } from '@/domain/router'
+
+const App = () => {
+    useLayoutEffect(() => {
+        request.interceptors.response.use(
+            res => res,
+            error => {
+                console.log(error)
+            }
+        )
+    }, [])
+
+    return (
+        <StrictMode>
+            <RouterProvider router={routerInstance} />
+        </StrictMode>
+    )
+}
+
+export default App

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

@@ -1 +1 @@
-export { default as App } from './app'
+export { default as App } from './app'

package/template/web-app/react/domain/app/index.ts

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

package/template/web-app/react/{router → domain/router}/home/ids.ts

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

package/template/web-app/react/{router → domain/router}/home/index.ts

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

package/template/web-app/{react-webpack → react/domain}/router/home/routes.tsx

@@ -1,13 +1,13 @@
-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
+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 → react/domain}/router/ids.ts

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

package/template/web-app/react/{router → domain/router}/index.ts

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

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

@@ -0,0 +1,28 @@
+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: import.meta.env.VITE_BASE_URL
+})
+
+export const { useMatchRoutes, useQuery, useRouter, useRoutePermission } =
+    defineRouter(routerInstance)

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

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

package/template/web-app/react/index.css

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

package/template/web-app/react/index.html

@@ -1,13 +1,13 @@
-<!doctype html>
-<html lang="en">
-    <head>
-        <meta charset="UTF-8" />
-        <link rel="icon" type="image/svg+xml" href="/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="/main.tsx"></script>
-    </body>
-</html>
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <link rel="icon" type="image/svg+xml" href="/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="/main.tsx"></script>
+    </body>
+</html>

package/template/web-app/react/main.tsx

@@ -1,11 +1,5 @@
-import { createRoot } from 'react-dom/client'
-import { RouterProvider } from 'react-router-dom'
-import { App } from '@/domain/app'
-import { router } from 'router'
-import './index.css'
-
-createRoot(document.getElementById('root') as HTMLElement).render(
-    <App>
-        <RouterProvider router={router} />
-    </App>
-)
+import { createRoot } from 'react-dom/client'
+import { App } from '@/domain/app'
+import './index.css'
+
+createRoot(document.getElementById('root') as HTMLElement).render((<App />) as never)

package/template/web-app/react/mockUtils.ts

@@ -1,6 +1,6 @@
-import path from 'node:path'
-import { createDefineMock } from 'vite-plugin-mock-dev-server'
-
-export const defineMock = createDefineMock(mock => {
-    mock.url = path.join(import.meta.env.VITE_BASE_URL + import.meta.env.VITE_API_HOST, mock.url)
-})
+import path from 'node:path'
+import { createDefineMock } from 'vite-plugin-mock-dev-server'
+
+export const defineMock = createDefineMock(mock => {
+    mock.url = path.join(import.meta.env.VITE_BASE_URL + import.meta.env.VITE_API_HOST, mock.url)
+})