@monimesl/dot-service 0.1.0-alpha.3 → 0.1.0-alpha.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +9 -7
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +22 -6
- package/dist/index.js.map +1 -1
- package/dist/{page-CacQ_ken.d.ts → page-DBnKjef6.d.ts} +31 -4
- package/dist/page-DBnKjef6.d.ts.map +1 -0
- package/dist/{service-DYshsC1a.js → service-CBsppV0p.js} +248 -44
- package/dist/service-CBsppV0p.js.map +1 -0
- package/dist/testing.d.ts +7 -3
- package/dist/testing.d.ts.map +1 -1
- package/dist/testing.js +46 -24
- package/dist/testing.js.map +1 -1
- package/package.json +3 -3
- package/dist/page-CacQ_ken.d.ts.map +0 -1
- package/dist/service-DYshsC1a.js.map +0 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { a as Page, c as PageHost, d as PageOptions, f as State, h as definePage, i as Mutation, l as PageId, m as StateUpdate, n as ActionContext, o as PageContext, p as StateChanges, r as DeepReadonly, s as PageDefinition, t as Action, u as PageNavigation } from "./page-
|
|
2
|
-
import { AppState, ColorScheme, DotEvent, DotEvent as DotEvent$1, DotHooks, DotHooks as DotHooks$1, EventEmitter, HostLayerMessages, LogicLayerMessages, MessageChannel, Navigation, PageHooks, PageLaunchOptions, PageLaunchOptions as PageLaunchOptions$1, PageState, PageState as PageState$1, SystemContext, SystemContext as SystemContext$1, Theme, Theme as Theme$1, Transport, Transport as Transport$1, UILayerMessages, createEvent, hostTransport } from "@monimesl/dot-core";
|
|
1
|
+
import { a as Page, c as PageHost, d as PageOptions, f as State, h as definePage, i as Mutation, l as PageId, m as StateUpdate, n as ActionContext, o as PageContext, p as StateChanges, r as DeepReadonly, s as PageDefinition, t as Action, u as PageNavigation } from "./page-DBnKjef6.js";
|
|
2
|
+
import { AppState, CheckedEvent, ColorScheme, DataEvent, DotEvent, DotEvent as DotEvent$1, DotHooks, DotHooks as DotHooks$1, EventEmitter, HexColor, HostCaller, HostLayerMessages, IndexEvent, LogicLayerMessages, MessageChannel, Navigation, NavigationBarOptions, PageColors, PageConfigs, PageConfigs as PageConfigs$1, PageHooks, PageLaunchOptions, PageLaunchOptions as PageLaunchOptions$1, PageShare, PageState, PageState as PageState$1, SchemeColor, SystemContext, SystemContext as SystemContext$1, TabBarOptions, Theme, Theme as Theme$1, ThemeColors, Transport, Transport as Transport$1, UILayerMessages, ValueEvent, createEvent, hostTransport } from "@monimesl/dot-core";
|
|
3
3
|
//#region src/service.d.ts
|
|
4
4
|
type ServiceChannel = MessageChannel<LogicLayerMessages, UILayerMessages & HostLayerMessages>;
|
|
5
5
|
interface ServiceHooks {
|
|
@@ -26,6 +26,7 @@ interface DotDefinition {
|
|
|
26
26
|
readonly theme?: Theme$1;
|
|
27
27
|
readonly plugins?: readonly ServicePlugin[];
|
|
28
28
|
readonly pages: readonly [string, ...string[]];
|
|
29
|
+
readonly configs?: PageConfigs$1;
|
|
29
30
|
readonly hooks?: Partial<DotHooks$1> & ThisType<DotContext>;
|
|
30
31
|
}
|
|
31
32
|
export declare function defineDot(dot: DotDefinition): DotDefinition;
|
|
@@ -34,27 +35,27 @@ interface ServiceOptions {
|
|
|
34
35
|
dot?: Partial<DotDefinition>;
|
|
35
36
|
pages: Record<string, PageDefinition>;
|
|
36
37
|
strict?: boolean;
|
|
38
|
+
dashMinApiVersion?: string | undefined;
|
|
37
39
|
}
|
|
38
40
|
export declare class Service implements DotContext {
|
|
39
41
|
#private;
|
|
40
42
|
readonly channel: ServiceChannel;
|
|
41
43
|
readonly hooks: EventEmitter<ServiceHooks>;
|
|
42
|
-
constructor({ transport, pages, dot, strict }: ServiceOptions);
|
|
44
|
+
constructor({ transport, pages, dot, strict, dashMinApiVersion }: ServiceOptions);
|
|
43
45
|
use(plugin: ServicePlugin): this;
|
|
44
46
|
start(): () => void;
|
|
45
47
|
get theme(): Theme$1;
|
|
46
48
|
get systemContext(): SystemContext$1;
|
|
47
49
|
setTheme(theme: Theme$1): void;
|
|
48
50
|
getPage(instanceId: number): Page;
|
|
51
|
+
readonly callHost: HostCaller;
|
|
49
52
|
loadPage(instanceId: number, id: string, options?: PageLaunchOptions$1): Page;
|
|
53
|
+
replacePages(definitions: Record<string, PageDefinition>): void;
|
|
50
54
|
unloadPage(instanceId: number): void;
|
|
51
55
|
reportError(work: Promise<void>, instanceId?: number): void;
|
|
52
56
|
}
|
|
53
57
|
//#endregion
|
|
54
58
|
//#region src/plugins/logger.d.ts
|
|
55
|
-
/**
|
|
56
|
-
* Logs page lifecycle, events, state changes, and errors.
|
|
57
|
-
*/
|
|
58
59
|
export declare function logger(options?: {
|
|
59
60
|
log: (...args: unknown[]) => void;
|
|
60
61
|
logError: (...args: unknown[]) => void;
|
|
@@ -62,6 +63,7 @@ export declare function logger(options?: {
|
|
|
62
63
|
//#endregion
|
|
63
64
|
//#region src/index.d.ts
|
|
64
65
|
export declare function createService(options: ServiceOptions): Service;
|
|
66
|
+
export declare function runService(options: Omit<ServiceOptions, 'transport'>): Service;
|
|
65
67
|
//#endregion
|
|
66
|
-
export { type Action, type ActionContext, type AppState, type ColorScheme, type DeepReadonly, type DotContext, type DotDefinition, type DotEvent, type DotHooks, type Mutation, Page, type PageContext, type PageDefinition, type PageHooks, type PageHost, type PageId, type PageLaunchOptions, type PageNavigation, type PageOptions, type PageState, type ServiceChannel, type ServiceHooks, type ServiceOptions, type ServicePlugin, type State, type StateChanges, type StateUpdate, type SystemContext, type Theme, type Transport, createEvent, definePage, hostTransport };
|
|
68
|
+
export { type Action, type ActionContext, type AppState, type CheckedEvent, type ColorScheme, type DataEvent, type DeepReadonly, type DotContext, type DotDefinition, type DotEvent, type DotHooks, type HexColor, type IndexEvent, type Mutation, type NavigationBarOptions, Page, type PageColors, type PageConfigs, type PageContext, type PageDefinition, type PageHooks, type PageHost, type PageId, type PageLaunchOptions, type PageNavigation, type PageOptions, type PageShare, type PageState, type SchemeColor, type ServiceChannel, type ServiceHooks, type ServiceOptions, type ServicePlugin, type State, type StateChanges, type StateUpdate, type SystemContext, type TabBarOptions, type Theme, type ThemeColors, type Transport, type ValueEvent, createEvent, definePage, hostTransport };
|
|
67
69
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","names":[],"sources":["../src/service.ts","../src/plugins/logger.ts","../src/index.ts"],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","names":[],"sources":["../src/service.ts","../src/plugins/logger.ts","../src/index.ts"],"mappings":";;;KAkCY,iBAAiB,eAC3B,oBACA,kBAAkB;UAGH;EACf;EAEA,SAAS,MAAM;EAEf,WAAW,MAAM;EAEjB,SAAS,MAAM;EAEf,SAAS,MAAM;EAGf,SAAS,MAAM,MAAM,YAAY;EAGjC,MAAM,MAAM,MAAM,iBAAiB,OAAO;EAG1C,SAAS,MAAM,MAAM,OAAO;EAG5B,MAAM,gBAAgB;;UAGP;WACN;EAET,MAAM,SAAS;;UAGA;WACN,OAAO;WACP,eAAe;EAExB,SAAS,OAAO;;UAGD;WACN,QAAQ;WACR,mBAAmB;WACnB;WAEA,UAAU;WACV,QAAQ,QAAQ,cAAY,SAAS;;wBAGhC,UAAU,KAAK,gBAAgB;UAI9B;EACf,WAAW;EACX,MAAM,QAAQ;EACd,OAAO,eAAe;EACtB;EAEA;;qBAKW,mBAAmB;;WACrB,SAAS;WACT,OAAK,aAAA;EAeF,cAAE,WAAW,OAAO,KAAU,QAAgB,qBAAqB;EA0D/E,IAAI,QAAQ;EAKZ;MAaI,SAAS;MAIT,iBAAiB;EAIrB,SAAS,OAAO;EAMhB,QAAQ,qBAAqB;WASpB,UAAU;EAGnB,SAAS,oBAAoB,YAAY,UAAS,sBAAyB;EAW3E,aAAa,aAAa,eAAe;EAyIzC,WAAW;EAoBX,YAAY,MAAM,eAAe;;;;wBChYnB,OACd;EACE,SAAS;EACT,cAAc;IAKf;;;wBC+Ca,cAAc,SAAS,iBAAiB;wBAUxC,WAAW,SAAS,KAAK,+BAA+B"}
|
package/dist/index.js
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
import { i as definePage, n as defineDot, r as Page, t as Service } from "./service-
|
|
2
|
-
import { createEvent, hostTransport } from "@monimesl/dot-core";
|
|
1
|
+
import { i as definePage, n as defineDot, r as Page, t as Service } from "./service-CBsppV0p.js";
|
|
2
|
+
import { connectHost, createEvent, hostTransport, hostTransport as hostTransport$1 } from "@monimesl/dot-core";
|
|
3
|
+
import { useHostDashApiVersions, warnAboveDashApiVersion } from "@monimesl/dot-dash";
|
|
3
4
|
//#region src/plugins/logger.ts
|
|
4
|
-
/**
|
|
5
|
-
* Logs page lifecycle, events, state changes, and errors.
|
|
6
|
-
*/
|
|
7
5
|
function logger(options = {
|
|
8
6
|
log: console.debug,
|
|
9
7
|
logError: console.error
|
|
@@ -28,7 +26,25 @@ function createService(options) {
|
|
|
28
26
|
service.start();
|
|
29
27
|
return service;
|
|
30
28
|
}
|
|
29
|
+
const RUNNING_SERVICE = Symbol.for("dot.service");
|
|
30
|
+
function runService(options) {
|
|
31
|
+
const globals = globalThis;
|
|
32
|
+
const running = globals[RUNNING_SERVICE];
|
|
33
|
+
if (running) {
|
|
34
|
+
connectHost(running.callHost);
|
|
35
|
+
useHostDashApiVersions(running.systemContext.dashApiVersions);
|
|
36
|
+
if (options.dashMinApiVersion !== void 0) warnAboveDashApiVersion(options.dashMinApiVersion);
|
|
37
|
+
running.replacePages(options.pages);
|
|
38
|
+
return running;
|
|
39
|
+
}
|
|
40
|
+
const service = createService({
|
|
41
|
+
...options,
|
|
42
|
+
transport: hostTransport$1()
|
|
43
|
+
});
|
|
44
|
+
globals[RUNNING_SERVICE] = service;
|
|
45
|
+
return service;
|
|
46
|
+
}
|
|
31
47
|
//#endregion
|
|
32
|
-
export { Page, Service, createEvent, createService, defineDot, definePage, hostTransport, logger };
|
|
48
|
+
export { Page, Service, createEvent, createService, defineDot, definePage, hostTransport, logger, runService };
|
|
33
49
|
|
|
34
50
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../src/plugins/logger.ts","../src/index.ts"],"sourcesContent":["import type { ServicePlugin } from '../service';\n\n
|
|
1
|
+
{"version":3,"file":"index.js","names":["hostTransport"],"sources":["../src/plugins/logger.ts","../src/index.ts"],"sourcesContent":["import type { ServicePlugin } from '../service';\n\n// Logs page lifecycle, events, state changes, and errors.\nexport function logger(\n options: {\n log: (...args: unknown[]) => void;\n logError: (...args: unknown[]) => void;\n } = {\n log: console.debug,\n logError: console.error,\n },\n): ServicePlugin {\n const { log, logError } = options;\n return {\n name: 'logger',\n setup({ hooks }) {\n hooks.on('pageLoad', (page) => log(`[dot] load ${page.id}#${page.instanceId}`, page.state));\n hooks.on('pageUnload', (page) => log(`[dot] unload ${page.id}#${page.instanceId}`));\n hooks.on('event', (page, handler, event) => log(`[dot] ${page.id} ${handler}`, event));\n hooks.on('navigate', (page, navigation) => log(`[dot] ${page.id} navigate`, navigation));\n hooks.on('setState', (page, patch) => log(`[dot] ${page.id} setState`, patch));\n hooks.on('error', (error) => logError('[dot] error', error));\n },\n };\n}\n","import { connectHost, hostTransport } from '@monimesl/dot-core';\nimport { useHostDashApiVersions, warnAboveDashApiVersion } from '@monimesl/dot-dash';\n\nimport type { ServiceOptions } from './service';\nimport { Service } from './service';\n\nexport { Page, definePage } from './page';\nexport type {\n Action,\n ActionContext,\n DeepReadonly,\n Mutation,\n PageContext,\n PageDefinition,\n PageHost,\n PageId,\n PageNavigation,\n PageOptions,\n State,\n StateChanges,\n StateUpdate,\n} from './page';\nexport { Service, defineDot } from './service';\nexport type {\n DotContext,\n DotDefinition,\n ServiceHooks,\n ServiceOptions,\n ServicePlugin,\n ServiceChannel,\n} from './service';\nexport { logger } from './plugins/logger';\nexport { createEvent, hostTransport } from '@monimesl/dot-core';\nexport type {\n CheckedEvent,\n ColorScheme,\n DataEvent,\n DotEvent,\n IndexEvent,\n ValueEvent,\n DotHooks,\n HexColor,\n NavigationBarOptions,\n PageColors,\n PageConfigs,\n PageState,\n PageHooks,\n PageLaunchOptions,\n PageShare,\n AppState,\n SchemeColor,\n SystemContext,\n TabBarOptions,\n Theme,\n ThemeColors,\n Transport,\n} from '@monimesl/dot-core';\n\nexport function createService(options: ServiceOptions): Service {\n const service = new Service(options);\n service.start();\n return service;\n}\n\n// Lets the dot's next build, loaded into the same engine, find the running service.\nconst RUNNING_SERVICE = Symbol.for('dot.service');\n\n// Starts the service. On a hot reload, hands the new build's pages to the one already running.\nexport function runService(options: Omit<ServiceOptions, 'transport'>): Service {\n const globals = globalThis as unknown as Record<symbol, Service | undefined>;\n const running = globals[RUNNING_SERVICE];\n if (running) {\n // The new build has its own copy of the host connection and of `dash`, so both hear again what\n // the running service knows.\n connectHost(running.callHost);\n useHostDashApiVersions(running.systemContext.dashApiVersions);\n if (options.dashMinApiVersion !== undefined) {\n warnAboveDashApiVersion(options.dashMinApiVersion);\n }\n running.replacePages(options.pages);\n return running;\n }\n const service = createService({ ...options, transport: hostTransport() });\n globals[RUNNING_SERVICE] = service;\n return service;\n}\n"],"mappings":";;;;AAGA,SAAgB,OACd,UAGI;CACF,KAAK,QAAQ;CACb,UAAU,QAAQ;AACpB,GACe;CACf,MAAM,EAAE,KAAK,aAAa;CAC1B,OAAO;EACL,MAAM;EACN,MAAM,EAAE,SAAS;GACf,MAAM,GAAG,aAAa,SAAS,IAAI,cAAc,KAAK,GAAG,GAAG,KAAK,cAAc,KAAK,KAAK,CAAC;GAC1F,MAAM,GAAG,eAAe,SAAS,IAAI,gBAAgB,KAAK,GAAG,GAAG,KAAK,YAAY,CAAC;GAClF,MAAM,GAAG,UAAU,MAAM,SAAS,UAAU,IAAI,SAAS,KAAK,GAAG,GAAG,WAAW,KAAK,CAAC;GACrF,MAAM,GAAG,aAAa,MAAM,eAAe,IAAI,SAAS,KAAK,GAAG,YAAY,UAAU,CAAC;GACvF,MAAM,GAAG,aAAa,MAAM,UAAU,IAAI,SAAS,KAAK,GAAG,YAAY,KAAK,CAAC;GAC7E,MAAM,GAAG,UAAU,UAAU,SAAS,eAAe,KAAK,CAAC;EAC7D;CACF;AACF;;;ACkCA,SAAgB,cAAc,SAAkC;CAC9D,MAAM,UAAU,IAAI,QAAQ,OAAO;CACnC,QAAQ,MAAM;CACd,OAAO;AACT;AAGA,MAAM,kBAAkB,OAAO,IAAI,aAAa;AAGhD,SAAgB,WAAW,SAAqD;CAC9E,MAAM,UAAU;CAChB,MAAM,UAAU,QAAQ;CACxB,IAAI,SAAS;EAGX,YAAY,QAAQ,QAAQ;EAC5B,uBAAuB,QAAQ,cAAc,eAAe;EAC5D,IAAI,QAAQ,sBAAsB,KAAA,GAChC,wBAAwB,QAAQ,iBAAiB;EAEnD,QAAQ,aAAa,QAAQ,KAAK;EAClC,OAAO;CACT;CACA,MAAM,UAAU,cAAc;EAAE,GAAG;EAAS,WAAWA,gBAAc;CAAE,CAAC;CACxE,QAAQ,mBAAmB;CAC3B,OAAO;AACT"}
|
|
@@ -1,15 +1,22 @@
|
|
|
1
|
-
import { DotEvent, Navigation, PageHooks, PageLaunchOptions, PageState } from "@monimesl/dot-core";
|
|
1
|
+
import { DotEvent, Navigation, NavigationBarOptions, PageBars, PageColors, PageConfigs, PageHooks, PageLaunchOptions, PageShare, PageState, TabBarOptions } from "@monimesl/dot-core";
|
|
2
2
|
import { Dash } from "@monimesl/dot-dash";
|
|
3
3
|
//#region src/page.d.ts
|
|
4
4
|
declare global {
|
|
5
5
|
interface DotPageIds {}
|
|
6
6
|
}
|
|
7
7
|
type PageId = [keyof DotPageIds] extends [never] ? string : Extract<keyof DotPageIds, string>;
|
|
8
|
+
interface PushNavigation {
|
|
9
|
+
readonly action: 'push';
|
|
10
|
+
readonly page: string;
|
|
11
|
+
readonly options: PageLaunchOptions;
|
|
12
|
+
}
|
|
8
13
|
interface PageNavigation {
|
|
9
14
|
push(page: PageId, options?: PageLaunchOptions): void;
|
|
10
15
|
replace(page: PageId, options?: PageLaunchOptions): void;
|
|
11
16
|
reset(page: PageId, options?: PageLaunchOptions): void;
|
|
12
17
|
back(delta?: number): void;
|
|
18
|
+
pushForResult<Result = unknown>(page: PageId, options?: PageLaunchOptions): Promise<Result | undefined>;
|
|
19
|
+
backWithResult(result: unknown): void;
|
|
13
20
|
}
|
|
14
21
|
type DeepReadonly<T> = T extends ((...args: never[]) => unknown) ? T : T extends object ? { readonly [K in keyof T]: DeepReadonly<T[K]>; } : T;
|
|
15
22
|
type State<S> = DeepReadonly<S>;
|
|
@@ -28,6 +35,9 @@ interface PageContext<S extends PageState, Mu, Ac> {
|
|
|
28
35
|
readonly state: State<S>;
|
|
29
36
|
readonly dash: Dash;
|
|
30
37
|
setState(update: StateUpdate<S>): void;
|
|
38
|
+
setNavigationBar(options: NavigationBarOptions): void;
|
|
39
|
+
setTabBar(options: TabBarOptions): void;
|
|
40
|
+
setColors(colors: PageColors): void;
|
|
31
41
|
readonly mutations: { readonly [K in keyof Mu]: (...event: EventArgs<Mu[K]>) => void; };
|
|
32
42
|
readonly actions: { readonly [K in keyof Ac]: (...event: EventArgs<Ac[K]>) => Promise<void>; };
|
|
33
43
|
}
|
|
@@ -37,6 +47,8 @@ interface ActionContext<S extends PageState, Mu, Ac> extends PageContext<S, Mu,
|
|
|
37
47
|
interface PageOptions<S extends PageState, Mu, Ac> {
|
|
38
48
|
id?: string;
|
|
39
49
|
initialState: S;
|
|
50
|
+
configs?: PageConfigs;
|
|
51
|
+
share?: PageShare;
|
|
40
52
|
hooks?: Partial<PageHooks> & ThisType<PageContext<S, Mu, Ac>>;
|
|
41
53
|
mutations?: Mu & ThisType<void>;
|
|
42
54
|
actions?: Ac & ThisType<ActionContext<S, Mu, Ac>>;
|
|
@@ -44,6 +56,8 @@ interface PageOptions<S extends PageState, Mu, Ac> {
|
|
|
44
56
|
interface PageDefinition<S extends PageState = PageState> {
|
|
45
57
|
readonly id?: string;
|
|
46
58
|
readonly initialState: S;
|
|
59
|
+
readonly configs?: PageConfigs;
|
|
60
|
+
readonly share?: PageShare;
|
|
47
61
|
readonly hooks?: Partial<PageHooks>;
|
|
48
62
|
readonly mutations?: Readonly<Record<string, Mutation<S>>>;
|
|
49
63
|
readonly actions?: Readonly<Record<string, Action<S>>>;
|
|
@@ -51,9 +65,17 @@ interface PageDefinition<S extends PageState = PageState> {
|
|
|
51
65
|
declare function definePage<S extends PageState, Mu extends Record<string, Mutation<S>>, Ac extends Record<string, Action<S>>>(options: PageOptions<S, Mu, Ac>): PageDefinition<S>;
|
|
52
66
|
interface PageHost {
|
|
53
67
|
commit(page: Page, patch: PageState): void;
|
|
68
|
+
showBars(page: Page): void;
|
|
69
|
+
readonly dotConfigs?: PageConfigs | undefined;
|
|
54
70
|
navigate(page: Page, navigation: Navigation): void;
|
|
71
|
+
pushForResult(page: Page, navigation: PushNavigation): Promise<unknown>;
|
|
72
|
+
backWithResult(page: Page, result: unknown): void;
|
|
55
73
|
readonly strict?: boolean;
|
|
56
74
|
}
|
|
75
|
+
interface RestoredPage<S> {
|
|
76
|
+
readonly state: State<S>;
|
|
77
|
+
readonly barChanges: PageBars;
|
|
78
|
+
}
|
|
57
79
|
type Mutations<S> = Record<string, Mutation<S>>;
|
|
58
80
|
type Actions<S> = Record<string, Action<S>>;
|
|
59
81
|
declare class Page<S extends PageState = PageState> {
|
|
@@ -63,9 +85,14 @@ declare class Page<S extends PageState = PageState> {
|
|
|
63
85
|
readonly context: PageContext<S, Mutations<S>, Actions<S>>;
|
|
64
86
|
readonly actionContext: ActionContext<S, Mutations<S>, Actions<S>>;
|
|
65
87
|
readonly dash: Dash;
|
|
66
|
-
constructor(instanceId: number, id: string, definition: PageDefinition<S>, host: PageHost);
|
|
88
|
+
constructor(instanceId: number, id: string, definition: PageDefinition<S>, host: PageHost, restored?: RestoredPage<S>);
|
|
67
89
|
get state(): State<S>;
|
|
68
|
-
|
|
90
|
+
get refreshable(): boolean;
|
|
91
|
+
get bars(): PageBars;
|
|
92
|
+
get barChanges(): PageBars;
|
|
93
|
+
setNavigationBar(options: NavigationBarOptions): void;
|
|
94
|
+
setTabBar(options: TabBarOptions): void;
|
|
95
|
+
setColors(colors: PageColors): void;
|
|
69
96
|
setState(update: StateUpdate<S>): void;
|
|
70
97
|
mutate(name: string, event?: DotEvent): void;
|
|
71
98
|
act(name: string, event?: DotEvent): Promise<void>;
|
|
@@ -75,4 +102,4 @@ declare class Page<S extends PageState = PageState> {
|
|
|
75
102
|
}
|
|
76
103
|
//#endregion
|
|
77
104
|
export { Page as a, PageHost as c, PageOptions as d, State as f, definePage as h, Mutation as i, PageId as l, StateUpdate as m, ActionContext as n, PageContext as o, StateChanges as p, DeepReadonly as r, PageDefinition as s, Action as t, PageNavigation as u };
|
|
78
|
-
//# sourceMappingURL=page-
|
|
105
|
+
//# sourceMappingURL=page-DBnKjef6.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"page-DBnKjef6.d.ts","names":[],"sources":["../src/page.ts"],"mappings":";;;QAyBQ;YAEI;;KAKA,gBAAgB,uCAExB,cAAc;UAGD;WACN;WACA;WACA,SAAS;;UAGH;EACf,KAAK,MAAM,QAAQ,UAAU;EAE7B,QAAQ,MAAM,QAAQ,UAAU;EAEhC,MAAM,MAAM,QAAQ,UAAU;EAE9B,KAAK;EAIL,cAAc,kBACZ,MAAM,QACN,UAAU,oBACT,QAAQ;EAGX,eAAe;;KAGL,aAAa,KAAK,eAAc,6BACxC,IACA,+BACc,WAAW,IAAI,aAAa,EAAE,SAC1C;KAEM,MAAM,KAAK,aAAa;KAExB,aAAa,KAAK,QAAQ,MAAM;KAEhC,YAAY,KAAK,aAAa,OAAO,OAAO,MAAM,OAAO,aAAa;KAItE,SAAS;EACnB,SAAS,OAAO,MAAM,IAAI,OAAO,WAAW,aAAa;;KAG/C,OAAO;EACjB,OAAO,OAAO,MAAM,IAAI,OAAO,kBAAkB;;KAI9C,UAAU,KAAK,YAAW,iBAAiB,YAAY,iBAAgB;UAE3D,YAAY,UAAU,WAAW,IAAI;WAC3C;WACA;WACA,OAAO,MAAM;WAEb,MAAM;EAEf,SAAS,QAAQ,YAAY;EAG7B,iBAAiB,SAAS;EAG1B,UAAU,SAAS;EAInB,UAAU,QAAQ;WAET,uBAAuB,WAAW,SAAS,OAAO,UAAU,GAAG;WAC/D,qBAAqB,WAAW,SAAS,OAAO,UAAU,GAAG,QAAQ;;UAG/D,cAAc,UAAU,WAAW,IAAI,YAAY,YAAY,GAAG,IAAI;WAC5E,YAAY;;UAGN,YAAY,UAAU,WAAW,IAAI;EACpD;EACA,cAAc;EAGd,UAAU;EAGV,QAAQ;EACR,QAAQ,QAAQ,aAAa,SAAS,YAAY,GAAG,IAAI;EACzD,YAAY,KAAK;EACjB,UAAU,KAAK,SAAS,cAAc,GAAG,IAAI;;UAG9B,eAAe,UAAU,YAAY;WAC3C;WACA,cAAc;WACd,UAAU;WACV,QAAQ;WACR,QAAQ,QAAQ;WAChB,YAAY,SAAS,eAAe,SAAS;WAC7C,UAAU,SAAS,eAAe,OAAO;;iBAGpC,WACd,UAAU,WACV,WAAW,eAAe,SAAS,KACnC,WAAW,eAAe,OAAO,KACjC,SAAS,YAAY,GAAG,IAAI,MAAM,eAAe;UAIlC;EACf,OAAO,MAAM,MAAM,OAAO;EAG1B,SAAS,MAAM;WAGN,aAAa;EAEtB,SAAS,MAAM,MAAM,YAAY;EAGjC,cAAc,MAAM,MAAM,YAAY,iBAAiB;EAEvD,eAAe,MAAM,MAAM;WAElB;;UAIM,aAAa;WACnB,OAAO,MAAM;WACb,YAAY;;KAGlB,UAAU,KAAK,eAAe,SAAS;KACvC,QAAQ,KAAK,eAAe,OAAO;cAI3B,KAAK,UAAU,YAAY;;WAC7B;WACA;WACA,SAAS,YAAY,GAAG,UAAU,IAAI,QAAQ;WAC9C,eAAe,cAAc,GAAG,UAAU,IAAI,QAAQ;WACtD,MAAM;EAWb,YAAA,oBACA,YACA,YAAY,eAAe,IAC3B,MAAM,UACN,WAAW,aAAa;MAsCtB,SAAS,MAAM;MAKf;MAIA,QAAQ;MAIR,cAAc;EAIlB,iBAAiB,SAAS;EAM1B,UAAU,SAAS;EAMnB,UAAU,QAAQ;EAclB,SAAS,QAAQ,YAAY;EA+B7B,OAAO,cAAc,QAAQ;EAQvB,IAAI,cAAc,QAAQ,WAAW;EAS3C,SAAS,cAAc,OAAO,WAAW;EAanC,UAAU,gBAAgB,WAC9B,UAAU,MACP,MAAM,WAAW,UAAU,MAC7B;EASH"}
|
|
@@ -1,5 +1,24 @@
|
|
|
1
|
-
import { DEFAULT_SYSTEM_CONTEXT, EventEmitter, HostError, MAX_STACK_DEPTH, MessageChannel, applyChanges, connectHost, createHostRequest } from "@monimesl/dot-core";
|
|
2
|
-
import { dash, tracked } from "@monimesl/dot-dash";
|
|
1
|
+
import { DEFAULT_SYSTEM_CONTEXT, EventEmitter, HostError, MAX_STACK_DEPTH, MessageChannel, READABLE_CONTRAST, applyChanges, checkColors, checkConfigs, checkNavigationBar, checkTabBar, connectHost, contrast, createHostRequest, mergeColors, mergeConfigs, pageBackground, themeScheme, withSystemDefaults } from "@monimesl/dot-core";
|
|
2
|
+
import { dash, tracked, useHostDashApiVersions, warnAboveDashApiVersion } from "@monimesl/dot-dash";
|
|
3
|
+
//#region src/contrast.ts
|
|
4
|
+
const shownWarnings = /* @__PURE__ */ new Set();
|
|
5
|
+
function warnOnPoorContrast(pageId, navigationBar, scheme, textColor, background) {
|
|
6
|
+
const { backgroundColor: barBackground, textColor: barText } = navigationBar;
|
|
7
|
+
if (barBackground && barText) warnIfHardToRead(`Page "${pageId}": the navigation bar's textColor ${barText} on its backgroundColor ${barBackground}`, barText, barBackground, "leave textColor out so Dash picks one");
|
|
8
|
+
if (textColor) warnIfHardToRead(`Page "${pageId}": the ${scheme} text ${textColor} on the page's background ${background}`, textColor, background, "leave the text color out so Dash picks one");
|
|
9
|
+
}
|
|
10
|
+
function warnIfHardToRead(subject, textColor, background, advice) {
|
|
11
|
+
const ratio = contrast(textColor, background);
|
|
12
|
+
if (ratio >= READABLE_CONTRAST || shownWarnings.has(subject)) return;
|
|
13
|
+
shownWarnings.add(subject);
|
|
14
|
+
console.warn(`[dot] ${subject} is hard to read: its contrast is ${ratio.toFixed(1)}, and text needs at least ${READABLE_CONTRAST}. Pick colours further apart, or ${advice}.`);
|
|
15
|
+
}
|
|
16
|
+
//#endregion
|
|
17
|
+
//#region src/host-errors.ts
|
|
18
|
+
function cancelledError(method) {
|
|
19
|
+
return new HostError("cancelled", `"${method}" was cancelled`);
|
|
20
|
+
}
|
|
21
|
+
//#endregion
|
|
3
22
|
//#region src/host-calls.ts
|
|
4
23
|
var HostCalls = class {
|
|
5
24
|
#channel;
|
|
@@ -32,7 +51,7 @@ var HostCalls = class {
|
|
|
32
51
|
if (!call) return;
|
|
33
52
|
this.#waiting.delete(id);
|
|
34
53
|
this.#channel.send("hostCancel", { id });
|
|
35
|
-
call.reject(
|
|
54
|
+
call.reject(cancelledError(call.method));
|
|
36
55
|
}
|
|
37
56
|
#settle(result) {
|
|
38
57
|
const call = this.#waiting.get(result.id);
|
|
@@ -52,22 +71,35 @@ var Page = class {
|
|
|
52
71
|
instanceId;
|
|
53
72
|
context;
|
|
54
73
|
actionContext;
|
|
74
|
+
dash = tracked(dash, (request) => this.#track(request));
|
|
55
75
|
#definition;
|
|
56
76
|
#host;
|
|
57
77
|
#state;
|
|
58
78
|
#closed = false;
|
|
59
|
-
#
|
|
60
|
-
dash = tracked(dash, (request) => this.#track(request));
|
|
79
|
+
#dashRequests = /* @__PURE__ */ new Set();
|
|
61
80
|
#previousHook = Promise.resolve();
|
|
62
|
-
|
|
81
|
+
#barChanges;
|
|
82
|
+
constructor(instanceId, id, definition, host, restored) {
|
|
63
83
|
this.id = id;
|
|
64
84
|
this.instanceId = instanceId;
|
|
65
85
|
this.#definition = definition;
|
|
66
86
|
this.#host = host;
|
|
67
|
-
|
|
87
|
+
if (restored) {
|
|
88
|
+
this.#state = this.#freeze(restored.state);
|
|
89
|
+
this.#barChanges = restored.barChanges;
|
|
90
|
+
} else {
|
|
91
|
+
const copy = JSON.parse(JSON.stringify(definition.initialState));
|
|
92
|
+
this.#state = this.#freeze(copy);
|
|
93
|
+
this.#barChanges = {
|
|
94
|
+
navigationBar: {},
|
|
95
|
+
tabBar: {},
|
|
96
|
+
colors: {}
|
|
97
|
+
};
|
|
98
|
+
}
|
|
99
|
+
checkConfigs(definition.configs ?? {});
|
|
68
100
|
const { mutations = {}, actions = {} } = definition;
|
|
69
|
-
const
|
|
70
|
-
if (
|
|
101
|
+
const sharedName = Object.keys(mutations).find((name) => name in actions);
|
|
102
|
+
if (sharedName) throw new Error(`Page "${id}" uses "${sharedName}" as both a mutation and an action. Rename one of them`);
|
|
71
103
|
const mutationCalls = mapNames(mutations, (name) => (event) => this.mutate(name, event));
|
|
72
104
|
const actionCalls = mapNames(actions, (name) => (event) => this.act(name, event));
|
|
73
105
|
this.context = new HookContext(this, mutationCalls, actionCalls);
|
|
@@ -76,20 +108,66 @@ var Page = class {
|
|
|
76
108
|
get state() {
|
|
77
109
|
return this.#state;
|
|
78
110
|
}
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
111
|
+
get refreshable() {
|
|
112
|
+
return this.#definition.hooks?.onRefresh !== void 0;
|
|
113
|
+
}
|
|
114
|
+
get bars() {
|
|
115
|
+
return mergeConfigs(this.#host.dotConfigs, this.#definition.configs, this.#barChanges);
|
|
116
|
+
}
|
|
117
|
+
get barChanges() {
|
|
118
|
+
return this.#barChanges;
|
|
119
|
+
}
|
|
120
|
+
setNavigationBar(options) {
|
|
121
|
+
checkNavigationBar(options);
|
|
122
|
+
const navigationBar = {
|
|
123
|
+
...this.#barChanges.navigationBar,
|
|
124
|
+
...options
|
|
125
|
+
};
|
|
126
|
+
this.#changeBars({
|
|
127
|
+
...this.#barChanges,
|
|
128
|
+
navigationBar
|
|
129
|
+
});
|
|
130
|
+
}
|
|
131
|
+
setTabBar(options) {
|
|
132
|
+
checkTabBar(options);
|
|
133
|
+
const tabBar = {
|
|
134
|
+
...this.#barChanges.tabBar,
|
|
135
|
+
...options
|
|
136
|
+
};
|
|
137
|
+
this.#changeBars({
|
|
138
|
+
...this.#barChanges,
|
|
139
|
+
tabBar
|
|
140
|
+
});
|
|
141
|
+
}
|
|
142
|
+
setColors(colors) {
|
|
143
|
+
checkColors(colors);
|
|
144
|
+
const mergedColors = mergeColors(this.#barChanges.colors, colors);
|
|
145
|
+
this.#changeBars({
|
|
146
|
+
...this.#barChanges,
|
|
147
|
+
colors: mergedColors
|
|
148
|
+
});
|
|
149
|
+
}
|
|
150
|
+
#changeBars(barChanges) {
|
|
151
|
+
if (this.#closed) return;
|
|
152
|
+
this.#barChanges = barChanges;
|
|
153
|
+
this.#host.showBars(this);
|
|
82
154
|
}
|
|
83
155
|
setState(update) {
|
|
84
156
|
if (this.#closed) return;
|
|
85
|
-
|
|
157
|
+
let changes;
|
|
158
|
+
if (typeof update === "function") changes = update(this.#state);
|
|
159
|
+
else changes = update;
|
|
86
160
|
if (changes === void 0) return;
|
|
87
161
|
const next = applyChanges(this.#state, changes);
|
|
88
|
-
const patch =
|
|
89
|
-
for (const key of Object.keys(next)) if (next[key] !== this.#state[key]) patch[key] = next[key];
|
|
162
|
+
const patch = this.#changedKeys(next);
|
|
90
163
|
this.#state = this.#freeze(next);
|
|
91
164
|
if (Object.keys(patch).length > 0) this.#host.commit(this, patch);
|
|
92
165
|
}
|
|
166
|
+
#changedKeys(next) {
|
|
167
|
+
const patch = {};
|
|
168
|
+
for (const key of Object.keys(next)) if (next[key] !== this.#state[key]) patch[key] = next[key];
|
|
169
|
+
return patch;
|
|
170
|
+
}
|
|
93
171
|
mutate(name, event) {
|
|
94
172
|
const mutation = this.#definition.mutations?.[name];
|
|
95
173
|
if (!mutation) throw new Error(`Page "${this.id}" has no mutation "${name}"`);
|
|
@@ -116,13 +194,13 @@ var Page = class {
|
|
|
116
194
|
}
|
|
117
195
|
close() {
|
|
118
196
|
this.#closed = true;
|
|
119
|
-
for (const request of this.#
|
|
120
|
-
this.#
|
|
197
|
+
for (const request of this.#dashRequests) request.cancel();
|
|
198
|
+
this.#dashRequests.clear();
|
|
121
199
|
}
|
|
122
200
|
#track(request) {
|
|
123
201
|
if (this.#closed) return;
|
|
124
|
-
this.#
|
|
125
|
-
const forget = () => this.#
|
|
202
|
+
this.#dashRequests.add(request);
|
|
203
|
+
const forget = () => this.#dashRequests.delete(request);
|
|
126
204
|
request.then(forget, forget);
|
|
127
205
|
}
|
|
128
206
|
#runMutation(mutation, event) {
|
|
@@ -151,14 +229,26 @@ var Page = class {
|
|
|
151
229
|
back: (delta = 1) => this.#navigate({
|
|
152
230
|
action: "back",
|
|
153
231
|
delta
|
|
154
|
-
})
|
|
232
|
+
}),
|
|
233
|
+
pushForResult: (page, options = {}) => {
|
|
234
|
+
if (this.#closed) return Promise.resolve(void 0);
|
|
235
|
+
return this.#host.pushForResult(this, {
|
|
236
|
+
action: "push",
|
|
237
|
+
page,
|
|
238
|
+
options
|
|
239
|
+
});
|
|
240
|
+
},
|
|
241
|
+
backWithResult: (result) => {
|
|
242
|
+
if (!this.#closed) this.#host.backWithResult(this, result);
|
|
243
|
+
}
|
|
155
244
|
};
|
|
156
245
|
}
|
|
157
246
|
#navigate(navigation) {
|
|
158
247
|
if (!this.#closed) this.#host.navigate(this, navigation);
|
|
159
248
|
}
|
|
160
249
|
#freeze(state) {
|
|
161
|
-
|
|
250
|
+
if (this.#host.strict) return deepFreeze(state);
|
|
251
|
+
return state;
|
|
162
252
|
}
|
|
163
253
|
};
|
|
164
254
|
var HookContext = class {
|
|
@@ -182,6 +272,15 @@ var HookContext = class {
|
|
|
182
272
|
setState = (update) => {
|
|
183
273
|
this.#page.setState(update);
|
|
184
274
|
};
|
|
275
|
+
setNavigationBar = (options) => {
|
|
276
|
+
this.#page.setNavigationBar(options);
|
|
277
|
+
};
|
|
278
|
+
setTabBar = (options) => {
|
|
279
|
+
this.#page.setTabBar(options);
|
|
280
|
+
};
|
|
281
|
+
setColors = (colors) => {
|
|
282
|
+
this.#page.setColors(colors);
|
|
283
|
+
};
|
|
185
284
|
};
|
|
186
285
|
var HandlerContext = class extends HookContext {
|
|
187
286
|
navigation;
|
|
@@ -196,7 +295,7 @@ function mapNames(record, create) {
|
|
|
196
295
|
function deepFreeze(value) {
|
|
197
296
|
if (typeof value === "object" && value !== null && !Object.isFrozen(value)) {
|
|
198
297
|
Object.freeze(value);
|
|
199
|
-
Object.values(value)
|
|
298
|
+
for (const child of Object.values(value)) deepFreeze(child);
|
|
200
299
|
}
|
|
201
300
|
return value;
|
|
202
301
|
}
|
|
@@ -212,31 +311,41 @@ var Service = class {
|
|
|
212
311
|
#pages = /* @__PURE__ */ new Map();
|
|
213
312
|
#dot;
|
|
214
313
|
#strict;
|
|
314
|
+
#development;
|
|
215
315
|
#theme;
|
|
216
316
|
#systemContext = DEFAULT_SYSTEM_CONTEXT;
|
|
217
317
|
#stack = {
|
|
218
318
|
pages: [],
|
|
219
319
|
limit: MAX_STACK_DEPTH
|
|
220
320
|
};
|
|
321
|
+
#awaitingResults = /* @__PURE__ */ new Map();
|
|
322
|
+
#results = /* @__PURE__ */ new Map();
|
|
221
323
|
#hostCalls;
|
|
222
|
-
constructor({ transport, pages, dot = {}, strict = false }) {
|
|
324
|
+
constructor({ transport, pages, dot = {}, strict = false, dashMinApiVersion }) {
|
|
223
325
|
this.channel = new MessageChannel(transport);
|
|
224
326
|
this.#hostCalls = new HostCalls(this.channel);
|
|
225
327
|
this.#definitions = pages;
|
|
226
328
|
this.#dot = dot;
|
|
227
329
|
this.#strict = strict;
|
|
330
|
+
this.#development = dashMinApiVersion !== void 0;
|
|
331
|
+
if (dashMinApiVersion !== void 0) warnAboveDashApiVersion(dashMinApiVersion);
|
|
228
332
|
this.#theme = dot.theme ?? {};
|
|
333
|
+
checkConfigs(dot.configs ?? {});
|
|
229
334
|
this.channel.handle("connect", () => this.channel.send("setTheme", { theme: this.#theme }));
|
|
230
335
|
this.channel.handle("syncStack", (stack) => {
|
|
231
336
|
this.#stack = stack;
|
|
232
337
|
});
|
|
233
338
|
this.channel.handle("syncSystemContext", (context) => {
|
|
234
|
-
this.#systemContext
|
|
339
|
+
const previousScheme = this.#systemContext.scheme;
|
|
340
|
+
this.#systemContext = withSystemDefaults(context);
|
|
341
|
+
useHostDashApiVersions(this.#systemContext.dashApiVersions);
|
|
342
|
+
if (this.#systemContext.scheme !== previousScheme) this.#resendBars();
|
|
235
343
|
});
|
|
236
344
|
this.channel.handle("load", ({ instanceId, page, options }) => this.loadPage(instanceId, page, options));
|
|
237
345
|
this.channel.handle("unload", ({ instanceId }) => this.unloadPage(instanceId));
|
|
238
346
|
this.channel.handle("show", ({ instanceId }) => {
|
|
239
347
|
const page = this.getPage(instanceId);
|
|
348
|
+
this.#settleResult(instanceId);
|
|
240
349
|
this.hooks.emit("pageShow", page);
|
|
241
350
|
this.reportError(page.lifecycle("onShow"), instanceId);
|
|
242
351
|
});
|
|
@@ -245,6 +354,12 @@ var Service = class {
|
|
|
245
354
|
this.hooks.emit("pageHide", page);
|
|
246
355
|
this.reportError(page.lifecycle("onHide"), instanceId);
|
|
247
356
|
});
|
|
357
|
+
this.channel.handle("refresh", ({ instanceId }) => {
|
|
358
|
+
const refresh = this.getPage(instanceId).lifecycle("onRefresh").finally(() => {
|
|
359
|
+
this.channel.send("refreshed", { instanceId });
|
|
360
|
+
});
|
|
361
|
+
this.reportError(refresh, instanceId);
|
|
362
|
+
});
|
|
248
363
|
this.channel.handle("event", ({ instanceId, handler, event }) => {
|
|
249
364
|
const page = this.getPage(instanceId);
|
|
250
365
|
this.hooks.emit("event", page, handler, event);
|
|
@@ -260,7 +375,7 @@ var Service = class {
|
|
|
260
375
|
const stopListening = this.channel.listen((error, message) => {
|
|
261
376
|
this.#reportError(error, instanceIdOf(message));
|
|
262
377
|
});
|
|
263
|
-
connectHost(
|
|
378
|
+
connectHost(this.callHost);
|
|
264
379
|
this.hooks.emit("launch");
|
|
265
380
|
this.reportError(this.#runLaunchHook());
|
|
266
381
|
return () => {
|
|
@@ -277,13 +392,53 @@ var Service = class {
|
|
|
277
392
|
setTheme(theme) {
|
|
278
393
|
this.#theme = theme;
|
|
279
394
|
this.channel.send("setTheme", { theme });
|
|
395
|
+
this.#resendBars();
|
|
280
396
|
}
|
|
281
397
|
getPage(instanceId) {
|
|
282
398
|
const page = this.#pages.get(instanceId);
|
|
283
399
|
if (!page) throw new Error(`Page instance ${instanceId} is not loaded`);
|
|
284
400
|
return page;
|
|
285
401
|
}
|
|
402
|
+
callHost = (method, params, options) => this.#hostCalls.call(method, params, options);
|
|
286
403
|
loadPage(instanceId, id, options = {}) {
|
|
404
|
+
const page = this.#createPage(instanceId, id);
|
|
405
|
+
this.#sendInitialState(page);
|
|
406
|
+
this.#sendBars(page);
|
|
407
|
+
this.hooks.emit("pageLoad", page);
|
|
408
|
+
this.reportError(page.lifecycle("onLoad", options), instanceId);
|
|
409
|
+
return page;
|
|
410
|
+
}
|
|
411
|
+
replacePages(definitions) {
|
|
412
|
+
const previousDefinitions = this.#definitions;
|
|
413
|
+
this.#definitions = definitions;
|
|
414
|
+
for (const [instanceId, page] of this.#pages) {
|
|
415
|
+
const definition = definitions[page.id];
|
|
416
|
+
if (!definition) continue;
|
|
417
|
+
page.close();
|
|
418
|
+
const previousInitialState = previousDefinitions[page.id]?.initialState;
|
|
419
|
+
if (JSON.stringify(previousInitialState) !== JSON.stringify(definition.initialState)) this.loadPage(instanceId, page.id, this.#launchOptions(instanceId));
|
|
420
|
+
else this.#keepPage(page);
|
|
421
|
+
}
|
|
422
|
+
}
|
|
423
|
+
#keepPage(page) {
|
|
424
|
+
const kept = this.#createPage(page.instanceId, page.id, {
|
|
425
|
+
state: page.state,
|
|
426
|
+
barChanges: page.barChanges
|
|
427
|
+
});
|
|
428
|
+
this.#sendBars(kept);
|
|
429
|
+
if (kept.refreshable !== page.refreshable) this.#sendInitialState(kept);
|
|
430
|
+
}
|
|
431
|
+
#sendInitialState(page) {
|
|
432
|
+
this.channel.send("initPageState", {
|
|
433
|
+
instanceId: page.instanceId,
|
|
434
|
+
state: page.state,
|
|
435
|
+
refreshable: page.refreshable
|
|
436
|
+
});
|
|
437
|
+
}
|
|
438
|
+
#launchOptions(instanceId) {
|
|
439
|
+
return this.#stack.pages.find((stackEntry) => stackEntry.instanceId === instanceId)?.options;
|
|
440
|
+
}
|
|
441
|
+
#createPage(instanceId, id, restored) {
|
|
287
442
|
const page = new Page(instanceId, id, this.#definition(id), {
|
|
288
443
|
commit: (page, patch) => {
|
|
289
444
|
this.hooks.emit("setState", page, patch);
|
|
@@ -292,32 +447,81 @@ var Service = class {
|
|
|
292
447
|
patchState: patch
|
|
293
448
|
});
|
|
294
449
|
},
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
this.channel.send("navigate", {
|
|
301
|
-
...navigation,
|
|
302
|
-
from: page.instanceId
|
|
303
|
-
});
|
|
304
|
-
},
|
|
450
|
+
showBars: (page) => this.#sendBars(page),
|
|
451
|
+
dotConfigs: this.#dot.configs,
|
|
452
|
+
navigate: (page, navigation) => this.#navigate(page, navigation),
|
|
453
|
+
pushForResult: (page, navigation) => this.#pushForResult(page, navigation),
|
|
454
|
+
backWithResult: (page, result) => this.#backWithResult(page, result),
|
|
305
455
|
strict: this.#strict
|
|
306
|
-
});
|
|
456
|
+
}, restored);
|
|
307
457
|
this.#pages.set(instanceId, page);
|
|
308
|
-
this.channel.send("initPageState", {
|
|
309
|
-
instanceId,
|
|
310
|
-
state: page.state
|
|
311
|
-
});
|
|
312
|
-
this.hooks.emit("pageLoad", page);
|
|
313
|
-
this.reportError(page.lifecycle("onLoad", options), instanceId);
|
|
314
458
|
return page;
|
|
315
459
|
}
|
|
460
|
+
#navigate(page, navigation) {
|
|
461
|
+
if (navigation.action !== "back") this.#definition(navigation.page);
|
|
462
|
+
const { pages, limit } = this.#stack;
|
|
463
|
+
if (navigation.action === "push" && pages.length >= limit) throw new Error(`Can't open "${navigation.page}": ${limit} pages are already open. Use replace or back.`);
|
|
464
|
+
this.hooks.emit("navigate", page, navigation);
|
|
465
|
+
this.channel.send("navigate", {
|
|
466
|
+
...navigation,
|
|
467
|
+
from: page.instanceId
|
|
468
|
+
});
|
|
469
|
+
}
|
|
470
|
+
#pushForResult(page, navigation) {
|
|
471
|
+
this.#settleResult(page.instanceId);
|
|
472
|
+
return new Promise((resolve) => {
|
|
473
|
+
this.#navigate(page, navigation);
|
|
474
|
+
this.#awaitingResults.set(page.instanceId, resolve);
|
|
475
|
+
});
|
|
476
|
+
}
|
|
477
|
+
#backWithResult(page, result) {
|
|
478
|
+
const { pages } = this.#stack;
|
|
479
|
+
const index = pages.findIndex((entry) => entry.instanceId === page.instanceId);
|
|
480
|
+
if (index > 0) {
|
|
481
|
+
const below = pages[index - 1];
|
|
482
|
+
this.#results.set(below.instanceId, result);
|
|
483
|
+
}
|
|
484
|
+
this.#navigate(page, {
|
|
485
|
+
action: "back",
|
|
486
|
+
delta: 1
|
|
487
|
+
});
|
|
488
|
+
}
|
|
489
|
+
#settleResult(instanceId) {
|
|
490
|
+
const result = this.#results.get(instanceId);
|
|
491
|
+
this.#results.delete(instanceId);
|
|
492
|
+
const resolve = this.#awaitingResults.get(instanceId);
|
|
493
|
+
this.#awaitingResults.delete(instanceId);
|
|
494
|
+
resolve?.(result);
|
|
495
|
+
}
|
|
496
|
+
#sendBars(page) {
|
|
497
|
+
const { navigationBar, tabBar, colors } = page.bars;
|
|
498
|
+
const deviceScheme = this.#systemContext.scheme;
|
|
499
|
+
const background = pageBackground(colors.background, this.#theme, deviceScheme);
|
|
500
|
+
this.channel.send("pageBars", {
|
|
501
|
+
instanceId: page.instanceId,
|
|
502
|
+
navigationBar,
|
|
503
|
+
tabBar,
|
|
504
|
+
background
|
|
505
|
+
});
|
|
506
|
+
this.channel.send("pageColors", {
|
|
507
|
+
instanceId: page.instanceId,
|
|
508
|
+
colors
|
|
509
|
+
});
|
|
510
|
+
if (this.#development) {
|
|
511
|
+
const scheme = themeScheme(this.#theme, deviceScheme);
|
|
512
|
+
const textColor = colors.text?.[scheme] ?? this.#theme.colors?.text?.[scheme];
|
|
513
|
+
warnOnPoorContrast(page.id, navigationBar, scheme, textColor, background);
|
|
514
|
+
}
|
|
515
|
+
}
|
|
516
|
+
#resendBars() {
|
|
517
|
+
for (const page of this.#pages.values()) this.#sendBars(page);
|
|
518
|
+
}
|
|
316
519
|
unloadPage(instanceId) {
|
|
317
520
|
const page = this.#pages.get(instanceId);
|
|
318
521
|
if (!page) return;
|
|
319
522
|
this.#pages.delete(instanceId);
|
|
320
523
|
page.close();
|
|
524
|
+
this.#settleResult(instanceId);
|
|
321
525
|
this.reportError(page.lifecycle("onUnload"), instanceId);
|
|
322
526
|
this.hooks.emit("pageUnload", page);
|
|
323
527
|
}
|
|
@@ -348,6 +552,6 @@ function instanceIdOf(message) {
|
|
|
348
552
|
if (typeof payload?.instanceId === "number") return payload.instanceId;
|
|
349
553
|
}
|
|
350
554
|
//#endregion
|
|
351
|
-
export { definePage as i, defineDot as n, Page as r, Service as t };
|
|
555
|
+
export { cancelledError as a, definePage as i, defineDot as n, Page as r, Service as t };
|
|
352
556
|
|
|
353
|
-
//# sourceMappingURL=service-
|
|
557
|
+
//# sourceMappingURL=service-CBsppV0p.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"service-CBsppV0p.js","names":[],"sources":["../src/contrast.ts","../src/host-errors.ts","../src/host-calls.ts","../src/page.ts","../src/service.ts"],"sourcesContent":["import type { ColorScheme, NavigationBarOptions } from '@monimesl/dot-core';\nimport { contrast, READABLE_CONTRAST } from '@monimesl/dot-core';\n\n// Each warning shows once, so a page that changes its bars often doesn't fill the console.\nconst shownWarnings = new Set<string>();\n\n// In development: warns when text colours the dot picks are hard to read on their backgrounds.\n// Colours Dash picks itself always read well. `textColor` is the page's or the theme's, if set.\nexport function warnOnPoorContrast(\n pageId: string,\n navigationBar: NavigationBarOptions,\n scheme: ColorScheme,\n textColor: string | undefined,\n background: string,\n): void {\n const { backgroundColor: barBackground, textColor: barText } = navigationBar;\n if (barBackground && barText) {\n warnIfHardToRead(\n `Page \"${pageId}\": the navigation bar's textColor ${barText} on its backgroundColor ${barBackground}`,\n barText,\n barBackground,\n 'leave textColor out so Dash picks one',\n );\n }\n if (textColor) {\n warnIfHardToRead(\n `Page \"${pageId}\": the ${scheme} text ${textColor} on the page's background ${background}`,\n textColor,\n background,\n 'leave the text color out so Dash picks one',\n );\n }\n}\n\nfunction warnIfHardToRead(\n subject: string,\n textColor: string,\n background: string,\n advice: string,\n): void {\n const ratio = contrast(textColor, background);\n if (ratio >= READABLE_CONTRAST || shownWarnings.has(subject)) {\n return;\n }\n shownWarnings.add(subject);\n console.warn(\n `[dot] ${subject} is hard to read: its contrast is ${ratio.toFixed(1)}, and text needs at least ${READABLE_CONTRAST}. Pick colours further apart, or ${advice}.`,\n );\n}\n","import { HostError } from '@monimesl/dot-core';\n\nexport function cancelledError(method: string): HostError {\n return new HostError('cancelled', `\"${method}\" was cancelled`);\n}\n","import type {\n HostCallOptions,\n HostRequest,\n HostResult,\n LogicLayerMessages,\n} from '@monimesl/dot-core';\nimport { HostError, createHostRequest } from '@monimesl/dot-core';\n\nimport type { ServiceChannel } from './service';\nimport { cancelledError } from './host-errors';\n\ninterface WaitingCall {\n readonly method: string;\n resolve(value: unknown): void;\n reject(error: HostError): void;\n}\n\n// Calls to the host that are waiting for their `hostResult`.\nexport class HostCalls {\n readonly #channel: ServiceChannel;\n readonly #waiting = new Map<number, WaitingCall>();\n #nextId = 1;\n\n constructor(channel: ServiceChannel) {\n this.#channel = channel;\n channel.handle('hostResult', (result) => this.#settle(result));\n }\n\n call(method: string, params: unknown, options: HostCallOptions): HostRequest<unknown> {\n const id = this.#nextId++;\n const promise = new Promise<unknown>((resolve, reject) => {\n this.#waiting.set(id, { method, resolve, reject });\n });\n const message: LogicLayerMessages['hostCall'] = { id, method, params };\n if (options.timeout !== undefined) {\n message.timeout = options.timeout;\n }\n this.#channel.send('hostCall', message);\n return createHostRequest(promise, () => this.#cancel(id));\n }\n\n #cancel(id: number): void {\n const call = this.#waiting.get(id);\n if (!call) {\n return;\n }\n this.#waiting.delete(id);\n this.#channel.send('hostCancel', { id });\n call.reject(cancelledError(call.method));\n }\n\n #settle(result: HostResult): void {\n const call = this.#waiting.get(result.id);\n // A cancelled call may still get a late answer from the host. Ignore it.\n if (!call) {\n return;\n }\n this.#waiting.delete(result.id);\n if ('error' in result) {\n call.reject(new HostError(result.error.code, result.error.message));\n } else {\n call.resolve(result.value);\n }\n }\n}\n","import type {\n DotEvent,\n Navigation,\n NavigationBarOptions,\n PageBars,\n PageConfigs,\n PageShare,\n PageHooks,\n PageLaunchOptions,\n PageState,\n PageColors,\n TabBarOptions,\n} from '@monimesl/dot-core';\nimport {\n applyChanges,\n checkColors,\n checkConfigs,\n checkNavigationBar,\n checkTabBar,\n mergeColors,\n mergeConfigs,\n} from '@monimesl/dot-core';\nimport type { Dash, DashRequest } from '@monimesl/dot-dash';\nimport { dash, tracked } from '@monimesl/dot-dash';\n\ndeclare global {\n // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n interface DotPageIds {}\n}\n\n// Any string until `.dot/pages.d.ts` lists the dot's pages. The brackets make TypeScript test the\n// ids as a whole, not one by one.\nexport type PageId = [keyof DotPageIds] extends [never]\n ? string\n : Extract<keyof DotPageIds, string>;\n\n// The navigation pushForResult asks for: a page on top.\nexport interface PushNavigation {\n readonly action: 'push';\n readonly page: string;\n readonly options: PageLaunchOptions;\n}\n\nexport interface PageNavigation {\n push(page: PageId, options?: PageLaunchOptions): void;\n\n replace(page: PageId, options?: PageLaunchOptions): void;\n\n reset(page: PageId, options?: PageLaunchOptions): void;\n\n back(delta?: number): void;\n\n // Opens `page` on top, and resolves with what it gives back with backWithResult, or undefined if\n // it closes without one, such as when the person goes back.\n pushForResult<Result = unknown>(\n page: PageId,\n options?: PageLaunchOptions,\n ): Promise<Result | undefined>;\n\n // Closes this page, and gives `result` to the page below if it opened this one with pushForResult.\n backWithResult(result: unknown): void;\n}\n\nexport type DeepReadonly<T> = T extends (...args: never[]) => unknown\n ? T\n : T extends object\n ? { readonly [K in keyof T]: DeepReadonly<T[K]> }\n : T;\n\nexport type State<S> = DeepReadonly<S>;\n\nexport type StateChanges<S> = Partial<State<S>>;\n\nexport type StateUpdate<S> = StateChanges<S> | ((state: State<S>) => StateChanges<S> | undefined);\n\n// Declared as methods because TypeScript checks method parameters loosely. That lets a handler\n// narrow its event, such as `(state, event: DotEvent<{ size: number }>) => ...`.\nexport type Mutation<S> = {\n mutation(state: State<S>, event: DotEvent): StateChanges<S> | undefined;\n}['mutation'];\n\nexport type Action<S> = {\n action(state: State<S>, event: DotEvent): void | Promise<void>;\n}['action'];\n\n// A handler's parameters after `state`, which another handler passes when it calls it.\ntype EventArgs<F> = F extends (state: never, ...rest: infer R) => unknown ? R : never;\n\nexport interface PageContext<S extends PageState, Mu, Ac> {\n readonly id: string;\n readonly instanceId: number;\n readonly state: State<S>;\n // Dash's features. Calls still running when the page closes are cancelled.\n readonly dash: Dash;\n\n setState(update: StateUpdate<S>): void;\n\n // Changes Dash's navigation bar on this page, on top of what definePage set.\n setNavigationBar(options: NavigationBarOptions): void;\n\n // Hides or shows Dash's tab bar while this page shows.\n setTabBar(options: TabBarOptions): void;\n\n // Changes this page's colours, on top of what definePage set, one colour at a time, such as\n // { background: { light: \"#FFF3E0\" } }. Undefined puts the theme's colour back.\n setColors(colors: PageColors): void;\n\n readonly mutations: { readonly [K in keyof Mu]: (...event: EventArgs<Mu[K]>) => void };\n readonly actions: { readonly [K in keyof Ac]: (...event: EventArgs<Ac[K]>) => Promise<void> };\n}\n\nexport interface ActionContext<S extends PageState, Mu, Ac> extends PageContext<S, Mu, Ac> {\n readonly navigation: PageNavigation;\n}\n\nexport interface PageOptions<S extends PageState, Mu, Ac> {\n id?: string;\n initialState: S;\n // What Dash's bars show on this page, on top of defineDot's configs. `setNavigationBar` and\n // `setTabBar` change them while the page runs.\n configs?: PageConfigs;\n // Lets Dash's Share open this page, with these of its options. Without it, Share opens the dot's\n // first page. Write it out in place, as the build reads it without running the code.\n share?: PageShare;\n hooks?: Partial<PageHooks> & ThisType<PageContext<S, Mu, Ac>>;\n mutations?: Mu & ThisType<void>;\n actions?: Ac & ThisType<ActionContext<S, Mu, Ac>>;\n}\n\nexport interface PageDefinition<S extends PageState = PageState> {\n readonly id?: string;\n readonly initialState: S;\n readonly configs?: PageConfigs;\n readonly share?: PageShare;\n readonly hooks?: Partial<PageHooks>;\n readonly mutations?: Readonly<Record<string, Mutation<S>>>;\n readonly actions?: Readonly<Record<string, Action<S>>>;\n}\n\nexport function definePage<\n S extends PageState,\n Mu extends Record<string, Mutation<S>>,\n Ac extends Record<string, Action<S>>,\n>(options: PageOptions<S, Mu, Ac>): PageDefinition<S> {\n return options;\n}\n\nexport interface PageHost {\n commit(page: Page, patch: PageState): void;\n\n // The page's bars changed.\n showBars(page: Page): void;\n\n // defineDot's configs. The page's own configs override them.\n readonly dotConfigs?: PageConfigs | undefined;\n\n navigate(page: Page, navigation: Navigation): void;\n\n // Opens a page on top of `page`, which waits for what that page gives back.\n pushForResult(page: Page, navigation: PushNavigation): Promise<unknown>;\n\n backWithResult(page: Page, result: unknown): void;\n\n readonly strict?: boolean;\n}\n\n// What a page keeps from the copy it replaces, such as after a hot reload.\nexport interface RestoredPage<S> {\n readonly state: State<S>;\n readonly barChanges: PageBars;\n}\n\ntype Mutations<S> = Record<string, Mutation<S>>;\ntype Actions<S> = Record<string, Action<S>>;\ntype MutationCalls<S extends PageState> = PageContext<S, Mutations<S>, Actions<S>>['mutations'];\ntype ActionCalls<S extends PageState> = PageContext<S, Mutations<S>, Actions<S>>['actions'];\n\nexport class Page<S extends PageState = PageState> {\n readonly id: string;\n readonly instanceId: number;\n readonly context: PageContext<S, Mutations<S>, Actions<S>>;\n readonly actionContext: ActionContext<S, Mutations<S>, Actions<S>>;\n readonly dash: Dash = tracked(dash, (request) => this.#track(request));\n readonly #definition: PageDefinition<S>;\n readonly #host: PageHost;\n #state: State<S>;\n #closed = false;\n readonly #dashRequests = new Set<DashRequest<unknown>>();\n #previousHook: Promise<unknown> = Promise.resolve();\n // Bar changes the page made while running, on top of its configs.\n #barChanges: PageBars;\n\n constructor(\n instanceId: number,\n id: string,\n definition: PageDefinition<S>,\n host: PageHost,\n restored?: RestoredPage<S>,\n ) {\n this.id = id;\n this.instanceId = instanceId;\n this.#definition = definition;\n this.#host = host;\n if (restored) {\n this.#state = this.#freeze(restored.state);\n this.#barChanges = restored.barChanges;\n } else {\n const copy = JSON.parse(JSON.stringify(definition.initialState)) as State<S>;\n this.#state = this.#freeze(copy);\n this.#barChanges = { navigationBar: {}, tabBar: {}, colors: {} };\n }\n checkConfigs(definition.configs ?? {});\n\n const { mutations = {}, actions = {} } = definition;\n const sharedName = Object.keys(mutations).find((name) => name in actions);\n if (sharedName) {\n throw new Error(\n `Page \"${id}\" uses \"${sharedName}\" as both a mutation and an action. Rename one of them`,\n );\n }\n\n const mutationCalls = mapNames(\n mutations,\n (name) => (event?: DotEvent) => this.mutate(name, event),\n );\n const actionCalls = mapNames(actions, (name) => (event?: DotEvent) => this.act(name, event));\n this.context = new HookContext(this, mutationCalls, actionCalls);\n this.actionContext = new HandlerContext(\n this,\n mutationCalls,\n actionCalls,\n this.#createNavigation(),\n );\n }\n\n get state(): State<S> {\n return this.#state;\n }\n\n // Whether the person can pull the page down to refresh it.\n get refreshable(): boolean {\n return this.#definition.hooks?.onRefresh !== undefined;\n }\n\n get bars(): PageBars {\n return mergeConfigs(this.#host.dotConfigs, this.#definition.configs, this.#barChanges);\n }\n\n get barChanges(): PageBars {\n return this.#barChanges;\n }\n\n setNavigationBar(options: NavigationBarOptions): void {\n checkNavigationBar(options);\n const navigationBar = { ...this.#barChanges.navigationBar, ...options };\n this.#changeBars({ ...this.#barChanges, navigationBar });\n }\n\n setTabBar(options: TabBarOptions): void {\n checkTabBar(options);\n const tabBar = { ...this.#barChanges.tabBar, ...options };\n this.#changeBars({ ...this.#barChanges, tabBar });\n }\n\n setColors(colors: PageColors): void {\n checkColors(colors);\n const mergedColors = mergeColors(this.#barChanges.colors, colors);\n this.#changeBars({ ...this.#barChanges, colors: mergedColors });\n }\n\n #changeBars(barChanges: PageBars): void {\n if (this.#closed) {\n return;\n }\n this.#barChanges = barChanges;\n this.#host.showBars(this as Page);\n }\n\n setState(update: StateUpdate<S>): void {\n if (this.#closed) {\n return;\n }\n let changes: StateChanges<S> | undefined;\n if (typeof update === 'function') {\n changes = update(this.#state);\n } else {\n changes = update;\n }\n if (changes === undefined) {\n return;\n }\n const next = applyChanges(this.#state, changes);\n const patch = this.#changedKeys(next);\n this.#state = this.#freeze(next);\n if (Object.keys(patch).length > 0) {\n this.#host.commit(this as Page, patch);\n }\n }\n\n #changedKeys(next: State<S>): PageState {\n const patch: PageState = {};\n for (const key of Object.keys(next) as (keyof State<S> & string)[]) {\n if (next[key] !== this.#state[key]) {\n patch[key] = next[key];\n }\n }\n return patch;\n }\n\n mutate(name: string, event?: DotEvent): void {\n const mutation = this.#definition.mutations?.[name];\n if (!mutation) {\n throw new Error(`Page \"${this.id}\" has no mutation \"${name}\"`);\n }\n this.#runMutation(mutation, event);\n }\n\n async act(name: string, event?: DotEvent): Promise<void> {\n const action = this.#definition.actions?.[name];\n if (!action) {\n throw new Error(`Page \"${this.id}\" has no action \"${name}\"`);\n }\n await this.#runAction(action, event);\n }\n\n // Runs the mutation or action named by a view event. A mutation is done when this returns.\n dispatch(name: string, event: DotEvent): Promise<void> {\n const action = this.#definition.actions?.[name];\n if (action) {\n return this.#runAction(action, event);\n }\n const mutation = this.#definition.mutations?.[name];\n if (!mutation) {\n throw new Error(`Page \"${this.id}\" has no mutation or action \"${name}\"`);\n }\n this.#runMutation(mutation, event);\n return Promise.resolve();\n }\n\n async lifecycle<K extends keyof PageHooks>(\n hookName: K,\n ...args: Parameters<PageHooks[K]>\n ): Promise<void> {\n const hook = this.#definition.hooks?.[hookName] as\n ((...hookArgs: Parameters<PageHooks[K]>) => unknown) | undefined;\n // Hooks run one at a time, in call order. A failed hook doesn't block the next one.\n const run = this.#previousHook.then(() => hook?.call(this.context, ...args));\n this.#previousHook = run.catch(() => {});\n await run;\n }\n\n close(): void {\n this.#closed = true;\n for (const request of this.#dashRequests) {\n request.cancel();\n }\n this.#dashRequests.clear();\n }\n\n #track(request: DashRequest<unknown>): void {\n if (this.#closed) {\n return;\n }\n this.#dashRequests.add(request);\n const forget = () => this.#dashRequests.delete(request);\n void request.then(forget, forget);\n }\n\n // Handlers called from other handlers may leave out the event, so it can be undefined here.\n #runMutation(mutation: Mutation<S>, event: DotEvent | undefined): void {\n this.setState((state) => mutation(state, event as DotEvent));\n }\n\n async #runAction(action: Action<S>, event: DotEvent | undefined): Promise<void> {\n await action.call(this.actionContext, this.#state, event as DotEvent);\n }\n\n #createNavigation(): PageNavigation {\n return {\n push: (page, options = {}) => this.#navigate({ action: 'push', page, options }),\n replace: (page, options = {}) => this.#navigate({ action: 'replace', page, options }),\n reset: (page, options = {}) => this.#navigate({ action: 'reset', page, options }),\n back: (delta = 1) => this.#navigate({ action: 'back', delta }),\n pushForResult: <Result>(page: PageId, options: PageLaunchOptions = {}) => {\n if (this.#closed) {\n return Promise.resolve(undefined);\n }\n const result = this.#host.pushForResult(this as Page, { action: 'push', page, options });\n return result as Promise<Result | undefined>;\n },\n backWithResult: (result) => {\n if (!this.#closed) {\n this.#host.backWithResult(this as Page, result);\n }\n },\n };\n }\n\n #navigate(navigation: Navigation): void {\n if (!this.#closed) {\n this.#host.navigate(this as Page, navigation);\n }\n }\n\n #freeze(state: State<S>): State<S> {\n if (this.#host.strict) {\n return deepFreeze(state);\n }\n return state;\n }\n}\n\n// What hooks get as `this`. `setState` is bound, so a hook may destructure it.\nclass HookContext<S extends PageState> implements PageContext<S, Mutations<S>, Actions<S>> {\n readonly id: string;\n readonly instanceId: number;\n readonly mutations: MutationCalls<S>;\n readonly actions: ActionCalls<S>;\n readonly dash: Dash;\n readonly #page: Page<S>;\n\n constructor(page: Page<S>, mutations: MutationCalls<S>, actions: ActionCalls<S>) {\n this.id = page.id;\n this.instanceId = page.instanceId;\n this.dash = page.dash;\n this.mutations = mutations;\n this.actions = actions;\n this.#page = page;\n }\n\n get state(): State<S> {\n return this.#page.state;\n }\n\n readonly setState = (update: StateUpdate<S>): void => {\n this.#page.setState(update);\n };\n\n readonly setNavigationBar = (options: NavigationBarOptions): void => {\n this.#page.setNavigationBar(options);\n };\n\n readonly setTabBar = (options: TabBarOptions): void => {\n this.#page.setTabBar(options);\n };\n\n readonly setColors = (colors: PageColors): void => {\n this.#page.setColors(colors);\n };\n}\n\n// What actions get as `this`: the hook context plus navigation.\nclass HandlerContext<S extends PageState>\n extends HookContext<S>\n implements ActionContext<S, Mutations<S>, Actions<S>>\n{\n readonly navigation: PageNavigation;\n\n constructor(\n page: Page<S>,\n mutations: MutationCalls<S>,\n actions: ActionCalls<S>,\n navigation: PageNavigation,\n ) {\n super(page, mutations, actions);\n this.navigation = navigation;\n }\n}\n\nfunction mapNames<T>(\n record: Readonly<Record<string, unknown>>,\n create: (name: string) => T,\n): Record<string, T> {\n return Object.fromEntries(Object.keys(record).map((name) => [name, create(name)]));\n}\n\nfunction deepFreeze<T>(value: T): T {\n if (typeof value === 'object' && value !== null && !Object.isFrozen(value)) {\n Object.freeze(value);\n for (const child of Object.values(value)) {\n deepFreeze(child);\n }\n }\n return value;\n}\n","import type {\n DotHooks,\n DotEvent,\n Envelope,\n HostCaller,\n HostLayerMessages,\n LogicLayerMessages,\n Navigation,\n PageConfigs,\n PageLaunchOptions,\n PageState,\n SystemContext,\n Theme,\n Transport,\n UILayerMessages,\n} from '@monimesl/dot-core';\nimport {\n DEFAULT_SYSTEM_CONTEXT,\n checkConfigs,\n connectHost,\n EventEmitter,\n MAX_STACK_DEPTH,\n MessageChannel,\n pageBackground,\n themeScheme,\n withSystemDefaults,\n} from '@monimesl/dot-core';\nimport { useHostDashApiVersions, warnAboveDashApiVersion } from '@monimesl/dot-dash';\n\nimport { warnOnPoorContrast } from './contrast';\nimport { HostCalls } from './host-calls';\nimport type { PageDefinition, PushNavigation, RestoredPage } from './page';\nimport { Page } from './page';\n\nexport type ServiceChannel = MessageChannel<\n LogicLayerMessages,\n UILayerMessages & HostLayerMessages\n>;\n\nexport interface ServiceHooks {\n launch(): void;\n\n pageLoad(page: Page): void;\n\n pageUnload(page: Page): void;\n\n pageShow(page: Page): void;\n\n pageHide(page: Page): void;\n\n // A page asked to navigate. The request is on its way to the view layer.\n navigate(page: Page, navigation: Navigation): void;\n\n // Before a handler runs\n event(page: Page, handler: string, event: DotEvent): void;\n\n // After the state changes, with the changed keys, before they go to the view layer\n setState(page: Page, patch: PageState): void;\n\n // `instanceId` is set when the error came from a page.\n error(error: unknown, instanceId: number | undefined): void;\n}\n\nexport interface ServicePlugin {\n readonly name: string;\n\n setup(service: Service): void;\n}\n\nexport interface DotContext {\n readonly theme: Theme;\n readonly systemContext: SystemContext;\n\n setTheme(theme: Theme): void;\n}\n\nexport interface DotDefinition {\n readonly theme?: Theme;\n readonly plugins?: readonly ServicePlugin[];\n readonly pages: readonly [string, ...string[]];\n // What Dash's bars show on every page. A page's own configs override them.\n readonly configs?: PageConfigs;\n readonly hooks?: Partial<DotHooks> & ThisType<DotContext>;\n}\n\nexport function defineDot(dot: DotDefinition): DotDefinition {\n return dot;\n}\n\nexport interface ServiceOptions {\n transport: Transport;\n dot?: Partial<DotDefinition>;\n pages: Record<string, PageDefinition>;\n strict?: boolean;\n // While developing, the dot's minApiVersion from dot.json, so Dash calls newer than it are pointed out.\n dashMinApiVersion?: string | undefined;\n}\n\n// The logic layer. It owns every page's state, runs handlers, and sends state changes to the\n// view layer.\nexport class Service implements DotContext {\n readonly channel: ServiceChannel;\n readonly hooks = new EventEmitter<ServiceHooks>();\n #definitions: Record<string, PageDefinition>;\n readonly #pages = new Map<number, Page>();\n readonly #dot: Partial<DotDefinition>;\n readonly #strict: boolean;\n readonly #development: boolean;\n #theme: Theme;\n #systemContext: SystemContext = DEFAULT_SYSTEM_CONTEXT;\n #stack: HostLayerMessages['syncStack'] = { pages: [], limit: MAX_STACK_DEPTH };\n // How each page waiting for a result from a page it opened with pushForResult gets it.\n readonly #awaitingResults = new Map<number, (result: unknown) => void>();\n // Results given with backWithResult, kept for the page below until it shows again.\n readonly #results = new Map<number, unknown>();\n readonly #hostCalls: HostCalls;\n\n constructor({ transport, pages, dot = {}, strict = false, dashMinApiVersion }: ServiceOptions) {\n this.channel = new MessageChannel(transport);\n this.#hostCalls = new HostCalls(this.channel);\n this.#definitions = pages;\n this.#dot = dot;\n this.#strict = strict;\n // Only development builds pass the Dash API version, so only they warn about it.\n this.#development = dashMinApiVersion !== undefined;\n if (dashMinApiVersion !== undefined) {\n warnAboveDashApiVersion(dashMinApiVersion);\n }\n this.#theme = dot.theme ?? {};\n checkConfigs(dot.configs ?? {});\n\n this.channel.handle('connect', () => this.channel.send('setTheme', { theme: this.#theme }));\n this.channel.handle('syncStack', (stack) => {\n this.#stack = stack;\n });\n this.channel.handle('syncSystemContext', (context) => {\n const previousScheme = this.#systemContext.scheme;\n this.#systemContext = withSystemDefaults(context);\n useHostDashApiVersions(this.#systemContext.dashApiVersions);\n if (this.#systemContext.scheme !== previousScheme) {\n this.#resendBars();\n }\n });\n this.channel.handle('load', ({ instanceId, page, options }) =>\n this.loadPage(instanceId, page, options),\n );\n this.channel.handle('unload', ({ instanceId }) => this.unloadPage(instanceId));\n this.channel.handle('show', ({ instanceId }) => {\n const page = this.getPage(instanceId);\n // The page it opened has closed, with or without a result.\n this.#settleResult(instanceId);\n this.hooks.emit('pageShow', page);\n this.reportError(page.lifecycle('onShow'), instanceId);\n });\n this.channel.handle('hide', ({ instanceId }) => {\n const page = this.getPage(instanceId);\n this.hooks.emit('pageHide', page);\n this.reportError(page.lifecycle('onHide'), instanceId);\n });\n this.channel.handle('refresh', ({ instanceId }) => {\n const page = this.getPage(instanceId);\n const refresh = page.lifecycle('onRefresh').finally(() => {\n this.channel.send('refreshed', { instanceId });\n });\n this.reportError(refresh, instanceId);\n });\n this.channel.handle('event', ({ instanceId, handler, event }) => {\n const page = this.getPage(instanceId);\n this.hooks.emit('event', page, handler, event);\n this.reportError(page.dispatch(handler, event), instanceId);\n });\n\n dot.plugins?.forEach((plugin) => this.use(plugin));\n }\n\n use(plugin: ServicePlugin): this {\n plugin.setup(this);\n return this;\n }\n\n start(): () => void {\n const stopListening = this.channel.listen((error, message) => {\n this.#reportError(error, instanceIdOf(message));\n });\n connectHost(this.callHost);\n this.hooks.emit('launch');\n this.reportError(this.#runLaunchHook());\n return () => {\n stopListening();\n connectHost(null);\n };\n }\n\n get theme(): Theme {\n return this.#theme;\n }\n\n get systemContext(): SystemContext {\n return this.#systemContext;\n }\n\n setTheme(theme: Theme): void {\n this.#theme = theme;\n this.channel.send('setTheme', { theme });\n this.#resendBars();\n }\n\n getPage(instanceId: number): Page {\n const page = this.#pages.get(instanceId);\n if (!page) {\n throw new Error(`Page instance ${instanceId} is not loaded`);\n }\n return page;\n }\n\n // Runs a host call, such as `dash.ui.alert`, through this service's channel.\n readonly callHost: HostCaller = (method, params, options) =>\n this.#hostCalls.call(method, params, options);\n\n loadPage(instanceId: number, id: string, options: PageLaunchOptions = {}): Page {\n const page = this.#createPage(instanceId, id);\n this.#sendInitialState(page);\n this.#sendBars(page);\n this.hooks.emit('pageLoad', page);\n this.reportError(page.lifecycle('onLoad', options), instanceId);\n return page;\n }\n\n // Swaps in a newer build's pages on a hot reload. A page restarts only if its initialState\n // changed.\n replacePages(definitions: Record<string, PageDefinition>): void {\n const previousDefinitions = this.#definitions;\n this.#definitions = definitions;\n for (const [instanceId, page] of this.#pages) {\n const definition = definitions[page.id];\n // A page the new build no longer has keeps its old code until it closes.\n if (!definition) {\n continue;\n }\n page.close();\n const previousInitialState = previousDefinitions[page.id]?.initialState;\n if (JSON.stringify(previousInitialState) !== JSON.stringify(definition.initialState)) {\n this.loadPage(instanceId, page.id, this.#launchOptions(instanceId));\n } else {\n this.#keepPage(page);\n }\n }\n }\n\n #keepPage(page: Page): void {\n const kept = this.#createPage(page.instanceId, page.id, {\n state: page.state,\n barChanges: page.barChanges,\n });\n // The new definePage may set other configs, or add or drop onRefresh.\n this.#sendBars(kept);\n if (kept.refreshable !== page.refreshable) {\n this.#sendInitialState(kept);\n }\n }\n\n #sendInitialState(page: Page): void {\n this.channel.send('initPageState', {\n instanceId: page.instanceId,\n state: page.state,\n refreshable: page.refreshable,\n });\n }\n\n // The options the page was opened with, so its onLoad can run again with them.\n #launchOptions(instanceId: number): PageLaunchOptions | undefined {\n const entry = this.#stack.pages.find((stackEntry) => stackEntry.instanceId === instanceId);\n return entry?.options;\n }\n\n #createPage(instanceId: number, id: string, restored?: RestoredPage<PageState>): Page {\n const page = new Page(\n instanceId,\n id,\n this.#definition(id),\n {\n commit: (page, patch) => {\n this.hooks.emit('setState', page, patch);\n this.channel.send('setPageState', { instanceId: page.instanceId, patchState: patch });\n },\n showBars: (page) => this.#sendBars(page),\n dotConfigs: this.#dot.configs,\n navigate: (page, navigation) => this.#navigate(page, navigation),\n pushForResult: (page, navigation) => this.#pushForResult(page, navigation),\n backWithResult: (page, result) => this.#backWithResult(page, result),\n strict: this.#strict,\n },\n restored,\n );\n this.#pages.set(instanceId, page);\n return page;\n }\n\n #navigate(page: Page, navigation: Navigation): void {\n if (navigation.action !== 'back') {\n this.#definition(navigation.page);\n }\n const { pages, limit } = this.#stack;\n if (navigation.action === 'push' && pages.length >= limit) {\n throw new Error(\n `Can't open \"${navigation.page}\": ${limit} pages are already open. Use replace or back.`,\n );\n }\n this.hooks.emit('navigate', page, navigation);\n this.channel.send('navigate', { ...navigation, from: page.instanceId });\n }\n\n #pushForResult(page: Page, navigation: PushNavigation): Promise<unknown> {\n // A result it was still waiting for can't come now.\n this.#settleResult(page.instanceId);\n // When the page can't open, the promise rejects with the reason.\n return new Promise((resolve) => {\n this.#navigate(page, navigation);\n this.#awaitingResults.set(page.instanceId, resolve);\n });\n }\n\n #backWithResult(page: Page, result: unknown): void {\n const { pages } = this.#stack;\n const index = pages.findIndex((entry) => entry.instanceId === page.instanceId);\n if (index > 0) {\n const below = pages[index - 1]!;\n this.#results.set(below.instanceId, result);\n }\n this.#navigate(page, { action: 'back', delta: 1 });\n }\n\n // Ends the page's wait for a result: with the one kept for it, or undefined without one.\n #settleResult(instanceId: number): void {\n const result = this.#results.get(instanceId);\n this.#results.delete(instanceId);\n const resolve = this.#awaitingResults.get(instanceId);\n this.#awaitingResults.delete(instanceId);\n resolve?.(result);\n }\n\n // The host gets the background as the dot shows it now; the webview gets the page's colours.\n #sendBars(page: Page): void {\n const { navigationBar, tabBar, colors } = page.bars;\n const deviceScheme = this.#systemContext.scheme;\n const background = pageBackground(colors.background, this.#theme, deviceScheme);\n this.channel.send('pageBars', {\n instanceId: page.instanceId,\n navigationBar,\n tabBar,\n background,\n });\n this.channel.send('pageColors', { instanceId: page.instanceId, colors });\n if (this.#development) {\n const scheme = themeScheme(this.#theme, deviceScheme);\n const textColor = colors.text?.[scheme] ?? this.#theme.colors?.text?.[scheme];\n warnOnPoorContrast(page.id, navigationBar, scheme, textColor, background);\n }\n }\n\n // A new theme or scheme can change the background every open page shows.\n #resendBars(): void {\n for (const page of this.#pages.values()) {\n this.#sendBars(page);\n }\n }\n\n unloadPage(instanceId: number): void {\n const page = this.#pages.get(instanceId);\n if (!page) {\n return;\n }\n this.#pages.delete(instanceId);\n page.close();\n this.#settleResult(instanceId);\n this.reportError(page.lifecycle('onUnload'), instanceId);\n this.hooks.emit('pageUnload', page);\n }\n\n #definition(id: string): PageDefinition {\n const definition = this.#definitions[id];\n if (!definition) {\n throw new Error(`Unknown page \"${id}\"`);\n }\n return definition;\n }\n\n reportError(work: Promise<void>, instanceId?: number): void {\n work.catch((error: unknown) => {\n this.#reportError(error, instanceId);\n });\n }\n\n async #runLaunchHook(): Promise<void> {\n await this.#dot.hooks?.onLaunch?.call(this);\n }\n\n #reportError(error: unknown, instanceId: number | undefined): void {\n this.hooks.emit('error', error, instanceId);\n const reason = error instanceof Error ? error : new Error(String(error));\n this.#dot.hooks?.onError?.call(this, reason);\n const report: LogicLayerMessages['error'] = { message: reason.message };\n if (instanceId !== undefined) {\n report.instanceId = instanceId;\n }\n this.channel.send('error', report);\n }\n}\n\nfunction instanceIdOf(message: Envelope): number | undefined {\n const payload = message.payload as { instanceId?: unknown } | undefined;\n if (typeof payload?.instanceId === 'number') {\n return payload.instanceId;\n }\n return undefined;\n}\n"],"mappings":"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"}
|
package/dist/testing.d.ts
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import { f as State, s as PageDefinition } from "./page-
|
|
2
|
-
import { DotEvent, Navigation, PageLaunchOptions, PageState } from "@monimesl/dot-core";
|
|
1
|
+
import { f as State, s as PageDefinition } from "./page-DBnKjef6.js";
|
|
2
|
+
import { DotEvent, Navigation, PageBars, PageLaunchOptions, PageState } from "@monimesl/dot-core";
|
|
3
3
|
//#region src/testing.d.ts
|
|
4
4
|
export type TestHost = Readonly<Record<string, (params: never) => unknown>>;
|
|
5
5
|
export interface TestPageOptions {
|
|
6
6
|
id?: string;
|
|
7
7
|
options?: PageLaunchOptions;
|
|
8
8
|
host?: TestHost;
|
|
9
|
+
results?: Readonly<Record<string, unknown>>;
|
|
9
10
|
}
|
|
10
11
|
export interface HostCallRecord {
|
|
11
12
|
readonly method: string;
|
|
@@ -16,12 +17,15 @@ export interface PageTest<S extends PageState> {
|
|
|
16
17
|
readonly patches: readonly PageState[];
|
|
17
18
|
readonly navigations: readonly Navigation[];
|
|
18
19
|
readonly hostCalls: readonly HostCallRecord[];
|
|
20
|
+
readonly bars: PageBars;
|
|
21
|
+
readonly result: unknown;
|
|
19
22
|
tap(name: string, detail?: unknown): Promise<void>;
|
|
20
23
|
dispatch(name: string, event?: DotEvent): Promise<void>;
|
|
21
24
|
show(): Promise<void>;
|
|
22
25
|
hide(): Promise<void>;
|
|
23
26
|
unload(): Promise<void>;
|
|
27
|
+
refresh(): Promise<void>;
|
|
24
28
|
}
|
|
25
|
-
export declare function testPage<S extends PageState>(definition: PageDefinition<S>, { id, options, host }?: TestPageOptions): Promise<PageTest<S>>;
|
|
29
|
+
export declare function testPage<S extends PageState>(definition: PageDefinition<S>, { id, options, host, results }?: TestPageOptions): Promise<PageTest<S>>;
|
|
26
30
|
//#endregion
|
|
27
31
|
//# sourceMappingURL=testing.d.ts.map
|
package/dist/testing.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"testing.d.ts","names":[],"sources":["../src/testing.ts"],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"testing.d.ts","names":[],"sources":["../src/testing.ts"],"mappings":";;;YAuBY,WAAW,SAAS,gBAAgB;iBAE/B;EACf;EACA,UAAU;EAEV,OAAO;EAGP,UAAU,SAAS;;iBAGJ;WACN;WACA;;iBAGM,SAAS,UAAU;WACzB,OAAO,MAAM;WACb,kBAAkB;WAClB,sBAAsB;WACtB,oBAAoB;WAEpB,MAAM;WAEN;EAET,IAAI,cAAc,mBAAmB;EAErC,SAAS,cAAc,QAAQ,WAAW;EAE1C,QAAQ;EAER,QAAQ;EAER,UAAU;EAGV,WAAW;;wBAGS,SAAS,UAAU,WACvC,YAAY,eAAe,MACzB,IAAa,SAAc,MAAW,YAAgB,kBACvD,QAAQ,SAAS"}
|
package/dist/testing.js
CHANGED
|
@@ -1,35 +1,31 @@
|
|
|
1
|
-
import { i as definePage, n as defineDot, r as Page } from "./service-
|
|
1
|
+
import { a as cancelledError, i as definePage, n as defineDot, r as Page } from "./service-CBsppV0p.js";
|
|
2
2
|
import { HostError, connectHost, createEvent, createHostRequest } from "@monimesl/dot-core";
|
|
3
3
|
//#region src/testing.ts
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
})
|
|
9
|
-
async function testPage(definition, { id = "test", options = {}, host = {} } = {}) {
|
|
4
|
+
const globals = globalThis;
|
|
5
|
+
globals.definePage = definePage;
|
|
6
|
+
globals.defineDot = defineDot;
|
|
7
|
+
globals.createEvent = createEvent;
|
|
8
|
+
async function testPage(definition, { id = "test", options = {}, host = {}, results = {} } = {}) {
|
|
10
9
|
const patches = [];
|
|
11
10
|
const navigations = [];
|
|
12
11
|
const hostCalls = [];
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
method,
|
|
16
|
-
params
|
|
17
|
-
});
|
|
18
|
-
const handler = host[method];
|
|
19
|
-
if (!handler) {
|
|
20
|
-
const error = new HostError("unsupported", `The test gives no host method "${method}"`);
|
|
21
|
-
return createHostRequest(Promise.reject(error));
|
|
22
|
-
}
|
|
23
|
-
let cancel = () => {};
|
|
24
|
-
const answer = new Promise((resolve, reject) => {
|
|
25
|
-
cancel = () => reject(new HostError("cancelled", `"${method}" was cancelled`));
|
|
26
|
-
Promise.resolve().then(() => handler(params)).then(resolve, reject);
|
|
27
|
-
});
|
|
28
|
-
return createHostRequest(answer, () => cancel());
|
|
29
|
-
});
|
|
12
|
+
let result;
|
|
13
|
+
connectHost(fakeHostCaller(host, hostCalls));
|
|
30
14
|
const page = new Page(1, id, definition, {
|
|
31
15
|
commit: (_page, patch) => patches.push(patch),
|
|
16
|
+
showBars: () => {},
|
|
32
17
|
navigate: (_page, navigation) => navigations.push(navigation),
|
|
18
|
+
pushForResult: (_page, navigation) => {
|
|
19
|
+
navigations.push(navigation);
|
|
20
|
+
return Promise.resolve(results[navigation.page]);
|
|
21
|
+
},
|
|
22
|
+
backWithResult: (_page, given) => {
|
|
23
|
+
result = given;
|
|
24
|
+
navigations.push({
|
|
25
|
+
action: "back",
|
|
26
|
+
delta: 1
|
|
27
|
+
});
|
|
28
|
+
},
|
|
33
29
|
strict: true
|
|
34
30
|
});
|
|
35
31
|
const dispatch = async (name, event = createEvent("tap")) => {
|
|
@@ -41,6 +37,12 @@ async function testPage(definition, { id = "test", options = {}, host = {} } = {
|
|
|
41
37
|
get state() {
|
|
42
38
|
return page.state;
|
|
43
39
|
},
|
|
40
|
+
get bars() {
|
|
41
|
+
return page.bars;
|
|
42
|
+
},
|
|
43
|
+
get result() {
|
|
44
|
+
return result;
|
|
45
|
+
},
|
|
44
46
|
patches,
|
|
45
47
|
navigations,
|
|
46
48
|
hostCalls,
|
|
@@ -51,7 +53,27 @@ async function testPage(definition, { id = "test", options = {}, host = {} } = {
|
|
|
51
53
|
unload: async () => {
|
|
52
54
|
page.close();
|
|
53
55
|
await page.lifecycle("onUnload");
|
|
56
|
+
},
|
|
57
|
+
refresh: () => page.lifecycle("onRefresh")
|
|
58
|
+
};
|
|
59
|
+
}
|
|
60
|
+
function fakeHostCaller(host, hostCalls) {
|
|
61
|
+
return (method, params) => {
|
|
62
|
+
hostCalls.push({
|
|
63
|
+
method,
|
|
64
|
+
params
|
|
65
|
+
});
|
|
66
|
+
const handler = host[method];
|
|
67
|
+
if (!handler) {
|
|
68
|
+
const error = new HostError("unsupported", `The test has no host method "${method}". Add it to testPage's \`host\` option`);
|
|
69
|
+
return createHostRequest(Promise.reject(error));
|
|
54
70
|
}
|
|
71
|
+
let cancel = () => {};
|
|
72
|
+
const answer = new Promise((resolve, reject) => {
|
|
73
|
+
cancel = () => reject(cancelledError(method));
|
|
74
|
+
Promise.resolve().then(() => handler(params)).then(resolve, reject);
|
|
75
|
+
});
|
|
76
|
+
return createHostRequest(answer, () => cancel());
|
|
55
77
|
};
|
|
56
78
|
}
|
|
57
79
|
//#endregion
|
package/dist/testing.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"testing.js","names":[],"sources":["../src/testing.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"testing.js","names":[],"sources":["../src/testing.ts"],"sourcesContent":["import type {\n DotEvent,\n HostCaller,\n Navigation,\n PageBars,\n PageLaunchOptions,\n PageState,\n} from '@monimesl/dot-core';\nimport { HostError, connectHost, createEvent, createHostRequest } from '@monimesl/dot-core';\n\nimport type { PageDefinition, State } from './page';\nimport { definePage, Page } from './page';\nimport { defineDot } from './service';\nimport { cancelledError } from './host-errors';\n\n// A dot's code uses these without imports, and the compiler adds the imports when it bundles.\n// Tests load that code directly, so this module sets them up. Import it first.\nconst globals = globalThis as unknown as Record<string, unknown>;\nglobals.definePage = definePage;\nglobals.defineDot = defineDot;\nglobals.createEvent = createEvent;\n\n// Fake host methods by name, such as `'dash.ui.alert': () => ({ action: 'ok' })`.\nexport type TestHost = Readonly<Record<string, (params: never) => unknown>>;\n\nexport interface TestPageOptions {\n id?: string;\n options?: PageLaunchOptions;\n // Host methods the page may call. Any other call rejects with `unsupported`.\n host?: TestHost;\n // What each page the test page opens with pushForResult gives back, by its id. A page not listed\n // gives undefined, as if the person went back.\n results?: Readonly<Record<string, unknown>>;\n}\n\nexport interface HostCallRecord {\n readonly method: string;\n readonly params: unknown;\n}\n\nexport interface PageTest<S extends PageState> {\n readonly state: State<S>;\n readonly patches: readonly PageState[];\n readonly navigations: readonly Navigation[];\n readonly hostCalls: readonly HostCallRecord[];\n // What Dash's bars show over the page now.\n readonly bars: PageBars;\n // What the page gave back with backWithResult, or undefined.\n readonly result: unknown;\n\n tap(name: string, detail?: unknown): Promise<void>;\n\n dispatch(name: string, event?: DotEvent): Promise<void>;\n\n show(): Promise<void>;\n\n hide(): Promise<void>;\n\n unload(): Promise<void>;\n\n // Runs the page's onRefresh, as when the person pulls it down.\n refresh(): Promise<void>;\n}\n\nexport async function testPage<S extends PageState>(\n definition: PageDefinition<S>,\n { id = 'test', options = {}, host = {}, results = {} }: TestPageOptions = {},\n): Promise<PageTest<S>> {\n const patches: PageState[] = [];\n const navigations: Navigation[] = [];\n const hostCalls: HostCallRecord[] = [];\n let result: unknown;\n connectHost(fakeHostCaller(host, hostCalls));\n const page = new Page<S>(1, id, definition, {\n commit: (_page, patch) => patches.push(patch),\n showBars: () => {},\n navigate: (_page, navigation) => navigations.push(navigation),\n pushForResult: (_page, navigation) => {\n navigations.push(navigation);\n return Promise.resolve(results[navigation.page]);\n },\n backWithResult: (_page, given) => {\n result = given;\n navigations.push({ action: 'back', delta: 1 });\n },\n strict: true,\n });\n const dispatch = async (name: string, event: DotEvent = createEvent('tap')) => {\n await page.dispatch(name, event);\n };\n\n await page.lifecycle('onLoad', options);\n await page.lifecycle('onShow');\n\n return {\n get state() {\n return page.state;\n },\n get bars() {\n return page.bars;\n },\n get result() {\n return result;\n },\n patches,\n navigations,\n hostCalls,\n tap: (name, detail = {}) => dispatch(name, createEvent('tap', detail)),\n dispatch,\n show: () => page.lifecycle('onShow'),\n hide: () => page.lifecycle('onHide'),\n unload: async () => {\n page.close();\n await page.lifecycle('onUnload');\n },\n refresh: () => page.lifecycle('onRefresh'),\n };\n}\n\n// Answers each call with the test's fake for that method.\nfunction fakeHostCaller(host: TestHost, hostCalls: HostCallRecord[]): HostCaller {\n return (method, params) => {\n hostCalls.push({ method, params });\n const handler = host[method];\n if (!handler) {\n const error = new HostError(\n 'unsupported',\n `The test has no host method \"${method}\". Add it to testPage's \\`host\\` option`,\n );\n return createHostRequest(Promise.reject(error));\n }\n // Cancelling rejects the call, as it does in a running dot.\n let cancel = () => {};\n const answer = new Promise<unknown>((resolve, reject) => {\n cancel = () => reject(cancelledError(method));\n Promise.resolve()\n .then(() => handler(params as never))\n .then(resolve, reject);\n });\n return createHostRequest(answer, () => cancel());\n };\n}\n"],"mappings":";;;AAiBA,MAAM,UAAU;AAChB,QAAQ,aAAa;AACrB,QAAQ,YAAY;AACpB,QAAQ,cAAc;AA4CtB,eAAsB,SACpB,YACA,EAAE,KAAK,QAAQ,UAAU,CAAC,GAAG,OAAO,CAAC,GAAG,UAAU,CAAC,MAAuB,CAAC,GACrD;CACtB,MAAM,UAAuB,CAAC;CAC9B,MAAM,cAA4B,CAAC;CACnC,MAAM,YAA8B,CAAC;CACrC,IAAI;CACJ,YAAY,eAAe,MAAM,SAAS,CAAC;CAC3C,MAAM,OAAO,IAAI,KAAQ,GAAG,IAAI,YAAY;EAC1C,SAAS,OAAO,UAAU,QAAQ,KAAK,KAAK;EAC5C,gBAAgB,CAAC;EACjB,WAAW,OAAO,eAAe,YAAY,KAAK,UAAU;EAC5D,gBAAgB,OAAO,eAAe;GACpC,YAAY,KAAK,UAAU;GAC3B,OAAO,QAAQ,QAAQ,QAAQ,WAAW,KAAK;EACjD;EACA,iBAAiB,OAAO,UAAU;GAChC,SAAS;GACT,YAAY,KAAK;IAAE,QAAQ;IAAQ,OAAO;GAAE,CAAC;EAC/C;EACA,QAAQ;CACV,CAAC;CACD,MAAM,WAAW,OAAO,MAAc,QAAkB,YAAY,KAAK,MAAM;EAC7E,MAAM,KAAK,SAAS,MAAM,KAAK;CACjC;CAEA,MAAM,KAAK,UAAU,UAAU,OAAO;CACtC,MAAM,KAAK,UAAU,QAAQ;CAE7B,OAAO;EACL,IAAI,QAAQ;GACV,OAAO,KAAK;EACd;EACA,IAAI,OAAO;GACT,OAAO,KAAK;EACd;EACA,IAAI,SAAS;GACX,OAAO;EACT;EACA;EACA;EACA;EACA,MAAM,MAAM,SAAS,CAAC,MAAM,SAAS,MAAM,YAAY,OAAO,MAAM,CAAC;EACrE;EACA,YAAY,KAAK,UAAU,QAAQ;EACnC,YAAY,KAAK,UAAU,QAAQ;EACnC,QAAQ,YAAY;GAClB,KAAK,MAAM;GACX,MAAM,KAAK,UAAU,UAAU;EACjC;EACA,eAAe,KAAK,UAAU,WAAW;CAC3C;AACF;AAGA,SAAS,eAAe,MAAgB,WAAyC;CAC/E,QAAQ,QAAQ,WAAW;EACzB,UAAU,KAAK;GAAE;GAAQ;EAAO,CAAC;EACjC,MAAM,UAAU,KAAK;EACrB,IAAI,CAAC,SAAS;GACZ,MAAM,QAAQ,IAAI,UAChB,eACA,gCAAgC,OAAO,wCACzC;GACA,OAAO,kBAAkB,QAAQ,OAAO,KAAK,CAAC;EAChD;EAEA,IAAI,eAAe,CAAC;EACpB,MAAM,SAAS,IAAI,SAAkB,SAAS,WAAW;GACvD,eAAe,OAAO,eAAe,MAAM,CAAC;GAC5C,QAAQ,QAAQ,CAAC,CACd,WAAW,QAAQ,MAAe,CAAC,CAAC,CACpC,KAAK,SAAS,MAAM;EACzB,CAAC;EACD,OAAO,kBAAkB,cAAc,OAAO,CAAC;CACjD;AACF"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@monimesl/dot-service",
|
|
3
|
-
"version": "0.1.0-alpha.
|
|
3
|
+
"version": "0.1.0-alpha.31",
|
|
4
4
|
"description": "Dot logic layer: pages, state and plugins",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"repository": {
|
|
@@ -30,8 +30,8 @@
|
|
|
30
30
|
"main": "./dist/index.js",
|
|
31
31
|
"types": "./dist/index.d.ts",
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@monimesl/dot-core": "0.1.0-alpha.
|
|
34
|
-
"@monimesl/dot-dash": "0.1.0-alpha.
|
|
33
|
+
"@monimesl/dot-core": "0.1.0-alpha.31",
|
|
34
|
+
"@monimesl/dot-dash": "0.1.0-alpha.31"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"publint": "^0.3.24",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"page-CacQ_ken.d.ts","names":[],"sources":["../src/page.ts"],"mappings":";;;QAWQ;YAEI;;KAKA,gBAAgB,uCAExB,cAAc;UAED;EACf,KAAK,MAAM,QAAQ,UAAU;EAE7B,QAAQ,MAAM,QAAQ,UAAU;EAEhC,MAAM,MAAM,QAAQ,UAAU;EAE9B,KAAK;;KAGK,aAAa,KAAK,eAAc,6BACxC,IACA,+BACc,WAAW,IAAI,aAAa,EAAE,SAC1C;KAEM,MAAM,KAAK,aAAa;KAExB,aAAa,KAAK,QAAQ,MAAM;KAEhC,YAAY,KAAK,aAAa,OAAO,OAAO,MAAM,OAAO,aAAa;KAItE,SAAS;EACnB,SAAS,OAAO,MAAM,IAAI,OAAO,WAAW,aAAa;;KAG/C,OAAO;EACjB,OAAO,OAAO,MAAM,IAAI,OAAO,kBAAkB;;KAI9C,UAAU,KAAK,YAAW,iBAAiB,YAAY,iBAAgB;UAE3D,YAAY,UAAU,WAAW,IAAI;WAC3C;WACA;WACA,OAAO,MAAM;WAEb,MAAM;EAEf,SAAS,QAAQ,YAAY;WAEpB,uBAAuB,WAAW,SAAS,OAAO,UAAU,GAAG;WAC/D,qBAAqB,WAAW,SAAS,OAAO,UAAU,GAAG,QAAQ;;UAG/D,cAAc,UAAU,WAAW,IAAI,YAAY,YAAY,GAAG,IAAI;WAC5E,YAAY;;UAGN,YAAY,UAAU,WAAW,IAAI;EACpD;EACA,cAAc;EACd,QAAQ,QAAQ,aAAa,SAAS,YAAY,GAAG,IAAI;EACzD,YAAY,KAAK;EACjB,UAAU,KAAK,SAAS,cAAc,GAAG,IAAI;;UAG9B,eAAe,UAAU,YAAY;WAC3C;WACA,cAAc;WACd,QAAQ,QAAQ;WAChB,YAAY,SAAS,eAAe,SAAS;WAC7C,UAAU,SAAS,eAAe,OAAO;;iBAGpC,WACd,UAAU,WACV,WAAW,eAAe,SAAS,KACnC,WAAW,eAAe,OAAO,KACjC,SAAS,YAAY,GAAG,IAAI,MAAM,eAAe;UAIlC;EACf,OAAO,MAAM,MAAM,OAAO;EAE1B,SAAS,MAAM,MAAM,YAAY;WAExB;;KAGN,UAAU,KAAK,eAAe,SAAS;KACvC,QAAQ,KAAK,eAAe,OAAO;cAI3B,KAAK,UAAU,YAAY;;WAC7B;WACA;WACA,SAAS,YAAY,GAAG,UAAU,IAAI,QAAQ;WAC9C,eAAe,cAAc,GAAG,UAAU,IAAI,QAAQ;WAMtD,MAAM;EAGH,YAAA,oBAAoB,YAAY,YAAY,eAAe,IAAI,MAAM;MA2B7E,SAAS,MAAM;EAInB;EAKA,SAAS,QAAQ,YAAY;EAqB7B,OAAO,cAAc,QAAQ;EAQvB,IAAI,cAAc,QAAQ,WAAW;EAS3C,SAAS,cAAc,OAAO,WAAW;EAanC,UAAU,gBAAgB,WAC9B,UAAU,MACP,MAAM,WAAW,UAAU,MAC7B;EASH"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"service-DYshsC1a.js","names":[],"sources":["../src/host-calls.ts","../src/page.ts","../src/service.ts"],"sourcesContent":["import type {\n HostCallOptions,\n HostRequest,\n HostResult,\n LogicLayerMessages,\n} from '@monimesl/dot-core';\nimport { HostError, createHostRequest } from '@monimesl/dot-core';\n\nimport type { ServiceChannel } from './service';\n\ninterface WaitingCall {\n readonly method: string;\n resolve(value: unknown): void;\n reject(error: HostError): void;\n}\n\n// Calls to the host that are waiting for their `hostResult`.\nexport class HostCalls {\n readonly #channel: ServiceChannel;\n readonly #waiting = new Map<number, WaitingCall>();\n #nextId = 1;\n\n constructor(channel: ServiceChannel) {\n this.#channel = channel;\n channel.handle('hostResult', (result) => this.#settle(result));\n }\n\n call(method: string, params: unknown, options: HostCallOptions): HostRequest<unknown> {\n const id = this.#nextId++;\n const promise = new Promise<unknown>((resolve, reject) => {\n this.#waiting.set(id, { method, resolve, reject });\n });\n const message: LogicLayerMessages['hostCall'] = { id, method, params };\n if (options.timeout !== undefined) {\n message.timeout = options.timeout;\n }\n this.#channel.send('hostCall', message);\n return createHostRequest(promise, () => this.#cancel(id));\n }\n\n #cancel(id: number): void {\n const call = this.#waiting.get(id);\n if (!call) {\n return;\n }\n this.#waiting.delete(id);\n this.#channel.send('hostCancel', { id });\n call.reject(new HostError('cancelled', `\"${call.method}\" was cancelled`));\n }\n\n #settle(result: HostResult): void {\n const call = this.#waiting.get(result.id);\n // A call cancelled here may still get the host's late answer, which no one wants any more.\n if (!call) {\n return;\n }\n this.#waiting.delete(result.id);\n if ('error' in result) {\n call.reject(new HostError(result.error.code, result.error.message));\n } else {\n call.resolve(result.value);\n }\n }\n}\n","import type {\n DotEvent,\n Navigation,\n PageHooks,\n PageLaunchOptions,\n PageState,\n} from '@monimesl/dot-core';\nimport { applyChanges } from '@monimesl/dot-core';\nimport type { Dash, DashRequest } from '@monimesl/dot-dash';\nimport { dash, tracked } from '@monimesl/dot-dash';\n\ndeclare global {\n // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n interface DotPageIds {}\n}\n\n// Any string until `.dot/pages.d.ts` lists the dot's pages; the brackets stop TypeScript from\n// applying the condition to each id separately.\nexport type PageId = [keyof DotPageIds] extends [never]\n ? string\n : Extract<keyof DotPageIds, string>;\n\nexport interface PageNavigation {\n push(page: PageId, options?: PageLaunchOptions): void;\n\n replace(page: PageId, options?: PageLaunchOptions): void;\n\n reset(page: PageId, options?: PageLaunchOptions): void;\n\n back(delta?: number): void;\n}\n\nexport type DeepReadonly<T> = T extends (...args: never[]) => unknown\n ? T\n : T extends object\n ? { readonly [K in keyof T]: DeepReadonly<T[K]> }\n : T;\n\nexport type State<S> = DeepReadonly<S>;\n\nexport type StateChanges<S> = Partial<State<S>>;\n\nexport type StateUpdate<S> = StateChanges<S> | ((state: State<S>) => StateChanges<S> | undefined);\n\n// Declared as methods, whose parameters TypeScript checks loosely, so a handler may narrow its\n// event, e.g. `(state, event: DotEvent<{ size: number }>) => ...`.\nexport type Mutation<S> = {\n mutation(state: State<S>, event: DotEvent): StateChanges<S> | undefined;\n}['mutation'];\n\nexport type Action<S> = {\n action(state: State<S>, event: DotEvent): void | Promise<void>;\n}['action'];\n\n// A handler's parameters after `state`: what calling it from another handler takes.\ntype EventArgs<F> = F extends (state: never, ...rest: infer R) => unknown ? R : never;\n\nexport interface PageContext<S extends PageState, Mu, Ac> {\n readonly id: string;\n readonly instanceId: number;\n readonly state: State<S>;\n // Dash, whose calls still running when the page closes are cancelled.\n readonly dash: Dash;\n\n setState(update: StateUpdate<S>): void;\n\n readonly mutations: { readonly [K in keyof Mu]: (...event: EventArgs<Mu[K]>) => void };\n readonly actions: { readonly [K in keyof Ac]: (...event: EventArgs<Ac[K]>) => Promise<void> };\n}\n\nexport interface ActionContext<S extends PageState, Mu, Ac> extends PageContext<S, Mu, Ac> {\n readonly navigation: PageNavigation;\n}\n\nexport interface PageOptions<S extends PageState, Mu, Ac> {\n id?: string;\n initialState: S;\n hooks?: Partial<PageHooks> & ThisType<PageContext<S, Mu, Ac>>;\n mutations?: Mu & ThisType<void>;\n actions?: Ac & ThisType<ActionContext<S, Mu, Ac>>;\n}\n\nexport interface PageDefinition<S extends PageState = PageState> {\n readonly id?: string;\n readonly initialState: S;\n readonly hooks?: Partial<PageHooks>;\n readonly mutations?: Readonly<Record<string, Mutation<S>>>;\n readonly actions?: Readonly<Record<string, Action<S>>>;\n}\n\nexport function definePage<\n S extends PageState,\n Mu extends Record<string, Mutation<S>>,\n Ac extends Record<string, Action<S>>,\n>(options: PageOptions<S, Mu, Ac>): PageDefinition<S> {\n return options;\n}\n\nexport interface PageHost {\n commit(page: Page, patch: PageState): void;\n\n navigate(page: Page, navigation: Navigation): void;\n\n readonly strict?: boolean;\n}\n\ntype Mutations<S> = Record<string, Mutation<S>>;\ntype Actions<S> = Record<string, Action<S>>;\ntype MutationCalls<S extends PageState> = PageContext<S, Mutations<S>, Actions<S>>['mutations'];\ntype ActionCalls<S extends PageState> = PageContext<S, Mutations<S>, Actions<S>>['actions'];\n\nexport class Page<S extends PageState = PageState> {\n readonly id: string;\n readonly instanceId: number;\n readonly context: PageContext<S, Mutations<S>, Actions<S>>;\n readonly actionContext: ActionContext<S, Mutations<S>, Actions<S>>;\n readonly #definition: PageDefinition<S>;\n readonly #host: PageHost;\n #state: State<S>;\n #closed = false;\n readonly #calls = new Set<DashRequest<unknown>>();\n readonly dash: Dash = tracked(dash, (request) => this.#track(request));\n #previousHook: Promise<unknown> = Promise.resolve();\n\n constructor(instanceId: number, id: string, definition: PageDefinition<S>, host: PageHost) {\n this.id = id;\n this.instanceId = instanceId;\n this.#definition = definition;\n this.#host = host;\n this.#state = this.#freeze(JSON.parse(JSON.stringify(definition.initialState)) as State<S>);\n\n const { mutations = {}, actions = {} } = definition;\n const clash = Object.keys(mutations).find((name) => name in actions);\n if (clash) {\n throw new Error(`Page \"${id}\": \"${clash}\" is both a mutation and an action`);\n }\n\n const mutationCalls = mapNames(\n mutations,\n (name) => (event?: DotEvent) => this.mutate(name, event),\n );\n const actionCalls = mapNames(actions, (name) => (event?: DotEvent) => this.act(name, event));\n this.context = new HookContext(this, mutationCalls, actionCalls);\n this.actionContext = new HandlerContext(\n this,\n mutationCalls,\n actionCalls,\n this.#createNavigation(),\n );\n }\n\n get state(): State<S> {\n return this.#state;\n }\n\n handlers(): string[] {\n const { mutations = {}, actions = {} } = this.#definition;\n return [...Object.keys(mutations), ...Object.keys(actions)];\n }\n\n setState(update: StateUpdate<S>): void {\n if (this.#closed) {\n return;\n }\n const changes = typeof update === 'function' ? update(this.#state) : update;\n if (changes === undefined) {\n return;\n }\n const next = applyChanges(this.#state, changes);\n const patch: PageState = {};\n for (const key of Object.keys(next) as (keyof State<S> & string)[]) {\n if (next[key] !== this.#state[key]) {\n patch[key] = next[key];\n }\n }\n this.#state = this.#freeze(next);\n if (Object.keys(patch).length > 0) {\n this.#host.commit(this as Page, patch);\n }\n }\n\n mutate(name: string, event?: DotEvent): void {\n const mutation = this.#definition.mutations?.[name];\n if (!mutation) {\n throw new Error(`Page \"${this.id}\" has no mutation \"${name}\"`);\n }\n this.#runMutation(mutation, event);\n }\n\n async act(name: string, event?: DotEvent): Promise<void> {\n const action = this.#definition.actions?.[name];\n if (!action) {\n throw new Error(`Page \"${this.id}\" has no action \"${name}\"`);\n }\n await this.#runAction(action, event);\n }\n\n // Runs the mutation or action named by a view event. A mutation is done when this returns.\n dispatch(name: string, event: DotEvent): Promise<void> {\n const action = this.#definition.actions?.[name];\n if (action) {\n return this.#runAction(action, event);\n }\n const mutation = this.#definition.mutations?.[name];\n if (!mutation) {\n throw new Error(`Page \"${this.id}\" has no mutation or action \"${name}\"`);\n }\n this.#runMutation(mutation, event);\n return Promise.resolve();\n }\n\n async lifecycle<K extends keyof PageHooks>(\n hookName: K,\n ...args: Parameters<PageHooks[K]>\n ): Promise<void> {\n const hook = this.#definition.hooks?.[hookName] as\n ((...hookArgs: Parameters<PageHooks[K]>) => unknown) | undefined;\n // Hooks run one at a time, in call order; a failed hook does not block the next one.\n const run = this.#previousHook.then(() => hook?.call(this.context, ...args));\n this.#previousHook = run.catch(() => {});\n await run;\n }\n\n close(): void {\n this.#closed = true;\n for (const request of this.#calls) {\n request.cancel();\n }\n this.#calls.clear();\n }\n\n #track(request: DashRequest<unknown>): void {\n if (this.#closed) {\n return;\n }\n this.#calls.add(request);\n const forget = () => this.#calls.delete(request);\n void request.then(forget, forget);\n }\n\n // Handlers called from other handlers may leave out the event, so it can be undefined here.\n #runMutation(mutation: Mutation<S>, event: DotEvent | undefined): void {\n this.setState((state) => mutation(state, event as DotEvent));\n }\n\n async #runAction(action: Action<S>, event: DotEvent | undefined): Promise<void> {\n await action.call(this.actionContext, this.#state, event as DotEvent);\n }\n\n #createNavigation(): PageNavigation {\n return {\n push: (page, options = {}) => this.#navigate({ action: 'push', page, options }),\n replace: (page, options = {}) => this.#navigate({ action: 'replace', page, options }),\n reset: (page, options = {}) => this.#navigate({ action: 'reset', page, options }),\n back: (delta = 1) => this.#navigate({ action: 'back', delta }),\n };\n }\n\n #navigate(navigation: Navigation): void {\n if (!this.#closed) {\n this.#host.navigate(this as Page, navigation);\n }\n }\n\n #freeze(state: State<S>): State<S> {\n return this.#host.strict ? deepFreeze(state) : state;\n }\n}\n\n// What hooks get as `this`. `setState` is bound, so a hook may destructure it.\nclass HookContext<S extends PageState> implements PageContext<S, Mutations<S>, Actions<S>> {\n readonly id: string;\n readonly instanceId: number;\n readonly mutations: MutationCalls<S>;\n readonly actions: ActionCalls<S>;\n readonly dash: Dash;\n readonly #page: Page<S>;\n\n constructor(page: Page<S>, mutations: MutationCalls<S>, actions: ActionCalls<S>) {\n this.id = page.id;\n this.instanceId = page.instanceId;\n this.dash = page.dash;\n this.mutations = mutations;\n this.actions = actions;\n this.#page = page;\n }\n\n get state(): State<S> {\n return this.#page.state;\n }\n\n readonly setState = (update: StateUpdate<S>): void => {\n this.#page.setState(update);\n };\n}\n\n// What actions get as `this`: the hook context plus navigation.\nclass HandlerContext<S extends PageState>\n extends HookContext<S>\n implements ActionContext<S, Mutations<S>, Actions<S>>\n{\n readonly navigation: PageNavigation;\n\n constructor(\n page: Page<S>,\n mutations: MutationCalls<S>,\n actions: ActionCalls<S>,\n navigation: PageNavigation,\n ) {\n super(page, mutations, actions);\n this.navigation = navigation;\n }\n}\n\nfunction mapNames<T>(\n record: Readonly<Record<string, unknown>>,\n create: (name: string) => T,\n): Record<string, T> {\n return Object.fromEntries(Object.keys(record).map((name) => [name, create(name)]));\n}\n\nfunction deepFreeze<T>(value: T): T {\n if (typeof value === 'object' && value !== null && !Object.isFrozen(value)) {\n Object.freeze(value);\n Object.values(value).forEach(deepFreeze);\n }\n return value;\n}\n","import type {\n DotHooks,\n DotEvent,\n Envelope,\n HostLayerMessages,\n LogicLayerMessages,\n Navigation,\n PageLaunchOptions,\n PageState,\n SystemContext,\n Theme,\n Transport,\n UILayerMessages,\n} from '@monimesl/dot-core';\nimport {\n DEFAULT_SYSTEM_CONTEXT,\n connectHost,\n EventEmitter,\n MAX_STACK_DEPTH,\n MessageChannel,\n} from '@monimesl/dot-core';\n\nimport { HostCalls } from './host-calls';\nimport type { PageDefinition } from './page';\nimport { Page } from './page';\n\nexport type ServiceChannel = MessageChannel<\n LogicLayerMessages,\n UILayerMessages & HostLayerMessages\n>;\n\nexport interface ServiceHooks {\n launch(): void;\n\n pageLoad(page: Page): void;\n\n pageUnload(page: Page): void;\n\n pageShow(page: Page): void;\n\n pageHide(page: Page): void;\n\n // A page asked to navigate; the request is on its way to the view layer.\n navigate(page: Page, navigation: Navigation): void;\n\n // Before a handler runs\n event(page: Page, handler: string, event: DotEvent): void;\n\n // After the state changes, with the changed keys, before they are sent to the view layer\n setState(page: Page, patch: PageState): void;\n\n // The instance is known when the error came from one page.\n error(error: unknown, instanceId: number | undefined): void;\n}\n\nexport interface ServicePlugin {\n readonly name: string;\n\n setup(service: Service): void;\n}\n\nexport interface DotContext {\n readonly theme: Theme;\n readonly systemContext: SystemContext;\n\n setTheme(theme: Theme): void;\n}\n\nexport interface DotDefinition {\n readonly theme?: Theme;\n readonly plugins?: readonly ServicePlugin[];\n readonly pages: readonly [string, ...string[]];\n readonly hooks?: Partial<DotHooks> & ThisType<DotContext>;\n}\n\nexport function defineDot(dot: DotDefinition): DotDefinition {\n return dot;\n}\n\nexport interface ServiceOptions {\n transport: Transport;\n dot?: Partial<DotDefinition>;\n pages: Record<string, PageDefinition>;\n strict?: boolean;\n}\n\n// The logic layer: owns every page's state, runs handlers, and sends state changes to the view layer.\nexport class Service implements DotContext {\n readonly channel: ServiceChannel;\n readonly hooks = new EventEmitter<ServiceHooks>();\n readonly #definitions: Record<string, PageDefinition>;\n readonly #pages = new Map<number, Page>();\n readonly #dot: Partial<DotDefinition>;\n readonly #strict: boolean;\n #theme: Theme;\n #systemContext: SystemContext = DEFAULT_SYSTEM_CONTEXT;\n #stack: HostLayerMessages['syncStack'] = { pages: [], limit: MAX_STACK_DEPTH };\n readonly #hostCalls: HostCalls;\n\n constructor({ transport, pages, dot = {}, strict = false }: ServiceOptions) {\n this.channel = new MessageChannel(transport);\n this.#hostCalls = new HostCalls(this.channel);\n this.#definitions = pages;\n this.#dot = dot;\n this.#strict = strict;\n this.#theme = dot.theme ?? {};\n\n this.channel.handle('connect', () => this.channel.send('setTheme', { theme: this.#theme }));\n this.channel.handle('syncStack', (stack) => {\n this.#stack = stack;\n });\n this.channel.handle('syncSystemContext', (context) => {\n this.#systemContext = context;\n });\n this.channel.handle('load', ({ instanceId, page, options }) =>\n this.loadPage(instanceId, page, options),\n );\n this.channel.handle('unload', ({ instanceId }) => this.unloadPage(instanceId));\n this.channel.handle('show', ({ instanceId }) => {\n const page = this.getPage(instanceId);\n this.hooks.emit('pageShow', page);\n this.reportError(page.lifecycle('onShow'), instanceId);\n });\n this.channel.handle('hide', ({ instanceId }) => {\n const page = this.getPage(instanceId);\n this.hooks.emit('pageHide', page);\n this.reportError(page.lifecycle('onHide'), instanceId);\n });\n this.channel.handle('event', ({ instanceId, handler, event }) => {\n const page = this.getPage(instanceId);\n this.hooks.emit('event', page, handler, event);\n this.reportError(page.dispatch(handler, event), instanceId);\n });\n\n dot.plugins?.forEach((plugin) => this.use(plugin));\n }\n\n use(plugin: ServicePlugin): this {\n plugin.setup(this);\n return this;\n }\n\n start(): () => void {\n const stopListening = this.channel.listen((error, message) => {\n this.#reportError(error, instanceIdOf(message));\n });\n // Host calls, such as `dash.ui.alert`, now go through this service's channel.\n connectHost((method, params, options) => this.#hostCalls.call(method, params, options));\n this.hooks.emit('launch');\n this.reportError(this.#runLaunchHook());\n return () => {\n stopListening();\n connectHost(null);\n };\n }\n\n get theme(): Theme {\n return this.#theme;\n }\n\n get systemContext(): SystemContext {\n return this.#systemContext;\n }\n\n setTheme(theme: Theme): void {\n this.#theme = theme;\n this.channel.send('setTheme', { theme });\n }\n\n getPage(instanceId: number): Page {\n const page = this.#pages.get(instanceId);\n if (!page) {\n throw new Error(`Page instance ${instanceId} is not loaded`);\n }\n return page;\n }\n\n loadPage(instanceId: number, id: string, options: PageLaunchOptions = {}): Page {\n const page = new Page(instanceId, id, this.#definition(id), {\n commit: (page, patch) => {\n this.hooks.emit('setState', page, patch);\n this.channel.send('setPageState', { instanceId: page.instanceId, patchState: patch });\n },\n navigate: (page, navigation) => {\n if (navigation.action !== 'back') {\n this.#definition(navigation.page);\n }\n const { pages, limit } = this.#stack;\n if (navigation.action === 'push' && pages.length >= limit) {\n throw new Error(\n `Cannot open \"${navigation.page}\": ${limit} pages are already open. Use replace or back.`,\n );\n }\n this.hooks.emit('navigate', page, navigation);\n this.channel.send('navigate', { ...navigation, from: page.instanceId });\n },\n strict: this.#strict,\n });\n this.#pages.set(instanceId, page);\n this.channel.send('initPageState', { instanceId, state: page.state });\n this.hooks.emit('pageLoad', page);\n this.reportError(page.lifecycle('onLoad', options), instanceId);\n return page;\n }\n\n unloadPage(instanceId: number): void {\n const page = this.#pages.get(instanceId);\n if (!page) {\n return;\n }\n this.#pages.delete(instanceId);\n page.close();\n this.reportError(page.lifecycle('onUnload'), instanceId);\n this.hooks.emit('pageUnload', page);\n }\n\n #definition(id: string): PageDefinition {\n const definition = this.#definitions[id];\n if (!definition) {\n throw new Error(`Unknown page \"${id}\"`);\n }\n return definition;\n }\n\n reportError(work: Promise<void>, instanceId?: number): void {\n work.catch((error: unknown) => {\n this.#reportError(error, instanceId);\n });\n }\n\n async #runLaunchHook(): Promise<void> {\n await this.#dot.hooks?.onLaunch?.call(this);\n }\n\n #reportError(error: unknown, instanceId: number | undefined): void {\n this.hooks.emit('error', error, instanceId);\n const reason = error instanceof Error ? error : new Error(String(error));\n this.#dot.hooks?.onError?.call(this, reason);\n const report: LogicLayerMessages['error'] = { message: reason.message };\n if (instanceId !== undefined) {\n report.instanceId = instanceId;\n }\n this.channel.send('error', report);\n }\n}\n\n// The page instance a channel message was for, if it names one.\nfunction instanceIdOf(message: Envelope): number | undefined {\n const payload = message.payload as { instanceId?: unknown } | undefined;\n if (typeof payload?.instanceId === 'number') {\n return payload.instanceId;\n }\n return undefined;\n}\n"],"mappings":"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"}
|