@vertz/ui-server 0.2.54 → 0.2.56

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @vertz/ui-server
 
+## 0.2.56
+
+### Patch Changes
+
+- [#2459](https://github.com/vertz-dev/vertz/pull/2459) [`52ebef6`](https://github.com/vertz-dev/vertz/commit/52ebef61c623f77becfde5bef8115a32daf027a6) Thanks [@viniciusdacal](https://github.com/viniciusdacal)! - fix(build): use native compiler for library builds so Provider children are thunked
+
+  Library packages (ui-primitives, theme-shadcn) were compiled with Bun's JSX fallback
+  instead of the native Rust compiler. The fallback doesn't wrap JSX children in thunks,
+  causing context-based components (List, Tabs, Dialog, etc.) to throw "must be used
+  inside" errors because children evaluate before the Provider sets up context.
+
+- Updated dependencies []:
+  - @vertz/core@0.2.56
+  - @vertz/ui@0.2.56
+
+## 0.2.55
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @vertz/core@0.2.55
+  - @vertz/ui@0.2.55
+
 ## 0.2.54
 
 ### Patch Changes

package/dist/bun-dev-server.js

@@ -4,7 +4,7 @@ import {
   imageContentType,
   isValidImageName,
   require_typescript
-} from "./shared/chunk-sf38sx5e.js";
+} from "./shared/chunk-28vha4sz.js";
 import {
   __require,
   __toESM
@@ -2288,6 +2288,9 @@ function installDomShim() {
     createComment(text) {
       return new SSRComment(text);
     },
+    createElementNS(_ns, tag) {
+      return new SSRElement(tag);
+    },
     createDocumentFragment() {
       return new SSRDocumentFragment;
     },

package/dist/bun-plugin/index.js

@@ -4,7 +4,7 @@ import {
   computeImageOutputPaths,
   require_typescript,
   resolveImageSrc
-} from "../shared/chunk-sf38sx5e.js";
+} from "../shared/chunk-28vha4sz.js";
 import {
   __require,
   __toESM
@@ -1648,7 +1648,13 @@ function filePathHash(filePath) {
 import { createHash } from "crypto";
 import { existsSync, mkdirSync, readFileSync as readFileSync3, writeFileSync } from "fs";
 import { basename, extname, resolve as resolve2 } from "path";
-import sharp from "sharp";
+var _sharp;
+async function getSharp() {
+  if (!_sharp) {
+    _sharp = (await import("sharp")).default;
+  }
+  return _sharp;
+}
 var FORMAT_MAP = {
   jpeg: { ext: ".jpg", mime: "image/jpeg" },
   jpg: { ext: ".jpg", mime: "image/jpeg" },
@@ -1666,7 +1672,8 @@ async function processImage(opts) {
   const sourceBuffer = readFileSync3(sourcePath);
   const hash = createHash("sha256").update(sourceBuffer).update(`${width}x${height}q${quality}f${fit}`).digest("hex").slice(0, 12);
   const name = basename(sourcePath, extname(sourcePath));
-  const meta = await sharp(sourceBuffer).metadata();
+  const sharpModule = await getSharp();
+  const meta = await sharpModule(sourceBuffer).metadata();
   const sourceFormat = meta.format ?? "jpeg";
   const defaultFormat = { ext: ".jpg", mime: "image/jpeg" };
   const formatInfo = FORMAT_MAP[sourceFormat] ?? defaultFormat;
@@ -1691,9 +1698,9 @@ async function processImage(opts) {
   mkdirSync(outputDir, { recursive: true });
   const sharpFit = fit;
   const [webp1xBuf, webp2xBuf, fallbackBuf] = await Promise.all([
-    sharp(sourceBuffer).resize(width, height, { fit: sharpFit }).webp({ quality }).toBuffer(),
-    sharp(sourceBuffer).resize(width * 2, height * 2, { fit: sharpFit }).webp({ quality }).toBuffer(),
-    sharp(sourceBuffer).resize(width * 2, height * 2, { fit: sharpFit }).toFormat(sourceFormat, { quality }).toBuffer()
+    sharpModule(sourceBuffer).resize(width, height, { fit: sharpFit }).webp({ quality }).toBuffer(),
+    sharpModule(sourceBuffer).resize(width * 2, height * 2, { fit: sharpFit }).webp({ quality }).toBuffer(),
+    sharpModule(sourceBuffer).resize(width * 2, height * 2, { fit: sharpFit }).toFormat(sourceFormat, { quality }).toBuffer()
   ]);
   writeFileSync(webp1xPath, webp1xBuf);
   writeFileSync(webp2xPath, webp2xBuf);

package/dist/dom-shim/index.js

@@ -7,7 +7,7 @@ import {
   installDomShim,
   removeDomShim,
   toVNode
-} from "../shared/chunk-bp1ez7v4.js";
+} from "../shared/chunk-tn6khx7g.js";
 import"../shared/chunk-bt1px3c4.js";
 export {
   toVNode,

package/dist/index.d.ts

@@ -567,10 +567,15 @@ import { FallbackFontName as FallbackFontName2, FontFallbackMetrics as FontFallb
 * Native compiler wrapper — loads the Rust-based Vertz compiler via NAPI
 * and exposes it with proper TypeScript types.
 *
-* The native compiler is the primary compilation path. When the binary
-* is not available (e.g. CI without a pre-built binary), compile() falls
-* back to Bun's built-in JSX transpiler with a warning. compileForSsrAot()
-* has no fallback and throws if the binary is missing.
+* The native compiler is the primary compilation path:
+* - loadNativeCompiler() — throws if the binary is unavailable
+* - tryLoadNativeCompiler() — returns null if unavailable
+* - compile() — falls back to Bun's JSX transpiler with a warning
+* - compileForSsrAot() — throws (no fallback, AOT needs full transforms)
+*
+* The Bun JSX fallback does NOT produce children thunks, signal transforms,
+* or CSS extraction — it exists for CI environments where the native
+* binary is not available and partial compilation is acceptable.
 *
 * NAPI-RS auto-converts between Rust snake_case and JS camelCase
 * in both directions, so our TypeScript interfaces use camelCase
@@ -674,7 +679,10 @@ interface NativeCompiler {
 declare function loadNativeCompiler(): NativeCompiler;
 /**
 * Compile a TypeScript/JSX source file using the native Rust compiler.
-* Falls back to Bun's JSX transpiler if the native binary is unavailable.
+* Falls back to Bun's JSX transpiler with a warning when the native
+* binary is unavailable (e.g. on CI without the platform binary).
+* The fallback does NOT produce signal transforms, CSS extraction, or
+* children thunks — use loadNativeCompiler() directly when these are required.
 */
 declare function compile(source: string, options?: NativeCompileOptions): NativeCompileResult;
 /**

package/dist/index.js

@@ -1,10 +1,10 @@
 import {
   createSSRHandler,
   loadAotManifest
-} from "./shared/chunk-nstzxw4e.js";
+} from "./shared/chunk-8qw0fkt1.js";
 import {
   createNodeHandler
-} from "./shared/chunk-x8r5mh0q.js";
+} from "./shared/chunk-kpg8dyv9.js";
 import {
   clearRouteCssCache,
   collectStreamChunks,
@@ -34,7 +34,7 @@ import {
   ssrStreamNavQueries,
   streamToString,
   toPrefetchSession
-} from "./shared/chunk-c22cgv96.js";
+} from "./shared/chunk-50wp4jbv.js";
 import {
   clearGlobalSSRTimeout,
   createSSRAdapter,
@@ -46,7 +46,7 @@ import {
   registerSSRQuery,
   setGlobalSSRTimeout,
   ssrStorage
-} from "./shared/chunk-bp1ez7v4.js";
+} from "./shared/chunk-tn6khx7g.js";
 import {
   __commonJS,
   __require,
@@ -100514,14 +100514,14 @@ ${lanes.join(`
         }
       }
       function createImportCallExpressionAMD(arg, containsLexicalThis) {
-        const resolve = factory2.createUniqueName("resolve");
+        const resolve2 = factory2.createUniqueName("resolve");
         const reject = factory2.createUniqueName("reject");
         const parameters = [
-          factory2.createParameterDeclaration(undefined, undefined, resolve),
+          factory2.createParameterDeclaration(undefined, undefined, resolve2),
           factory2.createParameterDeclaration(undefined, undefined, reject)
         ];
         const body = factory2.createBlock([
-          factory2.createExpressionStatement(factory2.createCallExpression(factory2.createIdentifier("require"), undefined, [factory2.createArrayLiteralExpression([arg || factory2.createOmittedExpression()]), resolve, reject]))
+          factory2.createExpressionStatement(factory2.createCallExpression(factory2.createIdentifier("require"), undefined, [factory2.createArrayLiteralExpression([arg || factory2.createOmittedExpression()]), resolve2, reject]))
         ]);
         let func;
         if (languageVersion >= 2) {
@@ -170696,8 +170696,8 @@ Additional information: BADCLIENT: Bad error code, ${badCode} not found in range
       installPackage(options) {
         this.packageInstallId++;
         const request = { kind: "installPackage", ...options, id: this.packageInstallId };
-        const promise = new Promise((resolve, reject) => {
-          (this.packageInstalledPromise ?? (this.packageInstalledPromise = /* @__PURE__ */ new Map)).set(this.packageInstallId, { resolve, reject });
+        const promise = new Promise((resolve2, reject) => {
+          (this.packageInstalledPromise ?? (this.packageInstalledPromise = /* @__PURE__ */ new Map)).set(this.packageInstallId, { resolve: resolve2, reject });
         });
         this.installer.send(request);
         return promise;
@@ -170957,26 +170957,47 @@ Additional information: BADCLIENT: Bad error code, ${badCode} not found in range
 });
 
 // src/compiler/native-compiler.ts
+import { existsSync } from "node:fs";
+import { dirname, resolve } from "node:path";
+var __dirname = "/home/runner/work/vertz/vertz/packages/ui-server/src/compiler";
 var cachedCompiler = null;
 var nativeUnavailable = false;
-var warnedFallback = false;
 function resolveBinaryName() {
   const platform = process.platform === "darwin" ? "darwin" : "linux";
   const arch = process.arch === "arm64" ? "arm64" : "x64";
   return `vertz-compiler.${platform}-${arch}.node`;
 }
+function resolveBinaryPath(binaryName) {
+  try {
+    return __require.resolve(`@vertz/native-compiler/${binaryName}`);
+  } catch {}
+  const startDir = typeof import.meta !== "undefined" && import.meta.dir || (typeof __dirname !== "undefined" ? __dirname : null);
+  if (!startDir)
+    return null;
+  let dir = dirname(startDir);
+  for (let i = 0;i < 10; i++) {
+    const candidate = resolve(dir, "native", "vertz-compiler", binaryName);
+    if (existsSync(candidate)) {
+      return candidate;
+    }
+    const parent = dirname(dir);
+    if (parent === dir)
+      break;
+    dir = parent;
+  }
+  return null;
+}
 function loadNativeCompiler() {
   if (cachedCompiler) {
     return wrapCompiler(cachedCompiler);
   }
   const binaryName = resolveBinaryName();
-  try {
-    const modulePath = __require.resolve(`@vertz/native-compiler/${binaryName}`);
-    cachedCompiler = __require(modulePath);
-    return wrapCompiler(cachedCompiler);
-  } catch {
+  const binaryPath = resolveBinaryPath(binaryName);
+  if (!binaryPath) {
     throw new Error(`Failed to load native compiler binary: @vertz/native-compiler/${binaryName}. ` + "Ensure @vertz/native-compiler is installed with the correct platform binary.");
   }
+  cachedCompiler = __require(binaryPath);
+  return wrapCompiler(cachedCompiler);
 }
 function tryLoadNativeCompiler() {
   if (cachedCompiler)
@@ -171001,25 +171022,26 @@ function wrapCompiler(raw) {
     }
   };
 }
+var warnedFallback = false;
 function compileFallback(source) {
   if (!warnedFallback) {
     warnedFallback = true;
     console.warn("[vertz] Native compiler binary not available — falling back to Bun JSX transpiler. " + "Signal transforms, CSS extraction, and hydration markers will be missing.");
   }
-  const transpiled = new Bun.Transpiler({
+  const code = new Bun.Transpiler({
     loader: "tsx",
     autoImportJSX: true,
     tsconfig: JSON.stringify({
       compilerOptions: { jsx: "react-jsx", jsxImportSource: "@vertz/ui" }
     })
   }).transformSync(source);
-  return { code: transpiled, diagnostics: [] };
+  return { code, diagnostics: [] };
 }
 function compile(source, options) {
   const compiler = tryLoadNativeCompiler();
-  if (compiler)
-    return compiler.compile(source, options);
-  return compileFallback(source);
+  if (!compiler)
+    return compileFallback(source);
+  return compiler.compile(source, options);
 }
 function compileForSsrAot(source, options) {
   return loadNativeCompiler().compileForSsrAot(source, options);

package/dist/node-handler.js

@@ -1,8 +1,8 @@
 import {
   createNodeHandler
-} from "./shared/chunk-x8r5mh0q.js";
-import"./shared/chunk-c22cgv96.js";
-import"./shared/chunk-bp1ez7v4.js";
+} from "./shared/chunk-kpg8dyv9.js";
+import"./shared/chunk-50wp4jbv.js";
+import"./shared/chunk-tn6khx7g.js";
 import"./shared/chunk-bt1px3c4.js";
 export {
   createNodeHandler

package/dist/shared/{chunk-sf38sx5e.js → chunk-28vha4sz.js}

@@ -100465,14 +100465,14 @@ ${lanes.join(`
         }
       }
       function createImportCallExpressionAMD(arg, containsLexicalThis) {
-        const resolve2 = factory2.createUniqueName("resolve");
+        const resolve3 = factory2.createUniqueName("resolve");
         const reject = factory2.createUniqueName("reject");
         const parameters = [
-          factory2.createParameterDeclaration(undefined, undefined, resolve2),
+          factory2.createParameterDeclaration(undefined, undefined, resolve3),
           factory2.createParameterDeclaration(undefined, undefined, reject)
         ];
         const body = factory2.createBlock([
-          factory2.createExpressionStatement(factory2.createCallExpression(factory2.createIdentifier("require"), undefined, [factory2.createArrayLiteralExpression([arg || factory2.createOmittedExpression()]), resolve2, reject]))
+          factory2.createExpressionStatement(factory2.createCallExpression(factory2.createIdentifier("require"), undefined, [factory2.createArrayLiteralExpression([arg || factory2.createOmittedExpression()]), resolve3, reject]))
         ]);
         let func;
         if (languageVersion >= 2) {
@@ -170647,8 +170647,8 @@ Additional information: BADCLIENT: Bad error code, ${badCode} not found in range
       installPackage(options) {
         this.packageInstallId++;
         const request = { kind: "installPackage", ...options, id: this.packageInstallId };
-        const promise = new Promise((resolve2, reject) => {
-          (this.packageInstalledPromise ?? (this.packageInstalledPromise = /* @__PURE__ */ new Map)).set(this.packageInstallId, { resolve: resolve2, reject });
+        const promise = new Promise((resolve3, reject) => {
+          (this.packageInstalledPromise ?? (this.packageInstalledPromise = /* @__PURE__ */ new Map)).set(this.packageInstallId, { resolve: resolve3, reject });
         });
         this.installer.send(request);
         return promise;
@@ -170963,26 +170963,47 @@ function computeImageOutputPaths(sourcePath, width, height, quality, fit) {
 }
 
 // src/compiler/native-compiler.ts
+import { existsSync } from "fs";
+import { dirname as dirname2, resolve as resolve2 } from "path";
+var __dirname = "/home/runner/work/vertz/vertz/packages/ui-server/src/compiler";
 var cachedCompiler = null;
 var nativeUnavailable = false;
-var warnedFallback = false;
 function resolveBinaryName() {
   const platform = process.platform === "darwin" ? "darwin" : "linux";
   const arch = process.arch === "arm64" ? "arm64" : "x64";
   return `vertz-compiler.${platform}-${arch}.node`;
 }
+function resolveBinaryPath(binaryName) {
+  try {
+    return __require.resolve(`@vertz/native-compiler/${binaryName}`);
+  } catch {}
+  const startDir = typeof import.meta !== "undefined" && import.meta.dir || (typeof __dirname !== "undefined" ? __dirname : null);
+  if (!startDir)
+    return null;
+  let dir = dirname2(startDir);
+  for (let i = 0;i < 10; i++) {
+    const candidate = resolve2(dir, "native", "vertz-compiler", binaryName);
+    if (existsSync(candidate)) {
+      return candidate;
+    }
+    const parent = dirname2(dir);
+    if (parent === dir)
+      break;
+    dir = parent;
+  }
+  return null;
+}
 function loadNativeCompiler() {
   if (cachedCompiler) {
     return wrapCompiler(cachedCompiler);
   }
   const binaryName = resolveBinaryName();
-  try {
-    const modulePath = __require.resolve(`@vertz/native-compiler/${binaryName}`);
-    cachedCompiler = __require(modulePath);
-    return wrapCompiler(cachedCompiler);
-  } catch {
+  const binaryPath = resolveBinaryPath(binaryName);
+  if (!binaryPath) {
     throw new Error(`Failed to load native compiler binary: @vertz/native-compiler/${binaryName}. ` + "Ensure @vertz/native-compiler is installed with the correct platform binary.");
   }
+  cachedCompiler = __require(binaryPath);
+  return wrapCompiler(cachedCompiler);
 }
 function tryLoadNativeCompiler() {
   if (cachedCompiler)
@@ -171007,25 +171028,26 @@ function wrapCompiler(raw) {
     }
   };
 }
+var warnedFallback = false;
 function compileFallback(source) {
   if (!warnedFallback) {
     warnedFallback = true;
     console.warn("[vertz] Native compiler binary not available \u2014 falling back to Bun JSX transpiler. " + "Signal transforms, CSS extraction, and hydration markers will be missing.");
   }
-  const transpiled = new Bun.Transpiler({
+  const code = new Bun.Transpiler({
     loader: "tsx",
     autoImportJSX: true,
     tsconfig: JSON.stringify({
       compilerOptions: { jsx: "react-jsx", jsxImportSource: "@vertz/ui" }
     })
   }).transformSync(source);
-  return { code: transpiled, diagnostics: [] };
+  return { code, diagnostics: [] };
 }
 function compile(source, options) {
   const compiler = tryLoadNativeCompiler();
-  if (compiler)
-    return compiler.compile(source, options);
-  return compileFallback(source);
+  if (!compiler)
+    return compileFallback(source);
+  return compiler.compile(source, options);
 }
 function compileForSsrAot(source, options) {
   return loadNativeCompiler().compileForSsrAot(source, options);

package/dist/shared/{chunk-c22cgv96.js → chunk-50wp4jbv.js}

@@ -6,7 +6,7 @@ import {
   setGlobalSSRTimeout,
   ssrStorage,
   toVNode
-} from "./chunk-bp1ez7v4.js";
+} from "./chunk-tn6khx7g.js";
 
 // src/html-serializer.ts
 var VOID_ELEMENTS = new Set([

package/dist/shared/{chunk-nstzxw4e.js → chunk-8qw0fkt1.js}

@@ -12,7 +12,7 @@ import {
   ssrRenderSinglePass,
   ssrStreamNavQueries,
   toPrefetchSession
-} from "./chunk-c22cgv96.js";
+} from "./chunk-50wp4jbv.js";
 
 // src/aot-manifest-loader.ts
 import { existsSync, readFileSync } from "node:fs";

package/dist/shared/{chunk-x8r5mh0q.js → chunk-kpg8dyv9.js}

@@ -11,7 +11,7 @@ import {
   ssrRenderSinglePass,
   ssrStreamNavQueries,
   toPrefetchSession
-} from "./chunk-c22cgv96.js";
+} from "./chunk-50wp4jbv.js";
 
 // src/node-handler.ts
 function createNodeHandler(options) {

package/dist/shared/{chunk-bp1ez7v4.js → chunk-tn6khx7g.js}

@@ -664,6 +664,9 @@ function installDomShim() {
     createComment(text) {
       return new SSRComment(text);
     },
+    createElementNS(_ns, tag) {
+      return new SSRElement(tag);
+    },
     createDocumentFragment() {
       return new SSRDocumentFragment;
     },

package/dist/ssr/index.js

@@ -1,13 +1,13 @@
 import {
   createSSRHandler,
   loadAotManifest
-} from "../shared/chunk-nstzxw4e.js";
+} from "../shared/chunk-8qw0fkt1.js";
 import {
   injectIntoTemplate,
   ssrRenderSinglePass,
   ssrStreamNavQueries
-} from "../shared/chunk-c22cgv96.js";
-import"../shared/chunk-bp1ez7v4.js";
+} from "../shared/chunk-50wp4jbv.js";
+import"../shared/chunk-tn6khx7g.js";
 import"../shared/chunk-bt1px3c4.js";
 // src/prerender.ts
 async function discoverRoutes(module) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vertz/ui-server",
-  "version": "0.2.54",
+  "version": "0.2.56",
   "description": "Vertz UI server-side rendering runtime",
   "license": "MIT",
   "repository": {
@@ -65,21 +65,22 @@
     "test": "bun test --timeout 60000 src/",
     "test:integration": "bun test src/__tests__/bun-dev-server.integration.local.ts",
     "test:e2e": "bunx playwright test",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsgo --noEmit"
   },
   "dependencies": {
     "@ampproject/remapping": "^2.3.0",
     "@capsizecss/unpack": "^4.0.0",
     "@jridgewell/trace-mapping": "^0.3.31",
-    "@vertz/core": "^0.2.54",
-    "@vertz/ui": "^0.2.54",
+    "@vertz/core": "^0.2.56",
+    "@vertz/ui": "^0.2.56",
     "magic-string": "^0.30.0",
     "sharp": "^0.34.5"
   },
   "devDependencies": {
     "@happy-dom/global-registrator": "^20.8.3",
     "@playwright/test": "^1.58.2",
-    "@vertz/codegen": "^0.2.54",
+    "@vertz/codegen": "^0.2.56",
+    "@vertz/test": "0.2.56",
     "bun-types": "^1.3.10",
     "bunup": "^0.16.31",
     "happy-dom": "^20.8.3",