bearminion 1.5.0 → 1.6.0

package/dist/{page-B5NoN74Q.d.ts → page-BFuPEq6Q.d.ts}

@@ -271,10 +271,10 @@ declare const textMarkSchema: z.ZodObject<{
   start: z.ZodNumber;
   end: z.ZodNumber;
   weight: z.ZodOptional<z.ZodEnum<{
+    bold: "bold";
     regular: "regular";
     medium: "medium";
     semibold: "semibold";
-    bold: "bold";
   }>>;
   italic: z.ZodOptional<z.ZodBoolean>;
   font: z.ZodOptional<z.ZodEnum<{
@@ -315,10 +315,10 @@ declare function withEmphasis<T extends z.ZodRawShape>(shape: T): z.ZodPipe<z.Zo
     start: z.ZodNumber;
     end: z.ZodNumber;
     weight: z.ZodOptional<z.ZodEnum<{
+      bold: "bold";
       regular: "regular";
       medium: "medium";
       semibold: "semibold";
-      bold: "bold";
     }>>;
     italic: z.ZodOptional<z.ZodBoolean>;
     font: z.ZodOptional<z.ZodEnum<{
@@ -333,10 +333,10 @@ declare function withEmphasis<T extends z.ZodRawShape>(shape: T): z.ZodPipe<z.Zo
     start: z.ZodNumber;
     end: z.ZodNumber;
     weight: z.ZodOptional<z.ZodEnum<{
+      bold: "bold";
       regular: "regular";
       medium: "medium";
       semibold: "semibold";
-      bold: "bold";
     }>>;
     italic: z.ZodOptional<z.ZodBoolean>;
     font: z.ZodOptional<z.ZodEnum<{
@@ -353,10 +353,10 @@ declare function withEmphasis<T extends z.ZodRawShape>(shape: T): z.ZodPipe<z.Zo
     start: z.ZodNumber;
     end: z.ZodNumber;
     weight: z.ZodOptional<z.ZodEnum<{
+      bold: "bold";
       regular: "regular";
       medium: "medium";
       semibold: "semibold";
-      bold: "bold";
     }>>;
     italic: z.ZodOptional<z.ZodBoolean>;
     font: z.ZodOptional<z.ZodEnum<{
@@ -613,10 +613,10 @@ declare function createSiteSchema(header: HeaderParts, footer: FooterParts): z.Z
     start: z.ZodNumber;
     end: z.ZodNumber;
     weight: z.ZodOptional<z.ZodEnum<{
+      bold: "bold";
       regular: "regular";
       medium: "medium";
       semibold: "semibold";
-      bold: "bold";
     }>>;
     italic: z.ZodOptional<z.ZodBoolean>;
     font: z.ZodOptional<z.ZodEnum<{
@@ -848,7 +848,7 @@ declare function createSiteSchema(header: HeaderParts, footer: FooterParts): z.Z
   nameMarks: {
     start: number;
     end: number;
-    weight?: "regular" | "medium" | "semibold" | "bold" | undefined;
+    weight?: "bold" | "regular" | "medium" | "semibold" | undefined;
     italic?: boolean | undefined;
     font?: "sans" | "serif" | "mono" | undefined;
   }[] | undefined;
@@ -1106,7 +1106,7 @@ declare function createSiteSchema(header: HeaderParts, footer: FooterParts): z.Z
   nameMarks?: {
     start: number;
     end: number;
-    weight?: "regular" | "medium" | "semibold" | "bold" | undefined;
+    weight?: "bold" | "regular" | "medium" | "semibold" | undefined;
     italic?: boolean | undefined;
     font?: "sans" | "serif" | "mono" | undefined;
   }[] | undefined;

package/dist/rich-text.d.ts

@@ -1,21 +1,30 @@
 //#region src/rich-text.d.ts
 /**
  * The subset the editor toolbar writes: paragraphs, line breaks, bold, italic, inline code (backticks),
- * links, and bulleted or numbered lists. Headings and images are not supported.
+ * links, and bulleted or numbered lists. Images are not supported. Headings are not either, unless a field asks
+ * for them (`{ headings: true }`): then `## ` and `### ` lines are h2 and h3, and nothing else is a heading.
  * Stored as markdown. Rendered as a fixed set of tags, with text escaped.
  *
- * The output is always block content (`<p>`, `<ul>`, `<ol>`), so the element that holds it must accept blocks:
- * a `div` or a `blockquote`, never a `<p>` or a heading.
+ * The output is always block content (`<p>`, `<ul>`, `<ol>`, with headings `<h2>`, `<h3>`), so the element that
+ * holds it must accept blocks: a `div` or a `blockquote`, never a `<p>` or a heading.
  */
-export declare function renderRichText(markdown: string): string;
+/** What a rich field allows beyond the base subset. */
+export interface RichOptions {
+  /** Allow h2 and h3 as `## ` and `### ` lines. Page titles are h1, so nothing above h2 exists, and nothing below h3. */
+  headings?: boolean;
+}
+export declare function renderRichText(markdown: string, options?: RichOptions): string;
 /**
  * Pasted HTML, reduced to what a rich field can hold. The HTML is parsed (never inserted), read back as the
  * markdown subset, and rendered again, so only the renderer's own tags survive: no attributes, handlers or
  * elements from the clipboard reach the page. Headings and images are dropped. Browser only.
  */
-export declare function sanitizeRichHtml(html: string): string;
-/** Drop markdown headings and images from pasted plain text. */
-export declare function stripPlainRich(text: string): string;
+export declare function sanitizeRichHtml(html: string, options?: RichOptions): string;
+/**
+ * Drop markdown images from pasted plain text, and headings too unless the field allows them. Then a heading of any
+ * level becomes the nearest one the field has: `#` is `##`, and `####` and deeper are `###`.
+ */
+export declare function stripPlainRich(text: string, options?: RichOptions): string;
 /** True when a link URL is safe to put in an href. */
 export declare function isSafeHref(url: string): boolean;
 export declare function escapeHtml(value: string): string;
@@ -23,7 +32,7 @@ export declare function escapeHtml(value: string): string;
  * Turn the formatted DOM of a rich field back into the stored markdown subset. The HTML is parsed with
  * `DOMParser`, which never runs scripts or loads resources. Browser only (the editor overlay).
  */
-export declare function markdownFromHtml(html: string): string;
+export declare function markdownFromHtml(html: string, options?: RichOptions): string;
 export interface RichLinkSpan {
   label: string;
   href: string;

package/dist/rich-text.js

@@ -1,27 +1,35 @@
 //#region src/rich-text.ts
-/**
-* The subset the editor toolbar writes: paragraphs, line breaks, bold, italic, inline code (backticks),
-* links, and bulleted or numbered lists. Headings and images are not supported.
-* Stored as markdown. Rendered as a fixed set of tags, with text escaped.
-*
-* The output is always block content (`<p>`, `<ul>`, `<ol>`), so the element that holds it must accept blocks:
-* a `div` or a `blockquote`, never a `<p>` or a heading.
-*/
+const HEADING_LINE = /^(#{2,3})[ \t]+(\S.*)$/;
 const BLOCKED_PROTOCOL = /^(?:javascript|data|vbscript):/i;
-function renderRichText(markdown) {
-	return markdown.replace(/\r\n/g, "\n").split(/\n{2,}/).filter((block) => block.trim() !== "").map((block) => renderBlock(block)).map((html) => isListHtml(html) ? html : `<p>${html}</p>`).join("");
+function renderRichText(markdown, options = {}) {
+	const headings = options.headings === true;
+	const text = markdown.replace(/\r\n/g, "\n");
+	return (headings ? text.split("\n").map((line) => HEADING_LINE.test(line.trim()) ? `\n\n${line.trim()}\n\n` : line).join("\n") : text).split(/\n{2,}/).filter((block) => block.trim() !== "").map((block) => {
+		const heading = headings ? HEADING_LINE.exec(block.trim()) : null;
+		if (heading) {
+			const tag = heading[1]?.length === 2 ? "h2" : "h3";
+			return `<${tag}>${renderInline((heading[2] ?? "").trim())}</${tag}>`;
+		}
+		const html = renderBlock(block);
+		return isListHtml(html) ? html : `<p>${html}</p>`;
+	}).join("");
 }
 /**
 * Pasted HTML, reduced to what a rich field can hold. The HTML is parsed (never inserted), read back as the
 * markdown subset, and rendered again, so only the renderer's own tags survive: no attributes, handlers or
 * elements from the clipboard reach the page. Headings and images are dropped. Browser only.
 */
-function sanitizeRichHtml(html) {
-	return renderRichText(markdownFromHtml(html));
+function sanitizeRichHtml(html, options = {}) {
+	return renderRichText(markdownFromHtml(html, options), options);
 }
-/** Drop markdown headings and images from pasted plain text. */
-function stripPlainRich(text) {
-	return text.replace(/!\[[^\]]*\]\([^)\n]*\)/g, "").replace(/^#{1,6}[ \t]+.*$/gm, "");
+/**
+* Drop markdown images from pasted plain text, and headings too unless the field allows them. Then a heading of any
+* level becomes the nearest one the field has: `#` is `##`, and `####` and deeper are `###`.
+*/
+function stripPlainRich(text, options = {}) {
+	const withoutImages = text.replace(/!\[[^\]]*\]\([^)\n]*\)/g, "");
+	if (options.headings !== true) return withoutImages.replace(/^#{1,6}[ \t]+.*$/gm, "");
+	return withoutImages.replace(/^#{4,6}([ \t]+)/gm, "###$1").replace(/^#([ \t]+)/gm, "##$1");
 }
 function renderBlock(block) {
 	const lines = block.split("\n");
@@ -155,8 +163,8 @@ function escapeAttr(value) {
 * Turn the formatted DOM of a rich field back into the stored markdown subset. The HTML is parsed with
 * `DOMParser`, which never runs scripts or loads resources. Browser only (the editor overlay).
 */
-function markdownFromHtml(html) {
-	return cleanup(serialize(parseHtml(html)));
+function markdownFromHtml(html, options = {}) {
+	return cleanup(serialize(parseHtml(html, options.headings === true)));
 }
 /** Elements whose content is dropped with them. */
 const DROPPED = /* @__PURE__ */ new Set([
@@ -171,7 +179,10 @@ const DROPPED = /* @__PURE__ */ new Set([
 	"img",
 	"picture",
 	"video",
-	"audio",
+	"audio"
+]);
+/** Headings a field without them drops, with their text. */
+const HEADING_TAGS = /* @__PURE__ */ new Set([
 	"h1",
 	"h2",
 	"h3",
@@ -179,16 +190,16 @@ const DROPPED = /* @__PURE__ */ new Set([
 	"h5",
 	"h6"
 ]);
-function parseHtml(html) {
+function parseHtml(html, headings) {
 	const root = {
 		mark: "root",
 		children: []
 	};
 	const body = new DOMParser().parseFromString(`<!doctype html><body>${html}`, "text/html").body;
-	appendChildren(body, root);
+	appendChildren(body, root, headings);
 	return root;
 }
-function appendChildren(parent, into) {
+function appendChildren(parent, into, headings) {
 	for (const child of Array.from(parent.childNodes)) {
 		if (child.nodeType === TEXT_NODE) {
 			into.children.push({
@@ -202,6 +213,7 @@ function appendChildren(parent, into) {
 		const element = child;
 		const name = element.tagName.toLowerCase();
 		if (DROPPED.has(name)) continue;
+		if (HEADING_TAGS.has(name) && !headings) continue;
 		if (name === "br") {
 			into.children.push({
 				mark: "text",
@@ -212,7 +224,7 @@ function appendChildren(parent, into) {
 		}
 		const mark = blockOf(name) ?? markOf(name, element.getAttribute("style") ?? "");
 		if (!mark) {
-			appendChildren(element, into);
+			appendChildren(element, into, headings);
 			continue;
 		}
 		const tab = mark === "link" ? element.getAttribute("data-new-tab") : null;
@@ -223,12 +235,14 @@ function appendChildren(parent, into) {
 			newTab: tab === "true" ? "new" : tab === "false" ? "same" : void 0
 		};
 		into.children.push(node);
-		appendChildren(element, node);
+		appendChildren(element, node, headings);
 	}
 }
 const ELEMENT_NODE = 1;
 const TEXT_NODE = 3;
 function blockOf(name) {
+	if (name === "h1" || name === "h2") return "h2";
+	if (name === "h3" || name === "h4" || name === "h5" || name === "h6") return "h3";
 	if (name === "ul") return "ul";
 	if (name === "ol") return "ol";
 	if (name === "li") return "li";
@@ -260,6 +274,13 @@ function serializeFlow(nodes) {
 			out += `${list}\n\n`;
 			continue;
 		}
+		if (node.mark === "h2" || node.mark === "h3") {
+			const text = node.children.map((child) => serializeInline(child)).join("").replace(/\s*\n+\s*/g, " ").trim();
+			if (text === "") continue;
+			if (out.trim() !== "" && !out.endsWith("\n\n")) out = out.replace(/\n*$/, "\n\n");
+			out += `${node.mark === "h2" ? "##" : "###"} ${text}\n\n`;
+			continue;
+		}
 		if (node.mark === "block") {
 			const inner = serializeFlow(node.children).replace(/\n+$/, "");
 			if (inner === "") continue;
@@ -291,7 +312,7 @@ function serializeInline(node) {
 		return text.trim() === "" ? text : `\`${text}\``;
 	}
 	if (node.mark === "ul" || node.mark === "ol") return serializeList(node);
-	if (node.mark === "li" || node.mark === "block" || node.mark === "root") return serializeFlow(node.children);
+	if (node.mark === "li" || node.mark === "block" || node.mark === "root" || node.mark === "h2" || node.mark === "h3") return serializeFlow(node.mark === "h2" || node.mark === "h3" ? [node] : node.children);
 	const inner = node.children.map((child) => serializeInline(child)).join("");
 	if (!inner) return "";
 	if (node.mark === "strong") return `**${inner}**`;

package/dist/{theme-colors-CbCyVANH.js → theme-colors-CHROGZkI.js}

@@ -1,3 +1,33 @@
+//#region src/media-source.ts
+const YOUTUBE = /^https?:\/\/(?:(?:www|m)\.)?(?:youtube\.com\/(?:watch\?(?:[^#\s]*&)?v=|embed\/|shorts\/|live\/)|youtube-nocookie\.com\/embed\/|youtu\.be\/)([\w-]{6,})(?:[?&#][^\s]*)?$/i;
+const VIMEO = /^https?:\/\/(?:(?:www|player)\.)?vimeo\.com\/(?:video\/)?(\d+)(?:[/?#][^\s]*)?$/i;
+/** A path in `public/` (`/videos/demo.webm`) or an `https://` link to a video file. */
+const VIDEO_FILE = /^(?:\/(?!\/)|https?:\/\/)\S+\.(?:mp4|webm|m4v|mov|ogv)(?:[?#]\S*)?$/i;
+function parseMediaSource(value) {
+	const src = value.trim();
+	const youtube = YOUTUBE.exec(src);
+	if (youtube?.[1]) {
+		const id = youtube[1];
+		return {
+			kind: "youtube",
+			id,
+			embed: `https://www.youtube-nocookie.com/embed/${id}?autoplay=1&rel=0`,
+			thumbnail: `https://i.ytimg.com/vi/${id}/hqdefault.jpg`
+		};
+	}
+	const vimeo = VIMEO.exec(src);
+	if (vimeo?.[1]) return {
+		kind: "vimeo",
+		id: vimeo[1],
+		embed: `https://player.vimeo.com/video/${vimeo[1]}?autoplay=1&dnt=1`
+	};
+	if (VIDEO_FILE.test(src)) return {
+		kind: "file",
+		src
+	};
+	return null;
+}
+//#endregion
 //#region src/consent.ts
 /** Longest copy the consent banner takes, in characters. The editor shows the same limits. */
 const CONSENT_LIMITS = {
@@ -478,4 +508,4 @@ function contrastChecks(colors) {
 	return checks;
 }
 //#endregion
-export { consentCopy as _, contrastRatio as a, hasThemeColors as c, tokenToHex as d, CONSENT_COPY as f, CONSENT_REOPEN as g, CONSENT_LIMITS as h, contrastChecks as i, hexToToken as l, CONSENT_HREF_MESSAGE as m, HEX_COLOR as n, derivePalette as o, CONSENT_HREF as p, OVERRIDE_TOKENS as r, hasOverrides as s, DEFAULT_BRAND as t, themeCss as u, consentTextIssues as v };
+export { consentCopy as _, contrastRatio as a, parseMediaSource as b, hasThemeColors as c, tokenToHex as d, CONSENT_COPY as f, CONSENT_REOPEN as g, CONSENT_LIMITS as h, contrastChecks as i, hexToToken as l, CONSENT_HREF_MESSAGE as m, HEX_COLOR as n, derivePalette as o, CONSENT_HREF as p, OVERRIDE_TOKENS as r, hasOverrides as s, DEFAULT_BRAND as t, themeCss as u, consentTextIssues as v, VIDEO_FILE as y };