veryfront 0.0.84 → 0.0.88

package/src/src/transforms/mdx/mdx-cache-adapter.ts

@@ -113,7 +113,7 @@ export class MDXCacheAdapter {
         mode: this.mode,
         meta: {
           type: "mdx",
-          reactVersion: (await import("react")).version,
+          reactVersion: (await import("../../../deps/esm.sh/react@19.1.1.js")).version,
           headings: bundle.headings ?? [],
         },
       };

package/src/src/transforms/mdx/module-loader/types.ts

@@ -1,4 +1,4 @@
-import type * as React from "react";
+import type * as React from "../../../../deps/esm.sh/react@19.1.1.js";
 
 export interface MDXComponentProps {
   [key: string]: unknown;

package/src/src/transforms/mdx/types.ts

@@ -1,4 +1,4 @@
-import type React from "react";
+import type React from "../../../deps/esm.sh/react@19.1.1.js";
 
 export type MDXComponents = Record<string, React.ComponentType<unknown>>;
 
@@ -65,7 +65,7 @@ export interface MDXModule {
 }
 
 export type MDXModuleFactory = (
-  React: typeof import("react"),
+  React: typeof import("../../../deps/esm.sh/react@19.1.1.js"),
   Fragment: React.ComponentType,
   jsx: (...args: unknown[]) => unknown,
   jsxs: (...args: unknown[]) => unknown,

package/src/src/transforms/pipeline/context.ts

@@ -1,4 +1,3 @@
-import * as dntShim from "../../../_dnt.shims.js";
 import { computeShortContentHash } from "../esm/transform-utils.js";
 import { REACT_VERSION } from "../esm/package-registry.js";
 import type {
@@ -8,20 +7,12 @@ import type {
   TransformTarget,
 } from "./types.js";
 
-async function detectProjectReactVersion(projectDir: string): Promise<string> {
-  try {
-    const content = await dntShim.Deno.readTextFile(`${projectDir}/package.json`);
-    const pkg = JSON.parse(content) as {
-      dependencies?: Record<string, string>;
-      devDependencies?: Record<string, string>;
-    };
-
-    const reactVersion = { ...pkg.dependencies, ...pkg.devDependencies }?.react;
-    if (reactVersion) return reactVersion.replace(/^[\^~]/, "");
-  } catch {
-    // Project doesn't have package.json or no React dependency
-  }
-
+/**
+ * Get React version for transforms.
+ * Uses REACT_VERSION constant - the centralized version from package-registry.
+ * Prefer passing reactVersion through TransformOptions for per-project versions.
+ */
+function getDefaultReactVersion(): string {
   return REACT_VERSION;
 }
 
@@ -64,9 +55,7 @@ export async function createTransformContext(
 ): Promise<TransformContext> {
   const [contentHash, reactVersion] = await Promise.all([
     computeShortContentHash(source),
-    options.reactVersion
-      ? Promise.resolve(options.reactVersion)
-      : detectProjectReactVersion(projectDir),
+    Promise.resolve(options.reactVersion ?? getDefaultReactVersion()),
   ]);
 
   return buildContext(source, filePath, projectDir, contentHash, options, reactVersion);

package/src/src/transforms/pipeline/stages/finalize.ts

@@ -10,7 +10,12 @@ export const finalizePlugin: TransformPlugin = {
   async transform(ctx: TransformContext): Promise<string> {
     if (!isSSR(ctx)) return ctx.code;
 
-    const result = bundleHttpImports(ctx.code, getHttpBundleCacheDir(), ctx.contentHash);
+    const result = bundleHttpImports(
+      ctx.code,
+      getHttpBundleCacheDir(),
+      ctx.contentHash,
+      ctx.reactVersion,
+    );
     return result instanceof Promise ? await result : result;
   },
 };

package/src/src/transforms/plugins/babel-node-positions.ts

@@ -141,7 +141,7 @@ export function injectNodePositions(source: string, _options: TransformOptions):
 
     let nodeCounter = 0;
 
-    traverse(ast, {
+    traverse(ast as t.Node, {
       JSXElement: {
         enter(path: BabelNodePath<t.JSXElement>) {
           const openingElement = path.node.openingElement;
@@ -184,7 +184,7 @@ export function injectNodePositions(source: string, _options: TransformOptions):
       },
     });
 
-    const output = generate(ast, {
+    const output = generate(ast as t.Node, {
       retainLines: true,
       compact: false,
     });

package/src/src/types/app.ts

@@ -1,4 +1,4 @@
-import type { ReactElement } from "react";
+import type { ReactElement } from "../../deps/esm.sh/react@19.1.1.js";
 
 export interface AppProps {
   Component: (props: Record<string, unknown>) => ReactElement | null;

package/src/src/types/global-guards.ts

@@ -2,7 +2,7 @@ export type { GlobalWithBun, GlobalWithDeno, GlobalWithProcess } from "../utils/
 export { hasBunRuntime, hasDenoRuntime, hasNodeProcess } from "../utils/index.js";
 
 export interface GlobalWithReactDOM {
-  ReactDOM?: typeof import("react-dom/client");
+  ReactDOM?: typeof import("../../deps/esm.sh/react-dom@19.1.1/client.js");
 }
 
 export interface GlobalWithVeryFrontCache {

package/src/src/types/index.ts

@@ -1,5 +1,5 @@
 import * as dntShim from "../../_dnt.shims.js";
-import type * as React from "react";
+import type * as React from "../../deps/esm.sh/react@19.1.1.js";
 
 export type {
   BundleResult,

package/src/src/utils/constants/cdn.ts

@@ -10,36 +10,45 @@ export const REACT_VERSION_19 = "19.1.1";
 
 export const REACT_DEFAULT_VERSION = REACT_VERSION_19;
 
-function getReactBase(version: string = REACT_DEFAULT_VERSION): string {
-  return `${ESM_CDN_BASE}/react@${version}`;
-}
-
-function getReactDOMBase(version: string = REACT_DEFAULT_VERSION): string {
-  return `${ESM_CDN_BASE}/react-dom@${version}`;
+/**
+ * esm.sh URL builder with consistent query params.
+ *
+ * For React packages (react-dom, jsx-runtime), we only need external=react:
+ * - react-dom depends on react → external=react makes it import "react" as bare specifier
+ * - react-dom doesn't need external=react-dom because it IS react-dom
+ * - jsx-runtime depends on react core → external=react
+ *
+ * Third-party packages (e.g., @tanstack/react-query) need external=react,react-dom
+ * because they may depend on BOTH. That's handled by bundleHttpImports() separately.
+ */
+function esmSh(pkg: string, version: string, path = "", external = false): string {
+  const params = ["target=es2022"];
+  if (external) params.push("external=react");
+  return `${ESM_CDN_BASE}/${pkg}@${version}${path}?${params.join("&")}`;
 }
 
 export function getReactCDNUrl(version: string = REACT_DEFAULT_VERSION): string {
-  return getReactBase(version);
+  return esmSh("react", version);
 }
 
 export function getReactDOMCDNUrl(version: string = REACT_DEFAULT_VERSION): string {
-  return getReactDOMBase(version);
+  return esmSh("react-dom", version, "", true);
 }
 
 export function getReactDOMClientCDNUrl(version: string = REACT_DEFAULT_VERSION): string {
-  return `${getReactDOMBase(version)}/client`;
+  return esmSh("react-dom", version, "/client", true);
 }
 
 export function getReactDOMServerCDNUrl(version: string = REACT_DEFAULT_VERSION): string {
-  return `${getReactDOMBase(version)}/server`;
+  return esmSh("react-dom", version, "/server", true);
 }
 
 export function getReactJSXRuntimeCDNUrl(version: string = REACT_DEFAULT_VERSION): string {
-  return `${getReactBase(version)}/jsx-runtime`;
+  return esmSh("react", version, "/jsx-runtime", true);
 }
 
 export function getReactJSXDevRuntimeCDNUrl(version: string = REACT_DEFAULT_VERSION): string {
-  return `${getReactBase(version)}/jsx-dev-runtime`;
+  return esmSh("react", version, "/jsx-dev-runtime", true);
 }
 
 export function getReactImportMap(version: string = REACT_DEFAULT_VERSION): Record<string, string> {

package/src/src/utils/hash-utils.ts

@@ -34,6 +34,11 @@ export function simpleHash(str: string): number {
   return Math.abs(hash);
 }
 
+/** Hash string to hex (base 16) - used for module filenames */
+export function hashCodeHex(str: string): string {
+  return simpleHash(str).toString(16);
+}
+
 export async function shortHash(content: string): Promise<string> {
   const fullHash = await computeHash(content);
   return fullHash.slice(0, 8);

package/src/src/workflow/react/use-approval.ts

@@ -1,5 +1,5 @@
 import * as dntShim from "../../../_dnt.shims.js";
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "../../../deps/esm.sh/react@19.1.1.js";
 import type { ApprovalDecision, PendingApproval } from "../types.js";
 
 export interface UseApprovalOptions {

package/src/src/workflow/react/use-workflow-list.ts

@@ -1,5 +1,5 @@
 import * as dntShim from "../../../_dnt.shims.js";
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "../../../deps/esm.sh/react@19.1.1.js";
 import type { RunFilter, WorkflowRun, WorkflowStatus } from "../types.js";
 
 export interface UseWorkflowListOptions {

package/src/src/workflow/react/use-workflow-start.ts

@@ -1,5 +1,5 @@
 import * as dntShim from "../../../_dnt.shims.js";
-import { useCallback, useState } from "react";
+import { useCallback, useState } from "../../../deps/esm.sh/react@19.1.1.js";
 
 export interface UseWorkflowStartOptions {
   workflowId: string;

package/src/src/workflow/react/use-workflow.ts

@@ -1,5 +1,5 @@
 import * as dntShim from "../../../_dnt.shims.js";
-import { useCallback, useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "../../../deps/esm.sh/react@19.1.1.js";
 import type {
   NodeState,
   PendingApproval,