create-packer 1.10.2 → 1.10.5

package/package.json

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

package/template/react-vite/.eslintrc

@@ -1,7 +1,7 @@
 {
     "root": true,
     "parser": "@typescript-eslint/parser",
-    "plugins": ["@typescript-eslint"],
+    "plugins": ["@typescript-eslint", "prettier"],
     "extends": ["eslint:recommended", "plugin:react/recommended", "plugin:react-hooks/recommended"],
     "settings": {
         "react": {
@@ -42,7 +42,6 @@
         "react-hooks/exhaustive-deps": "warn",
         "react/display-name": "off",
         "react/react-in-jsx-scope": "off",
-        "semi": ["error", "never"],
-        "quotes": "off"
+        "prettier/prettier": "error"
     }
 }

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

@@ -0,0 +1,3 @@
+{
+    "recommendations": ["dbaeumer.vscode-eslint", "esbenp.prettier-vscode"]
+}

package/template/react-vite/README.md

@@ -0,0 +1,13 @@
+## 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
+- Alias @ to <project_root>/src

package/template/react-vite/package.json

@@ -22,9 +22,11 @@
     "dependencies": {
         "react": "18.2.0",
         "react-dom": "18.2.0",
-        "react-router-dom": "6.3.0"
+        "react-router-dom": "6.3.0",
+        "zustand": "4.0.0"
     },
     "devDependencies": {
+        "@testing-library/dom": "8.14.0",
         "@testing-library/jest-dom": "5.16.5",
         "@testing-library/react": "13.3.0",
         "@testing-library/user-event": "14.4.2",
@@ -40,6 +42,7 @@
         "cssnano": "5.1.12",
         "cz-adapter-eslint": "0.3.0",
         "eslint": "8.21.0",
+        "eslint-plugin-prettier": "4.0.0",
         "eslint-plugin-react": "7.30.1",
         "eslint-plugin-react-hooks": "4.6.0",
         "husky": "8.0.1",

package/template/react-vite/src/app/app.container.tsx

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react'
+
+export interface AppPropsType {}
+function App({ children }: PropsWithChildren<AppPropsType>) {
+    return <div>{children}</div>
+}
+
+export default App

package/template/react-vite/src/app/app.controller.ts

@@ -0,0 +1,7 @@
+import { useEffect } from 'react'
+
+export function useInit() {
+    useEffect(() => {
+        console.log('init')
+    }, [])
+}

package/template/react-vite/src/app/app.store.ts

@@ -0,0 +1,8 @@
+import create from 'zustand'
+import { combine } from 'zustand/middleware'
+
+export default create(
+    combine({}, setState => {
+        return {}
+    })
+)

package/template/react-vite/src/app/index.ts

@@ -0,0 +1,3 @@
+export { default } from './app.container'
+export { default as useAppStore } from './app.store'
+export * from './app.controller'

package/template/react-vite/src/main.tsx

@@ -1,20 +1,16 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
-import { BrowserRouter, Routes, Route } from 'react-router-dom'
-import Layout from './Layout'
-import routes from './routes'
+import { BrowserRouter } from 'react-router-dom'
+import App from './app'
+import Route from './router'
 import './index.css'
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
     <React.StrictMode>
         <BrowserRouter>
-            <Layout>
-                <Routes>
-                    {routes.map(({ path, Component }) => {
-                        return <Route key={path} path={path} element={<Component />} />
-                    })}
-                </Routes>
-            </Layout>
+            <App>
+                <Route />
+            </App>
         </BrowserRouter>
     </React.StrictMode>
 )

package/template/react-vite/src/pages/404/View.tsx

@@ -0,0 +1,3 @@
+export default function CannotAccess() {
+    return <div>404</div>
+}

package/template/react-vite/src/pages/404/index.ts

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

package/template/react-vite/src/router/View.tsx

@@ -0,0 +1,6 @@
+import { useRoutes } from 'react-router-dom'
+import routes from './routes'
+
+export default function Route() {
+    return useRoutes(routes)
+}

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

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

package/template/react-vite/src/router/routes.tsx

@@ -0,0 +1,16 @@
+import { RouteObject } from 'react-router-dom'
+import Home from '@/pages/Home'
+import CannotAccess from '@/pages/404'
+
+const routes: RouteObject[] = [
+    {
+        path: '/',
+        element: <Home />
+    },
+    {
+        path: '*',
+        element: <CannotAccess />
+    }
+]
+
+export default routes

package/template/vue-vite/.eslintrc

@@ -0,0 +1,45 @@
+{
+    "root": true,
+    "env": {
+        "browser": true,
+        "node": true,
+        "es6": true,
+        "jest": true
+    },
+    "globals": {
+        "defineProps": "readonly",
+        "defineEmits": "readonly",
+        "defineExpose": "readonly",
+        "withDefaults": "readonly"
+    },
+    "plugins": ["prettier"],
+    "extends": [
+        "plugin:vue/vue3-recommended",
+        "eslint:recommended",
+        "plugin:@typescript-eslint/recommended"
+    ],
+    "parser": "vue-eslint-parser",
+    "parserOptions": {
+        "parser": "@typescript-eslint/parser",
+        "ecmaVersion": 2021
+    },
+    "rules": {
+        "@typescript-eslint/no-var-requires": 0,
+        "@typescript-eslint/explicit-function-return-type": "off",
+        "@typescript-eslint/no-explicit-any": 0,
+        "@typescript-eslint/no-inferrable-types": [
+            "warn",
+            {
+                "ignoreParameters": true
+            }
+        ],
+        "@typescript-eslint/no-unused-vars": "warn",
+        "@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",
+        "prettier/prettier": "error",
+        "vue/multi-word-component-names": 0,
+        "vue/html-indent": ["error", 4]
+    }
+}

package/template/vue-vite/.vscode/extensions.json

@@ -1,3 +1,3 @@
 {
-  "recommendations": ["Vue.volar"]
+    "recommendations": ["Vue.volar", "dbaeumer.vscode-eslint", "esbenp.prettier-vscode"]
 }

package/template/vue-vite/READEME.md

@@ -0,0 +1,12 @@
+## Vite + Vue3.x + Typescript
+
+### Features
+- Vite 3.x
+- Vue 3.x
+- Typescript 4.x
+- vue-router 4.x
+- pinia 2.x
+- Tailwindcss 3.x
+- Eslint
+- Prettier
+- Alias @ to <project_root>/src

package/template/vue-vite/package.json

@@ -4,12 +4,13 @@
     "version": "0.0.0",
     "type": "module",
     "scripts": {
+        "prepare": "husky install",
         "dev": "vite",
         "build": "vue-tsc --noEmit && vite build",
         "preview": "vite preview",
         "format": "prettier --write \"src/**/*.{ts,js,tsx,jsx,vue,css,scss,less}\" \"./package.json\"",
-        "lint": "eslint ./src/**/*.{tsx,ts,vue} && stylelint ./src/**/*.{css,scss,less}",
-        "lint:fix": "eslint ./src/**/*.{tsx,ts,vue} --fix && stylelint ./src/**/*.{css,scss,less} --fix",
+        "lint": "eslint ./src/**/*.{ts,vue} && stylelint ./src/**/*.{css,scss,less}",
+        "lint:fix": "eslint ./src/**/*.{ts,vue} --fix && stylelint ./src/**/*.{css,scss,less} --fix",
         "cz": "cz",
         "push": "npm run commit && git push",
         "commit": "git add . && npm run cz"
@@ -20,11 +21,16 @@
         "vue-router": "4.1.3"
     },
     "devDependencies": {
+        "@typescript-eslint/eslint-plugin": "5.33.0",
+        "@typescript-eslint/parser": "5.33.0",
         "@vitejs/plugin-vue": "3.0.3",
         "autoprefixer": "10.4.8",
         "commitizen": "4.2.5",
         "cssnano": "5.1.12",
         "cz-adapter-eslint": "0.3.0",
+        "eslint": "8.22.0",
+        "eslint-plugin-prettier": "4.0.0",
+        "eslint-plugin-vue": "9.3.0",
         "husky": "8.0.1",
         "postcss": "8.4.14",
         "postcss-import": "14.1.0",

package/template/vue-vite/src/App/app.container.vue

@@ -0,0 +1,10 @@
+<template>
+    <router-view />
+</template>
+
+<script setup lang="ts">
+import { useInit } from './app.controller'
+useInit()
+</script>
+
+<style scoped></style>

package/template/vue-vite/src/App/app.controller.ts

@@ -0,0 +1,7 @@
+import { onMounted } from 'vue'
+
+export function useInit() {
+    onMounted(() => {
+        console.log('init')
+    })
+}

package/template/vue-vite/src/App/app.store.ts

@@ -0,0 +1,14 @@
+import { defineStore } from 'pinia'
+
+export default defineStore('app', {
+    state: () => {
+        return {
+            appName: ''
+        }
+    },
+    actions: {
+        setAppName(appName: string) {
+            this.appName = appName
+        }
+    }
+})

package/template/vue-vite/src/App/index.ts

@@ -1,2 +1,3 @@
-export * from './controllers'
-export { default } from './View.vue'
+export { default } from './app.container.vue'
+export { default as useAppStore } from './app.store'
+export * from './app.controller'

package/template/vue-vite/src/pages/404/View.vue

@@ -0,0 +1,3 @@
+<template>
+    <div>404</div>
+</template>

package/template/vue-vite/src/pages/404/index.ts

@@ -0,0 +1 @@
+export { default } from './View.vue'

package/template/vue-vite/src/routes/index.ts

@@ -1,9 +1,22 @@
 import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'
 import Home from '@/pages/Home'
+import CannotAccess from '@/pages/404'
+import routeNames from './routeNames'
 
-const routes: RouteRecordRaw[] = [{ path: '/', component: Home }]
-
-export default createRouter({
+const routes: (RouteRecordRaw & { name: string })[] = [
+    { path: '/', name: routeNames.home, component: Home },
+    { path: '/404', name: routeNames.cannotAccess, component: CannotAccess }
+]
+const router = createRouter({
     history: createWebHashHistory(),
     routes
 })
+router.beforeEach(async to => {
+    if (!Object.values(routeNames).includes(to.name! as string)) {
+        return {
+            replace: true,
+            name: routeNames.cannotAccess
+        }
+    }
+})
+export default router

package/template/vue-vite/src/routes/routeNames.ts

@@ -0,0 +1,4 @@
+export default {
+    home: 'home',
+    cannotAccess: '404'
+}

package/template/react-vite/src/Layout/View.tsx

@@ -1,8 +0,0 @@
-import React, { PropsWithChildren } from 'react'
-import { LayoutPropsType } from './typings'
-
-function Layout({ children }: PropsWithChildren<LayoutPropsType>) {
-    return <div>{children}</div>
-}
-
-export default Layout

package/template/react-vite/src/Layout/index.ts

@@ -1,2 +0,0 @@
-export { default } from './View'
-export * as LayoutTypes from './typings'

package/template/react-vite/src/Layout/typings.ts

@@ -1 +0,0 @@
-export interface LayoutPropsType {}

package/template/react-vite/src/routes/index.ts

@@ -1,16 +0,0 @@
-import type { FunctionComponent } from 'react'
-import Home from '@/pages/Home'
-
-export interface routeType {
-    path: string
-    Component: FunctionComponent<any>
-}
-
-const routes: routeType[] = [
-    {
-        path: '/',
-        Component: Home
-    }
-]
-
-export default routes

package/template/vue-vite/src/App/View.vue

@@ -1,7 +0,0 @@
-<template>
-    <router-view />
-</template>
-
-<script setup lang="ts"></script>
-
-<style scoped></style>

package/template/vue-vite/src/App/controllers/index.ts

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

package/template/vue-vite/src/App/controllers/useApp.ts

@@ -1,9 +0,0 @@
-import { defineStore } from 'pinia'
-
-export const useApp = defineStore('app', {
-    state: () => {
-        return {
-            appName: ''
-        }
-    }
-})