@domql/render 2.4.0 → 2.4.7

package/append.js

@@ -0,0 +1,26 @@
+'use strict'
+
+/**
+ * Receives child and parent nodes as parametes
+ * and assigns them into real DOM tree
+ */
+export const appendNode = (node, parentNode) => {
+  parentNode.appendChild(node)
+  return node
+}
+
+export const insertNodeAfter = (node, siblingNode) => {
+  siblingNode.parentNode.insertBefore(node, siblingNode.nextSibling)
+}
+
+/**
+ * Receives elements and assigns the first
+ * parameter as a child of the second one
+ */
+export const assignNode = (element, parent, key, insertAfter) => {
+  parent[key || element.key] = element
+  if (element.tag !== 'shadow') {
+    (insertAfter ? insertNodeAfter : appendNode)(element.node, parent.node)
+  }
+  return element
+}

package/cache.js

@@ -0,0 +1,53 @@
+'use strict'
+
+import { report } from '@domql/report'
+import { canRender } from '@domql/event'
+import { exec, isString, isValidHtmlTag } from '@domql/utils'
+
+const cache = {}
+
+export const createHTMLNode = (element) => {
+  const { tag } = element
+  if (tag) {
+    if (tag === 'string') return document.createTextNode(element.text)
+    else if (tag === 'fragment') {
+      return document.createDocumentFragment()
+    } else if (tag === 'svg' || tag === 'path') { // TODO: change that
+      return document.createElementNS('http://www.w3.org/2000/svg', tag)
+    } else return document.createElement(tag) // TODO: allow strict mode to check validity
+  } else {
+    return document.createElement('div')
+  }
+}
+
+export const detectTag = element => {
+  let { tag, key } = element
+  tag = exec(tag, element)
+
+  if (tag === true) tag = key
+
+  if (isString(tag)) {
+    const tagExists = isValidHtmlTag(tag)
+    if (tagExists) return tag
+  } else {
+    const isKeyATag = isValidHtmlTag(key)
+    if (isKeyATag) return key
+  }
+
+  return 'div'
+}
+
+export const cacheNode = (element) => {
+  const tag = element.tag = detectTag(element)
+
+  if (!canRender(element)) {
+    return report('HTMLInvalidTag', element.tag, element)
+  }
+
+  let cachedTag = cache[tag]
+  if (!cachedTag) cachedTag = cache[tag] = createHTMLNode(element)
+
+  const clonedNode = cachedTag.cloneNode(true)
+  if (tag === 'string') clonedNode.nodeValue = element.text
+  return clonedNode
+}

package/create.js

@@ -0,0 +1,3 @@
+'use strict'
+
+export const createNode = (element) => {}

package/dist/cjs/append.js

@@ -0,0 +1,39 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var append_exports = {};
+__export(append_exports, {
+  appendNode: () => appendNode,
+  assignNode: () => assignNode,
+  insertNodeAfter: () => insertNodeAfter
+});
+module.exports = __toCommonJS(append_exports);
+const appendNode = (node, parentNode) => {
+  parentNode.appendChild(node);
+  return node;
+};
+const insertNodeAfter = (node, siblingNode) => {
+  siblingNode.parentNode.insertBefore(node, siblingNode.nextSibling);
+};
+const assignNode = (element, parent, key, insertAfter) => {
+  parent[key || element.key] = element;
+  if (element.tag !== "shadow") {
+    (insertAfter ? insertNodeAfter : appendNode)(element.node, parent.node);
+  }
+  return element;
+};

package/dist/cjs/cache.js

@@ -0,0 +1,73 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var cache_exports = {};
+__export(cache_exports, {
+  cacheNode: () => cacheNode,
+  createHTMLNode: () => createHTMLNode,
+  detectTag: () => detectTag
+});
+module.exports = __toCommonJS(cache_exports);
+var import_report = require("@domql/report");
+var import_event = require("@domql/event");
+var import_utils = require("@domql/utils");
+const cache = {};
+const createHTMLNode = (element) => {
+  const { tag } = element;
+  if (tag) {
+    if (tag === "string")
+      return document.createTextNode(element.text);
+    else if (tag === "fragment") {
+      return document.createDocumentFragment();
+    } else if (tag === "svg" || tag === "path") {
+      return document.createElementNS("http://www.w3.org/2000/svg", tag);
+    } else
+      return document.createElement(tag);
+  } else {
+    return document.createElement("div");
+  }
+};
+const detectTag = (element) => {
+  let { tag, key } = element;
+  tag = (0, import_utils.exec)(tag, element);
+  if (tag === true)
+    tag = key;
+  if ((0, import_utils.isString)(tag)) {
+    const tagExists = (0, import_utils.isValidHtmlTag)(tag);
+    if (tagExists)
+      return tag;
+  } else {
+    const isKeyATag = (0, import_utils.isValidHtmlTag)(key);
+    if (isKeyATag)
+      return key;
+  }
+  return "div";
+};
+const cacheNode = (element) => {
+  const tag = element.tag = detectTag(element);
+  if (!(0, import_event.canRender)(element)) {
+    return (0, import_report.report)("HTMLInvalidTag", element.tag, element);
+  }
+  let cachedTag = cache[tag];
+  if (!cachedTag)
+    cachedTag = cache[tag] = createHTMLNode(element);
+  const clonedNode = cachedTag.cloneNode(true);
+  if (tag === "string")
+    clonedNode.nodeValue = element.text;
+  return clonedNode;
+};

package/dist/cjs/create.js

@@ -0,0 +1,25 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var create_exports = {};
+__export(create_exports, {
+  createNode: () => createNode
+});
+module.exports = __toCommonJS(create_exports);
+const createNode = (element) => {
+};

package/dist/cjs/index.js

@@ -3,10 +3,6 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -15,25 +11,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var render_exports = {};
-__export(render_exports, {
-  appendNode: () => appendNode,
-  assignNode: () => assignNode,
-  insertNodeAfter: () => insertNodeAfter
-});
 module.exports = __toCommonJS(render_exports);
-const appendNode = (node, parentNode) => {
-  parentNode.appendChild(node);
-  return node;
-};
-const insertNodeAfter = (node, siblingNode) => {
-  siblingNode.parentNode.insertBefore(node, siblingNode.nextSibling);
-};
-const assignNode = (element, parent, key, insertAfter) => {
-  parent[key || element.key] = element;
-  if (element.tag !== "shadow") {
-    (insertAfter ? insertNodeAfter : appendNode)(element.node, parent.node);
-  }
-  return element;
-};
+__reExport(render_exports, require("./create"), module.exports);
+__reExport(render_exports, require("./cache"), module.exports);
+__reExport(render_exports, require("./append"), module.exports);

package/index.js

@@ -1,26 +1,5 @@
 'use strict'
 
-/**
- * Receives child and parent nodes as parametes
- * and assigns them into real DOM tree
- */
-export const appendNode = (node, parentNode) => {
-  parentNode.appendChild(node)
-  return node
-}
-
-export const insertNodeAfter = (node, siblingNode) => {
-  siblingNode.parentNode.insertBefore(node, siblingNode.nextSibling)
-}
-
-/**
- * Receives elements and assigns the first
- * parameter as a child of the second one
- */
-export const assignNode = (element, parent, key, insertAfter) => {
-  parent[key || element.key] = element
-  if (element.tag !== 'shadow') {
-    (insertAfter ? insertNodeAfter : appendNode)(element.node, parent.node)
-  }
-  return element
-}
+export * from './create'
+export * from './cache'
+export * from './append'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@domql/render",
-  "version": "2.4.0",
+  "version": "2.4.7",
   "license": "MIT",
   "type": "module",
   "module": "index.js",
@@ -16,6 +16,11 @@
     "*.js",
     "dist"
   ],
+  "dependencies": {
+    "@domql/event": "latest",
+    "@domql/report": "latest",
+    "@domql/utils": "latest"
+  },
   "scripts": {
     "copy:package:cjs": "cp ../../build/package-cjs.json dist/cjs/package.json",
     "build:esm": "npx esbuild *.js --target=es2019 --format=esm --outdir=dist/esm",
@@ -23,5 +28,5 @@
     "build": "yarn build:cjs",
     "prepublish": "rimraf -I dist && yarn build && yarn copy:package:cjs"
   },
-  "gitHead": "d01a7237a0065a5a439a03062064076c5fdc91b7"
+  "gitHead": "fd9683a7d42893983463967fa512ac095a6a36e9"
 }