camox 0.42.0 → 0.44.0

package/dist/core/lib/modifierFormats.js

@@ -3,8 +3,8 @@
 const FORMAT_FLAGS = {
 	bold: 1,
 	italic: 2,
-	underline: 8,
-	gradient: 1 << 20
+	strikethrough: 4,
+	highlight: 1 << 20
 };
 
 //#endregion

package/dist/core/lib/textLinks.js

@@ -12,12 +12,15 @@ function createPageTextLinkTarget(pageId) {
 function isHttpTextLinkTarget(target) {
 	return /^https?:\/\//i.test(target);
 }
+function isInternalTextLinkTarget(target) {
+	return /^\/(?!\/)[^\s\\\p{Cc}]*$/u.test(target);
+}
 function isValidTextLinkTarget(target) {
-	return getPageIdFromTextLinkTarget(target) != null || isHttpTextLinkTarget(target);
+	return getPageIdFromTextLinkTarget(target) != null || isHttpTextLinkTarget(target) || isInternalTextLinkTarget(target);
 }
 function resolveTextLinkHref(target, pages, fallbackHref) {
 	const pageId = getPageIdFromTextLinkTarget(target);
-	if (pageId == null) return isHttpTextLinkTarget(target) ? target : null;
+	if (pageId == null) return isValidTextLinkTarget(target) ? target : null;
 	return (pages?.find((p) => String(p.id) === pageId))?.fullPath ?? fallbackHref;
 }
 function shouldOpenTextLinkInNewTab(target) {

package/dist/core/lib/textStyles.d.ts

@@ -6,11 +6,11 @@ interface InlineStyle {
   style?: CSSProperties;
 }
 interface TextStyleData {
-  /** True when styling the shared gradient wrapper. Other flags are false for this call. */
-  gradient: boolean;
+  /** True when styling the shared highlight wrapper. Other flags are false for this call. */
+  highlight: boolean;
   bold: boolean;
   italic: boolean;
-  underline: boolean;
+  strikethrough: boolean;
 }
 interface TextLinkStyleData {
   target: string;

package/dist/core/lib/textStyles.js

@@ -3,10 +3,10 @@ import { FORMAT_FLAGS } from "./modifierFormats.js";
 //#region src/core/lib/textStyles.ts
 function getTextStyleData(format) {
 	return {
-		gradient: false,
+		highlight: false,
 		bold: !!(format & FORMAT_FLAGS.bold),
 		italic: !!(format & FORMAT_FLAGS.italic),
-		underline: !!(format & FORMAT_FLAGS.underline)
+		strikethrough: !!(format & FORMAT_FLAGS.strikethrough)
 	};
 }
 function getTextAppearance(format, styles) {
@@ -16,32 +16,27 @@ function getTextAppearance(format, styles) {
 		className: custom?.className,
 		style: {
 			...flags.bold && flags.italic ? { fontStyle: "italic" } : {},
-			...flags.underline ? { textDecorationLine: "underline" } : {},
+			...flags.strikethrough ? { textDecorationLine: "line-through" } : {},
 			...custom?.style
 		}
 	};
 }
-const defaultGradientStyle = {
-	backgroundImage: "linear-gradient(to right, var(--camox-gradient-from, var(--chart-1, var(--primary, currentColor))), var(--camox-gradient-to, var(--chart-2, var(--muted-foreground, currentColor))))",
-	backgroundClip: "text",
-	WebkitBackgroundClip: "text",
-	WebkitTextFillColor: "transparent"
-};
-function getGradientStyle(styles) {
+const defaultHighlightStyle = { color: "var(--primary, currentColor)" };
+function getHighlightStyle(styles) {
 	const custom = styles.textStyle?.({
-		gradient: true,
+		highlight: true,
 		bold: false,
 		italic: false,
-		underline: false
+		strikethrough: false
 	});
 	return {
 		className: custom?.className,
 		style: {
-			...defaultGradientStyle,
+			...defaultHighlightStyle,
 			...custom?.style
 		}
 	};
 }
 
 //#endregion
-export { getGradientStyle, getTextAppearance };
+export { getHighlightStyle, getTextAppearance };

package/dist/core/pageDestinations.js

@@ -0,0 +1,37 @@
+import { createPageTextLinkTarget } from "./lib/textLinks.js";
+
+//#region src/core/pageDestinations.ts
+/** Concrete navigable pages, not records that can all be mutated through pages.*. */
+function getPageDestinations(pages, layouts) {
+	return [...pages.map((page) => ({
+		key: `page:${page.id}`,
+		kind: "curated",
+		pageId: page.id,
+		title: page.nickname,
+		fullPath: page.fullPath
+	})), ...layouts.filter((layout) => layout._internal.kind === "singleton").map(({ _internal: layout }) => ({
+		key: `singleton:${layout.id}`,
+		kind: "singleton",
+		layoutId: layout.id,
+		title: layout.title,
+		fullPath: `/${layout.id.split(".").map(encodeURIComponent).join("/")}`
+	}))];
+}
+/** Singleton links are ordinary internal URLs, never synthetic database page IDs. */
+function destinationLink(destination) {
+	if (destination.kind === "curated") return {
+		type: "page",
+		pageId: String(destination.pageId)
+	};
+	return {
+		type: "external",
+		href: destination.fullPath
+	};
+}
+function destinationTextLink(destination) {
+	if (destination.kind === "curated") return createPageTextLinkTarget(destination.pageId);
+	return destination.fullPath;
+}
+
+//#endregion
+export { destinationLink, destinationTextLink, getPageDestinations };

package/dist/features/content/components/AssetCard.js

@@ -2,20 +2,21 @@ import { transformImageUrl } from "../../../core/lib/imageTransform.js";
 import { cn } from "../../../lib/utils.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { FileIcon } from "lucide-react";
+import { FileIcon, Play } from "lucide-react";
 
 //#region src/features/content/components/AssetCard.tsx
 const OPAQUE_IMAGE_MIME_TYPES = new Set(["image/jpeg", "image/jpg"]);
 const AssetCard = (t0) => {
-	const $ = c(46);
-	if ($[0] !== "1047e431261024f9506ec8f4989ecb00b2808af70364054688c5f3d5eb9e1f28") {
-		for (let $i = 0; $i < 46; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "1047e431261024f9506ec8f4989ecb00b2808af70364054688c5f3d5eb9e1f28";
+	const $ = c(50);
+	if ($[0] !== "9aebb85bb22fc4b24c35af733cd21a00df48ad736a0749a2028271c210f9e9e9") {
+		for (let $i = 0; $i < 50; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "9aebb85bb22fc4b24c35af733cd21a00df48ad736a0749a2028271c210f9e9e9";
 	}
 	const { file, selected, onSelect, onOpen } = t0;
 	let extension;
 	let isImage;
 	let isOpaqueImage;
+	let isVideo;
 	let t1;
 	let t2;
 	let t3;
@@ -24,38 +25,45 @@ const AssetCard = (t0) => {
 	let t6;
 	if ($[1] !== file.filename || $[2] !== file.id || $[3] !== file.mimeType || $[4] !== onOpen || $[5] !== onSelect || $[6] !== selected) {
 		isImage = file.mimeType?.startsWith("image/");
-		isOpaqueImage = isImage && OPAQUE_IMAGE_MIME_TYPES.has(file.mimeType ?? "");
 		let t7;
-		if ($[16] !== file.filename) {
-			t7 = file.filename?.split(".").pop()?.toUpperCase() ?? "";
-			$[16] = file.filename;
-			$[17] = t7;
-		} else t7 = $[17];
-		extension = t7;
+		if ($[17] !== file.mimeType) {
+			t7 = file.mimeType?.startsWith("video/");
+			$[17] = file.mimeType;
+			$[18] = t7;
+		} else t7 = $[18];
+		isVideo = t7;
+		isOpaqueImage = isImage && OPAQUE_IMAGE_MIME_TYPES.has(file.mimeType ?? "");
+		let t8;
+		if ($[19] !== file.filename) {
+			t8 = file.filename?.split(".").pop()?.toUpperCase() ?? "";
+			$[19] = file.filename;
+			$[20] = t8;
+		} else t8 = $[20];
+		extension = t8;
 		t2 = "button";
 		t3 = file.id;
-		const t8 = selected ? "bg-primary/20 border-2 border-primary" : "hover:bg-accent/75";
-		if ($[18] !== t8) {
-			t4 = cn("group flex flex-col gap-1.5 rounded-lg p-2 text-left border-2 border-transparent", t8);
-			$[18] = t8;
-			$[19] = t4;
-		} else t4 = $[19];
-		if ($[20] !== onSelect) {
+		const t9 = selected ? "bg-primary/20 border-2 border-primary" : "hover:bg-accent/75";
+		if ($[21] !== t9) {
+			t4 = cn("group flex flex-col gap-1.5 rounded-lg p-2 text-left border-2 border-transparent", t9);
+			$[21] = t9;
+			$[22] = t4;
+		} else t4 = $[22];
+		if ($[23] !== onSelect) {
 			t5 = (e) => {
 				e.stopPropagation();
 				onSelect();
 			};
-			$[20] = onSelect;
-			$[21] = t5;
-		} else t5 = $[21];
-		if ($[22] !== onOpen) {
+			$[23] = onSelect;
+			$[24] = t5;
+		} else t5 = $[24];
+		if ($[25] !== onOpen) {
 			t6 = (e_0) => {
 				e_0.stopPropagation();
 				onOpen();
 			};
-			$[22] = onOpen;
-			$[23] = t6;
-		} else t6 = $[23];
+			$[25] = onOpen;
+			$[26] = t6;
+		} else t6 = $[26];
 		t1 = cn("flex aspect-4/3 w-full items-center justify-center overflow-hidden rounded-sm", isOpaqueImage && "bg-muted", !isImage && "bg-muted", isImage && !isOpaqueImage && "checkered p-1.5");
 		$[1] = file.filename;
 		$[2] = file.id;
@@ -66,25 +74,27 @@ const AssetCard = (t0) => {
 		$[7] = extension;
 		$[8] = isImage;
 		$[9] = isOpaqueImage;
-		$[10] = t1;
-		$[11] = t2;
-		$[12] = t3;
-		$[13] = t4;
-		$[14] = t5;
-		$[15] = t6;
+		$[10] = isVideo;
+		$[11] = t1;
+		$[12] = t2;
+		$[13] = t3;
+		$[14] = t4;
+		$[15] = t5;
+		$[16] = t6;
 	} else {
 		extension = $[7];
 		isImage = $[8];
 		isOpaqueImage = $[9];
-		t1 = $[10];
-		t2 = $[11];
-		t3 = $[12];
-		t4 = $[13];
-		t5 = $[14];
-		t6 = $[15];
+		isVideo = $[10];
+		t1 = $[11];
+		t2 = $[12];
+		t3 = $[13];
+		t4 = $[14];
+		t5 = $[15];
+		t6 = $[16];
 	}
 	let t7;
-	if ($[24] !== extension || $[25] !== file.alt || $[26] !== file.filename || $[27] !== file.mimeType || $[28] !== file.size || $[29] !== file.url || $[30] !== isImage || $[31] !== isOpaqueImage) {
+	if ($[27] !== extension || $[28] !== file.alt || $[29] !== file.filename || $[30] !== file.mimeType || $[31] !== file.size || $[32] !== file.url || $[33] !== isImage || $[34] !== isOpaqueImage || $[35] !== isVideo) {
 		t7 = isImage ? /* @__PURE__ */ jsx("img", {
 			src: transformImageUrl(file.url, {
 				width: 480,
@@ -94,6 +104,27 @@ const AssetCard = (t0) => {
 			alt: file.alt || file.filename,
 			draggable: false,
 			className: cn("pointer-events-none h-full w-full", isOpaqueImage ? "object-cover" : "object-contain")
+		}) : isVideo ? /* @__PURE__ */ jsxs("div", {
+			className: "pointer-events-none relative h-full w-full",
+			children: [/* @__PURE__ */ jsx("video", {
+				src: file.url,
+				muted: true,
+				playsInline: true,
+				preload: "metadata",
+				"aria-hidden": "true",
+				className: "h-full w-full object-cover",
+				onLoadedMetadata: _temp
+			}, file.url), /* @__PURE__ */ jsx("span", {
+				className: "absolute inset-0 flex items-center justify-center",
+				children: /* @__PURE__ */ jsx("span", {
+					className: "rounded-full bg-black/50 p-2 text-white",
+					children: /* @__PURE__ */ jsx(Play, {
+						className: "h-5 w-5",
+						fill: "currentColor",
+						"aria-hidden": "true"
+					})
+				})
+			})]
 		}) : /* @__PURE__ */ jsxs("div", {
 			className: "text-muted-foreground flex flex-col items-center gap-1",
 			children: [/* @__PURE__ */ jsx(FileIcon, { className: "h-8 w-8" }), extension && /* @__PURE__ */ jsx("span", {
@@ -101,37 +132,38 @@ const AssetCard = (t0) => {
 				children: extension
 			})]
 		});
-		$[24] = extension;
-		$[25] = file.alt;
-		$[26] = file.filename;
-		$[27] = file.mimeType;
-		$[28] = file.size;
-		$[29] = file.url;
-		$[30] = isImage;
-		$[31] = isOpaqueImage;
-		$[32] = t7;
-	} else t7 = $[32];
+		$[27] = extension;
+		$[28] = file.alt;
+		$[29] = file.filename;
+		$[30] = file.mimeType;
+		$[31] = file.size;
+		$[32] = file.url;
+		$[33] = isImage;
+		$[34] = isOpaqueImage;
+		$[35] = isVideo;
+		$[36] = t7;
+	} else t7 = $[36];
 	let t8;
-	if ($[33] !== t1 || $[34] !== t7) {
+	if ($[37] !== t1 || $[38] !== t7) {
 		t8 = /* @__PURE__ */ jsx("div", {
 			className: t1,
 			children: t7
 		});
-		$[33] = t1;
-		$[34] = t7;
-		$[35] = t8;
-	} else t8 = $[35];
+		$[37] = t1;
+		$[38] = t7;
+		$[39] = t8;
+	} else t8 = $[39];
 	let t9;
-	if ($[36] !== file.filename) {
+	if ($[40] !== file.filename) {
 		t9 = /* @__PURE__ */ jsx("p", {
 			className: "line-clamp-2 px-0.5 text-xs break-all",
 			children: file.filename
 		});
-		$[36] = file.filename;
-		$[37] = t9;
-	} else t9 = $[37];
+		$[40] = file.filename;
+		$[41] = t9;
+	} else t9 = $[41];
 	let t10;
-	if ($[38] !== t2 || $[39] !== t3 || $[40] !== t4 || $[41] !== t5 || $[42] !== t6 || $[43] !== t8 || $[44] !== t9) {
+	if ($[42] !== t2 || $[43] !== t3 || $[44] !== t4 || $[45] !== t5 || $[46] !== t6 || $[47] !== t8 || $[48] !== t9) {
 		t10 = /* @__PURE__ */ jsxs("button", {
 			type: t2,
 			"data-asset-id": t3,
@@ -140,17 +172,21 @@ const AssetCard = (t0) => {
 			onDoubleClick: t6,
 			children: [t8, t9]
 		});
-		$[38] = t2;
-		$[39] = t3;
-		$[40] = t4;
-		$[41] = t5;
-		$[42] = t6;
-		$[43] = t8;
-		$[44] = t9;
-		$[45] = t10;
-	} else t10 = $[45];
+		$[42] = t2;
+		$[43] = t3;
+		$[44] = t4;
+		$[45] = t5;
+		$[46] = t6;
+		$[47] = t8;
+		$[48] = t9;
+		$[49] = t10;
+	} else t10 = $[49];
 	return t10;
 };
+function _temp(event) {
+	const video = event.currentTarget;
+	if (Number.isFinite(video.duration) && video.duration > 0) video.currentTime = Math.min(.1, video.duration / 2);
+}
 
 //#endregion
 export { AssetCard };

package/dist/features/og/imageResponse.node.js

@@ -1,7 +1,6 @@
 import { DEFAULT_FONTS } from "./defaultFonts.js";
-import { createRequire } from "node:module";
-import { readFileSync } from "node:fs";
 import { ImageResponse as ImageResponse$1 } from "@takumi-rs/image-response/wasm";
+import wasmModule from "@takumi-rs/wasm/next";
 import { Renderer, initSync } from "@takumi-rs/wasm/no-bundler";
 
 //#region src/features/og/imageResponse.node.ts
@@ -14,12 +13,10 @@ import { Renderer, initSync } from "@takumi-rs/wasm/no-bundler";
 * about which engine to use any more — it's only about *how* the wasm module
 * gets loaded:
 *
-*   - Here, we read the `.wasm` file off disk and `initSync` it ourselves
-*     before constructing a `Renderer`. `@takumi-rs/wasm` ships a "node"
-*     bundler entry that purports to do this, but its source uses an
-*     extensionless `import "../pkg/takumi_wasm"` which raw Node ESM rejects
-*     once the package is externalised by Nitro/Vite — so we go through the
-*     `no-bundler` entry directly.
+*   - Here, we import the wasm module and `initSync` it ourselves before
+*     constructing a `Renderer`. The static `?module` import lets Nitro emit
+*     the asset into the deployment instead of relying on a runtime
+*     `require.resolve` that dependency tracing cannot reliably discover.
 *
 *   - In `imageResponse.workerd.ts` there's no filesystem; instead we pass a
 *     `WebAssembly.Module` reference via `?module` import and let the
@@ -28,7 +25,12 @@ import { Renderer, initSync } from "@takumi-rs/wasm/no-bundler";
 * We use the BYO-renderer path of `@takumi-rs/image-response/wasm` so the
 * `module:` option isn't needed here — the renderer is already alive.
 */
-initSync({ module: readFileSync(createRequire(import.meta.url).resolve("@takumi-rs/wasm/takumi_wasm_bg.wasm")) });
+/**
+* Resolve and initialise the wasm module once at module load. `initSync`
+* compiles the wasm and wires up the JS bindings; subsequent `new Renderer()`
+* calls are cheap.
+*/
+initSync({ module: wasmModule });
 /**
 * Module-scoped singleton — building the renderer compiles the wasm module
 * and loads Geist; not free, and there's no reason to do it per request.