@luxfi/ui 7.4.7 → 7.4.9

package/dist/next.cjs

@@ -80,17 +80,21 @@ var GUI_DEFINES = {
   "process.env.EXPO_OS": JSON.stringify("web"),
   "process.env.IS_WEB": JSON.stringify("true")
 };
-var ENGINE_DEDUPE = [
+[
   "react",
   "react-dom",
   "@tanstack/react-query",
   ...GUI_PACKAGES
 ];
+var ALIASABLE = [
+  "@tanstack/react-query",
+  ...GUI_PACKAGES
+];
 function guiAliases(from) {
   const { createRequire } = __require("module");
   const require_ = createRequire(`${from.replace(/\/?$/, "/")}noop.js`);
   const alias = {};
-  for (const pkg of ENGINE_DEDUPE) {
+  for (const pkg of ALIASABLE) {
     try {
       alias[`${pkg}$`] = require_.resolve(pkg);
     } catch {
@@ -103,9 +107,6 @@ function guiAliases(from) {
 function withLuxUi(config = {}) {
   const userWebpack = config.webpack;
   const engine = guiAliases(config.dir ?? process.cwd());
-  const engineTurbopack = Object.fromEntries(
-    Object.entries(engine).map(([k, v]) => [k.replace(/\$$/, ""), v])
-  );
   const { dir: _dir, ...rest } = config;
   return {
     ...rest,
@@ -114,7 +115,6 @@ function withLuxUi(config = {}) {
       ...config.turbopack,
       resolveAlias: {
         "react-native": "react-native-web",
-        ...engineTurbopack,
         ...config.turbopack?.resolveAlias
       }
     },

package/dist/next.js

@@ -78,17 +78,21 @@ var GUI_DEFINES = {
   "process.env.EXPO_OS": JSON.stringify("web"),
   "process.env.IS_WEB": JSON.stringify("true")
 };
-var ENGINE_DEDUPE = [
+[
   "react",
   "react-dom",
   "@tanstack/react-query",
   ...GUI_PACKAGES
 ];
+var ALIASABLE = [
+  "@tanstack/react-query",
+  ...GUI_PACKAGES
+];
 function guiAliases(from) {
   const { createRequire } = __require("module");
   const require_ = createRequire(`${from.replace(/\/?$/, "/")}noop.js`);
   const alias = {};
-  for (const pkg of ENGINE_DEDUPE) {
+  for (const pkg of ALIASABLE) {
     try {
       alias[`${pkg}$`] = require_.resolve(pkg);
     } catch {
@@ -101,9 +105,6 @@ function guiAliases(from) {
 function withLuxUi(config = {}) {
   const userWebpack = config.webpack;
   const engine = guiAliases(config.dir ?? process.cwd());
-  const engineTurbopack = Object.fromEntries(
-    Object.entries(engine).map(([k, v]) => [k.replace(/\$$/, ""), v])
-  );
   const { dir: _dir, ...rest } = config;
   return {
     ...rest,
@@ -112,7 +113,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.7",
+  "version": "7.4.9",
   "description": "Cross-platform DeFi UI components built on @hanzo/gui (Tamagui). Native mobile + web.",
   "type": "module",
   "license": "MIT",

package/src/engine.ts

@@ -126,7 +126,23 @@ export const ENGINE_DEDUPE: ReadonlyArray<string> = [
 ];
 
 /**
- * Exact-match aliases pinning every deduped package to ONE entry file, for
+ * The subset of ENGINE_DEDUPE that may be pinned by a hard bundler ALIAS.
+ *
+ * `dedupe` is advisory hoisting; an alias is a hard redirect, and redirecting
+ * `react` / `react-dom` inside a Next app breaks the framework's own graph —
+ * the RSC client manifest is keyed on Next's copy, so the MPC dashboard died
+ * with `Could not find the module … segment-explorer-node.js#SegmentViewNode in
+ * the React Client Manifest` followed by `__webpack_modules__[moduleId] is not
+ * a function`. Next already guarantees one React; it does not guarantee one
+ * react-query, and it does not guarantee one popper.
+ */
+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
@@ -140,7 +156,7 @@ export function guiAliases(from: string): Record<string, string> {
   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 ENGINE_DEDUPE) {
+  for (const pkg of ALIASABLE) {
     try {
       alias[`${ pkg }$`] = require_.resolve(pkg);
     } catch {

package/src/next.ts

@@ -49,15 +49,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 has no `$` exact-match suffix; a bare
-  // key is already exact, so strip it.
-  const engineTurbopack = Object.fromEntries(
-    Object.entries(engine).map(([ k, v ]) => [ k.replace(/\$$/, ''), v ]),
-  );
+  // 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.
+  //
   // `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.
@@ -69,7 +77,6 @@ export function withLuxUi(config: LuxUiNextConfig = {}): LuxUiNextConfig {
       ...config.turbopack,
       resolveAlias: {
         'react-native': 'react-native-web',
-        ...engineTurbopack,
         ...config.turbopack?.resolveAlias,
       },
     },