@luxfi/ui 7.4.7 → 7.4.8

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,14 @@ 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 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,

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,14 @@ 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 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,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luxfi/ui",
-  "version": "7.4.7",
+  "version": "7.4.8",
   "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

@@ -53,11 +53,24 @@ export function withLuxUi(config: LuxUiNextConfig = {}): LuxUiNextConfig {
   // `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 ]),
-  );
+  // storm that comes with them.
+  //
+  // 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.