@prestack/thread-ui 0.1.1 → 0.1.2

package/dist/ui/wrappers.js

@@ -1,10 +1,10 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useMemo, useRef, useState } from 'react';
-import { PRESENTATION_BEHAVIOUR } from "./door.js";
-import { selectorOf } from "./signals.js";
-import { Presented } from "./presented.js";
-import { useRenderLoopDetector } from "./render-loop.js";
+import { PRESENTATION_BEHAVIOUR } from './door.js';
+import { selectorOf } from './signals.js';
+import { Presented } from './presented.js';
+import { useRenderLoopDetector } from './render-loop.js';
 export const UiContext = createContext(null);
 const MISSING = 'No UI context. Every element resolves its look, its text and its clock through the door, so it ' +
     'must render inside <UiProvider>. An element rendering without one would silently have no theme ' +
@@ -121,8 +121,10 @@ const NO_DISPATCH = 'No dispatch. An operation runs one way here and that way is
     'reads as a dead control and is a wiring gap.';
 const NO_NAVIGATE = 'No navigateTo. Moving between screens is its own thing, supplied beside dispatch rather than through it, so a ' +
     'thing that names a screen must render inside a <UiProvider> whose config supplies it.';
-export function usePress(press, origin) {
-    const { collector, dispatch, navigateTo } = useUi();
+export function pressing(ui, press, origin) {
+    const { collector, dispatch, navigateTo } = ui;
+    const asked = press.dispatch;
+    const carried = press.input;
     const reported = (run) => {
         if (collector === undefined || origin === undefined)
             return run;
@@ -146,17 +148,18 @@ export function usePress(press, origin) {
             navigateTo(where);
         });
     }
-    if (press.dispatch !== undefined) {
-        const named = press.dispatch;
-        const input = press.input;
+    if (asked !== undefined) {
         return reported(() => {
             if (dispatch === undefined)
                 throw new Error(NO_DISPATCH);
-            void dispatch(named, input);
+            void dispatch(asked, carried);
         });
     }
     return undefined;
 }
+export function usePress(press, origin) {
+    return pressing(useUi(), press, origin);
+}
 export function useVisibility(active) {
     const { clock } = useUi();
     return useMemo(() => {
@@ -214,13 +217,12 @@ function useViews(views) {
     const [held, setHeld] = useState({});
     const [wrong, setWrong] = useState(undefined);
     useEffect(() => {
-        const wanted = named === '' ? [] : named.split(' ');
-        if (wanted.length === 0)
+        if (views.length === 0)
             return undefined;
         if (dispatch === undefined)
             throw new Error(NO_DISPATCH);
         let live = true;
-        void Promise.all(wanted.map(async (one) => [one, await dispatch(one)]))
+        void Promise.all(views.map(async (one) => [one, await dispatch(one)]))
             .then((all) => {
             if (live)
                 setHeld(Object.fromEntries(all));
@@ -235,7 +237,7 @@ function useViews(views) {
     }, [named, dispatch]);
     const all = useMemo(() => {
         const found = {};
-        for (const one of named === '' ? [] : named.split(' '))
+        for (const one of views)
             found[one] = held[one];
         return found;
     }, [named, held]);

package/dist/ui/wrappers.tsx

@@ -3,7 +3,7 @@
 import { createContext, useContext, useEffect, useMemo, useRef, useState, type ReactNode } from 'react'
 
 import type { Collector } from './collector.ts'
-import type { ArrangementElement, VariantsFor, Wearing } from './checked.ts'
+import type { ArrangementElement, Dispatching, VariantsFor, Wearing } from './checked.ts'
 
 import { PRESENTATION_BEHAVIOUR, type Clock, type Presentation, type Surface, type Ticker } from './door.ts'
 import { holds as declared, selectorOf } from './signals.ts'
@@ -43,7 +43,7 @@ export interface UiConfig {
 
   readonly platform?: string
 
-  readonly dispatch?: (name: string, input?: Readonly<Record<string, unknown>>) => Promise<unknown>
+  readonly dispatch?: (name: keyof Dispatching, input?: Readonly<Record<string, unknown>>) => Promise<unknown>
 
   readonly navigateTo?: (screen: string) => void
 
@@ -75,7 +75,7 @@ export interface SurfaceRequest {
 
   readonly className?: string
 
-  readonly invokes?: { readonly dispatch?: string; readonly input?: Readonly<Record<string, unknown>>; readonly on?: 'press' | 'shown' }
+  readonly invokes?: { readonly dispatch?: keyof Dispatching; readonly input?: Readonly<Record<string, unknown>>; readonly on?: 'press' | 'shown' }
 
   readonly holds?: readonly ((typeof declared)[number]['id'] | (string & {}))[]
 
@@ -135,7 +135,7 @@ export function useSurface(request: SurfaceRequest = {}): Surface {
   for (const [name, value] of Object.entries(request.measures ?? {})) measures[`--${name}`] = value
 
   const asked = request.invokes
-  const named = asked?.dispatch
+  const named: keyof Dispatching | undefined = asked?.dispatch
   const carried = asked?.input
   const when = asked?.on ?? 'press'
 
@@ -180,13 +180,13 @@ export function useSurface(request: SurfaceRequest = {}): Surface {
 }
 
 export type Press =
-  | { readonly dispatch: string; readonly input?: Readonly<Record<string, unknown>>; readonly navigateTo?: never; readonly onPress?: never }
+  | { readonly dispatch: keyof Dispatching; readonly input?: Readonly<Record<string, unknown>>; readonly navigateTo?: never; readonly onPress?: never }
   | { readonly navigateTo: string; readonly dispatch?: never; readonly input?: never; readonly onPress?: never }
   | { readonly onPress: () => void; readonly dispatch?: never; readonly navigateTo?: never; readonly input?: never }
   | { readonly dispatch?: never; readonly navigateTo?: never; readonly input?: never; readonly onPress?: never }
 
 export function pressOf(props: {
-  readonly dispatch?: string
+  readonly dispatch?: keyof Dispatching
   readonly input?: Readonly<Record<string, unknown>>
   readonly navigateTo?: string
   readonly onPress?: () => void
@@ -213,8 +213,10 @@ const NO_NAVIGATE =
   'No navigateTo. Moving between screens is its own thing, supplied beside dispatch rather than through it, so a ' +
   'thing that names a screen must render inside a <UiProvider> whose config supplies it.'
 
-export function usePress(press: Press, origin?: PressOrigin): (() => void) | undefined {
-  const { collector, dispatch, navigateTo } = useUi()
+export function pressing(ui: ReturnType<typeof useUi>, press: Press, origin?: PressOrigin): (() => void) | undefined {
+  const { collector, dispatch, navigateTo } = ui
+  const asked: keyof Dispatching | undefined = press.dispatch
+  const carried = press.input
 
   const reported = (run: () => void): (() => void) => {
     if (collector === undefined || origin === undefined) return run
@@ -239,18 +241,20 @@ export function usePress(press: Press, origin?: PressOrigin): (() => void) | und
     })
   }
 
-  if (press.dispatch !== undefined) {
-    const named = press.dispatch
-    const input = press.input
+  if (asked !== undefined) {
     return reported(() => {
       if (dispatch === undefined) throw new Error(NO_DISPATCH)
-      void dispatch(named, input)
+      void dispatch(asked, carried)
     })
   }
 
   return undefined
 }
 
+export function usePress(press: Press, origin?: PressOrigin): (() => void) | undefined {
+  return pressing(useUi(), press, origin)
+}
+
 export function useVisibility(active: boolean): (node: HTMLElement | null) => void {
   const { clock } = useUi()
   return useMemo(() => {
@@ -267,7 +271,7 @@ export function useVisibility(active: boolean): (node: HTMLElement | null) => vo
 
 export interface ScreenOptions {
   readonly as?: Presentation
-  readonly views?: readonly string[]
+  readonly views?: readonly (keyof Dispatching)[]
 
   readonly unreachable?: boolean
 }
@@ -359,18 +363,17 @@ export function useView<T>(id: string): T | undefined {
   return held[id] as T | undefined
 }
 
-function useViews(views: readonly string[]): Readonly<Record<string, unknown>> {
+function useViews(views: readonly (keyof Dispatching)[]): Readonly<Record<string, unknown>> {
   const { dispatch } = useUi()
   const named = views.join(' ')
   const [held, setHeld] = useState<Readonly<Record<string, unknown>>>({})
   const [wrong, setWrong] = useState<Error | undefined>(undefined)
 
   useEffect(() => {
-    const wanted = named === '' ? [] : named.split(' ')
-    if (wanted.length === 0) return undefined
+    if (views.length === 0) return undefined
     if (dispatch === undefined) throw new Error(NO_DISPATCH)
     let live = true
-    void Promise.all(wanted.map(async (one) => [one, await dispatch(one)] as const))
+    void Promise.all(views.map(async (one: keyof Dispatching) => [one, await dispatch(one)] as const))
       .then((all) => {
         if (live) setHeld(Object.fromEntries(all))
       })
@@ -384,7 +387,7 @@ function useViews(views: readonly string[]): Readonly<Record<string, unknown>> {
 
   const all = useMemo(() => {
     const found: Record<string, unknown> = {}
-    for (const one of named === '' ? [] : named.split(' ')) found[one] = held[one]
+    for (const one of views) found[one] = held[one]
     return found
   }, [named, held])
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prestack/thread-ui",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "type": "module",
   "files": [
     "dist",
@@ -17,6 +17,6 @@
     "react-dom": "^19.0.0",
     "typescript": "^6.0.0",
     "zod": "^4.5.4",
-    "@prestack/thread": "^0.1.3"
+    "@prestack/thread": "^0.1.4"
   }
 }