@pageboard/html 0.12.9 → 0.12.10

package/elements/embed.js

@@ -40,7 +40,7 @@ exports.embed = {
 		};
 	},
 	tag: 'iframe,element-embed',
-	html: `<element-embed data-url="[url]" data-query="[query|as:query]" id="[id]">
+	html: `<element-embed data-src="[url]" data-query="[query|as:query]" id="[id]">
 		<a aria-hidden="true" class="linkable" href="[$loc.pathname][$loc.search][id|pre:%23]">[linkable|prune:*]#</a>
 		<iframe loading="lazy" allowfullscreen frameborder="0" scrolling="no"></iframe>
 	</element-embed>`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pageboard/html",
-  "version": "0.12.9",
+  "version": "0.12.10",
   "description": "",
   "main": "index.js",
   "repository": {

package/ui/embed.js

@@ -14,14 +14,11 @@ class HTMLElementEmbed extends Page.Element {
 		return this.querySelector('iframe')?.src ?? "about:blank";
 	}
 	patch(state) {
-		const meta = state.scope.$hrefs?.[this.options.src];
-		if (meta) {
-			this.title = meta.title;
-			if (meta.source) this.setAttribute('data-source', meta.source);
-			this.style.paddingBottom = `calc(${meta.height} / ${meta.width} * 100%)`;
-		} else {
-			console.warn("Missing href", this.options.src);
-		}
+		const { src } = this.options;
+		if (!src) return;
+		const { width, height, source } = state.scope.$hrefs?.[src] ?? {};
+		if (source) this.dataset.source = source;
+		if (width && height) this.style.paddingBottom = `calc(${height} / ${width} * 100%)`;
 	}
 	consent(state) {
 		const consent = state.scope.$consent;

package/ui/media.js

@@ -34,14 +34,11 @@ class HTMLElementVideo extends HTMLElementMediaConstructor(Page.create(HTMLVideo
 	patch(state) {
 		super.patch(state);
 		const { url } = this.options;
-		const meta = state.scope.$hrefs?.[url];
-		if (meta) {
-			this.title = meta.title;
-			this.width = meta.width;
-			this.height = meta.height;
-		} else {
-			console.warn("Missing href", url);
-		}
+		if (!url) return;
+		const { title, width, height } = state.scope.$hrefs?.[url] ?? {};
+		if (title) this.title = title;
+		if (width) this.width = width;
+		if (height) this.height = height;
 	}
 }
 Page.define('element-video', HTMLElementVideo, 'video');