@widgentic/designer 0.2.0 → 0.4.1
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/README.md +19 -4
- package/dist/action-editor.d.ts.map +1 -1
- package/dist/action-editor.js +3 -3
- package/dist/action-editor.js.map +1 -1
- package/dist/browser/widgentic-designer.js +28 -50
- package/dist/browser/widgentic-designer.js.map +4 -4
- package/dist/chrome-defaults.d.ts +67 -0
- package/dist/chrome-defaults.d.ts.map +1 -0
- package/dist/chrome-defaults.js +102 -0
- package/dist/chrome-defaults.js.map +1 -0
- package/dist/dom.d.ts +3 -15
- package/dist/dom.d.ts.map +1 -1
- package/dist/dom.js +14 -50
- package/dist/dom.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* The chrome tokens and the palettes painted through them.
|
|
3
|
+
*
|
|
4
|
+
* `CHROME_DEFAULTS` is not a description of the defaults — it IS them: the
|
|
5
|
+
* injected stylesheet's token blocks are generated from this object, so a host
|
|
6
|
+
* that paints its own surfaces from the export cannot drift from the
|
|
7
|
+
* designers. There is deliberately no second palette to fall back to: a host
|
|
8
|
+
* that wants a different look passes its own values through `chrome`, and
|
|
9
|
+
* `chromeCss` renders whatever palette it hands back.
|
|
10
|
+
*
|
|
11
|
+
* Colours and shape carry the product's identity. Typography does not: a
|
|
12
|
+
* library must never default to a webfont it cannot serve, so `font`,
|
|
13
|
+
* `font-mono` and the three sizes stay system values in both palettes and a
|
|
14
|
+
* host with its own typeface passes it through `chrome`.
|
|
15
|
+
*/
|
|
16
|
+
/**
|
|
17
|
+
* The chrome tokens — every `--wgd-<token>` the stylesheet paints with.
|
|
18
|
+
* Colours (18) differ between the schemes; typography, shape and shadow are
|
|
19
|
+
* declared per scheme too so each palette stands alone. Public API: a rename
|
|
20
|
+
* is a spec change.
|
|
21
|
+
*/
|
|
22
|
+
export declare const CHROME_TOKENS: readonly ["bg", "panel", "border", "line", "text", "muted", "accent", "accent-bg", "accent-line", "danger", "danger-bg", "danger-line", "hover", "hl-key", "hl-str", "hl-num", "hl-bool", "hl-punct", "font", "font-mono", "font-size", "font-size-sm", "font-size-xs", "radius-sm", "radius", "radius-lg", "gap", "shadow"];
|
|
23
|
+
export type ChromeToken = (typeof CHROME_TOKENS)[number];
|
|
24
|
+
/** A host's partial chrome: token → CSS value (`var()` references welcome). */
|
|
25
|
+
export type ChromeOptions = Partial<Record<ChromeToken, string>>;
|
|
26
|
+
/** Every token valued — what a palette is. */
|
|
27
|
+
export type ChromeScheme = Record<ChromeToken, string>;
|
|
28
|
+
/** A complete palette: both schemes, every token. */
|
|
29
|
+
export interface ChromePalette {
|
|
30
|
+
light: ChromeScheme;
|
|
31
|
+
dark: ChromeScheme;
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* The widgentic palette — what the designers render with when a host passes
|
|
35
|
+
* no `chrome`, and what a host paints its own page with to match them.
|
|
36
|
+
*
|
|
37
|
+
* Every colour sits on the logo mark's own hue (197.6deg, from `#40a0c8`).
|
|
38
|
+
* Surfaces, text and accents come from the product's existing palette;
|
|
39
|
+
* `border`, `accent-line` and `danger-line` are DERIVED, not chosen: each is
|
|
40
|
+
* the lightest value on that hue which still clears 3:1 against the surface
|
|
41
|
+
* it sits on, because those edges are what identifies a control, a focused tag
|
|
42
|
+
* and a banner. Minimum weight that complies, so nothing is heavier than
|
|
43
|
+
* accessibility requires. See chrome-contrast.test.ts for the gate.
|
|
44
|
+
*/
|
|
45
|
+
export declare const CHROME_DEFAULTS: ChromePalette;
|
|
46
|
+
export interface ChromeCssOptions {
|
|
47
|
+
/** Custom-property prefix, dashes included. Default `--wgd`. */
|
|
48
|
+
prefix?: string;
|
|
49
|
+
/** Selector the light block is written under. Default `:root`. */
|
|
50
|
+
selector?: string;
|
|
51
|
+
/** Selector for the dark block inside `prefers-color-scheme: dark`; defaults to `selector`. */
|
|
52
|
+
darkMediaSelector?: string;
|
|
53
|
+
/** Optional selector for an unconditional dark block — an explicit host toggle. */
|
|
54
|
+
darkSelector?: string;
|
|
55
|
+
}
|
|
56
|
+
/**
|
|
57
|
+
* Render a palette as CSS declaration blocks — the light values under
|
|
58
|
+
* `selector`, the dark values under `prefers-color-scheme: dark`, and
|
|
59
|
+
* optionally under an explicit selector a host toggles. Every token is
|
|
60
|
+
* declared in every block, so nothing falls back to a browser value.
|
|
61
|
+
*
|
|
62
|
+
* A string builder, deliberately: no injection, no runtime, no dependency.
|
|
63
|
+
* The designers' own stylesheet is built with it, and so is a host page that
|
|
64
|
+
* wants its surfaces to match them.
|
|
65
|
+
*/
|
|
66
|
+
export declare function chromeCss(palette: ChromePalette, options?: ChromeCssOptions): string;
|
|
67
|
+
//# sourceMappingURL=chrome-defaults.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chrome-defaults.d.ts","sourceRoot":"","sources":["../src/chrome-defaults.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH;;;;;GAKG;AACH,eAAO,MAAM,aAAa,YACxB,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAChD,QAAQ,EAAE,WAAW,EAAE,aAAa,EACpC,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,OAAO,EAC7C,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EACnD,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAChE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,CAC3C,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzD,+EAA+E;AAC/E,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;AAEjE,8CAA8C;AAC9C,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;AAEvD,qDAAqD;AACrD,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,YAAY,CAAC;CACpB;AAWD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe,EAAE,aAyB7B,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,gEAAgE;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+FAA+F;IAC/F,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mFAAmF;IACnF,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAMD;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,OAAO,EAAE,aAAa,EAAE,OAAO,GAAE,gBAAqB,GAAG,MAAM,CAYxF"}
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* The chrome tokens and the palettes painted through them.
|
|
3
|
+
*
|
|
4
|
+
* `CHROME_DEFAULTS` is not a description of the defaults — it IS them: the
|
|
5
|
+
* injected stylesheet's token blocks are generated from this object, so a host
|
|
6
|
+
* that paints its own surfaces from the export cannot drift from the
|
|
7
|
+
* designers. There is deliberately no second palette to fall back to: a host
|
|
8
|
+
* that wants a different look passes its own values through `chrome`, and
|
|
9
|
+
* `chromeCss` renders whatever palette it hands back.
|
|
10
|
+
*
|
|
11
|
+
* Colours and shape carry the product's identity. Typography does not: a
|
|
12
|
+
* library must never default to a webfont it cannot serve, so `font`,
|
|
13
|
+
* `font-mono` and the three sizes stay system values in both palettes and a
|
|
14
|
+
* host with its own typeface passes it through `chrome`.
|
|
15
|
+
*/
|
|
16
|
+
/**
|
|
17
|
+
* The chrome tokens — every `--wgd-<token>` the stylesheet paints with.
|
|
18
|
+
* Colours (18) differ between the schemes; typography, shape and shadow are
|
|
19
|
+
* declared per scheme too so each palette stands alone. Public API: a rename
|
|
20
|
+
* is a spec change.
|
|
21
|
+
*/
|
|
22
|
+
export const CHROME_TOKENS = [
|
|
23
|
+
"bg", "panel", "border", "line", "text", "muted",
|
|
24
|
+
"accent", "accent-bg", "accent-line",
|
|
25
|
+
"danger", "danger-bg", "danger-line", "hover",
|
|
26
|
+
"hl-key", "hl-str", "hl-num", "hl-bool", "hl-punct",
|
|
27
|
+
"font", "font-mono", "font-size", "font-size-sm", "font-size-xs",
|
|
28
|
+
"radius-sm", "radius", "radius-lg", "gap", "shadow"
|
|
29
|
+
];
|
|
30
|
+
/** Shared by both palettes: see the module header on why typography is not branded. */
|
|
31
|
+
const TYPOGRAPHY = {
|
|
32
|
+
font: "system-ui, sans-serif",
|
|
33
|
+
"font-mono": "ui-monospace, monospace",
|
|
34
|
+
"font-size": "13px",
|
|
35
|
+
"font-size-sm": "12px",
|
|
36
|
+
"font-size-xs": "11px"
|
|
37
|
+
};
|
|
38
|
+
/**
|
|
39
|
+
* The widgentic palette — what the designers render with when a host passes
|
|
40
|
+
* no `chrome`, and what a host paints its own page with to match them.
|
|
41
|
+
*
|
|
42
|
+
* Every colour sits on the logo mark's own hue (197.6deg, from `#40a0c8`).
|
|
43
|
+
* Surfaces, text and accents come from the product's existing palette;
|
|
44
|
+
* `border`, `accent-line` and `danger-line` are DERIVED, not chosen: each is
|
|
45
|
+
* the lightest value on that hue which still clears 3:1 against the surface
|
|
46
|
+
* it sits on, because those edges are what identifies a control, a focused tag
|
|
47
|
+
* and a banner. Minimum weight that complies, so nothing is heavier than
|
|
48
|
+
* accessibility requires. See chrome-contrast.test.ts for the gate.
|
|
49
|
+
*/
|
|
50
|
+
export const CHROME_DEFAULTS = {
|
|
51
|
+
light: {
|
|
52
|
+
bg: "#f6fafc", panel: "#ffffff", border: "#6e95a6",
|
|
53
|
+
line: "#e4ecf2", text: "#0b1b26", muted: "#56707f",
|
|
54
|
+
accent: "#1e6f92", "accent-bg": "#e3f1f7", "accent-line": "#4b91ae",
|
|
55
|
+
danger: "#b42318", "danger-bg": "#fdf2f2", "danger-line": "#c97572",
|
|
56
|
+
hover: "#eef5f9",
|
|
57
|
+
"hl-key": "#1e6f92", "hl-str": "#2e7d5b", "hl-num": "#96620f",
|
|
58
|
+
"hl-bool": "#7a4fbf", "hl-punct": "#56707f",
|
|
59
|
+
...TYPOGRAPHY,
|
|
60
|
+
"radius-sm": "4px", radius: "6px", "radius-lg": "8px", gap: "16px",
|
|
61
|
+
shadow: "0 8px 24px -12px rgba(11, 27, 38, 0.35)"
|
|
62
|
+
},
|
|
63
|
+
dark: {
|
|
64
|
+
bg: "#0b141b", panel: "#10202a", border: "#437082",
|
|
65
|
+
line: "#1b2f3d", text: "#e6f0f5", muted: "#93a9b6",
|
|
66
|
+
accent: "#8acbe6", "accent-bg": "#14303d", "accent-line": "#3e7e98",
|
|
67
|
+
danger: "#f0a3a3", "danger-bg": "#2a1a1c", "danger-line": "#a3524f",
|
|
68
|
+
hover: "#152a36",
|
|
69
|
+
"hl-key": "#8acbe6", "hl-str": "#6cc79a", "hl-num": "#e0b25a",
|
|
70
|
+
"hl-bool": "#bb9af7", "hl-punct": "#93a9b6",
|
|
71
|
+
...TYPOGRAPHY,
|
|
72
|
+
"radius-sm": "4px", radius: "6px", "radius-lg": "8px", gap: "16px",
|
|
73
|
+
shadow: "0 8px 24px -12px rgba(0, 0, 0, 0.7)"
|
|
74
|
+
}
|
|
75
|
+
};
|
|
76
|
+
function declarations(scheme, prefix, indent) {
|
|
77
|
+
return CHROME_TOKENS.map((token) => `${indent}${prefix}-${token}: ${scheme[token]};`).join("\n");
|
|
78
|
+
}
|
|
79
|
+
/**
|
|
80
|
+
* Render a palette as CSS declaration blocks — the light values under
|
|
81
|
+
* `selector`, the dark values under `prefers-color-scheme: dark`, and
|
|
82
|
+
* optionally under an explicit selector a host toggles. Every token is
|
|
83
|
+
* declared in every block, so nothing falls back to a browser value.
|
|
84
|
+
*
|
|
85
|
+
* A string builder, deliberately: no injection, no runtime, no dependency.
|
|
86
|
+
* The designers' own stylesheet is built with it, and so is a host page that
|
|
87
|
+
* wants its surfaces to match them.
|
|
88
|
+
*/
|
|
89
|
+
export function chromeCss(palette, options = {}) {
|
|
90
|
+
const prefix = options.prefix ?? "--wgd";
|
|
91
|
+
const selector = options.selector ?? ":root";
|
|
92
|
+
const darkMediaSelector = options.darkMediaSelector ?? selector;
|
|
93
|
+
const blocks = [
|
|
94
|
+
`${selector} {\n${declarations(palette.light, prefix, " ")}\n}`,
|
|
95
|
+
`@media (prefers-color-scheme: dark) {\n ${darkMediaSelector} {\n${declarations(palette.dark, prefix, " ")}\n }\n}`
|
|
96
|
+
];
|
|
97
|
+
if (options.darkSelector !== undefined) {
|
|
98
|
+
blocks.push(`${options.darkSelector} {\n${declarations(palette.dark, prefix, " ")}\n}`);
|
|
99
|
+
}
|
|
100
|
+
return blocks.join("\n");
|
|
101
|
+
}
|
|
102
|
+
//# sourceMappingURL=chrome-defaults.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chrome-defaults.js","sourceRoot":"","sources":["../src/chrome-defaults.ts"],"names":[],"mappings":"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"}
|
package/dist/dom.d.ts
CHANGED
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
* Tiny DOM helpers for the designer chrome — the same hand-rolled
|
|
3
|
-
* discipline as the rest of the project, sized for form-heavy panels.
|
|
4
|
-
* Designer chrome classes are prefixed `wgd-` (widget content inside the
|
|
5
|
-
* preview keeps the normal `wg-` classes).
|
|
6
|
-
*/
|
|
1
|
+
import type { ChromeOptions } from "./chrome-defaults.js";
|
|
7
2
|
export type Child = Node | string;
|
|
8
3
|
/** The first `<selector>` under `parent`, which the caller's own markup guarantees exists. */
|
|
9
4
|
export declare function requireChild<K extends keyof HTMLElementTagNameMap>(parent: ParentNode, selector: K): HTMLElementTagNameMap[K];
|
|
@@ -32,15 +27,8 @@ export declare function fitSelect(select: HTMLSelectElement): void;
|
|
|
32
27
|
export declare function menuButton(label: string, title: string, options: string[], onPick: (option: string) => void): HTMLElement;
|
|
33
28
|
/** Inline diagnostic line (empty text removes it from the flow). */
|
|
34
29
|
export declare function diagnosticLine(text: string | undefined): HTMLElement;
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
* Colours (18) follow the light/dark blocks; typography, shape and shadow
|
|
38
|
-
* are scheme-independent. Public API: a rename is a spec change.
|
|
39
|
-
*/
|
|
40
|
-
export declare const CHROME_TOKENS: readonly ["bg", "panel", "border", "line", "text", "muted", "accent", "accent-bg", "accent-line", "danger", "danger-bg", "danger-line", "hover", "hl-key", "hl-str", "hl-num", "hl-bool", "hl-punct", "font", "font-mono", "font-size", "font-size-sm", "font-size-xs", "radius-sm", "radius", "radius-lg", "gap", "shadow"];
|
|
41
|
-
export type ChromeToken = (typeof CHROME_TOKENS)[number];
|
|
42
|
-
/** A host's partial chrome: token → CSS value (`var()` references welcome). */
|
|
43
|
-
export type ChromeOptions = Partial<Record<ChromeToken, string>>;
|
|
30
|
+
export { CHROME_TOKENS } from "./chrome-defaults.js";
|
|
31
|
+
export type { ChromeOptions, ChromeToken } from "./chrome-defaults.js";
|
|
44
32
|
/**
|
|
45
33
|
* Apply a host's chrome on a designer root as inline custom properties —
|
|
46
34
|
* the style attribute outranks every rule in the injected stylesheet, so
|
package/dist/dom.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,MAAM,KAAK,GAAG,IAAI,GAAG,MAAM,CAAC;AAElC,8FAA8F;AAC9F,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,qBAAqB,EAChE,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,CAAC,GACV,qBAAqB,CAAC,CAAC,CAAC,CAI1B;AAED,wBAAgB,CAAC,CAAC,CAAC,SAAS,MAAM,qBAAqB,EACrD,GAAG,EAAE,CAAC,EACN,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC9B,QAAQ,CAAC,EAAE,KAAK,EAAE,GACjB,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAC5B,wBAAgB,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,WAAW,CAAC;AAgBhG,0DAA0D;AAC1D,wBAAgB,SAAS,CACvB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAC/B,WAAW,CAQb;AAED,4DAA4D;AAC5D,wBAAgB,QAAQ,CACtB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EAChC,IAAI,SAAI,GACP,WAAW,CAcb;AAED,oDAAoD;AACpD,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,IAAI,UAAO,GAAG,WAAW,CAOlF;AAED;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAOzD;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CACxB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,MAAM,EAAE,EACjB,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,GAC/B,WAAW,CA6Cb;AAED,oEAAoE;AACpE,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,WAAW,CAIpE;AAKD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AASvE;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,GAAG,SAAS,GAAG,IAAI,CAOtF;AAED,kGAAkG;AAClG,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,aAAa,GAAG,SAAS,CASpF;AAID,+DAA+D;AAC/D,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,QAAQ,GAAG,IAAI,CAuOxD"}
|
package/dist/dom.js
CHANGED
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
* Designer chrome classes are prefixed `wgd-` (widget content inside the
|
|
5
5
|
* preview keeps the normal `wg-` classes).
|
|
6
6
|
*/
|
|
7
|
+
import { CHROME_DEFAULTS, CHROME_TOKENS, chromeCss } from "./chrome-defaults.js";
|
|
7
8
|
/** The first `<selector>` under `parent`, which the caller's own markup guarantees exists. */
|
|
8
9
|
export function requireChild(parent, selector) {
|
|
9
10
|
const found = parent.querySelector(selector);
|
|
@@ -127,19 +128,10 @@ export function diagnosticLine(text) {
|
|
|
127
128
|
el.setAttribute("hidden", "");
|
|
128
129
|
return el;
|
|
129
130
|
}
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
*/
|
|
135
|
-
export const CHROME_TOKENS = [
|
|
136
|
-
"bg", "panel", "border", "line", "text", "muted",
|
|
137
|
-
"accent", "accent-bg", "accent-line",
|
|
138
|
-
"danger", "danger-bg", "danger-line", "hover",
|
|
139
|
-
"hl-key", "hl-str", "hl-num", "hl-bool", "hl-punct",
|
|
140
|
-
"font", "font-mono", "font-size", "font-size-sm", "font-size-xs",
|
|
141
|
-
"radius-sm", "radius", "radius-lg", "gap", "shadow"
|
|
142
|
-
];
|
|
131
|
+
// The token list and the palettes live in chrome-defaults.ts, which the
|
|
132
|
+
// stylesheet below is generated from; re-exported here so the modules that
|
|
133
|
+
// already import chrome types from this one keep working.
|
|
134
|
+
export { CHROME_TOKENS } from "./chrome-defaults.js";
|
|
143
135
|
const CHROME_TOKEN_SET = new Set(CHROME_TOKENS);
|
|
144
136
|
// On a custom property a CSS-wide keyword acts on the property itself (it
|
|
145
137
|
// inherits/resets the TOKEN, not the consumer), so it never expresses what
|
|
@@ -184,43 +176,15 @@ export function injectDesignerStyles(doc) {
|
|
|
184
176
|
const style = doc.createElement("style");
|
|
185
177
|
style.setAttribute(STYLE_MARKER, "chrome");
|
|
186
178
|
style.textContent = `
|
|
187
|
-
/* Chrome tokens (CHROME_TOKENS)
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
the preview keeps its own --wg-* theme tokens. */
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
--wgd-hover: #eef2f7;
|
|
197
|
-
--wgd-hl-key: #0b5fa5; --wgd-hl-str: #0a7a3d; --wgd-hl-num: #b45309;
|
|
198
|
-
--wgd-hl-bool: #7c3aed; --wgd-hl-punct: #7a8494;
|
|
199
|
-
--wgd-font: system-ui, sans-serif; --wgd-font-mono: ui-monospace, monospace;
|
|
200
|
-
--wgd-font-size: 13px; --wgd-font-size-sm: 12px; --wgd-font-size-xs: 11px;
|
|
201
|
-
--wgd-radius-sm: 3px; --wgd-radius: 4px; --wgd-radius-lg: 6px; --wgd-gap: 16px;
|
|
202
|
-
--wgd-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
|
|
203
|
-
}
|
|
204
|
-
@media (prefers-color-scheme: dark) {
|
|
205
|
-
.wgd-root:not([data-wgd-theme="light"]) {
|
|
206
|
-
--wgd-bg: #0f131c; --wgd-panel: #161b26; --wgd-border: #2a3140;
|
|
207
|
-
--wgd-line: #232a37; --wgd-text: #e5e9f0; --wgd-muted: #96a0b5;
|
|
208
|
-
--wgd-accent: #7aa2f7; --wgd-accent-bg: #1c2740; --wgd-accent-line: #35507f;
|
|
209
|
-
--wgd-danger: #f0a3a3; --wgd-danger-bg: #2a1a1c; --wgd-danger-line: #5c2b2b;
|
|
210
|
-
--wgd-hover: #1e2532;
|
|
211
|
-
--wgd-hl-key: #7aa2f7; --wgd-hl-str: #9ece6a; --wgd-hl-num: #ff9e64;
|
|
212
|
-
--wgd-hl-bool: #bb9af7; --wgd-hl-punct: #8b94a7;
|
|
213
|
-
}
|
|
214
|
-
}
|
|
215
|
-
.wgd-root[data-wgd-theme="dark"] {
|
|
216
|
-
--wgd-bg: #0f131c; --wgd-panel: #161b26; --wgd-border: #2a3140;
|
|
217
|
-
--wgd-line: #232a37; --wgd-text: #e5e9f0; --wgd-muted: #96a0b5;
|
|
218
|
-
--wgd-accent: #7aa2f7; --wgd-accent-bg: #1c2740; --wgd-accent-line: #35507f;
|
|
219
|
-
--wgd-danger: #f0a3a3; --wgd-danger-bg: #2a1a1c; --wgd-danger-line: #5c2b2b;
|
|
220
|
-
--wgd-hover: #1e2532;
|
|
221
|
-
--wgd-hl-key: #7aa2f7; --wgd-hl-str: #9ece6a; --wgd-hl-num: #ff9e64;
|
|
222
|
-
--wgd-hl-bool: #bb9af7; --wgd-hl-punct: #8b94a7;
|
|
223
|
-
}
|
|
179
|
+
/* Chrome tokens (CHROME_TOKENS), generated from CHROME_DEFAULTS so the
|
|
180
|
+
exported palette IS the applied one. A host overrides any of them through
|
|
181
|
+
options.chrome (inline on the root, which outranks these rules). Widget
|
|
182
|
+
content inside the preview keeps its own --wg-* theme tokens. */
|
|
183
|
+
${chromeCss(CHROME_DEFAULTS, {
|
|
184
|
+
selector: ".wgd-root",
|
|
185
|
+
darkMediaSelector: '.wgd-root:not([data-wgd-theme="light"])',
|
|
186
|
+
darkSelector: '.wgd-root[data-wgd-theme="dark"]'
|
|
187
|
+
})}
|
|
224
188
|
.wgd-root { display: flex; gap: var(--wgd-gap); font-family: var(--wgd-font); font-size: var(--wgd-font-size); align-items: flex-start; color: var(--wgd-text); background: var(--wgd-bg); }
|
|
225
189
|
/* Any chrome class that sets display would silently defeat the hidden
|
|
226
190
|
attribute (learned live twice: the add menu, then the styles tree as a
|
package/dist/dom.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dom.js","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;
|
|
1
|
+
{"version":3,"file":"dom.js","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -9,8 +9,8 @@
|
|
|
9
9
|
* performs no network I/O — hosts own persistence via change events.
|
|
10
10
|
*/
|
|
11
11
|
export { createDesigner } from "./shell.js";
|
|
12
|
-
export { CHROME_TOKENS } from "./
|
|
13
|
-
export type { ChromeOptions, ChromeToken } from "./
|
|
12
|
+
export { CHROME_TOKENS, CHROME_DEFAULTS, chromeCss } from "./chrome-defaults.js";
|
|
13
|
+
export type { ChromeCssOptions, ChromeOptions, ChromePalette, ChromeScheme, ChromeToken } from "./chrome-defaults.js";
|
|
14
14
|
export type { DesignerHandle, DesignerOptions, LoadResult, WidgetDefinition } from "./shell.js";
|
|
15
15
|
export { defineDesignerElement, defineThemeDesignerElement, defineSchemaDesignerElement, defineActionDesignerElement, DEFAULT_TAG, DEFAULT_THEME_TAG, DEFAULT_SCHEMA_TAG, DEFAULT_ACTION_TAG } from "./element.js";
|
|
16
16
|
export { createActionDesigner, checkActionEntry } from "./action-designer.js";
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjF,YAAY,EACV,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,YAAY,EACZ,WAAW,EACZ,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EACV,cAAc,EACd,eAAe,EACf,UAAU,EACV,gBAAgB,EACjB,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,qBAAqB,EACrB,0BAA0B,EAC1B,2BAA2B,EAC3B,2BAA2B,EAC3B,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC9E,YAAY,EACV,oBAAoB,EACpB,qBAAqB,EACrB,WAAW,EACX,gBAAgB,EACjB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,mBAAmB,EACnB,sBAAsB,EACtB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EACV,mBAAmB,EACnB,aAAa,EACb,oBAAoB,EACpB,gBAAgB,EACjB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC9E,YAAY,EACV,oBAAoB,EACpB,qBAAqB,EACrB,WAAW,EACX,gBAAgB,EACjB,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EACV,mBAAmB,EACnB,oBAAoB,EACpB,eAAe,EAChB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAC/E,YAAY,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,YAAY,EACV,mBAAmB,EACnB,UAAU,EACV,aAAa,EACd,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
* performs no network I/O — hosts own persistence via change events.
|
|
10
10
|
*/
|
|
11
11
|
export { createDesigner } from "./shell.js";
|
|
12
|
-
export { CHROME_TOKENS } from "./
|
|
12
|
+
export { CHROME_TOKENS, CHROME_DEFAULTS, chromeCss } from "./chrome-defaults.js";
|
|
13
13
|
export { defineDesignerElement, defineThemeDesignerElement, defineSchemaDesignerElement, defineActionDesignerElement, DEFAULT_TAG, DEFAULT_THEME_TAG, DEFAULT_SCHEMA_TAG, DEFAULT_ACTION_TAG } from "./element.js";
|
|
14
14
|
export { createActionDesigner, checkActionEntry } from "./action-designer.js";
|
|
15
15
|
export { createBindingEditor, createDefinitionEditor, starterHttpDefinition, starterPromptDefinition } from "./action-editor.js";
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAcjF,OAAO,EACL,qBAAqB,EACrB,0BAA0B,EAC1B,2BAA2B,EAC3B,2BAA2B,EAC3B,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAO9E,OAAO,EACL,mBAAmB,EACnB,sBAAsB,EACtB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,oBAAoB,CAAC;AAO5B,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAa9E,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAE/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAMlD,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,SAAS,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@widgentic/designer",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.1",
|
|
4
4
|
"description": "Hostable widgentic designers: widget, theme, schema and action designers as functions and custom elements, plus a single-file browser bundle.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|