lastriko 0.1.1 → 0.1.4
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/client/events.js +94 -2
- package/dist/client/events.js.map +1 -1
- package/dist/client/ws.js +121 -3
- package/dist/client/ws.js.map +1 -1
- package/dist/client/ws.test.d.ts +1 -0
- package/dist/client/ws.test.js +316 -0
- package/dist/client/ws.test.js.map +1 -0
- package/dist/components/context.d.ts +2 -2
- package/dist/components/context.js +18 -4
- package/dist/components/context.js.map +1 -1
- package/dist/components/context.test.js +61 -0
- package/dist/components/context.test.js.map +1 -1
- package/dist/components/types.d.ts +6 -2
- package/dist/engine/code-highlight.d.ts +1 -0
- package/dist/engine/code-highlight.js +64 -0
- package/dist/engine/code-highlight.js.map +1 -0
- package/dist/engine/code-highlight.test.d.ts +1 -0
- package/dist/engine/code-highlight.test.js +15 -0
- package/dist/engine/code-highlight.test.js.map +1 -0
- package/dist/engine/executor.js +5 -0
- package/dist/engine/executor.js.map +1 -1
- package/dist/engine/executor.test.js +20 -0
- package/dist/engine/executor.test.js.map +1 -1
- package/dist/engine/renderer.js +43 -21
- package/dist/engine/renderer.js.map +1 -1
- package/dist/engine/renderer.test.js +152 -0
- package/dist/engine/renderer.test.js.map +1 -1
- package/dist/engine/server.d.ts +1 -0
- package/dist/engine/server.js +16 -1
- package/dist/engine/server.js.map +1 -1
- package/dist/engine/server.test.js +43 -0
- package/dist/engine/server.test.js.map +1 -1
- package/dist/engine/websocket.d.ts +2 -0
- package/dist/engine/websocket.js +6 -0
- package/dist/engine/websocket.js.map +1 -1
- package/dist/style.css +150 -0
- package/dist/theme/lastriko.css +150 -0
- package/package.json +4 -1
package/dist/client/events.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
const EVENT_ATTR = 'data-lk-event';
|
|
1
2
|
function isDebugWs() {
|
|
2
3
|
return typeof window !== 'undefined'
|
|
3
4
|
&& Boolean(window.__LK_DEBUG_WS__);
|
|
@@ -23,6 +24,23 @@ function resolveComponentId(target) {
|
|
|
23
24
|
const holder = target.closest('[data-lk-id]');
|
|
24
25
|
return holder?.dataset.lkId ?? null;
|
|
25
26
|
}
|
|
27
|
+
function hasEventToken(element, token) {
|
|
28
|
+
const raw = element.getAttribute(EVENT_ATTR);
|
|
29
|
+
if (!raw)
|
|
30
|
+
return false;
|
|
31
|
+
return raw.split(/\s+/).includes(token);
|
|
32
|
+
}
|
|
33
|
+
function closestWithEventToken(target, token) {
|
|
34
|
+
if (!(target instanceof Element))
|
|
35
|
+
return null;
|
|
36
|
+
let node = target;
|
|
37
|
+
while (node) {
|
|
38
|
+
if (hasEventToken(node, token))
|
|
39
|
+
return node;
|
|
40
|
+
node = node.parentElement;
|
|
41
|
+
}
|
|
42
|
+
return null;
|
|
43
|
+
}
|
|
26
44
|
export function bindEventDelegation(root, channel) {
|
|
27
45
|
root.addEventListener('click', (event) => {
|
|
28
46
|
if (!(event.target instanceof Element))
|
|
@@ -44,13 +62,20 @@ export function bindEventDelegation(root, channel) {
|
|
|
44
62
|
panel.setAttribute('hidden', '');
|
|
45
63
|
}
|
|
46
64
|
}
|
|
65
|
+
const id = resolveComponentId(tabsRoot);
|
|
66
|
+
if (id) {
|
|
67
|
+
channel.send({
|
|
68
|
+
type: 'EVENT',
|
|
69
|
+
payload: { id, event: 'change', value: target },
|
|
70
|
+
});
|
|
71
|
+
}
|
|
47
72
|
}
|
|
48
73
|
}
|
|
49
74
|
});
|
|
50
75
|
root.addEventListener('click', (event) => {
|
|
51
76
|
if (!(event.target instanceof Element))
|
|
52
77
|
return;
|
|
53
|
-
const clickable = event.target
|
|
78
|
+
const clickable = closestWithEventToken(event.target, 'click');
|
|
54
79
|
if (!clickable)
|
|
55
80
|
return;
|
|
56
81
|
const id = resolveComponentId(clickable);
|
|
@@ -74,7 +99,7 @@ export function bindEventDelegation(root, channel) {
|
|
|
74
99
|
root.addEventListener('change', (event) => {
|
|
75
100
|
if (!(event.target instanceof Element))
|
|
76
101
|
return;
|
|
77
|
-
const changeable = event.target
|
|
102
|
+
const changeable = closestWithEventToken(event.target, 'change');
|
|
78
103
|
if (!changeable)
|
|
79
104
|
return;
|
|
80
105
|
const id = resolveComponentId(changeable);
|
|
@@ -85,6 +110,73 @@ export function bindEventDelegation(root, channel) {
|
|
|
85
110
|
payload: { id, event: 'change', value: coerceValue(event.target) },
|
|
86
111
|
});
|
|
87
112
|
});
|
|
113
|
+
root.addEventListener('input', (event) => {
|
|
114
|
+
if (!(event.target instanceof Element))
|
|
115
|
+
return;
|
|
116
|
+
const liveInput = closestWithEventToken(event.target, 'input');
|
|
117
|
+
if (!liveInput)
|
|
118
|
+
return;
|
|
119
|
+
if (event.target instanceof HTMLInputElement && event.target.type === 'number')
|
|
120
|
+
return;
|
|
121
|
+
const id = resolveComponentId(liveInput);
|
|
122
|
+
if (!id)
|
|
123
|
+
return;
|
|
124
|
+
channel.send({
|
|
125
|
+
type: 'EVENT',
|
|
126
|
+
payload: { id, event: 'change', value: coerceValue(event.target) },
|
|
127
|
+
});
|
|
128
|
+
});
|
|
129
|
+
root.addEventListener('blur', (event) => {
|
|
130
|
+
if (!(event.target instanceof HTMLInputElement))
|
|
131
|
+
return;
|
|
132
|
+
const clamped = closestWithEventToken(event.target, 'blur-clamp');
|
|
133
|
+
if (!clamped || event.target.type !== 'number')
|
|
134
|
+
return;
|
|
135
|
+
const minAttr = event.target.getAttribute('min');
|
|
136
|
+
const maxAttr = event.target.getAttribute('max');
|
|
137
|
+
const min = minAttr == null || minAttr === '' ? null : Number(minAttr);
|
|
138
|
+
const max = maxAttr == null || maxAttr === '' ? null : Number(maxAttr);
|
|
139
|
+
if (Number.isNaN(event.target.valueAsNumber))
|
|
140
|
+
return;
|
|
141
|
+
let next = event.target.valueAsNumber;
|
|
142
|
+
if (min !== null && Number.isFinite(min))
|
|
143
|
+
next = Math.max(min, next);
|
|
144
|
+
if (max !== null && Number.isFinite(max))
|
|
145
|
+
next = Math.min(max, next);
|
|
146
|
+
if (next !== event.target.valueAsNumber)
|
|
147
|
+
event.target.value = String(next);
|
|
148
|
+
const id = resolveComponentId(clamped);
|
|
149
|
+
if (!id)
|
|
150
|
+
return;
|
|
151
|
+
channel.send({
|
|
152
|
+
type: 'EVENT',
|
|
153
|
+
payload: { id, event: 'change', value: next },
|
|
154
|
+
});
|
|
155
|
+
}, true);
|
|
156
|
+
root.addEventListener('click', async (event) => {
|
|
157
|
+
if (!(event.target instanceof Element))
|
|
158
|
+
return;
|
|
159
|
+
const copyButton = closestWithEventToken(event.target, 'copy-code');
|
|
160
|
+
if (!copyButton)
|
|
161
|
+
return;
|
|
162
|
+
const container = copyButton.closest('[data-lk-id]');
|
|
163
|
+
const source = container?.querySelector('.lk-code-source');
|
|
164
|
+
if (!source)
|
|
165
|
+
return;
|
|
166
|
+
try {
|
|
167
|
+
await navigator.clipboard.writeText(source.textContent ?? '');
|
|
168
|
+
const button = copyButton;
|
|
169
|
+
button.classList.add('is-copied');
|
|
170
|
+
button.textContent = 'Copied';
|
|
171
|
+
window.setTimeout(() => {
|
|
172
|
+
button.classList.remove('is-copied');
|
|
173
|
+
button.textContent = 'Copy';
|
|
174
|
+
}, 1000);
|
|
175
|
+
}
|
|
176
|
+
catch {
|
|
177
|
+
// ignore clipboard errors in unsupported contexts
|
|
178
|
+
}
|
|
179
|
+
});
|
|
88
180
|
root.addEventListener('change', async (event) => {
|
|
89
181
|
if (!(event.target instanceof HTMLInputElement))
|
|
90
182
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"events.js","sourceRoot":"","sources":["../../src/client/events.ts"],"names":[],"mappings":"AAMA,SAAS,SAAS;IAChB,OAAO,OAAO,MAAM,KAAK,WAAW;WAC/B,OAAO,CAAE,MAAiD,CAAC,eAAe,CAAC,CAAC;AACnF,CAAC;AAED,SAAS,WAAW,CAAC,MAA0B;IAC7C,IAAI,CAAC,CAAC,MAAM,YAAY,WAAW,CAAC;QAClC,OAAO,SAAS,CAAC;IACnB,IAAI,MAAM,YAAY,gBAAgB,EAAE,CAAC;QACvC,IAAI,MAAM,CAAC,IAAI,KAAK,UAAU;YAC5B,OAAO,MAAM,CAAC,OAAO,CAAC;QACxB,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO;YACrD,OAAO,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9B,OAAO,MAAM,CAAC,KAAK,CAAC;IACtB,CAAC;IACD,IAAI,MAAM,YAAY,iBAAiB,IAAI,MAAM,YAAY,mBAAmB,EAAE,CAAC;QACjF,OAAO,MAAM,CAAC,KAAK,CAAC;IACtB,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,kBAAkB,CAAC,MAA0B;IACpD,IAAI,CAAC,CAAC,MAAM,YAAY,OAAO,CAAC;QAC9B,OAAO,IAAI,CAAC;IACd,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAc,cAAc,CAAC,CAAC;IAC3D,OAAO,MAAM,EAAE,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC;AACtC,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,IAAc,EAAE,OAAqB;IACvE,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;QACvC,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,YAAY,OAAO,CAAC;YACpC,OAAO;QACT,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAoB,6BAA6B,CAAC,CAAC;QACtF,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;YAC/B,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;YAC5C,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC;YAC1C,IAAI,QAAQ,IAAI,MAAM,EAAE,CAAC;gBACvB,KAAK,MAAM,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAoB,6BAA6B,CAAC,CAAC,EAAE,CAAC;oBACxG,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC,OAAO,CAAC,WAAW,KAAK,MAAM,CAAC,CAAC;gBACpE,CAAC;gBACD,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAc,eAAe,CAAC,CAAC,EAAE,CAAC;oBACxF,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,KAAK,MAAM,CAAC;oBAClD,IAAI,KAAK,EAAE,CAAC;wBACV,KAAK,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;oBAClC,CAAC;yBACI,CAAC;wBACJ,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;oBACnC,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;QACvC,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,YAAY,OAAO,CAAC;YACpC,OAAO;QACT,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"events.js","sourceRoot":"","sources":["../../src/client/events.ts"],"names":[],"mappings":"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"}
|
package/dist/client/ws.js
CHANGED
|
@@ -16,6 +16,119 @@ function sendMessage(ws, message) {
|
|
|
16
16
|
}
|
|
17
17
|
ws.send(raw);
|
|
18
18
|
}
|
|
19
|
+
function getToastContainer() {
|
|
20
|
+
const root = document.getElementById('lk-toast-root');
|
|
21
|
+
if (!root) {
|
|
22
|
+
return null;
|
|
23
|
+
}
|
|
24
|
+
root.classList.add('lk-toast-container');
|
|
25
|
+
return root;
|
|
26
|
+
}
|
|
27
|
+
function showToast(payload) {
|
|
28
|
+
const container = getToastContainer();
|
|
29
|
+
if (!container) {
|
|
30
|
+
return;
|
|
31
|
+
}
|
|
32
|
+
const toast = document.createElement('div');
|
|
33
|
+
toast.className = `lk-toast lk-toast--${payload.type}`;
|
|
34
|
+
toast.textContent = payload.message;
|
|
35
|
+
container.appendChild(toast);
|
|
36
|
+
while (container.childElementCount > 3) {
|
|
37
|
+
container.firstElementChild?.remove();
|
|
38
|
+
}
|
|
39
|
+
const timeoutMs = payload.duration ?? 4000;
|
|
40
|
+
const safeDuration = Number.isFinite(timeoutMs) ? Math.max(200, timeoutMs) : 4000;
|
|
41
|
+
window.setTimeout(() => {
|
|
42
|
+
toast.remove();
|
|
43
|
+
}, safeDuration);
|
|
44
|
+
}
|
|
45
|
+
function applyTabsActiveState(root) {
|
|
46
|
+
const tabsRoots = Array.from(root.querySelectorAll('.lk-tabs[data-lk-id]'));
|
|
47
|
+
for (const tabsRoot of tabsRoots) {
|
|
48
|
+
const activeButton = tabsRoot.querySelector('.lk-tab.is-active[data-lk-tab-target]');
|
|
49
|
+
const fallbackButton = tabsRoot.querySelector('.lk-tab[data-lk-tab-target]:not(:disabled)');
|
|
50
|
+
const current = activeButton ?? fallbackButton;
|
|
51
|
+
if (!current) {
|
|
52
|
+
continue;
|
|
53
|
+
}
|
|
54
|
+
const activeLabel = current.dataset.lkTabTarget ?? '';
|
|
55
|
+
for (const btn of Array.from(tabsRoot.querySelectorAll('.lk-tab[data-lk-tab-target]'))) {
|
|
56
|
+
const isActive = btn.dataset.lkTabTarget === activeLabel;
|
|
57
|
+
btn.classList.toggle('is-active', isActive);
|
|
58
|
+
btn.setAttribute('aria-selected', isActive ? 'true' : 'false');
|
|
59
|
+
btn.tabIndex = isActive ? 0 : -1;
|
|
60
|
+
}
|
|
61
|
+
for (const panel of Array.from(tabsRoot.querySelectorAll('.lk-tab-panel[data-lk-tab-panel]'))) {
|
|
62
|
+
const isActive = panel.dataset.lkTabPanel === activeLabel;
|
|
63
|
+
if (isActive) {
|
|
64
|
+
panel.removeAttribute('hidden');
|
|
65
|
+
}
|
|
66
|
+
else {
|
|
67
|
+
panel.setAttribute('hidden', '');
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
function initTabState(target) {
|
|
73
|
+
if (target) {
|
|
74
|
+
applyTabsActiveState(target);
|
|
75
|
+
return;
|
|
76
|
+
}
|
|
77
|
+
applyTabsActiveState(document);
|
|
78
|
+
}
|
|
79
|
+
function syncShellDrawerButtons(root) {
|
|
80
|
+
const toggles = Array.from(root.querySelectorAll('.lk-shell-mobile-toggle'));
|
|
81
|
+
for (const toggle of toggles) {
|
|
82
|
+
const shell = toggle.closest('.lk-shell[data-lk-id]');
|
|
83
|
+
if (!shell) {
|
|
84
|
+
continue;
|
|
85
|
+
}
|
|
86
|
+
const shellId = shell.dataset.lkId ?? '';
|
|
87
|
+
const controlsId = `lk-shell-sidebar-${shellId}`;
|
|
88
|
+
const sidebar = shell.querySelector('.lk-shell-sidebar');
|
|
89
|
+
if (sidebar && !sidebar.id) {
|
|
90
|
+
sidebar.id = controlsId;
|
|
91
|
+
}
|
|
92
|
+
const labels = shell.querySelectorAll(`label[for="${toggle.id}"].lk-shell-mobile-button`);
|
|
93
|
+
for (const label of Array.from(labels)) {
|
|
94
|
+
label.setAttribute('role', 'button');
|
|
95
|
+
label.setAttribute('tabindex', '0');
|
|
96
|
+
label.setAttribute('aria-controls', controlsId);
|
|
97
|
+
label.setAttribute('aria-expanded', toggle.checked ? 'true' : 'false');
|
|
98
|
+
label.addEventListener('keydown', (event) => {
|
|
99
|
+
if (event.key === 'Enter' || event.key === ' ') {
|
|
100
|
+
event.preventDefault();
|
|
101
|
+
toggle.checked = !toggle.checked;
|
|
102
|
+
label.setAttribute('aria-expanded', toggle.checked ? 'true' : 'false');
|
|
103
|
+
}
|
|
104
|
+
});
|
|
105
|
+
}
|
|
106
|
+
toggle.addEventListener('change', () => {
|
|
107
|
+
for (const label of Array.from(labels)) {
|
|
108
|
+
label.setAttribute('aria-expanded', toggle.checked ? 'true' : 'false');
|
|
109
|
+
}
|
|
110
|
+
});
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
let keyboardA11yBound = false;
|
|
114
|
+
function setupKeyboardA11y() {
|
|
115
|
+
if (keyboardA11yBound) {
|
|
116
|
+
return;
|
|
117
|
+
}
|
|
118
|
+
keyboardA11yBound = true;
|
|
119
|
+
document.addEventListener('keydown', (event) => {
|
|
120
|
+
if (event.key !== 'Escape') {
|
|
121
|
+
return;
|
|
122
|
+
}
|
|
123
|
+
for (const toggle of Array.from(document.querySelectorAll('.lk-shell-mobile-toggle'))) {
|
|
124
|
+
toggle.checked = false;
|
|
125
|
+
}
|
|
126
|
+
});
|
|
127
|
+
}
|
|
128
|
+
function applyClientTheme(mode) {
|
|
129
|
+
document.documentElement.setAttribute('data-theme', mode);
|
|
130
|
+
window.localStorage.setItem('lk-theme', mode);
|
|
131
|
+
}
|
|
19
132
|
export function createWSManager(opts = {}) {
|
|
20
133
|
const wsFactory = opts.wsFactory ?? ((url) => new WebSocket(url));
|
|
21
134
|
const maxRetries = opts.maxRetries ?? Number.POSITIVE_INFINITY;
|
|
@@ -68,13 +181,18 @@ export function createWSManager(opts = {}) {
|
|
|
68
181
|
switch (parsed.type) {
|
|
69
182
|
case 'RENDER':
|
|
70
183
|
applyRender(parsed.payload);
|
|
184
|
+
initTabState();
|
|
185
|
+
syncShellDrawerButtons(document);
|
|
186
|
+
setupKeyboardA11y();
|
|
71
187
|
break;
|
|
72
188
|
case 'FRAGMENT':
|
|
73
189
|
applyFragmentSwap(parsed.payload.id, parsed.payload.html);
|
|
190
|
+
initTabState();
|
|
191
|
+
syncShellDrawerButtons(document);
|
|
192
|
+
setupKeyboardA11y();
|
|
74
193
|
break;
|
|
75
194
|
case 'THEME':
|
|
76
|
-
|
|
77
|
-
window.localStorage.setItem('lk-theme', parsed.payload.mode);
|
|
195
|
+
applyClientTheme(parsed.payload.mode);
|
|
78
196
|
break;
|
|
79
197
|
case 'TOAST':
|
|
80
198
|
if (parsed.payload.message.startsWith('__connection_id__:')) {
|
|
@@ -82,7 +200,7 @@ export function createWSManager(opts = {}) {
|
|
|
82
200
|
window.localStorage.setItem('lk-connection-id', connectionId);
|
|
83
201
|
break;
|
|
84
202
|
}
|
|
85
|
-
|
|
203
|
+
showToast(parsed.payload);
|
|
86
204
|
break;
|
|
87
205
|
case 'STREAM_CHUNK':
|
|
88
206
|
applyStreamChunk(parsed.payload.id, parsed.payload.chunk, parsed.payload.done, parsed.payload.format);
|
package/dist/client/ws.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ws.js","sourceRoot":"","sources":["../../src/client/ws.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ws.js","sourceRoot":"","sources":["../../src/client/ws.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,316 @@
|
|
|
1
|
+
import { describe, expect, it } from 'vitest';
|
|
2
|
+
import { createWSManager } from './ws';
|
|
3
|
+
class FakeClassList {
|
|
4
|
+
values = new Set();
|
|
5
|
+
constructor(initial = []) {
|
|
6
|
+
for (const value of initial) {
|
|
7
|
+
this.values.add(value);
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
add(value) {
|
|
11
|
+
this.values.add(value);
|
|
12
|
+
}
|
|
13
|
+
contains(value) {
|
|
14
|
+
return this.values.has(value);
|
|
15
|
+
}
|
|
16
|
+
toggle(value, force) {
|
|
17
|
+
if (force === true) {
|
|
18
|
+
this.values.add(value);
|
|
19
|
+
return;
|
|
20
|
+
}
|
|
21
|
+
if (force === false) {
|
|
22
|
+
this.values.delete(value);
|
|
23
|
+
return;
|
|
24
|
+
}
|
|
25
|
+
if (this.values.has(value)) {
|
|
26
|
+
this.values.delete(value);
|
|
27
|
+
}
|
|
28
|
+
else {
|
|
29
|
+
this.values.add(value);
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
class FakeElement {
|
|
34
|
+
children = [];
|
|
35
|
+
classList = new FakeClassList();
|
|
36
|
+
dataset = {};
|
|
37
|
+
textContent = '';
|
|
38
|
+
hidden = false;
|
|
39
|
+
id = '';
|
|
40
|
+
parent = null;
|
|
41
|
+
currentClassName = '';
|
|
42
|
+
attrs = new Map();
|
|
43
|
+
set className(value) {
|
|
44
|
+
this.currentClassName = value;
|
|
45
|
+
for (const cls of value.split(/\s+/).filter(Boolean)) {
|
|
46
|
+
this.classList.add(cls);
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
get className() {
|
|
50
|
+
return this.currentClassName;
|
|
51
|
+
}
|
|
52
|
+
get parentElement() {
|
|
53
|
+
return this.parent;
|
|
54
|
+
}
|
|
55
|
+
get childElementCount() {
|
|
56
|
+
return this.children.length;
|
|
57
|
+
}
|
|
58
|
+
get firstElementChild() {
|
|
59
|
+
return this.children[0] ?? null;
|
|
60
|
+
}
|
|
61
|
+
appendChild(child) {
|
|
62
|
+
child.parent = this;
|
|
63
|
+
this.children.push(child);
|
|
64
|
+
}
|
|
65
|
+
remove() {
|
|
66
|
+
if (!this.parent) {
|
|
67
|
+
return;
|
|
68
|
+
}
|
|
69
|
+
this.parent.children.splice(this.parent.children.indexOf(this), 1);
|
|
70
|
+
this.parent = null;
|
|
71
|
+
}
|
|
72
|
+
querySelector(selector) {
|
|
73
|
+
const classes = (selector.match(/\.[\w-]+/g) ?? []).map((part) => part.slice(1));
|
|
74
|
+
const attrMatchers = Array.from(selector.matchAll(/\[([\w-]+)(?:="([^"]*)")?\]/g))
|
|
75
|
+
.map((match) => ({ key: match[1], value: match[2] ?? null }));
|
|
76
|
+
if (classes.length === 0 && attrMatchers.length === 0) {
|
|
77
|
+
return null;
|
|
78
|
+
}
|
|
79
|
+
const stack = [...this.children];
|
|
80
|
+
while (stack.length > 0) {
|
|
81
|
+
const current = stack.shift();
|
|
82
|
+
const allClassesMatch = classes.every((cls) => current.classList.contains(cls));
|
|
83
|
+
const allAttrsMatch = attrMatchers.every(({ key, value }) => {
|
|
84
|
+
const got = current.getAttribute(key);
|
|
85
|
+
if (value === null) {
|
|
86
|
+
return got !== null;
|
|
87
|
+
}
|
|
88
|
+
return got === value;
|
|
89
|
+
});
|
|
90
|
+
const allMatch = allClassesMatch && allAttrsMatch;
|
|
91
|
+
if (allMatch) {
|
|
92
|
+
return current;
|
|
93
|
+
}
|
|
94
|
+
stack.push(...current.children);
|
|
95
|
+
}
|
|
96
|
+
return null;
|
|
97
|
+
}
|
|
98
|
+
querySelectorAll(selector) {
|
|
99
|
+
const matches = [];
|
|
100
|
+
const classes = (selector.match(/\.[\w-]+/g) ?? []).map((part) => part.slice(1));
|
|
101
|
+
const attrMatchers = Array.from(selector.matchAll(/\[([\w-]+)(?:="([^"]*)")?\]/g))
|
|
102
|
+
.map((match) => ({ key: match[1], value: match[2] ?? null }));
|
|
103
|
+
const stack = [...this.children];
|
|
104
|
+
while (stack.length > 0) {
|
|
105
|
+
const current = stack.shift();
|
|
106
|
+
const allClassesMatch = classes.every((cls) => current.classList.contains(cls));
|
|
107
|
+
const allAttrsMatch = attrMatchers.every(({ key, value }) => {
|
|
108
|
+
const got = current.getAttribute(key);
|
|
109
|
+
if (value === null) {
|
|
110
|
+
return got !== null;
|
|
111
|
+
}
|
|
112
|
+
return got === value;
|
|
113
|
+
});
|
|
114
|
+
if (allClassesMatch && allAttrsMatch) {
|
|
115
|
+
matches.push(current);
|
|
116
|
+
}
|
|
117
|
+
stack.push(...current.children);
|
|
118
|
+
}
|
|
119
|
+
return matches;
|
|
120
|
+
}
|
|
121
|
+
closest(selector) {
|
|
122
|
+
const isMatch = (node) => {
|
|
123
|
+
if (selector === '[data-lk-id]') {
|
|
124
|
+
return node.getAttribute('data-lk-id') !== null;
|
|
125
|
+
}
|
|
126
|
+
if (selector === '.lk-tabs') {
|
|
127
|
+
return node.classList.contains('lk-tabs');
|
|
128
|
+
}
|
|
129
|
+
if (selector === '.lk-shell[data-lk-id]') {
|
|
130
|
+
return node.classList.contains('lk-shell') && node.getAttribute('data-lk-id') !== null;
|
|
131
|
+
}
|
|
132
|
+
const classes = (selector.match(/\.[\w-]+/g) ?? []).map((part) => part.slice(1));
|
|
133
|
+
return classes.length > 0 && classes.every((cls) => node.classList.contains(cls));
|
|
134
|
+
};
|
|
135
|
+
const search = (node) => {
|
|
136
|
+
if (!node) {
|
|
137
|
+
return null;
|
|
138
|
+
}
|
|
139
|
+
if (isMatch(node)) {
|
|
140
|
+
return node;
|
|
141
|
+
}
|
|
142
|
+
return search(node.parent);
|
|
143
|
+
};
|
|
144
|
+
return search(this);
|
|
145
|
+
}
|
|
146
|
+
setAttribute(name, value) {
|
|
147
|
+
this.attrs.set(name, value);
|
|
148
|
+
if (name === 'class') {
|
|
149
|
+
this.className = value;
|
|
150
|
+
}
|
|
151
|
+
if (name === 'id') {
|
|
152
|
+
this.id = value;
|
|
153
|
+
}
|
|
154
|
+
if (name.startsWith('data-')) {
|
|
155
|
+
const key = name.slice(5).replace(/-([a-z])/g, (_, c) => c.toUpperCase());
|
|
156
|
+
this.dataset[key] = value;
|
|
157
|
+
}
|
|
158
|
+
if (name === 'hidden') {
|
|
159
|
+
this.hidden = true;
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
getAttribute(name) {
|
|
163
|
+
if (name === 'class') {
|
|
164
|
+
return this.className;
|
|
165
|
+
}
|
|
166
|
+
if (name === 'id') {
|
|
167
|
+
return this.id || null;
|
|
168
|
+
}
|
|
169
|
+
return this.attrs.get(name) ?? null;
|
|
170
|
+
}
|
|
171
|
+
removeAttribute(name) {
|
|
172
|
+
this.attrs.delete(name);
|
|
173
|
+
if (name === 'hidden') {
|
|
174
|
+
this.hidden = false;
|
|
175
|
+
}
|
|
176
|
+
}
|
|
177
|
+
addEventListener(_type, _listener) {
|
|
178
|
+
// no-op for unit tests
|
|
179
|
+
}
|
|
180
|
+
}
|
|
181
|
+
function setupDom() {
|
|
182
|
+
const previousWindow = globalThis.window;
|
|
183
|
+
const previousDocument = globalThis.document;
|
|
184
|
+
const root = new FakeElement();
|
|
185
|
+
root.id = 'lk-root';
|
|
186
|
+
const toastRoot = new FakeElement();
|
|
187
|
+
toastRoot.id = 'lk-toast-root';
|
|
188
|
+
const byId = new Map([
|
|
189
|
+
['lk-root', root],
|
|
190
|
+
['lk-toast-root', toastRoot],
|
|
191
|
+
]);
|
|
192
|
+
const shell = new FakeElement();
|
|
193
|
+
shell.className = 'lk-shell';
|
|
194
|
+
shell.setAttribute('data-lk-id', 'shell-1');
|
|
195
|
+
const toggle = new FakeElement();
|
|
196
|
+
toggle.className = 'lk-shell-mobile-toggle';
|
|
197
|
+
toggle.id = 'shell-1-drawer-toggle';
|
|
198
|
+
const sidebar = new FakeElement();
|
|
199
|
+
sidebar.className = 'lk-shell-sidebar';
|
|
200
|
+
shell.appendChild(toggle);
|
|
201
|
+
shell.appendChild(sidebar);
|
|
202
|
+
root.appendChild(shell);
|
|
203
|
+
const fakeDocument = {
|
|
204
|
+
documentElement: { setAttribute: () => { } },
|
|
205
|
+
addEventListener: () => { },
|
|
206
|
+
querySelectorAll: (selector) => root.querySelectorAll(selector),
|
|
207
|
+
getElementById: (id) => byId.get(id) ?? null,
|
|
208
|
+
createElement: () => new FakeElement(),
|
|
209
|
+
};
|
|
210
|
+
const storage = new Map();
|
|
211
|
+
const fakeWindow = {
|
|
212
|
+
location: { protocol: 'http:', host: '127.0.0.1:3500' },
|
|
213
|
+
localStorage: {
|
|
214
|
+
getItem: (key) => storage.get(key) ?? null,
|
|
215
|
+
setItem: (key, value) => {
|
|
216
|
+
storage.set(key, value);
|
|
217
|
+
},
|
|
218
|
+
},
|
|
219
|
+
setTimeout,
|
|
220
|
+
};
|
|
221
|
+
Object.assign(globalThis, {
|
|
222
|
+
window: fakeWindow,
|
|
223
|
+
document: fakeDocument,
|
|
224
|
+
});
|
|
225
|
+
return {
|
|
226
|
+
document: fakeDocument,
|
|
227
|
+
restore: () => {
|
|
228
|
+
Object.assign(globalThis, {
|
|
229
|
+
window: previousWindow,
|
|
230
|
+
document: previousDocument,
|
|
231
|
+
});
|
|
232
|
+
},
|
|
233
|
+
};
|
|
234
|
+
}
|
|
235
|
+
describe('client ws manager', () => {
|
|
236
|
+
it('renders toast for TOAST messages (except connection id sentinel)', () => {
|
|
237
|
+
const { document, restore } = setupDom();
|
|
238
|
+
try {
|
|
239
|
+
const sockets = [];
|
|
240
|
+
const manager = createWSManager({
|
|
241
|
+
wsFactory: (() => {
|
|
242
|
+
const socket = {
|
|
243
|
+
onopen: null,
|
|
244
|
+
onmessage: null,
|
|
245
|
+
onclose: null,
|
|
246
|
+
send: () => { },
|
|
247
|
+
close: () => { },
|
|
248
|
+
};
|
|
249
|
+
sockets.push(socket);
|
|
250
|
+
return socket;
|
|
251
|
+
}),
|
|
252
|
+
});
|
|
253
|
+
manager.connect();
|
|
254
|
+
const socketRef = sockets[0];
|
|
255
|
+
expect(socketRef).toBeDefined();
|
|
256
|
+
if (!socketRef) {
|
|
257
|
+
throw new Error('mock socket was not created');
|
|
258
|
+
}
|
|
259
|
+
socketRef.onmessage?.({
|
|
260
|
+
data: JSON.stringify({
|
|
261
|
+
type: 'TOAST',
|
|
262
|
+
payload: { message: 'hello toast', type: 'success', duration: 5000 },
|
|
263
|
+
}),
|
|
264
|
+
});
|
|
265
|
+
const container = document.getElementById('lk-toast-root');
|
|
266
|
+
expect(container).not.toBeNull();
|
|
267
|
+
expect(container?.classList.contains('lk-toast-container')).toBe(true);
|
|
268
|
+
const toast = container?.querySelector('.lk-toast.lk-toast--success');
|
|
269
|
+
expect(toast?.textContent).toBe('hello toast');
|
|
270
|
+
}
|
|
271
|
+
finally {
|
|
272
|
+
restore();
|
|
273
|
+
}
|
|
274
|
+
});
|
|
275
|
+
it('applies tab state and shell drawer ids on render', () => {
|
|
276
|
+
const { document, restore } = setupDom();
|
|
277
|
+
try {
|
|
278
|
+
const sockets = [];
|
|
279
|
+
const manager = createWSManager({
|
|
280
|
+
wsFactory: (() => {
|
|
281
|
+
const socket = {
|
|
282
|
+
onopen: null,
|
|
283
|
+
onmessage: null,
|
|
284
|
+
onclose: null,
|
|
285
|
+
send: () => { },
|
|
286
|
+
close: () => { },
|
|
287
|
+
};
|
|
288
|
+
sockets.push(socket);
|
|
289
|
+
return socket;
|
|
290
|
+
}),
|
|
291
|
+
});
|
|
292
|
+
manager.connect();
|
|
293
|
+
const socketRef = sockets[0];
|
|
294
|
+
if (!socketRef) {
|
|
295
|
+
throw new Error('mock socket was not created');
|
|
296
|
+
}
|
|
297
|
+
socketRef.onmessage?.({
|
|
298
|
+
data: JSON.stringify({
|
|
299
|
+
type: 'RENDER',
|
|
300
|
+
payload: {
|
|
301
|
+
title: 'tabs',
|
|
302
|
+
theme: 'light',
|
|
303
|
+
html: '<div class="lk-tabs" data-lk-id="tabs-1"><nav class="lk-tab-nav"><button class="lk-tab is-active" data-lk-tab-target="One">One</button><button class="lk-tab" data-lk-tab-target="Two">Two</button></nav><section class="lk-tab-panel" data-lk-tab-panel="One">A</section><section class="lk-tab-panel" data-lk-tab-panel="Two" hidden>B</section></div>',
|
|
304
|
+
},
|
|
305
|
+
}),
|
|
306
|
+
});
|
|
307
|
+
const sidebars = document.querySelectorAll('.lk-shell-sidebar');
|
|
308
|
+
expect(sidebars.length).toBeGreaterThan(0);
|
|
309
|
+
expect(sidebars[0]?.id).toBe('lk-shell-sidebar-shell-1');
|
|
310
|
+
}
|
|
311
|
+
finally {
|
|
312
|
+
restore();
|
|
313
|
+
}
|
|
314
|
+
});
|
|
315
|
+
});
|
|
316
|
+
//# sourceMappingURL=ws.test.js.map
|