@shgysk8zer0/polyfills 0.3.10 → 0.3.12

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.12",
   "private": false,
   "type": "module",
   "description": "A collection of JavaScript polyfills",
@@ -78,6 +78,7 @@
   },
   "dependencies": {
     "@aegisjsproject/sanitizer": "^0.1.0",
-    "@aegisjsproject/trusted-types": "^1.0.1"
+    "@aegisjsproject/trusted-types": "^1.0.1",
+    "string-dedent": "^3.0.1"
   }
 }

package/promise.js

@@ -67,4 +67,25 @@ if ('Promise' in globalThis) {
 			return def;
 		};
 	}
+
+	if (! (Promise.fromEntries instanceof Function)) {
+		Promise.fromEntries = async function fromEntries(entries) {
+			const keys = [];
+			const values = [];
+
+			for (const [key, value] of entries) {
+				keys.push(key);
+				values.push(value);
+			}
+
+			return await Promise.all(values)
+				.then(values => Object.fromEntries(values.map((value, i) => [keys[i], value])));
+		};
+	}
+
+	if (!(Promise.ownProperties instanceof Function)) {
+		Promise.ownProperties = async function ownProperties(obj) {
+			return await Promise.fromEntries(Object.entries(obj));
+		};
+	}
 }

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());
+});

package/string.js

@@ -0,0 +1,5 @@
+import dedent from './node_modules/string-dedent/dist/dedent.mjs';
+
+if (! (String.dedent instanceof Function)) {
+	String.dedent = dedent;
+}

package/symbols.js

@@ -1,4 +1,12 @@
+import { polyfillMethod } from './utils.js';
+
 if ('Symbol' in globalThis) {
+	const known = new Set(
+		Reflect.ownKeys(Symbol)
+			.filter(item => typeof Symbol[item] === 'symbol')
+			.map(key => Symbol[key])
+	);
+
 	if (typeof Symbol.toStringTag === 'undefined') {
 		Symbol.toStringTag = Symbol('Symbol.toStringTag');
 	}
@@ -6,4 +14,12 @@ if ('Symbol' in globalThis) {
 	if (typeof Symbol.iterator === 'undefined') {
 		Symbol.iterator = Symbol('Symbol.iterator');
 	}
+
+	polyfillMethod(Symbol, 'isRegistered', function(symbol) {
+		return typeof symbol === 'symbol' && typeof Symbol.keyFor(symbol) === 'string';
+	});
+
+	polyfillMethod(Symbol, 'isWellKnown', function(symbol) {
+		return known.has(symbol);
+	});
 }

package/url.js

@@ -1,9 +1,16 @@
 import { polyfillMethod } from './utils.js';
 
-polyfillMethod(URL, 'canParse', (str, base) => {
+polyfillMethod(URL, 'parse', (url, base) => {
 	try {
-		new URL(str, base);
-		return true;
+		return new URL(url, base);
+	} catch {
+		return null;
+	}
+});
+
+polyfillMethod(URL, 'canParse', (url, base) => {
+	try {
+		return new URL(url, base) instanceof URL;
 	} catch {
 		return false;
 	}