@luxfi/ui 7.4.8 → 7.4.10

package/dist/next.cjs

@@ -1,11 +1,8 @@
 'use strict';
 
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
+var module$1 = require('module');
+
+// src/next.ts
 
 // src/engine.ts
 var GUI_PACKAGES = [
@@ -90,9 +87,10 @@ var ALIASABLE = [
   "@tanstack/react-query",
   ...GUI_PACKAGES
 ];
+
+// src/next.ts
 function guiAliases(from) {
-  const { createRequire } = __require("module");
-  const require_ = createRequire(`${from.replace(/\/?$/, "/")}noop.js`);
+  const require_ = module$1.createRequire(`${from.replace(/\/?$/, "/")}noop.js`);
   const alias = {};
   for (const pkg of ALIASABLE) {
     try {
@@ -102,19 +100,9 @@ function guiAliases(from) {
   }
   return alias;
 }
-
-// src/next.ts
 function withLuxUi(config = {}) {
   const userWebpack = config.webpack;
   const engine = guiAliases(config.dir ?? process.cwd());
-  const root = config.dir ?? process.cwd();
-  const path = __require("path");
-  const engineTurbopack = {};
-  for (const [key, abs] of Object.entries(engine)) {
-    const rel = path.relative(root, abs);
-    if (rel.startsWith("..") || path.isAbsolute(rel)) continue;
-    engineTurbopack[key.replace(/\$$/, "")] = `./${rel}`;
-  }
   const { dir: _dir, ...rest } = config;
   return {
     ...rest,
@@ -123,7 +111,6 @@ function withLuxUi(config = {}) {
       ...config.turbopack,
       resolveAlias: {
         "react-native": "react-native-web",
-        ...engineTurbopack,
         ...config.turbopack?.resolveAlias
       }
     },

package/dist/next.js

@@ -1,9 +1,6 @@
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
+import { createRequire } from 'module';
+
+// src/next.ts
 
 // src/engine.ts
 var GUI_PACKAGES = [
@@ -88,8 +85,9 @@ var ALIASABLE = [
   "@tanstack/react-query",
   ...GUI_PACKAGES
 ];
+
+// src/next.ts
 function guiAliases(from) {
-  const { createRequire } = __require("module");
   const require_ = createRequire(`${from.replace(/\/?$/, "/")}noop.js`);
   const alias = {};
   for (const pkg of ALIASABLE) {
@@ -100,19 +98,9 @@ function guiAliases(from) {
   }
   return alias;
 }
-
-// src/next.ts
 function withLuxUi(config = {}) {
   const userWebpack = config.webpack;
   const engine = guiAliases(config.dir ?? process.cwd());
-  const root = config.dir ?? process.cwd();
-  const path = __require("path");
-  const engineTurbopack = {};
-  for (const [key, abs] of Object.entries(engine)) {
-    const rel = path.relative(root, abs);
-    if (rel.startsWith("..") || path.isAbsolute(rel)) continue;
-    engineTurbopack[key.replace(/\$$/, "")] = `./${rel}`;
-  }
   const { dir: _dir, ...rest } = config;
   return {
     ...rest,
@@ -121,7 +109,6 @@ function withLuxUi(config = {}) {
       ...config.turbopack,
       resolveAlias: {
         "react-native": "react-native-web",
-        ...engineTurbopack,
         ...config.turbopack?.resolveAlias
       }
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luxfi/ui",
-  "version": "7.4.8",
+  "version": "7.4.10",
   "description": "Cross-platform DeFi UI components built on @hanzo/gui (Tamagui). Native mobile + web.",
   "type": "module",
   "license": "MIT",

package/src/engine.ts

@@ -140,28 +140,3 @@ export const ALIASABLE: ReadonlyArray<string> = [
   '@tanstack/react-query',
   ...GUI_PACKAGES,
 ];
-
-/**
- * Exact-match aliases pinning every aliasable package to ONE entry file, for
- * bundlers that have no `dedupe` of their own (webpack, turbopack).
- *
- * Keys carry webpack's `$` exact-match suffix so only the bare specifier is
- * redirected — a deep import keeps resolving normally. Packages that are not
- * physically installed are skipped rather than throwing: the list is the
- * engine's full surface and no single app pulls all of it.
- */
-export function guiAliases(from: string): Record<string, string> {
-  // Deferred so this module stays importable from a browser bundle (the
-  // wrappers are build-time only, but `engine.ts` is plain values).
-  const { createRequire } = require('node:module') as typeof import('node:module');
-  const require_ = createRequire(`${ from.replace(/\/?$/, '/') }noop.js`);
-  const alias: Record<string, string> = {};
-  for (const pkg of ALIASABLE) {
-    try {
-      alias[`${ pkg }$`] = require_.resolve(pkg);
-    } catch {
-      // Not installed in this app — nothing to dedupe.
-    }
-  }
-  return alias;
-}

package/src/next.ts

@@ -18,7 +18,38 @@
 // 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.
 
-import { guiAliases, GUI_DEFINES, GUI_PACKAGES } from './engine';
+import { createRequire } from 'node:module';
+
+import { ALIASABLE, GUI_DEFINES, GUI_PACKAGES } from './engine';
+
+/**
+ * Exact-match aliases pinning every aliasable package to ONE entry file, for
+ * bundlers that have no `dedupe` of their own.
+ *
+ * Lives HERE, not in ./engine, because it needs `node:module`. `engine.ts` is
+ * plain values so a browser bundle can import it; a `require('node:module')`
+ * deferred inside it survived the CJS build and then died the moment a surface
+ * used an ESM `next.config.mjs` — esbuild emits `Dynamic require of "module" is
+ * not supported` and Next never boots. A build-time concern belongs in the
+ * build-time module.
+ *
+ * Keys carry webpack's `$` exact-match suffix so only the bare specifier is
+ * redirected — a deep import keeps resolving normally. Packages that are not
+ * physically installed are skipped rather than throwing: the list is the
+ * engine's full surface and no single app pulls all of it.
+ */
+function guiAliases(from: string): Record<string, string> {
+  const require_ = createRequire(`${ from.replace(/\/?$/, '/') }noop.js`);
+  const alias: Record<string, string> = {};
+  for (const pkg of ALIASABLE) {
+    try {
+      alias[`${ pkg }$`] = require_.resolve(pkg);
+    } catch {
+      // Not installed in this app — nothing to dedupe.
+    }
+  }
+  return alias;
+}
 
 interface WebpackConfig {
   resolve?: { alias?: Record<string, unknown> };
@@ -49,28 +80,23 @@ export function withLuxUi(config: LuxUiNextConfig = {}): LuxUiNextConfig {
   // so the equivalent is an exact-match alias per package, resolved from the app
   // root — see ./engine for why two copies is a crash and not a size problem.
   const engine = guiAliases(config.dir ?? process.cwd());
-  // The same dedupe for Turbopack, which is the ONLY dev bundler from Next 16 —
-  // `webpack()` below is never called by `next dev`, so a webpack-only alias map
-  // deduped production and left development with N copies of `@hanzogui/popper`
-  // and the `Cannot read properties of undefined (reading 'setReference')`
-  // storm that comes with them.
+  // Turbopack gets `react-native` and NOTHING ELSE, on purpose.
+  //
+  // It is the only dev bundler from Next 16, so a path-based dedupe here looked
+  // like the way to kill the dev-mode `setReference` storm. It is not. Turbopack
+  // resolves an alias VALUE against its own project root, which it infers from
+  // the workspace and which is not the app directory: an absolute value comes
+  // back as `Can't resolve './Users/…/react/index.js' — server relative imports
+  // are not implemented yet`, and a value made relative to `dir` re-anchors to
+  // that other root and mis-resolves Next's own runtime — the bootnode console
+  // 500'd on every route with `Could not find the module
+  // "[project]/work/hanzo/bootnode/web/…/global-error.js#default" in the React
+  // Client Manifest`.
+  //
+  // Prod builds still dedupe through `webpack()` below. A dev-only duplicate is
+  // a package-manager problem and belongs in the app's `pnpm.overrides`, not in
+  // an alias map that can take the dev server down.
   //
-  // Two shape differences from webpack, both load-bearing:
-  //   - no `$` exact-match suffix; a bare key is already exact.
-  //   - an ABSOLUTE path is not a valid alias value. Turbopack reads it as a
-  //     server-relative URL and fails with `Can't resolve
-  //     './Users/.../react/index.js' — server relative imports are not
-  //     implemented yet`, which takes the whole dev server down. The value has
-  //     to be a project-relative `./…` specifier, so a package resolved outside
-  //     the project root is skipped rather than mis-aliased.
-  const root = config.dir ?? process.cwd();
-  const path = require('node:path') as typeof import('node:path');
-  const engineTurbopack: Record<string, string> = {};
-  for (const [ key, abs ] of Object.entries(engine)) {
-    const rel = path.relative(root, abs);
-    if (rel.startsWith('..') || path.isAbsolute(rel)) continue;
-    engineTurbopack[key.replace(/\$$/, '')] = `./${ rel }`;
-  }
   // `dir` is OURS, not Next's — leaving it on the returned object makes Next
   // print `Unrecognized key(s) in object: 'dir'` on every boot of every surface
   // that passes it. Consume it here.
@@ -82,7 +108,6 @@ export function withLuxUi(config: LuxUiNextConfig = {}): LuxUiNextConfig {
       ...config.turbopack,
       resolveAlias: {
         'react-native': 'react-native-web',
-        ...engineTurbopack,
         ...config.turbopack?.resolveAlias,
       },
     },