create-yiougo 1.0.0

package/template/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "yiougo-app",
+  "version": "1.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "dev:server": "bun run --watch server/index.ts",
+    "build": "vue-tsc && vite build",
+    "preview": "vite preview",
+    "server": "bun run server/index.ts"
+  },
+  "dependencies": {
+    "elysia": "^1.1.25",
+    "@elysiajs/cors": "^1.1.0",
+    "@elysiajs/swagger": "^1.1.5",
+    "mongodb": "^6.11.0",
+    "redis": "^4.7.0"
+  },
+  "devDependencies": {
+    "vue": "^3.5.13",
+    "vue-router": "^4.5.0",
+    "pinia": "^2.3.0",
+    "quasar": "^2.17.3",
+    "@quasar/extras": "^1.16.12",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@quasar/vite-plugin": "^1.7.3",
+    "vite": "^6.0.7",
+    "vue-tsc": "^2.1.10",
+    "typescript": "^5.7.2",
+    "sass-embedded": "^1.81.0",
+    "@types/node": "^22.10.5",
+    "@types/bun": "latest",
+    "@elysiajs/eden": "^1.1.10",
+    "vite-plugin-vue-layouts": "^0.11.0",
+    "vite-plugin-pages": "^0.32.3"
+  }
+}

package/template/public/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/template/server/config/database.ts

@@ -0,0 +1,31 @@
+import { MongoClient, Db } from 'mongodb';
+
+let db: Db;
+let client: MongoClient;
+
+export async function connectDB() {
+  try {
+    const uri = process.env.MONGODB_URI || 'mongodb://localhost:27017/yiougo';
+    client = new MongoClient(uri);
+    await client.connect();
+    db = client.db();
+    console.log('✅ MongoDB connected successfully');
+  } catch (error) {
+    console.error('❌ MongoDB connection error:', error);
+    process.exit(1);
+  }
+}
+
+export function getDB(): Db {
+  if (!db) {
+    throw new Error('Database not initialized. Call connectDB first.');
+  }
+  return db;
+}
+
+export async function closeDB() {
+  if (client) {
+    await client.close();
+    console.log('MongoDB connection closed');
+  }
+}

package/template/server/config/redis.ts

@@ -0,0 +1,23 @@
+import { createClient } from 'redis';
+
+export const redisClient = createClient({
+  url: process.env.REDIS_URL || 'redis://localhost:6379'
+});
+
+export async function connectRedis() {
+  try {
+    await redisClient.connect();
+    console.log('✅ Redis connected successfully');
+  } catch (error) {
+    console.error('❌ Redis connection error:', error);
+    process.exit(1);
+  }
+}
+
+redisClient.on('error', (error) => {
+  console.error('❌ Redis error:', error);
+});
+
+redisClient.on('disconnect', () => {
+  console.log('⚠️  Redis disconnected');
+});

package/template/server/index.ts

@@ -0,0 +1,28 @@
+import { Elysia } from 'elysia';
+import { cors } from '@elysiajs/cors';
+import { swagger } from '@elysiajs/swagger';
+import { connectDB } from './config/database';
+import { connectRedis } from './config/redis';
+import { userRoutes } from './routes/user.routes';
+
+const app = new Elysia()
+  .use(cors())
+  .use(swagger({
+    documentation: {
+      info: {
+        title: 'Yiougo API',
+        version: '1.0.0'
+      }
+    }
+  }))
+  .get('/api/health', () => ({
+    status: 'ok',
+    timestamp: new Date().toISOString()
+  }))
+  .use(userRoutes)
+  .listen(process.env.PORT || 3000);
+
+await connectDB();
+await connectRedis();
+
+console.log(`🚀 Server running at http://${app.server?.hostname}:${app.server?.port}`);

package/template/server/models/user.model.ts

@@ -0,0 +1,10 @@
+import { ObjectId } from 'mongodb';
+
+export interface IUser {
+  _id?: ObjectId;
+  username: string;
+  email: string;
+  password: string;
+  createdAt: Date;
+  updatedAt: Date;
+}

package/template/server/routes/user.routes.ts

@@ -0,0 +1,45 @@
+import { Elysia, t } from 'elysia';
+import { UserService } from '../services/user.service';
+
+export const userRoutes = new Elysia({ prefix: '/api/users' })
+  .get('/', async () => {
+    const users = await UserService.getAllUsers();
+    return { success: true, data: users };
+  })
+  .get('/:id', async ({ params: { id } }) => {
+    const user = await UserService.getUserById(id);
+    if (!user) {
+      return { success: false, error: 'User not found' };
+    }
+    return { success: true, data: user };
+  })
+  .post('/', async ({ body }) => {
+    const user = await UserService.createUser(body);
+    return { success: true, data: user };
+  }, {
+    body: t.Object({
+      username: t.String(),
+      email: t.String(),
+      password: t.String()
+    })
+  })
+  .put('/:id', async ({ params: { id }, body }) => {
+    const user = await UserService.updateUser(id, body);
+    if (!user) {
+      return { success: false, error: 'User not found' };
+    }
+    return { success: true, data: user };
+  }, {
+    body: t.Object({
+      username: t.Optional(t.String()),
+      email: t.Optional(t.String()),
+      password: t.Optional(t.String())
+    })
+  })
+  .delete('/:id', async ({ params: { id } }) => {
+    const deleted = await UserService.deleteUser(id);
+    if (!deleted) {
+      return { success: false, error: 'User not found' };
+    }
+    return { success: true, message: 'User deleted successfully' };
+  });

package/template/server/services/user.service.ts

@@ -0,0 +1,100 @@
+import { ObjectId } from 'mongodb';
+import { IUser } from '../models/user.model';
+import { getDB } from '../config/database';
+import { redisClient } from '../config/redis';
+
+const CACHE_TTL = 3600;
+const COLLECTION_NAME = 'users';
+
+export class UserService {
+  static async getAllUsers(): Promise<IUser[]> {
+    const cacheKey = 'users:all';
+    
+    const cached = await redisClient.get(cacheKey);
+    if (cached) {
+      return JSON.parse(cached);
+    }
+
+    const db = getDB();
+    const users = await db.collection<IUser>(COLLECTION_NAME)
+      .find({}, { projection: { password: 0 } })
+      .toArray();
+    
+    await redisClient.setEx(cacheKey, CACHE_TTL, JSON.stringify(users));
+    
+    return users;
+  }
+
+  static async getUserById(id: string): Promise<IUser | null> {
+    const cacheKey = `user:${id}`;
+    
+    const cached = await redisClient.get(cacheKey);
+    if (cached) {
+      return JSON.parse(cached);
+    }
+
+    const db = getDB();
+    const user = await db.collection<IUser>(COLLECTION_NAME)
+      .findOne({ _id: new ObjectId(id) }, { projection: { password: 0 } });
+    
+    if (user) {
+      await redisClient.setEx(cacheKey, CACHE_TTL, JSON.stringify(user));
+    }
+    
+    return user;
+  }
+
+  static async createUser(userData: Partial<IUser>): Promise<IUser> {
+    const db = getDB();
+    const now = new Date();
+    const newUser: IUser = {
+      username: userData.username!,
+      email: userData.email!,
+      password: userData.password!,
+      createdAt: now,
+      updatedAt: now
+    };
+
+    const result = await db.collection<IUser>(COLLECTION_NAME).insertOne(newUser);
+    newUser._id = result.insertedId;
+    
+    await redisClient.del('users:all');
+    
+    return newUser;
+  }
+
+  static async updateUser(id: string, userData: Partial<IUser>): Promise<IUser | null> {
+    const db = getDB();
+    const updateData = {
+      ...userData,
+      updatedAt: new Date()
+    };
+
+    const result = await db.collection<IUser>(COLLECTION_NAME).findOneAndUpdate(
+      { _id: new ObjectId(id) },
+      { $set: updateData },
+      { returnDocument: 'after', projection: { password: 0 } }
+    );
+    
+    if (result) {
+      await redisClient.del(`user:${id}`);
+      await redisClient.del('users:all');
+    }
+    
+    return result;
+  }
+
+  static async deleteUser(id: string): Promise<boolean> {
+    const db = getDB();
+    const result = await db.collection<IUser>(COLLECTION_NAME)
+      .deleteOne({ _id: new ObjectId(id) });
+    
+    if (result.deletedCount > 0) {
+      await redisClient.del(`user:${id}`);
+      await redisClient.del('users:all');
+      return true;
+    }
+    
+    return false;
+  }
+}

package/template/shared/types/index.ts

@@ -0,0 +1,14 @@
+export interface User {
+  _id: string;
+  username: string;
+  email: string;
+  createdAt: string;
+  updatedAt: string;
+}
+
+export interface ApiResponse<T> {
+  success: boolean;
+  data?: T;
+  error?: string;
+  message?: string;
+}

package/template/src/App.vue

@@ -0,0 +1,16 @@
+<template>
+  <router-view />
+</template>
+
+<script setup lang="ts">
+</script>
+
+<style lang="scss">
+html,
+body,
+#app {
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+}
+</style>

package/template/src/api/user.api.ts

@@ -0,0 +1,53 @@
+import type { User, ApiResponse } from '@shared/types'
+
+const BASE_URL = import.meta.env.VITE_API_URL || 'http://localhost:3000'
+
+async function request<T>(url: string, options?: RequestInit): Promise<ApiResponse<T>> {
+  try {
+    const response = await fetch(`${BASE_URL}${url}`, {
+      ...options,
+      headers: {
+        'Content-Type': 'application/json',
+        ...options?.headers,
+      },
+    })
+    
+    const data = await response.json()
+    return data as ApiResponse<T>
+  } catch (error) {
+    return {
+      success: false,
+      error: error instanceof Error ? error.message : 'Network error'
+    }
+  }
+}
+
+export const userApi = {
+  async getAll(): Promise<ApiResponse<User[]>> {
+    return request<User[]>('/api/users')
+  },
+
+  async getById(id: string): Promise<ApiResponse<User>> {
+    return request<User>(`/api/users/${id}`)
+  },
+
+  async create(userData: Partial<User>): Promise<ApiResponse<User>> {
+    return request<User>('/api/users', {
+      method: 'POST',
+      body: JSON.stringify(userData),
+    })
+  },
+
+  async update(id: string, userData: Partial<User>): Promise<ApiResponse<User>> {
+    return request<User>(`/api/users/${id}`, {
+      method: 'PUT',
+      body: JSON.stringify(userData),
+    })
+  },
+
+  async delete(id: string): Promise<ApiResponse<null>> {
+    return request<null>(`/api/users/${id}`, {
+      method: 'DELETE',
+    })
+  }
+}

package/template/src/components/BaseButton.vue

@@ -0,0 +1,49 @@
+<template>
+  <q-btn
+    v-bind="$attrs"
+    :loading="loading"
+    :disabled="disabled || loading"
+    class="base-button"
+    @click="handleClick"
+  >
+    <template v-if="loading">
+      <q-spinner-dots size="1em" />
+      <span class="q-ml-sm">{{ loadingText }}</span>
+    </template>
+    <template v-else>
+      <slot />
+    </template>
+  </q-btn>
+</template>
+
+<script setup lang="ts">
+interface Props {
+  loading?: boolean
+  disabled?: boolean
+  loadingText?: string
+}
+
+interface Emits {
+  (e: 'click', event: MouseEvent): void
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  loading: false,
+  disabled: false,
+  loadingText: 'Loading...'
+})
+
+const emit = defineEmits<Emits>()
+
+function handleClick(event: MouseEvent) {
+  if (!props.disabled && !props.loading) {
+    emit('click', event)
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.base-button {
+  min-width: 100px;
+}
+</style>

package/template/src/components/BaseCard.vue

@@ -0,0 +1,41 @@
+<template>
+  <q-card class="base-card" :class="{ 'base-card--flat': flat }">
+    <q-card-section v-if="$slots.header" class="base-card__header">
+      <slot name="header" />
+    </q-card-section>
+
+    <q-card-section v-if="$slots.default" class="base-card__content">
+      <slot />
+    </q-card-section>
+
+    <q-card-actions v-if="$slots.actions" class="base-card__actions">
+      <slot name="actions" />
+    </q-card-actions>
+  </q-card>
+</template>
+
+<script setup lang="ts">
+interface Props {
+  flat?: boolean
+}
+
+withDefaults(defineProps<Props>(), {
+  flat: false
+})
+</script>
+
+<style lang="scss" scoped>
+.base-card {
+  &__header {
+    padding-bottom: 0;
+  }
+  
+  &__content {
+    padding-top: 0;
+  }
+  
+  &__actions {
+    padding-top: 0;
+  }
+}
+</style>

package/template/src/components/index.ts

@@ -0,0 +1,3 @@
+// 基础组件导出
+export { default as BaseCard } from './BaseCard.vue'
+export { default as BaseButton } from './BaseButton.vue'

package/template/src/composables/index.ts

@@ -0,0 +1,3 @@
+// 组合式 API 导出
+export { useLoading } from './useLoading'
+export { useNotification } from './useNotification'

package/template/src/composables/useLoading.ts

@@ -0,0 +1,36 @@
+import { ref, computed, readonly } from 'vue'
+
+export interface UseLoadingOptions {
+  initial?: boolean
+}
+
+export function useLoading(options: UseLoadingOptions = {}) {
+  const { initial = false } = options
+  
+  const loading = ref(initial)
+  
+  const setLoading = (value: boolean) => {
+    loading.value = value
+  }
+  
+  const startLoading = () => {
+    loading.value = true
+  }
+  
+  const stopLoading = () => {
+    loading.value = false
+  }
+  
+  const toggleLoading = () => {
+    loading.value = !loading.value
+  }
+  
+  return {
+    loading: readonly(loading),
+    setLoading,
+    startLoading,
+    stopLoading,
+    toggleLoading,
+    isLoading: computed(() => loading.value)
+  }
+}

package/template/src/composables/useNotification.ts

@@ -0,0 +1,52 @@
+import { useQuasar } from 'quasar'
+
+export interface NotificationOptions {
+  type?: 'positive' | 'negative' | 'warning' | 'info'
+  message: string
+  timeout?: number
+  position?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right'
+}
+
+export function useNotification() {
+  const $q = useQuasar()
+  
+  const showNotification = (options: NotificationOptions) => {
+    const {
+      type = 'info',
+      message,
+      timeout = 3000,
+      position = 'top'
+    } = options
+    
+    $q.notify({
+      type,
+      message,
+      timeout,
+      position
+    })
+  }
+  
+  const showSuccess = (message: string, options?: Omit<NotificationOptions, 'type' | 'message'>) => {
+    showNotification({ ...options, message, type: 'positive' })
+  }
+  
+  const showError = (message: string, options?: Omit<NotificationOptions, 'type' | 'message'>) => {
+    showNotification({ ...options, message, type: 'negative' })
+  }
+  
+  const showWarning = (message: string, options?: Omit<NotificationOptions, 'type' | 'message'>) => {
+    showNotification({ ...options, message, type: 'warning' })
+  }
+  
+  const showInfo = (message: string, options?: Omit<NotificationOptions, 'type' | 'message'>) => {
+    showNotification({ ...options, message, type: 'info' })
+  }
+  
+  return {
+    showNotification,
+    showSuccess,
+    showError,
+    showWarning,
+    showInfo
+  }
+}

package/template/src/env.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="vite/client" />
+/// <reference types="vite-plugin-pages/client" />
+/// <reference types="vite-plugin-vue-layouts/client" />
+
+interface ImportMetaEnv {
+  readonly VITE_API_URL: string
+  readonly BASE_URL: string
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+  readonly url: string
+}

package/template/src/hooks/index.ts

@@ -0,0 +1,2 @@
+// Hooks 导出
+export { useApi } from './useApi'

package/template/src/hooks/useApi.ts

@@ -0,0 +1,60 @@
+import { ref, readonly } from 'vue'
+import type { ApiResponse } from '@shared/types'
+
+export interface UseApiOptions<T> {
+  immediate?: boolean
+  onSuccess?: (data: T) => void
+  onError?: (error: string) => void
+}
+
+export function useApi<T = any>(
+  apiFunction: () => Promise<ApiResponse<T>>,
+  options: UseApiOptions<T> = {}
+) {
+  const { immediate = false, onSuccess, onError } = options
+  
+  const data = ref<T | null>(null)
+  const loading = ref(false)
+  const error = ref<string | null>(null)
+  
+  const execute = async () => {
+    loading.value = true
+    error.value = null
+    
+    try {
+      const response = await apiFunction()
+      
+      if (response.success && response.data) {
+        data.value = response.data
+        onSuccess?.(response.data)
+      } else {
+        error.value = response.error || 'Request failed'
+        onError?.(error.value)
+      }
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : 'Unknown error'
+      error.value = errorMessage
+      onError?.(errorMessage)
+    } finally {
+      loading.value = false
+    }
+  }
+  
+  const reset = () => {
+    data.value = null
+    error.value = null
+    loading.value = false
+  }
+  
+  if (immediate) {
+    execute()
+  }
+  
+  return {
+    data: readonly(data),
+    loading: readonly(loading),
+    error: readonly(error),
+    execute,
+    reset
+  }
+}

package/template/src/layouts/default.vue

@@ -0,0 +1,29 @@
+<template>
+  <q-layout view="lHh Lpr lFf">
+    <q-header elevated class="bg-primary text-white">
+      <q-toolbar>
+        <q-toolbar-title>
+          <q-btn flat no-caps to="/" class="text-white">
+            Yiougo App
+          </q-btn>
+        </q-toolbar-title>
+        
+        <q-space />
+        
+        <q-tabs>
+          <q-route-tab to="/" label="首页" />
+          <q-route-tab to="/users" label="用户" />
+          <q-route-tab to="/about" label="关于" />
+        </q-tabs>
+      </q-toolbar>
+    </q-header>
+
+    <q-page-container>
+      <router-view />
+    </q-page-container>
+  </q-layout>
+</template>
+
+<script setup lang="ts">
+// 默认布局组件
+</script>