@vibe-forge/client 0.2.0-alpha.9 → 0.4.0

package/src/runtime-config.ts

@@ -0,0 +1,52 @@
+export type RuntimeEnv = Partial<{
+  __VF_PROJECT_AI_SERVER_HOST__: string
+  __VF_PROJECT_AI_SERVER_PORT__: string
+  __VF_PROJECT_AI_SERVER_WS_PATH__: string
+  __VF_PROJECT_AI_CLIENT_BASE__: string
+}>
+
+const getGlobalRuntimeEnv = () => {
+  const globalScope = globalThis as { __VF_PROJECT_AI_RUNTIME_ENV__?: RuntimeEnv }
+  return globalScope.__VF_PROJECT_AI_RUNTIME_ENV__
+}
+
+const normalizeBase = (value?: string) => {
+  let base = value?.trim() ?? ''
+  if (!base) {
+    return '/ui/'
+  }
+  if (!base.startsWith('/')) {
+    base = `/${base}`
+  }
+  if (!base.endsWith('/')) {
+    base += '/'
+  }
+  return base
+}
+
+const normalizePath = (value?: string) => {
+  let next = value?.trim() ?? ''
+  if (!next) {
+    return '/ws'
+  }
+  if (!next.startsWith('/')) {
+    next = `/${next}`
+  }
+  return next
+}
+
+export const getRuntimeEnv = (): RuntimeEnv => getGlobalRuntimeEnv() ?? {}
+
+export const getClientBase = () => normalizeBase(
+  getRuntimeEnv().__VF_PROJECT_AI_CLIENT_BASE__ ?? import.meta.env.__VF_PROJECT_AI_CLIENT_BASE__
+)
+
+export const getServerHostEnv = () => getRuntimeEnv().__VF_PROJECT_AI_SERVER_HOST__
+  ?? import.meta.env.__VF_PROJECT_AI_SERVER_HOST__
+
+export const getServerPortEnv = () => getRuntimeEnv().__VF_PROJECT_AI_SERVER_PORT__
+  ?? import.meta.env.__VF_PROJECT_AI_SERVER_PORT__
+
+export const getServerWsPath = () => normalizePath(
+  getRuntimeEnv().__VF_PROJECT_AI_SERVER_WS_PATH__ ?? import.meta.env.__VF_PROJECT_AI_SERVER_WS_PATH__
+)

package/src/store/index.ts

@@ -21,3 +21,5 @@ export type ThemeMode = 'light' | 'dark' | 'system'
 export const themeAtom = atom<ThemeMode>(
   (localStorage.getItem('theme') as ThemeMode) || 'system'
 )
+
+export const showAnnouncementsAtom = atom(true)

package/src/vite-env.d.ts

@@ -3,10 +3,21 @@
 interface ImportMetaEnv {
   readonly __VF_PROJECT_AI_SERVER_HOST__: string
   readonly __VF_PROJECT_AI_SERVER_PORT__: string
+  readonly __VF_PROJECT_AI_SERVER_WS_PATH__: string
   readonly __VF_PROJECT_AI_CLIENT_HOST__: string
   readonly __VF_PROJECT_AI_CLIENT_PORT__: string
+  readonly __VF_PROJECT_AI_CLIENT_BASE__: string
 }
 
 interface ImportMeta {
   readonly env: ImportMetaEnv
 }
+
+interface Window {
+  __VF_PROJECT_AI_RUNTIME_ENV__?: Partial<{
+    __VF_PROJECT_AI_SERVER_HOST__: string
+    __VF_PROJECT_AI_SERVER_PORT__: string
+    __VF_PROJECT_AI_SERVER_WS_PATH__: string
+    __VF_PROJECT_AI_CLIENT_BASE__: string
+  }>
+}

package/src/ws.ts

@@ -1,8 +1,10 @@
 import type { WSEvent } from '@vibe-forge/core'
 
-const SERVER_HOST = import.meta.env.__VF_PROJECT_AI_SERVER_HOST__ || window.location.hostname
-const SERVER_PORT = import.meta.env.__VF_PROJECT_AI_SERVER_PORT__ || '8787'
-const WS_URL = `ws://${SERVER_HOST}:${SERVER_PORT}/ws`
+import { getServerHostEnv, getServerPortEnv, getServerWsPath } from '#~/runtime-config.js'
+
+const SERVER_HOST = getServerHostEnv() || window.location.hostname
+const SERVER_PORT = getServerPortEnv() || '8787'
+const WS_URL = `ws://${SERVER_HOST}:${SERVER_PORT}${getServerWsPath()}`
 
 export interface WSHandlers {
   onOpen?: () => void

package/vite.config.ts

@@ -3,9 +3,20 @@ import process from 'node:process'
 import react from '@vitejs/plugin-react'
 import { defineConfig } from 'vite'
 
+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__/'
+
 export default defineConfig({
-  plugins: [react()],
+  plugins: [
+    react()
+  ],
   root: '.',
+  base: clientBase,
+  resolve: {
+    conditions: ['browser', '__vibe-forge__', 'module', 'import', 'development']
+  },
   server: {
     host: process.env.__VF_PROJECT_AI_CLIENT_HOST__,
     port: Number(process.env.__VF_PROJECT_AI_CLIENT_PORT__ ?? 5173)
@@ -19,8 +30,5 @@ export default defineConfig({
         api: 'modern-compiler'
       }
     }
-  },
-  test: {
-    environment: 'node'
   }
 })

package/dist/assets/channel-DrWdSpqV.js

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

package/dist/assets/clone-D0cC8LLB.js

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

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

@@ -1 +0,0 @@
-import{f as o,p as e}from"./flowDb-c6c81e3f-DG6WKyo7.js";import{f as a,g as t}from"./styles-d45a18b0-BE3106vL.js";import{ar as i}from"./mermaid.core-Cabag9SZ.js";import"./graph-CRWF39gX.js";import"./layout-C88ObkCf.js";import"./index-CNMzWvKV.js";import"./index-5325376f-W1hft795.js";import"./clone-D0cC8LLB.js";import"./edges-96097737-CMEArkOa.js";import"./createText-1719965b-ByfEqOF-.js";import"./line-C7WAYMt5.js";import"./array-BKyUJesY.js";import"./path-CbwjOpE9.js";import"./channel-DrWdSpqV.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};