juxscript 1.0.88 → 1.0.90

package/lib/componentsv2/base/OptionsContract.js

@@ -0,0 +1,107 @@
+/**
+ * Validates user-provided options against a defined contract schema.
+ * Emits warnings for unknown/misnamed options and errors for type mismatches.
+ */
+export function validateOptions(componentName, userOptions, schema, debugMode = false) {
+    const result = {
+        valid: true,
+        warnings: [],
+        errors: [],
+        normalized: {}
+    };
+    const validKeys = new Set(Object.keys(schema));
+    const aliasMap = new Map();
+    // Build alias lookup
+    for (const [key, def] of Object.entries(schema)) {
+        if (def.aliases) {
+            def.aliases.forEach(alias => aliasMap.set(alias.toLowerCase(), key));
+        }
+    }
+    // Check for unknown or aliased options
+    for (const [key, value] of Object.entries(userOptions)) {
+        const lowerKey = key.toLowerCase();
+        if (validKeys.has(key)) {
+            // Valid key - validate type
+            const def = schema[key];
+            if (!validateType(value, def.type)) {
+                result.errors.push(`[${componentName}] Option "${key}" expects type "${def.type}", got "${typeof value}".`);
+                result.valid = false;
+            }
+            else {
+                result.normalized[key] = value;
+            }
+        }
+        else if (aliasMap.has(lowerKey)) {
+            // Found an alias - warn and normalize
+            const correctKey = aliasMap.get(lowerKey);
+            result.warnings.push(`[${componentName}] Option "${key}" is not valid. Did you mean "${correctKey}"?`);
+            result.normalized[correctKey] = value;
+        }
+        else {
+            // Unknown option
+            const suggestion = findClosestMatch(key, Array.from(validKeys));
+            const hint = suggestion ? ` Did you mean "${suggestion}"?` : '';
+            result.warnings.push(`[${componentName}] Unknown option "${key}".${hint} Valid options: ${Array.from(validKeys).join(', ')}`);
+        }
+    }
+    // Apply defaults for missing required options
+    for (const [key, def] of Object.entries(schema)) {
+        if (!(key in result.normalized)) {
+            if (def.required && def.default === undefined) {
+                result.errors.push(`[${componentName}] Required option "${key}" is missing.`);
+                result.valid = false;
+            }
+            else if (def.default !== undefined) {
+                result.normalized[key] = def.default;
+            }
+        }
+    }
+    // Log warnings/errors in debug mode
+    if (debugMode || result.warnings.length || result.errors.length) {
+        result.warnings.forEach(w => console.warn(w));
+        result.errors.forEach(e => console.error(e));
+    }
+    return result;
+}
+function validateType(value, expectedType) {
+    if (value === undefined || value === null)
+        return true; // Allow optional
+    switch (expectedType) {
+        case 'string': return typeof value === 'string';
+        case 'number': return typeof value === 'number';
+        case 'boolean': return typeof value === 'boolean';
+        case 'array': return Array.isArray(value);
+        case 'object': return typeof value === 'object' && !Array.isArray(value);
+        case 'function': return typeof value === 'function';
+        default: return true;
+    }
+}
+function findClosestMatch(input, candidates) {
+    const lower = input.toLowerCase();
+    let best = null;
+    let bestScore = Infinity;
+    for (const candidate of candidates) {
+        const score = levenshtein(lower, candidate.toLowerCase());
+        if (score < bestScore && score <= 3) { // Max 3 edits
+            bestScore = score;
+            best = candidate;
+        }
+    }
+    return best;
+}
+function levenshtein(a, b) {
+    const matrix = [];
+    for (let i = 0; i <= b.length; i++)
+        matrix[i] = [i];
+    for (let j = 0; j <= a.length; j++)
+        matrix[0][j] = j;
+    for (let i = 1; i <= b.length; i++) {
+        for (let j = 1; j <= a.length; j++) {
+            matrix[i][j] = b[i - 1] === a[j - 1]
+                ? matrix[i - 1][j - 1]
+                : Math.min(matrix[i - 1][j - 1] + 1, matrix[i][j - 1] + 1, matrix[i - 1][j] + 1);
+        }
+    }
+    return matrix[b.length][a.length];
+}
+//# sourceMappingURL=OptionsContract.js.map

package/lib/componentsv2/base/OptionsContract.js.map

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

package/lib/componentsv2/base/OptionsContract.ts

@@ -0,0 +1,139 @@
+export interface OptionDefinition {
+    type: 'string' | 'number' | 'boolean' | 'array' | 'object' | 'function';
+    required?: boolean;
+    default?: any;
+    description?: string;
+    aliases?: string[]; // Common misspellings or alternate names
+}
+
+export type OptionsContractSchema = Record<string, OptionDefinition>;
+
+export interface ValidationResult {
+    valid: boolean;
+    warnings: string[];
+    errors: string[];
+    normalized: Record<string, any>;
+}
+
+/**
+ * Validates user-provided options against a defined contract schema.
+ * Emits warnings for unknown/misnamed options and errors for type mismatches.
+ */
+export function validateOptions<T extends Record<string, any>>(
+    componentName: string,
+    userOptions: Record<string, any>,
+    schema: OptionsContractSchema,
+    debugMode: boolean = false
+): ValidationResult {
+    const result: ValidationResult = {
+        valid: true,
+        warnings: [],
+        errors: [],
+        normalized: {}
+    };
+
+    const validKeys = new Set(Object.keys(schema));
+    const aliasMap = new Map<string, string>();
+
+    // Build alias lookup
+    for (const [key, def] of Object.entries(schema)) {
+        if (def.aliases) {
+            def.aliases.forEach(alias => aliasMap.set(alias.toLowerCase(), key));
+        }
+    }
+
+    // Check for unknown or aliased options
+    for (const [key, value] of Object.entries(userOptions)) {
+        const lowerKey = key.toLowerCase();
+
+        if (validKeys.has(key)) {
+            // Valid key - validate type
+            const def = schema[key];
+            if (!validateType(value, def.type)) {
+                result.errors.push(
+                    `[${componentName}] Option "${key}" expects type "${def.type}", got "${typeof value}".`
+                );
+                result.valid = false;
+            } else {
+                result.normalized[key] = value;
+            }
+        } else if (aliasMap.has(lowerKey)) {
+            // Found an alias - warn and normalize
+            const correctKey = aliasMap.get(lowerKey)!;
+            result.warnings.push(
+                `[${componentName}] Option "${key}" is not valid. Did you mean "${correctKey}"?`
+            );
+            result.normalized[correctKey] = value;
+        } else {
+            // Unknown option
+            const suggestion = findClosestMatch(key, Array.from(validKeys));
+            const hint = suggestion ? ` Did you mean "${suggestion}"?` : '';
+            result.warnings.push(
+                `[${componentName}] Unknown option "${key}".${hint} Valid options: ${Array.from(validKeys).join(', ')}`
+            );
+        }
+    }
+
+    // Apply defaults for missing required options
+    for (const [key, def] of Object.entries(schema)) {
+        if (!(key in result.normalized)) {
+            if (def.required && def.default === undefined) {
+                result.errors.push(`[${componentName}] Required option "${key}" is missing.`);
+                result.valid = false;
+            } else if (def.default !== undefined) {
+                result.normalized[key] = def.default;
+            }
+        }
+    }
+
+    // Log warnings/errors in debug mode
+    if (debugMode || result.warnings.length || result.errors.length) {
+        result.warnings.forEach(w => console.warn(w));
+        result.errors.forEach(e => console.error(e));
+    }
+
+    return result;
+}
+
+function validateType(value: any, expectedType: string): boolean {
+    if (value === undefined || value === null) return true; // Allow optional
+    switch (expectedType) {
+        case 'string': return typeof value === 'string';
+        case 'number': return typeof value === 'number';
+        case 'boolean': return typeof value === 'boolean';
+        case 'array': return Array.isArray(value);
+        case 'object': return typeof value === 'object' && !Array.isArray(value);
+        case 'function': return typeof value === 'function';
+        default: return true;
+    }
+}
+
+function findClosestMatch(input: string, candidates: string[]): string | null {
+    const lower = input.toLowerCase();
+    let best: string | null = null;
+    let bestScore = Infinity;
+
+    for (const candidate of candidates) {
+        const score = levenshtein(lower, candidate.toLowerCase());
+        if (score < bestScore && score <= 3) { // Max 3 edits
+            bestScore = score;
+            best = candidate;
+        }
+    }
+    return best;
+}
+
+function levenshtein(a: string, b: string): number {
+    const matrix: number[][] = [];
+    for (let i = 0; i <= b.length; i++) matrix[i] = [i];
+    for (let j = 0; j <= a.length; j++) matrix[0][j] = j;
+
+    for (let i = 1; i <= b.length; i++) {
+        for (let j = 1; j <= a.length; j++) {
+            matrix[i][j] = b[i - 1] === a[j - 1]
+                ? matrix[i - 1][j - 1]
+                : Math.min(matrix[i - 1][j - 1] + 1, matrix[i][j - 1] + 1, matrix[i - 1][j] + 1);
+        }
+    }
+    return matrix[b.length][a.length];
+}

package/lib/componentsv2/element/component.d.ts

@@ -3,5 +3,27 @@ export type ElementComponent = ElementEngine & {
     render: (targetId: string | HTMLElement) => ElementComponent;
     injectCSS: (id: string, cssContent: string) => void;
 };
+/**
+ * OPTIONS CONTRACT for Element:
+ *
+ * | Option       | Type   | Default | Aliases                          |
+ * |--------------|--------|---------|----------------------------------|
+ * | tagName      | string | 'div'   | tag, element, type               |
+ * | content      | string | ''      | text, html, innerHTML, value     |
+ * | contentType  | string | 'text'  | type, mode                       |
+ * | inlineStyle  | string | ''      | style, css, styles               |
+ *
+ * METHODS (match state properties):
+ * - .tagName(value)     - Set HTML tag
+ * - .content(value, type) - Set content with type
+ * - .contentType(type)  - Set content type
+ * - .inlineStyle(css)   - Set inline styles
+ *
+ * CONVENIENCE ALIASES:
+ * - .tag(value)  → .tagName(value)
+ * - .text(value) → .content(value, 'text')
+ * - .html(value) → .content(value, 'html')
+ * - .style(css)  → .inlineStyle(css)
+ */
 export declare function Element(id: string, options?: ElementOptions): ElementComponent;
 //# sourceMappingURL=component.d.ts.map

package/lib/componentsv2/element/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAG5D,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG;IAC3C,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,WAAW,KAAK,gBAAgB,CAAC;IAC7D,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,wBAAgB,OAAO,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,cAAmB,GAAG,gBAAgB,CAuBlF"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAG5D,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG;IAC3C,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,WAAW,KAAK,gBAAgB,CAAC;IAC7D,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,OAAO,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,cAAmB,GAAG,gBAAgB,CAuBlF"}

package/lib/componentsv2/element/component.js

@@ -1,5 +1,27 @@
 import { ElementEngine } from './engine.js';
 import { ElementSkin } from './skin.js';
+/**
+ * OPTIONS CONTRACT for Element:
+ *
+ * | Option       | Type   | Default | Aliases                          |
+ * |--------------|--------|---------|----------------------------------|
+ * | tagName      | string | 'div'   | tag, element, type               |
+ * | content      | string | ''      | text, html, innerHTML, value     |
+ * | contentType  | string | 'text'  | type, mode                       |
+ * | inlineStyle  | string | ''      | style, css, styles               |
+ *
+ * METHODS (match state properties):
+ * - .tagName(value)     - Set HTML tag
+ * - .content(value, type) - Set content with type
+ * - .contentType(type)  - Set content type
+ * - .inlineStyle(css)   - Set inline styles
+ *
+ * CONVENIENCE ALIASES:
+ * - .tag(value)  → .tagName(value)
+ * - .text(value) → .content(value, 'text')
+ * - .html(value) → .content(value, 'html')
+ * - .style(css)  → .inlineStyle(css)
+ */
 export function Element(id, options = {}) {
     const engine = new ElementEngine(id, options);
     if (typeof window !== 'undefined') {

package/lib/componentsv2/element/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAkB,MAAM,aAAa,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAOxC,MAAM,UAAU,OAAO,CAAC,EAAU,EAAE,UAA0B,EAAE;IAC5D,MAAM,MAAM,GAAG,IAAI,aAAa,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;IAE9C,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAChC,aAAa;QACb,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,EAAE,CAAC;QAC5C,aAAa;QACb,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC;IACnC,CAAC;IAED,MAAM,IAAI,GAAG,IAAI,WAAW,CAAC,MAAM,CAAC,CAAC;IAErC,aAAa;IACb,MAAM,CAAC,MAAM,GAAG,CAAC,QAA8B,EAAE,EAAE;QAC/C,MAAM,MAAM,GAAG,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;QAC3F,IAAI,MAAM;YAAE,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;QACpC,OAAO,MAA0B,CAAC;IACtC,CAAC,CAAC;IAEF,aAAa;IACb,MAAM,CAAC,SAAS,GAAG,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;IAExD,OAAO,MAA0B,CAAC;AACtC,CAAC"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAkB,MAAM,aAAa,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAOxC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,OAAO,CAAC,EAAU,EAAE,UAA0B,EAAE;IAC5D,MAAM,MAAM,GAAG,IAAI,aAAa,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;IAE9C,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAChC,aAAa;QACb,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,EAAE,CAAC;QAC5C,aAAa;QACb,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC;IACnC,CAAC;IAED,MAAM,IAAI,GAAG,IAAI,WAAW,CAAC,MAAM,CAAC,CAAC;IAErC,aAAa;IACb,MAAM,CAAC,MAAM,GAAG,CAAC,QAA8B,EAAE,EAAE;QAC/C,MAAM,MAAM,GAAG,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;QAC3F,IAAI,MAAM;YAAE,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;QACpC,OAAO,MAA0B,CAAC;IACtC,CAAC,CAAC;IAEF,aAAa;IACb,MAAM,CAAC,SAAS,GAAG,CAAC,EAAU,EAAE,GAAW,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;IAExE,OAAO,MAA0B,CAAC;AACtC,CAAC"}

package/lib/componentsv2/element/component.ts

@@ -6,6 +6,28 @@ export type ElementComponent = ElementEngine & {
     injectCSS: (id: string, cssContent: string) => void;
 };
 
+/**
+ * OPTIONS CONTRACT for Element:
+ * 
+ * | Option       | Type   | Default | Aliases                          |
+ * |--------------|--------|---------|----------------------------------|
+ * | tagName      | string | 'div'   | tag, element, type               |
+ * | content      | string | ''      | text, html, innerHTML, value     |
+ * | contentType  | string | 'text'  | type, mode                       |
+ * | inlineStyle  | string | ''      | style, css, styles               |
+ * 
+ * METHODS (match state properties):
+ * - .tagName(value)     - Set HTML tag
+ * - .content(value, type) - Set content with type
+ * - .contentType(type)  - Set content type
+ * - .inlineStyle(css)   - Set inline styles
+ * 
+ * CONVENIENCE ALIASES:
+ * - .tag(value)  → .tagName(value)
+ * - .text(value) → .content(value, 'text')
+ * - .html(value) → .content(value, 'html')
+ * - .style(css)  → .inlineStyle(css)
+ */
 export function Element(id: string, options: ElementOptions = {}): ElementComponent {
     const engine = new ElementEngine(id, options);
 
@@ -26,7 +48,7 @@ export function Element(id: string, options: ElementOptions = {}): ElementCompon
     };
 
     // @ts-ignore
-    engine.injectCSS = (id, css) => skin.injectCSS(id, css);
+    engine.injectCSS = (id: string, css: string) => skin.injectCSS(id, css);
 
     return engine as ElementComponent;
 }

package/lib/componentsv2/element/engine.d.ts

@@ -1,4 +1,5 @@
 import { BaseEngine, BaseState } from '../base/BaseEngine.js';
+import { OptionsContractSchema } from '../base/OptionsContract.js';
 export interface ElementState extends BaseState {
     tagName: string;
     content: string | null;
@@ -6,37 +7,53 @@ export interface ElementState extends BaseState {
     inlineStyle: string;
 }
 export interface ElementOptions {
-    tag?: string;
-    text?: string;
-    html?: string;
-    style?: string;
+    tagName?: string;
+    content?: string;
+    contentType?: 'text' | 'html';
+    inlineStyle?: string;
 }
 export declare class ElementEngine extends BaseEngine<ElementState, ElementOptions> {
     constructor(id: string, options?: ElementOptions);
+    /**
+     * OPTIONS CONTRACT
+     * Defines valid options with types, defaults, and aliases for common mistakes.
+     */
+    protected get optionsSchema(): OptionsContractSchema;
     protected prepareState(id: string, options: ElementOptions): ElementState;
     /**
-     * Set the HTML Tag name (e.g. 'div', 'span', 'h1', 'section')
+     * Set the HTML tag name (e.g., 'div', 'span', 'h1', 'section')
+     * Method name matches state property: tagName
      */
-    tag(tagName: string): this;
+    tagName(value: string): this;
     /**
-     * Set plain text content (automatically escaped)
+     * Set content with explicit type
+     * Method name matches state property: content
      */
-    text(value: string): this;
+    content(value: string, type?: 'text' | 'html'): this;
+    /**
+     * Set content type
+     * Method name matches state property: contentType
+     */
+    contentType(type: 'text' | 'html'): this;
     /**
-     * Set raw HTML content (innerHTML)
+     * Set inline styles (e.g., "color: red; margin: 10px;")
+     * Method name matches state property: inlineStyle
      */
+    inlineStyle(cssText: string): this;
+    /** @alias for tagName() */
+    tag(value: string): this;
+    /** @alias for content(value, 'text') */
+    text(value: string): this;
+    /** @alias for content(value, 'html') */
     html(value: string): this;
+    /** @alias for inlineStyle() */
+    style(cssText: string): this;
     /**
      * Append raw HTML to existing content
      */
     appendHtml(value: string): this;
-    /**
-     * Set inline styles (e.g. "color: red; margin: 10px;")
-     */
-    style(cssText: string): this;
     /**
      * Receives RAW DOM events from the Skin and emits them to listeners.
-     * This keeps the 'emit' logic encapsulated within the Engine.
      */
     handleEvent(eventName: string, content: any): void;
 }

package/lib/componentsv2/element/engine.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"engine.d.ts","sourceRoot":"","sources":["engine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,WAAW,YAAa,SAAQ,SAAS;IAC3C,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;CAEvB;AAED,MAAM,WAAW,cAAc;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,qBAAa,aAAc,SAAQ,UAAU,CAAC,YAAY,EAAE,cAAc,CAAC;gBAC3D,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,cAAmB;IAIpD,SAAS,CAAC,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,GAAG,YAAY;IAezE;;OAEG;IACH,GAAG,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAM1B;;OAEG;IACH,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAMzB;;OAEG;IACH,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAKzB;;OAEG;IACH,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAM/B;;OAEG;IACH,KAAK,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAK5B;;;OAGG;IACH,WAAW,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,GAAG,IAAI;CAGrD"}
+{"version":3,"file":"engine.d.ts","sourceRoot":"","sources":["engine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,MAAM,WAAW,YAAa,SAAQ,SAAS;IAC3C,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,cAAc;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,qBAAa,aAAc,SAAQ,UAAU,CAAC,YAAY,EAAE,cAAc,CAAC;gBAC3D,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,cAAmB;IAIpD;;;OAGG;IACH,SAAS,KAAK,aAAa,IAAI,qBAAqB,CA2BnD;IAED,SAAS,CAAC,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,GAAG,YAAY;IAezE;;;OAGG;IACH,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAM5B;;;OAGG;IACH,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,GAAE,MAAM,GAAG,MAAe,GAAG,IAAI;IAK5D;;;OAGG;IACH,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;IAKxC;;;OAGG;IACH,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAOlC,2BAA2B;IAC3B,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAIxB,wCAAwC;IACxC,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAIzB,wCAAwC;IACxC,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAIzB,+BAA+B;IAC/B,KAAK,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAI5B;;OAEG;IACH,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAM/B;;OAEG;IACH,WAAW,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,GAAG,IAAI;CAGrD"}

package/lib/componentsv2/element/engine.js

@@ -3,6 +3,38 @@ export class ElementEngine extends BaseEngine {
     constructor(id, options = {}) {
         super(id, options);
     }
+    /**
+     * OPTIONS CONTRACT
+     * Defines valid options with types, defaults, and aliases for common mistakes.
+     */
+    get optionsSchema() {
+        return {
+            tagName: {
+                type: 'string',
+                default: 'div',
+                description: 'HTML tag name (e.g., "div", "span", "h1")',
+                aliases: ['tag', 'element', 'type']
+            },
+            content: {
+                type: 'string',
+                default: '',
+                description: 'Text or HTML content',
+                aliases: ['text', 'html', 'innerHTML', 'textContent', 'value']
+            },
+            contentType: {
+                type: 'string',
+                default: 'text',
+                description: 'Content type: "text" (escaped) or "html" (raw)',
+                aliases: ['type', 'mode']
+            },
+            inlineStyle: {
+                type: 'string',
+                default: '',
+                description: 'Inline CSS styles (e.g., "color: red;")',
+                aliases: ['style', 'css', 'styles']
+            }
+        };
+    }
     prepareState(id, options) {
         return {
             id,
@@ -11,53 +43,72 @@ export class ElementEngine extends BaseEngine {
             disabled: false,
             loading: false,
             attributes: {},
-            tagName: options.tag || 'div',
-            content: options.html || options.text || '',
-            contentType: options.html ? 'html' : 'text',
-            inlineStyle: options.style || '' // ✅ Initialize logic
+            tagName: options.tagName || 'div',
+            content: options.content || '',
+            contentType: options.contentType || 'text',
+            inlineStyle: options.inlineStyle || ''
         };
     }
     /**
-     * Set the HTML Tag name (e.g. 'div', 'span', 'h1', 'section')
+     * Set the HTML tag name (e.g., 'div', 'span', 'h1', 'section')
+     * Method name matches state property: tagName
      */
-    tag(tagName) {
-        this.updateState({ tagName });
-        this.emit('config', { tagName });
+    tagName(value) {
+        this.updateState({ tagName: value });
+        this.emit('config', { tagName: value });
         return this;
     }
     /**
-     * Set plain text content (automatically escaped)
+     * Set content with explicit type
+     * Method name matches state property: content
      */
-    text(value) {
-        this.updateState({ content: value, contentType: 'text' });
-        // No emit needed, state update triggers paint
+    content(value, type = 'text') {
+        this.updateState({ content: value, contentType: type });
         return this;
     }
     /**
-     * Set raw HTML content (innerHTML)
+     * Set content type
+     * Method name matches state property: contentType
      */
-    html(value) {
-        this.updateState({ content: value, contentType: 'html' });
+    contentType(type) {
+        this.updateState({ contentType: type });
         return this;
     }
     /**
-     * Append raw HTML to existing content
+     * Set inline styles (e.g., "color: red; margin: 10px;")
+     * Method name matches state property: inlineStyle
      */
-    appendHtml(value) {
-        const current = this.state.content || '';
-        this.updateState({ content: current + value, contentType: 'html' });
+    inlineStyle(cssText) {
+        this.updateState({ inlineStyle: cssText });
         return this;
     }
+    // --- Convenience Aliases (documented as such) ---
+    /** @alias for tagName() */
+    tag(value) {
+        return this.tagName(value);
+    }
+    /** @alias for content(value, 'text') */
+    text(value) {
+        return this.content(value, 'text');
+    }
+    /** @alias for content(value, 'html') */
+    html(value) {
+        return this.content(value, 'html');
+    }
+    /** @alias for inlineStyle() */
+    style(cssText) {
+        return this.inlineStyle(cssText);
+    }
     /**
-     * Set inline styles (e.g. "color: red; margin: 10px;")
+     * Append raw HTML to existing content
      */
-    style(cssText) {
-        this.updateState({ inlineStyle: cssText });
+    appendHtml(value) {
+        const current = this.state.content || '';
+        this.updateState({ content: current + value, contentType: 'html' });
         return this;
     }
     /**
      * Receives RAW DOM events from the Skin and emits them to listeners.
-     * This keeps the 'emit' logic encapsulated within the Engine.
      */
     handleEvent(eventName, content) {
         this.emit(eventName, content);

package/lib/componentsv2/element/engine.js.map

@@ -1 +1 @@
-{"version":3,"file":"engine.js","sourceRoot":"","sources":["engine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,uBAAuB,CAAC;AAiB9D,MAAM,OAAO,aAAc,SAAQ,UAAwC;IACvE,YAAY,EAAU,EAAE,UAA0B,EAAE;QAChD,KAAK,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;IACvB,CAAC;IAES,YAAY,CAAC,EAAU,EAAE,OAAuB;QACtD,OAAO;YACH,EAAE;YACF,OAAO,EAAE,CAAC,aAAa,CAAC;YACxB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,KAAK;YACf,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,EAAE;YACd,OAAO,EAAE,OAAO,CAAC,GAAG,IAAI,KAAK;YAC7B,OAAO,EAAE,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,IAAI,EAAE;YAC3C,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;YAC3C,WAAW,EAAE,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,qBAAqB;SACzD,CAAC;IACN,CAAC;IAED;;OAEG;IACH,GAAG,CAAC,OAAe;QACf,IAAI,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;QAC9B,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;QACjC,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;OAEG;IACH,IAAI,CAAC,KAAa;QACd,IAAI,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;QAC1D,8CAA8C;QAC9C,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;OAEG;IACH,IAAI,CAAC,KAAa;QACd,IAAI,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;QAC1D,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;OAEG;IACH,UAAU,CAAC,KAAa;QACpB,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;QACzC,IAAI,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,OAAO,GAAG,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;QACpE,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,OAAe;QACjB,IAAI,CAAC,WAAW,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC;QAC3C,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;;OAGG;IACH,WAAW,CAAC,SAAiB,EAAE,OAAY;QACvC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAClC,CAAC;CACJ"}
+{"version":3,"file":"engine.js","sourceRoot":"","sources":["engine.ts"],"names":[],"mappings":"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"}