veryfront 0.1.178 → 0.1.180

package/esm/deno.js

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

package/esm/src/rendering/orchestrator/pipeline.d.ts

@@ -76,6 +76,9 @@ export declare class RenderPipeline {
     /** Resolve page data for SPA client-side navigation without rendering HTML. */
     resolvePageData(slug: string, options?: RenderOptions): Promise<PageDataResponse>;
     private extractMdxMetadata;
+    private resolveAppPath;
+    private resolvePageDataCss;
+    private generatePageCssFromHtml;
     /**
      * Build a cache key that is safe for multi-tenant + query-param aware caching.
      * Returns null when request contains sensitive headers (Authorization/Cookie) and

package/esm/src/rendering/orchestrator/pipeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pipeline.d.ts","sourceRoot":"","sources":["../../../../src/src/rendering/orchestrator/pipeline.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAgBH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AA6ChF,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAE1D;;;;GAIG;AACH,MAAM,WAAW,wBAAwB;IACvC,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACxE,aAAa,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACrF;AAED,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE,YAAY,CAAC;IAC3B,gBAAgB,EAAE,wBAAwB,CAAC;IAC3C,YAAY,EAAE,YAAY,CAAC;IAC3B,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,eAAe,EAAE,eAAe,CAAC;IACjC,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,EAAE,aAAa,GAAG,YAAY,CAAC;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,OAAO,qBAAqB,EAAE,sBAAsB,CAAC;CAC1E;AAoBD,qBAAa,cAAc;IACzB,OAAO,CAAC,MAAM,CAAuB;IACrC,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,kBAAkB,CAAqB;gBAEnC,MAAM,EAAE,oBAAoB;IAaxC;;;OAGG;IACH,gBAAgB,IAAI,IAAI;IAKxB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,sBAAsB;YAIhB,0BAA0B;IAaxC;;;;;;;;;OASG;YACW,qBAAqB;IAyDnC;;;OAGG;YACW,mBAAmB;IAiGjC,OAAO,CAAC,uBAAuB;IAkCzB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC;IA+P9E,+EAA+E;IACzE,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC,gBAAgB,CAAC;YAsKzE,kBAAkB;IA2ChC;;;;;;OAMG;IACH,OAAO,CAAC,aAAa;CAetB"}
+{"version":3,"file":"pipeline.d.ts","sourceRoot":"","sources":["../../../../src/src/rendering/orchestrator/pipeline.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAgBH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AA6ChF,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAE1D;;;;GAIG;AACH,MAAM,WAAW,wBAAwB;IACvC,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACxE,aAAa,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACrF;AAED,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE,YAAY,CAAC;IAC3B,gBAAgB,EAAE,wBAAwB,CAAC;IAC3C,YAAY,EAAE,YAAY,CAAC;IAC3B,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,eAAe,EAAE,eAAe,CAAC;IACjC,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,EAAE,aAAa,GAAG,YAAY,CAAC;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,OAAO,qBAAqB,EAAE,sBAAsB,CAAC;CAC1E;AAyBD,qBAAa,cAAc;IACzB,OAAO,CAAC,MAAM,CAAuB;IACrC,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,kBAAkB,CAAqB;gBAEnC,MAAM,EAAE,oBAAoB;IAaxC;;;OAGG;IACH,gBAAgB,IAAI,IAAI;IAKxB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,sBAAsB;YAIhB,0BAA0B;IAaxC;;;;;;;;;OASG;YACW,qBAAqB;IAyDnC;;;OAGG;YACW,mBAAmB;IAiGjC,OAAO,CAAC,uBAAuB;IAkCzB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC;IA+P9E,+EAA+E;IACzE,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC,gBAAgB,CAAC;YA+FzE,kBAAkB;YA2ClB,cAAc;YAWd,kBAAkB;YAmElB,uBAAuB;IAmBrC;;;;;;OAMG;IACH,OAAO,CAAC,aAAa;CAetB"}

package/esm/src/rendering/orchestrator/pipeline.js

@@ -425,66 +425,8 @@ export class RenderPipeline {
             const wrappedAdapter = fs.getUnderlyingAdapter();
             projectUpdatedAt = wrappedAdapter.getProjectData?.()?.updated_at;
         }
-        let appPath;
-        for (const ext of LAYOUT_EXTENSIONS) {
-            const candidatePath = join(this.config.projectDir, `components/app.${ext}`);
-            if (await this.config.adapter.fs.exists(candidatePath)) {
-                appPath = extractRelativePathShared(candidatePath, this.config.projectDir);
-                break;
-            }
-        }
-        let css;
-        let cssError;
-        const cssCacheKey = getPageCssCacheKey(options?.projectId, options?.environment, slug, projectUpdatedAt);
-        const cachedCss = getCachedPageCss(cssCacheKey);
-        if (cachedCss) {
-            css = cachedCss;
-            resolvePageDataLog.debug("CSS cache hit", { slug, cssLength: css.length });
-        }
-        else {
-            try {
-                const renderResult = await withTimeout(this.renderPage(slug, {
-                    ...options,
-                    delivery: "string",
-                    skipCacheCheck: true,
-                    skipCachePersist: true,
-                }), CSS_SSR_TIMEOUT_MS, `CSS SSR for ${slug}`);
-                if (renderResult?.html) {
-                    css = await this.resolveCssFromRenderedHtml(renderResult.html, options?.projectSlug ?? options?.projectId);
-                    if (css) {
-                        resolvePageDataLog.debug("Reused SSR CSS for page data", {
-                            slug,
-                            cssLength: css.length,
-                            source: "rendered-html-hash",
-                        });
-                    }
-                    else {
-                        const candidates = extractCandidates(renderResult.html);
-                        css = (await generateTailwindCSS(undefined, candidates, {
-                            projectSlug: options?.projectSlug,
-                        })).css;
-                        resolvePageDataLog.debug("Fell back to HTML candidate CSS generation", {
-                            slug,
-                            htmlLength: renderResult.html.length,
-                            cssLength: css?.length || 0,
-                        });
-                    }
-                    if (css)
-                        cachePageCss(cssCacheKey, css);
-                }
-            }
-            catch (error) {
-                const errorMessage = error instanceof Error ? error.message : String(error);
-                // Surface CSS generation failures instead of silently swallowing them.
-                // This allows clients to show a warning or fall back gracefully.
-                cssError = `CSS generation failed: ${errorMessage}`;
-                resolvePageDataLog.error("CSS generation failed", {
-                    slug,
-                    error: errorMessage,
-                    projectId: options?.projectId,
-                });
-            }
-        }
+        const appPath = await this.resolveAppPath();
+        const { css, cssError } = await this.resolvePageDataCss(slug, options, projectUpdatedAt);
         resolvePageDataLog.debug("Resolved page data", {
             slug,
             pagePath,
@@ -540,6 +482,74 @@ export class RenderPipeline {
             return { frontmatter: {}, headings: [] };
         }
     }
+    async resolveAppPath() {
+        for (const ext of LAYOUT_EXTENSIONS) {
+            const candidatePath = join(this.config.projectDir, `components/app.${ext}`);
+            if (await this.config.adapter.fs.exists(candidatePath)) {
+                return extractRelativePathShared(candidatePath, this.config.projectDir);
+            }
+        }
+        return undefined;
+    }
+    async resolvePageDataCss(slug, options, projectUpdatedAt) {
+        const cssCacheKey = getPageCssCacheKey(options?.projectId, options?.environment, slug, projectUpdatedAt);
+        const cachedCss = getCachedPageCss(cssCacheKey);
+        if (cachedCss) {
+            resolvePageDataLog.debug("CSS cache hit", { slug, cssLength: cachedCss.length });
+            return { css: cachedCss, cssError: undefined };
+        }
+        try {
+            const renderResult = await withTimeout(this.renderPage(slug, {
+                ...options,
+                delivery: "string",
+                skipCacheCheck: true,
+                skipCachePersist: true,
+            }), CSS_SSR_TIMEOUT_MS, `CSS SSR for ${slug}`);
+            if (!renderResult?.html) {
+                return { css: undefined, cssError: undefined };
+            }
+            let css = await this.resolveCssFromRenderedHtml(renderResult.html, options?.projectSlug ?? options?.projectId);
+            if (css) {
+                resolvePageDataLog.debug("Reused SSR CSS for page data", {
+                    slug,
+                    cssLength: css.length,
+                    source: "rendered-html-hash",
+                });
+            }
+            else {
+                css = await this.generatePageCssFromHtml(slug, renderResult.html, options);
+            }
+            if (css)
+                cachePageCss(cssCacheKey, css);
+            return { css, cssError: undefined };
+        }
+        catch (error) {
+            const errorMessage = error instanceof Error ? error.message : String(error);
+            // Surface CSS generation failures instead of silently swallowing them.
+            // This allows clients to show a warning or fall back gracefully.
+            resolvePageDataLog.error("CSS generation failed", {
+                slug,
+                error: errorMessage,
+                projectId: options?.projectId,
+            });
+            return {
+                css: undefined,
+                cssError: `CSS generation failed: ${errorMessage}`,
+            };
+        }
+    }
+    async generatePageCssFromHtml(slug, html, options) {
+        const candidates = extractCandidates(html);
+        const generatedCss = (await generateTailwindCSS(undefined, candidates, {
+            projectSlug: options?.projectSlug,
+        })).css;
+        resolvePageDataLog.debug("Fell back to HTML candidate CSS generation", {
+            slug,
+            htmlLength: html.length,
+            cssLength: generatedCss?.length || 0,
+        });
+        return generatedCss;
+    }
     /**
      * Build a cache key that is safe for multi-tenant + query-param aware caching.
      * Returns null when request contains sensitive headers (Authorization/Cookie) and

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

@@ -1,2 +1,2 @@
-export declare const VERSION = "0.1.178";
+export declare const VERSION = "0.1.180";
 //# sourceMappingURL=version-constant.d.ts.map

package/esm/src/utils/version-constant.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "veryfront",
-  "version": "0.1.178",
+  "version": "0.1.180",
   "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.178",
+  "version": "0.1.180",
   "license": "Apache-2.0",
   "nodeModulesDir": "auto",
   "exclude": [

package/src/src/rendering/orchestrator/pipeline.ts

@@ -116,6 +116,11 @@ interface MdxMetadataResult {
   headings: Array<{ id: string; text: string; level: number }>;
 }
 
+interface PageCssResult {
+  css: string | undefined;
+  cssError: string | undefined;
+}
+
 interface FetchedDataResult {
   type: "page" | "layout";
   id: string;
@@ -691,80 +696,9 @@ export class RenderPipeline {
       projectUpdatedAt = wrappedAdapter.getProjectData?.()?.updated_at;
     }
 
-    let appPath: string | undefined;
-    for (const ext of LAYOUT_EXTENSIONS) {
-      const candidatePath = join(this.config.projectDir, `components/app.${ext}`);
-      if (await this.config.adapter.fs.exists(candidatePath)) {
-        appPath = extractRelativePathShared(candidatePath, this.config.projectDir);
-        break;
-      }
-    }
-
-    let css: string | undefined;
-    let cssError: string | undefined;
-    const cssCacheKey = getPageCssCacheKey(
-      options?.projectId,
-      options?.environment,
-      slug,
-      projectUpdatedAt,
-    );
-
-    const cachedCss = getCachedPageCss(cssCacheKey);
-    if (cachedCss) {
-      css = cachedCss;
-      resolvePageDataLog.debug("CSS cache hit", { slug, cssLength: css.length });
-    } else {
-      try {
-        const renderResult = await withTimeout(
-          this.renderPage(slug, {
-            ...options,
-            delivery: "string",
-            skipCacheCheck: true,
-            skipCachePersist: true,
-          }),
-          CSS_SSR_TIMEOUT_MS,
-          `CSS SSR for ${slug}`,
-        );
-
-        if (renderResult?.html) {
-          css = await this.resolveCssFromRenderedHtml(
-            renderResult.html,
-            options?.projectSlug ?? options?.projectId,
-          );
-
-          if (css) {
-            resolvePageDataLog.debug("Reused SSR CSS for page data", {
-              slug,
-              cssLength: css.length,
-              source: "rendered-html-hash",
-            });
-          } else {
-            const candidates = extractCandidates(renderResult.html);
-            css = (await generateTailwindCSS(undefined, candidates, {
-              projectSlug: options?.projectSlug,
-            })).css;
-
-            resolvePageDataLog.debug("Fell back to HTML candidate CSS generation", {
-              slug,
-              htmlLength: renderResult.html.length,
-              cssLength: css?.length || 0,
-            });
-          }
+    const appPath = await this.resolveAppPath();
 
-          if (css) cachePageCss(cssCacheKey, css);
-        }
-      } catch (error) {
-        const errorMessage = error instanceof Error ? error.message : String(error);
-        // Surface CSS generation failures instead of silently swallowing them.
-        // This allows clients to show a warning or fall back gracefully.
-        cssError = `CSS generation failed: ${errorMessage}`;
-        resolvePageDataLog.error("CSS generation failed", {
-          slug,
-          error: errorMessage,
-          projectId: options?.projectId,
-        });
-      }
-    }
+    const { css, cssError } = await this.resolvePageDataCss(slug, options, projectUpdatedAt);
 
     resolvePageDataLog.debug("Resolved page data", {
       slug,
@@ -838,6 +772,103 @@ export class RenderPipeline {
     }
   }
 
+  private async resolveAppPath(): Promise<string | undefined> {
+    for (const ext of LAYOUT_EXTENSIONS) {
+      const candidatePath = join(this.config.projectDir, `components/app.${ext}`);
+      if (await this.config.adapter.fs.exists(candidatePath)) {
+        return extractRelativePathShared(candidatePath, this.config.projectDir);
+      }
+    }
+
+    return undefined;
+  }
+
+  private async resolvePageDataCss(
+    slug: string,
+    options: RenderOptions | undefined,
+    projectUpdatedAt: string | undefined,
+  ): Promise<PageCssResult> {
+    const cssCacheKey = getPageCssCacheKey(
+      options?.projectId,
+      options?.environment,
+      slug,
+      projectUpdatedAt,
+    );
+
+    const cachedCss = getCachedPageCss(cssCacheKey);
+    if (cachedCss) {
+      resolvePageDataLog.debug("CSS cache hit", { slug, cssLength: cachedCss.length });
+      return { css: cachedCss, cssError: undefined };
+    }
+
+    try {
+      const renderResult = await withTimeout(
+        this.renderPage(slug, {
+          ...options,
+          delivery: "string",
+          skipCacheCheck: true,
+          skipCachePersist: true,
+        }),
+        CSS_SSR_TIMEOUT_MS,
+        `CSS SSR for ${slug}`,
+      );
+
+      if (!renderResult?.html) {
+        return { css: undefined, cssError: undefined };
+      }
+
+      let css = await this.resolveCssFromRenderedHtml(
+        renderResult.html,
+        options?.projectSlug ?? options?.projectId,
+      );
+
+      if (css) {
+        resolvePageDataLog.debug("Reused SSR CSS for page data", {
+          slug,
+          cssLength: css.length,
+          source: "rendered-html-hash",
+        });
+      } else {
+        css = await this.generatePageCssFromHtml(slug, renderResult.html, options);
+      }
+
+      if (css) cachePageCss(cssCacheKey, css);
+      return { css, cssError: undefined };
+    } catch (error) {
+      const errorMessage = error instanceof Error ? error.message : String(error);
+      // Surface CSS generation failures instead of silently swallowing them.
+      // This allows clients to show a warning or fall back gracefully.
+      resolvePageDataLog.error("CSS generation failed", {
+        slug,
+        error: errorMessage,
+        projectId: options?.projectId,
+      });
+      return {
+        css: undefined,
+        cssError: `CSS generation failed: ${errorMessage}`,
+      };
+    }
+  }
+
+  private async generatePageCssFromHtml(
+    slug: string,
+    html: string,
+    options: RenderOptions | undefined,
+  ): Promise<string | undefined> {
+    const candidates = extractCandidates(html);
+    const generatedCss = (await generateTailwindCSS(undefined, candidates, {
+      projectSlug: options?.projectSlug,
+    })).css;
+
+    resolvePageDataLog.debug("Fell back to HTML candidate CSS generation", {
+      slug,
+      htmlLength: html.length,
+      cssLength: generatedCss?.length || 0,
+    });
+
+    return generatedCss;
+  }
+
   /**
    * Build a cache key that is safe for multi-tenant + query-param aware caching.
    * Returns null when request contains sensitive headers (Authorization/Cookie) and

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.178";
+export const VERSION = "0.1.180";