hybrids/src/template/utils.js

A JavaScript framework for creating fully-featured web applications, components libraries, and single web components with unique declarative and functional architecture

const metaMap = new WeakMap();
export function getMeta(key) {
  let value = metaMap.get(key);
  if (value) return value;

  metaMap.set(key, (value = {}));
  return value;
}

export function getTemplateEnd(node) {
  let meta;

  while (node && (meta = getMeta(node)) && meta.endNode) {
    node = meta.endNode;
  }

  return node;
}

export function removeTemplate(target) {
  if (target.nodeType === globalThis.Node.TEXT_NODE) {
    const data = metaMap.get(target);

    if (data && data.startNode) {
      const endNode = getTemplateEnd(data.endNode);

      let node = data.startNode;
      const lastNextSibling = endNode.nextSibling;

      while (node) {
        const nextSibling = node.nextSibling;
        node.parentNode.removeChild(node);
        node = nextSibling !== lastNextSibling && nextSibling;
      }
      metaMap.set(target, {});
    }
  } else {
    let child = target.childNodes[0];
    while (child) {
      target.removeChild(child);
      child = target.childNodes[0];
    }

    metaMap.set(target, {});
  }
}

const TIMESTAMP = Date.now();
export const getPlaceholder = (id = 0) => `H-${TIMESTAMP}-${id}`;