create-lik-app 1.0.3 → 1.2.3

package/package.json

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

package/templates/template-react/{plugins/index.ts → config/build/_base.ts}

@@ -1,9 +1,12 @@
+import { defineConfig } from 'vite'
+import type { Plugin } from 'vite'
 import react from '@vitejs/plugin-react'
 import unocss from 'unocss/vite'
-import type { PluginOption } from 'vite'
 import AutoImport from 'unplugin-auto-import/vite'
+import path from 'node:path'
+import process from 'node:process'
 
-export const createPlugins = (): PluginOption[] => [
+const basePlugins: Plugin[] = [
   react({
     babel: {
       plugins: [
@@ -17,8 +20,17 @@ export const createPlugins = (): PluginOption[] => [
     include: [
       /\.[tj]sx?$/ // .ts, .tsx, .js, .jsx
     ],
-    imports: ['react', 'react-router-dom'],
+    imports: ['react', 'react-router-dom', 'mobx', 'mobx-react-lite'],
     // 为true时在项目根目录自动创建
-    dts: 'types/auto-imports.d.ts'
+    dts: 'src/types/auto-imports.d.ts'
   })
 ]
+
+export default defineConfig({
+  plugins: basePlugins,
+  resolve: {
+    alias: {
+      '@': path.resolve(process.cwd(), 'src')
+    }
+  }
+})

package/templates/template-react/config/build/development.ts

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

package/templates/template-react/config/build/production.ts

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

package/templates/template-react/config/build/test.ts

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

package/templates/template-react/src/components/Lic/index.tsx

@@ -4,7 +4,7 @@ const Lic: FC<{ favorite: string }> = ({ favorite }) => {
   return (
     <div className="animate-keyframes-bounce-in animate-duration-1000 animate-count-1 flex-center flex-col">
       <img className="w-30" src="/lic.svg" alt="liclogo" />
-      <p className="text-8xl mt6">{favorite.toUpperCase()}</p>
+      <p className="sm:text-8xl text-xl mt6">{favorite.toUpperCase()}</p>
     </div>
   )
 }

package/templates/{template-react-tanstack-jotai → template-react/src}/types/auto-imports.d.ts

@@ -9,14 +9,33 @@ 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 Observer: typeof import('mobx-react-lite')['Observer']
   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 action: typeof import('mobx')['action']
+  const autorun: typeof import('mobx')['autorun']
+  const computed: typeof import('mobx')['computed']
   const createRef: typeof import('react')['createRef']
+  const extendObservable: typeof import('mobx')['extendObservable']
+  const flow: typeof import('mobx')['flow']
+  const flowResult: typeof import('mobx')['flowResult']
   const forwardRef: typeof import('react')['forwardRef']
+  const intercept: typeof import('mobx')['intercept']
   const lazy: typeof import('react')['lazy']
+  const makeAutoObservable: typeof import('mobx')['makeAutoObservable']
+  const makeObservable: typeof import('mobx')['makeObservable']
   const memo: typeof import('react')['memo']
+  const observable: typeof import('mobx')['observable']
+  const observe: typeof import('mobx')['observe']
+  const observer: typeof import('mobx-react-lite')['observer']
+  const onBecomeObserved: typeof import('mobx')['onBecomeObserved']
+  const onBecomeUnobserved: typeof import('mobx')['onBecomeUnobserved']
+  const onReactionError: typeof import('mobx')['onReactionError']
+  const reaction: typeof import('mobx')['reaction']
+  const runInAction: typeof import('mobx')['runInAction']
   const startTransition: typeof import('react')['startTransition']
+  const toJS: typeof import('mobx')['toJS']
   const useCallback: typeof import('react')['useCallback']
   const useContext: typeof import('react')['useContext']
   const useDebugValue: typeof import('react')['useDebugValue']
@@ -29,6 +48,7 @@ declare global {
   const useInsertionEffect: typeof import('react')['useInsertionEffect']
   const useLayoutEffect: typeof import('react')['useLayoutEffect']
   const useLinkClickHandler: typeof import('react-router-dom')['useLinkClickHandler']
+  const useLocalObservable: typeof import('mobx-react-lite')['useLocalObservable']
   const useLocation: typeof import('react-router-dom')['useLocation']
   const useMemo: typeof import('react')['useMemo']
   const useNavigate: typeof import('react-router-dom')['useNavigate']
@@ -44,4 +64,5 @@ declare global {
   const useState: typeof import('react')['useState']
   const useSyncExternalStore: typeof import('react')['useSyncExternalStore']
   const useTransition: typeof import('react')['useTransition']
+  const when: typeof import('mobx')['when']
 }

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

@@ -1,4 +1,3 @@
-import { observer } from 'mobx-react-lite'
 import { favoriteStore } from '@/store'
 import type { FC } from 'react'
 

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

@@ -1,4 +1,3 @@
-import { observer } from 'mobx-react-lite'
 import { type FC } from 'react'
 import Lic from '@/components/Lic'
 import { favoriteStore } from '@/store'

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

@@ -1,5 +1,4 @@
 import { type FC } from 'react'
-import { Outlet, Link } from 'react-router-dom'
 
 const Layout: FC = () => {
   return (

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

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

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

@@ -1,18 +1,15 @@
-import { defineConfig } from 'vite'
-
-import path from 'node:path'
-import process from 'node:process'
-import { createPlugins } from './plugins'
+import { defineConfig, loadConfigFromFile, mergeConfig } from 'vite'
+import _base from './config/build/_base'
 
 // https://vite.dev/config/
-export default defineConfig(() => ({
-  plugins: createPlugins(),
-  resolve: {
-    alias: {
-      '@': path.resolve(process.cwd(), 'src')
-    }
-  },
-  server: {
-    port: 8220
-  }
-}))
+export default defineConfig(async (configEnv) => {
+  if (configEnv.mode === '_base')
+    throw new Error('base config is not allowed to be used directly')
+
+  const re = await loadConfigFromFile(
+    configEnv,
+    `config/build/${configEnv.mode}.ts`
+  )
+
+  return mergeConfig(_base, re?.config ?? {})
+})

package/templates/template-react-tanstack-jotai/{plugins/index.ts → config/build/_base.ts}

@@ -1,10 +1,13 @@
+import { defineConfig } from 'vite';
+import type { Plugin } from 'vite';
 import react from '@vitejs/plugin-react';
 import unocss from 'unocss/vite';
-import type { PluginOption } from 'vite';
-import AutoImport from 'unplugin-auto-import/vite';
 import { TanStackRouterVite } from '@tanstack/router-plugin/vite';
+import AutoImport from 'unplugin-auto-import/vite';
+import path from 'node:path';
+import process from 'node:process';
 
-export const createPlugins = (): PluginOption[] => [
+const basePlugins: Plugin[] = [
   react({
     babel: {
       plugins: [
@@ -14,13 +17,22 @@ export const createPlugins = (): PluginOption[] => [
     }
   }),
   unocss(),
+  TanStackRouterVite(),
   AutoImport({
     include: [
       /\.[tj]sx?$/ // .ts, .tsx, .js, .jsx
     ],
-    imports: ['react', 'react-router-dom'],
+    imports: ['react', 'jotai'],
     // 为true时在项目根目录自动创建
-    dts: 'types/auto-imports.d.ts'
-  }),
-  TanStackRouterVite()
+    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/config/build/development.ts

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

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

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

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

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

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

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

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

@@ -5,21 +5,22 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
+    "dev:test": "vite --mode test",
     "build": "tsc -b && vite build",
-    "lint": "eslint .",
     "preview": "vite preview",
+    "lint": "eslint .",
     "preinstall": "npx only-allow pnpm",
     "prepare": "husky"
   },
   "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",
@@ -29,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",
@@ -44,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/src/components/Lic/index.tsx

@@ -4,7 +4,7 @@ const Lic: FC<{ favorite: string }> = ({ favorite }) => {
   return (
     <div className="animate-keyframes-bounce-in animate-duration-1000 animate-count-1 flex-center flex-col">
       <img className="w-30" src="/lic.svg" alt="liclogo" />
-      <p className="text-8xl mt6">{favorite.toUpperCase()}</p>
+      <p className="sm:text-8xl text-xl mt6">{favorite.toUpperCase()}</p>
     </div>
   );
 };

package/templates/{template-react → template-react-tanstack-jotai/src}/types/auto-imports.d.ts

@@ -6,41 +6,27 @@
 // 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 atom: typeof import('jotai')['atom']
   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 useAtom: typeof import('jotai')['useAtom']
+  const useAtomValue: typeof import('jotai')['useAtomValue']
   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 useSetAtom: typeof import('jotai')['useSetAtom']
   const useState: typeof import('react')['useState']
   const useSyncExternalStore: typeof import('react')['useSyncExternalStore']
   const useTransition: typeof import('react')['useTransition']

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

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

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

@@ -2,6 +2,7 @@
 
 interface ImportMetaEnv {
   VITE_APP_DOMAIN: string;
+  VITE_APP_SSL: string;
 }
 
 interface ImportMeta {

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

@@ -1,18 +1,15 @@
-import { defineConfig } from 'vite';
-
-import path from 'node:path';
-import process from 'node:process';
-import { createPlugins } from './plugins';
+import { defineConfig, loadConfigFromFile, mergeConfig } from 'vite';
+import _base from './config/build/_base';
 
 // https://vite.dev/config/
-export default defineConfig(() => ({
-  plugins: createPlugins(),
-  resolve: {
-    alias: {
-      '@': path.resolve(process.cwd(), 'src')
-    }
-  },
-  server: {
-    port: 8220
-  }
-}));
+export default defineConfig(async (configEnv) => {
+  if (configEnv.mode === '_base')
+    throw new Error('base config is not allowed to be used directly');
+
+  const re = await loadConfigFromFile(
+    configEnv,
+    `config/build/${configEnv.mode}.ts`
+  );
+
+  return mergeConfig(_base, re?.config ?? {});
+});

package/templates/template-vue/config/build/_base.ts

@@ -0,0 +1,42 @@
+import { defineConfig } from 'vite'
+import type { Plugin } from 'vite'
+import path from 'node:path'
+import process from 'node:process'
+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'
+
+const basePlugins: Plugin[] = [
+  vue(),
+  vueJsx(),
+  vueDevTools(),
+  AutoImport({
+    include: [
+      /\.vue$/,
+      /\.vue\?vue/, // .vue
+    ],
+    imports: ['vue', 'vue-router', 'pinia', '@vueuse/core'],
+    // 为true时在项目根目录自动创建
+    dts: 'src/types/auto-imports.d.ts',
+  }),
+  // 按需加载组件
+  Components({
+    // 自动加载的组件目录，默认值为 ['src/components']
+    dirs: ['src/components'],
+    // 组件名称包含目录，防止同名组件冲突
+    directoryAsNamespace: true,
+    // 指定类型声明文件，为true时在项目根目录创建
+    dts: 'src/types/components.d.ts',
+  }),
+]
+
+export default defineConfig({
+  plugins: basePlugins,
+  resolve: {
+    alias: {
+      '@': path.resolve(process.cwd(), 'src'),
+    },
+  },
+})

package/templates/template-vue/config/build/development.ts

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

package/templates/template-vue/config/build/production.ts

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

package/templates/template-vue/config/build/test.ts

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

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

@@ -1,28 +0,0 @@
-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',
-  }),
-]

package/templates/template-vue/src/types/components.d.ts

@@ -0,0 +1,21 @@
+/* eslint-disable */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    HelloWorld: typeof import('./../components/HelloWorld.vue')['default']
+    IconsIconCommunity: typeof import('./../components/icons/IconCommunity.vue')['default']
+    IconsIconDocumentation: typeof import('./../components/icons/IconDocumentation.vue')['default']
+    IconsIconEcosystem: typeof import('./../components/icons/IconEcosystem.vue')['default']
+    IconsIconSupport: typeof import('./../components/icons/IconSupport.vue')['default']
+    IconsIconTooling: typeof import('./../components/icons/IconTooling.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    TheWelcome: typeof import('./../components/TheWelcome.vue')['default']
+    WelcomeItem: typeof import('./../components/WelcomeItem.vue')['default']
+  }
+}

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

@@ -6,7 +6,7 @@
     "cypress.config.*",
     "nightwatch.conf.*",
     "playwright.config.*",
-    "plugins/*"
+    "config/**/*.ts"
   ],
   "compilerOptions": {
     "composite": true,

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

@@ -1,16 +1,15 @@
-import { fileURLToPath, URL } from 'node:url'
-import { defineConfig } from 'vite'
-import { createPlugins } from './plugins'
+import { defineConfig, loadConfigFromFile, mergeConfig } from 'vite'
+import _base from './config/build/_base'
 
-export default defineConfig({
-  envDir: './env',
-  plugins: createPlugins(),
-  resolve: {
-    alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url)),
-    },
-  },
-  server: {
-    port: 8220,
-  },
+// https://vite.dev/config/
+export default defineConfig(async (configEnv) => {
+  if (configEnv.mode === '_base')
+    throw new Error('base config is not allowed to be used directly')
+
+  const re = await loadConfigFromFile(
+    configEnv,
+    `config/build/${configEnv.mode}.ts`,
+  )
+
+  return mergeConfig(_base, re?.config ?? {})
 })

package/templates/template-vue/types/components.d.ts

@@ -1,21 +0,0 @@
-/* eslint-disable */
-// @ts-nocheck
-// Generated by unplugin-vue-components
-// Read more: https://github.com/vuejs/core/pull/3399
-export {}
-
-/* prettier-ignore */
-declare module 'vue' {
-  export interface GlobalComponents {
-    HelloWorld: typeof import('./../src/components/HelloWorld.vue')['default']
-    IconsIconCommunity: typeof import('./../src/components/icons/IconCommunity.vue')['default']
-    IconsIconDocumentation: typeof import('./../src/components/icons/IconDocumentation.vue')['default']
-    IconsIconEcosystem: typeof import('./../src/components/icons/IconEcosystem.vue')['default']
-    IconsIconSupport: typeof import('./../src/components/icons/IconSupport.vue')['default']
-    IconsIconTooling: typeof import('./../src/components/icons/IconTooling.vue')['default']
-    RouterLink: typeof import('vue-router')['RouterLink']
-    RouterView: typeof import('vue-router')['RouterView']
-    TheWelcome: typeof import('./../src/components/TheWelcome.vue')['default']
-    WelcomeItem: typeof import('./../src/components/WelcomeItem.vue')['default']
-  }
-}