@vibe-forge/client 2.0.0 → 3.0.0-alpha.0

package/src/ws.ts

@@ -1,11 +1,8 @@
 import type { WSEvent } from '@vibe-forge/core'
 
-import { getServerHostEnv, getServerPortEnv, getServerWsPath } from '#~/runtime-config.js'
+import { createServerUrl, getServerWsPath } from '#~/runtime-config.js'
 
-const SERVER_HOST = getServerHostEnv() || window.location.hostname
-const SERVER_PORT = getServerPortEnv() || '8787'
-const WS_PROTOCOL = window.location.protocol === 'https:' ? 'wss' : 'ws'
-const WS_URL = `${WS_PROTOCOL}://${SERVER_HOST}:${SERVER_PORT}${getServerWsPath()}`
+import { getAuthToken } from './api/auth-token'
 
 export interface WSHandlers<TMessage = WSEvent> {
   onOpen?: () => void
@@ -14,12 +11,26 @@ export interface WSHandlers<TMessage = WSEvent> {
   onClose?: () => void
 }
 
-export function createSocket<TMessage = WSEvent>(handlers: WSHandlers<TMessage>, params?: Record<string, string>) {
-  let url = WS_URL
+const createWebSocketUrl = (params?: Record<string, string>) => {
+  const url = new URL(createServerUrl(getServerWsPath()))
+  url.protocol = url.protocol === 'https:' ? 'wss:' : 'ws:'
+
+  const authToken = getAuthToken()
+  if (authToken != null) {
+    url.searchParams.set('authToken', authToken)
+  }
+
   if (params) {
-    const searchParams = new URLSearchParams(params)
-    url += (url.includes('?') ? '&' : '?') + searchParams.toString()
+    for (const [key, value] of Object.entries(params)) {
+      url.searchParams.set(key, value)
+    }
   }
+
+  return url.toString()
+}
+
+export function createSocket<TMessage = WSEvent>(handlers: WSHandlers<TMessage>, params?: Record<string, string>) {
+  const url = createWebSocketUrl(params)
   const ws = new WebSocket(url)
   ws.addEventListener('open', () => handlers.onOpen?.())
   ws.addEventListener('message', (ev) => {

package/vite.config.ts

@@ -1,15 +1,27 @@
 import { execFileSync } from 'node:child_process'
+import { readFileSync } from 'node:fs'
 import process from 'node:process'
 import { fileURLToPath } from 'node:url'
 
 import react from '@vitejs/plugin-react'
 import { defineConfig } from 'vite'
 
-const isDev = process.env.__VF_PROJECT_AI_CLIENT_MODE__ === 'dev'
+const clientMode = process.env.__VF_PROJECT_AI_CLIENT_MODE__
+const clientDeployMode = process.env.__VF_PROJECT_AI_CLIENT_DEPLOY_MODE__
+const isDev = clientMode === 'dev'
+const isStandalone = clientMode === 'standalone' ||
+  clientMode === 'independent' ||
+  clientDeployMode === 'standalone' ||
+  clientDeployMode === 'independent'
 const clientBase = isDev
+  ? (process.env.__VF_PROJECT_AI_CLIENT_BASE__ ?? '/')
+  : isStandalone
   ? (process.env.__VF_PROJECT_AI_CLIENT_BASE__ ?? '/')
   : '/__VF_PROJECT_AI_CLIENT_BASE__/'
 const repoRoot = fileURLToPath(new URL('../..', import.meta.url))
+const clientPackageJson = JSON.parse(readFileSync(new URL('./package.json', import.meta.url), 'utf8')) as {
+  version?: string
+}
 
 const readGit = (args: string[]) =>
   execFileSync('git', args, {
@@ -30,8 +42,18 @@ const resolveDevGitRef = () => {
   }
 }
 
+const resolveGitCommitHash = () => {
+  try {
+    return readGit(['rev-parse', 'HEAD'])
+  } catch {
+    return ''
+  }
+}
+
 const devGitRef = isDev ? resolveDevGitRef() : ''
 process.env.__VF_PROJECT_AI_DEV_GIT_REF__ = devGitRef
+process.env.__VF_PROJECT_AI_CLIENT_VERSION__ ??= clientPackageJson.version ?? ''
+process.env.__VF_PROJECT_AI_CLIENT_COMMIT_HASH__ ??= resolveGitCommitHash()
 const normalizeTitle = (title: string) => title.trim().replace(/\s+\[[^\]]+\]$/, '')
 
 export default defineConfig({

package/dist/assets/channel-Dnopc5A6.js

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

package/dist/assets/clone-sQthahUA.js

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

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

@@ -1 +0,0 @@
-import{f as o,p as e}from"./flowDb-c6c81e3f-D1Xz_8Gf.js";import{f as a,g as t}from"./styles-d45a18b0-B-rVGjEq.js";import{ar as i}from"./mermaid.core-BgcryF__.js";import"./graph-BkDQy7Qt.js";import"./layout-CDaZEk6E.js";import"./index-wkhI4dr6.js";import"./index-5325376f-kxPTR3_e.js";import"./clone-sQthahUA.js";import"./edges-96097737-Cb0F1_3K.js";import"./createText-1719965b-CEinakVP.js";import"./line-DNRQu8iq.js";import"./array-BKyUJesY.js";import"./path-CbwjOpE9.js";import"./channel-Dnopc5A6.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};