apprun 4.0.0 → 6.0.0-rc.0

package/esm/type-utils.js

@@ -0,0 +1,90 @@
+/**
+ * Type Safety Utilities for AppRun
+ *
+ * This file provides utility functions and types to improve type safety
+ * across the AppRun framework, including:
+ * 1. Safe type assertions with null checks
+ * 2. Global object assignment helpers
+ * 3. Event target type guards
+ * 4. Function validation utilities
+ */
+/**
+ * Safely cast event target to specific HTML element type with null check
+ */
+export function safeEventTarget(event) {
+    return event?.target instanceof HTMLElement ? event.target : null;
+}
+/**
+ * Type guard to check if an object is a valid function
+ */
+export function isFunction(obj) {
+    return typeof obj === 'function';
+}
+/**
+ * Type guard to check if an object is a valid HTML element
+ */
+export function isHTMLElement(obj) {
+    return obj instanceof HTMLElement;
+}
+/**
+ * Safely assign properties to global object with type checking
+ */
+export function safeGlobalAssign(globalObj, assignments) {
+    if (typeof globalObj === 'object' && globalObj !== null) {
+        Object.keys(assignments).forEach(key => {
+            globalObj[key] = assignments[key];
+        });
+    }
+}
+/**
+ * Safely get property from global object with fallback
+ */
+export function safeGlobalGet(globalObj, property, fallback) {
+    if (typeof globalObj === 'object' && globalObj !== null) {
+        return globalObj[property] ?? fallback;
+    }
+    return fallback;
+}
+/**
+ * Type-safe wrapper for DOM element queries
+ */
+export function safeQuerySelector(selector, context = document) {
+    try {
+        return context.querySelector(selector);
+    }
+    catch (error) {
+        console.warn(`Invalid selector: ${selector}`, error);
+        return null;
+    }
+}
+/**
+ * Type-safe wrapper for DOM element by ID
+ */
+export function safeGetElementById(id) {
+    try {
+        return document.getElementById(id);
+    }
+    catch (error) {
+        console.warn(`Error getting element by id: ${id}`, error);
+        return null;
+    }
+}
+/**
+ * Validate and safely execute a function with error handling
+ */
+export function safeExecute(fn, args, context, errorMessage) {
+    if (!isFunction(fn)) {
+        if (errorMessage) {
+            console.warn(errorMessage, fn);
+        }
+        return undefined;
+    }
+    try {
+        return context ? fn.apply(context, args) : fn(...args);
+    }
+    catch (error) {
+        console.error(errorMessage || 'Error executing function:', error);
+        return undefined;
+    }
+}
+//# sourceMappingURL=type-utils.js.map

package/esm/type-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type-utils.js","sourceRoot":"","sources":["../src/type-utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH;;GAEG;AACH,MAAM,UAAU,eAAe,CAAsC,KAAY;IAC/E,OAAO,KAAK,EAAE,MAAM,YAAY,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,MAAW,CAAC,CAAC,CAAC,IAAI,CAAC;AACzE,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,UAAU,CAAC,GAAQ;IACjC,OAAO,OAAO,GAAG,KAAK,UAAU,CAAC;AACnC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,GAAQ;IACpC,OAAO,GAAG,YAAY,WAAW,CAAC;AACpC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAC9B,SAAc,EACd,WAAc;IAEd,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;QACxD,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACrC,SAAS,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;IACL,CAAC;AACH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,aAAa,CAC3B,SAAc,EACd,QAAgB,EAChB,QAAY;IAEZ,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;QACxD,OAAO,SAAS,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC;IACzC,CAAC;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,iBAAiB,CAC/B,QAAgB,EAChB,UAA8B,QAAQ;IAEtC,IAAI,CAAC;QACH,OAAO,OAAO,CAAC,aAAa,CAAI,QAAQ,CAAC,CAAC;IAC5C,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,IAAI,CAAC,qBAAqB,QAAQ,EAAE,EAAE,KAAK,CAAC,CAAC;QACrD,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAChC,EAAU;IAEV,IAAI,CAAC;QACH,OAAO,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAa,CAAC;IACjD,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,IAAI,CAAC,gCAAgC,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;QAC1D,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,WAAW,CACzB,EAA0C,EAC1C,IAAO,EACP,OAAa,EACb,YAAqB;IAErB,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC;QACpB,IAAI,YAAY,EAAE,CAAC;YACjB,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;QACjC,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,IAAI,CAAC;QACH,OAAO,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC;IACzD,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,YAAY,IAAI,2BAA2B,EAAE,KAAK,CAAC,CAAC;QAClE,OAAO,SAAS,CAAC;IACnB,CAAC;AACH,CAAC"}

package/esm/types.js

@@ -0,0 +1,58 @@
+/**
+ * Core TypeScript Type Definitions
+ *
+ * This file defines the fundamental types used across AppRun:
+ * 1. Component Types
+ *    - View: Function that renders state to VDOM
+ *    - Action: Function that updates state (sync/async/generator)
+ *    - Update: Collection of actions (array or object format)
+ *    - ActionDef: Tuple definition for action arrays
+ *
+ * 2. Virtual DOM Types
+ *    - VNode: Virtual DOM node structure with tag/props/children
+ *    - VDOM: Union of possible VDOM types (false, string, VNode, array)
+ *    - Element: DOM element references (HTMLElement or string selector)
+ *    - TemplateResult: Lit-html template support
+ *
+ * 3. Configuration Types
+ *    - EventOptions: Event handler options (once, delay, transition, global)
+ *    - ActionOptions: Action behavior options (render, history, global, callback)
+ *    - MountOptions: Component mounting options (global events, routing, transitions)
+ *    - AppStartOptions: Application startup configuration with lifecycle hooks
+ *
+ * Features:
+ * - Strong typing for component lifecycle
+ * - Flexible action definition formats
+ * - Comprehensive event options
+ * - Integration with external libraries (lit-html)
+ * - Type-safe component mounting
+ * - Lifecycle hook typing
+ *
+ * Type Safety Improvements (v3.35.1):
+ * - Enhanced generic constraints for better type inference
+ * - Improved union types for VDOM flexibility
+ * - Better callback typing in options
+ * - Stricter typing for lifecycle methods
+ * - Added support for async generator and generator functions in Action types
+ * - Phase 3 removed `any` escape hatches from public options and typed history.
+ *
+ * Usage:
+ * ```ts
+ * class MyComponent extends Component<State, Events> {
+ *   view: View<State>;
+ *   update: Update<State, Events>;
+ * }
+ *
+ * // Type-safe action definitions with async generators
+ * const update: Update<State> = {
+ *   'event': (state: State, ...args) => newState,
+ *   'stream-event': async function* (state: State, ...args) {
+ *     yield { ...state, loading: true };
+ *     const data = await fetchData();
+ *     yield { ...state, data, loading: false };
+ *   }
+ * };
+ * ```
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/esm/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuDG"}

package/esm/vdom-lit-html.js

@@ -0,0 +1,65 @@
+import { createElement, updateElement, Fragment } from './vdom-my';
+import { render, svg, html, noChange } from 'lit';
+import { directive, Directive, PartType } from 'lit/directive.js';
+import { unsafeHTML } from 'lit/directives/unsafe-html.js';
+import app from './apprun';
+function _render(element, vdom, parent) {
+    if (!vdom)
+        return;
+    if (typeof vdom === 'string') {
+        if (!element['_$litPart$'])
+            element.replaceChildren();
+        render(html `${unsafeHTML(vdom)}`, element);
+    }
+    else if (vdom['_$litType$']) {
+        if (!element['_$litPart$'])
+            element.replaceChildren();
+        render(vdom, element);
+    }
+    else {
+        updateElement(element, vdom, parent);
+        element['_$litPart$'] = undefined;
+    }
+}
+export class RunDirective extends Directive {
+    constructor(partInfo) {
+        super(partInfo);
+        // When necessary, validate part in constructor using `part.type`
+        if (partInfo.type !== PartType.EVENT) { // In lit v3, use PartType.EVENT
+            throw new Error('run() can only be used in event handlers');
+        }
+    }
+    // Override update to perform any direct DOM manipulation
+    update(part, props) {
+        /* Any imperative updates to DOM/parts would go here */
+        const element = part.element;
+        const name = part.name;
+        const [eventOrFn, ...args] = props;
+        const getComponent = () => {
+            let el = element;
+            let component = el['_component'];
+            while (!component && el) {
+                el = el.parentElement;
+                component = el && el['_component'];
+            }
+            console.assert(!!component, 'Component not found.');
+            return component;
+        };
+        if (typeof eventOrFn === 'string') {
+            element[`on${name}`] = e => {
+                const component = getComponent();
+                component ? component.run(eventOrFn, ...args, e) : app.run(eventOrFn, ...args, e);
+            };
+        }
+        else if (typeof eventOrFn === 'function') {
+            element[`on${name}`] = e => getComponent().setState(eventOrFn(getComponent().state, ...args, e));
+        }
+        return this.render();
+    }
+    render() {
+        return noChange;
+    }
+}
+const run = directive(RunDirective);
+export { createElement, Fragment, html, svg, _render as render, run };
+//# sourceMappingURL=vdom-lit-html.js.map

package/esm/vdom-lit-html.js.map

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

package/esm/vdom-my-prop-attr.js

@@ -0,0 +1,227 @@
+/**
+ * VDOM Property and Attribute Handler
+ * Standards-compliant property/attribute handling with caching and special element support
+ * Features: Skip logic for preserving user interactions during VDOM reconciliation
+ * Exports: updateProps - Main function for DOM element property updates
+ * Updated: 2025-01-14 - Skip logic for focus-sensitive (selection), scroll, and media properties
+ */
+import { find, html, svg } from 'property-information';
+const ATTR_PROPS = '_props';
+const propertyInfoCache = new Map();
+// Merge old and new props, handling className -> class conversion and null cleanup
+function mergeProps(oldProps, newProps) {
+    if (newProps) {
+        newProps['class'] = newProps['class'] || newProps['className'];
+        delete newProps['className'];
+    }
+    if (!oldProps || Object.keys(oldProps).length === 0)
+        return newProps || {};
+    if (!newProps || Object.keys(newProps).length === 0) {
+        const props = {};
+        Object.keys(oldProps).forEach(p => props[p] = null);
+        return props;
+    }
+    const props = {};
+    Object.keys(oldProps).forEach(p => {
+        if (!(p in newProps))
+            props[p] = null;
+    });
+    Object.keys(newProps).forEach(p => props[p] = newProps[p]);
+    return props;
+}
+// Convert kebab-case to camelCase for dataset keys
+function convertKebabToCamelCase(str) {
+    if (str.length <= 1)
+        return str.toLowerCase();
+    return str.split('-').map((word, index) => index === 0 ? word.toLowerCase() : word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join('');
+}
+// Cached property information lookup
+function getPropertyInfo(name, isSvg) {
+    const cacheKey = `${name}:${isSvg}`;
+    let info = propertyInfoCache.get(cacheKey);
+    if (info === undefined) {
+        info = find(isSvg ? svg : html, name) || null;
+        propertyInfoCache.set(cacheKey, info);
+    }
+    return info;
+}
+// Specialized handlers for different attribute types
+function setDatasetAttribute(element, attributeName, value) {
+    const camelKey = convertKebabToCamelCase(attributeName.slice(5));
+    if (value == null) {
+        delete element.dataset[camelKey];
+    }
+    else {
+        element.dataset[camelKey] = String(value);
+    }
+}
+function setEventHandler(element, name, value) {
+    if (!name.startsWith('on'))
+        return;
+    if (!value || typeof value === 'function') {
+        element[name] = value;
+    }
+    else if (typeof value === 'string') {
+        if (value)
+            element.setAttribute(name, value);
+        else
+            element.removeAttribute(name);
+    }
+}
+function setBooleanAttribute(element, attributeName, value) {
+    if (shouldSetBooleanAttribute(value)) {
+        element.setAttribute(attributeName, attributeName);
+    }
+    else {
+        element.removeAttribute(attributeName);
+    }
+}
+function setElementProperty(element, propertyName, value) {
+    try {
+        element[propertyName] = value;
+    }
+    catch (error) {
+        setElementAttribute(element, propertyName, value, false);
+    }
+}
+function setElementAttribute(element, attributeName, value, isSvg) {
+    if (value == null) {
+        element.removeAttribute(attributeName);
+        return;
+    }
+    const stringValue = String(value);
+    if (isSvg && attributeName.includes(':')) {
+        const [prefix] = attributeName.split(':');
+        if (prefix === 'xlink') {
+            element.setAttributeNS('http://www.w3.org/1999/xlink', attributeName, stringValue);
+        }
+        else {
+            element.setAttribute(attributeName, stringValue);
+        }
+    }
+    else {
+        element.setAttribute(attributeName, stringValue);
+    }
+}
+function shouldSetBooleanAttribute(value) {
+    if (value == null || value === false || value === '')
+        return false;
+    if (value === true)
+        return true;
+    if (typeof value === 'string') {
+        const lowerValue = value.toLowerCase();
+        return lowerValue !== 'false' && value !== '0';
+    }
+    return Boolean(value);
+}
+// Core property/attribute setting function - handles all property types with skip logic
+function setAttributeOrProperty(element, name, value, isSvg) {
+    // Check if we should skip this property update to preserve user interaction
+    if (shouldSkipPatch(element, name)) {
+        return;
+    }
+    // Special cases with dedicated handling
+    if (name === 'style') {
+        if (element.style.cssText)
+            element.style.cssText = '';
+        if (typeof value === 'string')
+            element.style.cssText = value;
+        else if (value && typeof value === 'object') {
+            for (const s in value) {
+                if (element.style[s] !== value[s])
+                    element.style[s] = value[s];
+            }
+        }
+        return;
+    }
+    if (name === 'key') {
+        if (value !== undefined && value !== null)
+            element.key = value;
+        return;
+    }
+    if (name.startsWith('data-')) {
+        setDatasetAttribute(element, name, value);
+        return;
+    }
+    if (name.startsWith('on')) {
+        setEventHandler(element, name, value);
+        return;
+    }
+    // Form elements with special property requirements
+    if ((element.tagName === 'INPUT' || element.tagName === 'TEXTAREA' || element.tagName === 'SELECT') &&
+        (name === 'value' || name === 'selected' || name === 'selectedIndex')) {
+        setElementProperty(element, name, value);
+        return;
+    }
+    // Input checked needs both property and attribute
+    if (element.tagName === 'INPUT' && name === 'checked') {
+        setElementProperty(element, name, value);
+        setBooleanAttribute(element, name, value);
+        return;
+    }
+    // Use property information for standard attributes
+    const info = getPropertyInfo(name, isSvg);
+    if (info) {
+        if (info.boolean || info.overloadedBoolean) {
+            setBooleanAttribute(element, info.attribute, value);
+        }
+        else if (info.mustUseProperty && !isSvg) {
+            setElementProperty(element, info.property, value);
+        }
+        else {
+            setElementAttribute(element, info.attribute, value, isSvg);
+        }
+    }
+    else {
+        // Fallback handling for unknown attributes
+        if (name.startsWith('aria-') || name === 'role') {
+            setElementAttribute(element, name, value, isSvg);
+        }
+        else if (name in element || element[name] !== undefined) {
+            setElementProperty(element, name, value);
+        }
+        else {
+            setElementAttribute(element, name, value, isSvg);
+        }
+    }
+}
+// Skip logic for preventing user interaction disruption during VDOM reconciliation
+function shouldSkipPatch(dom, prop) {
+    if (document.activeElement === dom) {
+        return ['selectionStart', 'selectionEnd', 'selectionDirection']
+            .includes(prop);
+    }
+    if (prop === 'scrollTop' || prop === 'scrollLeft') {
+        return true;
+    }
+    if (dom instanceof HTMLMediaElement &&
+        ['currentTime', 'paused', 'playbackRate', 'volume'].includes(prop)) {
+        return true;
+    }
+    return false; // default: allow normal diff logic
+}
+function isValidAttributeName(name) {
+    return /^[a-zA-Z_:][\w\-:.]*$/.test(name) &&
+        !name.includes('<') && !name.includes('>') && !name.includes('"') && !name.includes("'");
+}
+// Main exported function for updating element properties
+export function updateProps(element, props, isSvg) {
+    // console.assert(!!element);
+    const cached = element[ATTR_PROPS] || {};
+    const merged = mergeProps(cached, props);
+    element[ATTR_PROPS] = props || {};
+    applyPropertiesToElement(element, merged, props, isSvg);
+}
+// Apply merged properties to element with ref handling
+function applyPropertiesToElement(element, mergedProps, originalProps, isSvg) {
+    for (const name in mergedProps) {
+        if (isValidAttributeName(name)) {
+            setAttributeOrProperty(element, name, mergedProps[name], isSvg);
+        }
+    }
+    // Handle ref callback
+    if (mergedProps && typeof mergedProps['ref'] === 'function') {
+        window.requestAnimationFrame(() => mergedProps['ref'](element));
+    }
+}
+//# sourceMappingURL=vdom-my-prop-attr.js.map

package/esm/vdom-my-prop-attr.js.map

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