create-lik-app 1.1.3 → 1.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-lik-app",
-  "version": "1.1.3",
+  "version": "1.3.0",
   "type": "module",
   "license": "MIT",
   "author": "licheung228 <licheung228@163.com>",

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

@@ -1,10 +1,10 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint'
-import prettier from 'eslint-plugin-prettier'
-import prettierConfig from './prettier.config.mjs'
+import js from '@eslint/js';
+import globals from 'globals';
+import reactHooks from 'eslint-plugin-react-hooks';
+import reactRefresh from 'eslint-plugin-react-refresh';
+import tseslint from 'typescript-eslint';
+import prettier from 'eslint-plugin-prettier';
+import prettierConfig from './prettier.config.mjs';
 
 export default tseslint.config(
   { ignores: ['dist', 'node_modules'] },
@@ -23,14 +23,32 @@ export default tseslint.config(
     rules: {
       'prettier/prettier': ['error', prettierConfig],
       'no-useless-escape': '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',
+      // 'no-undef': 'error', // - for unplugin-auto-import
+      // '@typescript-eslint/no-non-null-assertion': 'error',
+      'no-unused-vars': [
+        'error',
+        // - 未使用的变量都以 _ 开头, 则忽略
+        {
+          argsIgnorePattern: '^_',
+          varsIgnorePattern: '^_'
+        }
+      ],
+      '@typescript-eslint/no-unused-vars': [
+        'error',
+        {
+          argsIgnorePattern: '^_',
+          varsIgnorePattern: '^_'
+        }
+      ],
+      '@typescript-eslint/consistent-type-imports': 'error', // - 要求 import type
+      '@typescript-eslint/no-use-before-define': [
+        'error',
+        {
+          functions: false
+        }
+      ],
       '@typescript-eslint/ban-ts-comment': 'error',
-      '@typescript-eslint/no-non-null-assertion': 'error',
       '@typescript-eslint/explicit-module-boundary-types': 'error',
-      '@typescript-eslint/no-unused-vars': 'error',
       '@typescript-eslint/no-explicit-any': 'error',
       '@typescript-eslint/no-var-requires': 'error',
       '@typescript-eslint/no-empty-function': 'error',
@@ -41,4 +59,4 @@ export default tseslint.config(
       ]
     }
   }
-)
+);

package/templates/template-react/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "new-lic-blog",
+  "name": "lik-create-app",
   "private": true,
   "version": "0.0.0",
   "type": "module",

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

@@ -1,10 +1,10 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint'
-import prettier from 'eslint-plugin-prettier'
-import prettierConfig from './prettier.config.mjs'
+import js from '@eslint/js';
+import globals from 'globals';
+import reactHooks from 'eslint-plugin-react-hooks';
+import reactRefresh from 'eslint-plugin-react-refresh';
+import tseslint from 'typescript-eslint';
+import prettier from 'eslint-plugin-prettier';
+import prettierConfig from './prettier.config.mjs';
 
 export default tseslint.config(
   { ignores: ['dist', 'node_modules'] },
@@ -23,14 +23,32 @@ export default tseslint.config(
     rules: {
       'prettier/prettier': ['error', prettierConfig],
       'no-useless-escape': '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',
+      // 'no-undef': 'error', // - for unplugin-auto-import
+      // '@typescript-eslint/no-non-null-assertion': 'error',
+      'no-unused-vars': [
+        'error',
+        // - 未使用的变量都以 _ 开头, 则忽略
+        {
+          argsIgnorePattern: '^_',
+          varsIgnorePattern: '^_'
+        }
+      ],
+      '@typescript-eslint/no-unused-vars': [
+        'error',
+        {
+          argsIgnorePattern: '^_',
+          varsIgnorePattern: '^_'
+        }
+      ],
+      '@typescript-eslint/consistent-type-imports': 'error', // - 要求 import type
+      '@typescript-eslint/no-use-before-define': [
+        'error',
+        {
+          functions: false
+        }
+      ],
       '@typescript-eslint/ban-ts-comment': 'error',
-      '@typescript-eslint/no-non-null-assertion': 'error',
       '@typescript-eslint/explicit-module-boundary-types': 'error',
-      '@typescript-eslint/no-unused-vars': 'error',
       '@typescript-eslint/no-explicit-any': 'error',
       '@typescript-eslint/no-var-requires': 'error',
       '@typescript-eslint/no-empty-function': 'error',
@@ -41,4 +59,4 @@ export default tseslint.config(
       ]
     }
   }
-)
+);

package/templates/template-react-tanstack-jotai/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "new-lic-blog",
+  "name": "lik-create-app",
   "private": true,
   "version": "0.0.0",
   "type": "module",
@@ -14,13 +14,13 @@
   },
   "dependencies": {
     "@gsap/react": "^2.1.1",
-    "@tanstack/react-router": "^1.92.3",
+    "@tanstack/react-router": "^1.92.6",
     "@unocss/reset": "^0.64.1",
     "gsap": "^3.12.5",
     "jotai": "^2.11.0",
     "rainbow-print": "0.0.1-alpha.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "devDependencies": {
     "@babel/plugin-proposal-decorators": "^7.25.9",
@@ -30,10 +30,10 @@
     "@tanstack/router-devtools": "^1.92.3",
     "@tanstack/router-plugin": "^1.91.1",
     "@types/node": "^22.9.1",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^19.0.2",
+    "@types/react-dom": "^19.0.2",
     "@typescript-eslint/eslint-plugin": "^8.15.0",
-    "@vitejs/plugin-react": "^4.3.3",
+    "@vitejs/plugin-react": "^4.3.4",
     "eslint": "^9.14.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.2.1",
@@ -45,8 +45,8 @@
     "only-allow": "^1.2.1",
     "typescript": "~5.6.2",
     "typescript-eslint": "^8.13.0",
-    "unocss": "^0.64.0",
+    "unocss": "^0.65.3",
     "unplugin-auto-import": "^0.18.6",
-    "vite": "^5.4.10"
+    "vite": "^6.0.6"
   }
 }

package/templates/template-react-tanstack-jotai-tailwindcss/.husky/commit-msg

@@ -0,0 +1,6 @@
+BG_COLOR='\e[42m'
+RESET='\e[0m'
+
+npx --no -- commitlint --edit $1
+
+printf "\n${BG_COLOR}${FG_COLOR} >>>>>> Commit Lint Success <<<<<< ${RESET}\n"

package/templates/template-react-tanstack-jotai-tailwindcss/.husky/lintstagedrc.cjs

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

package/templates/template-react-tanstack-jotai-tailwindcss/.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-react-tanstack-jotai-tailwindcss/.prettierignore

@@ -0,0 +1,13 @@
+node_modules
+.idea
+.vscode
+.DS_Store
+
+.git/node_modules/**
+/dist/
+/dist*
+/public/*
+/docs/*
+/docs/**/*
+/plop/**/*
+CHANGELOG

package/templates/template-react-tanstack-jotai-tailwindcss/.vscode/extensions.json

@@ -0,0 +1,5 @@
+{
+  "recommendations": [
+    "bradlc.vscode-tailwindcss"
+  ]
+}

package/templates/template-react-tanstack-jotai-tailwindcss/README.md

@@ -0,0 +1,40 @@
+# Lic-Blog
+
+## @/components
+
+the common components / pages components
+
+### Naming
+
+**common components**
+
+dirname start with lower case
+
+**views components**
+
+- in the views directory
+- dirname start with upper case
+- correspondence to the layout route name
+
+## commit standard
+
+### lint
+
+- eslint
+- prettier
+- lint-staged
+
+### commit lint
+
+- @commitlint/cli
+- @commitlint/config-conventional
+
+## the commit message should be
+
+- "feat: xxx" add xxx
+- "fix: xxx" fix bug xxx
+- "docs: xxx" add docs
+- "style: xxx" style change
+- "refactor: xxx" refactor code
+
+... and more in /commitlint.config.mjs

package/templates/template-react-tanstack-jotai-tailwindcss/_gitignore

@@ -0,0 +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
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# types
+types/auto-imports.d.ts

package/templates/template-react-tanstack-jotai-tailwindcss/commitlint.config.mjs

@@ -0,0 +1,28 @@
+export default {
+  extends: ['@commitlint/config-conventional'],
+  rules: {
+    'type-enum': [
+      2,
+      'always',
+      [
+        'feat', // 新功能(feature)
+        'fix', // 修补bug
+        'docs', // 文档(documentation)
+        'style', // 格式、样式(不影响代码运行的变动)
+        'refactor', // 重构(即不是新增功能，也不是修改BUG的代码)
+        'perf', // 优化相关，比如提升性能、体验
+        'test', // 添加测试
+        'ci', // 持续集成修改
+        'chore', // 构建过程或辅助工具的变动
+        'revert', // 回滚到上一个版本
+        'workflow', // 工作流改进
+        'mod', // 不确定分类的修改
+        'wip', // 开发中
+        'types', // 类型修改
+        'release' // 版本发布
+      ]
+    ],
+    'subject-full-stop': [0, 'never'],
+    'subject-case': [0, 'never']
+  }
+}

package/templates/template-react-tanstack-jotai-tailwindcss/config/build/_base.ts

@@ -0,0 +1,36 @@
+import { defineConfig } from 'vite';
+import type { Plugin } from 'vite';
+import react from '@vitejs/plugin-react';
+import { TanStackRouterVite } from '@tanstack/router-plugin/vite';
+import AutoImport from 'unplugin-auto-import/vite';
+import path from 'node:path';
+import process from 'node:process';
+
+const basePlugins: Plugin[] = [
+  react({
+    babel: {
+      plugins: [
+        ['@babel/plugin-proposal-decorators', { legacy: true }]
+        // ['@babel/plugin-proposal-class-properties', { loose: true }]
+      ]
+    }
+  }),
+  TanStackRouterVite(),
+  AutoImport({
+    include: [
+      /\.[tj]sx?$/ // .ts, .tsx, .js, .jsx
+    ],
+    imports: ['react', 'jotai'],
+    // 为true时在项目根目录自动创建
+    dts: 'src/types/auto-imports.d.ts'
+  })
+];
+
+export default defineConfig({
+  plugins: basePlugins,
+  resolve: {
+    alias: {
+      '@': path.resolve(process.cwd(), 'src')
+    }
+  }
+});

package/templates/template-react-tanstack-jotai-tailwindcss/config/build/development.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  server: {
+    port: 8220
+  }
+});

package/templates/template-react-tanstack-jotai-tailwindcss/config/build/production.ts

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

package/templates/template-react-tanstack-jotai-tailwindcss/config/build/test.ts

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

package/templates/template-react-tanstack-jotai-tailwindcss/env/.env.development

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

package/templates/template-react-tanstack-jotai-tailwindcss/env/.env.production

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

package/templates/template-react-tanstack-jotai-tailwindcss/eslint.config.mjs

@@ -0,0 +1,62 @@
+import js from '@eslint/js';
+import globals from 'globals';
+import reactHooks from 'eslint-plugin-react-hooks';
+import reactRefresh from 'eslint-plugin-react-refresh';
+import tseslint from 'typescript-eslint';
+import prettier from 'eslint-plugin-prettier';
+import prettierConfig from './prettier.config.mjs';
+
+export default tseslint.config(
+  { ignores: ['dist', 'node_modules'] },
+  {
+    extends: [js.configs.recommended, ...tseslint.configs.recommended],
+    files: ['**/*.{ts,tsx}'],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser
+    },
+    plugins: {
+      prettier,
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh
+    },
+    rules: {
+      'prettier/prettier': ['error', prettierConfig],
+      'no-useless-escape': 'error',
+      // 'no-undef': 'error', // - for unplugin-auto-import
+      // '@typescript-eslint/no-non-null-assertion': 'error',
+      'no-unused-vars': [
+        'error',
+        // - 未使用的变量都以 _ 开头, 则忽略
+        {
+          argsIgnorePattern: '^_',
+          varsIgnorePattern: '^_'
+        }
+      ],
+      '@typescript-eslint/no-unused-vars': [
+        'error',
+        {
+          argsIgnorePattern: '^_',
+          varsIgnorePattern: '^_'
+        }
+      ],
+      '@typescript-eslint/consistent-type-imports': 'error', // - 要求 import type
+      '@typescript-eslint/no-use-before-define': [
+        'error',
+        {
+          functions: false
+        }
+      ],
+      '@typescript-eslint/ban-ts-comment': 'error',
+      '@typescript-eslint/explicit-module-boundary-types': 'error',
+      '@typescript-eslint/no-explicit-any': 'error',
+      '@typescript-eslint/no-var-requires': 'error',
+      '@typescript-eslint/no-empty-function': 'error',
+      ...reactHooks.configs.recommended.rules,
+      'react-refresh/only-export-components': [
+        'warn',
+        { allowConstantExport: true }
+      ]
+    }
+  }
+);

package/templates/template-react-tanstack-jotai-tailwindcss/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/lic.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Lic-Vite-React-Jotai-Tanstack</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/templates/template-react-tanstack-jotai-tailwindcss/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "lik-create-app",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "dev:test": "vite --mode test",
+    "build": "tsc -b && vite build",
+    "preview": "vite preview",
+    "lint": "eslint .",
+    "preinstall": "npx only-allow pnpm",
+    "prepare": "husky"
+  },
+  "dependencies": {
+    "@tanstack/react-router": "^1.92.6",
+    "jotai": "^2.11.0",
+    "rainbow-print": "0.0.1-alpha.2",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@babel/plugin-proposal-decorators": "^7.25.9",
+    "@commitlint/cli": "^19.6.0",
+    "@commitlint/config-conventional": "^19.6.0",
+    "@eslint/js": "^9.13.0",
+    "@tanstack/router-devtools": "^1.92.3",
+    "@tanstack/router-plugin": "^1.91.1",
+    "@types/node": "^22.9.1",
+    "@types/react": "^19.0.2",
+    "@types/react-dom": "^19.0.2",
+    "@typescript-eslint/eslint-plugin": "^8.15.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^9.14.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.14",
+    "globals": "^15.11.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^15.2.10",
+    "only-allow": "^1.2.1",
+    "tailwindcss": "^3.4.17",
+    "typescript": "~5.6.2",
+    "typescript-eslint": "^8.13.0",
+    "unplugin-auto-import": "^0.18.6",
+    "vite": "^6.0.6"
+  }
+}

package/templates/template-react-tanstack-jotai-tailwindcss/postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

package/templates/template-react-tanstack-jotai-tailwindcss/prettier.config.mjs

@@ -0,0 +1,11 @@
+export default {
+  singleQuote: true,
+  semi: true,
+  bracketSpacing: true,
+  htmlWhitespaceSensitivity: 'ignore',
+  endOfLine: 'auto',
+  trailingComma: 'none',
+  tabWidth: 2,
+  printWidth: 80,
+  proseWrap: 'preserve'
+}