@remote-dom/polyfill 0.0.1 → 0.1.0

package/build/cjs/SVGElement.cjs

@@ -1,19 +0,0 @@
-'use strict';
-
-var constants = require('./constants.cjs');
-var Element = require('./Element.cjs');
-
-class SVGElement extends Element.Element {
-  [constants.NS] = constants.NamespaceURI.SVG;
-  get ownerSVGElement() {
-    let root = null;
-    let parent = this.parentNode;
-    while (parent instanceof SVGElement) {
-      root = parent;
-      parent = parent.parentNode;
-    }
-    return root;
-  }
-}
-
-exports.SVGElement = SVGElement;

package/build/cjs/Text.cjs

@@ -1,11 +0,0 @@
-'use strict';
-
-var constants = require('./constants.cjs');
-var CharacterData = require('./CharacterData.cjs');
-
-class Text extends CharacterData.CharacterData {
-  nodeType = constants.NodeType.TEXT_NODE;
-  [constants.NAME] = '#text';
-}
-
-exports.Text = Text;

package/build/cjs/Window.cjs

@@ -1,69 +0,0 @@
-'use strict';
-
-var Document = require('./Document.cjs');
-var Event = require('./Event.cjs');
-var EventTarget = require('./EventTarget.cjs');
-var CustomEvent = require('./CustomEvent.cjs');
-var Node = require('./Node.cjs');
-var ParentNode = require('./ParentNode.cjs');
-var ChildNode = require('./ChildNode.cjs');
-var Element = require('./Element.cjs');
-var HTMLElement = require('./HTMLElement.cjs');
-var SVGElement = require('./SVGElement.cjs');
-var CharacterData = require('./CharacterData.cjs');
-var Text = require('./Text.cjs');
-var Comment = require('./Comment.cjs');
-var DocumentFragment = require('./DocumentFragment.cjs');
-var HTMLTemplateElement = require('./HTMLTemplateElement.cjs');
-var CustomElementRegistry = require('./CustomElementRegistry.cjs');
-var MutationObserver = require('./MutationObserver.cjs');
-
-class Window extends EventTarget.EventTarget {
-  name = '';
-  parent = this;
-  self = this;
-  top = this;
-  document = new Document.Document(this);
-  customElements = new CustomElementRegistry.CustomElementRegistryImplementation();
-  location = globalThis.location;
-  navigator = globalThis.navigator;
-  Event = Event.Event;
-  Node = Node.Node;
-  ParentNode = ParentNode.ParentNode;
-  ChildNode = ChildNode.ChildNode;
-  EventTarget = EventTarget.EventTarget;
-  CustomEvent = CustomEvent.CustomEvent;
-  DocumentFragment = DocumentFragment.DocumentFragment;
-  Document = Document.Document;
-  CharacterData = CharacterData.CharacterData;
-  Comment = Comment.Comment;
-  Text = Text.Text;
-  Element = Element.Element;
-  HTMLElement = HTMLElement.HTMLElement;
-  SVGElement = SVGElement.SVGElement;
-  HTMLTemplateElement = HTMLTemplateElement.HTMLTemplateElement;
-  MutationObserver = MutationObserver.MutationObserver;
-}
-function installWindowAsGlobal(window) {
-  const properties = Object.getOwnPropertyDescriptors(window);
-  delete properties.self;
-  Object.defineProperties(globalThis, {
-    ...properties,
-    window: {
-      value: window
-    }
-  });
-  if (typeof self === 'undefined') {
-    Object.defineProperty(globalThis, 'self', {
-      value: window
-    });
-  } else {
-    // There can already be a `self`, like when polyfilling the DOM
-    // in a Web Worker. In those cases, just mirror all the `Window`
-    // properties onto `self`, rather than wholly redefining it.
-    Object.defineProperties(self, properties);
-  }
-}
-
-exports.Window = Window;
-exports.installWindowAsGlobal = installWindowAsGlobal;

package/build/cjs/constants.cjs

@@ -1,57 +0,0 @@
-'use strict';
-
-const NAME = Symbol('name');
-const VALUE = Symbol('value');
-const NS = Symbol('ns');
-const OWNER_ELEMENT = Symbol('owner');
-const OWNER_DOCUMENT = Symbol('owner_document');
-const ATTRIBUTES = Symbol('attributes');
-const PREV = Symbol('prev');
-const NEXT = Symbol('next');
-const CHILD = Symbol('child');
-const PARENT = Symbol('parent');
-const DATA = Symbol('data');
-const LISTENERS = Symbol('listeners');
-const IS_TRUSTED = Symbol('isTrusted');
-const CONTENT = Symbol('content');
-const SLOT = Symbol('slot');
-
-// @TODO remove explicit values
-let NodeType = /*#__PURE__*/function (NodeType) {
-  NodeType[NodeType["NODE"] = 0] = "NODE";
-  NodeType[NodeType["ELEMENT_NODE"] = 1] = "ELEMENT_NODE";
-  NodeType[NodeType["ATTRIBUTE_NODE"] = 2] = "ATTRIBUTE_NODE";
-  NodeType[NodeType["TEXT_NODE"] = 3] = "TEXT_NODE";
-  NodeType[NodeType["CDATA_SECTION_NODE"] = 4] = "CDATA_SECTION_NODE";
-  NodeType[NodeType["ENTITY_REFERENCE_NODE"] = 5] = "ENTITY_REFERENCE_NODE";
-  NodeType[NodeType["ENTITY_NODE"] = 6] = "ENTITY_NODE";
-  NodeType[NodeType["PROCESSING_INSTRUCTION_NODE"] = 7] = "PROCESSING_INSTRUCTION_NODE";
-  NodeType[NodeType["COMMENT_NODE"] = 8] = "COMMENT_NODE";
-  NodeType[NodeType["DOCUMENT_NODE"] = 9] = "DOCUMENT_NODE";
-  NodeType[NodeType["DOCUMENT_TYPE_NODE"] = 10] = "DOCUMENT_TYPE_NODE";
-  NodeType[NodeType["DOCUMENT_FRAGMENT_NODE"] = 11] = "DOCUMENT_FRAGMENT_NODE";
-  return NodeType;
-}({});
-let NamespaceURI = /*#__PURE__*/function (NamespaceURI) {
-  NamespaceURI["XHTML"] = "http://www.w3.org/1999/xhtml";
-  NamespaceURI["SVG"] = "http://www.w3.org/2000/svg";
-  return NamespaceURI;
-}({});
-
-exports.ATTRIBUTES = ATTRIBUTES;
-exports.CHILD = CHILD;
-exports.CONTENT = CONTENT;
-exports.DATA = DATA;
-exports.IS_TRUSTED = IS_TRUSTED;
-exports.LISTENERS = LISTENERS;
-exports.NAME = NAME;
-exports.NEXT = NEXT;
-exports.NS = NS;
-exports.NamespaceURI = NamespaceURI;
-exports.NodeType = NodeType;
-exports.OWNER_DOCUMENT = OWNER_DOCUMENT;
-exports.OWNER_ELEMENT = OWNER_ELEMENT;
-exports.PARENT = PARENT;
-exports.PREV = PREV;
-exports.SLOT = SLOT;
-exports.VALUE = VALUE;

package/build/cjs/hooks.cjs

@@ -1,5 +0,0 @@
-'use strict';
-
-const hooks = {};
-
-exports.hooks = hooks;

package/build/cjs/index.cjs

@@ -1,10 +0,0 @@
-'use strict';
-
-var hooks = require('./hooks.cjs');
-var Window = require('./Window.cjs');
-
-
-
-exports.hooks = hooks.hooks;
-exports.Window = Window.Window;
-exports.installWindowAsGlobal = Window.installWindowAsGlobal;

package/build/cjs/selectors.cjs

@@ -1,203 +0,0 @@
-'use strict';
-
-var constants = require('./constants.cjs');
-var shared = require('./shared.cjs');
-
-var Combinator = /*#__PURE__*/function (Combinator) {
-  Combinator[Combinator["Descendant"] = 0] = "Descendant";
-  Combinator[Combinator["Child"] = 1] = "Child";
-  Combinator[Combinator["Sibling"] = 2] = "Sibling";
-  Combinator[Combinator["Adjacent"] = 3] = "Adjacent";
-  Combinator[Combinator["Inner"] = 4] = "Inner";
-  return Combinator;
-}(Combinator || {});
-var MatcherType = /*#__PURE__*/function (MatcherType) {
-  MatcherType[MatcherType["Unknown"] = 0] = "Unknown";
-  MatcherType[MatcherType["Id"] = 1] = "Id";
-  MatcherType[MatcherType["Class"] = 2] = "Class";
-  MatcherType[MatcherType["Attribute"] = 3] = "Attribute";
-  MatcherType[MatcherType["Pseudo"] = 4] = "Pseudo";
-  MatcherType[MatcherType["Function"] = 5] = "Function";
-  return MatcherType;
-}(MatcherType || {});
-function querySelector(within, selector) {
-  const parts = parseSelector(selector);
-  let result = null;
-  const child = within[constants.CHILD];
-  if (child && parts[0].matchers.length) {
-    walkNodesForSelector(child, parts, node => {
-      result = node;
-      return false;
-    });
-  }
-  return result;
-}
-function querySelectorAll(within, selector) {
-  const parts = parseSelector(selector);
-  const results = [];
-  const child = within[constants.CHILD];
-  if (child && parts[0].matchers.length) {
-    walkNodesForSelector(child, parts, node => {
-      results.push(node);
-    });
-  }
-  return results;
-}
-function parseSelector(selector) {
-  let part = {
-    combinator: Combinator.Inner,
-    matchers: []
-  };
-  const parts = [part];
-  const tokenizer = /\s*?([>\s+~]?)\s*?(?:(?:\[\s*([^\]=]+)(?:=(['"])(.*?)\3)?\s*\])|([#.])([^\s#.[>:]+)|:(\w+)(?:\((.*?)\))?)/gi;
-  let token;
-  while (token = tokenizer.exec(selector)) {
-    // [1]: ancestor/parent/sibling/adjacent
-    // [2]: attribute name
-    // [4]: attribute value
-    // [5]: id/class sigil
-    // [6]: id/class name
-    // [7]: :pseudo/:function() name
-    // [8]: :function(argument) value
-    if (token[1]) {
-      // Update the combinator on the (now parent) Part:
-      if (token[1] === '>') part.combinator = Combinator.Child;else if (token[1] === '+') part.combinator = Combinator.Adjacent;else if (token[1] === '~') part.combinator = Combinator.Sibling;else part.combinator = Combinator.Descendant;
-      // Add a new Part for the next selector parts:
-      part = {
-        combinator: Combinator.Inner,
-        matchers: []
-      };
-      parts.push(part);
-    }
-    let type = MatcherType.Unknown;
-    if (token[2]) {
-      type = MatcherType.Attribute;
-    } else if (token[5]) {
-      type = token[5] === '#' ? MatcherType.Id : MatcherType.Class;
-    } else if (token[7]) {
-      type = token[8] == null ? MatcherType.Pseudo : MatcherType.Function;
-    }
-    part.matchers.push({
-      type,
-      name: token[2] || token[6] || token[7],
-      value: token[4] ?? token[6] ?? token[8]
-    });
-  }
-  return parts;
-}
-function matchesSelector(element, selector) {
-  const parsed = parseSelector(selector);
-  let part;
-  while (part = parsed.pop()) {
-    if (!matchesSelectorPart(element, part)) return false;
-  }
-  // let part = parsed.pop();
-  // if (!part || !matchesSelectorPart(element, part)) {
-  //   return false;
-  // }
-  // while ((part = parsed.pop())) {
-  //   if (!matchesSelectorPart(element, part)) return false;
-  // }
-  return true;
-}
-function walkNodesForSelector(node, parts, callback) {
-  if (shared.isElementNode(node)) {
-    if (matchesSelectorRecursive(node, parts)) {
-      if (callback(node) === false) return false;
-    }
-    const child = node[constants.CHILD];
-    if (child && walkNodesForSelector(child, parts, callback) === false) {
-      return false;
-    }
-  }
-  const next = node[constants.NEXT];
-  if (next && walkNodesForSelector(next, parts, callback) === false) {
-    return false;
-  }
-  return true;
-}
-function matchesSelectorRecursive(element, parts) {
-  const {
-    combinator,
-    matchers
-  } = parts[parts.length - 1];
-  if (combinator === Combinator.Inner) {
-    if (!matchesSelectorMatcher(element, matchers)) return false;
-    const pp = parts.slice(0, -1);
-    return pp.length === 0 || matchesSelectorRecursive(element, pp);
-  }
-  const link = combinator === Combinator.Child || combinator === Combinator.Descendant ? constants.PARENT : constants.PREV;
-  let ref = element[link];
-  if (!ref || !matchesSelectorMatcher(ref, matchers)) {
-    return false;
-  }
-  if (combinator === Combinator.Descendant || combinator === Combinator.Sibling) {
-    while (ref = ref[link]) {
-      if (matchesSelectorMatcher(ref, matchers)) {
-        const pp = parts.slice(0, -1);
-        if (pp.length === 0) return true;
-        if (matchesSelectorRecursive(element, pp)) return true;
-      }
-    }
-  }
-  return false;
-}
-function matchesSelectorPart(element, {
-  combinator,
-  matchers
-}) {
-  if (combinator === Combinator.Inner) {
-    return matchesSelectorMatcher(element, matchers);
-  }
-  const link = combinator === Combinator.Child || combinator === Combinator.Descendant ? constants.PARENT : constants.PREV;
-  let ref = element[link];
-  if (!ref || !matchesSelectorMatcher(ref, matchers)) {
-    return false;
-  }
-  if (combinator === Combinator.Descendant || combinator === Combinator.Sibling) {
-    while (ref = ref[link]) {
-      if (matchesSelectorMatcher(ref, matchers)) return true;
-    }
-  }
-  return false;
-}
-function matchesSelectorMatcher(element, matcher) {
-  if (!element) return false;
-  if (Array.isArray(matcher)) {
-    for (const single of matcher) {
-      if (matchesSelectorMatcher(element, single) === false) return false;
-    }
-    return true;
-  }
-  const {
-    type,
-    name,
-    value
-  } = matcher;
-  switch (type) {
-    // case 'id': case 'class': return element.getAttribute(matcher.type) === matcher.name;
-    case MatcherType.Id:
-      return element.getAttribute('id') === name;
-    case MatcherType.Class:
-      return element.getAttribute('class') === name;
-    case MatcherType.Attribute:
-      return value == null ? element.hasAttribute(name) : element.getAttribute(name) === value;
-    case MatcherType.Pseudo:
-      switch (name) {
-        default:
-          throw Error(`Pseudo :${name} not implemented`);
-      }
-    case MatcherType.Function:
-      switch (name) {
-        case 'has':
-          return matchesSelector(element, value || '');
-        default:
-          throw Error(`Function :${name}(${value}) not implemented`);
-      }
-  }
-  return false;
-}
-
-exports.parseSelector = parseSelector;
-exports.querySelector = querySelector;
-exports.querySelectorAll = querySelectorAll;

package/build/cjs/serialization.cjs

@@ -1,96 +0,0 @@
-'use strict';
-
-var constants = require('./constants.cjs');
-
-// const voidElements = {
-//   img: true,
-//   image: true,
-// };
-// const elementTokenizer =
-//   /(?:<([a-z][a-z0-9-:]*)( [^<>'"\n=\s]+=(['"])[^>'"\n]*\3)*\s*(\/?)\s*>|<\/([a-z][a-z0-9-:]*)>|([^&<>]+))/gi;
-// const attributeTokenizer = / ([^<>'"\n=\s]+)=(['"])([^>'"\n]*)\2/g;
-const elementTokenizer = /(?:<([a-z][a-z0-9-:]*)((?:\s[^<>'"=\n\s]+(?:=(['"])[^\n]*?\3|=[^>'"\n\s]*|))*)\s*(\/?)\s*>|<\/([a-z][a-z0-9-:]*)>|<!--(.*?)-->|([^&<>]+))/gi;
-const attributeTokenizer = /\s([^<>'"=\n\s]+)(?:=(['"])([^\n]*?)\2|=([^>'"\n\s]*)|)/g;
-function parseHtml(html, contextNode) {
-  const document = contextNode.ownerDocument;
-  const root = document.createDocumentFragment();
-  const stack = [root];
-  let parent = root;
-  let token;
-  elementTokenizer.lastIndex = 0;
-  while (token = elementTokenizer.exec(html)) {
-    const tag = token[1];
-    if (tag) {
-      const node = document.createElement(tag);
-      const attrs = token[2];
-      attributeTokenizer.lastIndex = 0;
-      let t;
-      while (t = attributeTokenizer.exec(attrs)) {
-        node.setAttribute(t[1], t[3] || t[4] || '');
-      }
-      parent.append(node);
-      // if (voidElements[tag] === true) continue;
-      stack.push(parent);
-      parent = node;
-    } else if (token[5]) {
-      parent = stack.pop() || root;
-    } else if (token[6]) {
-      parent.append(document.createComment(token[6]));
-    } else {
-      parent.append(token[7]);
-    }
-  }
-  return root;
-}
-function serializeChildren(parentNode) {
-  let out = '';
-  let child = parentNode[constants.CHILD];
-  while (child) {
-    out += serializeNode(child);
-    child = child[constants.NEXT];
-  }
-  return out;
-}
-function serializeNode(node) {
-  switch (node.nodeType) {
-    case constants.NodeType.ELEMENT_NODE:
-      {
-        const el = node;
-        let out = `<${el[constants.NAME]}`;
-        let attr = el[constants.ATTRIBUTES]?.[constants.CHILD];
-        while (attr) {
-          out += ` ${attr[constants.NAME]}`;
-          let value = attr[constants.VALUE];
-          if (value !== '') {
-            value = String(value).replace(/&/g, '&amp;').replace(/"/g, '&quot;');
-            out += `="${value}"`;
-          }
-          attr = attr[constants.NEXT];
-        }
-        out += '>';
-        out += serializeChildren(el);
-        // let child = el[CHILD];
-        // while (child) {
-        //   out += serialize(child);
-        //   child = child[NEXT];
-        // }
-        out += `</${el[constants.NAME]}>`;
-        return out;
-      }
-    case constants.NodeType.TEXT_NODE:
-      {
-        const text = node;
-        return text[constants.DATA].replace(/&/g, '&amp;').replace(/"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
-      }
-    case constants.NodeType.COMMENT_NODE:
-      {
-        const text = node;
-        return `<!--${text[constants.DATA]}-->`;
-      }
-  }
-  return '';
-}
-
-exports.parseHtml = parseHtml;
-exports.serializeChildren = serializeChildren;
-exports.serializeNode = serializeNode;

package/build/cjs/shared.cjs

@@ -1,63 +0,0 @@
-'use strict';
-
-var constants = require('./constants.cjs');
-
-function isCharacterData(node) {
-  return constants.DATA in node;
-}
-function isTextNode(node) {
-  return node.nodeType === constants.NodeType.TEXT_NODE;
-}
-function isCommentNode(node) {
-  return node.nodeType === constants.NodeType.COMMENT_NODE;
-}
-function isElementNode(node) {
-  return node.nodeType === constants.NodeType.ELEMENT_NODE;
-}
-function isDocumentFragmentNode(node) {
-  return node.nodeType === constants.NodeType.DOCUMENT_FRAGMENT_NODE;
-}
-function isParentNode(node) {
-  return 'appendChild' in node;
-}
-function cloneNode(node, deep, document = node.ownerDocument) {
-  if (isTextNode(node)) {
-    return document.createTextNode(node.data);
-  } else if (isCommentNode(node)) {
-    return document.createComment(node.data);
-  } else if (isElementNode(node)) {
-    const cloned = document.createElement(node.localName);
-    if (node[constants.ATTRIBUTES]) {
-      for (let i = 0; i < node[constants.ATTRIBUTES].length; i++) {
-        const attribute = node[constants.ATTRIBUTES].item(i);
-        cloned.setAttributeNS(attribute.namespaceURI, attribute.name, attribute.value);
-      }
-    }
-    if (deep) {
-      for (const child of node.childNodes) {
-        cloned.appendChild(cloneNode(child, true, document));
-      }
-    }
-    return cloned;
-  } else if (isDocumentFragmentNode(node)) {
-    const fragment = document.createDocumentFragment();
-    if (deep) {
-      for (const child of node.childNodes) {
-        fragment.appendChild(cloneNode(child, true, document));
-      }
-    }
-    return fragment;
-  } else {
-    const cloned = new node.constructor();
-    cloned[constants.OWNER_DOCUMENT] = document;
-    return cloned;
-  }
-}
-
-exports.cloneNode = cloneNode;
-exports.isCharacterData = isCharacterData;
-exports.isCommentNode = isCommentNode;
-exports.isDocumentFragmentNode = isDocumentFragmentNode;
-exports.isElementNode = isElementNode;
-exports.isParentNode = isParentNode;
-exports.isTextNode = isTextNode;