@vibe-forge/client 0.8.4 → 0.10.0

package/src/utils/shortcutUtils.ts

@@ -8,6 +8,14 @@ export interface ShortcutSpec {
   shiftKey: boolean
 }
 
+export interface ShortcutDisplayToken {
+  value: string
+  compact: boolean
+}
+
+export const SEND_SHORTCUT_DEFAULT = 'cmd+enter'
+export const SEND_SHORTCUT_INVALID_FALLBACK = 'enter'
+
 const normalizeKey = (key: string) => {
   if (key === ' ') return 'space'
   return key.toLowerCase()
@@ -55,11 +63,83 @@ export const formatShortcutLabel = (shortcut: string | undefined, isMac: boolean
     if (lower === 'alt' || lower === 'option') return 'Alt'
     if (lower === 'shift') return 'Shift'
     if (lower === 'space') return 'Space'
+    if (lower === 'enter') return 'Enter'
+    if (lower === 'escape' || lower === 'esc') return 'Esc'
+    if (lower === 'tab') return 'Tab'
+    if (lower === 'backspace') return 'Backspace'
+    if (lower === 'delete' || lower === 'del') return 'Delete'
+    if (lower === 'arrowup') return 'Up'
+    if (lower === 'arrowdown') return 'Down'
+    if (lower === 'arrowleft') return 'Left'
+    if (lower === 'arrowright') return 'Right'
     if (token.length === 1) return token.toUpperCase()
-    return token
+    return token.charAt(0).toUpperCase() + token.slice(1)
   }).join('+')
 }
 
+export const getShortcutDisplayTokens = (shortcut: string | undefined, isMac: boolean): ShortcutDisplayToken[] => {
+  if (shortcut == null || shortcut.trim() === '') return []
+
+  const tokens = shortcut.split('+').map(token => token.trim()).filter(Boolean)
+  return tokens.map((token) => {
+    const lower = token.toLowerCase()
+
+    if (lower === 'mod') {
+      return { value: isMac ? '⌘' : 'Ctrl', compact: isMac }
+    }
+    if (lower === 'cmd' || lower === 'command' || lower === 'meta') {
+      return { value: '⌘', compact: true }
+    }
+    if (lower === 'ctrl' || lower === 'control') {
+      return { value: isMac ? '⌃' : 'Ctrl', compact: isMac }
+    }
+    if (lower === 'alt' || lower === 'option') {
+      return { value: isMac ? '⌥' : 'Alt', compact: isMac }
+    }
+    if (lower === 'shift') {
+      return { value: isMac ? '⇧' : 'Shift', compact: isMac }
+    }
+    if (lower === 'space') {
+      return { value: 'Space', compact: false }
+    }
+    if (lower === 'enter') {
+      return { value: 'Enter', compact: false }
+    }
+    if (lower === 'escape' || lower === 'esc') {
+      return { value: isMac ? '⎋' : 'Esc', compact: isMac }
+    }
+    if (lower === 'tab') {
+      return { value: isMac ? '⇥' : 'Tab', compact: isMac }
+    }
+    if (lower === 'backspace') {
+      return { value: isMac ? '⌫' : 'Backspace', compact: isMac }
+    }
+    if (lower === 'delete' || lower === 'del') {
+      return { value: isMac ? '⌦' : 'Delete', compact: isMac }
+    }
+    if (lower === 'arrowup') {
+      return { value: '↑', compact: true }
+    }
+    if (lower === 'arrowdown') {
+      return { value: '↓', compact: true }
+    }
+    if (lower === 'arrowleft') {
+      return { value: '←', compact: true }
+    }
+    if (lower === 'arrowright') {
+      return { value: '→', compact: true }
+    }
+    if (token.length === 1) {
+      return { value: token.toUpperCase(), compact: true }
+    }
+
+    return {
+      value: token.charAt(0).toUpperCase() + token.slice(1),
+      compact: false
+    }
+  })
+}
+
 export const isShortcutMatch = (
   e: KeyboardEvent | ReactKeyboardEvent,
   shortcut: string | undefined,
@@ -86,3 +166,33 @@ export const getShortcutFromEvent = (
   tokens.push(key)
   return tokens.join('+')
 }
+
+export const normalizeSendShortcut = (shortcut: string | undefined, isMac: boolean) => {
+  const parsed = parseShortcut(shortcut, isMac)
+
+  if (parsed == null || parsed.key !== 'enter' || parsed.altKey || parsed.ctrlKey) {
+    return null
+  }
+
+  if (!parsed.metaKey && !parsed.shiftKey) {
+    return 'enter'
+  }
+
+  if (!isMac || !parsed.metaKey) {
+    return null
+  }
+
+  if (parsed.shiftKey) {
+    return 'cmd+shift+enter'
+  }
+
+  return 'cmd+enter'
+}
+
+export const resolveSendShortcut = (shortcut: string | undefined, isMac: boolean) => {
+  if (shortcut == null || shortcut.trim() === '') {
+    return isMac ? SEND_SHORTCUT_DEFAULT : SEND_SHORTCUT_INVALID_FALLBACK
+  }
+
+  return normalizeSendShortcut(shortcut, isMac) ?? SEND_SHORTCUT_INVALID_FALLBACK
+}

package/src/vite-env.d.ts

@@ -7,6 +7,7 @@ interface ImportMetaEnv {
   readonly __VF_PROJECT_AI_CLIENT_HOST__: string
   readonly __VF_PROJECT_AI_CLIENT_PORT__: string
   readonly __VF_PROJECT_AI_CLIENT_BASE__: string
+  readonly __VF_PROJECT_AI_DEV_GIT_REF__: string
 }
 
 interface ImportMeta {

package/src/ws.ts

@@ -4,16 +4,17 @@ import { getServerHostEnv, getServerPortEnv, getServerWsPath } from '#~/runtime-
 
 const SERVER_HOST = getServerHostEnv() || window.location.hostname
 const SERVER_PORT = getServerPortEnv() || '8787'
-const WS_URL = `ws://${SERVER_HOST}:${SERVER_PORT}${getServerWsPath()}`
+const WS_PROTOCOL = window.location.protocol === 'https:' ? 'wss' : 'ws'
+const WS_URL = `${WS_PROTOCOL}://${SERVER_HOST}:${SERVER_PORT}${getServerWsPath()}`
 
-export interface WSHandlers {
+export interface WSHandlers<TMessage = WSEvent> {
   onOpen?: () => void
-  onMessage?: (data: WSEvent) => void
+  onMessage?: (data: TMessage) => void
   onError?: (err: Event) => void
   onClose?: () => void
 }
 
-export function createSocket(handlers: WSHandlers, params?: Record<string, string>) {
+export function createSocket<TMessage = WSEvent>(handlers: WSHandlers<TMessage>, params?: Record<string, string>) {
   let url = WS_URL
   if (params) {
     const searchParams = new URLSearchParams(params)
@@ -24,7 +25,7 @@ export function createSocket(handlers: WSHandlers, params?: Record<string, strin
   ws.addEventListener('message', (ev) => {
     try {
       const data = JSON.parse(String(ev.data)) as unknown
-      handlers.onMessage?.(data as WSEvent)
+      handlers.onMessage?.(data as TMessage)
     } catch (e) {
       console.error(e)
     }

package/vite.config.ts

@@ -1,3 +1,4 @@
+import { execFileSync } from 'node:child_process'
 import process from 'node:process'
 import { fileURLToPath } from 'node:url'
 
@@ -8,20 +9,83 @@ const isDev = process.env.__VF_PROJECT_AI_CLIENT_MODE__ === 'dev'
 const clientBase = isDev
   ? (process.env.__VF_PROJECT_AI_CLIENT_BASE__ ?? '/')
   : '/__VF_PROJECT_AI_CLIENT_BASE__/'
+const repoRoot = fileURLToPath(new URL('../..', import.meta.url))
+
+const readGit = (args: string[]) =>
+  execFileSync('git', args, {
+    cwd: repoRoot,
+    encoding: 'utf8',
+    stdio: ['ignore', 'pipe', 'ignore']
+  }).trim()
+
+const resolveDevGitRef = () => {
+  try {
+    return readGit(['symbolic-ref', '--short', 'HEAD'])
+  } catch {
+    try {
+      return `detached@${readGit(['rev-parse', '--short', 'HEAD'])}`
+    } catch {
+      return ''
+    }
+  }
+}
+
+const devGitRef = isDev ? resolveDevGitRef() : ''
+process.env.__VF_PROJECT_AI_DEV_GIT_REF__ = devGitRef
+const normalizeTitle = (title: string) => title.trim().replace(/\s+\[[^\]]+\]$/, '')
 
 export default defineConfig({
   plugins: [
-    react()
+    react(),
+    {
+      name: 'vibe-forge-dev-document-title',
+      transformIndexHtml(html) {
+        if (!isDev || devGitRef === '') {
+          return html
+        }
+        return html.replace(/<title>([^<]*)<\/title>/, (_match, title: string) => {
+          return `<title>${normalizeTitle(title)} [${devGitRef}]</title>`
+        })
+      }
+    }
   ],
   root: '.',
   base: clientBase,
   resolve: {
-    alias: {
-      '@vibe-forge/utils/model-selection': fileURLToPath(
-        new URL('../../packages/utils/src/model-selection.ts', import.meta.url)
-      ),
-      '@vibe-forge/utils': fileURLToPath(new URL('../../packages/utils/src/index.ts', import.meta.url))
-    },
+    alias: [
+      {
+        find: '@vibe-forge/core/channel',
+        replacement: fileURLToPath(new URL('../../packages/core/src/channel.ts', import.meta.url))
+      },
+      {
+        find: '@vibe-forge/plugin-chrome-devtools/schema',
+        replacement: fileURLToPath(new URL('../../packages/plugins/chrome-devtools/src/schema.ts', import.meta.url))
+      },
+      {
+        find: '@vibe-forge/utils/model-selection',
+        replacement: fileURLToPath(new URL('../../packages/utils/src/model-selection.ts', import.meta.url))
+      },
+      {
+        find: '@vibe-forge/utils/log-level',
+        replacement: fileURLToPath(new URL('../../packages/utils/src/log-level.ts', import.meta.url))
+      },
+      {
+        find: '@vibe-forge/channel-lark',
+        replacement: fileURLToPath(new URL('../../packages/channels/lark/src/index.ts', import.meta.url))
+      },
+      {
+        find: '@vibe-forge/core',
+        replacement: fileURLToPath(new URL('../../packages/core/src/index.ts', import.meta.url))
+      },
+      {
+        find: '@vibe-forge/types',
+        replacement: fileURLToPath(new URL('../../packages/types/src/index.ts', import.meta.url))
+      },
+      {
+        find: '@vibe-forge/utils',
+        replacement: fileURLToPath(new URL('../../packages/utils/src/index.ts', import.meta.url))
+      }
+    ],
     conditions: ['browser', '__vibe-forge__', 'module', 'import', 'development']
   },
   server: {

package/dist/assets/channel-bLjHfx-Q.js

@@ -1 +0,0 @@
-import{al as o,am as n}from"./mermaid.core-Bk0Y_0sz.js";const l=(a,r)=>o.lang.round(n.parse(a)[r]);export{l as c};

package/dist/assets/clone-upfY39Je.js

@@ -1 +0,0 @@
-import{a as r}from"./graph-0_VzJX6O.js";var a=4;function n(o){return r(o,a)}export{n as c};

package/dist/assets/flowDiagram-v2-4f6560a1-F66FzZTY.js

@@ -1 +0,0 @@
-import{f as o,p as e}from"./flowDb-c6c81e3f-ChtOxgsJ.js";import{f as a,g as t}from"./styles-d45a18b0-Bf6oqNdR.js";import{ar as i}from"./mermaid.core-Bk0Y_0sz.js";import"./graph-0_VzJX6O.js";import"./layout-BILp7GjD.js";import"./index-C1O04Df8.js";import"./index-5325376f-DLP7F7of.js";import"./clone-upfY39Je.js";import"./edges-96097737-BEegO-R-.js";import"./createText-1719965b-8_Ez5rxh.js";import"./line-D0Xqr8mi.js";import"./array-BKyUJesY.js";import"./path-CbwjOpE9.js";import"./channel-bLjHfx-Q.js";const n={parser:e,db:o,renderer:t,styles:a,init:r=>{r.flowchart||(r.flowchart={}),r.flowchart.arrowMarkerAbsolute=r.arrowMarkerAbsolute,i({flowchart:{arrowMarkerAbsolute:r.arrowMarkerAbsolute}}),t.setConf(r.flowchart),o.clear(),o.setGen("gen-2")}};export{n as diagram};