@opentiny/tiny-robot-cli 0.4.2 → 0.5.2-alpha.11

package/templates/chat/src/index.css

@@ -0,0 +1,116 @@
+:root {
+  font-family:
+    Inter,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    sans-serif;
+  color: #1f2329;
+}
+* {
+  box-sizing: border-box;
+}
+html,
+body,
+#app {
+  width: 100%;
+  height: 100%;
+  min-height: 0;
+  margin: 0;
+}
+body {
+  overflow: hidden;
+}
+.chat-add-app {
+  position: relative;
+  container-type: inline-size;
+  display: flex;
+  width: 100%;
+  height: 100%;
+  min-width: 0;
+  min-height: 0;
+}
+.chat-add-launcher {
+  position: fixed;
+  right: 24px;
+  bottom: 24px;
+  z-index: var(--tr-z-index-popover, 1000);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 56px;
+  height: 56px;
+  padding: 0;
+  border: 0;
+  border-radius: 50%;
+  background: var(--tr-color-primary);
+  color: #fff;
+  box-shadow: 0 8px 24px rgb(0 0 0 / 20%);
+  cursor: pointer;
+}
+.chat-add-launcher:hover {
+  background: var(--tr-color-primary-hover);
+}
+.chat-add-launcher:focus-visible {
+  outline: 2px solid var(--tr-color-primary);
+  outline-offset: 3px;
+}
+.chat-add-window {
+  container-type: inline-size;
+  --tr-layout-bg-default: #f5f5f7;
+  --tr-chat-ui-header-bg: #f5f5f7;
+  --tr-chat-ui-main-bg: #f5f5f7;
+  --tr-chat-ui-footer-bg: #f5f5f7;
+  --tr-suggestion-popover-width: min(440px, calc(100cqw - 16px));
+  width: 100%;
+  min-width: 0;
+  min-height: 0;
+}
+.chat-add-window .tr-welcome {
+  box-sizing: border-box;
+  width: 100%;
+  padding: 24px 24px 0;
+}
+.chat-add-window .tr-welcome__title-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.chat-add-window .tr-prompts {
+  --tr-prompts-gap: 16px;
+  box-sizing: border-box;
+  width: 100%;
+  padding: 16px 24px;
+}
+.chat-add-window .prompt-item {
+  flex: 0 0 calc((100% - 16px) / 2);
+  box-sizing: border-box;
+  min-width: 0;
+}
+.chat-add-window--floating {
+  border-radius: var(--tr-layout-floating-radius);
+  box-shadow: var(--tr-layout-floating-shadow);
+  overflow: hidden;
+}
+.chat-add-window--fullscreen {
+  border-radius: 0;
+  box-shadow: none;
+}
+@container (max-width: 519px) {
+  .chat-add-launcher {
+    right: 16px;
+    bottom: 16px;
+  }
+  .chat-add-window .prompt-item {
+    flex-basis: 100%;
+  }
+  .chat-add-window .tr-welcome {
+    padding-inline: 12px;
+  }
+  .chat-add-window .tr-prompts {
+    padding-inline: 12px;
+  }
+  .chat-add-window .tr-bubble__avatar {
+    display: none;
+  }
+}

package/templates/chat/src/main.ts

@@ -0,0 +1,7 @@
+import { createApp } from 'vue'
+import '@opentiny/tiny-robot/dist/style.css'
+import '@opentiny/tiny-robot-chat/dist/style.css'
+import './index.css'
+import TinyRobotChat from './TinyRobotChat.vue'
+
+createApp(TinyRobotChat).mount('#app')

package/templates/chat/tsconfig.app.json

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

package/templates/chat/tsconfig.json

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

package/templates/chat/tsconfig.node.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "es2023",
+    "lib": ["ES2023"],
+    "types": ["node"],
+    "skipLibCheck": true,
+    "module": "nodenext",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["vite.config.ts"]
+}

package/templates/chat/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/, ''),
+      },
+    },
+  },
+})