@opentiny/tiny-robot-cli 0.4.1-alpha.0

package/templates/basic/src/models.ts

@@ -0,0 +1,81 @@
+import { type Component } from 'vue'
+import { IconModelAliyunBailian, IconModelDeepseek } from './components/icons'
+
+export interface ModelCapabilities {
+  thinking?: Record<string, unknown> | false
+  search?: Record<string, unknown> | false
+}
+
+export interface ModelConfigItem {
+  name: string
+  model: string
+  capabilities?: ModelCapabilities
+}
+
+export interface ProviderModelConfig {
+  apiUrl: string
+  icon: Component
+  apiKey?: string
+  models: ModelConfigItem[]
+}
+
+export const ModelConfigs: Record<string, ProviderModelConfig> = {
+  aliyun: {
+    apiUrl: 'https://dashscope.aliyuncs.com/compatible-mode/v1/chat/completions',
+    icon: IconModelAliyunBailian,
+    apiKey: import.meta.env.VITE_ALIYUN_DASHSCOPE_KEY,
+    models: [
+      {
+        name: 'Qwen Flash',
+        model: 'qwen-flash',
+        capabilities: {
+          thinking: {
+            enable_thinking: true,
+          },
+          search: {
+            enable_search: true,
+          },
+        },
+      },
+      {
+        name: 'Qwen Plus',
+        model: 'qwen-plus',
+        capabilities: {
+          thinking: {
+            enable_thinking: true,
+          },
+          search: {
+            enable_search: true,
+          },
+        },
+      },
+      {
+        name: 'Qwen Max',
+        model: 'qwen-max',
+        capabilities: {
+          thinking: {
+            enable_thinking: true,
+          },
+          search: {
+            enable_search: true,
+          },
+        },
+      },
+    ],
+  },
+  deepseek: {
+    apiUrl: 'https://api.deepseek.com/v1',
+    icon: IconModelDeepseek,
+    apiKey: import.meta.env.VITE_DEEPSEEK_API_KEY,
+    models: [
+      {
+        name: 'DeepSeek Chat',
+        model: 'deepseek-chat',
+      },
+      {
+        name: 'DeepSeek Reasoner',
+        model: 'deepseek-reasoner',
+      },
+    ],
+  },
+}

package/templates/basic/src/style.css

@@ -0,0 +1,21 @@
+:root {
+  font-family:
+    Inter,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    sans-serif;
+  color: var(--tr-text-primary);
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+}
+
+#app {
+  height: 100vh;
+}

package/templates/basic/tsconfig.app.json

@@ -0,0 +1,16 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "types": ["vite/client"],
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
+}

package/templates/basic/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

package/templates/basic/tsconfig.node.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "types": ["node"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/templates/basic/vite.config.ts

@@ -0,0 +1,16 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [vue()],
+  server: {
+    proxy: {
+      '/modelcontextprotocol-mcp': {
+        target: 'https://modelcontextprotocol.io/mcp',
+        changeOrigin: true,
+        rewrite: (path) => path.replace(/^\/modelcontextprotocol-mcp/, ''),
+      },
+    },
+  },
+})

package/templates/chat/.env.example

@@ -0,0 +1 @@
+VITE_DEEPSEEK_API_KEY=

package/templates/chat/src/TinyRobotChat.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+import type { ChatMcpServerConfig, ChatModelOption } from '@opentiny/tiny-robot/experimental'
+import { TrThemeProvider } from '@opentiny/tiny-robot'
+import { TrChat } from '@opentiny/tiny-robot/experimental'
+import { ref } from 'vue'
+
+const show = ref(false)
+const fullscreen = ref(false)
+
+const chatModelOptions: ChatModelOption[] = [
+  {
+    id: 'deepseek-chat',
+    provider: 'deepseek',
+    name: 'DeepSeek Chat',
+    model: 'deepseek-chat',
+    apiUrl: 'https://api.deepseek.com/chat/completions',
+    apiKey: import.meta.env.VITE_DEEPSEEK_API_KEY || '',
+  },
+]
+
+const chatMcpServers: Record<string, ChatMcpServerConfig> = {}
+</script>
+
+<template>
+  <TrThemeProvider>
+    <TrChat
+      v-model:show="show"
+      v-model:fullscreen="fullscreen"
+      title="TrChat Preview"
+      system-prompt="You are a helpful assistant."
+      :model-options="chatModelOptions"
+      :mcp-servers="chatMcpServers"
+    />
+  </TrThemeProvider>
+</template>