create-lik-app 1.0.0 → 1.0.2

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "create-lik-app",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "type": "module",
-  "license": "ISC",
+  "license": "MIT",
   "author": "licheung228 <licheung228@163.com>",
   "bin": {
     "create-lik-app": "index.js"
@@ -15,11 +15,6 @@
     "templates/**"
   ],
   "description": "create command for licheung",
-  "scripts": {
-    "build": "unbuild",
-    "update-templates": "node scripts/update.mjs",
-    "prepublishOnly": "pnpm build && pnpm update-templates"
-  },
   "keywords": [
     "create",
     "vite vue project",
@@ -35,5 +30,9 @@
     "picocolors": "^1.1.1",
     "prompts": "^2.4.2",
     "unbuild": "^2.0.0"
+  },
+  "scripts": {
+    "build": "unbuild",
+    "update:templates": "node scripts/update.mjs"
   }
 }

package/templates/.gitignore

@@ -0,0 +1 @@
+*/node_modules

package/templates/template-react/env/.env.development

@@ -0,0 +1 @@
+VITE_APP_DOMAIN="https://api.example.com"

package/templates/template-react/env/.env.production

@@ -0,0 +1 @@
+VITE_APP_DOMAIN="https://api.example.com"

package/templates/template-react/eslint.config.mjs

@@ -23,7 +23,7 @@ export default tseslint.config(
     rules: {
       'prettier/prettier': ['error', prettierConfig],
       'no-useless-escape': 'error',
-      'no-undef': 'error',
+      // 'no-undef': 'error', // for unplugin-auto-import
       'no-unused-vars': 'error',
       '@typescript-eslint/consistent-type-imports': 'error', // 要求 import type
       '@typescript-eslint/no-use-before-define': 'error',

package/templates/template-react/package.json

@@ -44,6 +44,7 @@
     "typescript": "~5.6.2",
     "typescript-eslint": "^8.13.0",
     "unocss": "^0.64.0",
+    "unplugin-auto-import": "^0.18.6",
     "vite": "^5.4.10"
   }
 }

package/templates/template-react/plugins/index.ts

@@ -0,0 +1,24 @@
+import react from '@vitejs/plugin-react'
+import unocss from 'unocss/vite'
+import type { PluginOption } from 'vite'
+import AutoImport from 'unplugin-auto-import/vite'
+
+export const createPlugins = (): PluginOption[] => [
+  react({
+    babel: {
+      plugins: [
+        ['@babel/plugin-proposal-decorators', { legacy: true }]
+        // ['@babel/plugin-proposal-class-properties', { loose: true }]
+      ]
+    }
+  }),
+  unocss(),
+  AutoImport({
+    include: [
+      /\.[tj]sx?$/ // .ts, .tsx, .js, .jsx
+    ],
+    imports: ['react', 'react-router-dom'],
+    // 为true时在项目根目录自动创建
+    dts: 'types/auto-imports.d.ts'
+  })
+]

package/templates/template-react/src/views/Home/index.tsx

@@ -23,6 +23,8 @@ const Button: FC<{ target: 'vite' | 'react'; disabled: boolean }> = ({
 }
 
 const Home: FC = observer(() => {
+  const [state, setState] = useState(0)
+
   return (
     <div
       className={
@@ -49,8 +51,12 @@ const Home: FC = observer(() => {
         <React />
         <Button target="react" disabled={favoriteStore.favorite === 'react'} />
       </div>
-      <div className="absolute translate-x-[50%] right-[50%] top-[10%]">
+      <div
+        className="absolute translate-x-[50%] right-[50%] top-[10%] cursor-pointer hover:filter-drop-shadow-2xl"
+        onClick={() => setState((v) => ++v)}
+      >
         <Lic favorite={favoriteStore.favorite} />
+        {state}
       </div>
     </div>
   )

package/templates/template-react/tsconfig.app.json

@@ -32,5 +32,5 @@
       "@/*": ["src/*"]
     }
   },
-  "include": ["src"]
+  "include": ["src", "types/*.d.ts"]
 }

package/templates/template-react/tsconfig.node.json

@@ -20,5 +20,10 @@
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true
   },
-  "include": ["vite.config.ts"]
+  "include": [
+    "vite.config.ts",
+    "./config/**/*.ts",
+    "./plugins/*.ts",
+    "./types/*.d.ts"
+  ]
 }

package/templates/template-react/types/auto-imports.d.ts

@@ -0,0 +1,47 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+// biome-ignore lint: disable
+export {}
+declare global {
+  const Link: typeof import('react-router-dom')['Link']
+  const NavLink: typeof import('react-router-dom')['NavLink']
+  const Navigate: typeof import('react-router-dom')['Navigate']
+  const Outlet: typeof import('react-router-dom')['Outlet']
+  const Route: typeof import('react-router-dom')['Route']
+  const Routes: typeof import('react-router-dom')['Routes']
+  const createRef: typeof import('react')['createRef']
+  const forwardRef: typeof import('react')['forwardRef']
+  const lazy: typeof import('react')['lazy']
+  const memo: typeof import('react')['memo']
+  const startTransition: typeof import('react')['startTransition']
+  const useCallback: typeof import('react')['useCallback']
+  const useContext: typeof import('react')['useContext']
+  const useDebugValue: typeof import('react')['useDebugValue']
+  const useDeferredValue: typeof import('react')['useDeferredValue']
+  const useEffect: typeof import('react')['useEffect']
+  const useHref: typeof import('react-router-dom')['useHref']
+  const useId: typeof import('react')['useId']
+  const useImperativeHandle: typeof import('react')['useImperativeHandle']
+  const useInRouterContext: typeof import('react-router-dom')['useInRouterContext']
+  const useInsertionEffect: typeof import('react')['useInsertionEffect']
+  const useLayoutEffect: typeof import('react')['useLayoutEffect']
+  const useLinkClickHandler: typeof import('react-router-dom')['useLinkClickHandler']
+  const useLocation: typeof import('react-router-dom')['useLocation']
+  const useMemo: typeof import('react')['useMemo']
+  const useNavigate: typeof import('react-router-dom')['useNavigate']
+  const useNavigationType: typeof import('react-router-dom')['useNavigationType']
+  const useOutlet: typeof import('react-router-dom')['useOutlet']
+  const useOutletContext: typeof import('react-router-dom')['useOutletContext']
+  const useParams: typeof import('react-router-dom')['useParams']
+  const useReducer: typeof import('react')['useReducer']
+  const useRef: typeof import('react')['useRef']
+  const useResolvedPath: typeof import('react-router-dom')['useResolvedPath']
+  const useRoutes: typeof import('react-router-dom')['useRoutes']
+  const useSearchParams: typeof import('react-router-dom')['useSearchParams']
+  const useState: typeof import('react')['useState']
+  const useSyncExternalStore: typeof import('react')['useSyncExternalStore']
+  const useTransition: typeof import('react')['useTransition']
+}

package/templates/template-react/types/vite-env.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  VITE_APP_DOMAIN: string
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}

package/templates/template-react/vite.config.ts

@@ -1,22 +1,12 @@
 import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-import unocss from 'unocss/vite'
+
 import path from 'node:path'
 import process from 'node:process'
+import { createPlugins } from './plugins'
 
 // https://vite.dev/config/
-export default defineConfig({
-  plugins: [
-    react({
-      babel: {
-        plugins: [
-          ['@babel/plugin-proposal-decorators', { legacy: true }]
-          // ['@babel/plugin-proposal-class-properties', { loose: true }]
-        ]
-      }
-    }),
-    unocss()
-  ],
+export default defineConfig(() => ({
+  plugins: createPlugins(),
   resolve: {
     alias: {
       '@': path.resolve(process.cwd(), '/src')
@@ -25,4 +15,4 @@ export default defineConfig({
   server: {
     port: 8220
   }
-})
+}))

package/templates/template-vue/.husky/commit-msg

@@ -0,0 +1 @@
+npx --no -- commitlint --edit $1

package/templates/template-vue/.husky/lintstagedrc.cjs

@@ -0,0 +1,15 @@
+module.exports = {
+  '*.{js,jsx,ts,tsx}': ['eslint --fix', 'prettier --write'],
+  '{!(package)*.json,*.code-snippets,.!(browserslist)*rc}': [
+    'prettier --parser json --write',
+  ],
+  '*.vue': [
+    'eslint --fix',
+    'prettier --write',
+    // 'stylelint --fix'
+  ],
+  'package.json': ['prettier --write'],
+  // '*.{scss,less,styl,css,html}': ['stylelint --fix', 'prettier --write'],
+  '*.md': ['prettier --write'],
+  '*.hbs': ['prettier --write'],
+}

package/templates/template-vue/.husky/pre-commit

@@ -0,0 +1,10 @@
+BG_COLOR='\e[42m' # 背景色
+RESET='\e[0m'     # 重置所有格式
+
+npx tsc
+
+printf "\n${BG_COLOR}${FG_COLOR} >>>>>> TS Check Success <<<<<< ${RESET}\r\n\n"
+
+pnpm run lint
+
+printf "\n${BG_COLOR}${FG_COLOR} >>>>>> Code Lint Success <<<<<< ${RESET}\r\n\n"

package/templates/template-vue/.prettierrc.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "https://json.schemastore.org/prettierrc",
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 80
+}

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

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

package/templates/template-vue/README.md

@@ -0,0 +1,39 @@
+# template-vue
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+
+## Type Support for `.vue` Imports in TS
+
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vite.dev/config/).
+
+## Project Setup
+
+```sh
+pnpm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+pnpm dev
+```
+
+### Type-Check, Compile and Minify for Production
+
+```sh
+pnpm build
+```
+
+### Lint with [ESLint](https://eslint.org/)
+
+```sh
+pnpm lint
+```

package/templates/template-vue/_gitignore

@@ -0,0 +1,30 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+*.tsbuildinfo

package/templates/template-vue/commitlint.config.mjs

@@ -0,0 +1,33 @@
+export default {
+  extends: ['@commitlint/config-conventional'],
+  rules: {
+    'type-enum': [
+      // 确保提交信息的类型必须是预定义的类型之一。
+      2, // 错误级别，2 表示严重错误，提交将被拒绝。
+      'always', // 始终应用此规则。
+      [
+        'feat', // 新功能(feature)
+        'fix', // 修补bug
+        'docs', // 文档(documentation)
+        'style', // 格式、样式(不影响代码运行的变动)
+        'refactor', // 重构(即不是新增功能，也不是修改BUG的代码)
+        'perf', // 优化相关，比如提升性能、体验
+        'test', // 添加测试
+        'ci', // 持续集成修改
+        'chore', // 构建过程或辅助工具的变动
+        'revert', // 回滚到上一个版本
+        'workflow', // 工作流改进
+        'mod', // 不确定分类的修改
+        'wip', // 开发中
+        'types', // 类型修改
+        'release', // 版本发布
+      ],
+    ],
+    'subject-full-stop': [
+      // 确保提交信息的 subject 部分不以句点（.）结尾。
+      0, // 错误级别，0 表示忽略此规则，不进行检查。
+      'never', // 从不应用此规则。
+    ],
+    'subject-case': [0, 'never'], // 确保提交信息的 subject 部分不强制特定的大小写格式。
+  },
+}

package/templates/template-vue/env/.env.test

@@ -0,0 +1 @@
+

package/templates/template-vue/eslint.config.js

@@ -0,0 +1,24 @@
+import pluginVue from 'eslint-plugin-vue'
+import vueTsEslintConfig from '@vue/eslint-config-typescript'
+import skipFormatting from '@vue/eslint-config-prettier/skip-formatting'
+
+export default [
+  {
+    name: 'lint',
+    files: ['**/*.{ts,mts,tsx,vue}'],
+  },
+
+  {
+    name: 'lint-ignore',
+    ignores: ['**/dist/**', 'node_modules', '**/dist-ssr/**', '**/coverage/**'],
+  },
+  {
+    name: 'lint-rules',
+    rules: {
+      '@typescript-eslint/consistent-type-imports': 'error', // 要求 import type
+    },
+  },
+  ...pluginVue.configs['flat/essential'],
+  ...vueTsEslintConfig(),
+  skipFormatting,
+]

package/templates/template-vue/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/lic.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Lik-Vue-App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/templates/template-vue/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "template-vue",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "run-p type-check \"build-only {@}\" --",
+    "preview": "vite preview",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build",
+    "lint": "lint-staged -c ./.husky/lintstagedrc.cjs",
+    "prepare": "husky install"
+  },
+  "dependencies": {
+    "@vueuse/core": "^12.0.0",
+    "pinia": "^2.2.6",
+    "vue": "^3.5.13",
+    "vue-router": "^4.4.5"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^19.6.0",
+    "@commitlint/config-conventional": "^19.6.0",
+    "@tsconfig/node22": "^22.0.0",
+    "@types/node": "^22.9.3",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vitejs/plugin-vue-jsx": "^4.1.1",
+    "@vue/eslint-config-prettier": "^10.1.0",
+    "@vue/eslint-config-typescript": "^14.1.3",
+    "@vue/tsconfig": "^0.7.0",
+    "eslint": "^9.14.0",
+    "eslint-plugin-vue": "^9.30.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^15.2.10",
+    "npm-run-all2": "^7.0.1",
+    "pinia-plugin-persistedstate": "^4.1.3",
+    "prettier": "^3.3.3",
+    "typescript": "~5.6.3",
+    "unplugin-auto-import": "^0.18.6",
+    "unplugin-vue-components": "^0.27.5",
+    "vite": "^6.0.1",
+    "vite-plugin-vue-devtools": "^7.6.5",
+    "vue-tsc": "^2.1.10"
+  }
+}

package/templates/template-vue/plugins/index.ts

@@ -0,0 +1,28 @@
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+import vueDevTools from 'vite-plugin-vue-devtools'
+import AutoImport from 'unplugin-auto-import/vite'
+import Components from 'unplugin-vue-components/vite'
+export const createPlugins = () => [
+  vue(),
+  vueJsx(),
+  vueDevTools(),
+  AutoImport({
+    include: [
+      /\.vue$/,
+      /\.vue\?vue/, // .vue
+    ],
+    imports: ['vue', 'vue-router', 'pinia', '@vueuse/core'],
+    // 为true时在项目根目录自动创建
+    dts: 'types/auto-imports.d.ts',
+  }),
+  // 按需加载组件
+  Components({
+    // 自动加载的组件目录，默认值为 ['src/components']
+    dirs: ['src/components'],
+    // 组件名称包含目录，防止同名组件冲突
+    directoryAsNamespace: true,
+    // 指定类型声明文件，为true时在项目根目录创建
+    dts: 'types/components.d.ts',
+  }),
+]