-5

.changeset/sweet-rockets-fetch.md

··· 1 1 - --- 2 2 - "@nulfrost/leaflet-loader-astro": patch 3 3 - --- 4 4 - 5 5 - Add JSDoc comments for available loader options for leafletStaticLoader and leafletLiveLoader

+16

CHANGELOG.md

··· 1 1 # leaflet-loader-astro 2 2 3 3 + ## 1.3.0 4 4 + 5 5 + ### Minor Changes 6 6 + 7 7 + - eb3bc4b: Add iframe block 8 8 + 9 9 + ## 1.2.0 10 10 + 11 11 + ### Minor Changes 12 12 + 13 13 + - f920153: Add support for blockquotes 14 14 + 15 15 + ### Patch Changes 16 16 + 17 17 + - 8922bb1: Add JSDoc comments for available loader options for leafletStaticLoader and leafletLiveLoader 18 18 + 3 19 ## 1.1.0 4 20 5 21 ### Minor Changes

+14

README.md

··· 197 197 198 198 `reverse`: Whether or not to return the leaflet documents in reverse order. By default this is false. 199 199 200 200 + ## Supported Leaflet Blocks 201 201 + 202 202 + - [ ] Bluesky post 203 203 + - [x] Iframe 204 204 + - [x] Horizontal Rule 205 205 + - [x] Unordered List 206 206 + - [x] Math 207 207 + - [x] Code 208 208 + - [ ] Website 209 209 + - [x] Image 210 210 + - [x] Blockquote 211 211 + - [x] Text 212 212 + - [x] Header 213 213 + - [x] List Item 200 214 201 215 ## License 202 216

+22

lexicons/pub/leaflet/blocks/blockquote.json

··· 1 1 + { 2 2 + "lexicon": 1, 3 3 + "id": "pub.leaflet.blocks.blockquote", 4 4 + "defs": { 5 5 + "main": { 6 6 + "type": "object", 7 7 + "required": ["plaintext"], 8 8 + "properties": { 9 9 + "plaintext": { 10 10 + "type": "string" 11 11 + }, 12 12 + "facets": { 13 13 + "type": "array", 14 14 + "items": { 15 15 + "type": "ref", 16 16 + "ref": "pub.leaflet.richtext.facet" 17 17 + } 18 18 + } 19 19 + } 20 20 + } 21 21 + } 22 22 + }

+21

lexicons/pub/leaflet/blocks/iframe.json

··· 1 1 + { 2 2 + "lexicon": 1, 3 3 + "id": "pub.leaflet.blocks.iframe", 4 4 + "defs": { 5 5 + "main": { 6 6 + "type": "object", 7 7 + "required": ["url"], 8 8 + "properties": { 9 9 + "url": { 10 10 + "type": "string", 11 11 + "format": "uri" 12 12 + }, 13 13 + "height": { 14 14 + "type": "integer", 15 15 + "minimum": 16, 16 16 + "maximum": 1600 17 17 + } 18 18 + } 19 19 + } 20 20 + } 21 21 + }

+2

lib/lexicons/index.ts

··· 1 1 export * as ComAtprotoRepoStrongRef from "./types/com/atproto/repo/strongRef.js"; 2 2 + export * as PubLeafletBlocksBlockquote from "./types/pub/leaflet/blocks/blockquote.js"; 2 3 export * as PubLeafletBlocksCode from "./types/pub/leaflet/blocks/code.js"; 3 4 export * as PubLeafletBlocksHeader from "./types/pub/leaflet/blocks/header.js"; 4 5 export * as PubLeafletBlocksHorizontalRule from "./types/pub/leaflet/blocks/horizontalRule.js"; 6 6 + export * as PubLeafletBlocksIframe from "./types/pub/leaflet/blocks/iframe.js"; 5 7 export * as PubLeafletBlocksImage from "./types/pub/leaflet/blocks/image.js"; 6 8 export * as PubLeafletBlocksMath from "./types/pub/leaflet/blocks/math.js"; 7 9 export * as PubLeafletBlocksText from "./types/pub/leaflet/blocks/text.js";

+23

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

··· 1 1 + import type {} from "@atcute/lexicons"; 2 2 + import * as v from "@atcute/lexicons/validations"; 3 3 + import * as PubLeafletRichtextFacet from "../richtext/facet.js"; 4 4 + 5 5 + const _mainSchema = /*#__PURE__*/ v.object({ 6 6 + $type: /*#__PURE__*/ v.optional( 7 7 + /*#__PURE__*/ v.literal("pub.leaflet.blocks.blockquote"), 8 8 + ), 9 9 + get facets() { 10 10 + return /*#__PURE__*/ v.optional( 11 11 + /*#__PURE__*/ v.array(PubLeafletRichtextFacet.mainSchema), 12 12 + ); 13 13 + }, 14 14 + plaintext: /*#__PURE__*/ v.string(), 15 15 + }); 16 16 + 17 17 + type main$schematype = typeof _mainSchema; 18 18 + 19 19 + export interface mainSchema extends main$schematype {} 20 20 + 21 21 + export const mainSchema = _mainSchema as mainSchema; 22 22 + 23 23 + export interface Main extends v.InferInput<typeof mainSchema> {}

+22

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

··· 1 1 + import type {} from "@atcute/lexicons"; 2 2 + import * as v from "@atcute/lexicons/validations"; 3 3 + 4 4 + const _mainSchema = /*#__PURE__*/ v.object({ 5 5 + $type: /*#__PURE__*/ v.optional( 6 6 + /*#__PURE__*/ v.literal("pub.leaflet.blocks.iframe"), 7 7 + ), 8 8 + height: /*#__PURE__*/ v.optional( 9 9 + /*#__PURE__*/ v.constrain(/*#__PURE__*/ v.integer(), [ 10 10 + /*#__PURE__*/ v.integerRange(16, 1600), 11 11 + ]), 12 12 + ), 13 13 + url: /*#__PURE__*/ v.genericUriString(), 14 14 + }); 15 15 + 16 16 + type main$schematype = typeof _mainSchema; 17 17 + 18 18 + export interface mainSchema extends main$schematype {} 19 19 + 20 20 + export const mainSchema = _mainSchema as mainSchema; 21 21 + 22 22 + export interface Main extends v.InferInput<typeof mainSchema> {}

+1 -1

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

··· 14 14 ), 15 15 alt: /*#__PURE__*/ v.optional(/*#__PURE__*/ v.string()), 16 16 get aspectRatio() { 17 17 - return _aspectRatioSchema; 17 17 + return aspectRatioSchema; 18 18 }, 19 19 image: /*#__PURE__*/ v.blob(), 20 20 });

+68 -48

lib/utils.ts

··· 4 4 import katex from "katex"; 5 5 import sanitizeHTML from "sanitize-html"; 6 6 import { 7 7 + PubLeafletBlocksBlockquote, 7 8 PubLeafletBlocksCode, 8 9 PubLeafletBlocksHeader, 9 10 PubLeafletBlocksHorizontalRule, 11 11 + PubLeafletBlocksIframe, 10 12 PubLeafletBlocksImage, 11 13 PubLeafletBlocksMath, 12 14 PubLeafletBlocksText, ··· 161 163 "*": ["class", "style"], 162 164 img: ["src", "height", "width", "alt"], 163 165 a: ["href", "target", "rel"], 166 166 + iframe: ["height", "allow", "loading", "src"], 164 167 }, 165 168 allowedTags: [ 166 169 "img", ··· 182 185 "hr", 183 186 "div", 184 187 "span", 188 188 + "blockquote", 189 189 + "iframe", 185 190 ], 186 191 selfClosing: ["img"], 187 192 }); ··· 244 249 } 245 250 } 246 251 247 247 - function parseBlocks({ 252 252 + export function parseTextBlock(block: PubLeafletBlocksText.Main) { 253 253 + let html = ""; 254 254 + const rt = new RichText({ 255 255 + text: block.plaintext, 256 256 + facets: block.facets || [], 257 257 + }); 258 258 + const children = []; 259 259 + for (const segment of rt.segments()) { 260 260 + const link = segment.facet?.find( 261 261 + (segment) => segment.$type === "pub.leaflet.richtext.facet#link", 262 262 + ); 263 263 + const isBold = segment.facet?.find( 264 264 + (segment) => segment.$type === "pub.leaflet.richtext.facet#bold", 265 265 + ); 266 266 + const isCode = segment.facet?.find( 267 267 + (segment) => segment.$type === "pub.leaflet.richtext.facet#code", 268 268 + ); 269 269 + const isStrikethrough = segment.facet?.find( 270 270 + (segment) => segment.$type === "pub.leaflet.richtext.facet#strikethrough", 271 271 + ); 272 272 + const isUnderline = segment.facet?.find( 273 273 + (segment) => segment.$type === "pub.leaflet.richtext.facet#underline", 274 274 + ); 275 275 + const isItalic = segment.facet?.find( 276 276 + (segment) => segment.$type === "pub.leaflet.richtext.facet#italic", 277 277 + ); 278 278 + if (isCode) { 279 279 + children.push(`<pre><code>${segment.text}</code></pre>`); 280 280 + } else if (link) { 281 281 + children.push( 282 282 + `<a href="${link.uri}" target="_blank" rel="noopener noreferrer">${segment.text}</a>`, 283 283 + ); 284 284 + } else if (isBold) { 285 285 + children.push(`<b>${segment.text}</b>`); 286 286 + } else if (isStrikethrough) { 287 287 + children.push(`<s>${segment.text}</s>`); 288 288 + } else if (isUnderline) { 289 289 + children.push( 290 290 + `<span style="text-decoration:underline;">${segment.text}</span>`, 291 291 + ); 292 292 + } else if (isItalic) { 293 293 + children.push(`<i>${segment.text}</i>`); 294 294 + } else { 295 295 + children.push(`${segment.text}`); 296 296 + } 297 297 + } 298 298 + html += `<p>${children.join("")}</p>`; 299 299 + 300 300 + return html.trim(); 301 301 + } 302 302 + 303 303 + export function parseBlocks({ 248 304 block, 249 305 did, 250 306 }: { ··· 254 310 let html = ""; 255 311 256 312 if (is(PubLeafletBlocksText.mainSchema, block.block)) { 257 257 - const rt = new RichText({ 258 258 - text: block.block.plaintext, 259 259 - facets: block.block.facets || [], 260 260 - }); 261 261 - const children = []; 262 262 - for (const segment of rt.segments()) { 263 263 - const link = segment.facet?.find( 264 264 - (segment) => segment.$type === "pub.leaflet.richtext.facet#link", 265 265 - ); 266 266 - const isBold = segment.facet?.find( 267 267 - (segment) => segment.$type === "pub.leaflet.richtext.facet#bold", 268 268 - ); 269 269 - const isCode = segment.facet?.find( 270 270 - (segment) => segment.$type === "pub.leaflet.richtext.facet#code", 271 271 - ); 272 272 - const isStrikethrough = segment.facet?.find( 273 273 - (segment) => 274 274 - segment.$type === "pub.leaflet.richtext.facet#strikethrough", 275 275 - ); 276 276 - const isUnderline = segment.facet?.find( 277 277 - (segment) => segment.$type === "pub.leaflet.richtext.facet#underline", 278 278 - ); 279 279 - const isItalic = segment.facet?.find( 280 280 - (segment) => segment.$type === "pub.leaflet.richtext.facet#italic", 281 281 - ); 282 282 - if (isCode) { 283 283 - children.push(`<pre><code>${segment.text}</code></pre>`); 284 284 - } else if (link) { 285 285 - children.push( 286 286 - `<a href="${link.uri}" target="_blank" rel="noopener noreferrer">${segment.text}</a>`, 287 287 - ); 288 288 - } else if (isBold) { 289 289 - children.push(`<b>${segment.text}</b>`); 290 290 - } else if (isStrikethrough) { 291 291 - children.push(`<s>${segment.text}</s>`); 292 292 - } else if (isUnderline) { 293 293 - children.push( 294 294 - `<span style="text-decoration:underline;">${segment.text}</span>`, 295 295 - ); 296 296 - } else if (isItalic) { 297 297 - children.push(`<i>${segment.text}</i>`); 298 298 - } else { 299 299 - children.push(`${segment.text}`); 300 300 - } 301 301 - } 302 302 - html += `<p>${children.join("")}</p>`; 313 313 + html += parseTextBlock(block.block); 303 314 } 304 315 305 316 if (is(PubLeafletBlocksHeader.mainSchema, block.block)) { ··· 343 354 html += `<div><img src="https://cdn.bsky.app/img/feed_fullsize/plain/${did}/${block.block.image.ref.$link}@jpeg" height="${block.block.aspectRatio.height}" width="${block.block.aspectRatio.width}" alt="${block.block.alt}" /></div>`; 344 355 } 345 356 357 357 + if (is(PubLeafletBlocksBlockquote.mainSchema, block.block)) { 358 358 + html += `<blockquote>${parseTextBlock(block.block)}</blockquote>`; 359 359 + } 360 360 + 361 361 + if (is(PubLeafletBlocksIframe.mainSchema, block.block)) { 362 362 + // @ts-ignore 363 363 + html += `<iframe height="${block.block.height}" allow="fullscreen" loading="lazy" src="${block.block.url}"></iframe>`; 364 364 + } 365 365 + 346 366 return html.trim(); 347 367 } 348 368 349 349 - function renderListItem({ 369 369 + export function renderListItem({ 350 370 item, 351 371 did, 352 372 }: {

+1 -1

package.json

··· 1 1 { 2 2 "name": "@nulfrost/leaflet-loader-astro", 3 3 - "version": "1.1.0", 3 3 + "version": "1.3.0", 4 4 "description": "A leaflet.pub astro collection loader", 5 5 "keywords": [ 6 6 "astro",

+189

tests/parse-blocks.test.ts

··· 1 1 + import { expect, test } from "vitest"; 2 2 + import { parseBlocks } from "../lib/utils"; 3 3 + 4 4 + test("should correctly parse an h1 block to an h2 tag", () => { 5 5 + const html = parseBlocks({ 6 6 + block: { 7 7 + $type: "pub.leaflet.pages.linearDocument#block", 8 8 + block: { 9 9 + $type: "pub.leaflet.blocks.header", 10 10 + level: 1, 11 11 + facets: [], 12 12 + plaintext: "heading 1", 13 13 + }, 14 14 + }, 15 15 + did: "did:plc:qttsv4e7pu2jl3ilanfgc3zn", 16 16 + }); 17 17 + 18 18 + expect(html).toMatchInlineSnapshot(`"<h2>heading 1</h2>"`); 19 19 + }); 20 20 + 21 21 + test("should correctly parse an h2 block to an h3 tag", () => { 22 22 + const html = parseBlocks({ 23 23 + block: { 24 24 + $type: "pub.leaflet.pages.linearDocument#block", 25 25 + block: { 26 26 + $type: "pub.leaflet.blocks.header", 27 27 + level: 2, 28 28 + facets: [], 29 29 + plaintext: "heading 2", 30 30 + }, 31 31 + }, 32 32 + did: "did:plc:qttsv4e7pu2jl3ilanfgc3zn", 33 33 + }); 34 34 + 35 35 + expect(html).toMatchInlineSnapshot(`"<h3>heading 2</h3>"`); 36 36 + }); 37 37 + 38 38 + test("should correctly parse an h3 block to an h4 tag", () => { 39 39 + const html = parseBlocks({ 40 40 + block: { 41 41 + $type: "pub.leaflet.pages.linearDocument#block", 42 42 + block: { 43 43 + $type: "pub.leaflet.blocks.header", 44 44 + level: 3, 45 45 + facets: [], 46 46 + plaintext: "heading 3", 47 47 + }, 48 48 + }, 49 49 + did: "did:plc:qttsv4e7pu2jl3ilanfgc3zn", 50 50 + }); 51 51 + 52 52 + expect(html).toMatchInlineSnapshot(`"<h4>heading 3</h4>"`); 53 53 + }); 54 54 + 55 55 + test("should correctly parse a block with no level to an h6 tag", () => { 56 56 + const html = parseBlocks({ 57 57 + block: { 58 58 + $type: "pub.leaflet.pages.linearDocument#block", 59 59 + block: { 60 60 + $type: "pub.leaflet.blocks.header", 61 61 + facets: [], 62 62 + plaintext: "heading 6", 63 63 + }, 64 64 + }, 65 65 + did: "did:plc:qttsv4e7pu2jl3ilanfgc3zn", 66 66 + }); 67 67 + 68 68 + expect(html).toMatchInlineSnapshot(`"<h6>heading 6</h6>"`); 69 69 + }); 70 70 + 71 71 + test("should correctly parse an unordered list block", () => { 72 72 + const html = parseBlocks({ 73 73 + block: { 74 74 + $type: "pub.leaflet.pages.linearDocument#block", 75 75 + block: { 76 76 + $type: "pub.leaflet.blocks.unorderedList", 77 77 + children: [ 78 78 + { 79 79 + $type: "pub.leaflet.blocks.unorderedList#listItem", 80 80 + content: { 81 81 + $type: "pub.leaflet.blocks.text", 82 82 + facets: [ 83 83 + { 84 84 + index: { 85 85 + byteEnd: 18, 86 86 + byteStart: 0, 87 87 + }, 88 88 + features: [ 89 89 + { 90 90 + uri: "https://pdsls.dev/", 91 91 + $type: "pub.leaflet.richtext.facet#link", 92 92 + }, 93 93 + ], 94 94 + }, 95 95 + { 96 96 + index: { 97 97 + byteEnd: 28, 98 98 + byteStart: 22, 99 99 + }, 100 100 + features: [ 101 101 + { 102 102 + uri: "https://bsky.app/profile/juli.ee", 103 103 + $type: "pub.leaflet.richtext.facet#link", 104 104 + }, 105 105 + ], 106 106 + }, 107 107 + ], 108 108 + plaintext: "https://pdsls.dev/ by Juliet", 109 109 + }, 110 110 + children: [], 111 111 + }, 112 112 + { 113 113 + $type: "pub.leaflet.blocks.unorderedList#listItem", 114 114 + content: { 115 115 + $type: "pub.leaflet.blocks.text", 116 116 + facets: [ 117 117 + { 118 118 + index: { 119 119 + byteEnd: 34, 120 120 + byteStart: 0, 121 121 + }, 122 122 + features: [ 123 123 + { 124 124 + uri: "https://github.com/mary-ext/atcute", 125 125 + $type: "pub.leaflet.richtext.facet#link", 126 126 + }, 127 127 + ], 128 128 + }, 129 129 + { 130 130 + index: { 131 131 + byteEnd: 42, 132 132 + byteStart: 38, 133 133 + }, 134 134 + features: [ 135 135 + { 136 136 + uri: "https://bsky.app/profile/mary.my.id", 137 137 + $type: "pub.leaflet.richtext.facet#link", 138 138 + }, 139 139 + ], 140 140 + }, 141 141 + ], 142 142 + plaintext: "https://github.com/mary-ext/atcute by mary", 143 143 + }, 144 144 + children: [], 145 145 + }, 146 146 + { 147 147 + $type: "pub.leaflet.blocks.unorderedList#listItem", 148 148 + content: { 149 149 + $type: "pub.leaflet.blocks.text", 150 150 + facets: [ 151 151 + { 152 152 + index: { 153 153 + byteEnd: 27, 154 154 + byteStart: 0, 155 155 + }, 156 156 + features: [ 157 157 + { 158 158 + uri: "https://www.microcosm.blue/", 159 159 + $type: "pub.leaflet.richtext.facet#link", 160 160 + }, 161 161 + ], 162 162 + }, 163 163 + { 164 164 + index: { 165 165 + byteEnd: 35, 166 166 + byteStart: 31, 167 167 + }, 168 168 + features: [ 169 169 + { 170 170 + uri: "https://bsky.app/profile/bad-example.com", 171 171 + $type: "pub.leaflet.richtext.facet#link", 172 172 + }, 173 173 + ], 174 174 + }, 175 175 + ], 176 176 + plaintext: "https://www.microcosm.blue/ by phil", 177 177 + }, 178 178 + children: [], 179 179 + }, 180 180 + ], 181 181 + }, 182 182 + }, 183 183 + did: "did:plc:qttsv4e7pu2jl3ilanfgc3zn", 184 184 + }); 185 185 + 186 186 + expect(html).toMatchInlineSnapshot( 187 187 + `"<ul><li><p><a href="https://pdsls.dev/" target="_blank" rel="noopener noreferrer">https://pdsls.dev/</a> by <a href="https://bsky.app/profile/juli.ee" target="_blank" rel="noopener noreferrer">Juliet</a></p></li><li><p><a href="https://github.com/mary-ext/atcute" target="_blank" rel="noopener noreferrer">https://github.com/mary-ext/atcute</a> by <a href="https://bsky.app/profile/mary.my.id" target="_blank" rel="noopener noreferrer">mary</a></p></li><li><p><a href="https://www.microcosm.blue/" target="_blank" rel="noopener noreferrer">https://www.microcosm.blue/</a> by <a href="https://bsky.app/profile/bad-example.com" target="_blank" rel="noopener noreferrer">phil</a></p></li></ul>"`, 188 188 + ); 189 189 + });

+133

tests/parse-text-blocks.test.ts

··· 1 1 + import { expect, test } from "vitest"; 2 2 + import { parseTextBlock } from "../lib/utils"; 3 3 + 4 4 + test("should correctly parse a text block without facets", () => { 5 5 + const html = parseTextBlock({ 6 6 + $type: "pub.leaflet.blocks.text", 7 7 + facets: [], 8 8 + plaintext: "just plaintext no facets", 9 9 + }); 10 10 + 11 11 + expect(html).toMatchInlineSnapshot(`"<p>just plaintext no facets</p>"`); 12 12 + }); 13 13 + 14 14 + test("should correctly parse a text block with bolded text", () => { 15 15 + const html = parseTextBlock({ 16 16 + $type: "pub.leaflet.blocks.text", 17 17 + facets: [ 18 18 + { 19 19 + index: { 20 20 + byteEnd: 11, 21 21 + byteStart: 0, 22 22 + }, 23 23 + features: [ 24 24 + { 25 25 + $type: "pub.leaflet.richtext.facet#bold", 26 26 + }, 27 27 + ], 28 28 + }, 29 29 + ], 30 30 + plaintext: "bolded text with some plaintext", 31 31 + }); 32 32 + 33 33 + expect(html).toMatchInlineSnapshot( 34 34 + `"<p><b>bolded text</b> with some plaintext</p>"`, 35 35 + ); 36 36 + }); 37 37 + 38 38 + test("should correctly parse a text block with an inline link", () => { 39 39 + const html = parseTextBlock({ 40 40 + $type: "pub.leaflet.blocks.text", 41 41 + facets: [ 42 42 + { 43 43 + index: { 44 44 + byteEnd: 27, 45 45 + byteStart: 0, 46 46 + }, 47 47 + features: [ 48 48 + { 49 49 + uri: "https://blacksky.community/", 50 50 + $type: "pub.leaflet.richtext.facet#link", 51 51 + }, 52 52 + ], 53 53 + }, 54 54 + ], 55 55 + plaintext: "https://blacksky.community/", 56 56 + }); 57 57 + 58 58 + expect(html).toMatchInlineSnapshot( 59 59 + `"<p><a href="https://blacksky.community/" target="_blank" rel="noopener noreferrer">https://blacksky.community/</a></p>"`, 60 60 + ); 61 61 + }); 62 62 + 63 63 + test("should correctly parse a text block with strikethrough text", () => { 64 64 + const html = parseTextBlock({ 65 65 + $type: "pub.leaflet.blocks.text", 66 66 + facets: [ 67 67 + { 68 68 + index: { 69 69 + byteEnd: 13, 70 70 + byteStart: 0, 71 71 + }, 72 72 + features: [ 73 73 + { 74 74 + $type: "pub.leaflet.richtext.facet#strikethrough", 75 75 + }, 76 76 + ], 77 77 + }, 78 78 + ], 79 79 + plaintext: "strikethrough text with some plaintext", 80 80 + }); 81 81 + 82 82 + expect(html).toMatchInlineSnapshot( 83 83 + `"<p><s>strikethrough</s> text with some plaintext</p>"`, 84 84 + ); 85 85 + }); 86 86 + 87 87 + test("should correctly parse a text block with underlined text", () => { 88 88 + const html = parseTextBlock({ 89 89 + $type: "pub.leaflet.blocks.text", 90 90 + facets: [ 91 91 + { 92 92 + index: { 93 93 + byteEnd: 10, 94 94 + byteStart: 0, 95 95 + }, 96 96 + features: [ 97 97 + { 98 98 + $type: "pub.leaflet.richtext.facet#underline", 99 99 + }, 100 100 + ], 101 101 + }, 102 102 + ], 103 103 + plaintext: "underlined text with some plaintext", 104 104 + }); 105 105 + 106 106 + expect(html).toMatchInlineSnapshot( 107 107 + `"<p><span style="text-decoration:underline;">underlined</span> text with some plaintext</p>"`, 108 108 + ); 109 109 + }); 110 110 + 111 111 + test("should correctly parse a text block with italicized text", () => { 112 112 + const html = parseTextBlock({ 113 113 + $type: "pub.leaflet.blocks.text", 114 114 + facets: [ 115 115 + { 116 116 + index: { 117 117 + byteEnd: 10, 118 118 + byteStart: 0, 119 119 + }, 120 120 + features: [ 121 121 + { 122 122 + $type: "pub.leaflet.richtext.facet#italic", 123 123 + }, 124 124 + ], 125 125 + }, 126 126 + ], 127 127 + plaintext: "italicized text with some plaintext", 128 128 + }); 129 129 + 130 130 + expect(html).toMatchInlineSnapshot( 131 131 + `"<p><i>italicized</i> text with some plaintext</p>"`, 132 132 + ); 133 133 + });

+4

tests/uri-to-rkey.test.ts

··· 12 12 ), 13 13 ).toBe("3lvl7m6jd4s2e"); 14 14 }); 15 15 + 16 16 + test("should not pass if invalid uri is passed in", () => { 17 17 + expect(() => uriToRkey("invalid")).toThrowError(/failed to get rkey/i); 18 18 + });