@vesk/runtime 0.0.1

package/dist/form.js

@@ -0,0 +1,278 @@
+function appendChildren(parent, children) {
+    if (children == null)
+        return;
+    if (typeof children === 'string' || typeof children === 'number') {
+        parent.insertAdjacentHTML('beforeend', String(children));
+    }
+    else if (children instanceof Node) {
+        parent.appendChild(children);
+    }
+    else if (Array.isArray(children)) {
+        for (const c of children)
+            appendChildren(parent, c);
+    }
+}
+function formIsSSR() {
+    return typeof document === 'undefined';
+}
+function escapeHtml(s) {
+    return s
+        .replace(/&/g, '&')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;');
+}
+function actionUrl(action) {
+    if (typeof action === 'string')
+        return action;
+    if (action && typeof action === 'object') {
+        const a = action;
+        if (a.__veskAction === true || typeof a.url === 'string')
+            return String(a.url || '');
+    }
+    return '';
+}
+function readServerFieldErrors() {
+    return globalThis.__vesk_action_errors || {};
+}
+export function required(msg) {
+    return { validate: (v) => v != null && v !== '', message: msg || 'This field is required' };
+}
+export function email(msg) {
+    return { validate: (v) => !v || /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v), message: msg || 'Invalid email address' };
+}
+export function minLength(n, msg) {
+    return { validate: (v) => !v || v.length >= n, message: msg || `Must be at least ${n} characters` };
+}
+export function maxLength(n, msg) {
+    return { validate: (v) => !v || v.length <= n, message: msg || `Must be at most ${n} characters` };
+}
+export function pattern(re, msg) {
+    return { validate: (v) => !v || re.test(v), message: msg || 'Invalid format' };
+}
+export function custom(fn, msg) {
+    return { validate: fn, message: msg || 'Invalid value' };
+}
+export function Field(props, registry, hydrate) {
+    const { name, label, rules = [], children, errorClass, class: className, style, ...rest } = props;
+    if (formIsSSR()) {
+        const labelHtml = label ? `<label>${label}</label>` : '';
+        const serverErrors = readServerFieldErrors();
+        const serverErr = serverErrors[name] ? String(serverErrors[name]) : '';
+        const errStyle = serverErr ? '' : 'display:none';
+        const errText = serverErr ? escapeHtml(serverErr) : '';
+        const errCls = errorClass ? ` class="${errorClass}"` : '';
+        const wrapCls = className ? ` class="${className}"` : '';
+        const wrapStyle = style ? ` style="${String(style).replace(/"/g, '&quot;')}"` : '';
+        const fieldAttrs = ` data-vsk-field="${name}"`;
+        const extra = Object.entries(rest).filter(([, v]) => v != null && v !== false).map(([k, v]) => ` ${k}="${String(v).replace(/"/g, '&quot;')}"`).join('');
+        return `<div${fieldAttrs}${wrapCls}${wrapStyle}${extra}>${labelHtml}${children || ''}<div data-vsk-error style="${errStyle}"${errCls}>${errText}</div></div>`;
+    }
+    if (hydrate && hydrate.nextElement) {
+        let wrapper = hydrate.nextElement('div');
+        if (wrapper && !wrapper.parentNode && hydrate.root) {
+            const existing = hydrate.root.querySelector(`[data-vsk-field="${name}"]`);
+            if (existing)
+                wrapper = existing;
+        }
+        const inner = wrapper ? wrapper.querySelector(`[data-vsk-field="${name}"]`) : null;
+        const fieldEl = inner || wrapper;
+        if (fieldEl)
+            fieldEl.__vsk_rules = rules;
+        return document.createDocumentFragment();
+    }
+    const wrapper = document.createElement('div');
+    wrapper.setAttribute('data-vsk-field', name);
+    if (className)
+        wrapper.className = className;
+    if (style)
+        wrapper.style.cssText = style;
+    for (const [k, v] of Object.entries(rest)) {
+        if (v != null && v !== false)
+            wrapper.setAttribute(k, v === true ? '' : String(v));
+    }
+    wrapper.__vsk_rules = rules;
+    if (label) {
+        const lbl = document.createElement('label');
+        lbl.textContent = label;
+        wrapper.appendChild(lbl);
+    }
+    if (children)
+        appendChildren(wrapper, children);
+    const errEl = document.createElement('div');
+    errEl.setAttribute('data-vsk-error', '');
+    errEl.style.display = 'none';
+    if (errorClass)
+        errEl.className = errorClass;
+    wrapper.appendChild(errEl);
+    return wrapper;
+}
+function bindFormSubmit(form, { action, method, onSubmit, onError, onSuccess }) {
+    const resolvedAction = actionUrl(action);
+    const actionSchema = (typeof action === 'object' && action !== null && action.input)
+        ? action.input
+        : undefined;
+    form.addEventListener('submit', async (e) => {
+        e.preventDefault();
+        const data = new FormData(form);
+        const obj = {};
+        for (const [k, v] of data.entries()) {
+            if (k in obj) {
+                if (!Array.isArray(obj[k]))
+                    obj[k] = [obj[k]];
+                obj[k].push(v);
+            }
+            else {
+                obj[k] = v;
+            }
+        }
+        const fields = form.querySelectorAll('[data-vsk-field]');
+        let hasErrors = false;
+        for (const el of fields) {
+            const fieldName = el.getAttribute('data-vsk-field');
+            const propRules = (el.__vsk_rules || []);
+            const schemaRules = fieldName && actionSchema && actionSchema[fieldName]
+                ? (Array.isArray(actionSchema[fieldName]) ? actionSchema[fieldName] : [actionSchema[fieldName]])
+                : [];
+            const rules = [...propRules, ...schemaRules];
+            const errEl = el.querySelector('[data-vsk-error]');
+            let errMsg = '';
+            for (const rule of rules) {
+                if (!rule.validate(obj[fieldName || ''])) {
+                    errMsg = rule.message;
+                    break;
+                }
+            }
+            if (errEl) {
+                errEl.textContent = errMsg;
+                errEl.style.display = errMsg ? '' : 'none';
+            }
+            if (errMsg)
+                hasErrors = true;
+        }
+        if (hasErrors) {
+            form.dispatchEvent(new CustomEvent('vsk-error', { detail: { errors: true } }));
+            return;
+        }
+        form.classList.add('vsk-submitting');
+        const submitBtn = form.querySelector('[type="submit"], button[type="submit"]');
+        if (submitBtn)
+            submitBtn.disabled = true;
+        form.dispatchEvent(new CustomEvent('vsk-loading', { detail: { loading: true } }));
+        const isActionDescriptor = typeof action === 'object' && action !== null;
+        try {
+            if (onSubmit) {
+                const result = onSubmit(obj, form);
+                if (result && typeof result.then === 'function')
+                    await result;
+            }
+            else if (isActionDescriptor) {
+                const res = await fetch(resolvedAction, {
+                    method,
+                    headers: { 'Content-Type': 'application/json', Accept: 'application/json' },
+                    body: JSON.stringify(obj),
+                });
+                const payload = await res.json().catch(() => null);
+                if (payload && payload.ok === false && Array.isArray(payload.issues)) {
+                    const byField = {};
+                    for (const issue of payload.issues) {
+                        if (issue && typeof issue.field === 'string' && !(issue.field in byField)) {
+                            byField[issue.field] = String(issue.message || 'Invalid value');
+                        }
+                    }
+                    let hasServerErrors = false;
+                    for (const el of fields) {
+                        const fieldName = el.getAttribute('data-vsk-field');
+                        const errEl = el.querySelector('[data-vsk-error]');
+                        const msg = fieldName ? byField[fieldName] : '';
+                        if (errEl) {
+                            errEl.textContent = msg;
+                            errEl.style.display = msg ? '' : 'none';
+                        }
+                        if (msg)
+                            hasServerErrors = true;
+                    }
+                    if (hasServerErrors) {
+                        form.dispatchEvent(new CustomEvent('vsk-error', { detail: { issues: payload.issues } }));
+                        return;
+                    }
+                }
+                if (!res.ok)
+                    throw res;
+                form.dispatchEvent(new CustomEvent('vsk-success', { detail: { response: res, data: payload } }));
+                if (onSuccess)
+                    onSuccess(res);
+            }
+            else if (resolvedAction) {
+                const res = await fetch(resolvedAction, { method, body: data });
+                if (!res.ok)
+                    throw res;
+                form.dispatchEvent(new CustomEvent('vsk-success', { detail: { response: res } }));
+                if (onSuccess)
+                    onSuccess(res);
+            }
+        }
+        catch (err) {
+            form.dispatchEvent(new CustomEvent('vsk-error', { detail: { error: err } }));
+            if (onError)
+                onError(err);
+        }
+        finally {
+            if (submitBtn)
+                submitBtn.disabled = false;
+            form.classList.remove('vsk-submitting');
+            form.dispatchEvent(new CustomEvent('vsk-loading', { detail: { loading: false } }));
+        }
+    });
+}
+export function Form(props, registry, hydrate) {
+    const { children, onSubmit, onError, onSuccess, action, method = 'POST', class: className, style, ...rest } = props;
+    if (formIsSSR()) {
+        const attrs = { action: actionUrl(action), method, novalidate: true };
+        if (className)
+            attrs.class = className;
+        if (style)
+            attrs.style = style;
+        for (const [k, v] of Object.entries(rest)) {
+            if (v != null && v !== false)
+                attrs[k] = v;
+        }
+        const attrStr = Object.entries(attrs)
+            .filter(([, v]) => v != null && v !== false)
+            .map(([k, v]) => v === true ? k : `${k}="${String(v).replace(/"/g, '&quot;')}"`)
+            .join(' ');
+        return `<form ${attrStr}>${children || ''}</form>`;
+    }
+    if (hydrate && hydrate.nextElement) {
+        let form = hydrate.nextElement('form');
+        if (form && !form.parentNode && hydrate.root) {
+            const existing = hydrate.root.querySelector('form');
+            if (existing)
+                form = existing;
+        }
+        if (form) {
+            form.noValidate = true;
+            bindFormSubmit(form, { action, method, onSubmit, onError, onSuccess });
+        }
+        return document.createDocumentFragment();
+    }
+    const form = document.createElement('form');
+    const resolvedAction = actionUrl(action);
+    if (resolvedAction)
+        form.action = resolvedAction;
+    if (method)
+        form.method = method;
+    form.noValidate = true;
+    if (className)
+        form.className = className;
+    if (style)
+        form.style.cssText = style;
+    for (const [k, v] of Object.entries(rest)) {
+        if (typeof v === 'string')
+            form.setAttribute(k, v);
+    }
+    if (children)
+        appendChildren(form, children);
+    bindFormSubmit(form, { action, method, onSubmit, onError, onSuccess });
+    return form;
+}

package/dist/hmr-client.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=hmr-client.d.ts.map

package/dist/hmr-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hmr-client.d.ts","sourceRoot":"","sources":["../src/hmr-client.ts"],"names":[],"mappings":""}

package/dist/hmr-client.js

@@ -0,0 +1,273 @@
+"use strict";
+(function () {
+    var host = (location.protocol === 'https:' ? 'wss:' : 'ws:') + '//' + location.host + '/_vesk/hmr';
+    var ws = null;
+    var status = 'loading';
+    var lastError = null;
+    var lastCompileMs = 0;
+    var reconnectTimer = null;
+    function connect() {
+        try {
+            ws = new WebSocket(host);
+            ws.onopen = function () {
+                status = 'connected';
+                clearError();
+                updateDot();
+            };
+            ws.onmessage = function (e) {
+                try {
+                    var msg = JSON.parse(e.data);
+                    switch (msg.type) {
+                        case 'update':
+                            if (msg.fnSources) {
+                                var _eval = globalThis.__vesk_hmr_eval || function (c) { try {
+                                    return eval(c);
+                                }
+                                catch (ex) {
+                                    console.error('HMR eval error:', ex);
+                                } };
+                                Object.values(msg.fnSources).forEach(function (fn) { _eval(fn); });
+                            }
+                            globalThis.__updatedComponents = new Set(Object.keys((msg.components || {})));
+                            var router = globalThis.__vesk_router;
+                            if (router && typeof router.hmrUpdate === 'function') {
+                                router.hmrUpdate();
+                            }
+                            lastCompileMs = msg.time || 0;
+                            status = 'connected';
+                            clearError();
+                            updateDot();
+                            break;
+                        case 'reload':
+                            window.location.reload();
+                            break;
+                        case 'error':
+                            status = 'error';
+                            lastError = msg;
+                            showOverlay(msg);
+                            updateDot();
+                            break;
+                        case 'css-update':
+                            document.querySelectorAll('link[rel="stylesheet"]').forEach(function (el) {
+                                var parent = el.parentNode;
+                                if (!parent)
+                                    return;
+                                var fresh = document.createElement('link');
+                                fresh.rel = 'stylesheet';
+                                fresh.href = el.href.split('?')[0] + '?t=' + Date.now();
+                                fresh.onload = function () { el.remove(); };
+                                fresh.onerror = function () { fresh.remove(); };
+                                parent.insertBefore(fresh, el.nextSibling);
+                            });
+                            status = 'connected';
+                            updateDot();
+                            break;
+                        case 'compiling':
+                            status = 'compiling';
+                            clearError();
+                            updateDot();
+                            break;
+                    }
+                }
+                catch (_ex) { /* ignore bad messages */ }
+            };
+            ws.onclose = function () { if (status !== 'error') {
+                status = 'disconnected';
+                updateDot();
+            } scheduleReconnect(); };
+            ws.onerror = function () { if (status !== 'error') {
+                status = 'disconnected';
+                updateDot();
+            } scheduleReconnect(); };
+        }
+        catch (_ex) { /* WebSocket unavailable */ }
+    }
+    function scheduleReconnect() {
+        if (reconnectTimer)
+            clearTimeout(reconnectTimer);
+        reconnectTimer = setTimeout(connect, 3000);
+    }
+    function clearError() {
+        lastError = null;
+        hideOverlay();
+    }
+    var overlayEl = null;
+    var overlayVisible = false;
+    function createOverlay() {
+        if (document.getElementById('__vesk_overlay'))
+            return;
+        overlayEl = document.createElement('div');
+        overlayEl.id = '__vesk_overlay';
+        overlayEl.innerHTML =
+            '<style>' +
+                '#__vesk_overlay{all:initial;position:fixed;inset:0;z-index:2147483646;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.5;color:#e0e0e0;display:none;}' +
+                '#__vesk_overlay.open{display:flex;}' +
+                '#__vesk_overlay .__vo_backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.65);backdrop-filter:blur(2px);}' +
+                '#__vesk_overlay .__vo_panel{position:relative;margin:32px auto;max-width:800px;width:90%;max-height:calc(100vh - 64px);background:#1a1b26;border:1px solid #2a2b3e;border-radius:12px;box-shadow:0 8px 48px rgba(0,0,0,0.7);display:flex;flex-direction:column;overflow:hidden;}' +
+                '#__vesk_overlay .__vo_header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid #2a2b3e;flex-shrink:0;}' +
+                '#__vesk_overlay .__vo_icon{width:20px;height:20px;border-radius:50%;background:#ef4444;flex-shrink:0;}' +
+                '#__vesk_overlay .__vo_title{font-size:14px;font-weight:700;color:#ef4444;flex:1;}' +
+                '#__vesk_overlay .__vo_close{all:unset;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#888;font-size:18px;}' +
+                '#__vesk_overlay .__vo_close:hover{background:#2a2b3e;color:#e0e0e0;}' +
+                '#__vesk_overlay .__vo_body{overflow-y:auto;padding:16px 20px;flex:1;}' +
+                '#__vesk_overlay .__vo_file{font-size:12px;color:#888;margin-bottom:8px;}' +
+                '#__vesk_overlay .__vo_file strong{color:#e0e0e0;}' +
+                '#__vesk_overlay .__vo_message{font-size:13px;color:#f87171;padding:8px 12px;background:#2a1b1b;border-radius:6px;margin-bottom:12px;white-space:pre-wrap;word-break:break-all;}' +
+                '#__vesk_overlay .__vo_code{background:#0f0f1a;border-radius:6px;padding:12px;margin-bottom:12px;overflow-x:auto;font-size:12px;line-height:1.6;}' +
+                '#__vesk_overlay .__vo_code pre{margin:0;white-space:pre;}' +
+                '#__vesk_overlay .__vo_code .hl{background:rgba(239,68,68,0.25);display:block;}' +
+                '#__vesk_overlay .__vo_code .hl::before{content:"> ";color:#ef4444;font-weight:700;}' +
+                '#__vesk_overlay .__vo_code .ln{color:#555;margin-right:12px;user-select:none;}' +
+                '#__vesk_overlay .__vo_tips{margin-top:8px;}' +
+                '#__vesk_overlay .__vo_tips_title{font-size:11px;font-weight:700;color:#eab308;margin-bottom:4px;}' +
+                '#__vesk_overlay .__vo_tip{padding:4px 0 4px 16px;font-size:12px;color:#bbb;position:relative;}' +
+                '#__vesk_overlay .__vo_tip::before{content:"\\2192";position:absolute;left:0;color:#eab308;}' +
+                '#__vesk_overlay .__vo_stack{margin-top:12px;}' +
+                '#__vesk_overlay .__vo_stack summary{cursor:pointer;font-size:11px;color:#888;padding:4px 0;}' +
+                '#__vesk_overlay .__vo_stack pre{background:#0f0f1a;border-radius:4px;padding:8px;margin-top:4px;font-size:11px;color:#888;max-height:200px;overflow:auto;white-space:pre;}' +
+                '#__vesk_overlay .__vo_footer{padding:8px 20px;border-top:1px solid #2a2b3e;font-size:11px;color:#555;text-align:center;flex-shrink:0;}' +
+                '</style>' +
+                '<div class="__vo_backdrop"></div>' +
+                '<div class="__vo_panel">' +
+                '  <div class="__vo_header">' +
+                '    <div class="__vo_icon"></div>' +
+                '    <div class="__vo_title">Compilation Error</div>' +
+                '    <button class="__vo_close" id="__vo_close">&times;</button>' +
+                '  </div>' +
+                '  <div class="__vo_body">' +
+                '    <div class="__vo_file" id="__vo_file"></div>' +
+                '    <div class="__vo_message" id="__vo_message"></div>' +
+                '    <div class="__vo_code" id="__vo_code"></div>' +
+                '    <div class="__vo_tips" id="__vo_tips"></div>' +
+                '    <details class="__vo_stack">' +
+                '      <summary>Stack trace</summary>' +
+                '      <pre id="__vo_stack"></pre>' +
+                '    </details>' +
+                '  </div>' +
+                '  <div class="__vo_footer">Vesk dev — click background or X to dismiss</div>' +
+                '</div>';
+        document.body.appendChild(overlayEl);
+        document.getElementById('__vo_close').onclick = hideOverlay;
+        overlayEl.querySelector('.__vo_backdrop').addEventListener('click', hideOverlay);
+        document.addEventListener('keydown', function (e) { if (e.key === 'Escape' && overlayVisible)
+            hideOverlay(); });
+    }
+    function showOverlay(msg) {
+        if (!overlayEl)
+            createOverlay();
+        overlayEl = document.getElementById('__vesk_overlay');
+        if (!overlayEl)
+            return;
+        overlayVisible = true;
+        overlayEl.classList.add('open');
+        var fileInfo = '';
+        if (msg.file) {
+            fileInfo = 'File: <strong>' + escapeHtml(msg.file) + '</strong>';
+            if (msg.line)
+                fileInfo += ' at line ' + msg.line + (msg.column ? ', column ' + msg.column : '');
+        }
+        document.getElementById('__vo_file').innerHTML = fileInfo;
+        document.getElementById('__vo_message').textContent = msg.message || 'Unknown error';
+        var codeHtml = '';
+        if (msg.code) {
+            var codeLines = msg.code.split('\n');
+            codeHtml = '<pre>';
+            for (var i = 0; i < codeLines.length; i++) {
+                var ln = codeLines[i].match(/^(\d+):\s*/);
+                var lineNum = ln ? ln[1] : '';
+                var lineContent = ln ? codeLines[i].slice(ln[0].length) : codeLines[i];
+                var isErrorLine = msg.line && parseInt(lineNum) === msg.line;
+                codeHtml += '<span class="' + (isErrorLine ? 'hl' : '') + '"><span class="ln">' + padNum(lineNum, 4) + '</span>' + escapeHtml(lineContent) + '</span>';
+            }
+            codeHtml += '</pre>';
+        }
+        document.getElementById('__vo_code').innerHTML = codeHtml;
+        var tipsHtml = '';
+        if (msg.tips && msg.tips.length > 0) {
+            var shownHeader = false;
+            for (var t = 0; t < msg.tips.length; t++) {
+                if (!shownHeader) {
+                    tipsHtml += '<div class="__vo_tips_title">Debug Tips</div>';
+                    shownHeader = true;
+                }
+                tipsHtml += '<div class="__vo_tip">' + msg.tips[t] + '</div>';
+            }
+        }
+        if (msg.suggestions && msg.suggestions.length > 0) {
+            tipsHtml += '<div class="__vo_tips_title" style="margin-top:8px">Suggestions</div>';
+            for (var s = 0; s < Math.min(msg.suggestions.length, 4); s++) {
+                tipsHtml += '<div class="__vo_tip">-- ' + escapeHtml(msg.suggestions[s]) + '</div>';
+            }
+        }
+        if (msg.nextSteps && msg.nextSteps.length > 0) {
+            tipsHtml += '<div class="__vo_tips_title" style="margin-top:8px">Next Steps</div>';
+            for (var n = 0; n < Math.min(msg.nextSteps.length, 4); n++) {
+                tipsHtml += '<div class="__vo_tip">' + escapeHtml(msg.nextSteps[n]) + '</div>';
+            }
+        }
+        document.getElementById('__vo_tips').innerHTML = tipsHtml;
+        document.getElementById('__vo_stack').textContent = msg.stack || '(no stack trace)';
+    }
+    function hideOverlay() {
+        overlayVisible = false;
+        if (overlayEl)
+            overlayEl.classList.remove('open');
+    }
+    function escapeHtml(s) {
+        if (!s)
+            return '';
+        return String(s).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
+    }
+    function padNum(n, len) {
+        n = String(n);
+        while (n.length < len)
+            n = ' ' + n;
+        return n;
+    }
+    var dot = null;
+    function createDot() {
+        if (document.getElementById('__vesk_dev'))
+            return;
+        dot = document.createElement('div');
+        dot.id = '__vesk_dev';
+        dot.innerHTML =
+            '<style>' +
+                '#__vesk_dev{all:initial;position:fixed;bottom:16px;right:16px;z-index:2147483647;font-family:ui-monospace,monospace;font-size:11px;line-height:1.4;color:#e0e0e0;}' +
+                '#__vesk_dev .__v_bar{display:flex;align-items:center;gap:8px;background:#1a1b26;border:1px solid #2a2b3e;border-radius:10px;padding:6px 12px;box-shadow:0 4px 24px rgba(0,0,0,0.6);transition:all .2s;}' +
+                '#__vesk_dev .__v_bar:hover{border-color:#3a3b5e;}' +
+                '#__vesk_dev .__v_dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background .3s;}' +
+                '#__vesk_dev .__v_dot.connected{background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,0.5);}' +
+                '#__vesk_dev .__v_dot.compiling{background:#eab308;box-shadow:0 0 6px rgba(234,179,8,0.5);animation:__v_pulse .8s infinite;}' +
+                '#__vesk_dev .__v_dot.error{background:#ef4444;box-shadow:0 0 6px rgba(239,68,68,0.5);}' +
+                '#__vesk_dev .__v_dot.disconnected{background:#6b7280;}' +
+                '#__vesk_dev .__v_dot.loading{background:#6b7280;animation:__v_pulse 1.2s infinite;}' +
+                '#__vesk_dev .__v_label{white-space:nowrap;}' +
+                '#__vesk_dev .__v_version{font-size:9px;color:#555;}' +
+                '@keyframes __v_pulse{0%,100%{opacity:1}50%{opacity:.4}}' +
+                '</style>' +
+                '<div class="__v_bar">' +
+                '  <span class="__v_dot loading"></span>' +
+                '  <span class="__v_label">Vesk</span>' +
+                '  <span class="__v_version">dev</span>' +
+                '</div>';
+        dot.querySelector('.__v_bar').addEventListener('click', function () {
+            if (lastError)
+                showOverlay(lastError);
+        });
+        document.body.appendChild(dot);
+    }
+    function updateDot() {
+        if (!document.getElementById('__vesk_dev'))
+            createDot();
+        var d = document.querySelector('#__vesk_dev .__v_dot');
+        if (d)
+            d.className = '__v_dot ' + status;
+    }
+    if (typeof document !== 'undefined' && document.body) {
+        createDot();
+        connect();
+    }
+    else if (typeof document !== 'undefined') {
+        document.addEventListener('DOMContentLoaded', function () { createDot(); connect(); });
+    }
+})();

package/dist/hydrate.d.ts

@@ -0,0 +1,34 @@
+export interface HydrateWalker {
+    root: HTMLElement | null;
+    done(): boolean;
+    nextElement(tag?: string): Element;
+    subWalker(rootEl: HTMLElement): HydrateWalker;
+}
+interface HydrateIdleOptions {
+    chunkSize?: number;
+    timeout?: number;
+}
+interface HydrateInteractionOptions {
+    events?: string[];
+}
+interface HydrateCancelBase {
+    cancel(): void;
+}
+interface HydrateCancel extends HydrateCancelBase {
+    hydrateNow(): void;
+}
+export declare function reactiveProps<T extends Record<string, unknown>>(props: T): T;
+export declare const _FILTER_ACCEPT = 1;
+export declare const _FILTER_SKIP = 2;
+export declare function collectVskMarkers(container: HTMLElement): Comment[];
+export declare function createHydrateWalker(container: HTMLElement | null, markerList?: Comment[]): HydrateWalker;
+export declare function createHydrateChildWalker(parentEl: HTMLElement | null): HydrateWalker;
+export declare function hydrate(container: HTMLElement, componentFn: (props: Record<string, unknown>, registry: Map<string, unknown>, walker: HydrateWalker) => unknown, props?: Record<string, unknown>): unknown;
+export declare function hydrateViewport(container: HTMLElement, componentFn: (props: Record<string, unknown>, registry: Map<string, unknown>, walker: HydrateWalker) => unknown, props?: Record<string, unknown>, rootMargin?: number): Promise<void>;
+export declare function hydrateIdle(container: HTMLElement, componentFn: (props: Record<string, unknown>, registry: Map<string, unknown>, walker: HydrateWalker) => unknown, props?: Record<string, unknown>, options?: HydrateIdleOptions): HydrateCancelBase;
+export declare function needsHydration(container: HTMLElement): boolean;
+export declare function hydrateOnInteraction(container: HTMLElement, componentFn: (props: Record<string, unknown>, registry: Map<string, unknown>, walker: HydrateWalker) => unknown, props?: Record<string, unknown>, options?: HydrateInteractionOptions): HydrateCancel;
+export declare function hydrationCount(container: HTMLElement): number;
+export declare function hydrateInitial(container: HTMLElement, componentFn: (props: Record<string, unknown>, registry: Map<string, unknown>, walker: HydrateWalker) => unknown, props?: Record<string, unknown>): void;
+export {};
+//# sourceMappingURL=hydrate.d.ts.map

package/dist/hydrate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hydrate.d.ts","sourceRoot":"","sources":["../src/hydrate.ts"],"names":[],"mappings":"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"}