@shgysk8zer0/polyfills 0.3.10 → 0.3.11

package/blob.js

@@ -0,0 +1,5 @@
+import { polyfillMethod } from './utils.js';
+
+polyfillMethod(Blob.prototype, 'bytes', async function () {
+	return new Uint8Array(await this.arrayBuffer());
+});

package/element.js

@@ -1,7 +1,10 @@
 import { aria } from './aom.js';
-import { polyfillGetterSetter } from './utils.js';
+import { polyfillGetterSetter, polyfillMethod } from './utils.js';
+import { setHTMLUnsafe } from './methods/dom.js';
 import './sanitizer.js';
 
+polyfillMethod(Element.prototype, 'setHTMLUnsafe', setHTMLUnsafe);
+
 function handlePopover({ currentTarget }) {
 	switch(currentTarget.popoverTargetAction) {
 		case 'show':

package/methods/dom.js

@@ -0,0 +1,39 @@
+function attachShadow(template){
+	if (template instanceof HTMLTemplateElement && template.parentElement instanceof HTMLElement) {
+		const shadow = template.parentElement.attachShadow({
+			mode: template.getAttribute('shadowrootmode'),
+			clonable: template.hasAttribute('shadowrootclonable'),
+			delegatesFocus: template.hasAttribute('shadowrootdelegatesfocus'),
+			serializable: template.hasAttribute('shadowrootserializable'),
+		});
+
+		shadow.append(template.content);
+		template.remove();
+	}
+}
+
+export function parseHTMLUnsafe(input){
+	const parser = new DOMParser();
+	// Ensures `URL` is "about:blank"
+	const doc = document.implementation.createHTMLDocument();
+	// Rely on this method's TrustedTypes implementation, if available
+	const parsed = parser.parseFromString(input, 'text/html');
+	doc.head.append(...parsed.head.childNodes);
+	doc.body.append(...parsed.body.childNodes);
+	doc.querySelectorAll('template[shadowrootmode]').forEach(attachShadow);
+	return doc;
+}
+
+export function setHTMLUnsafe(input) {
+	const parser = new DOMParser();
+	// Rely on this method's TrustedTypes implementation, if available
+	const parsed = parser.parseFromString(input, 'text/html');
+	const frag = document.createDocumentFragment();
+	frag.append(...parsed.body.childNodes);
+	attachShadow(frag.querySelector('template[shadowroootmode]'));
+	this.replaceChildren(frag);
+}
+
+export function getHTML() {
+	return this.innerHTML;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shgysk8zer0/polyfills",
-  "version": "0.3.10",
+  "version": "0.3.11",
   "private": false,
   "type": "module",
   "description": "A collection of JavaScript polyfills",

package/request.js

@@ -0,0 +1,5 @@
+import { polyfillMethod } from './utils.js';
+
+polyfillMethod(Request.prototype, 'bytes', async function () {
+	return new Uint8Array(await this.arrayBuffer());
+});

package/response.js

@@ -15,3 +15,7 @@ polyfillMethod(Response, 'redirect', (url, status = 302) => {
 		headers: new Headers({ Location: url }),
 	});
 });
+
+polyfillMethod(Response.prototype, 'bytes', async function() {
+	return new Uint8Array(await this.arrayBuffer());
+});