elit 3.5.6 → 3.5.8

package/src/el.ts

@@ -1,183 +0,0 @@
-/**
- * Elit - Element Factories
- */
-
-import type { VNode, Child, Props, ElementFactory } from './types';
-
-/**
- * Helper: Check if document is available (eliminates duplication in document checks)
- */
-const hasDocument = typeof document !== 'undefined';
-
-/**
- * Helper: Capitalize first letter (eliminates duplication in tag name processing)
- */
-function capitalize(str: string): string {
-    return str.charAt(0).toUpperCase() + str.slice(1);
-}
-
-/**
- * Helper: Bind document method safely (eliminates duplication in document method binding)
- */
-function bindDocMethod<T extends Function>(method: T | undefined): T | undefined {
-    return hasDocument && method ? method.bind(doc) : undefined as any;
-}
-
-/**
- * Helper: Create prefixed element factories (eliminates duplication in factory creation)
- */
-function createPrefixedFactories(tags: readonly string[], prefix: string, elements: any): void {
-    tags.forEach(tag => {
-        const name = prefix + capitalize(tag);
-        elements[name] = createElementFactory(tag);
-    });
-}
-
-export const createElementFactory = (tag: string): ElementFactory => {
-    return function(props?: Props | Child | null, ...rest: Child[]): VNode {
-        if (!arguments.length) return { tagName: tag, props: {}, children: [] };
-
-        const isState = props && typeof props === 'object' && 'value' in props && 'subscribe' in props;
-        const isVNode = props && typeof props === 'object' && 'tagName' in props;
-        const isChild = typeof props !== 'object' || Array.isArray(props) || props === null || isState || isVNode;
-
-        const actualProps: Props = isChild ? {} : props as Props;
-        const args: Child[] = isChild ? [props as Child, ...rest] : rest;
-
-        if (!args.length) return { tagName: tag, props: actualProps, children: [] };
-
-        const flatChildren: Child[] = [];
-        for (let i = 0, len = args.length; i < len; i++) {
-            const child = args[i];
-            if (child == null || child === false) continue;
-
-            if (Array.isArray(child)) {
-                for (let j = 0, cLen = child.length; j < cLen; j++) {
-                    const c = child[j];
-                    c != null && c !== false && flatChildren.push(c);
-                }
-            } else {
-                flatChildren.push(child);
-            }
-        }
-
-        return { tagName: tag, props: actualProps, children: flatChildren };
-    } as ElementFactory;
-};
-
-// HTML Tags
-const tags = [
-    'html', 'head', 'body', 'title', 'base', 'link', 'meta', 'style',
-    'address', 'article', 'aside', 'footer', 'header', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'main', 'nav', 'section',
-    'blockquote', 'dd', 'div', 'dl', 'dt', 'figcaption', 'figure', 'hr', 'li', 'ol', 'p', 'pre', 'ul',
-    'a', 'abbr', 'b', 'bdi', 'bdo', 'br', 'cite', 'code', 'data', 'dfn', 'em', 'i', 'kbd', 'mark', 'q',
-    'rp', 'rt', 'ruby', 's', 'samp', 'small', 'span', 'strong', 'sub', 'sup', 'time', 'u', 'wbr',
-    'area', 'audio', 'img', 'map', 'track', 'video',
-    'embed', 'iframe', 'object', 'param', 'picture', 'portal', 'source',
-    'canvas', 'noscript', 'script',
-    'del', 'ins',
-    'caption', 'col', 'colgroup', 'table', 'tbody', 'td', 'tfoot', 'th', 'thead', 'tr',
-    'button', 'datalist', 'fieldset', 'form', 'input', 'label', 'legend', 'meter',
-    'optgroup', 'option', 'output', 'progress', 'select', 'textarea',
-    'details', 'dialog', 'menu', 'summary',
-    'slot', 'template'
-] as const;
-
-// SVG Tags
-const svgTags = [
-    'svg', 'circle', 'rect', 'path', 'line', 'polyline', 'polygon', 'ellipse', 'g', 'text', 'tspan',
-    'defs', 'linearGradient', 'radialGradient', 'stop', 'pattern', 'mask', 'clipPath', 'use', 'symbol',
-    'marker', 'image', 'foreignObject', 'animate', 'animateTransform', 'animateMotion', 'set', 'filter',
-    'feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting',
-    'feDisplacementMap', 'feFlood', 'feGaussianBlur', 'feMorphology', 'feOffset', 'feSpecularLighting',
-    'feTile', 'feTurbulence'
-] as const;
-
-// MathML Tags
-const mathTags = [
-    'math', 'mi', 'mn', 'mo', 'ms', 'mtext', 'mrow', 'mfrac', 'msqrt', 'mroot', 'msub', 'msup'
-] as const;
-
-type Elements = {
-    [K in typeof tags[number]]: ElementFactory;
-} & {
-    [K in typeof svgTags[number] as `svg${Capitalize<K>}`]: ElementFactory;
-} & {
-    [K in typeof mathTags[number] as `math${Capitalize<K>}`]: ElementFactory;
-} & {
-    varElement: ElementFactory;
-};
-
-const elements: Partial<Elements> = {};
-
-tags.forEach(tag => {
-    (elements as any)[tag] = createElementFactory(tag);
-});
-
-createPrefixedFactories(svgTags, 'svg', elements);
-createPrefixedFactories(mathTags, 'math', elements);
-
-(elements as any).varElement = createElementFactory('var');
-
-// Export all element factories
-export const {
-    html, head, body, title, base, link, meta, style,
-    address, article, aside, footer, header, h1, h2, h3, h4, h5, h6, main, nav, section,
-    blockquote, dd, div, dl, dt, figcaption, figure, hr, li, ol, p, pre, ul,
-    a, abbr, b, bdi, bdo, br, cite, code, data, dfn, em, i, kbd, mark, q,
-    rp, rt, ruby, s, samp, small, span, strong, sub, sup, time, u, wbr,
-    area, audio, img, map, track, video,
-    embed, iframe, object, param, picture, portal, source,
-    canvas, noscript, script,
-    del, ins,
-    caption, col, colgroup, table, tbody, td, tfoot, th, thead, tr,
-    button, datalist, fieldset, form, input, label, legend, meter,
-    optgroup, option, output, progress, select, textarea,
-    details, dialog, menu, summary,
-    slot, template,
-    svgSvg, svgCircle, svgRect, svgPath, svgLine, svgPolyline, svgPolygon, svgEllipse, svgG, svgText, svgTspan,
-    svgDefs, svgLinearGradient, svgRadialGradient, svgStop, svgPattern, svgMask, svgClipPath, svgUse, svgSymbol,
-    svgMarker, svgImage, svgForeignObject, svgAnimate, svgAnimateTransform, svgAnimateMotion, svgSet, svgFilter,
-    svgFeBlend, svgFeColorMatrix, svgFeComponentTransfer, svgFeComposite, svgFeConvolveMatrix, svgFeDiffuseLighting,
-    svgFeDisplacementMap, svgFeFlood, svgFeGaussianBlur, svgFeMorphology, svgFeOffset, svgFeSpecularLighting,
-    svgFeTile, svgFeTurbulence,
-    mathMath, mathMi, mathMn, mathMo, mathMs, mathMtext, mathMrow, mathMfrac, mathMsqrt, mathMroot, mathMsub, mathMsup,
-    varElement
-} = elements as Elements;
-export const el = elements;
-// Export elements object for dynamic access
-export { elements };
-// Fragment element factory - groups children without a wrapper element
-// Similar to React's Fragment: <><div>1</div><div>2</div></>
-export const frag: ElementFactory = function(...children: Child[]): VNode {
-    const flatChildren: Child[] = [];
-    for (let i = 0, len = children.length; i < len; i++) {
-        const child = children[i];
-        if (child == null || child === false) continue;
-
-        if (Array.isArray(child)) {
-            for (let j = 0, cLen = child.length; j < cLen; j++) {
-                const c = child[j];
-                c != null && c !== false && flatChildren.push(c);
-            }
-        } else {
-            flatChildren.push(child);
-        }
-    }
-    return { tagName: '', props: {}, children: flatChildren };
-} as ElementFactory;
-
-// DOM utility functions - Shorthand helpers for common document operations
-export const doc = hasDocument ? document : undefined as any;
-export const getEl = bindDocMethod(doc?.querySelector);
-export const getEls = bindDocMethod(doc?.querySelectorAll);
-export const createEl = bindDocMethod(doc?.createElement);
-export const createSvgEl = hasDocument ? doc.createElementNS.bind(doc, 'http://www.w3.org/2000/svg') : undefined as any;
-export const createMathEl = hasDocument ? doc.createElementNS.bind(doc, 'http://www.w3.org/1998/Math/MathML') : undefined as any;
-export const fragment = bindDocMethod(doc?.createDocumentFragment);
-export const textNode = bindDocMethod(doc?.createTextNode);
-export const commentNode = bindDocMethod(doc?.createComment);
-export const getElId = bindDocMethod(doc?.getElementById);
-export const getElClass = bindDocMethod(doc?.getElementsByClassName);
-export const getElTag = bindDocMethod(doc?.getElementsByTagName);
-export const getElName = bindDocMethod(doc?.getElementsByName);