veryfront 0.0.5 → 0.0.7

package/dist/components.d.ts

@@ -0,0 +1,33 @@
+// Component type definitions
+import type { ReactNode, HTMLAttributes, AnchorHTMLAttributes, ScriptHTMLAttributes, ImgHTMLAttributes } from 'react';
+
+export interface HeadProps {
+  children?: ReactNode;
+}
+
+export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+  href: string;
+  prefetch?: boolean;
+  replace?: boolean;
+  scroll?: boolean;
+  children?: ReactNode;
+}
+
+export interface ScriptProps extends ScriptHTMLAttributes<HTMLScriptElement> {
+  src?: string;
+  strategy?: 'beforeInteractive' | 'afterInteractive' | 'lazyOnload';
+}
+
+export interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
+  src: string;
+  alt: string;
+  width?: number;
+  height?: number;
+  priority?: boolean;
+  placeholder?: 'blur' | 'empty';
+}
+
+export declare function Head(props: HeadProps): JSX.Element;
+export declare function Link(props: LinkProps): JSX.Element;
+export declare function Script(props: ScriptProps): JSX.Element;
+export declare function Image(props: ImageProps): JSX.Element;

package/dist/components.js

@@ -65,8 +65,7 @@ function getEnvironmentVariable(name) {
       const value = globalThis.process?.env[name];
       return value === "" ? void 0 : value;
     }
-  } catch (error) {
-    console.debug(`Failed to get environment variable ${name}:`, error);
+  } catch {
     return void 0;
   }
   return void 0;
@@ -185,10 +184,10 @@ var init_logger = __esm({
           const end = performance.now();
           this.debug(`${label} completed in ${(end - start).toFixed(2)}ms`);
           return result;
-        } catch (_error) {
+        } catch (error) {
           const end = performance.now();
-          this.error(`${label} failed after ${(end - start).toFixed(2)}ms`, _error);
-          throw _error;
+          this.error(`${label} failed after ${(end - start).toFixed(2)}ms`, error);
+          throw error;
         }
       }
     };
@@ -245,19 +244,19 @@ var init_cache = __esm({
     MS_PER_SECOND = 1e3;
     DEFAULT_LRU_MAX_ENTRIES = 100;
     COMPONENT_LOADER_MAX_ENTRIES = 100;
-    COMPONENT_LOADER_TTL_MS = 10 * MINUTES_PER_HOUR * MS_PER_SECOND;
+    COMPONENT_LOADER_TTL_MS = 10 * SECONDS_PER_MINUTE * MS_PER_SECOND;
     MDX_RENDERER_MAX_ENTRIES = 200;
-    MDX_RENDERER_TTL_MS = 10 * MINUTES_PER_HOUR * MS_PER_SECOND;
+    MDX_RENDERER_TTL_MS = 10 * SECONDS_PER_MINUTE * MS_PER_SECOND;
     RENDERER_CORE_MAX_ENTRIES = 100;
-    RENDERER_CORE_TTL_MS = 5 * MINUTES_PER_HOUR * MS_PER_SECOND;
+    RENDERER_CORE_TTL_MS = 5 * SECONDS_PER_MINUTE * MS_PER_SECOND;
     TSX_LAYOUT_MAX_ENTRIES = 50;
-    TSX_LAYOUT_TTL_MS = 10 * MINUTES_PER_HOUR * MS_PER_SECOND;
+    TSX_LAYOUT_TTL_MS = 10 * SECONDS_PER_MINUTE * MS_PER_SECOND;
     DATA_FETCHING_MAX_ENTRIES = 200;
-    DATA_FETCHING_TTL_MS = 10 * MINUTES_PER_HOUR * MS_PER_SECOND;
+    DATA_FETCHING_TTL_MS = 10 * SECONDS_PER_MINUTE * MS_PER_SECOND;
     MDX_CACHE_TTL_PRODUCTION_MS = HOURS_PER_DAY * MINUTES_PER_HOUR * SECONDS_PER_MINUTE * MS_PER_SECOND;
-    MDX_CACHE_TTL_DEVELOPMENT_MS = 5 * MINUTES_PER_HOUR * MS_PER_SECOND;
+    MDX_CACHE_TTL_DEVELOPMENT_MS = 5 * SECONDS_PER_MINUTE * MS_PER_SECOND;
     BUNDLE_CACHE_TTL_PRODUCTION_MS = HOURS_PER_DAY * MINUTES_PER_HOUR * SECONDS_PER_MINUTE * MS_PER_SECOND;
-    BUNDLE_CACHE_TTL_DEVELOPMENT_MS = 5 * MINUTES_PER_HOUR * MS_PER_SECOND;
+    BUNDLE_CACHE_TTL_DEVELOPMENT_MS = 5 * SECONDS_PER_MINUTE * MS_PER_SECOND;
     BUNDLE_MANIFEST_PROD_TTL_MS = 7 * HOURS_PER_DAY * MINUTES_PER_HOUR * SECONDS_PER_MINUTE * MS_PER_SECOND;
     BUNDLE_MANIFEST_DEV_TTL_MS = MINUTES_PER_HOUR * SECONDS_PER_MINUTE * MS_PER_SECOND;
     RSC_MANIFEST_CACHE_TTL_MS = 5e3;
@@ -526,7 +525,7 @@ var init_deno = __esm({
   "deno.json"() {
     deno_default = {
       name: "veryfront",
-      version: "0.1.0",
+      version: "0.0.7",
       nodeModulesDir: "auto",
       workspace: [
         "./examples/async-worker-redis",
@@ -5836,11 +5835,15 @@ async function createNodeServer(handler, options = {}) {
           headersRecord[key] = value[0] || "";
         }
       }
-      const request = new Request(url.toString(), {
+      const requestInit = {
         method: _req.method,
         headers: headersRecord,
         body
-      });
+      };
+      if (body !== null) {
+        requestInit.duplex = "half";
+      }
+      const request = new Request(url.toString(), requestInit);
       const response = await handler(request);
       if (response.status === 101) {
         return;
@@ -7205,7 +7208,6 @@ var init_deno3 = __esm({
     "use strict";
     init_ansi();
     colors = {
-      // Basic colors
       red,
       green,
       yellow,
@@ -7214,13 +7216,11 @@ var init_deno3 = __esm({
       magenta,
       white,
       gray,
-      // Text modifiers
       bold,
       dim,
       italic,
       underline,
       strikethrough,
-      // Utility
       reset
     };
   }
@@ -7251,7 +7251,6 @@ var init_node3 = __esm({
   "src/platform/compat/console/node.ts"() {
     "use strict";
     colors2 = {
-      // Basic colors
       red: pc.red,
       green: pc.green,
       yellow: pc.yellow,
@@ -7260,13 +7259,11 @@ var init_node3 = __esm({
       magenta: pc.magenta,
       white: pc.white,
       gray: pc.gray,
-      // Text modifiers
       bold: pc.bold,
       dim: pc.dim,
       italic: pc.italic,
       underline: pc.underline,
       strikethrough: pc.strikethrough,
-      // Utility - picocolors doesn't have reset, so we implement it
       reset: (text) => pc.reset(text)
     };
     red2 = pc.red;
@@ -7348,10 +7345,9 @@ var init_error_formatter = __esm({
 
 // src/platform/compat/process.ts
 import process3 from "node:process";
-var IS_DENO;
 var init_process = __esm({
   "src/platform/compat/process.ts"() {
-    IS_DENO = typeof Deno !== "undefined" && "Deno" in globalThis;
+    init_runtime();
   }
 });
 
@@ -7771,9 +7767,7 @@ function createMockAdapter() {
     },
     fs: {
       files,
-      // Expose files Map for tests to populate
       directories,
-      // Expose directories Set for tests to track empty dirs
       readFile: (path) => {
         const content = files.get(path);
         if (!content) {
@@ -7797,12 +7791,7 @@ function createMockAdapter() {
           if (filePath.startsWith(path + "/"))
             return true;
         }
-        try {
-          await Deno.stat(path);
-          return true;
-        } catch {
-          return false;
-        }
+        return false;
       },
       readDir: async function* (path) {
         const entries = /* @__PURE__ */ new Map();
@@ -8100,7 +8089,7 @@ var init_detect = __esm({
 });
 
 // src/react/components/LayoutComponent.tsx
-import { useMemo } from "react";
+import { useMemo, useRef } from "react";
 
 // src/build/transforms/mdx/index.ts
 init_utils();
@@ -8553,7 +8542,7 @@ function shouldDisableInterval() {
   }
   try {
     return process.env("VF_DISABLE_LRU_INTERVAL") === "1";
-  } catch (_error) {
+  } catch {
     return false;
   }
 }
@@ -8581,11 +8570,6 @@ import { dirname, join as join2 } from "path";
 // src/module-system/import-map/default-import-map.ts
 init_utils();
 function getDefaultImportMap() {
-  const _versionMap = {
-    17: REACT_VERSION_17,
-    18: REACT_DEFAULT_VERSION,
-    19: REACT_VERSION_19
-  };
   const reactVersion = REACT_DEFAULT_VERSION;
   const importMap = getReactImportMap(reactVersion);
   importMap["react/"] = `https://esm.sh/react@${reactVersion}/`;
@@ -8620,7 +8604,7 @@ function resolveImport(specifier, importMap, scope) {
 function transformImportsWithMap(code, importMap, scope, options) {
   let transformedCode = code;
   transformedCode = transformedCode.replace(
-    /((?:import|export)\s+(?:[\w,{ /* empty */ }\s*]+\s+from\s+)?|export\s+(?:\*|\{[^}]+\})\s+from\s+)["']([^"']+)["']/g,
+    /((?:import|export)\s+(?:[\w,{}\s*]+\s+from\s+)?|export\s+(?:\*|\{[^}]+\})\s+from\s+)["']([^"']+)["']/g,
     (_match, prefix, specifier) => {
       const isBare = !specifier.startsWith("http") && !specifier.startsWith("/") && !specifier.startsWith(".");
       if (isBare && !options?.resolveBare) {
@@ -9060,19 +9044,29 @@ var mdxRenderer = new Proxy({}, {
 // src/react/components/LayoutComponent.tsx
 init_utils();
 import { Fragment, jsx } from "react/jsx-runtime";
+function useStableObject(obj) {
+  const ref = useRef(obj);
+  const serialized = JSON.stringify(obj);
+  const prevSerialized = useRef(serialized);
+  if (prevSerialized.current !== serialized) {
+    ref.current = obj;
+    prevSerialized.current = serialized;
+  }
+  return ref.current;
+}
 function LayoutComponent({
   mdxBundle,
   children,
-  components = {
-    /* empty */
-  },
+  components = {},
   pageContext
 }) {
+  const stableFrontmatter = useStableObject(mdxBundle.frontmatter);
+  const stablePageContext = useStableObject(pageContext);
   const element = useMemo(() => {
     try {
       return mdxRenderer.render(mdxBundle.compiledCode, {
         components,
-        frontmatter: { ...mdxBundle.frontmatter || {}, pageContext },
+        frontmatter: { ...stableFrontmatter || {}, pageContext: stablePageContext },
         globals: mdxBundle.globals,
         extractLayout: true,
         children
@@ -9083,10 +9077,11 @@ function LayoutComponent({
     }
   }, [
     mdxBundle.compiledCode,
-    JSON.stringify(mdxBundle.frontmatter),
+    stableFrontmatter,
     components,
     children,
-    JSON.stringify(pageContext)
+    stablePageContext,
+    mdxBundle.globals
   ]);
   if (!element)
     return /* @__PURE__ */ jsx(Fragment, { children });
@@ -9094,21 +9089,30 @@ function LayoutComponent({
 }
 
 // src/react/components/ProviderComponent.tsx
-import { useMemo as useMemo2 } from "react";
+import { useMemo as useMemo2, useRef as useRef2 } from "react";
 init_utils();
 import { Fragment as Fragment2, jsx as jsx2 } from "react/jsx-runtime";
+function useStableFrontmatter(frontmatter) {
+  const ref = useRef2(frontmatter);
+  const serialized = JSON.stringify(frontmatter);
+  const prevSerialized = useRef2(serialized);
+  if (prevSerialized.current !== serialized) {
+    ref.current = frontmatter;
+    prevSerialized.current = serialized;
+  }
+  return ref.current;
+}
 function ProviderComponent({
   mdxBundle,
   children,
-  components = {
-    /* empty */
-  }
+  components = {}
 }) {
+  const stableFrontmatter = useStableFrontmatter(mdxBundle.frontmatter);
   const element = useMemo2(() => {
     try {
       return mdxRenderer.render(mdxBundle.compiledCode, {
         components,
-        frontmatter: mdxBundle.frontmatter,
+        frontmatter: stableFrontmatter,
         globals: mdxBundle.globals,
         extractLayout: true,
         children
@@ -9117,7 +9121,7 @@ function ProviderComponent({
       rendererLogger.error("[ProviderComponent] Render failed:", error);
       return /* @__PURE__ */ jsx2(Fragment2, { children });
     }
-  }, [mdxBundle.compiledCode, JSON.stringify(mdxBundle.frontmatter), components, children]);
+  }, [mdxBundle.compiledCode, stableFrontmatter, components, children, mdxBundle.globals]);
   if (!element)
     return /* @__PURE__ */ jsx2(Fragment2, { children });
   return element;
@@ -9129,9 +9133,7 @@ function AppWrapper({
   children,
   providers = [],
   layout,
-  components = {
-    /* empty */
-  },
+  components = {},
   mode: _mode,
   studioEnabled: _studioEnabled,
   pageContext
@@ -9172,13 +9174,9 @@ function Link({ prefetch = true, children, ...rest }) {
 // src/react/components/MDXProvider.tsx
 import { createContext, useContext } from "react";
 import { jsx as jsx5 } from "react/jsx-runtime";
-var MDXContext = createContext({
-  /* empty */
-});
+var MDXContext = createContext({});
 function MDXProvider({
-  components = {
-    /* empty */
-  },
+  components = {},
   children
 }) {
   return /* @__PURE__ */ jsx5(MDXContext.Provider, { value: components, children });
@@ -9324,10 +9322,7 @@ function OptimizedBackgroundImage({
     backgroundRepeat: "no-repeat",
     ...style
   };
-  return (
-    // @ts-ignore - csstype version conflict between dependencies
-    /* @__PURE__ */ jsx8("div", { className, style: bgStyle, children })
-  );
+  return /* @__PURE__ */ jsx8("div", { className, style: bgStyle, children });
 }
 
 // src/react/components/optimized-image/useOptimizedImage.ts
@@ -9387,10 +9382,7 @@ function ResponsiveImageContainer({
     width: "100%",
     height: "100%"
   };
-  return (
-    // @ts-ignore - csstype version conflict between dependencies
-    /* @__PURE__ */ jsx9("div", { className, style: containerStyle, children: /* @__PURE__ */ jsx9("div", { style: contentStyle, children }) })
-  );
+  return /* @__PURE__ */ jsx9("div", { className, style: containerStyle, children: /* @__PURE__ */ jsx9("div", { style: contentStyle, children }) });
 }
 export {
   AppWrapper,