@ungap/processing-instruction 0.0.0 → 0.0.2

package/README.md

@@ -0,0 +1,7 @@
+# @ungap/processing-instruction
+
+A polyfill for [ProcessingInstruction attributes](https://github.com/whatwg/dom/pull/1454).
+
+```js
+import patch from 'https://esm.run/@ungap/processing-instruction';
+```

package/index.js

@@ -1,10 +1,9 @@
-// <?t a="b" x="yy"?>
-
 const { defineProperty } = Object;
 const { prototype } = ProcessingInstruction;
 const attributes = /(\S+?)=("|')([^\2]*?)\2/g;
 const attribute = name => new RegExp(`(\\s*)\\b${name}\\b=("|')([^\\2]*?)\\2`);
 
+// borrowed from html-escaper
 const es = /[&<>"']/g;
 const cape = c => {
   if (c === '&') return '&amp;';
@@ -51,3 +50,27 @@ for (const [key, value] of [
     value
   });
 }
+
+const template = document.createElement('template');
+template.innerHTML = '<?t ?>';
+
+export default template.content.firstChild.nodeType === Node.COMMENT_NODE ?
+  (dom => {
+    const tw = document.createTreeWalker(dom, NodeFilter.SHOW_COMMENT);
+    let comment;
+    while (comment = tw.nextNode()) {
+      const { data } = comment;
+      if (data.endsWith('?') && /^\?(\S+)/.test(data)) {
+        const target = RegExp.$1;
+        comment.replaceWith(
+          document.createProcessingInstruction(
+            target,
+            data.slice(1 + target.length, -1).trim()
+          )
+        );
+      }
+    }
+    return dom;
+  }) :
+  (dom => dom)
+;

package/package.json

@@ -1,14 +1,18 @@
 {
   "name": "@ungap/processing-instruction",
-  "version": "0.0.0",
-  "description": "Polyfill for ProcessingInstruction",
+  "version": "0.0.2",
+  "description": "A polyfill for ProcessingInstruction attributes",
   "main": "index.js",
   "module": "index.js",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ungap/processing-instruction.git"
   },
-  "keywords": ["ProcessingInstruction", "polyfill", "shim"],
+  "keywords": [
+    "ProcessingInstruction",
+    "polyfill",
+    "shim"
+  ],
   "author": "Andrea Giammarchi",
   "license": "MIT",
   "type": "module",