veryfront 0.1.543 → 0.1.545

package/src/src/utils/constants/server.ts

@@ -42,7 +42,6 @@ export const INTERNAL_ENDPOINTS = {
   // Development endpoints
   HMR_RUNTIME: `${INTERNAL_PREFIX}/hmr-runtime.js`,
   HMR: `${INTERNAL_PREFIX}/hmr.js`,
-  HYDRATE: `${INTERNAL_PREFIX}/hydrate.js`,
   ERROR_OVERLAY: `${INTERNAL_PREFIX}/error-overlay.js`,
   // Legacy endpoint retained for backward compatibility (no active handler).
   DEV_LOADER: `${INTERNAL_PREFIX}/dev-loader.js`,
@@ -64,8 +63,6 @@ export const INTERNAL_ENDPOINTS = {
   RSC_PAGE: `${INTERNAL_PREFIX}/rsc/page`,
   RSC_MODULE: `${INTERNAL_PREFIX}/rsc/module`,
   RSC_DOM: `${INTERNAL_PREFIX}/rsc/dom.js`,
-  RSC_HYDRATOR: `${INTERNAL_PREFIX}/rsc/hydrator.js`,
-  RSC_HYDRATE_CLIENT: `${INTERNAL_PREFIX}/rsc/hydrate-client.js`,
 
   // Library module endpoints
   LIB_CHAT_REACT: `${INTERNAL_PREFIX}/lib/chat/react.js`,

package/src/src/utils/version-constant.ts

@@ -1,3 +1,3 @@
 // Keep in sync with deno.json version.
 // scripts/release.ts updates this constant during releases.
-export const VERSION = "0.1.543";
+export const VERSION = "0.1.545";

package/esm/src/rendering/rsc/client-hydrator.ts

@@ -1,210 +0,0 @@
-import * as React from "react";
-import { createRoot, hydrateRoot } from "react-dom/client";
-import { rscLogger } from "../client/browser-logger.ts";
-import {
-  COMPILATION_ERROR,
-  MODULE_NOT_FOUND,
-  NETWORK_ERROR,
-} from "#veryfront/errors/error-registry.ts";
-import { isVeryfrontError } from "#veryfront/errors/http-error.ts";
-import { createErrorDisplay } from "#veryfront/security/client/html-sanitizer.ts";
-import type { RSCHydratorOptions } from "./types.ts";
-
-interface WindowWithVeryfront extends Window {
-  __VERYFRONT_DEV__?: boolean;
-  __RSC_AUTO_HYDRATE__?: boolean;
-}
-
-export class RSCHydrator {
-  private componentCache = new Map<string, React.ComponentType<Record<string, unknown>>>();
-  private manifestUrl: string;
-  private manifest: Record<string, string> | null = null;
-  private onError?: (error: Error) => void;
-
-  constructor(options: RSCHydratorOptions = {}) {
-    this.manifestUrl = options.manifestUrl ?? "/_veryfront/rsc/manifest";
-    this.onError = options.onError;
-  }
-
-  async hydrate(): Promise<void> {
-    try {
-      await this.loadManifest();
-
-      const placeholders = document.querySelectorAll("[data-rsc-component]");
-      rscLogger.info(`Found ${placeholders.length} components to hydrate`);
-
-      await Promise.all(
-        Array.from(
-          placeholders,
-          (placeholder) => this.hydratePlaceholder(placeholder as HTMLElement),
-        ),
-      );
-
-      rscLogger.info("Hydration complete");
-    } catch (error) {
-      rscLogger.error("Hydration error:", error);
-      this.onError?.(error as Error);
-      throw error;
-    }
-  }
-
-  private async hydratePlaceholder(element: HTMLElement): Promise<void> {
-    const componentName = element.dataset.rscComponent;
-    if (!componentName) {
-      rscLogger.warn("Placeholder missing component name", element);
-      return;
-    }
-
-    const propsJson = element.dataset.rscProps;
-    const instanceId = element.dataset.rscId;
-
-    try {
-      const props: Record<string, unknown> = propsJson ? JSON.parse(propsJson) : {};
-      const Component = await this.loadClientComponent(componentName);
-      const reactElement = React.createElement(Component, props);
-
-      if (element.innerHTML.trim()) {
-        rscLogger.debug(`Hydrating ${componentName} #${instanceId}`);
-        hydrateRoot(element, reactElement, {
-          identifierPrefix: "vf",
-          onRecoverableError: () => {},
-        });
-        return;
-      }
-
-      rscLogger.debug(`Rendering ${componentName} #${instanceId}`);
-      createRoot(element).render(reactElement);
-    } catch (error) {
-      rscLogger.error(`Failed to hydrate component ${componentName}:`, error);
-      this.onError?.(error as Error);
-
-      if (!this.isDevelopment()) return;
-
-      element.textContent = "";
-      element.appendChild(
-        createErrorDisplay({
-          title: "RSC Hydration Error",
-          message: `Component: ${componentName}`,
-          details: (error as Error).message,
-        }),
-      );
-    }
-  }
-
-  private async loadClientComponent(
-    name: string,
-  ): Promise<React.ComponentType<Record<string, unknown>>> {
-    const cached = this.componentCache.get(name);
-    if (cached) return cached;
-
-    const componentPath = await this.getComponentPath(name);
-    if (!componentPath) {
-      throw MODULE_NOT_FOUND.create({
-        detail: "Client component not found in manifest",
-        context: { name, manifest: this.manifest },
-      });
-    }
-
-    try {
-      rscLogger.debug(`Loading component ${name} from ${componentPath}`);
-      const module = await import(componentPath);
-      const Component = module.default || module[name];
-
-      if (!Component) {
-        throw COMPILATION_ERROR.create({
-          detail: `Component ${name} not found in module`,
-          context: { componentPath, name },
-        });
-      }
-
-      if (typeof Component !== "function" && typeof Component !== "object") {
-        throw COMPILATION_ERROR.create({
-          detail: `Invalid component type for ${name}`,
-          context: { type: typeof Component, name },
-        });
-      }
-
-      const validated = Component as React.ComponentType<Record<string, unknown>>;
-      this.componentCache.set(name, validated);
-      return validated;
-    } catch (error) {
-      rscLogger.error(`Failed to load component ${name}:`, error);
-      if (
-        isVeryfrontError(error) && (
-          error.slug === "compilation-error" ||
-          error.slug === "module-not-found" ||
-          error.slug === "network-error"
-        )
-      ) {
-        throw error;
-      }
-      throw COMPILATION_ERROR.create({
-        detail: `Failed to load client component ${name}`,
-        cause: error,
-        context: { name },
-      });
-    }
-  }
-
-  private async getComponentPath(name: string): Promise<string | null> {
-    if (!this.manifest) await this.loadManifest();
-    return this.manifest?.[name] ?? null;
-  }
-
-  private async loadManifest(): Promise<void> {
-    if (this.manifest) return;
-
-    try {
-      const response = await fetch(this.manifestUrl);
-
-      if (!response.ok) {
-        throw NETWORK_ERROR.create({
-          detail: "Failed to load manifest",
-          status: response.status,
-          context: { url: this.manifestUrl },
-        });
-      }
-
-      const data: Record<string, unknown> = await response.json();
-      this.manifest = (data.components || data) as Record<string, string>;
-
-      rscLogger.debug("Loaded manifest:", this.manifest);
-    } catch (error) {
-      rscLogger.error("Failed to load manifest:", error);
-
-      if (!this.isDevelopment()) throw error;
-
-      rscLogger.warn("Continuing without manifest - will try direct imports");
-      this.manifest = {};
-    }
-  }
-
-  private isDevelopment(): boolean {
-    return !!(window as WindowWithVeryfront).__VERYFRONT_DEV__;
-  }
-}
-
-export function hydrateRSC(options?: RSCHydratorOptions): Promise<void> {
-  return new RSCHydrator(options).hydrate();
-}
-
-function autoHydrate(): void {
-  if ((window as WindowWithVeryfront).__RSC_AUTO_HYDRATE__ === false) return;
-
-  const run = (): void => {
-    hydrateRSC().catch((error) => {
-      rscLogger.error("Auto-hydration failed:", error);
-    });
-  };
-
-  if (document.readyState === "loading") {
-    document.addEventListener("DOMContentLoaded", run, { once: true });
-    return;
-  }
-
-  run();
-}
-
-if (typeof window !== "undefined") {
-  autoHydrate();
-}

package/esm/src/server/handlers/dev/scripts/dev-loader.d.ts

@@ -1,9 +0,0 @@
-/****
- * Hydrate Script Generator
- * Generates client-side JavaScript for hydration
- */
-/**
- * Hydration script that imports the RSC client and hydrates a project by slug.
- */
-export declare function getHydrateScript(_slug: string): string;
-//# sourceMappingURL=dev-loader.d.ts.map

package/esm/src/server/handlers/dev/scripts/dev-loader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dev-loader.d.ts","sourceRoot":"","sources":["../../../../../../src/src/server/handlers/dev/scripts/dev-loader.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAQtD"}

package/esm/src/server/handlers/dev/scripts/dev-loader.js

@@ -1,16 +0,0 @@
-/****
- * Hydrate Script Generator
- * Generates client-side JavaScript for hydration
- */
-/**
- * Hydration script that imports the RSC client and hydrates a project by slug.
- */
-export function getHydrateScript(_slug) {
-    return `
-// Veryfront hydration compatibility script
-// Legacy full-document HTML still loads /_veryfront/hydrate.js. The
-// modern RSC client auto-boots on import, so this shim only preserves the
-// old URL without depending on a removed "hydrate" export.
-import '/_veryfront/rsc/client.js';
-    `.trim();
-}

package/esm/src/server/services/rsc/orchestrators/hydrator-handler.d.ts

@@ -1,12 +0,0 @@
-import type { FileSystemAdapter } from "../../../../platform/adapters/base.js";
-export declare class HydratorHandler {
-    private fsAdapter?;
-    constructor(fsAdapter?: FileSystemAdapter | undefined);
-    handle(): Promise<Response>;
-    private readHydratorFile;
-    private bundleHydrator;
-    private fallbackToSource;
-    private createJavaScriptResponse;
-    private createFallbackResponse;
-}
-//# sourceMappingURL=hydrator-handler.d.ts.map

package/esm/src/server/services/rsc/orchestrators/hydrator-handler.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"hydrator-handler.d.ts","sourceRoot":"","sources":["../../../../../../src/src/server/services/rsc/orchestrators/hydrator-handler.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAS/E,qBAAa,eAAe;IACd,OAAO,CAAC,SAAS,CAAC;gBAAV,SAAS,CAAC,EAAE,iBAAiB,YAAA;IAE3C,MAAM,IAAI,OAAO,CAAC,QAAQ,CAAC;IAejC,OAAO,CAAC,gBAAgB;YAIV,cAAc;YAiDd,gBAAgB;IAU9B,OAAO,CAAC,wBAAwB;IAShC,OAAO,CAAC,sBAAsB;CAK/B"}

package/esm/src/server/services/rsc/orchestrators/hydrator-handler.js

@@ -1,92 +0,0 @@
-import * as dntShim from "../../../../../_dnt.shims.js";
-import { createError, toError } from "../../../../errors/veryfront-error.js";
-import { createFileSystem } from "../../../../platform/compat/fs.js";
-import * as pathHelper from "../../../../platform/compat/path/index.js";
-import { serverLogger } from "../../../../utils/index.js";
-const logger = serverLogger.component("rsc");
-const compatFs = createFileSystem();
-export class HydratorHandler {
-    fsAdapter;
-    constructor(fsAdapter) {
-        this.fsAdapter = fsAdapter;
-    }
-    async handle() {
-        const hydratorPath = pathHelper.join(pathHelper.dirname(pathHelper.fromFileUrl(globalThis[Symbol.for("import-meta-ponyfill-esmodule")](import.meta).url)), "../../../../rendering/rsc/hydrate-client.ts");
-        try {
-            const bundled = await this.bundleHydrator(hydratorPath);
-            return this.createJavaScriptResponse(bundled);
-        }
-        catch (error) {
-            logger.error("Hydrator bundling failed:", error);
-            return this.fallbackToSource(hydratorPath);
-        }
-    }
-    readHydratorFile(filePath) {
-        return this.fsAdapter?.readFile(filePath) ?? compatFs.readTextFile(filePath);
-    }
-    async bundleHydrator(filePath) {
-        const { build, stop } = await import("../../../../extensions/bundler/index.js");
-        try {
-            const source = await this.readHydratorFile(filePath);
-            const result = await build({
-                bundle: true,
-                write: false,
-                format: "esm",
-                platform: "browser",
-                target: "es2020",
-                stdin: {
-                    contents: source,
-                    loader: "ts",
-                    resolveDir: pathHelper.dirname(filePath),
-                    sourcefile: filePath,
-                },
-                external: [
-                    "react",
-                    "react-dom",
-                    "react-dom/client",
-                    "node:os",
-                    "node:fs",
-                    "node:fs/promises",
-                    "node:process",
-                ],
-                logLevel: "warning",
-            });
-            const outputText = result.outputFiles?.[0]?.text;
-            if (outputText == null) {
-                throw toError(createError({
-                    type: "config",
-                    message: "esbuild produced no output",
-                }));
-            }
-            logger.debug("Hydrator bundled successfully", { size: outputText.length });
-            return outputText;
-        }
-        finally {
-            if (!("__vfTestPreserveEsbuild" in dntShim.dntGlobalThis)) {
-                await stop();
-            }
-        }
-    }
-    async fallbackToSource(filePath) {
-        try {
-            const source = await this.readHydratorFile(filePath);
-            return this.createJavaScriptResponse(source);
-        }
-        catch (readError) {
-            logger.error("Failed to read hydrator file:", readError);
-            return this.createFallbackResponse();
-        }
-    }
-    createJavaScriptResponse(content) {
-        return new Response(content, {
-            headers: {
-                "content-type": "application/javascript",
-                "cache-control": "no-cache",
-            },
-        });
-    }
-    createFallbackResponse() {
-        const fallback = `export async function hydrateRSC(){ console.log('[RSC] Hydrator not available'); }`;
-        return this.createJavaScriptResponse(fallback);
-    }
-}

package/src/src/server/handlers/dev/scripts/dev-loader.ts

@@ -1,17 +0,0 @@
-/****
- * Hydrate Script Generator
- * Generates client-side JavaScript for hydration
- */
-
-/**
- * Hydration script that imports the RSC client and hydrates a project by slug.
- */
-export function getHydrateScript(_slug: string): string {
-  return `
-// Veryfront hydration compatibility script
-// Legacy full-document HTML still loads /_veryfront/hydrate.js. The
-// modern RSC client auto-boots on import, so this shim only preserves the
-// old URL without depending on a removed "hydrate" export.
-import '/_veryfront/rsc/client.js';
-    `.trim();
-}

package/src/src/server/services/rsc/orchestrators/hydrator-handler.ts

@@ -1,107 +0,0 @@
-import * as dntShim from "../../../../../_dnt.shims.js";
-import { createError, toError } from "../../../../errors/veryfront-error.js";
-import type { FileSystemAdapter } from "../../../../platform/adapters/base.js";
-import { createFileSystem } from "../../../../platform/compat/fs.js";
-import * as pathHelper from "../../../../platform/compat/path/index.js";
-import { serverLogger } from "../../../../utils/index.js";
-
-const logger = serverLogger.component("rsc");
-
-const compatFs = createFileSystem();
-
-export class HydratorHandler {
-  constructor(private fsAdapter?: FileSystemAdapter) {}
-
-  async handle(): Promise<Response> {
-    const hydratorPath = pathHelper.join(
-      pathHelper.dirname(pathHelper.fromFileUrl(import.meta.url)),
-      "../../../../rendering/rsc/hydrate-client.ts",
-    );
-
-    try {
-      const bundled = await this.bundleHydrator(hydratorPath);
-      return this.createJavaScriptResponse(bundled);
-    } catch (error) {
-      logger.error("Hydrator bundling failed:", error);
-      return this.fallbackToSource(hydratorPath);
-    }
-  }
-
-  private readHydratorFile(filePath: string): Promise<string> {
-    return this.fsAdapter?.readFile(filePath) ?? compatFs.readTextFile(filePath);
-  }
-
-  private async bundleHydrator(filePath: string): Promise<string> {
-    const { build, stop } = await import("../../../../extensions/bundler/index.js");
-
-    try {
-      const source = await this.readHydratorFile(filePath);
-
-      const result = await build({
-        bundle: true,
-        write: false,
-        format: "esm",
-        platform: "browser",
-        target: "es2020",
-        stdin: {
-          contents: source,
-          loader: "ts",
-          resolveDir: pathHelper.dirname(filePath),
-          sourcefile: filePath,
-        },
-        external: [
-          "react",
-          "react-dom",
-          "react-dom/client",
-          "node:os",
-          "node:fs",
-          "node:fs/promises",
-          "node:process",
-        ],
-        logLevel: "warning",
-      });
-
-      const outputText = result.outputFiles?.[0]?.text;
-      if (outputText == null) {
-        throw toError(
-          createError({
-            type: "config",
-            message: "esbuild produced no output",
-          }),
-        );
-      }
-
-      logger.debug("Hydrator bundled successfully", { size: outputText.length });
-      return outputText;
-    } finally {
-      if (!("__vfTestPreserveEsbuild" in dntShim.dntGlobalThis)) {
-        await stop();
-      }
-    }
-  }
-
-  private async fallbackToSource(filePath: string): Promise<Response> {
-    try {
-      const source = await this.readHydratorFile(filePath);
-      return this.createJavaScriptResponse(source);
-    } catch (readError) {
-      logger.error("Failed to read hydrator file:", readError);
-      return this.createFallbackResponse();
-    }
-  }
-
-  private createJavaScriptResponse(content: string): Response {
-    return new Response(content, {
-      headers: {
-        "content-type": "application/javascript",
-        "cache-control": "no-cache",
-      },
-    });
-  }
-
-  private createFallbackResponse(): Response {
-    const fallback =
-      `export async function hydrateRSC(){ console.log('[RSC] Hydrator not available'); }`;
-    return this.createJavaScriptResponse(fallback);
-  }
-}