@astrale-os/shell-react 0.2.0 → 0.2.2

package/src/session/shell.hook.ts

@@ -7,7 +7,7 @@ import type { Shell } from '@astrale-os/shell'
  */
 import { useContext } from 'react'
 
-import { ShellContext } from './session.context'
+import { ShellContext } from './session.context.js'
 
 /** The live shell for this subtree. Throws outside a `<ShellProvider>`. */
 export function useShell(): Shell {

package/src/window/adopt.ts

@@ -6,8 +6,8 @@
  */
 import type { Window } from '@astrale-os/shell'
 
-import type { WindowState } from './lifecycle/states'
-import type { StageSlot } from './placement'
+import type { WindowState } from './lifecycle/states.js'
+import type { StageSlot } from './placement.js'
 
 export interface AdoptRecord {
   readonly windowId: string

package/src/window/hooks/close-guard.hook.ts

@@ -9,7 +9,7 @@ import type { Shell } from '@astrale-os/shell'
  */
 import { useEffect, useRef } from 'react'
 
-import { useShell } from '../../session/shell.hook'
+import { useShell } from '../../session/shell.hook.js'
 
 export type CloseVerdict = 'ack' | 'refuse' | { readonly refuse: string }
 export type CloseGuard = () => CloseVerdict | Promise<CloseVerdict>

package/src/window/hooks/target-node.hook.ts

@@ -11,11 +11,11 @@ import type { KernelClient } from '@astrale-os/shell'
  */
 import { useCallback, useEffect, useRef, useState } from 'react'
 
-import type { ReadState } from '../../graph/memory/read/envelope'
-import type { Node } from '../lifecycle/mount'
+import type { ReadState } from '../../graph/memory/read/envelope.js'
+import type { Node } from '../lifecycle/mount.js'
 
-import { idleReadState } from '../../graph/memory/read/idle'
-import { useShell } from '../../session/shell.hook'
+import { idleReadState } from '../../graph/memory/read/idle.js'
+import { useShell } from '../../session/shell.hook.js'
 
 export interface NodeResult extends ReadState {
   readonly node: Node | null

package/src/window/hooks/views-for.hook.ts

@@ -9,11 +9,11 @@ import { K } from '@astrale-os/kernel-core'
  */
 import { useMemo } from 'react'
 
-import type { ReadState } from '../../graph/memory/read/envelope'
-import type { Node, ViewDescriptor } from '../lifecycle/mount'
+import type { ReadState } from '../../graph/memory/read/envelope.js'
+import type { Node, ViewDescriptor } from '../lifecycle/mount.js'
 
-import { useAsyncResource } from '../../graph/async'
-import { useKernelClient } from '../../session/kernel-client.hook'
+import { useAsyncResource } from '../../graph/async.js'
+import { useKernelClient } from '../../session/kernel-client.hook.js'
 
 export interface ViewsForResult extends ReadState {
   readonly views: readonly ViewDescriptor[]

package/src/window/hooks/window.hook.ts

@@ -4,10 +4,10 @@
  */
 import { useMemo, useSyncExternalStore } from 'react'
 
-import type { WindowView } from '../hub'
+import type { WindowView } from '../hub.js'
 
-import { useShell } from '../../session/shell.hook'
-import { getStageHub } from '../hub'
+import { useShell } from '../../session/shell.hook.js'
+import { getStageHub } from '../hub.js'
 
 /** One window's live phase + shell `Window` (null id / unknown id → no window). */
 export function useWindow(windowId: string | null): WindowView {

package/src/window/hooks/windows.hook.ts

@@ -9,8 +9,8 @@ import type { Window } from '@astrale-os/shell'
  */
 import { useMemo, useSyncExternalStore } from 'react'
 
-import { useShell } from '../../session/shell.hook'
-import { getStageHub } from '../hub'
+import { useShell } from '../../session/shell.hook.js'
+import { getStageHub } from '../hub.js'
 
 /** Every host-mounted window in this shell's tree, keyed by windowId. Reactive. */
 export function useWindows(): ReadonlyMap<string, Window> {

package/src/window/host.tsx

@@ -27,21 +27,21 @@ import {
   useState,
 } from 'react'
 
-import type { AdoptRecord } from './adopt'
-import type { ViewSource } from './lifecycle/mount'
-import type { WindowState } from './lifecycle/states'
-import type { SlotRect, StageController, StageSlot } from './placement'
+import type { AdoptRecord } from './adopt.js'
+import type { ViewSource } from './lifecycle/mount.js'
+import type { WindowState } from './lifecycle/states.js'
+import type { SlotRect, StageController, StageSlot } from './placement.js'
 
-import { useShell } from '../session/shell.hook'
-import { getStageHub } from './hub'
+import { useShell } from '../session/shell.hook.js'
+import { getStageHub } from './hub.js'
 import {
   isFallbackableHandshakeError,
   refToId,
   resolveSource,
   sendSetTarget,
   sourceKey,
-} from './lifecycle/mount'
-import { rectOf, sameRect } from './placement'
+} from './lifecycle/mount.js'
+import { rectOf, sameRect } from './placement.js'
 
 /** Imperative handle on a mounted `ViewHost` (API §10). */
 export interface ViewHostHandle {

package/src/window/hub.ts

@@ -7,11 +7,11 @@
  */
 import type { Shell, Window } from '@astrale-os/shell'
 
-import type { AdoptRecord } from './adopt'
-import type { WindowState } from './lifecycle/states'
-import type { StageController } from './placement'
+import type { AdoptRecord } from './adopt.js'
+import type { WindowState } from './lifecycle/states.js'
+import type { StageController } from './placement.js'
 
-import { createAdoptStash } from './adopt'
+import { createAdoptStash } from './adopt.js'
 
 // ── Window registry (reactive store behind useWindows/useWindow) ─────────────
 

package/src/window/index.ts

@@ -1,17 +1,17 @@
 // window — API §10. ViewStage/ViewHost (the physical iframe-slot layer + a host
 // that projects placement into a slot), the reactive window hooks, the child-side
 // target-node + close-guard, and the (G5) view-resolution hook.
-export { ViewStage } from './stage'
-export { ViewHost } from './host'
-export type { ViewHostProps, ViewHostHandle } from './host'
-export { useWindows, useWindowList } from './hooks/windows.hook'
-export type { WindowListEntry } from './hooks/windows.hook'
-export { useWindow } from './hooks/window.hook'
-export type { WindowView } from './hub'
-export { useViewsFor } from './hooks/views-for.hook'
-export type { ViewsForResult } from './hooks/views-for.hook'
-export { useTargetNode } from './hooks/target-node.hook'
-export { useCloseGuard } from './hooks/close-guard.hook'
-export type { CloseGuard, CloseVerdict } from './hooks/close-guard.hook'
-export type { ViewDescriptor, ViewSource, Node } from './lifecycle/mount'
-export type { WindowState } from './lifecycle/states'
+export { ViewStage } from './stage.js'
+export { ViewHost } from './host.js'
+export type { ViewHostProps, ViewHostHandle } from './host.js'
+export { useWindows, useWindowList } from './hooks/windows.hook.js'
+export type { WindowListEntry } from './hooks/windows.hook.js'
+export { useWindow } from './hooks/window.hook.js'
+export type { WindowView } from './hub.js'
+export { useViewsFor } from './hooks/views-for.hook.js'
+export type { ViewsForResult } from './hooks/views-for.hook.js'
+export { useTargetNode } from './hooks/target-node.hook.js'
+export { useCloseGuard } from './hooks/close-guard.hook.js'
+export type { CloseGuard, CloseVerdict } from './hooks/close-guard.hook.js'
+export type { ViewDescriptor, ViewSource, Node } from './lifecycle/mount.js'
+export type { WindowState } from './lifecycle/states.js'

package/src/window/stage.tsx

@@ -9,9 +9,9 @@ import type { CSSProperties, ReactElement } from 'react'
  */
 import { useEffect, useMemo, useRef } from 'react'
 
-import { useShell } from '../session/shell.hook'
-import { getStageHub } from './hub'
-import { createStageController } from './placement'
+import { useShell } from '../session/shell.hook.js'
+import { getStageHub } from './hub.js'
+import { createStageController } from './placement.js'
 
 /**
  * A full-viewport overlay that does not intercept pointer events — individual