@adaas/are 0.0.2 → 0.0.3

package/dist/node/engines/html/AreHTML.compiler.d.ts

@@ -1,114 +0,0 @@
-import { A_Scope } from '@adaas/a-concept';
-import { AreCompiler } from '../../lib/AreCompiler/AreCompiler.component.js';
-import { b as AreNode, c as AreScene } from '../../index-BD-6iOuR.js';
-import { AddAttributeInstruction } from '../../lib/AreSceneInstruction/types/AddAttribute.instruction.js';
-import { AddDirectiveInstruction } from '../../lib/AreSceneInstruction/types/AddDirective.instruction.js';
-import { AddStyleInstruction } from '../../lib/AreSceneInstruction/types/AddStyle.instruction.js';
-import { AttachListenerInstruction } from '../../lib/AreSceneInstruction/types/AttachListener.instruction.js';
-import { AttachRootNodeInstruction } from '../../lib/AreSceneInstruction/types/AttachRootNode.instruction.js';
-import { MountNodeInstruction } from '../../lib/AreSceneInstruction/types/MountNode.instruction.js';
-import { ReplaceInterpolationInstruction } from '../../lib/AreSceneInstruction/types/ReplaceInterpolation.instruction.js';
-import { UnmountNodeInstruction } from '../../lib/AreSceneInstruction/types/UnmountNode.instruction.js';
-import { AreSyntax } from '../../lib/AreSyntax/AreSyntax.component.js';
-import { A_ExecutionContext } from '@adaas/a-utils/a-execution';
-import { A_Logger } from '@adaas/a-utils/a-logger';
-import '@adaas/a-utils/a-signal';
-import '../../lib/AreComponent/Are.component.js';
-import '../../lib/AreComponent/Are.context.js';
-import '../../lib/AreProps/AreProps.context.js';
-import '../../lib/AreStore/AreStore.context.js';
-import '../../lib/AreEvent/AreEvent.types.js';
-import '../../lib/AreNode/AreNode.types.js';
-import '../../lib/AreScene/AreScene.types.js';
-import '../../lib/AreSyntax/AreSyntax.types.js';
-import '../../lib/AreSyntax/AreSyntax.context.js';
-
-declare class AreHTMLCompiler extends AreCompiler {
-    /**
-     * Get DOM element by string path from root element
-     * Works with paths generated by the string-based parser
-     */
-    getElementByPath(root: Element, path?: string): Element | undefined;
-    /**
-     * Get DOM element by AreNode based on its scene path
-     *
-     * @param node
-     * @returns
-     */
-    getElementByNode(node: AreNode): Element | undefined;
-    /**
-     * Insert DOM element at specified path within root element
-     *
-     * @param root
-     * @param path
-     * @param element
-     */
-    insertElementAtPath(root: Element, path: string, element: Element): void;
-    /**
-     * Insert DOM element corresponding to AreNode at its scene path
-     *
-     * @param node
-     * @param element
-     */
-    insertElementByNode(node: AreNode, element: Element): void;
-    /**
-     * Index the elements of the given AreNode within its scene
-     *
-     * @param node
-     */
-    index(node: AreNode): void;
-    /**
-     * Create a position-based mapping by parsing the original template with DOM
-     * This ensures 1:1 correspondence between DOM structure and original markup
-     */
-    private createPositionBasedMarkupMap;
-    /**
-     * Recursively map DOM positions to their exact original markup
-     */
-    private mapDOMPositions;
-    /**
-     * Index elements using actual DOM structure with position-based markup mapping
-     */
-    private indexElementsFromDOM;
-    applyAttachRootNodeInstruction(instruction: AttachRootNodeInstruction, logger?: A_Logger): void;
-    applyMountNodeInstruction(instruction: MountNodeInstruction, context: A_ExecutionContext<{
-        element: Element;
-        mountPoint: Element;
-        content: AreScene;
-    }>, syntax: AreSyntax, logger?: A_Logger): void;
-    applyUnmountNodeInstruction(instruction: UnmountNodeInstruction, context: A_ExecutionContext<{
-        element: Element;
-        mountPoint: Element;
-        content: AreScene;
-    }>, logger?: A_Logger): void;
-    applyAddStyleInstruction(instruction: AddStyleInstruction, context: A_ExecutionContext<{
-        element: Element;
-        mountPoint: Element;
-        content: AreScene;
-    }>, logger?: A_Logger): void;
-    applyAttachListenerInstruction(instruction: AttachListenerInstruction, context: A_ExecutionContext<{
-        element: Element;
-        mountPoint: Element;
-        content: AreScene;
-    }>, logger?: A_Logger): void;
-    applyAddAttributeInstruction(instruction: AddAttributeInstruction, context: A_ExecutionContext<{
-        element: Element;
-        mountPoint: Element;
-        content: AreScene;
-    }>, scope: A_Scope, logger?: A_Logger): void;
-    revertInstruction(instruction: ReplaceInterpolationInstruction): void;
-    interpolationTextNodes: Map<string, Text>;
-    applyReplaceInterpolationInstruction(instruction: ReplaceInterpolationInstruction, context: A_ExecutionContext<{
-        element: Element;
-        mountPoint: Element;
-        content: AreScene;
-    }>, scope: A_Scope, syntax: AreSyntax, logger?: A_Logger): void;
-    initAddDirectiveInstruction(instruction: AddDirectiveInstruction, scope: A_Scope, logger?: A_Logger): void;
-    applyAddDirectiveInstruction(instruction: AddDirectiveInstruction, context: A_ExecutionContext<{
-        element: Element;
-        mountPoint: Element;
-        content: AreScene;
-    }>, scope: A_Scope, logger?: A_Logger): void;
-}
-
-export { AreHTMLCompiler };

package/dist/node/engines/html/AreHTML.compiler.js

@@ -1,408 +0,0 @@
-'use strict';
-
-var aConcept = require('@adaas/a-concept');
-var aFrame = require('@adaas/a-frame');
-var compiler = require('@adaas/are/compiler');
-var index = require('@adaas/are/index');
-var scene = require('@adaas/are/scene');
-var node = require('@adaas/are/node');
-var sceneInstruction = require('@adaas/are/scene-instruction');
-var syntax = require('@adaas/are/syntax');
-var aExecution = require('@adaas/a-utils/a-execution');
-var aLogger = require('@adaas/a-utils/a-logger');
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-var __decorateParam = (index, decorator) => (target, key) => decorator(target, key, index);
-exports.AreHTMLCompiler = class AreHTMLCompiler extends compiler.AreCompiler {
-  constructor() {
-    super(...arguments);
-    this.interpolationTextNodes = /* @__PURE__ */ new Map();
-  }
-  getElementByPath(root, path) {
-    if (path === void 0 || path.trim() === "") {
-      return root;
-    }
-    const indices = path.split(".").map((index) => parseInt(index, 10));
-    let current = root;
-    for (const index of indices) {
-      if (!current) {
-        return void 0;
-      }
-      const elementChildren = Array.from(current.childNodes).filter(
-        (child) => child.nodeType === Node.ELEMENT_NODE || child.nodeType === Node.DOCUMENT_NODE || child.nodeType === Node.COMMENT_NODE
-      );
-      if (index >= elementChildren.length) {
-        return void 0;
-      }
-      current = elementChildren[index];
-    }
-    return current;
-  }
-  getElementByNode(node) {
-    const scene$1 = node.scope.resolveFlat(scene.AreScene);
-    const root = document.getElementById(new aConcept.ASEID(scene$1.root.id).id);
-    return this.getElementByPath(root, scene$1.path);
-  }
-  insertElementAtPath(root, path, element) {
-    const parentPath = path.split(".").slice(0, -1).join(".");
-    const parentElement = this.getElementByPath(root, parentPath);
-    const index = parseInt(path.split(".").slice(-1)[0], 10);
-    if (parentElement) {
-      const children = Array.from(parentElement.children).filter((child) => child.nodeType === Node.ELEMENT_NODE);
-      if (index >= children.length) {
-        parentElement.appendChild(element);
-      } else {
-        parentElement.insertBefore(element, children[index]);
-      }
-    }
-  }
-  insertElementByNode(node, element) {
-    const scene$1 = node.scope.resolveFlat(scene.AreScene);
-    const root = document.getElementById(new aConcept.ASEID(scene$1.root.id).id);
-    this.insertElementAtPath(root, scene$1.path, element);
-  }
-  index(node) {
-    const index$1 = node.scope.resolveFlat(index.AreIndex);
-    const scene$1 = node.scope.resolveFlat(scene.AreScene);
-    index$1.clear();
-    scene$1.reset();
-    const tempDiv = document.createElement("div");
-    tempDiv.innerHTML = node.template;
-    const markupMap = this.createPositionBasedMarkupMap(node.template);
-    this.indexElementsFromDOM(tempDiv, index$1, [], markupMap);
-  }
-  /**
-   * Create a position-based mapping by parsing the original template with DOM
-   * This ensures 1:1 correspondence between DOM structure and original markup
-   */
-  createPositionBasedMarkupMap(template) {
-    const markupMap = /* @__PURE__ */ new Map();
-    const originalDiv = document.createElement("div");
-    originalDiv.innerHTML = template;
-    this.mapDOMPositions(originalDiv, [], markupMap);
-    return markupMap;
-  }
-  /**
-   * Recursively map DOM positions to their exact original markup
-   */
-  mapDOMPositions(parentElement, parentPath, markupMap) {
-    const children = Array.from(parentElement.children);
-    for (let i = 0; i < children.length; i++) {
-      const element = children[i];
-      const currentPath = [...parentPath, i];
-      const pathKey = currentPath.join(".");
-      markupMap.set(pathKey, element.outerHTML);
-    }
-  }
-  /**
-   * Index elements using actual DOM structure with position-based markup mapping
-   */
-  indexElementsFromDOM(parentElement, index, parentPath, markupMap) {
-    const children = Array.from(parentElement.children);
-    for (let i = 0; i < children.length; i++) {
-      const element = children[i];
-      const currentPath = [...parentPath, i];
-      const pathKey = currentPath.join(".");
-      const originalMarkup = markupMap.get(pathKey);
-      const areNode = new node.AreNode({
-        scope: index.name,
-        component: element.tagName.toLowerCase(),
-        markup: originalMarkup || element.outerHTML,
-        template: element.innerHTML
-      });
-      index.add(areNode, currentPath.join("."));
-    }
-  }
-  applyAttachRootNodeInstruction(instruction, logger) {
-    const node = instruction.node;
-    const rootElement = document.getElementById(node.id);
-    if (!rootElement) {
-      logger?.warning(`Root element with id <${node.id}> not found in DOM.`);
-      return;
-    }
-    rootElement.innerHTML = node.template;
-    rootElement.setAttribute("aseid", node.aseid.toString());
-  }
-  applyMountNodeInstruction(instruction, context, syntax, logger) {
-    try {
-      const node = instruction.node;
-      const scene = instruction.scene;
-      if (syntax.isCustomNode(node)) {
-        logger?.debug("red", scene.debugPrefix + `Mounting Node <${node.aseid.entity}> ASEID: ${node.aseid.toString()} at path `);
-        const wrapper = document.createElement("div");
-        wrapper.setAttribute("aseid", node.aseid.toString());
-        wrapper.innerHTML = node.template;
-        const element = this.getElementByNode(node);
-        if (!element) {
-          this.insertElementByNode(node, wrapper);
-        } else {
-          element.replaceWith(wrapper);
-        }
-      }
-    } catch (error) {
-      logger?.error(error);
-    }
-  }
-  applyUnmountNodeInstruction(instruction, context, logger) {
-    const node = instruction.node;
-    const scene = instruction.scene;
-    const element = this.getElementByNode(node);
-    logger?.debug("red", scene.debugPrefix + `Unmounting Node <${node.aseid.entity}> ASEID: ${node.aseid.toString()}`);
-    try {
-      element.replaceWith(document.createComment(` Unmounted Node <${node.aseid.entity}> ASEID: ${node.aseid.toString()} `));
-      node.unmount();
-    } catch (error) {
-      logger?.error(error);
-    }
-  }
-  applyAddStyleInstruction(instruction, context, logger) {
-    try {
-      const node = instruction.node;
-      const scene = instruction.scene;
-      const styles = instruction.params?.styles || "";
-      logger?.debug("green", scene.debugPrefix + `Applying styles for Node <${node.aseid.entity}> ASEID: ${node.aseid.toString()}`);
-      const styleElementId = `a-style-${node.aseid.entity}`;
-      let styleElement = document.querySelector(`#${styleElementId}`);
-      if (!styleElement) {
-        styleElement = document.createElement("style");
-        styleElement.id = styleElementId;
-        document.head.appendChild(styleElement);
-      }
-      styleElement.innerHTML = styles;
-    } catch (error) {
-      logger?.error(error);
-    }
-  }
-  applyAttachListenerInstruction(instruction, context, logger) {
-    const node = instruction.node;
-    const scene = instruction.scene;
-    context.get("content");
-    const element = this.getElementByNode(instruction.node);
-    context.get("mountPoint");
-    logger?.debug("green", scene.debugPrefix + `Attaching listener '${instruction.listener.name}' for target <${node.aseid.entity}> ASEID: ${node.aseid.toString()}`);
-    element.addEventListener(instruction.listener.name, instruction.callback);
-  }
-  applyAddAttributeInstruction(instruction, context, scope, logger) {
-    const node = instruction.node;
-    const scene = instruction.scene;
-    context.get("content");
-    const element = this.getElementByNode(node);
-    logger?.debug("green", scene.debugPrefix + `Setting attribute '${instruction.name}'='${instruction.value}' for target <${node.aseid.entity}> ASEID: ${node.aseid.toString()}`, element);
-    element.setAttribute(instruction.name, instruction.value);
-  }
-  revertInstruction(instruction) {
-    this.interpolationTextNodes.delete(instruction.aseid.toString());
-  }
-  applyReplaceInterpolationInstruction(instruction, context, scope, syntax, logger) {
-    const node = instruction.node;
-    const scene = instruction.scene;
-    const element = this.getElementByNode(node);
-    logger?.debug("magenta", scene.debugPrefix + `Replacing interpolation '${instruction.interpolation.name}' with value '${instruction.value}' for target <${node.aseid.entity}>`, instruction);
-    const textNode = this.interpolationTextNodes.get(instruction.aseid.toString());
-    if (textNode) {
-      textNode.nodeValue = instruction.value;
-    } else {
-      const treeTextNodesWalker = document.createTreeWalker(
-        element,
-        NodeFilter.SHOW_TEXT,
-        {
-          acceptNode: (node2) => {
-            if (node2.nodeValue && node2.nodeValue.includes(instruction.interpolation.raw)) {
-              return NodeFilter.FILTER_ACCEPT;
-            }
-            return NodeFilter.FILTER_REJECT;
-          }
-        }
-      );
-      const foundNode = treeTextNodesWalker.nextNode();
-      if (foundNode) {
-        const parts = foundNode.nodeValue.split(instruction.interpolation.raw);
-        const parent = foundNode.parentNode;
-        if (parent) {
-          for (let i = 0; i < parts.length; i++) {
-            const part = parts[i];
-            if (part) {
-              const textNodePart = document.createTextNode(part);
-              parent.insertBefore(textNodePart, foundNode);
-            }
-            if (i < parts.length - 1) {
-              const valueNode = document.createTextNode(instruction.value);
-              parent.insertBefore(valueNode, foundNode);
-              this.interpolationTextNodes.set(instruction.aseid.toString(), valueNode);
-            }
-          }
-          parent.removeChild(foundNode);
-        }
-      }
-    }
-  }
-  initAddDirectiveInstruction(instruction, scope, logger) {
-    const node = instruction.node;
-    const scene$1 = node.scope.resolveFlat(scene.AreScene);
-    const parentScene = instruction.scene;
-    logger?.debug("green", scene$1.debugPrefix + `Initializing directive '${instruction.directive.name}' for Node <${node.aseid.entity}> ASEID: ${node.aseid.toString()}`, scene$1, parentScene);
-    switch (instruction.directive.name) {
-      case "$if": {
-        const mountInstruction = new sceneInstruction.MountNodeInstruction(node, scene$1.path);
-        const unmountInstruction = new sceneInstruction.UnmountNodeInstruction(node, scene$1.path);
-        if (instruction.value) {
-          parentScene.unPlan(unmountInstruction);
-          parentScene.plan(mountInstruction);
-          parentScene.dropState(mountInstruction);
-        } else {
-          parentScene.unPlan(mountInstruction);
-          parentScene.plan(unmountInstruction);
-          parentScene.dropState(unmountInstruction);
-        }
-        break;
-      }
-      default:
-        logger?.warning(`Unknown directive '${instruction.directive.name}' for Node <${node.type}> ASEID: ${node.aseid.toString()}`);
-    }
-  }
-  applyAddDirectiveInstruction(instruction, context, scope, logger) {
-    const node = instruction.node;
-    const scene = instruction.scene;
-    this.getElementByNode(node);
-    try {
-      logger?.debug("green", scene.debugPrefix + `Applying directive '${instruction.directive.name}' for Node <${node.aseid.entity}> ASEID: ${node.aseid.toString()}`, instruction);
-    } catch (error) {
-      logger?.error(error);
-    }
-  }
-};
-__decorateClass([
-  aFrame.A_Frame.Method({
-    description: "Get DOM element corresponding to the given path from the root element."
-  })
-], exports.AreHTMLCompiler.prototype, "getElementByPath", 1);
-__decorateClass([
-  aFrame.A_Frame.Method({
-    description: "Get DOM element corresponding to the given AreNode based on its scene path."
-  })
-], exports.AreHTMLCompiler.prototype, "getElementByNode", 1);
-__decorateClass([
-  aFrame.A_Frame.Method({
-    description: "Insert a DOM element at the specified path within the root element."
-  })
-], exports.AreHTMLCompiler.prototype, "insertElementAtPath", 1);
-__decorateClass([
-  aFrame.A_Frame.Method({
-    description: "Insert a DOM element corresponding to the given AreNode at its scene path."
-  })
-], exports.AreHTMLCompiler.prototype, "insertElementByNode", 1);
-__decorateClass([
-  aFrame.A_Frame.Method({
-    description: "Indexes the elements of the given AreNode within its scene, preserving the original markup structure."
-  })
-], exports.AreHTMLCompiler.prototype, "index", 1);
-__decorateClass([
-  aConcept.A_Feature.Extend({
-    name: sceneInstruction.AreSceneInstructionFeatures.Apply,
-    scope: [sceneInstruction.AttachRootNodeInstruction]
-  }),
-  __decorateParam(0, aConcept.A_Inject(aConcept.A_Caller)),
-  __decorateParam(1, aConcept.A_Inject(aLogger.A_Logger))
-], exports.AreHTMLCompiler.prototype, "applyAttachRootNodeInstruction", 1);
-__decorateClass([
-  aConcept.A_Feature.Extend({
-    name: sceneInstruction.AreSceneInstructionFeatures.Apply,
-    scope: [sceneInstruction.MountNodeInstruction]
-  }),
-  __decorateParam(0, aConcept.A_Inject(aConcept.A_Caller)),
-  __decorateParam(1, aConcept.A_Inject(aExecution.A_ExecutionContext)),
-  __decorateParam(2, aConcept.A_Inject(syntax.AreSyntax)),
-  __decorateParam(3, aConcept.A_Inject(aLogger.A_Logger))
-], exports.AreHTMLCompiler.prototype, "applyMountNodeInstruction", 1);
-__decorateClass([
-  aConcept.A_Feature.Extend({
-    name: sceneInstruction.AreSceneInstructionFeatures.Apply,
-    scope: [sceneInstruction.UnmountNodeInstruction]
-  }),
-  __decorateParam(0, aConcept.A_Inject(aConcept.A_Caller)),
-  __decorateParam(1, aConcept.A_Inject(aExecution.A_ExecutionContext)),
-  __decorateParam(2, aConcept.A_Inject(aLogger.A_Logger))
-], exports.AreHTMLCompiler.prototype, "applyUnmountNodeInstruction", 1);
-__decorateClass([
-  aConcept.A_Feature.Extend({
-    name: sceneInstruction.AreSceneInstructionFeatures.Apply,
-    scope: [sceneInstruction.AddStyleInstruction]
-  }),
-  __decorateParam(0, aConcept.A_Inject(aConcept.A_Caller)),
-  __decorateParam(1, aConcept.A_Inject(aExecution.A_ExecutionContext)),
-  __decorateParam(2, aConcept.A_Inject(aLogger.A_Logger))
-], exports.AreHTMLCompiler.prototype, "applyAddStyleInstruction", 1);
-__decorateClass([
-  aConcept.A_Feature.Extend({
-    name: sceneInstruction.AreSceneInstructionFeatures.Apply,
-    scope: [sceneInstruction.AttachListenerInstruction]
-  }),
-  __decorateParam(0, aConcept.A_Inject(aConcept.A_Caller)),
-  __decorateParam(1, aConcept.A_Inject(aExecution.A_ExecutionContext)),
-  __decorateParam(2, aConcept.A_Inject(aLogger.A_Logger))
-], exports.AreHTMLCompiler.prototype, "applyAttachListenerInstruction", 1);
-__decorateClass([
-  aConcept.A_Feature.Extend({
-    name: sceneInstruction.AreSceneInstructionFeatures.Apply,
-    scope: [sceneInstruction.AddAttributeInstruction]
-  }),
-  __decorateParam(0, aConcept.A_Inject(aConcept.A_Caller)),
-  __decorateParam(1, aConcept.A_Inject(aExecution.A_ExecutionContext)),
-  __decorateParam(2, aConcept.A_Inject(aConcept.A_Scope)),
-  __decorateParam(3, aConcept.A_Inject(aLogger.A_Logger))
-], exports.AreHTMLCompiler.prototype, "applyAddAttributeInstruction", 1);
-__decorateClass([
-  aConcept.A_Feature.Extend({
-    name: sceneInstruction.AreSceneInstructionFeatures.Revert,
-    scope: [sceneInstruction.ReplaceInterpolationInstruction]
-  }),
-  __decorateParam(0, aConcept.A_Inject(aConcept.A_Caller))
-], exports.AreHTMLCompiler.prototype, "revertInstruction", 1);
-__decorateClass([
-  aConcept.A_Feature.Extend({
-    name: sceneInstruction.AreSceneInstructionFeatures.Apply,
-    scope: [sceneInstruction.ReplaceInterpolationInstruction]
-  }),
-  __decorateParam(0, aConcept.A_Inject(aConcept.A_Caller)),
-  __decorateParam(1, aConcept.A_Inject(aExecution.A_ExecutionContext)),
-  __decorateParam(2, aConcept.A_Inject(aConcept.A_Scope)),
-  __decorateParam(3, aConcept.A_Inject(syntax.AreSyntax)),
-  __decorateParam(4, aConcept.A_Inject(aLogger.A_Logger))
-], exports.AreHTMLCompiler.prototype, "applyReplaceInterpolationInstruction", 1);
-__decorateClass([
-  aConcept.A_Feature.Extend({
-    name: sceneInstruction.AreSceneInstructionFeatures.Init,
-    scope: [sceneInstruction.AddDirectiveInstruction]
-  }),
-  __decorateParam(0, aConcept.A_Inject(aConcept.A_Caller)),
-  __decorateParam(1, aConcept.A_Inject(aConcept.A_Scope)),
-  __decorateParam(2, aConcept.A_Inject(aLogger.A_Logger))
-], exports.AreHTMLCompiler.prototype, "initAddDirectiveInstruction", 1);
-__decorateClass([
-  aConcept.A_Feature.Extend({
-    name: sceneInstruction.AreSceneInstructionFeatures.Apply,
-    scope: [sceneInstruction.AddDirectiveInstruction]
-  }),
-  __decorateParam(0, aConcept.A_Inject(aConcept.A_Caller)),
-  __decorateParam(1, aConcept.A_Inject(aExecution.A_ExecutionContext)),
-  __decorateParam(2, aConcept.A_Inject(aConcept.A_Scope)),
-  __decorateParam(3, aConcept.A_Inject(aLogger.A_Logger))
-], exports.AreHTMLCompiler.prototype, "applyAddDirectiveInstruction", 1);
-exports.AreHTMLCompiler = __decorateClass([
-  aFrame.A_Frame.Component({
-    namespace: "A-ARE",
-    name: "AreHTMLCompiler",
-    description: "HTML-specific compiler for A-Concept Rendering Engine (ARE) components, extending the base AreCompiler to handle HTML templates, styles, and rendering logic tailored for web environments."
-  })
-], exports.AreHTMLCompiler);
-//# sourceMappingURL=AreHTML.compiler.js.map
-//# sourceMappingURL=AreHTML.compiler.js.map

package/dist/node/engines/html/AreHTML.compiler.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/engines/html/AreHTML.compiler.ts"],"names":["AreHTMLCompiler","AreCompiler","scene","AreScene","ASEID","index","AreIndex","AreNode","node","MountNodeInstruction","UnmountNodeInstruction","A_Frame","A_Feature","AreSceneInstructionFeatures","AttachRootNodeInstruction","A_Caller","A_Logger","A_ExecutionContext","AreSyntax","AddStyleInstruction","AttachListenerInstruction","AddAttributeInstruction","A_Scope","ReplaceInterpolationInstruction","AddDirectiveInstruction"],"mappings":"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","file":"AreHTML.compiler.js","sourcesContent":["import { A_Caller, A_Container, A_Error, A_Feature, A_Inject, A_Scope, ASEID } from \"@adaas/a-concept\";\nimport { A_Frame } from \"@adaas/a-frame\";\nimport { AreCompiler } from \"@adaas/are/compiler\";\nimport { AreIndex } from \"@adaas/are/index\";\nimport { AreScene } from \"@adaas/are/scene\";\nimport { AreNode } from \"@adaas/are/node\";\nimport {\n    AreSceneInstructionFeatures,\n    AttachRootNodeInstruction,\n    MountNodeInstruction,\n    UnmountNodeInstruction,\n    AddStyleInstruction,\n    AttachListenerInstruction,\n    AddAttributeInstruction,\n    ReplaceInterpolationInstruction,\n    AddDirectiveInstruction,\n} from \"@adaas/are/scene-instruction\";\nimport { AreSyntax } from \"@adaas/are/syntax\";\nimport { A_ExecutionContext } from \"@adaas/a-utils/a-execution\";\nimport { A_Logger } from \"@adaas/a-utils/a-logger\";\n\n\n\n@A_Frame.Component({\n    namespace: 'A-ARE',\n    name: 'AreHTMLCompiler',\n    description: 'HTML-specific compiler for A-Concept Rendering Engine (ARE) components, extending the base AreCompiler to handle HTML templates, styles, and rendering logic tailored for web environments.'\n})\nexport class AreHTMLCompiler extends AreCompiler {\n\n\n\n    // ==================================================================================\n    // ========================= COMPONENT METHODS =======================================\n    // ==================================================================================\n    /**\n     * Get DOM element by string path from root element\n     * Works with paths generated by the string-based parser\n     */\n    @A_Frame.Method({\n        description: 'Get DOM element corresponding to the given path from the root element.'\n    })\n    getElementByPath(\n        root: Element,\n        path?: string\n    ): Element | undefined {\n\n        if (path === undefined || path.trim() === '') {\n            return root;\n        }\n\n        const indices = path.split('.').map(index => parseInt(index, 10));\n        let current: Element | undefined = root;\n\n        for (const index of indices) {\n            if (!current) {\n                return undefined;\n            }\n            // Get only element children (not text nodes, comments, etc.)\n\n            const elementChildren = Array.from(current.childNodes).filter(child => child.nodeType === Node.ELEMENT_NODE ||\n                child.nodeType === Node.DOCUMENT_NODE || child.nodeType === Node.COMMENT_NODE\n            );\n\n            if (index >= elementChildren.length) {\n                return undefined;\n            }\n\n            current = elementChildren[index] as Element;\n        }\n        return current;\n    }\n    /**\n     * Get DOM element by AreNode based on its scene path\n     * \n     * @param node \n     * @returns \n     */\n    @A_Frame.Method({\n        description: 'Get DOM element corresponding to the given AreNode based on its scene path.'\n    })\n    getElementByNode(node: AreNode): Element | undefined {\n        const scene = node.scope.resolveFlat<AreScene>(AreScene)!;\n\n        const root = document.getElementById(new ASEID(scene.root.id).id)!;\n\n        return this.getElementByPath(root, scene.path);\n    }\n    /**\n     * Insert DOM element at specified path within root element\n     * \n     * @param root \n     * @param path \n     * @param element \n     */\n    @A_Frame.Method({\n        description: 'Insert a DOM element at the specified path within the root element.'\n    })\n    insertElementAtPath(\n        root: Element,\n        path: string,\n        element: Element\n    ): void {\n        const parentPath = path.split('.').slice(0, -1).join('.');\n        const parentElement = this.getElementByPath(root, parentPath);\n        const index = parseInt(path.split('.').slice(-1)[0], 10);\n        if (parentElement) {\n            const children = Array.from(parentElement.children).filter(child => child.nodeType === Node.ELEMENT_NODE);\n            if (index >= children.length) {\n                parentElement.appendChild(element);\n            } else {\n                parentElement.insertBefore(element, children[index]);\n            }\n        }\n    }\n    /**\n     * Insert DOM element corresponding to AreNode at its scene path\n     * \n     * @param node \n     * @param element \n     */\n    @A_Frame.Method({\n        description: 'Insert a DOM element corresponding to the given AreNode at its scene path.'\n    })\n    insertElementByNode(\n        node: AreNode,\n        element: Element\n    ): void {\n        const scene = node.scope.resolveFlat<AreScene>(AreScene)!;\n        const root = document.getElementById(new ASEID(scene.root.id).id)!;\n        this.insertElementAtPath(root, scene.path, element);\n    }\n    /**\n     * Index the elements of the given AreNode within its scene\n     * \n     * @param node \n     */\n    @A_Frame.Method({\n        description: 'Indexes the elements of the given AreNode within its scene, preserving the original markup structure.'\n    })\n    index(\n        node: AreNode\n    ) {\n        const index = node.scope.resolveFlat<AreIndex>(AreIndex)!;\n        const scene = node.scope.resolveFlat<AreScene>(AreScene)!;\n\n        index.clear();\n        scene.reset();\n\n        // Use a position-based approach that maps DOM paths to original markup exactly\n        const tempDiv = document.createElement('div');\n        tempDiv.innerHTML = node.template;\n\n        // Create a mapping of DOM paths to original markup using DOM traversal\n        const markupMap = this.createPositionBasedMarkupMap(node.template);\n\n        this.indexElementsFromDOM(tempDiv, index, [], markupMap);\n    }\n\n    /**\n     * Create a position-based mapping by parsing the original template with DOM\n     * This ensures 1:1 correspondence between DOM structure and original markup\n     */\n    private createPositionBasedMarkupMap(template: string): Map<string, string> {\n        const markupMap = new Map<string, string>();\n        const originalDiv = document.createElement('div');\n        originalDiv.innerHTML = template;\n\n        // Traverse the original DOM and map each position to its outerHTML\n        this.mapDOMPositions(originalDiv, [], markupMap);\n\n        return markupMap;\n    }\n\n    /**\n     * Recursively map DOM positions to their exact original markup\n     */\n    private mapDOMPositions(\n        parentElement: Element,\n        parentPath: number[],\n        markupMap: Map<string, string>\n    ): void {\n        const children = Array.from(parentElement.children);\n\n        for (let i = 0; i < children.length; i++) {\n            const element = children[i];\n            const currentPath = [...parentPath, i];\n            const pathKey = currentPath.join('.');\n\n            // Store the exact outerHTML for this position\n            markupMap.set(pathKey, element.outerHTML);\n\n            // Recursively process children\n            // if (element.children.length > 0) {\n            //     this.mapDOMPositions(element, currentPath, markupMap);\n            // }\n        }\n    }\n\n    /**\n     * Index elements using actual DOM structure with position-based markup mapping\n     */\n    private indexElementsFromDOM(\n        parentElement: Element,\n        index: AreIndex,\n        parentPath: number[],\n        markupMap: Map<string, string>\n    ): void {\n        const children = Array.from(parentElement.children);\n\n        for (let i = 0; i < children.length; i++) {\n            const element = children[i];\n            const currentPath = [...parentPath, i];\n            const pathKey = currentPath.join('.');\n\n            // Get the exact markup for this position from our mapping\n            const originalMarkup = markupMap.get(pathKey);\n\n\n            // Create AreNode with preserved original markup\n            const areNode = new AreNode({\n                scope: index.name,\n                component: element.tagName.toLowerCase(),\n                markup: originalMarkup || element.outerHTML,\n                template: element.innerHTML,\n            });\n\n            // Add to index\n            index.add(areNode, currentPath.join('.'));\n\n            // Recursively process children\n            // if (element.children.length > 0) {\n            //     this.indexElementsFromDOM(element, index, currentPath, markupMap);\n            // }\n        }\n    }\n\n\n\n\n\n\n\n\n    @A_Feature.Extend({\n        name: AreSceneInstructionFeatures.Apply,\n        scope: [AttachRootNodeInstruction]\n    })\n    applyAttachRootNodeInstruction(\n        @A_Inject(A_Caller) instruction: AttachRootNodeInstruction,\n\n        @A_Inject(A_Logger) logger?: A_Logger,\n    ) {\n        const node = instruction.node;\n\n        // ensure root identified\n        const rootElement = document.getElementById(node.id);\n\n        if (!rootElement) {\n            logger?.warning(`Root element with id <${node.id}> not found in DOM.`);\n            return;\n        }\n        rootElement.innerHTML = node.template;\n\n        rootElement.setAttribute('aseid', node.aseid.toString());\n\n    }\n\n\n\n    @A_Feature.Extend({\n        name: AreSceneInstructionFeatures.Apply,\n        scope: [MountNodeInstruction]\n    })\n    applyMountNodeInstruction(\n        @A_Inject(A_Caller) instruction: MountNodeInstruction,\n        @A_Inject(A_ExecutionContext) context: A_ExecutionContext<{\n            element: Element,\n            mountPoint: Element,\n            content: AreScene,\n        }>,\n        @A_Inject(AreSyntax) syntax: AreSyntax,\n\n        @A_Inject(A_Logger) logger?: A_Logger,\n    ) {\n        try {\n\n            const node = instruction.node;\n            const scene = instruction.scene;\n\n            if (syntax.isCustomNode(node)) {\n\n                logger?.debug('red', scene.debugPrefix + `Mounting Node <${node.aseid.entity}> ASEID: ${node.aseid.toString()} at path `);\n                const wrapper = document.createElement('div');\n\n                wrapper.setAttribute('aseid', node.aseid.toString());\n\n                wrapper.innerHTML = node.template;\n\n                const element = this.getElementByNode(node);\n\n                // Replace the placement with the rendered content\n                if (!element) {\n                    this.insertElementByNode(node, wrapper);\n                } else {\n                    (element).replaceWith(wrapper);\n                }\n            }\n\n        } catch (error) {\n            logger?.error(error)\n        }\n    }\n\n\n\n    @A_Feature.Extend({\n        name: AreSceneInstructionFeatures.Apply,\n        scope: [UnmountNodeInstruction]\n    })\n    applyUnmountNodeInstruction(\n        @A_Inject(A_Caller) instruction: UnmountNodeInstruction,\n        @A_Inject(A_ExecutionContext) context: A_ExecutionContext<{\n            element: Element,\n            mountPoint: Element,\n            content: AreScene,\n        }>,\n\n        @A_Inject(A_Logger) logger?: A_Logger,\n    ) {\n\n        const node = instruction.node;\n        const scene = instruction.scene;\n        const element = this.getElementByNode(node)!;\n\n        logger?.debug('red', scene.debugPrefix + `Unmounting Node <${node.aseid.entity}> ASEID: ${node.aseid.toString()}`);\n\n        try {\n            // element.remove();\n\n            element.replaceWith(document.createComment(` Unmounted Node <${node.aseid.entity}> ASEID: ${node.aseid.toString()} `));\n\n            node.unmount();\n        } catch (error) {\n            logger?.error(error)\n        }\n    }\n\n\n    @A_Feature.Extend({\n        name: AreSceneInstructionFeatures.Apply,\n        scope: [AddStyleInstruction]\n    })\n    applyAddStyleInstruction(\n        @A_Inject(A_Caller) instruction: AddStyleInstruction,\n        @A_Inject(A_ExecutionContext) context: A_ExecutionContext<{\n            element: Element,\n            mountPoint: Element,\n            content: AreScene,\n        }>,\n\n\n        @A_Inject(A_Logger) logger?: A_Logger,\n    ) {\n\n        try {\n\n\n            const node = instruction.node;\n            const scene = instruction.scene;\n            const styles = instruction.params?.styles || '';\n\n            logger?.debug('green', scene.debugPrefix + `Applying styles for Node <${node.aseid.entity}> ASEID: ${node.aseid.toString()}`);\n\n            const styleElementId = `a-style-${node.aseid.entity}`;\n            let styleElement = document.querySelector(`#${styleElementId}`) as HTMLStyleElement | null;\n\n            if (!styleElement) {\n                styleElement = document.createElement('style');\n                styleElement.id = styleElementId;\n                document.head.appendChild(styleElement);\n            }\n            styleElement.innerHTML = styles;\n\n        } catch (error) {\n            logger?.error(error)\n        }\n    }\n\n\n\n    @A_Feature.Extend({\n        name: AreSceneInstructionFeatures.Apply,\n        scope: [AttachListenerInstruction]\n    })\n    applyAttachListenerInstruction(\n        @A_Inject(A_Caller) instruction: AttachListenerInstruction,\n        @A_Inject(A_ExecutionContext) context: A_ExecutionContext<{\n            element: Element,\n            mountPoint: Element,\n            content: AreScene,\n        }>,\n\n        @A_Inject(A_Logger) logger?: A_Logger,\n    ) {\n\n        const node = instruction.node;\n        const scene = instruction.scene;\n        const content = context.get('content')!;\n\n        const element = this.getElementByNode(instruction.node)!;\n        const mountPoint = context.get('mountPoint')!;\n\n        logger?.debug('green', scene.debugPrefix + `Attaching listener '${instruction.listener.name}' for target <${node.aseid.entity}> ASEID: ${node.aseid.toString()}`);\n\n        element.addEventListener(instruction.listener.name, instruction.callback as EventListener);\n    }\n\n\n    @A_Feature.Extend({\n        name: AreSceneInstructionFeatures.Apply,\n        scope: [AddAttributeInstruction]\n    })\n    applyAddAttributeInstruction(\n        @A_Inject(A_Caller) instruction: AddAttributeInstruction,\n        @A_Inject(A_ExecutionContext) context: A_ExecutionContext<{\n            element: Element,\n            mountPoint: Element,\n            content: AreScene,\n        }>,\n        @A_Inject(A_Scope) scope: A_Scope,\n\n        @A_Inject(A_Logger) logger?: A_Logger,\n    ) {\n\n        const node = instruction.node;\n        const scene = instruction.scene;\n        const content = context.get('content')!;\n\n        const element = this.getElementByNode(node)!;\n\n        logger?.debug('green', scene.debugPrefix + `Setting attribute '${instruction.name}'='${instruction.value}' for target <${node.aseid.entity}> ASEID: ${node.aseid.toString()}`, element);\n\n        element.setAttribute(instruction.name, instruction.value);\n    }\n\n\n    @A_Feature.Extend({\n        name: AreSceneInstructionFeatures.Revert,\n        scope: [ReplaceInterpolationInstruction]\n    })\n    revertInstruction(\n        @A_Inject(A_Caller) instruction: ReplaceInterpolationInstruction,\n    ) {\n        this.interpolationTextNodes.delete(instruction.aseid.toString());\n    }\n\n\n    interpolationTextNodes: Map<string, Text> = new Map();\n\n    @A_Feature.Extend({\n        name: AreSceneInstructionFeatures.Apply,\n        scope: [ReplaceInterpolationInstruction]\n    })\n    applyReplaceInterpolationInstruction(\n        @A_Inject(A_Caller) instruction: ReplaceInterpolationInstruction,\n        @A_Inject(A_ExecutionContext) context: A_ExecutionContext<{\n            element: Element,\n            mountPoint: Element,\n            content: AreScene,\n        }>,\n        @A_Inject(A_Scope) scope: A_Scope,\n        @A_Inject(AreSyntax) syntax: AreSyntax,\n\n        @A_Inject(A_Logger) logger?: A_Logger,\n    ) {\n\n        const node = instruction.node;\n        const scene = instruction.scene;\n        const element = this.getElementByNode(node)!;\n\n        logger?.debug('magenta', scene.debugPrefix + `Replacing interpolation '${instruction.interpolation.name}' with value '${instruction.value}' for target <${node.aseid.entity}>`, instruction);\n\n        const textNode = this.interpolationTextNodes.get(instruction.aseid.toString());\n\n        if (textNode) {\n            textNode.nodeValue = instruction.value;\n        } else {\n\n            const treeTextNodesWalker = document.createTreeWalker(\n                element,\n                NodeFilter.SHOW_TEXT,\n                {\n                    acceptNode: (node) => {\n                        if (node.nodeValue && node.nodeValue.includes(instruction.interpolation.raw)) {\n                            return NodeFilter.FILTER_ACCEPT;\n                        }\n                        return NodeFilter.FILTER_REJECT;\n                    }\n                },\n            );\n\n            const foundNode = treeTextNodesWalker.nextNode() as Text | null;\n\n\n            //  then I have to split this node into multiple text nodes\n            if (foundNode) {\n                const parts = foundNode.nodeValue!.split(instruction.interpolation.raw);\n\n                const parent = foundNode.parentNode;\n\n                if (parent) {\n                    for (let i = 0; i < parts.length; i++) {\n                        const part = parts[i];\n\n                        if (part) {\n                            const textNodePart = document.createTextNode(part);\n                            parent.insertBefore(textNodePart, foundNode);\n                        }\n\n                        if (i < parts.length - 1) {\n                            const valueNode = document.createTextNode(instruction.value);\n                            parent.insertBefore(valueNode, foundNode);\n\n                            // store reference to this text node for future updates\n                            this.interpolationTextNodes.set(instruction.aseid.toString(), valueNode);\n                        }\n                    }\n\n                    // remove the original node\n                    parent.removeChild(foundNode);\n                }\n            }\n        }\n    }\n\n\n\n\n    @A_Feature.Extend({\n        name: AreSceneInstructionFeatures.Init,\n        scope: [AddDirectiveInstruction]\n    })\n    initAddDirectiveInstruction(\n        @A_Inject(A_Caller) instruction: AddDirectiveInstruction,\n\n        @A_Inject(A_Scope) scope: A_Scope,\n\n        @A_Inject(A_Logger) logger?: A_Logger,\n    ) {\n        const node = instruction.node;\n        const scene = node.scope.resolveFlat<AreScene>(AreScene)!;\n        const parentScene = instruction.scene;\n\n        logger?.debug('green', scene.debugPrefix + `Initializing directive '${instruction.directive.name}' for Node <${node.aseid.entity}> ASEID: ${node.aseid.toString()}`, scene, parentScene);\n\n\n        switch (instruction.directive.name) {\n            case '$if': {\n                const mountInstruction = new MountNodeInstruction(node, scene.path);\n                const unmountInstruction = new UnmountNodeInstruction(node, scene.path);\n\n\n                if (instruction.value) {\n                    parentScene.unPlan(unmountInstruction);\n\n                    parentScene.plan(mountInstruction);\n                    parentScene.dropState(mountInstruction);\n                } else {\n                    parentScene.unPlan(mountInstruction);\n\n                    parentScene.plan(unmountInstruction);\n                    parentScene.dropState(unmountInstruction);\n                }\n\n                // switch (true) {\n                //     case !instruction.value && !!parentScene.getState(mountInstruction):\n                //         parentScene.unPlan(mountInstruction);\n\n                //         parentScene.plan(unmountInstruction);\n                //         parentScene.dropState(unmountInstruction);\n\n                //         break;\n                //     case !instruction.value && !parentScene.getState(mountInstruction):\n\n                //         parentScene.unPlan(mountInstruction);\n\n                //         break;\n                //     case instruction.value && !!parentScene.getState(unmountInstruction):\n\n                //         parentScene.unPlan(unmountInstruction);\n\n                //         parentScene.plan(mountInstruction);\n                //         parentScene.dropState(mountInstruction);\n                //         break;\n                //     case instruction.value && !parentScene.getState(unmountInstruction):\n\n                //         parentScene.unPlan(unmountInstruction);\n                //         break;\n                //     default:\n                //         break;\n                // }\n\n                break;\n            }\n            default:\n                logger?.warning(`Unknown directive '${instruction.directive.name}' for Node <${node.type}> ASEID: ${node.aseid.toString()}`);\n        }\n\n\n\n\n        // Directives may have async initialization logic in future\n    }\n\n\n    @A_Feature.Extend({\n        name: AreSceneInstructionFeatures.Apply,\n        scope: [AddDirectiveInstruction]\n    })\n    applyAddDirectiveInstruction(\n        @A_Inject(A_Caller) instruction: AddDirectiveInstruction,\n        @A_Inject(A_ExecutionContext) context: A_ExecutionContext<{\n            element: Element,\n            mountPoint: Element,\n            content: AreScene,\n        }>,\n        @A_Inject(A_Scope) scope: A_Scope,\n\n        @A_Inject(A_Logger) logger?: A_Logger,\n    ) {\n\n        const node = instruction.node;\n        const scene = instruction.scene;\n        const element = this.getElementByNode(node);\n\n        try {\n\n            logger?.debug('green', scene.debugPrefix + `Applying directive '${instruction.directive.name}' for Node <${node.aseid.entity}> ASEID: ${node.aseid.toString()}`, instruction);\n\n            // switch (instruction.directive.name) {\n            //     case '$if': {\n            //         if (!instruction.value && element) {\n            //             element.replaceWith(document.createComment(`$if directive removed node <${node.aseid.entity}>`));\n            //         }\n            //         break;\n            //     }\n            //     default:\n            //         logger?.warning('yellow', scene.debugPrefix + `Unknown directive '${instruction.directive.name}' for Node <${node.aseid.entity}> ASEID: ${node.aseid.toString()}`);\n            // }\n\n            // Directive application logic goes here\n        } catch (error) {\n            logger?.error(error)\n        }\n    }\n}"]}