@maxhealth.tech/prefab 0.1.2
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/CHANGELOG.md +51 -0
- package/LICENSE +21 -0
- package/README.md +340 -0
- package/dist/actions/client.d.ts +98 -0
- package/dist/actions/client.d.ts.map +1 -0
- package/dist/actions/client.js +188 -0
- package/dist/actions/client.js.map +1 -0
- package/dist/actions/index.d.ts +6 -0
- package/dist/actions/index.d.ts.map +1 -0
- package/dist/actions/index.js +3 -0
- package/dist/actions/index.js.map +1 -0
- package/dist/actions/mcp.d.ts +37 -0
- package/dist/actions/mcp.d.ts.map +1 -0
- package/dist/actions/mcp.js +64 -0
- package/dist/actions/mcp.js.map +1 -0
- package/dist/actions/types.d.ts +16 -0
- package/dist/actions/types.d.ts.map +1 -0
- package/dist/actions/types.js +8 -0
- package/dist/actions/types.js.map +1 -0
- package/dist/app.d.ts +65 -0
- package/dist/app.d.ts.map +1 -0
- package/dist/app.js +120 -0
- package/dist/app.js.map +1 -0
- package/dist/auto/chart.d.ts +36 -0
- package/dist/auto/chart.d.ts.map +1 -0
- package/dist/auto/chart.js +50 -0
- package/dist/auto/chart.js.map +1 -0
- package/dist/auto/comparison.d.ts +32 -0
- package/dist/auto/comparison.d.ts.map +1 -0
- package/dist/auto/comparison.js +66 -0
- package/dist/auto/comparison.js.map +1 -0
- package/dist/auto/form.d.ts +50 -0
- package/dist/auto/form.d.ts.map +1 -0
- package/dist/auto/form.js +68 -0
- package/dist/auto/form.js.map +1 -0
- package/dist/auto/index.d.ts +84 -0
- package/dist/auto/index.d.ts.map +1 -0
- package/dist/auto/index.js +240 -0
- package/dist/auto/index.js.map +1 -0
- package/dist/auto/metrics.d.ts +44 -0
- package/dist/auto/metrics.d.ts.map +1 -0
- package/dist/auto/metrics.js +55 -0
- package/dist/auto/metrics.js.map +1 -0
- package/dist/auto/progress.d.ts +38 -0
- package/dist/auto/progress.d.ts.map +1 -0
- package/dist/auto/progress.js +72 -0
- package/dist/auto/progress.js.map +1 -0
- package/dist/auto/timeline.d.ts +41 -0
- package/dist/auto/timeline.d.ts.map +1 -0
- package/dist/auto/timeline.js +72 -0
- package/dist/auto/timeline.js.map +1 -0
- package/dist/components/alert/index.d.ts +14 -0
- package/dist/components/alert/index.d.ts.map +1 -0
- package/dist/components/alert/index.js +31 -0
- package/dist/components/alert/index.js.map +1 -0
- package/dist/components/card/index.d.ts +12 -0
- package/dist/components/card/index.d.ts.map +1 -0
- package/dist/components/card/index.js +33 -0
- package/dist/components/card/index.js.map +1 -0
- package/dist/components/charts/index.d.ts +57 -0
- package/dist/components/charts/index.d.ts.map +1 -0
- package/dist/components/charts/index.js +91 -0
- package/dist/components/charts/index.js.map +1 -0
- package/dist/components/control/index.d.ts +48 -0
- package/dist/components/control/index.d.ts.map +1 -0
- package/dist/components/control/index.js +47 -0
- package/dist/components/control/index.js.map +1 -0
- package/dist/components/data/index.d.ts +53 -0
- package/dist/components/data/index.d.ts.map +1 -0
- package/dist/components/data/index.js +88 -0
- package/dist/components/data/index.js.map +1 -0
- package/dist/components/form/index.d.ts +103 -0
- package/dist/components/form/index.d.ts.map +1 -0
- package/dist/components/form/index.js +247 -0
- package/dist/components/form/index.js.map +1 -0
- package/dist/components/interactive/index.d.ts +33 -0
- package/dist/components/interactive/index.d.ts.map +1 -0
- package/dist/components/interactive/index.js +59 -0
- package/dist/components/interactive/index.js.map +1 -0
- package/dist/components/layout/index.d.ts +61 -0
- package/dist/components/layout/index.d.ts.map +1 -0
- package/dist/components/layout/index.js +86 -0
- package/dist/components/layout/index.js.map +1 -0
- package/dist/components/media/index.d.ts +17 -0
- package/dist/components/media/index.d.ts.map +1 -0
- package/dist/components/media/index.js +41 -0
- package/dist/components/media/index.js.map +1 -0
- package/dist/components/table/index.d.ts +28 -0
- package/dist/components/table/index.d.ts.map +1 -0
- package/dist/components/table/index.js +56 -0
- package/dist/components/table/index.js.map +1 -0
- package/dist/components/typography/index.d.ts +34 -0
- package/dist/components/typography/index.d.ts.map +1 -0
- package/dist/components/typography/index.js +93 -0
- package/dist/components/typography/index.js.map +1 -0
- package/dist/core/component.d.ts +67 -0
- package/dist/core/component.d.ts.map +1 -0
- package/dist/core/component.js +122 -0
- package/dist/core/component.js.map +1 -0
- package/dist/core/index.d.ts +5 -0
- package/dist/core/index.d.ts.map +1 -0
- package/dist/core/index.js +3 -0
- package/dist/core/index.js.map +1 -0
- package/dist/core/validate.d.ts +30 -0
- package/dist/core/validate.d.ts.map +1 -0
- package/dist/core/validate.js +178 -0
- package/dist/core/validate.js.map +1 -0
- package/dist/index.d.ts +48 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +48 -0
- package/dist/index.js.map +1 -0
- package/dist/mcp/display.d.ts +102 -0
- package/dist/mcp/display.d.ts.map +1 -0
- package/dist/mcp/display.js +124 -0
- package/dist/mcp/display.js.map +1 -0
- package/dist/mcp/index.d.ts +7 -0
- package/dist/mcp/index.d.ts.map +1 -0
- package/dist/mcp/index.js +5 -0
- package/dist/mcp/index.js.map +1 -0
- package/dist/mcp/types.d.ts +35 -0
- package/dist/mcp/types.d.ts.map +1 -0
- package/dist/mcp/types.js +8 -0
- package/dist/mcp/types.js.map +1 -0
- package/dist/renderer/actions.d.ts +36 -0
- package/dist/renderer/actions.d.ts.map +1 -0
- package/dist/renderer/actions.js +296 -0
- package/dist/renderer/actions.js.map +1 -0
- package/dist/renderer/app.d.ts +87 -0
- package/dist/renderer/app.d.ts.map +1 -0
- package/dist/renderer/app.js +166 -0
- package/dist/renderer/app.js.map +1 -0
- package/dist/renderer/bridge.d.ts +91 -0
- package/dist/renderer/bridge.d.ts.map +1 -0
- package/dist/renderer/bridge.js +302 -0
- package/dist/renderer/bridge.js.map +1 -0
- package/dist/renderer/components/alert.d.ts +5 -0
- package/dist/renderer/components/alert.d.ts.map +1 -0
- package/dist/renderer/components/alert.js +44 -0
- package/dist/renderer/components/alert.js.map +1 -0
- package/dist/renderer/components/card.d.ts +5 -0
- package/dist/renderer/components/card.d.ts.map +1 -0
- package/dist/renderer/components/card.js +38 -0
- package/dist/renderer/components/card.js.map +1 -0
- package/dist/renderer/components/charts.d.ts +8 -0
- package/dist/renderer/components/charts.d.ts.map +1 -0
- package/dist/renderer/components/charts.js +232 -0
- package/dist/renderer/components/charts.js.map +1 -0
- package/dist/renderer/components/control.d.ts +5 -0
- package/dist/renderer/components/control.d.ts.map +1 -0
- package/dist/renderer/components/control.js +140 -0
- package/dist/renderer/components/control.js.map +1 -0
- package/dist/renderer/components/data.d.ts +5 -0
- package/dist/renderer/components/data.d.ts.map +1 -0
- package/dist/renderer/components/data.js +268 -0
- package/dist/renderer/components/data.js.map +1 -0
- package/dist/renderer/components/form.d.ts +5 -0
- package/dist/renderer/components/form.d.ts.map +1 -0
- package/dist/renderer/components/form.js +523 -0
- package/dist/renderer/components/form.js.map +1 -0
- package/dist/renderer/components/index.d.ts +5 -0
- package/dist/renderer/components/index.d.ts.map +1 -0
- package/dist/renderer/components/index.js +32 -0
- package/dist/renderer/components/index.js.map +1 -0
- package/dist/renderer/components/interactive.d.ts +5 -0
- package/dist/renderer/components/interactive.d.ts.map +1 -0
- package/dist/renderer/components/interactive.js +324 -0
- package/dist/renderer/components/interactive.js.map +1 -0
- package/dist/renderer/components/layout.d.ts +5 -0
- package/dist/renderer/components/layout.d.ts.map +1 -0
- package/dist/renderer/components/layout.js +113 -0
- package/dist/renderer/components/layout.js.map +1 -0
- package/dist/renderer/components/media.d.ts +5 -0
- package/dist/renderer/components/media.d.ts.map +1 -0
- package/dist/renderer/components/media.js +132 -0
- package/dist/renderer/components/media.js.map +1 -0
- package/dist/renderer/components/table.d.ts +5 -0
- package/dist/renderer/components/table.d.ts.map +1 -0
- package/dist/renderer/components/table.js +101 -0
- package/dist/renderer/components/table.js.map +1 -0
- package/dist/renderer/components/typography.d.ts +5 -0
- package/dist/renderer/components/typography.d.ts.map +1 -0
- package/dist/renderer/components/typography.js +90 -0
- package/dist/renderer/components/typography.js.map +1 -0
- package/dist/renderer/engine.d.ts +53 -0
- package/dist/renderer/engine.d.ts.map +1 -0
- package/dist/renderer/engine.js +112 -0
- package/dist/renderer/engine.js.map +1 -0
- package/dist/renderer/index.d.ts +94 -0
- package/dist/renderer/index.d.ts.map +1 -0
- package/dist/renderer/index.js +215 -0
- package/dist/renderer/index.js.map +1 -0
- package/dist/renderer/rx.d.ts +37 -0
- package/dist/renderer/rx.d.ts.map +1 -0
- package/dist/renderer/rx.js +360 -0
- package/dist/renderer/rx.js.map +1 -0
- package/dist/renderer/state.d.ts +34 -0
- package/dist/renderer/state.d.ts.map +1 -0
- package/dist/renderer/state.js +132 -0
- package/dist/renderer/state.js.map +1 -0
- package/dist/renderer/theme.d.ts +13 -0
- package/dist/renderer/theme.d.ts.map +1 -0
- package/dist/renderer/theme.js +69 -0
- package/dist/renderer/theme.js.map +1 -0
- package/dist/renderer/transport.d.ts +22 -0
- package/dist/renderer/transport.d.ts.map +1 -0
- package/dist/renderer/transport.js +69 -0
- package/dist/renderer/transport.js.map +1 -0
- package/dist/renderer.min.js +83 -0
- package/dist/rx/index.d.ts +2 -0
- package/dist/rx/index.d.ts.map +1 -0
- package/dist/rx/index.js +2 -0
- package/dist/rx/index.js.map +1 -0
- package/dist/rx/rx.d.ts +81 -0
- package/dist/rx/rx.d.ts.map +1 -0
- package/dist/rx/rx.js +196 -0
- package/dist/rx/rx.js.map +1 -0
- package/package.json +84 -0
|
@@ -0,0 +1,188 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Client-side actions — executed by the prefab renderer without server roundtrip.
|
|
3
|
+
*/
|
|
4
|
+
import { serializeValue } from '../core/component.js';
|
|
5
|
+
export class SetState {
|
|
6
|
+
key;
|
|
7
|
+
value;
|
|
8
|
+
opts;
|
|
9
|
+
constructor(key, value, opts) {
|
|
10
|
+
this.key = key;
|
|
11
|
+
this.value = value;
|
|
12
|
+
this.opts = opts;
|
|
13
|
+
}
|
|
14
|
+
toJSON() {
|
|
15
|
+
const json = {
|
|
16
|
+
action: 'setState',
|
|
17
|
+
key: this.key,
|
|
18
|
+
value: serializeValue(this.value),
|
|
19
|
+
};
|
|
20
|
+
if (this.opts?.onSuccess)
|
|
21
|
+
json.onSuccess = serializeCallbacks(this.opts.onSuccess);
|
|
22
|
+
if (this.opts?.onError)
|
|
23
|
+
json.onError = serializeCallbacks(this.opts.onError);
|
|
24
|
+
return json;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
// ── ToggleState ──────────────────────────────────────────────────────────────
|
|
28
|
+
export class ToggleState {
|
|
29
|
+
key;
|
|
30
|
+
constructor(key) {
|
|
31
|
+
this.key = key;
|
|
32
|
+
}
|
|
33
|
+
toJSON() {
|
|
34
|
+
return { action: 'toggleState', key: this.key };
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
// ── AppendState ──────────────────────────────────────────────────────────────
|
|
38
|
+
export class AppendState {
|
|
39
|
+
key;
|
|
40
|
+
value;
|
|
41
|
+
index;
|
|
42
|
+
constructor(key, value, index) {
|
|
43
|
+
this.key = key;
|
|
44
|
+
this.value = value;
|
|
45
|
+
this.index = index;
|
|
46
|
+
}
|
|
47
|
+
toJSON() {
|
|
48
|
+
const json = {
|
|
49
|
+
action: 'appendState',
|
|
50
|
+
key: this.key,
|
|
51
|
+
value: serializeValue(this.value),
|
|
52
|
+
};
|
|
53
|
+
if (this.index !== undefined)
|
|
54
|
+
json.index = this.index;
|
|
55
|
+
return json;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
// ── PopState ─────────────────────────────────────────────────────────────────
|
|
59
|
+
export class PopState {
|
|
60
|
+
key;
|
|
61
|
+
index;
|
|
62
|
+
constructor(key, index) {
|
|
63
|
+
this.key = key;
|
|
64
|
+
this.index = index;
|
|
65
|
+
}
|
|
66
|
+
toJSON() {
|
|
67
|
+
return { action: 'popState', key: this.key, index: this.index };
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
export class ShowToast {
|
|
71
|
+
message;
|
|
72
|
+
opts;
|
|
73
|
+
constructor(message, opts) {
|
|
74
|
+
this.message = message;
|
|
75
|
+
this.opts = opts;
|
|
76
|
+
}
|
|
77
|
+
toJSON() {
|
|
78
|
+
const json = { action: 'showToast', message: this.message };
|
|
79
|
+
if (this.opts?.description)
|
|
80
|
+
json.description = this.opts.description;
|
|
81
|
+
if (this.opts?.variant)
|
|
82
|
+
json.variant = this.opts.variant;
|
|
83
|
+
if (this.opts?.duration != null)
|
|
84
|
+
json.duration = this.opts.duration;
|
|
85
|
+
return json;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
// ── CloseOverlay ─────────────────────────────────────────────────────────────
|
|
89
|
+
export class CloseOverlay {
|
|
90
|
+
toJSON() {
|
|
91
|
+
return { action: 'closeOverlay' };
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
// ── OpenLink ─────────────────────────────────────────────────────────────────
|
|
95
|
+
export class OpenLink {
|
|
96
|
+
url;
|
|
97
|
+
target;
|
|
98
|
+
constructor(url, target = '_blank') {
|
|
99
|
+
this.url = url;
|
|
100
|
+
this.target = target;
|
|
101
|
+
}
|
|
102
|
+
toJSON() {
|
|
103
|
+
return { action: 'openLink', url: this.url, target: this.target };
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
// ── SetInterval ──────────────────────────────────────────────────────────────
|
|
107
|
+
export class SetInterval {
|
|
108
|
+
intervalMs;
|
|
109
|
+
onTick;
|
|
110
|
+
constructor(intervalMs, onTick) {
|
|
111
|
+
this.intervalMs = intervalMs;
|
|
112
|
+
this.onTick = onTick;
|
|
113
|
+
}
|
|
114
|
+
toJSON() {
|
|
115
|
+
return {
|
|
116
|
+
action: 'setInterval',
|
|
117
|
+
intervalMs: this.intervalMs,
|
|
118
|
+
onTick: serializeCallbacks(this.onTick),
|
|
119
|
+
};
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
export class Fetch {
|
|
123
|
+
url;
|
|
124
|
+
opts;
|
|
125
|
+
constructor(url, opts) {
|
|
126
|
+
this.url = url;
|
|
127
|
+
this.opts = opts;
|
|
128
|
+
}
|
|
129
|
+
toJSON() {
|
|
130
|
+
const json = { action: 'fetch', url: this.url };
|
|
131
|
+
if (this.opts?.method)
|
|
132
|
+
json.method = this.opts.method;
|
|
133
|
+
if (this.opts?.headers)
|
|
134
|
+
json.headers = this.opts.headers;
|
|
135
|
+
if (this.opts?.body !== undefined)
|
|
136
|
+
json.body = serializeValue(this.opts.body);
|
|
137
|
+
if (this.opts?.resultKey)
|
|
138
|
+
json.resultKey = this.opts.resultKey;
|
|
139
|
+
if (this.opts?.onSuccess)
|
|
140
|
+
json.onSuccess = serializeCallbacks(this.opts.onSuccess);
|
|
141
|
+
if (this.opts?.onError)
|
|
142
|
+
json.onError = serializeCallbacks(this.opts.onError);
|
|
143
|
+
return json;
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
export class OpenFilePicker {
|
|
147
|
+
opts;
|
|
148
|
+
constructor(opts) {
|
|
149
|
+
this.opts = opts;
|
|
150
|
+
}
|
|
151
|
+
toJSON() {
|
|
152
|
+
const json = { action: 'openFilePicker' };
|
|
153
|
+
if (this.opts?.accept)
|
|
154
|
+
json.accept = this.opts.accept;
|
|
155
|
+
if (this.opts?.multiple)
|
|
156
|
+
json.multiple = true;
|
|
157
|
+
if (this.opts?.resultKey)
|
|
158
|
+
json.resultKey = this.opts.resultKey;
|
|
159
|
+
if (this.opts?.onSuccess)
|
|
160
|
+
json.onSuccess = serializeCallbacks(this.opts.onSuccess);
|
|
161
|
+
return json;
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
export class CallHandler {
|
|
165
|
+
handler;
|
|
166
|
+
opts;
|
|
167
|
+
constructor(handler, opts) {
|
|
168
|
+
this.handler = handler;
|
|
169
|
+
this.opts = opts;
|
|
170
|
+
}
|
|
171
|
+
toJSON() {
|
|
172
|
+
const json = { action: 'callHandler', handler: this.handler };
|
|
173
|
+
if (this.opts?.arguments)
|
|
174
|
+
json.arguments = serializeValue(this.opts.arguments);
|
|
175
|
+
if (this.opts?.resultKey)
|
|
176
|
+
json.resultKey = this.opts.resultKey;
|
|
177
|
+
if (this.opts?.onSuccess)
|
|
178
|
+
json.onSuccess = serializeCallbacks(this.opts.onSuccess);
|
|
179
|
+
if (this.opts?.onError)
|
|
180
|
+
json.onError = serializeCallbacks(this.opts.onError);
|
|
181
|
+
return json;
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
// ── Helpers ──────────────────────────────────────────────────────────────────
|
|
185
|
+
function serializeCallbacks(actions) {
|
|
186
|
+
return Array.isArray(actions) ? actions.map(a => a.toJSON()) : actions.toJSON();
|
|
187
|
+
}
|
|
188
|
+
//# sourceMappingURL=client.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"client.js","sourceRoot":"","sources":["../../src/actions/client.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export type { Action, ActionJSON } from './types.js';
|
|
2
|
+
export { SetState, ToggleState, AppendState, PopState, ShowToast, CloseOverlay, OpenLink, SetInterval, Fetch, OpenFilePicker, CallHandler } from './client.js';
|
|
3
|
+
export type { SetStateOpts, ShowToastOpts, ToastVariant, FetchOpts, OpenFilePickerOpts, CallHandlerOpts } from './client.js';
|
|
4
|
+
export { CallTool, SendMessage, UpdateContext, RequestDisplayMode } from './mcp.js';
|
|
5
|
+
export type { CallToolOpts, DisplayMode } from './mcp.js';
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/actions/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAC9J,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC5H,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AACnF,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { SetState, ToggleState, AppendState, PopState, ShowToast, CloseOverlay, OpenLink, SetInterval, Fetch, OpenFilePicker, CallHandler } from './client.js';
|
|
2
|
+
export { CallTool, SendMessage, UpdateContext, RequestDisplayMode } from './mcp.js';
|
|
3
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/actions/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE9J,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* MCP transport actions — require server roundtrip via MCP protocol.
|
|
3
|
+
*/
|
|
4
|
+
import type { Action, ActionJSON } from './types.js';
|
|
5
|
+
export interface CallToolOpts {
|
|
6
|
+
arguments?: Record<string, unknown>;
|
|
7
|
+
resultKey?: string;
|
|
8
|
+
onSuccess?: Action | Action[];
|
|
9
|
+
onError?: Action | Action[];
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* Invoke an MCP tool from the UI.
|
|
13
|
+
* Used in Form.onSubmit or Button.onClick to call backend tools.
|
|
14
|
+
*/
|
|
15
|
+
export declare class CallTool implements Action {
|
|
16
|
+
readonly tool: string;
|
|
17
|
+
private readonly opts?;
|
|
18
|
+
constructor(tool: string, opts?: CallToolOpts | undefined);
|
|
19
|
+
toJSON(): ActionJSON;
|
|
20
|
+
}
|
|
21
|
+
export declare class SendMessage implements Action {
|
|
22
|
+
readonly message: string;
|
|
23
|
+
constructor(message: string);
|
|
24
|
+
toJSON(): ActionJSON;
|
|
25
|
+
}
|
|
26
|
+
export declare class UpdateContext implements Action {
|
|
27
|
+
readonly context: Record<string, unknown>;
|
|
28
|
+
constructor(context: Record<string, unknown>);
|
|
29
|
+
toJSON(): ActionJSON;
|
|
30
|
+
}
|
|
31
|
+
export type DisplayMode = 'inline' | 'fullscreen' | 'pip';
|
|
32
|
+
export declare class RequestDisplayMode implements Action {
|
|
33
|
+
readonly mode: DisplayMode;
|
|
34
|
+
constructor(mode: DisplayMode);
|
|
35
|
+
toJSON(): ActionJSON;
|
|
36
|
+
}
|
|
37
|
+
//# sourceMappingURL=mcp.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mcp.d.ts","sourceRoot":"","sources":["../../src/actions/mcp.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAKpD,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAC5B;AAED;;;GAGG;AACH,qBAAa,QAAS,YAAW,MAAM;IAEnC,QAAQ,CAAC,IAAI,EAAE,MAAM;IACrB,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC;gBADb,IAAI,EAAE,MAAM,EACJ,IAAI,CAAC,EAAE,YAAY,YAAA;IAGtC,MAAM,IAAI,UAAU;CAgBrB;AAID,qBAAa,WAAY,YAAW,MAAM;IAC5B,QAAQ,CAAC,OAAO,EAAE,MAAM;gBAAf,OAAO,EAAE,MAAM;IAEpC,MAAM,IAAI,UAAU;CAGrB;AAID,qBAAa,aAAc,YAAW,MAAM;IAC9B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;gBAAhC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAErD,MAAM,IAAI,UAAU;CAGrB;AAID,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,YAAY,GAAG,KAAK,CAAA;AAEzD,qBAAa,kBAAmB,YAAW,MAAM;IACnC,QAAQ,CAAC,IAAI,EAAE,WAAW;gBAAjB,IAAI,EAAE,WAAW;IAEtC,MAAM,IAAI,UAAU;CAGrB"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* MCP transport actions — require server roundtrip via MCP protocol.
|
|
3
|
+
*/
|
|
4
|
+
import { serializeValue } from '../core/component.js';
|
|
5
|
+
/**
|
|
6
|
+
* Invoke an MCP tool from the UI.
|
|
7
|
+
* Used in Form.onSubmit or Button.onClick to call backend tools.
|
|
8
|
+
*/
|
|
9
|
+
export class CallTool {
|
|
10
|
+
tool;
|
|
11
|
+
opts;
|
|
12
|
+
constructor(tool, opts) {
|
|
13
|
+
this.tool = tool;
|
|
14
|
+
this.opts = opts;
|
|
15
|
+
}
|
|
16
|
+
toJSON() {
|
|
17
|
+
const json = { action: 'toolCall', tool: this.tool };
|
|
18
|
+
if (this.opts?.arguments)
|
|
19
|
+
json.arguments = serializeValue(this.opts.arguments);
|
|
20
|
+
if (this.opts?.resultKey)
|
|
21
|
+
json.resultKey = this.opts.resultKey;
|
|
22
|
+
if (this.opts?.onSuccess) {
|
|
23
|
+
json.onSuccess = Array.isArray(this.opts.onSuccess)
|
|
24
|
+
? this.opts.onSuccess.map(a => a.toJSON())
|
|
25
|
+
: this.opts.onSuccess.toJSON();
|
|
26
|
+
}
|
|
27
|
+
if (this.opts?.onError) {
|
|
28
|
+
json.onError = Array.isArray(this.opts.onError)
|
|
29
|
+
? this.opts.onError.map(a => a.toJSON())
|
|
30
|
+
: this.opts.onError.toJSON();
|
|
31
|
+
}
|
|
32
|
+
return json;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
// ── SendMessage ──────────────────────────────────────────────────────────────
|
|
36
|
+
export class SendMessage {
|
|
37
|
+
message;
|
|
38
|
+
constructor(message) {
|
|
39
|
+
this.message = message;
|
|
40
|
+
}
|
|
41
|
+
toJSON() {
|
|
42
|
+
return { action: 'sendMessage', message: this.message };
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
// ── UpdateContext ─────────────────────────────────────────────────────────────
|
|
46
|
+
export class UpdateContext {
|
|
47
|
+
context;
|
|
48
|
+
constructor(context) {
|
|
49
|
+
this.context = context;
|
|
50
|
+
}
|
|
51
|
+
toJSON() {
|
|
52
|
+
return { action: 'updateContext', context: serializeValue(this.context) };
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
export class RequestDisplayMode {
|
|
56
|
+
mode;
|
|
57
|
+
constructor(mode) {
|
|
58
|
+
this.mode = mode;
|
|
59
|
+
}
|
|
60
|
+
toJSON() {
|
|
61
|
+
return { action: 'requestDisplayMode', mode: this.mode };
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
//# sourceMappingURL=mcp.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mcp.js","sourceRoot":"","sources":["../../src/actions/mcp.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAWrD;;;GAGG;AACH,MAAM,OAAO,QAAQ;IAER;IACQ;IAFnB,YACW,IAAY,EACJ,IAAmB;QAD3B,SAAI,GAAJ,IAAI,CAAQ;QACJ,SAAI,GAAJ,IAAI,CAAe;IACnC,CAAC;IAEJ,MAAM;QACJ,MAAM,IAAI,GAAe,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAA;QAChE,IAAI,IAAI,CAAC,IAAI,EAAE,SAAS;YAAE,IAAI,CAAC,SAAS,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QAC9E,IAAI,IAAI,CAAC,IAAI,EAAE,SAAS;YAAE,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAA;QAC9D,IAAI,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC;YACzB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;gBACjD,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;gBAC1C,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAA;QAClC,CAAC;QACD,IAAI,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC;YACvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;gBAC7C,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;gBACxC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAA;QAChC,CAAC;QACD,OAAO,IAAI,CAAA;IACb,CAAC;CACF;AAED,gFAAgF;AAEhF,MAAM,OAAO,WAAW;IACD;IAArB,YAAqB,OAAe;QAAf,YAAO,GAAP,OAAO,CAAQ;IAAG,CAAC;IAExC,MAAM;QACJ,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAA;IACzD,CAAC;CACF;AAED,iFAAiF;AAEjF,MAAM,OAAO,aAAa;IACH;IAArB,YAAqB,OAAgC;QAAhC,YAAO,GAAP,OAAO,CAAyB;IAAG,CAAC;IAEzD,MAAM;QACJ,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,OAAO,CAA4B,EAAE,CAAA;IACtG,CAAC;CACF;AAMD,MAAM,OAAO,kBAAkB;IACR;IAArB,YAAqB,IAAiB;QAAjB,SAAI,GAAJ,IAAI,CAAa;IAAG,CAAC;IAE1C,MAAM;QACJ,OAAO,EAAE,MAAM,EAAE,oBAAoB,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAA;IAC1D,CAAC;CACF"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Action type definitions.
|
|
3
|
+
*
|
|
4
|
+
* Actions are serializable commands that the prefab renderer executes
|
|
5
|
+
* client-side (setState, showToast) or via MCP transport (callTool).
|
|
6
|
+
*/
|
|
7
|
+
/** Serialized action JSON */
|
|
8
|
+
export interface ActionJSON {
|
|
9
|
+
action: string;
|
|
10
|
+
[key: string]: unknown;
|
|
11
|
+
}
|
|
12
|
+
/** Base interface all actions implement */
|
|
13
|
+
export interface Action {
|
|
14
|
+
toJSON(): ActionJSON;
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/actions/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,6BAA6B;AAC7B,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,CAAA;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAED,2CAA2C;AAC3C,MAAM,WAAW,MAAM;IACrB,MAAM,IAAI,UAAU,CAAA;CACrB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/actions/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG"}
|
package/dist/app.d.ts
ADDED
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* PrefabApp — Root application wrapper.
|
|
3
|
+
*
|
|
4
|
+
* Wraps a component tree with state, theme, defs, and key bindings.
|
|
5
|
+
* Serializes to the $prefab wire format compatible with the Python version.
|
|
6
|
+
*/
|
|
7
|
+
import { type Component } from './core/component.js';
|
|
8
|
+
import type { ComponentJSON } from './core/component.js';
|
|
9
|
+
import type { Action, ActionJSON } from './actions/types.js';
|
|
10
|
+
export interface Theme {
|
|
11
|
+
light?: Record<string, string>;
|
|
12
|
+
dark?: Record<string, string>;
|
|
13
|
+
}
|
|
14
|
+
export interface PrefabWireFormat {
|
|
15
|
+
$prefab: {
|
|
16
|
+
version: string;
|
|
17
|
+
};
|
|
18
|
+
view: ComponentJSON;
|
|
19
|
+
state?: Record<string, unknown>;
|
|
20
|
+
theme?: Theme;
|
|
21
|
+
defs?: Record<string, ComponentJSON>;
|
|
22
|
+
keyBindings?: Record<string, ActionJSON | ActionJSON[]>;
|
|
23
|
+
onMount?: ActionJSON | ActionJSON[];
|
|
24
|
+
stylesheets?: string[];
|
|
25
|
+
}
|
|
26
|
+
export interface PrefabAppOptions {
|
|
27
|
+
title?: string;
|
|
28
|
+
view: Component;
|
|
29
|
+
state?: Record<string, unknown>;
|
|
30
|
+
theme?: Theme;
|
|
31
|
+
defs?: Record<string, Component>;
|
|
32
|
+
stylesheets?: string[];
|
|
33
|
+
scripts?: string[];
|
|
34
|
+
onMount?: Action | Action[];
|
|
35
|
+
keyBindings?: Record<string, Action | Action[]>;
|
|
36
|
+
cssClass?: string;
|
|
37
|
+
}
|
|
38
|
+
export declare class PrefabApp {
|
|
39
|
+
readonly title: string;
|
|
40
|
+
readonly view: Component;
|
|
41
|
+
readonly state?: Record<string, unknown>;
|
|
42
|
+
readonly theme?: Theme;
|
|
43
|
+
readonly defs?: Record<string, Component>;
|
|
44
|
+
readonly stylesheets?: string[];
|
|
45
|
+
readonly scripts?: string[];
|
|
46
|
+
readonly onMount?: Action | Action[];
|
|
47
|
+
readonly keyBindings?: Record<string, Action | Action[]>;
|
|
48
|
+
readonly cssClass?: string;
|
|
49
|
+
constructor(opts: PrefabAppOptions);
|
|
50
|
+
/**
|
|
51
|
+
* Serialize to the $prefab wire format (JSON).
|
|
52
|
+
* This is what gets sent over MCP or stored as a resource.
|
|
53
|
+
*/
|
|
54
|
+
toJSON(): PrefabWireFormat;
|
|
55
|
+
/**
|
|
56
|
+
* Serialize to a self-contained HTML page.
|
|
57
|
+
* The page embeds the JSON wire format and a script tag
|
|
58
|
+
* that loads the prefab renderer from a CDN.
|
|
59
|
+
*/
|
|
60
|
+
toHTML(opts?: {
|
|
61
|
+
cdnVersion?: string;
|
|
62
|
+
pretty?: boolean;
|
|
63
|
+
}): string;
|
|
64
|
+
}
|
|
65
|
+
//# sourceMappingURL=app.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../src/app.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACxD,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAI5D,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAC9B;AAID,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5B,IAAI,EAAE,aAAa,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,GAAG,UAAU,EAAE,CAAC,CAAA;IACvD,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAA;IACnC,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;CACvB;AAID,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,SAAS,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAChC,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,CAAA;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,qBAAa,SAAS;IACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAA;IACxB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACxC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAA;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IACzC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IAC/B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACpC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,CAAA;IACxD,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;gBAEd,IAAI,EAAE,gBAAgB;IAalC;;;OAGG;IACH,MAAM,IAAI,gBAAgB;IA2C1B;;;;OAIG;IACH,MAAM,CAAC,IAAI,CAAC,EAAE;QAAE,UAAU,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,MAAM;CAmCjE"}
|
package/dist/app.js
ADDED
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* PrefabApp — Root application wrapper.
|
|
3
|
+
*
|
|
4
|
+
* Wraps a component tree with state, theme, defs, and key bindings.
|
|
5
|
+
* Serializes to the $prefab wire format compatible with the Python version.
|
|
6
|
+
*/
|
|
7
|
+
import {} from './core/component.js';
|
|
8
|
+
export class PrefabApp {
|
|
9
|
+
title;
|
|
10
|
+
view;
|
|
11
|
+
state;
|
|
12
|
+
theme;
|
|
13
|
+
defs;
|
|
14
|
+
stylesheets;
|
|
15
|
+
scripts;
|
|
16
|
+
onMount;
|
|
17
|
+
keyBindings;
|
|
18
|
+
cssClass;
|
|
19
|
+
constructor(opts) {
|
|
20
|
+
this.title = opts.title ?? 'Prefab';
|
|
21
|
+
this.view = opts.view;
|
|
22
|
+
this.state = opts.state;
|
|
23
|
+
this.theme = opts.theme;
|
|
24
|
+
this.defs = opts.defs;
|
|
25
|
+
this.stylesheets = opts.stylesheets;
|
|
26
|
+
this.scripts = opts.scripts;
|
|
27
|
+
this.onMount = opts.onMount;
|
|
28
|
+
this.keyBindings = opts.keyBindings;
|
|
29
|
+
this.cssClass = opts.cssClass;
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* Serialize to the $prefab wire format (JSON).
|
|
33
|
+
* This is what gets sent over MCP or stored as a resource.
|
|
34
|
+
*/
|
|
35
|
+
toJSON() {
|
|
36
|
+
// Wrap view in a root Div with pf-app-root class
|
|
37
|
+
const rootCssClass = this.cssClass ? `pf-app-root ${this.cssClass}` : 'pf-app-root';
|
|
38
|
+
const rootView = {
|
|
39
|
+
type: 'Div',
|
|
40
|
+
cssClass: rootCssClass,
|
|
41
|
+
children: [this.view.toJSON()],
|
|
42
|
+
};
|
|
43
|
+
const wire = {
|
|
44
|
+
$prefab: { version: '0.2' },
|
|
45
|
+
view: rootView,
|
|
46
|
+
};
|
|
47
|
+
if (this.state)
|
|
48
|
+
wire.state = this.state;
|
|
49
|
+
if (this.theme)
|
|
50
|
+
wire.theme = this.theme;
|
|
51
|
+
if (this.stylesheets != null && this.stylesheets.length > 0)
|
|
52
|
+
wire.stylesheets = this.stylesheets;
|
|
53
|
+
if (this.defs) {
|
|
54
|
+
wire.defs = {};
|
|
55
|
+
for (const [name, comp] of Object.entries(this.defs)) {
|
|
56
|
+
wire.defs[name] = comp.toJSON();
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
if (this.keyBindings) {
|
|
60
|
+
wire.keyBindings = {};
|
|
61
|
+
for (const [key, actions] of Object.entries(this.keyBindings)) {
|
|
62
|
+
wire.keyBindings[key] = Array.isArray(actions)
|
|
63
|
+
? actions.map(a => a.toJSON())
|
|
64
|
+
: actions.toJSON();
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
if (this.onMount) {
|
|
68
|
+
wire.onMount = Array.isArray(this.onMount)
|
|
69
|
+
? this.onMount.map(a => a.toJSON())
|
|
70
|
+
: this.onMount.toJSON();
|
|
71
|
+
}
|
|
72
|
+
return wire;
|
|
73
|
+
}
|
|
74
|
+
/**
|
|
75
|
+
* Serialize to a self-contained HTML page.
|
|
76
|
+
* The page embeds the JSON wire format and a script tag
|
|
77
|
+
* that loads the prefab renderer from a CDN.
|
|
78
|
+
*/
|
|
79
|
+
toHTML(opts) {
|
|
80
|
+
const cdnVersion = opts?.cdnVersion ?? '0.19.1';
|
|
81
|
+
const jsonStr = opts?.pretty
|
|
82
|
+
? JSON.stringify(this.toJSON(), null, 2)
|
|
83
|
+
: JSON.stringify(this.toJSON());
|
|
84
|
+
const stylesheetTags = (this.stylesheets ?? [])
|
|
85
|
+
.map(s => s.startsWith('<') ? s : `<link rel="stylesheet" href="${escapeHtml(s)}">`)
|
|
86
|
+
.join('\n ');
|
|
87
|
+
const scriptTags = (this.scripts ?? [])
|
|
88
|
+
.map(s => `<script src="${escapeHtml(s)}"></script>`)
|
|
89
|
+
.join('\n ');
|
|
90
|
+
return `<!DOCTYPE html>
|
|
91
|
+
<html lang="en">
|
|
92
|
+
<head>
|
|
93
|
+
<meta charset="utf-8">
|
|
94
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
95
|
+
<title>${escapeHtml(this.title)}</title>
|
|
96
|
+
${stylesheetTags}
|
|
97
|
+
<script src="https://cdn.jsdelivr.net/npm/@maxhealth.tech/prefab@${cdnVersion}/dist/renderer.min.js"></script>
|
|
98
|
+
${scriptTags}
|
|
99
|
+
</head>
|
|
100
|
+
<body>
|
|
101
|
+
<div id="prefab-root"></div>
|
|
102
|
+
<script>
|
|
103
|
+
window.__PREFAB_DATA__ = ${jsonStr};
|
|
104
|
+
if (window.PrefabRenderer) {
|
|
105
|
+
window.PrefabRenderer.mount(document.getElementById('prefab-root'), window.__PREFAB_DATA__);
|
|
106
|
+
}
|
|
107
|
+
</script>
|
|
108
|
+
</body>
|
|
109
|
+
</html>`;
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
// ── Helpers ──────────────────────────────────────────────────────────────────
|
|
113
|
+
function escapeHtml(s) {
|
|
114
|
+
return s
|
|
115
|
+
.replace(/&/g, '&')
|
|
116
|
+
.replace(/</g, '<')
|
|
117
|
+
.replace(/>/g, '>')
|
|
118
|
+
.replace(/"/g, '"');
|
|
119
|
+
}
|
|
120
|
+
//# sourceMappingURL=app.js.map
|
package/dist/app.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"app.js","sourceRoot":"","sources":["../src/app.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* autoChart — Wraps chart data in a Card with title and multi-series support.
|
|
3
|
+
*
|
|
4
|
+
* Ported from mcp-generator-3.x display_tools.py → show_chart.
|
|
5
|
+
*/
|
|
6
|
+
import { type ContainerComponent } from '../core/component.js';
|
|
7
|
+
import type { ChartSeries } from '../components/charts/index.js';
|
|
8
|
+
export type ChartType = 'bar' | 'line' | 'area' | 'pie';
|
|
9
|
+
export interface AutoChartOptions {
|
|
10
|
+
/** Chart heading. */
|
|
11
|
+
title?: string;
|
|
12
|
+
/** Optional subtitle. */
|
|
13
|
+
subtitle?: string;
|
|
14
|
+
/** Chart type. Default 'bar'. */
|
|
15
|
+
chartType?: ChartType;
|
|
16
|
+
/** Key in data to use as X axis (e.g. 'month'). */
|
|
17
|
+
xAxis?: string;
|
|
18
|
+
/** Chart height in pixels. */
|
|
19
|
+
height?: number;
|
|
20
|
+
/** Show legend. Default true. */
|
|
21
|
+
showLegend?: boolean;
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* Auto-generate a chart Card from data and series definitions.
|
|
25
|
+
*
|
|
26
|
+
* @example
|
|
27
|
+
* ```ts
|
|
28
|
+
* autoChart(
|
|
29
|
+
* [{ month: 'Jan', revenue: 42000, cost: 31000 }],
|
|
30
|
+
* [{ dataKey: 'revenue', label: 'Revenue' }, { dataKey: 'cost', label: 'Cost' }],
|
|
31
|
+
* { title: 'Monthly Revenue', xAxis: 'month', chartType: 'bar' },
|
|
32
|
+
* )
|
|
33
|
+
* ```
|
|
34
|
+
*/
|
|
35
|
+
export declare function autoChart(data: Record<string, unknown>[], series: ChartSeries[], options?: AutoChartOptions): ContainerComponent;
|
|
36
|
+
//# sourceMappingURL=chart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../src/auto/chart.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAkB,KAAK,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAK9E,OAAO,KAAK,EAAE,WAAW,EAAkB,MAAM,+BAA+B,CAAA;AAEhF,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAA;AAEvD,MAAM,WAAW,gBAAgB;IAC/B,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iCAAiC;IACjC,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,SAAS,CACvB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC/B,MAAM,EAAE,WAAW,EAAE,EACrB,OAAO,CAAC,EAAE,gBAAgB,GACzB,kBAAkB,CAuBpB"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* autoChart — Wraps chart data in a Card with title and multi-series support.
|
|
3
|
+
*
|
|
4
|
+
* Ported from mcp-generator-3.x display_tools.py → show_chart.
|
|
5
|
+
*/
|
|
6
|
+
import {} from '../core/component.js';
|
|
7
|
+
import { Column } from '../components/layout/index.js';
|
|
8
|
+
import { Heading, Muted } from '../components/typography/index.js';
|
|
9
|
+
import { Card, CardContent } from '../components/card/index.js';
|
|
10
|
+
import { BarChart, LineChart, AreaChart, PieChart } from '../components/charts/index.js';
|
|
11
|
+
/**
|
|
12
|
+
* Auto-generate a chart Card from data and series definitions.
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* ```ts
|
|
16
|
+
* autoChart(
|
|
17
|
+
* [{ month: 'Jan', revenue: 42000, cost: 31000 }],
|
|
18
|
+
* [{ dataKey: 'revenue', label: 'Revenue' }, { dataKey: 'cost', label: 'Cost' }],
|
|
19
|
+
* { title: 'Monthly Revenue', xAxis: 'month', chartType: 'bar' },
|
|
20
|
+
* )
|
|
21
|
+
* ```
|
|
22
|
+
*/
|
|
23
|
+
export function autoChart(data, series, options) {
|
|
24
|
+
const chartType = options?.chartType ?? 'bar';
|
|
25
|
+
const showLegend = options?.showLegend ?? true;
|
|
26
|
+
const ChartFactory = CHART_MAP[chartType];
|
|
27
|
+
const chartProps = {
|
|
28
|
+
data,
|
|
29
|
+
series,
|
|
30
|
+
...(options?.xAxis && { xAxis: options.xAxis }),
|
|
31
|
+
...(options?.height !== undefined && { height: options.height }),
|
|
32
|
+
showLegend,
|
|
33
|
+
};
|
|
34
|
+
const children = [];
|
|
35
|
+
if (options?.title)
|
|
36
|
+
children.push(Heading(options.title));
|
|
37
|
+
if (options?.subtitle)
|
|
38
|
+
children.push(Muted(options.subtitle));
|
|
39
|
+
children.push(Card({ children: [
|
|
40
|
+
CardContent({ cssClass: 'pt-4', children: [ChartFactory(chartProps)] }),
|
|
41
|
+
] }));
|
|
42
|
+
return Column({ gap: 5, cssClass: 'p-6 max-w-4xl', children });
|
|
43
|
+
}
|
|
44
|
+
const CHART_MAP = {
|
|
45
|
+
bar: BarChart,
|
|
46
|
+
line: LineChart,
|
|
47
|
+
area: AreaChart,
|
|
48
|
+
pie: PieChart,
|
|
49
|
+
};
|
|
50
|
+
//# sourceMappingURL=chart.js.map
|