create-packer 1.12.7 → 1.13.0

package/.gitignore

@@ -11,6 +11,8 @@ coverage/
 # production
 build/
 dist/
+.vscode/*
+!.vscode/extensions.json
 .idea
 .history
 

package/package.json

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

package/template/react/.editorconfig

@@ -0,0 +1,14 @@
+# 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/react/.env

@@ -0,0 +1 @@
+VITE_API_HOST=https://127.0.0.1

package/template/react/.env.development

@@ -0,0 +1 @@
+VITE_API_HOST=https://127.0.0.1

package/template/react/.eslintrc

@@ -1,52 +1,55 @@
-{
-    "root": true,
-    "parser": "@typescript-eslint/parser",
-    "plugins": ["@typescript-eslint", "prettier"],
-    "extends": ["eslint:recommended", "plugin:react/recommended", "plugin:react-hooks/recommended"],
-    "settings": {
-        "react": {
-            "version": "18"
-        }
-    },
-    "env": {
-        "browser": true,
-        "node": true,
-        "es6": true,
-        "jest": true
-    },
-    "parserOptions": {
-        "ecmaVersion": 2018,
-        "sourceType": "module",
-        "ecmaFeatures": {
-            "jsx": true
-        },
-        "useJSXTextNode": true
-    },
-    "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",
-        "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"
-            }
-        ]
-    }
-}
+{
+    "root": true,
+    "parser": "@typescript-eslint/parser",
+    "plugins": ["@typescript-eslint", "prettier"],
+    "extends": ["eslint:recommended", "plugin:react/recommended", "plugin:react-hooks/recommended"],
+    "settings": {
+        "react": {
+            "version": "18"
+        }
+    },
+    "env": {
+        "browser": true,
+        "node": true,
+        "es6": true,
+        "jest": true
+    },
+    "parserOptions": {
+        "ecmaVersion": 2018,
+        "sourceType": "module",
+        "ecmaFeatures": {
+            "jsx": true
+        },
+        "useJSXTextNode": true
+    },
+    "rules": {
+        "@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",
+        "@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"
+    }
+}

package/template/react/.stylelintrc

@@ -1,22 +1,23 @@
-{
-    "extends": "stylelint-config-standard",
-    "rules": {
-        "indentation": 4,
-        "comment-empty-line-before": "never",
-        "no-empty-source": null,
-        "no-descending-specificity": null,
-        "string-quotes": "single",
-        "at-rule-no-unknown": [
-            true,
-            {
-                "ignoreAtRules": ["tailwind", "apply"]
-            }
-        ],
-        "selector-pseudo-class-no-unknown": [
-            true,
-            {
-                "ignorePseudoClasses": ["global"]
-            }
-        ]
-    }
-}
+{
+    "extends": "stylelint-config-standard",
+    "rules": {
+        "indentation": 4,
+        "comment-empty-line-before": "never",
+        "no-empty-source": null,
+        "no-descending-specificity": null,
+        "string-quotes": "single",
+        "at-rule-no-unknown": [
+            true,
+            {
+                "ignoreAtRules": ["tailwind", "apply", "use"]
+            }
+        ],
+        "selector-pseudo-class-no-unknown": [
+            true,
+            {
+                "ignorePseudoClasses": ["global"]
+            }
+        ],
+        "selector-class-pattern": null
+    }
+}

package/template/react/README.md

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

package/template/react/package.json

@@ -20,6 +20,7 @@
         "commit": "git add . && npm run cz"
     },
     "dependencies": {
+        "axios": "1.3.3",
         "immer": "9.0.19",
         "lodash-es": "4.17.21",
         "react": "18.2.0",

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

@@ -1,2 +1,3 @@
 export * from './defineStore'
 export { default as useVisible } from './useVisible'
+export { default as request } from './request'

package/template/react/src/providers/request.ts

@@ -0,0 +1,7 @@
+import axios from 'axios'
+
+const request = axios.create({
+    baseURL: import.meta.env.VITE_API_HOST
+})
+
+export default request

package/template/react/src/router/{router.config.tsx → config.tsx}

@@ -1,7 +1,7 @@
 import { lazy } from 'react'
 import { createBrowserRouter } from 'react-router-dom'
 import * as home from './home'
-import paths from './router.paths'
+import paths from './paths'
 
 const Layout = lazy(() => import('@/layout'))
 const NotFound = lazy(() => import('@/pages/notFound'))

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

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

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

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

package/template/react/src/vite-env.d.ts

@@ -1 +1,16 @@
 /// <reference types="vite/client" />
+
+declare module '*.vue' {
+    import type { DefineComponent } from 'vue'
+    const component: DefineComponent<{}, {}, any>
+    export default component
+}
+
+interface ImportMetaEnv {
+    readonly VITE_API_HOST: string
+    // 更多环境变量...
+}
+
+interface ImportMeta {
+    readonly env: ImportMetaEnv
+}

package/template/vue/.editorconfig

@@ -0,0 +1,14 @@
+# 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/vue/.env

@@ -0,0 +1 @@
+VITE_API_HOST=https://127.0.0.1

package/template/vue/.env.development

@@ -0,0 +1 @@
+VITE_API_HOST=https://127.0.0.1

package/template/vue/.eslintrc

@@ -14,19 +14,23 @@
     },
     "plugins": ["prettier"],
     "extends": [
-        "plugin:vue/vue3-recommended",
         "eslint:recommended",
-        "plugin:@typescript-eslint/recommended"
+        "plugin:@typescript-eslint/recommended",
+        "plugin:vue/vue3-recommended"
     ],
     "parser": "vue-eslint-parser",
     "parserOptions": {
         "parser": "@typescript-eslint/parser",
-        "ecmaVersion": 2021
+        "ecmaVersion": 2021,
+        "ecmaFeatures": {
+            "jsx": true
+        }
     },
     "rules": {
         "@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",
             {
@@ -38,6 +42,7 @@
         "@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",
         "prettier/prettier": [
             "error",
             {
@@ -45,6 +50,21 @@
             }
         ],
         "vue/multi-word-component-names": 0,
-        "vue/html-indent": ["error", 4]
+        "vue/html-indent": ["error", 4],
+        "vue/html-self-closing": [
+            "error",
+            {
+                "html": {
+                    "void": "always",
+                    "normal": "always",
+                    "component": "always"
+                },
+                "svg": "always",
+                "math": "always"
+            }
+        ],
+        "vue/max-attributes-per-line": "off",
+        "vue/singleline-html-element-content-newline": "off",
+        "no-constant-condition": "off"
     }
 }

package/template/vue/.stylelintrc

@@ -1,22 +1,23 @@
-{
-    "extends": "stylelint-config-standard",
-    "rules": {
-        "indentation": 4,
-        "comment-empty-line-before": "never",
-        "no-empty-source": null,
-        "no-descending-specificity": null,
-        "string-quotes": "single",
-        "at-rule-no-unknown": [
-            true,
-            {
-                "ignoreAtRules": ["tailwind", "apply"]
-            }
-        ],
-        "selector-pseudo-class-no-unknown": [
-            true,
-            {
-                "ignorePseudoClasses": ["global"]
-            }
-        ]
-    }
-}
+{
+    "extends": "stylelint-config-standard",
+    "rules": {
+        "indentation": 4,
+        "comment-empty-line-before": "never",
+        "no-empty-source": null,
+        "no-descending-specificity": null,
+        "string-quotes": "single",
+        "at-rule-no-unknown": [
+            true,
+            {
+                "ignoreAtRules": ["tailwind", "apply", "use"]
+            }
+        ],
+        "selector-pseudo-class-no-unknown": [
+            true,
+            {
+                "ignorePseudoClasses": ["global"]
+            }
+        ],
+        "selector-class-pattern": null
+    }
+}

package/template/vue/README.md

@@ -1,12 +1,13 @@
-## 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
+## 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
+- axios 1.x
+- Alias @ to <project_root>/src

package/template/vue/package.json

@@ -16,6 +16,7 @@
         "commit": "git add . && npm run cz"
     },
     "dependencies": {
+        "axios": "1.3.3",
         "lodash-es": "4.17.21",
         "pinia": "2.0.30",
         "vite-plugin-eslint": "1.8.1",

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

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

package/template/vue/src/layout/layout.vue

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

package/template/vue/src/main.ts

@@ -1,4 +1,4 @@
-import app from './app'
+import app from './providers/app'
 import { createPinia } from 'pinia'
 import router from '@/router'
 import './style.css'

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

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

package/template/vue/src/pages/not-found/index.ts

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

package/template/vue/src/{app/index.ts → providers/app.ts}

@@ -1,4 +1,4 @@
 import { createApp } from 'vue'
-import App from './app.container.vue'
+import App from '../app.vue'
 
 export default createApp(App)

package/template/vue/src/providers/createApiComponent.ts

@@ -0,0 +1,22 @@
+import app from '@/providers/app'
+import { createVNode, render } from 'vue'
+import { assign } from 'lodash-es'
+
+const store = new Map()
+export default function createApiComponent(component: any, props?: Record<string, any>) {
+    const container = document.createElement('div')
+    let vNode = store.get(component)
+    if (!vNode) {
+        vNode = createVNode(component)
+        vNode.appContext = app._context || {}
+        store.set(component, vNode)
+    }
+    assign(vNode.component.props, props)
+    render(vNode, container)
+
+    return {
+        instance: vNode,
+        el: container.firstElementChild,
+        ...vNode.component?.exposed
+    }
+}

package/template/vue/src/providers/index.ts

@@ -1,2 +1,4 @@
+export { default as app } from './app'
 export { default as useVisible } from './useVisible'
-export { default as renderToDom } from './renderToDom'
+export { default as createApiComponent } from './createApiComponent'
+export { default as request } from './request'

package/template/vue/src/providers/request.ts

@@ -0,0 +1,7 @@
+import axios from 'axios'
+
+const request = axios.create({
+    baseURL: import.meta.env.VITE_API_HOST
+})
+
+export default request

package/template/vue/src/providers/useVisible.ts

@@ -2,11 +2,12 @@ import { ref } from 'vue'
 import { isFunction } from 'lodash-es'
 
 export interface useVisibleConfigType {
+    defaultVisible?: boolean
     onBeforeShow?: () => Promise<boolean | void>
     onBeforeHide?: () => Promise<boolean | void>
 }
 export default function useVisible(config?: useVisibleConfigType) {
-    const visible = ref(false)
+    const visible = ref(config?.defaultVisible ?? false)
     const onShow = async () => {
         let isShow: boolean | void = true
         if (isFunction(config?.onBeforeShow)) {

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

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

package/template/vue/src/router/home/names.ts

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

package/template/vue/src/router/home/routes.ts

@@ -0,0 +1,8 @@
+import { RouteRecordRaw } from 'vue-router'
+import names from './names'
+
+const routes: RouteRecordRaw[] = [
+    { path: '/home', name: names.home, component: () => import('@/pages/home') }
+]
+
+export default routes

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

@@ -1,16 +1,23 @@
 import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'
-import names from './router.names'
+import names from './names'
+import * as homeRouter from './home'
+import Layout from '@/layout'
 
-const routes: (RouteRecordRaw & { name: string })[] = [
-    { path: '/', name: names.home, component: () => import('@/pages/home') },
-    { path: '/404', name: names.notFound, component: () => import('@/pages/notFound') }
+const routes: RouteRecordRaw[] = [
+    {
+        path: '/',
+        component: Layout,
+        redirect: { name: names.home },
+        children: [...homeRouter.routes]
+    },
+    { path: '/404', name: names.notFound, component: () => import('@/pages/not-found') }
 ]
 const router = createRouter({
     history: createWebHashHistory(),
     routes
 })
 router.beforeEach(async to => {
-    if (!Object.values(names).includes(to.name! as string)) {
+    if (!Object.values(names).includes(to.name as string)) {
         return {
             replace: true,
             name: names.notFound

package/template/vue/src/router/names.ts

@@ -0,0 +1,5 @@
+import * as homeRouter from './home'
+export default {
+    ...homeRouter.names,
+    notFound: '404'
+}

package/template/vue/src/vite-env.d.ts

@@ -5,3 +5,12 @@ declare module '*.vue' {
     const component: DefineComponent<{}, {}, any>
     export default component
 }
+
+interface ImportMetaEnv {
+    readonly VITE_API_HOST: string
+    // 更多环境变量...
+}
+
+interface ImportMeta {
+    readonly env: ImportMetaEnv
+}

package/template/vue/src/app/app.store.ts

@@ -1,8 +0,0 @@
-import { defineStore } from 'pinia'
-
-export default defineStore('app', {
-    state: () => {
-        return {}
-    },
-    actions: {}
-})

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

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

package/template/vue/src/providers/renderToDom.ts

@@ -1,16 +0,0 @@
-import { createVNode, render } from 'vue'
-import { merge } from 'lodash-es'
-
-export default function renderToDom(component: any, props?: Record<string, any>) {
-    const container = document.createElement('div')
-    const instance = createVNode(component)
-    merge(instance.props, props)
-    render(instance, container)
-    document.body.appendChild(container)
-
-    return {
-        context: instance,
-        destroy: () => render(null, container),
-        ...instance.component?.exposed
-    }
-}

package/template/vue/src/router/router.names.ts

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