feat: add iframe block (#20)

* feat: add iframe block

* chore: changeset

.changeset/orange-ads-enjoy.md

···
+---
+"@nulfrost/leaflet-loader-astro": minor
+---
+
+Add iframe block

lexicons/pub/leaflet/blocks/iframe.json

···
+{
+	"lexicon": 1,
+	"id": "pub.leaflet.blocks.iframe",
+	"defs": {
+		"main": {
+			"type": "object",
+			"required": ["url"],
+			"properties": {
+				"url": {
+					"type": "string",
+					"format": "uri"
+				},
+				"height": {
+					"type": "integer",
+					"minimum": 16,
+					"maximum": 1600
+				}
+			}
+		}
+	}
+}

lib/lexicons/index.ts

···
 export * as PubLeafletBlocksCode from "./types/pub/leaflet/blocks/code.js";
 export * as PubLeafletBlocksHeader from "./types/pub/leaflet/blocks/header.js";
 export * as PubLeafletBlocksHorizontalRule from "./types/pub/leaflet/blocks/horizontalRule.js";
+export * as PubLeafletBlocksIframe from "./types/pub/leaflet/blocks/iframe.js";
 export * as PubLeafletBlocksImage from "./types/pub/leaflet/blocks/image.js";
 export * as PubLeafletBlocksMath from "./types/pub/leaflet/blocks/math.js";
 export * as PubLeafletBlocksText from "./types/pub/leaflet/blocks/text.js";

lib/lexicons/types/pub/leaflet/blocks/iframe.ts

···
+import type {} from "@atcute/lexicons";
+import * as v from "@atcute/lexicons/validations";
+
+const _mainSchema = /*#__PURE__*/ v.object({
+  $type: /*#__PURE__*/ v.optional(
+    /*#__PURE__*/ v.literal("pub.leaflet.blocks.iframe"),
+  ),
+  height: /*#__PURE__*/ v.optional(
+    /*#__PURE__*/ v.constrain(/*#__PURE__*/ v.integer(), [
+      /*#__PURE__*/ v.integerRange(16, 1600),
+    ]),
+  ),
+  url: /*#__PURE__*/ v.genericUriString(),
+});
+
+type main$schematype = typeof _mainSchema;
+
+export interface mainSchema extends main$schematype {}
+
+export const mainSchema = _mainSchema as mainSchema;
+
+export interface Main extends v.InferInput<typeof mainSchema> {}

lib/utils.ts

···
 	PubLeafletBlocksCode,
 	PubLeafletBlocksHeader,
 	PubLeafletBlocksHorizontalRule,
+	PubLeafletBlocksIframe,
 	PubLeafletBlocksImage,
 	PubLeafletBlocksMath,
 	PubLeafletBlocksText,
···
 			"*": ["class", "style"],
 			img: ["src", "height", "width", "alt"],
 			a: ["href", "target", "rel"],
+			iframe: ["height", "allow", "loading", "src"],
 		},
 		allowedTags: [
 			"img",
···
 			"div",
 			"span",
 			"blockquote",
+			"iframe",
 		],
 		selfClosing: ["img"],
 	});
···
 
 	if (is(PubLeafletBlocksBlockquote.mainSchema, block.block)) {
 		html += `<blockquote>${parseTextBlock(block.block)}</blockquote>`;
+	}
+
+	if (is(PubLeafletBlocksIframe.mainSchema, block.block)) {
+		// @ts-ignore
+		html += `<iframe height="${block.block.height}" allow="fullscreen" loading="lazy" src="${block.block.url}"></iframe>`;
 	}
 
 	return html.trim();