round-core 0.0.7 → 0.0.8

package/src/runtime/errors.js

@@ -1,152 +0,0 @@
-import { createElement } from './dom.js';
-import { clearErrors, useErrors, reportError } from './error-store.js';
-
-export { reportError } from './error-store.js';
-
-export function ErrorProvider(props = {}) {
-    return createElement('span', { style: { display: 'contents' } }, () => {
-        const list = useErrors()();
-        if (!Array.isArray(list) || list.length === 0) return props.children ?? null;
-
-        const first = list[0];
-
-        return createElement(
-            'div',
-            {
-                style: {
-                    position: 'fixed',
-                    inset: '0',
-                    zIndex: 2147483647,
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    padding: '24px',
-                    background: 'rgba(17, 24, 39, 0.72)',
-                    backdropFilter: 'blur(10px)',
-                    WebkitBackdropFilter: 'blur(10px)'
-                }
-            },
-            createElement(
-                'div',
-                {
-                    style: {
-                        width: 'min(900px, 100%)',
-                        borderRadius: '14px',
-                        border: '1px solid rgba(255,255,255,0.12)',
-                        background: 'rgba(0,0,0,0.55)',
-                        boxShadow: '0 30px 80px rgba(0,0,0,0.55)',
-                        color: '#fff',
-                        overflow: 'hidden'
-                    }
-                },
-                createElement(
-                    'div',
-                    {
-                        style: {
-                            padding: '14px 16px',
-                            display: 'flex',
-                            alignItems: 'center',
-                            gap: '10px',
-                            borderBottom: '1px solid rgba(255,255,255,0.10)',
-                            background: 'linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0))'
-                        }
-                    },
-                    createElement('div', {
-                        style: {
-                            width: '10px',
-                            height: '10px',
-                            borderRadius: '999px',
-                            background: '#ef4444',
-                            boxShadow: '0 0 0 4px rgba(239,68,68,0.18)'
-                        }
-                    }),
-                    createElement('strong', { style: { fontFamily: 'ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial' } }, 'Round Error'),
-                    createElement('span', { style: { opacity: 0.75, fontFamily: 'ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial', fontSize: '12px' } }, new Date(first.time).toLocaleString()),
-                    createElement('button', {
-                        style: {
-                            marginLeft: 'auto',
-                            border: '1px solid rgba(255,255,255,0.16)',
-                            background: 'rgba(255,255,255,0.08)',
-                            color: '#fff',
-                            padding: '8px 10px',
-                            borderRadius: '10px',
-                            cursor: 'pointer'
-                        },
-                        onMouseOver: (e) => { try { e.currentTarget.style.background = 'rgba(255,255,255,0.12)'; } catch { } },
-                        onMouseOut: (e) => { try { e.currentTarget.style.background = 'rgba(255,255,255,0.08)'; } catch { } },
-                        onClick: () => clearErrors()
-                    }, 'Dismiss')
-                ),
-                createElement(
-                    'div',
-                    {
-                        style: {
-                            padding: '16px',
-                            fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace'
-                        }
-                    },
-                    createElement('div', { style: { fontSize: '14px', fontWeight: '700' } }, String(first.message ?? 'Error')),
-                    createElement(
-                        'div',
-                        { style: { marginTop: '10px', opacity: 0.85, fontSize: '12px', lineHeight: '18px' } },
-                        first.component ? createElement('div', null, createElement('span', { style: { opacity: 0.75 } }, 'Component: '), String(first.component)) : null,
-                        first.phase ? createElement('div', null, createElement('span', { style: { opacity: 0.75 } }, 'Phase: '), String(first.phase)) : null
-                    ),
-                    first.stack
-                        ? createElement('pre', {
-                            style: {
-                                marginTop: '12px',
-                                padding: '12px',
-                                borderRadius: '12px',
-                                background: 'rgba(0,0,0,0.55)',
-                                border: '1px solid rgba(255,255,255,0.10)',
-                                whiteSpace: 'pre-wrap',
-                                fontSize: '12px',
-                                lineHeight: '18px',
-                                overflow: 'auto',
-                                maxHeight: '55vh'
-                            }
-                        }, String(first.stack))
-                        : null
-                )
-            )
-        );
-    });
-}
-
-export function initErrorHandling(container) {
-    if (typeof document === 'undefined') return;
-    if (!container || !(container instanceof Element)) return;
-
-    if (!document.querySelector('[data-round-error-style="1"]')) {
-        const style = document.createElement('style');
-        style.setAttribute('data-round-error-style', '1');
-        style.textContent = `
-[data-round-error-root="1"] pre{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.28) rgba(255,255,255,0.06);}
-[data-round-error-root="1"] pre::-webkit-scrollbar{width:10px;height:10px;}
-[data-round-error-root="1"] pre::-webkit-scrollbar-track{background:rgba(255,255,255,0.06);border-radius:999px;}
-[data-round-error-root="1"] pre::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.22);border-radius:999px;border:2px solid rgba(0,0,0,0.35);}
-[data-round-error-root="1"] pre::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.32);}
-        `.trim();
-        document.head.appendChild(style);
-    }
-
-    if (!document.querySelector('[data-round-error-root="1"]')) {
-        const root = document.createElement('div');
-        root.setAttribute('data-round-error-root', '1');
-        container.appendChild(root);
-        root.appendChild(createElement(ErrorProvider, null));
-    }
-
-    if (!window.__round_error_handlers_installed) {
-        window.__round_error_handlers_installed = true;
-
-        window.addEventListener('error', (e) => {
-            reportError(e?.error ?? e?.message ?? e, { phase: 'window.error' });
-        });
-
-        window.addEventListener('unhandledrejection', (e) => {
-            reportError(e?.reason ?? e, { phase: 'window.unhandledrejection' });
-        });
-    }
-}

package/src/runtime/lifecycle.js

@@ -1,142 +0,0 @@
-import { reportErrorSafe } from './error-reporter.js';
-
-const componentStack = [];
-
-export function getCurrentComponent() {
-    return componentStack[componentStack.length - 1];
-}
-
-export function runInLifecycle(componentInstance, fn) {
-    componentStack.push(componentInstance);
-    try {
-        return fn();
-    } finally {
-        componentStack.pop();
-    }
-}
-
-export function createComponentInstance() {
-    return {
-        mountHooks: [],
-        unmountHooks: [],
-        updateHooks: [],
-        nodes: [],
-        isMounted: false,
-        mountTimerId: null
-    };
-}
-
-export function onMount(fn) {
-    const component = getCurrentComponent();
-    if (component) {
-        component.mountHooks.push(fn);
-    } else {
-        setTimeout(() => {
-            try {
-                fn();
-            } catch (e) {
-                reportErrorSafe(e, { phase: 'onMount' });
-            }
-        }, 0);
-    }
-}
-
-export function onUnmount(fn) {
-    const component = getCurrentComponent();
-    if (component) {
-        component.unmountHooks.push(fn);
-    }
-}
-
-export const onCleanup = onUnmount;
-
-export function onUpdate(fn) {
-    const component = getCurrentComponent();
-    if (component) {
-        component.updateHooks.push(fn);
-    }
-}
-
-export function mountComponent(component) {
-    if (component.isMounted) return;
-
-    try {
-        const root = component?.nodes?.[0];
-        if (root && root instanceof Node && root.isConnected === false) {
-            return;
-        }
-    } catch {
-    }
-
-    component.isMounted = true;
-    component.mountHooks.forEach(hook => {
-        try {
-            const cleanup = hook();
-            if (typeof cleanup === 'function') {
-                component.unmountHooks.push(cleanup);
-            }
-        } catch (e) {
-            reportErrorSafe(e, { phase: 'mount', component: component.name ?? null });
-        }
-    });
-}
-
-export function unmountComponent(component) {
-    if (!component.isMounted) return;
-
-    if (component.mountTimerId != null) {
-        try {
-            clearTimeout(component.mountTimerId);
-        } catch {
-        }
-        component.mountTimerId = null;
-    }
-
-    component.isMounted = false;
-    component.unmountHooks.forEach(hook => {
-        try {
-            hook();
-        } catch (e) {
-            reportErrorSafe(e, { phase: 'unmount', component: component.name ?? null });
-        }
-    });
-}
-
-export function triggerUpdate(component) {
-    if (!component.isMounted) return;
-    component.updateHooks.forEach(hook => {
-        try {
-            hook();
-        } catch (e) {
-            reportErrorSafe(e, { phase: 'update', component: component.name ?? null });
-        }
-    });
-}
-
-const observer = (typeof MutationObserver !== 'undefined')
-    ? new MutationObserver((mutations) => {
-        mutations.forEach(mutation => {
-            if (mutation.removedNodes.length > 0) {
-                mutation.removedNodes.forEach(node => {
-                    if (node._componentInstance) {
-                        unmountComponent(node._componentInstance);
-                    }
-                    cleanupNodeRecursively(node);
-                });
-            }
-        });
-    })
-    : null;
-
-function cleanupNodeRecursively(node) {
-    if (node._componentInstance) {
-        unmountComponent(node._componentInstance);
-    }
-    node.childNodes.forEach(cleanupNodeRecursively);
-}
-
-export function initLifecycleRoot(rootNode) {
-    if (!rootNode) return;
-    if (!observer) return;
-    observer.observe(rootNode, { childList: true, subtree: true });
-}

package/src/runtime/markdown.js

@@ -1,72 +0,0 @@
-import { signal } from './signals.js';
-import { onMount } from './lifecycle.js';
-import { createElement } from './dom.js';
-import { marked } from 'marked';
-import { reportErrorSafe } from './error-reporter.js';
-
-const mdLoaders = (typeof import.meta !== 'undefined' && typeof import.meta.glob === 'function')
-    ? import.meta.glob('/src/**/*.md', { query: '?raw', import: 'default' })
-    : {};
-
-export function Markdown(props = {}) {
-    const html = signal('');
-
-    const parse = (md) => {
-        try {
-            return marked.parse(md ?? '');
-        } catch {
-            return '';
-        }
-    };
-
-    if (typeof props.content === 'string') {
-        html(parse(props.content));
-    }
-
-    onMount(async () => {
-        if (typeof props.src !== 'string') return;
-
-        const base = typeof props.base === 'string' ? props.base : '/src';
-        const resolved = props.src.startsWith('./') ? (base + props.src.slice(1)) : props.src;
-
-        const loader = mdLoaders[resolved];
-        if (typeof loader === 'function') {
-            try {
-                const text = await loader();
-                html(parse(text ?? ''));
-                return;
-            } catch (e) {
-                reportErrorSafe(e instanceof Error ? e : new Error(`Failed to load markdown: ${resolved}`), { phase: 'markdown.load', component: 'Markdown' });
-                html('');
-                return;
-            }
-        }
-
-        try {
-            const r = await fetch(resolved);
-            if (!r.ok) {
-                reportErrorSafe(new Error(`Markdown not found: ${resolved} (HTTP ${r.status})`), { phase: 'markdown.fetch', component: 'Markdown' });
-                html('');
-                return;
-            }
-            const text = await r.text();
-
-            const looksLikeHtml = /^\s*<!doctype\s+html\b|^\s*<html\b/i.test(text);
-            if (looksLikeHtml) {
-                reportErrorSafe(new Error(`Markdown not found (served HTML fallback): ${resolved}`), { phase: 'markdown.fetch', component: 'Markdown' });
-                html('');
-                return;
-            }
-            html(parse(text));
-        } catch (e) {
-            reportErrorSafe(e instanceof Error ? e : new Error(`Failed to fetch markdown: ${resolved}`), { phase: 'markdown.fetch', component: 'Markdown' });
-            html('');
-        }
-    });
-
-    const className = props.className ?? props.theme ?? '';
-    return createElement('div', {
-        className,
-        dangerouslySetInnerHTML: () => ({ __html: html() })
-    });
-}