remixml-dom - npm Package Compare versions

Comparing version 4.0.11 to 4.1.0

package.json

 {
   "name": "remixml-dom",
-  "version": "4.0.11",
+  "version": "4.1.0",
   "description": "Remixml component that renders to DOM in browsers",
@@ -5,0 +5,0 @@ "browser": "remixml-dom.min.js",

README.md

@@ -17,2 +17,6 @@ <h1>Remixml to DOM rendering</h1>
 
+If the browser enforces trusted-types, add the `remixml` policy;
+e.g. through an HTTP header like:
+`Content-Security-Policy: trusted-types remixml;`
+
 ## Reference documentation
@@ -19,0 +23,0 @@

remixml-dom.js

@@ -18,3 +18,6 @@ /** @license Copyright (c) 2018-2021 by Stephen R. van den Berg <[e-mail]> */
   const D = document;
+  const W = window;
 
+  var /** TrustedTypePolicy */ policy;
+
   const /** !Object */ g =
@@ -61,8 +64,14 @@ { "abstract2dom":
         parent = newel(/** @type{string} */(name));
+	let /** boolean|null */ policyparam
+	 = policy && parent.tagName === "SCRIPT";
         for (name of O.keys(vdom).splice(vdom.length))
           switch (name[0])
           { default:
-              let /** string */ val = /** @type{Object} */(vdom)[name];
+              let /** string|TrustedScriptURL */ val
+	       = /** @type{Object} */(vdom)[name];
               if (val != null && typeof val !== "object")
+              { if (policyparam && name === "src")
+		  val = policy.createScriptURL(val);
                 parent.setAttribute(name, val);
+	      }
             case "_":case undefined:;
@@ -76,13 +85,20 @@ }
        : !child.indexOf || child.indexOf("&") < 0 ? D.createTextNode(child)
-       : (txta.innerHTML = child, txta.firstChild));
+       : (txta.innerHTML = policy ? policy.createHTML(child) : child,
+	  txta.firstChild));
     return parent;
   }
 
+  const /** string */ rxs = "remixml";
+
+  function /** string */ retit(/** string */ s) { return s; }
+
   function /** !Object */ factory(/** !Object */ rxml)
   { O.assign(rxml, g);
+    var ttypes = W.trustedTypes;
+    if (ttypes)
+      policy = ttypes.createPolicy(rxs,
+        { createHTML: retit, createScriptURL: retit });
     return g;
   }
 
-  const /** string */ rxs = "remixml";
-
   if (typeof define == "function" && define["amd"])
@@ -93,7 +109,5 @@ define("remixml-dom", [rxs], factory);
      factory(require(rxs)));
-  else {
-    var W = window;
+  else
     W["RemixmlDOM"] = factory(W["Remixml"]);
-  }
 
 }).call(this);

remixml-dom.master.js

@@ -25,3 +25,6 @@ /** @license Copyright (c) 2018-2021 by Stephen R. van den Berg <[e-mail]> */
   const D = document;
+  const W = window;
 
+  var /** TrustedTypePolicy */ policy;
+
   const /** !Object */ g =
@@ -68,8 +71,14 @@ { "abstract2dom":
         parent = newel(/** @type{string} */(name));
+	let /** boolean|null */ policyparam
+	 = policy && parent.tagName === "SCRIPT";
         for (name of O.keys(vdom).splice(vdom.length))
           switch (name[0])
           { default:
-              let /** string */ val = /** @type{Object} */(vdom)[name];
+              let /** string|TrustedScriptURL */ val
+	       = /** @type{Object} */(vdom)[name];
               if (val != null && typeof val !== "object")
+              { if (policyparam && name === "src")
+		  val = policy.createScriptURL(val);
                 parent.setAttribute(name, val);
+	      }
             case "_":case undefined:;
@@ -83,13 +92,20 @@ }
        : !child.indexOf || child.indexOf("&") < 0 ? D.createTextNode(child)
-       : (txta.innerHTML = child, txta.firstChild));
+       : (txta.innerHTML = policy ? policy.createHTML(child) : child,
+	  txta.firstChild));
     return parent;
   }
 
+  const /** string */ rxs = "remixml";
+
+  function /** string */ retit(/** string */ s) { return s; }
+
   function /** !Object */ factory(/** !Object */ rxml)
   { O.assign(rxml, g);
+    var ttypes = W.trustedTypes;
+    if (ttypes)
+      policy = ttypes.createPolicy(rxs,
+        { createHTML: retit, createScriptURL: retit });
     return g;
   }
 
-  const /** string */ rxs = "remixml";
-
   if (typeof define == "function" && define["amd"])
@@ -100,6 +116,4 @@ define("remixml-dom", [rxs], factory);
      factory(require(rxs)));
-  else {
-    var W = window;
+  else
     W["RemixmlDOM"] = factory(W["Remixml"]);
-  }
 
@@ -106,0 +120,0 @@ // Cut BEGIN delete

remixml-dom.min.js

 (function(){"use strict";
 /*
  Copyright (c) 2018-2021 by Stephen R. van den Berg <[e-mail]> */
-function p(h){var e=0;return function(){return e<h.length?{done:!1,value:h[e++]}:{done:!0}}}
-(function(){function h(b){var a=b[""];switch(a){case "!":return f.createComment(b[0]);case "<":case "?":return f.createComment(a+b[0]);case 1:var d=f.createDocumentFragment();break;default:d=f.createElement(a);var c=g.keys(b).splice(b.length);c=(a="undefined"!=typeof Symbol&&Symbol.iterator&&c[Symbol.iterator])?a.call(c):{next:p(c)};for(a=c.next();!a.done;a=c.next())switch(a=a.value,a[0]){default:var k=b[a];null!=k&&"object"!==typeof k&&d.setAttribute(a,k);case "_":case void 0:}}for(a=0;void 0!==
-(c=b[a++]);)d.appendChild(c[""]?h(c):!c.indexOf||0>c.indexOf("&")?f.createTextNode(c):(l.innerHTML=c,l.firstChild));return d}function e(b){g.assign(b,m);return m}var g=Object,f=document,m={abstract2dom:function(b,a){b=h(b);a&&(a.appendChild(b),b=a);return b}};g.assign||g.defineProperty(g,"assign",{value:function(b,a,d){if(a)for(d in a)b[d]=a[d];return b}});var l=f.createElement("textarea");if("function"==typeof define&&define.amd)define("remixml-dom",["remixml"],e);else if("object"==typeof exports)g.assign(exports,
-e(require("remixml")));else{var n=window;n.RemixmlDOM=e(n.Remixml)}}).call(this);
+function t(h){var k=0;return function(){return k<h.length?{done:!1,value:h[k++]}:{done:!0}}}
+(function(){function h(a){var b=a[""];switch(b){case "!":return f.createComment(a[0]);case "<":case "?":return f.createComment(b+a[0]);case 1:var c=f.createDocumentFragment();break;default:c=f.createElement(b);var d=l&&"SCRIPT"===c.tagName;var e=g.keys(a).splice(a.length);e=(b="undefined"!=typeof Symbol&&Symbol.iterator&&e[Symbol.iterator])?b.call(e):{next:t(e)};for(b=e.next();!b.done;b=e.next())switch(b=b.value,b[0]){default:var m=a[b];null!=m&&"object"!==typeof m&&(d&&"src"===b&&(m=l.createScriptURL(m)),
+c.setAttribute(b,m));case "_":case void 0:}}for(e=0;void 0!==(d=a[e++]);)c.appendChild(d[""]?h(d):!d.indexOf||0>d.indexOf("&")?f.createTextNode(d):(q.innerHTML=l?l.createHTML(d):d,q.firstChild));return c}function k(a){return a}function n(a){g.assign(a,r);(a=p.trustedTypes)&&(l=a.createPolicy("remixml",{createHTML:k,createScriptURL:k}));return r}var g=Object,f=document,p=window,l,r={abstract2dom:function(a,b){a=h(a);b&&(b.appendChild(a),a=b);return a}};g.assign||g.defineProperty(g,"assign",{value:function(a,
+b,c){if(b)for(c in b)a[c]=b[c];return a}});var q=f.createElement("textarea");"function"==typeof define&&define.amd?define("remixml-dom",["remixml"],n):"object"==typeof exports?g.assign(exports,n(require("remixml"))):p.RemixmlDOM=n(p.Remixml)}).call(this);
 }).call(this);

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

23143

increased by10.92%

Lines of code

204

increased by13.33%

Number of low quality alerts

1

decreased by-50%

Number of lines in readme file

37

increased by12.12%

No dependency changes