@hanzo/ui 8.12.0 → 8.12.1

package/dist/gallery.html

@@ -1,4 +1,4 @@
-<!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.12.0</title><style>/* @hanzo/ui — generated by scripts/gen-css.mjs. Do not edit. */
+<!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.12.1</title><style>/* @hanzo/ui — generated by scripts/gen-css.mjs. Do not edit. */
 :root { --hanzo-ui-styles: 1; }
 /* Hanzo Design System — the entry point. Import THIS one file.
  *

package/dist/next.cjs

@@ -1,32 +1,40 @@
 'use client';// @hanzo/ui on the web, for BOTH of Next's bundlers.
 //
-//   const { withGui } = require('@hanzo/ui/next')
-//   module.exports = withGui(nextConfig)
+//   const withGui = require('@hanzo/ui/next')
+//   module.exports = withGui(nextConfig, __dirname)
 //
 // Every component here renders through @hanzo/gui, which is cross-platform: its
 // dependency graph names `react-native`, and one of those — react-native-svg,
-// under the icon set — reaches real React Native source. That source is Flow,
-// not TypeScript, so a web build does not fail to RESOLVE it, it fails to PARSE
-// it:
+// under the icon set — ships a native entry beside a `.web.js` sibling. Pick the
+// native one on a web build and it is not a resolution failure, it is a PARSE
+// failure, in Flow source, inside a dependency:
 //
 //     Parsing ecmascript source code failed
-//     import type {HostComponent} from '../../src/private/types/HostComponent';
+//     import type {HostComponent} from '.../HostComponent';
 //
-// which reads as a broken dependency rather than a missing alias. `react-native`
-// on the web IS `react-native-web`; saying so is the whole fix.
+// which reads as a broken package rather than a missing setting. Three settings
+// prevent it, and all three are needed:
+//
+//   1. `.web.*` resolves FIRST, so the web sibling wins.
+//   2. `react-native` IS `react-native-web` here.
+//   3. the gui graph is TRANSPILED, or a bundler treats those packages as opaque
+//      and never applies 1 or 2 inside them.
 //
 // Declared for both bundlers together, in one file, because that is the failure
-// this replaces: a webpack-only alias is silently absent under Turbopack, so
+// this replaces: a webpack-only setting is silently absent under Turbopack, so
 // `next dev` and `next build` disagree about whether the app compiles.
 //
 // Node-only (a build-time module) and dependency-free: it takes and returns a
 // plain object, so it does not force `next` into anyone's type graph.
 
+const { readdirSync } = require('node:fs')
+const { join } = require('node:path')
+
 /**
  * react-native's web spelling, and the asset registry that ships beside it.
  *
  * The registry is named separately because it is the one module react-native-web
- * does not re-export under the same path — an `Image` reaches for
+ * does not answer to under the same path — an `Image` reaches for
  * `@react-native/assets-registry/registry` and finds nothing.
  */
 const ALIAS = {
@@ -34,12 +42,27 @@ const ALIAS = {
   '@react-native/assets-registry/registry': 'react-native-web/dist/modules/AssetRegistry',
 }
 
+/** `.web.tsx` before `.tsx`. See (1) above. */
+const EXTENSIONS = ['.web.tsx', '.web.ts', '.web.jsx', '.web.js']
+
 /**
- * `.web.tsx` before `.tsx`, so a package shipping both halves resolves to the
- * web one. Without it the native file wins by being listed first, and the
- * failure is again a parse error inside a dependency.
+ * Every installed `@hanzogui/*`, DISCOVERED rather than listed.
+ *
+ * The gui runtime is ~60 packages and the set moves; a hardcoded list is a list
+ * that goes stale, and the symptom of a missing one is the parse error above
+ * rather than anything naming the package.
  */
-const EXTENSIONS = ['.web.tsx', '.web.ts', '.web.jsx', '.web.js']
+function guiPackages(dir) {
+  for (const base of [dir, process.cwd()]) {
+    if (!base) continue
+    try {
+      return readdirSync(join(base, 'node_modules', '@hanzogui')).map((n) => `@hanzogui/${n}`)
+    } catch {
+      /* not installed here — try the next place */
+    }
+  }
+  return []
+}
 
 /** Webpack's half. */
 function webpackGui(config) {
@@ -53,21 +76,33 @@ function webpackGui(config) {
 /**
  * Wrap a Next config so @hanzo/ui builds on the web.
  *
- * Composes with an existing `webpack()` hook rather than replacing it: a caller
- * who already has one keeps it, and this runs after.
+ * `dir` is the app's own directory — pass `__dirname`. The `process.cwd()`
+ * fallback is a courtesy: a task runner invoking Next from a workspace root
+ * would look for `@hanzogui/*` where there is none and silently transpile
+ * nothing.
+ *
+ * Composes rather than replaces: an existing `webpack()` hook, `turbopack`
+ * settings and `transpilePackages` are all kept and extended.
  */
-function withGui(nextConfig = {}) {
+function withGui(nextConfig = {}, dir = process.cwd()) {
   const theirs = nextConfig.webpack
+  const transpile = new Set([
+    ...(nextConfig.transpilePackages || []),
+    '@hanzo/gui',
+    '@hanzo/ui',
+    'react-native-web',
+    ...guiPackages(dir),
+  ])
+  const turbo = nextConfig.turbopack || {}
   return {
     ...nextConfig,
+    transpilePackages: [...transpile],
     turbopack: {
-      ...nextConfig.turbopack,
-      resolveAlias: { ...(nextConfig.turbopack && nextConfig.turbopack.resolveAlias), ...ALIAS },
+      ...turbo,
+      resolveAlias: { ...turbo.resolveAlias, ...ALIAS },
       resolveExtensions: [
         ...EXTENSIONS,
-        ...((nextConfig.turbopack && nextConfig.turbopack.resolveExtensions) || [
-          '.tsx', '.ts', '.jsx', '.js', '.mjs', '.json',
-        ]),
+        ...(turbo.resolveExtensions || ['.tsx', '.ts', '.jsx', '.js', '.mjs', '.json']),
       ],
     },
     webpack(config, options) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "8.12.0",
+  "version": "8.12.1",
   "type": "module",
   "description": "Hanzo UI — the one canonical Hanzo component library, on @hanzo/gui + @hanzo/design. ONE substrate: every component renders through @hanzo/gui primitives, so the same import works on web, native (expo) and desktop (Tauri). Self-contained (theme.css), presentational, host-agnostic, clean-room.",
   "exports": {