@multiplatform.one/config 7.6.3 → 7.7.1

package/src/vite.ts

@@ -224,6 +224,15 @@ export function createViteConfig(options: CreateViteConfigOptions = {}): UserCon
     // This re-asserts the package's own browser redirect (-> browser transports that
     // use RN's global WebSocket/XMLHttpRequest) with NO node_modules patch.
     registerNativeEngineIoBrowserTransports();
+    // A mixed pnpm install (hoisted root dirs + a leftover .pnpm store) puts
+    // two byte-identical copies of react, react-native and 62 other packages
+    // on disk, and which one an importer reaches depends only on where that
+    // importer sits. Two Reacts in one Hermes bundle means the renderer arms
+    // the dispatcher on one copy while components read it as null from the
+    // other — "Cannot read property 'useContext' of null" on first render.
+    // It delegates through `this.resolve`, so it canonicalizes whatever the
+    // rest of the chain produces, wherever it sits in the plugin order.
+    registerNativeSinglePackageInstances();
     // preferBuiltWorkspaceEntryPlugin (web-only) hard-resolves every workspace
     // package to its `dist/esm/index.mjs` (WEB build), and that resolution reaches
     // the native graph too — pinning the whole @multiplatform.one/* chain to web
@@ -434,6 +443,20 @@ export function createViteConfig(options: CreateViteConfigOptions = {}): UserCon
       "process.env.VITE_FRAPPE_ENABLED": JSON.stringify(
         process.env.VITE_FRAPPE_ENABLED === "true" ? "true" : "false",
       ),
+      // The public-config bake. @multiplatform.one/platform's runtimeConfig
+      // reads exactly these two static expressions (it carries no import.meta,
+      // because Expo DOM components run it as a classic script, MPO-192), and
+      // a static `process.env.<KEY>` is what Vite, vxrn/One and Metro all
+      // inline. Absent when no public keys were declared, so a build without
+      // them leaves the expressions alone and the reader falls back to {}.
+      ...(publicConfigKeys.length > 0
+        ? {
+            "process.env.VITE_MP_CONFIG": JSON.stringify(process.env.VITE_MP_CONFIG ?? ""),
+            "process.env.VITE_MP_PUBLIC_CONFIG_KEYS": JSON.stringify(
+              process.env.VITE_MP_PUBLIC_CONFIG_KEYS ?? "",
+            ),
+          }
+        : {}),
     },
     ssr: ssr || defaultSsr,
     resolve: {
@@ -562,6 +585,134 @@ function clientBrokenEsmPlugin(): Plugin {
  * This re-asserts the browser redirect with no node_modules patch. Web is
  * unaffected (engine.io is SSR-externalized and the web client already maps `browser`).
  */
+/**
+ * Collapse duplicate PHYSICAL copies of the same package@version to one path
+ * in the NATIVE graph, so React (and every other stateful singleton) exists
+ * exactly once in the Hermes bundle.
+ *
+ * The workspace's node_modules is a MIXED install. `.npmrc` says
+ * `node-linker=hoisted`, so the root `node_modules/<pkg>` entries are real
+ * directories; but an earlier isolated install left a `node_modules/.pnpm`
+ * virtual store plus per-package symlink farms behind — e.g. each package's
+ * own `node_modules/react` still points at
+ * `../../../node_modules/.pnpm/react@19.2.5/node_modules/react`.
+ * Both trees are fully populated with byte-identical copies, and which one an
+ * importer reaches depends only on where that importer sits on disk:
+ *
+ *   apps/one/app      -> node_modules/.pnpm/react@19.2.5/node_modules/react
+ *   public/forms/src  -> node_modules/react            (no local symlink)
+ *
+ * Rolldown resolves symlinks, so the two land as two DIFFERENT absolute paths
+ * and it bundles both. React 19's `useContext` is
+ * `ReactSharedInternals.H.useContext(Context)` — `H` is the dispatcher the
+ * renderer installs during render, and it is only ever set on the copy the
+ * renderer imported. A component from the other copy therefore reads `H` as
+ * null and the app dies with "Cannot read property 'useContext' of null".
+ * That is the whole bug; the same split had also duplicated react-native (427
+ * modules each), @tamagui/web, @react-navigation/core, one, scheduler and 58
+ * more packages.
+ *
+ * The rule: an id that resolves inside the virtual store is rewritten to the
+ * hoisted root copy when the root copy exists, carries the SAME version, and
+ * actually has the file. Version equality is the safety guard — genuine
+ * multi-version installs (two @babel/runtime, two viem) keep both copies.
+ *
+ * On a correctly installed tree this is a no-op by construction: `hoisted`
+ * leaves no `.pnpm` store to match, and `isolated` makes the root entry a
+ * symlink INTO the store, which realpaths back to the same directory (checked
+ * explicitly). It only fires on the mixed tree, and it is cheap because only
+ * BARE specifiers are inspected — once a package's entry is canonical, its own
+ * relative imports resolve inside the canonical copy for free.
+ */
+function registerNativeSinglePackageInstances(): void {
+  const g = globalThis as unknown as { __vxrnAddNativePlugins?: unknown[] };
+  const name = "vxrn-single-package-instances";
+  g.__vxrnAddNativePlugins = g.__vxrnAddNativePlugins ?? [];
+  if (g.__vxrnAddNativePlugins.some((p) => (p as { name?: string })?.name === name)) return;
+
+  const rootModules = path.join(findProjectRoot(), "node_modules");
+  // <...>/node_modules/.pnpm/<pkg>@<ver>_<peerhash>/node_modules/<name>[/<rest>]
+  const storePath =
+    /[\\/]node_modules[\\/]\.pnpm[\\/][^\\/]+[\\/]node_modules[\\/]((?:@[^\\/]+[\\/])?[^\\/]+)(?:[\\/](.*))?$/;
+
+  function versionOf(dir: string): string | null {
+    try {
+      const raw = fs.readFileSync(path.join(dir, "package.json"), "utf8");
+      return (JSON.parse(raw) as { version?: string }).version ?? null;
+    } catch {
+      return null;
+    }
+  }
+
+  // package name -> hoisted root dir that is a safe stand-in, or null
+  const hoisted = new Map<string, string | null>();
+  function hoistedTwin(pkg: string, storeDir: string): string | null {
+    if (!hoisted.has(pkg)) {
+      const rootDir = path.join(rootModules, pkg);
+      let twin: string | null = null;
+      if (fs.existsSync(rootDir)) {
+        const rootVersion = versionOf(rootDir);
+        const storeVersion = versionOf(storeDir);
+        // Same package, same version => identical library code, and the two
+        // dirs are genuinely distinct (not one symlinked onto the other).
+        if (rootVersion && rootVersion === storeVersion) {
+          try {
+            if (fs.realpathSync(rootDir) !== fs.realpathSync(storeDir)) twin = rootDir;
+          } catch {
+            twin = null;
+          }
+        }
+      }
+      hoisted.set(pkg, twin);
+    }
+    return hoisted.get(pkg) ?? null;
+  }
+
+  const seen = new Map<string, string | null>();
+
+  g.__vxrnAddNativePlugins.push({
+    name,
+    async resolveId(
+      this: {
+        resolve: (
+          id: string,
+          importer: string | undefined,
+          opts: { skipSelf: boolean },
+        ) => Promise<{ id: string; external?: boolean | string } | null>;
+      },
+      id: string,
+      importer?: string,
+    ): Promise<string | null> {
+      // Bare specifiers only: a package entry. Relative/absolute ids inside an
+      // already-canonical package resolve within that copy on their own.
+      if (!id || id.startsWith(".") || id.startsWith("/") || id.startsWith("\0")) return null;
+      const key = `${id} ${importer ?? ""}`;
+      const cached = seen.get(key);
+      if (cached !== undefined) return cached;
+
+      let out: string | null = null;
+      try {
+        const resolved = await this.resolve(id, importer, { skipSelf: true });
+        const match = resolved?.external ? null : resolved?.id?.match(storePath);
+        if (resolved && match) {
+          const pkg = match[1].split(path.sep).join("/");
+          const rest = match[2] ?? "";
+          const storeDir = resolved.id.slice(0, resolved.id.length - (rest ? rest.length + 1 : 0));
+          const twin = hoistedTwin(pkg, storeDir);
+          if (twin) {
+            const candidate = rest ? path.join(twin, rest) : twin;
+            if (fs.existsSync(candidate) && fs.statSync(candidate).isFile()) out = candidate;
+          }
+        }
+      } catch {
+        out = null;
+      }
+      seen.set(key, out);
+      return out;
+    },
+  });
+}
+
 function registerNativeEngineIoBrowserTransports(): void {
   const g = globalThis as unknown as { __vxrnAddNativePlugins?: unknown[] };
   const name = "vxrn-engineio-browser-transports";
@@ -619,8 +770,21 @@ function registerNativeWorkspaceEntries(): void {
       // (a) bare workspace specifier (e.g. "@multiplatform.one/rich-text")
       const root = roots.get(id);
       if (root) {
+        // Prefer the built native entry when present (tamagui-build already
+        // rewrote intra-package imports to their `.native` siblings).
         const nativeEntry = path.join(root, "dist/esm/index.native.js");
-        return fs.existsSync(nativeEntry) ? nativeEntry : null;
+        if (fs.existsSync(nativeEntry)) return nativeEntry;
+        // Unbuilt workspace package: compile from source instead of letting
+        // rolldown leave the bare specifier external — Hermes has no module
+        // mode, so a surviving top-level `import` is unparseable. Mirrors
+        // preferBuiltWorkspaceEntryPlugin (web) and apps/storybook-expo's
+        // Metro resolveWorkspaceNativeMain. vxrn's native resolver already
+        // does platform-extension resolution (.native.tsx/.ios.tsx/…).
+        const srcTs = path.join(root, "src/index.ts");
+        if (fs.existsSync(srcTs)) return srcTs;
+        const srcTsx = path.join(root, "src/index.tsx");
+        if (fs.existsSync(srcTsx)) return srcTsx;
+        return null;
       }
       // (b) already-resolved web entry "<...>/dist/esm/index.mjs" -> ".native.js" sibling
       if (id.endsWith("/dist/esm/index.mjs")) {

package/tsconfig/base.json

@@ -28,7 +28,16 @@
     "skipLibCheck": true,
     "strictNullChecks": true,
     "target": "ES2020",
-    "types": ["node", "react", "vite/client", "@testing-library/jest-dom/vitest"],
+    // An explicit `types` array turns OFF automatic @types inclusion, so this
+    // list is the whole set of ambient packages every program in the workspace
+    // gets. `chai` is not decoration: @vitest/expect declares
+    //   interface Assertion<T> extends VitestAssertion<Chai.Assertion, T>, ...
+    // and without the global `Chai` namespace that base interface collapses,
+    // taking `.not` and the jest-dom matchers with it. That is where MPO-109's
+    // ~800 TS2339 came from (public/components 421 -> 26, public/forms
+    // 343 -> 4, features 168 -> 138, public/utils 4 -> 0). Do not trim this
+    // list without recounting.
+    "types": ["node", "react", "vite/client", "@testing-library/jest-dom/vitest", "chai"],
     "lib": ["DOM", "DOM.Iterable", "ESNext"]
   },
   "typeAcquisition": {

package/types/singletonDepAliases.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Vite `resolve.alias` entries pinning each context singleton to one directory.
+ *
+ * Alias keys match the whole specifier or a `key + "/"` prefix, so subpath
+ * imports follow the same copy instead of resolving independently. Entries are
+ * omitted when the package is not installed, so a consumer that does not use
+ * cookies is unaffected.
+ *
+ * @param root Directory whose `node_modules` the packages resolve from.
+ */
+export declare function singletonDepAliases(root?: string): Record<string, string>;
+//# sourceMappingURL=singletonDepAliases.d.ts.map

package/types/singletonDepAliases.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"singletonDepAliases.d.ts","sourceRoot":"","sources":["../src/singletonDepAliases.ts"],"names":[],"mappings":"AA0DA;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,GAAE,MAAsB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAUxF"}

package/types/storybook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"storybook.d.ts","sourceRoot":"","sources":["../src/storybook.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAU,UAAU,EAAE,MAAM,MAAM,CAAC;AAK/C,MAAM,WAAW,gCAAgC;IAC/C;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEjC;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAEhC;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,yBAAyB,CACvC,OAAO,GAAE,gCAAqC,GAC7C,UAAU,CAwKZ"}
+{"version":3,"file":"storybook.d.ts","sourceRoot":"","sources":["../src/storybook.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAU,UAAU,EAAE,MAAM,MAAM,CAAC;AAM/C,MAAM,WAAW,gCAAgC;IAC/C;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEjC;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAEhC;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,yBAAyB,CACvC,OAAO,GAAE,gCAAqC,GAC7C,UAAU,CAuLZ"}

package/types/vite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../src/vite.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAU,UAAU,EAAE,MAAM,MAAM,CAAC;AAI/C,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE5B;;OAEG;IACH,OAAO,CAAC,EACJ,OAAO,GACP;QACE;;;WAGG;QACH,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;QAEtB;;;WAGG;QACH,MAAM,CAAC,EAAE,MAAM,CAAC;QAEhB;;WAEG;QACH,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IAEN;;OAEG;IACH,IAAI,CAAC,EACD,OAAO,GACP;QACE;;;WAGG;QACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;QAEjB;;WAEG;QACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;KAC9B,CAAC;IAEN;;;OAGG;IACH,GAAG,CAAC,EACA,OAAO,GACP;QACE,MAAM,CAAC,EAAE;YAAE,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QAC3B,GAAG,CAAC,EAAE;YAAE,MAAM,CAAC,EAAE,MAAM,CAAC;YAAC,iBAAiB,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QACtD,KAAK,CAAC,EAAE;YAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;SAAE,CAAC;QAC/B,MAAM,CAAC,EAAE;YAAE,GAAG,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QAC1B,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KAChC,CAAC;IAEN;;OAEG;IACH,GAAG,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IAExB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAE9B;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAEhC;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;KACrB,CAAC;IAEF;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IAEtB;;;;;;;;OAQG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAElC;;;OAGG;IACH,WAAW,CAAC,EAAE;QACZ;;;;;;WAMG;QACH,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB;;;;;;;WAOG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,GAAE,uBAA4B,GAAG,UAAU,CAmSlF;AAED,OAAO,EACL,0BAA0B,EAC1B,8BAA8B,GAC/B,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../src/vite.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAU,UAAU,EAAE,MAAM,MAAM,CAAC;AAI/C,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE5B;;OAEG;IACH,OAAO,CAAC,EACJ,OAAO,GACP;QACE;;;WAGG;QACH,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;QAEtB;;;WAGG;QACH,MAAM,CAAC,EAAE,MAAM,CAAC;QAEhB;;WAEG;QACH,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IAEN;;OAEG;IACH,IAAI,CAAC,EACD,OAAO,GACP;QACE;;;WAGG;QACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;QAEjB;;WAEG;QACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;KAC9B,CAAC;IAEN;;;OAGG;IACH,GAAG,CAAC,EACA,OAAO,GACP;QACE,MAAM,CAAC,EAAE;YAAE,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QAC3B,GAAG,CAAC,EAAE;YAAE,MAAM,CAAC,EAAE,MAAM,CAAC;YAAC,iBAAiB,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QACtD,KAAK,CAAC,EAAE;YAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;SAAE,CAAC;QAC/B,MAAM,CAAC,EAAE;YAAE,GAAG,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QAC1B,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KAChC,CAAC;IAEN;;OAEG;IACH,GAAG,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IAExB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAE9B;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAEhC;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;KACrB,CAAC;IAEF;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IAEtB;;;;;;;;OAQG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAElC;;;OAGG;IACH,WAAW,CAAC,EAAE;QACZ;;;;;;WAMG;QACH,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB;;;;;;;WAOG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,GAAE,uBAA4B,GAAG,UAAU,CA0TlF;AAED,OAAO,EACL,0BAA0B,EAC1B,8BAA8B,GAC/B,MAAM,8BAA8B,CAAC"}