veryfront 0.1.33 → 0.1.35

package/esm/deno.js

@@ -1,6 +1,6 @@
 export default {
     "name": "veryfront",
-    "version": "0.1.33",
+    "version": "0.1.35",
     "license": "Apache-2.0",
     "nodeModulesDir": "auto",
     "exclude": [

package/esm/src/server/handlers/preview/markdown-html-generator.d.ts

@@ -26,8 +26,8 @@ export interface MarkdownHtmlOptions {
     filePath: string;
     /** Branch ID for Yjs room GUID computation. */
     branchId?: string | null;
-    /** Request host for computing the WebSocket URL. */
-    requestHost?: string;
+    /** API base URL for computing the WebSocket URL (e.g. "https://api.veryfront.com"). */
+    apiBaseUrl?: string;
 }
 /**
  * Generate a complete HTML document for markdown preview rendering.

package/esm/src/server/handlers/preview/markdown-html-generator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-html-generator.d.ts","sourceRoot":"","sources":["../../../../../src/src/server/handlers/preview/markdown-html-generator.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC;AAMrD,oDAAoD;AACpD,MAAM,WAAW,mBAAmB;IAClC,wDAAwD;IACxD,OAAO,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,iDAAiD;IACjD,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC;IACzB,gDAAgD;IAChD,GAAG,EAAE,GAAG,CAAC;IACT,gDAAgD;IAChD,SAAS,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAoED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,mBAAmB,GAAG,MAAM,CA2FzE"}
+{"version":3,"file":"markdown-html-generator.d.ts","sourceRoot":"","sources":["../../../../../src/src/server/handlers/preview/markdown-html-generator.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC;AAMrD,oDAAoD;AACpD,MAAM,WAAW,mBAAmB;IAClC,wDAAwD;IACxD,OAAO,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,iDAAiD;IACjD,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC;IACzB,gDAAgD;IAChD,GAAG,EAAE,GAAG,CAAC;IACT,gDAAgD;IAChD,SAAS,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,uFAAuF;IACvF,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAuED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,mBAAmB,GAAG,MAAM,CA2FzE"}

package/esm/src/server/handlers/preview/markdown-html-generator.js

@@ -25,7 +25,7 @@ function detectTheme(req, url) {
  * Injected when embedded in Studio (`studio_embed=true`) or for standalone
  * markdown/MDX pages so the edit button and editor features are available.
  */
-function buildStudioScript(req, url, projectId, filePath, branchId, requestHost) {
+function buildStudioScript(url, projectId, filePath, branchId, apiBaseUrl) {
     const studioEmbed = url.searchParams.get("studio_embed") === "true";
     const isMarkdown = /\.mdx?$/i.test(filePath);
     if (!studioEmbed && !isMarkdown)
@@ -36,13 +36,18 @@ function buildStudioScript(req, url, projectId, filePath, branchId, requestHost)
     const queryFileId = url.searchParams.get("vf_file_id")?.trim() || "";
     const canonicalProjectId = queryProjectId || projectId;
     const canonicalPageId = queryFileId || filePath;
-    // Compute Yjs connection config for the bridge to self-connect
-    // Use x-forwarded-proto to detect the public-facing protocol (internal K8s URL is always http)
-    const forwardedProto = req.headers.get("x-forwarded-proto")?.split(",")[0]?.trim();
-    const isSecure = forwardedProto === "https" || url.protocol === "https:";
-    const wsProtocol = isSecure ? "wss" : "ws";
-    const host = requestHost || url.host;
-    const wsUrl = `${wsProtocol}://${host}/api/ws/${canonicalProjectId}/yjs`;
+    // Compute Yjs WebSocket URL from the API base URL (Yjs endpoint lives on the API server)
+    let wsUrl = "";
+    if (apiBaseUrl) {
+        try {
+            const apiUrl = new URL(apiBaseUrl);
+            const wsProtocol = apiUrl.protocol === "https:" ? "wss:" : "ws:";
+            wsUrl = `${wsProtocol}//${apiUrl.host}/api/ws/${canonicalProjectId}/yjs`;
+        }
+        catch {
+            // Invalid API URL — wsUrl stays empty, bridge won't self-connect
+        }
+    }
     const yjsGuid = branchId ? `${canonicalProjectId}:${branchId}` : canonicalProjectId;
     return `<script>${generateStudioBridgeScript({
         projectId: canonicalProjectId,
@@ -60,9 +65,9 @@ function buildStudioScript(req, url, projectId, filePath, branchId, requestHost)
  * studio bridge integration.
  */
 export function generateMarkdownHtml(options) {
-    const { rawHtml, title, description, request, url, projectId, filePath, branchId, requestHost } = options;
+    const { rawHtml, title, description, request, url, projectId, filePath, branchId, apiBaseUrl } = options;
     const theme = detectTheme(request, url);
-    const studioScript = buildStudioScript(request, url, projectId, filePath, branchId, requestHost);
+    const studioScript = buildStudioScript(url, projectId, filePath, branchId, apiBaseUrl);
     const themeAttrs = theme ? ` data-theme="${theme}" style="color-scheme: ${theme};"` : "";
     return `<!DOCTYPE html>
 <html lang="en"${themeAttrs}>

package/esm/src/server/handlers/preview/markdown-preview.handler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-preview.handler.d.ts","sourceRoot":"","sources":["../../../../../src/src/server/handlers/preview/markdown-preview.handler.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAmB,aAAa,EAAE,MAAM,aAAa,CAAC;AAgBnG,qBAAa,sBAAuB,SAAQ,WAAW;IACrD,QAAQ,EAAE,eAAe,CAKvB;IAEI,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,OAAO,EAAE,GAAG,EAAE,cAAc,GAAG,OAAO,CAAC,aAAa,CAAC;YAiEjE,cAAc;CAkF7B"}
+{"version":3,"file":"markdown-preview.handler.d.ts","sourceRoot":"","sources":["../../../../../src/src/server/handlers/preview/markdown-preview.handler.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAmB,aAAa,EAAE,MAAM,aAAa,CAAC;AAiBnG,qBAAa,sBAAuB,SAAQ,WAAW;IACrD,QAAQ,EAAE,eAAe,CAKvB;IAEI,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,OAAO,EAAE,GAAG,EAAE,cAAc,GAAG,OAAO,CAAC,aAAa,CAAC;YAiEjE,cAAc;CAkF7B"}

package/esm/src/server/handlers/preview/markdown-preview.handler.js

@@ -7,6 +7,7 @@ import { isExtendedFSAdapter } from "../../../platform/adapters/fs/wrapper.js";
 import { getEnv } from "../../../platform/compat/process.js";
 import { tryNotFoundFallback } from "../request/ssr/not-found-fallback.js";
 import { generateMarkdownHtml } from "./markdown-html-generator.js";
+import { getEnvironmentConfig } from "../../../config/environment-config.js";
 import { validatePathSync } from "../../../security/index.js";
 const logger = serverLogger.component("markdown-preview-handler");
 // Priority 900: between MEDIUM (600) and LOW/SSR (1000)
@@ -109,7 +110,7 @@ export class MarkdownPreviewHandler extends BaseHandler {
                 projectId: ctx.projectSlug || ctx.projectId || "markdown-preview",
                 filePath,
                 branchId: ctx.parsedDomain?.branch ?? null,
-                requestHost: req.headers.get("x-forwarded-host") || req.headers.get("host") || url.host,
+                apiBaseUrl: getEnvironmentConfig().apiBaseUrl,
             });
             const responseBuilder = this.createResponseBuilder(ctx)
                 .withCache("no-cache")

package/esm/src/studio/bridge-template.js

@@ -3959,7 +3959,7 @@ export function generateStudioBridgeScript(options) {
         setupMarkdownYjsConnection({
           wsUrl: WS_URL,
           guid: YJS_GUID,
-          fileId: markdownFileId
+          fileId: markdownFileId,
         });
       }
     } else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "veryfront",
-  "version": "0.1.33",
+  "version": "0.1.35",
   "description": "The simplest way to build AI-powered apps",
   "keywords": [
     "react",

package/src/deno.js

@@ -1,6 +1,6 @@
 export default {
   "name": "veryfront",
-  "version": "0.1.33",
+  "version": "0.1.35",
   "license": "Apache-2.0",
   "nodeModulesDir": "auto",
   "exclude": [

package/src/src/server/handlers/preview/markdown-html-generator.ts

@@ -31,8 +31,8 @@ export interface MarkdownHtmlOptions {
   filePath: string;
   /** Branch ID for Yjs room GUID computation. */
   branchId?: string | null;
-  /** Request host for computing the WebSocket URL. */
-  requestHost?: string;
+  /** API base URL for computing the WebSocket URL (e.g. "https://api.veryfront.com"). */
+  apiBaseUrl?: string;
 }
 
 /**
@@ -63,12 +63,11 @@ function detectTheme(req: dntShim.Request, url: URL): "light" | "dark" | null {
  * markdown/MDX pages so the edit button and editor features are available.
  */
 function buildStudioScript(
-  req: dntShim.Request,
   url: URL,
   projectId: string,
   filePath: string,
   branchId?: string | null,
-  requestHost?: string,
+  apiBaseUrl?: string,
 ): string {
   const studioEmbed = url.searchParams.get("studio_embed") === "true";
   const isMarkdown = /\.mdx?$/i.test(filePath);
@@ -81,13 +80,17 @@ function buildStudioScript(
   const canonicalProjectId = queryProjectId || projectId;
   const canonicalPageId = queryFileId || filePath;
 
-  // Compute Yjs connection config for the bridge to self-connect
-  // Use x-forwarded-proto to detect the public-facing protocol (internal K8s URL is always http)
-  const forwardedProto = req.headers.get("x-forwarded-proto")?.split(",")[0]?.trim();
-  const isSecure = forwardedProto === "https" || url.protocol === "https:";
-  const wsProtocol = isSecure ? "wss" : "ws";
-  const host = requestHost || url.host;
-  const wsUrl = `${wsProtocol}://${host}/api/ws/${canonicalProjectId}/yjs`;
+  // Compute Yjs WebSocket URL from the API base URL (Yjs endpoint lives on the API server)
+  let wsUrl = "";
+  if (apiBaseUrl) {
+    try {
+      const apiUrl = new URL(apiBaseUrl);
+      const wsProtocol = apiUrl.protocol === "https:" ? "wss:" : "ws:";
+      wsUrl = `${wsProtocol}//${apiUrl.host}/api/ws/${canonicalProjectId}/yjs`;
+    } catch {
+      // Invalid API URL — wsUrl stays empty, bridge won't self-connect
+    }
+  }
   const yjsGuid = branchId ? `${canonicalProjectId}:${branchId}` : canonicalProjectId;
 
   return `<script>${
@@ -109,11 +112,11 @@ function buildStudioScript(
  * studio bridge integration.
  */
 export function generateMarkdownHtml(options: MarkdownHtmlOptions): string {
-  const { rawHtml, title, description, request, url, projectId, filePath, branchId, requestHost } =
+  const { rawHtml, title, description, request, url, projectId, filePath, branchId, apiBaseUrl } =
     options;
 
   const theme = detectTheme(request, url);
-  const studioScript = buildStudioScript(request, url, projectId, filePath, branchId, requestHost);
+  const studioScript = buildStudioScript(url, projectId, filePath, branchId, apiBaseUrl);
   const themeAttrs = theme ? ` data-theme="${theme}" style="color-scheme: ${theme};"` : "";
 
   return `<!DOCTYPE html>

package/src/src/server/handlers/preview/markdown-preview.handler.ts

@@ -19,6 +19,7 @@ import { isExtendedFSAdapter } from "../../../platform/adapters/fs/wrapper.js";
 import { getEnv } from "../../../platform/compat/process.js";
 import { tryNotFoundFallback } from "../request/ssr/not-found-fallback.js";
 import { generateMarkdownHtml } from "./markdown-html-generator.js";
+import { getEnvironmentConfig } from "../../../config/environment-config.js";
 import { validatePathSync } from "../../../security/index.js";
 
 const logger = serverLogger.component("markdown-preview-handler");
@@ -160,7 +161,7 @@ export class MarkdownPreviewHandler extends BaseHandler {
         projectId: ctx.projectSlug || ctx.projectId || "markdown-preview",
         filePath,
         branchId: ctx.parsedDomain?.branch ?? null,
-        requestHost: req.headers.get("x-forwarded-host") || req.headers.get("host") || url.host,
+        apiBaseUrl: getEnvironmentConfig().apiBaseUrl,
       });
 
       const responseBuilder = this.createResponseBuilder(ctx)

package/src/src/studio/bridge-template.ts

@@ -3969,7 +3969,7 @@ export function generateStudioBridgeScript(options: StudioBridgeOptions): string
         setupMarkdownYjsConnection({
           wsUrl: WS_URL,
           guid: YJS_GUID,
-          fileId: markdownFileId
+          fileId: markdownFileId,
         });
       }
     } else {