chore: update

Author: antfu

packages/devframe/src/utils/remote-assets.test.ts

@@ -1,7 +1,7 @@
 import type { AddressInfo } from 'node:net'
 import type { MockInstance } from 'vitest'
 import type { RemoteAssets, RemoteAssetsErrorMessage, RemoteAssetsStore } from '../types/remote-assets'
-import { existsSync, mkdirSync, mkdtempSync, readFileSync, writeFileSync } from 'node:fs'
+import { existsSync, mkdirSync, mkdtempSync, readFileSync, realpathSync, writeFileSync } from 'node:fs'
 import { createServer } from 'node:http'
 import { tmpdir } from 'node:os'
 import { join } from 'node:path'
@@ -12,8 +12,11 @@ import { DEVFRAME_REMOTE_ASSETS_ERROR_MESSAGE_TYPE } from '../constants'
 import { resolveStaticAssetsSource } from './remote-assets'
 import { serveStaticHandler } from './serve-static'
 
+// `realpathSync` because module resolution reports realpaths, while the system
+// temp dir is a symlink on macOS (`/var` → `/private/var`) — a path built from
+// the raw `mkdtempSync` result would never match a resolved one.
 function makeTmp(): string {
-  return mkdtempSync(join(tmpdir(), 'devframe-remote-assets-'))
+  return realpathSync(mkdtempSync(join(tmpdir(), 'devframe-remote-assets-')))
 }
 
 /** A fake CDN over a flat `filePath -> contents` map, answering the jsDelivr listing API + per-file URLs. */

packages/hub-ui/src/client/state/context.ts

@@ -276,7 +276,7 @@ export async function createDocksContext(
     selectedDockId.value = entry.id
     sessionStore.value.open = true
     // Only an iframe dock owns an address-bar route; ViewIframe keeps
-    // `session.route` current for it. Clear it for anything else so a stale
+    // `session.selectedDockRoute` current for it. Clear it for anything else so a stale
     // route from a previous iframe isn't persisted against a non-iframe dock.
     if (entry.type !== 'iframe')
       sessionStore.value.selectedDockRoute = null
@@ -607,7 +607,7 @@ export async function createDocksContext(
   // revocation clears the selection), so the durable intent captured in
   // `restoreIntent` is re-applied here after the handshake — re-running the
   // dock's setup script and re-opening the panel on the dock the developer left
-  // open. `switchEntry` reads `session.route` back through `consumeBootRoute`
+  // open. `switchEntry` reads `session.selectedDockRoute` back through `consumeBootRoute`
   // when the restored iframe boots.
   const applyRestore = (): void => {
     if (restoreIntent.open && restoreIntent.selectedDockId != null)

packages/hub-ui/src/client/state/docks.ts

@@ -18,7 +18,7 @@ export function DEFAULT_DOCK_PANEL_STORE(): DockPanelStorage {
 }
 
 /**
- * The per-tab session UI state seed — `open`/`selectedId`/`route`. Persisted to
+ * The per-tab session UI state seed — `open`/`selectedDockId`/`selectedDockRoute`. Persisted to
  * `sessionStorage` by the embedded and standalone bootstraps so a reload (and
  * the RPC auth handshake that follows one) restores the panel to the dock and
  * route the developer left open. Distinct from {@link DEFAULT_DOCK_PANEL_STORE}
@@ -27,7 +27,7 @@ export function DEFAULT_DOCK_PANEL_STORE(): DockPanelStorage {
 export function DEFAULT_DOCK_SESSION_STORE(): DockSessionStorage {
   return {
     open: false,
-    selectedId: null,
+    selectedDockId: null,
     selectedDockRoute: null,
   }
 }

packages/hub/src/client/host.ts

@@ -333,6 +333,7 @@ export async function createDevframeClientHost(
     if (selectedId && !entryToStateMap.has(selectedId)) {
       selectedId = null
       panel.session.selectedDockId = null
+      panel.session.selectedDockRoute = null
     }
   }
 
@@ -344,6 +345,14 @@ export async function createDevframeClientHost(
       set selectedId(id: string | null) {
         void switchEntry(id)
       },
+      // A mirror of the session field, so a persisting host reads and writes the
+      // selected iframe's route through the same context every viewer uses.
+      get selectedRoute() {
+        return panel.session.selectedDockRoute
+      },
+      set selectedRoute(route: string | null) {
+        panel.session.selectedDockRoute = route
+      },
       get selected() {
         return (selectedId && entryToStateMap.get(selectedId)?.entryMeta) || null
       },
@@ -398,6 +407,10 @@ export async function createDevframeClientHost(
     // Mirror onto the session context so a persisting host and the when-clause
     // context see the current selection.
     panel.session.selectedDockId = next
+    // Only an iframe dock owns an address-bar route, so drop the remembered one
+    // for anything else rather than leaving it attached to the new selection.
+    if (next === null || entryToStateMap.get(next)?.entryMeta.type !== 'iframe')
+      panel.session.selectedDockRoute = null
     if (previous)
       entryToStateMap.get(previous)?.events.emit('entry:deactivated')
     if (next)

tests/__snapshots__/tsnapi/@devframes/hub/client.snapshot.d.ts

@@ -92,6 +92,7 @@ export interface DocksContext extends DevframeRpcContext {
 }
 export interface DocksEntriesContext {
   selectedId: string | null;
+  selectedRoute: string | null;
   readonly selected: DevframeDockEntry | null;
   entries: DevframeDockEntry[];
   entryToStateMap: Map<string, DockEntryState>;
@@ -106,8 +107,8 @@ export interface DocksEntriesContext {
 }
 export interface DockSessionStorage {
   open: boolean;
-  selectedId: string | null;
-  route: string | null;
+  selectedDockId: string | null;
+  selectedDockRoute: string | null;
 }
 export interface DocksPanelContext {
   store: DockPanelStorage;

tests/__snapshots__/tsnapi/devframe/utils/remote-assets.snapshot.js

@@ -1,6 +1,6 @@
 /**
  * Generated by tsnapi — public API snapshot of `devframe/utils/remote-assets`
  */
-// #region Functions
-export function resolveStaticAssetsSource(_, _) {}
+// #region Other
+export { resolveStaticAssetsSource }
 // #endregion