camox 0.31.5 → 0.33.0

package/dist/core/components/lexical/TextLinkPopover.js

@@ -0,0 +1,327 @@
+import { useProjectSlug } from "../../../lib/auth.js";
+import { pageQueries, projectQueries } from "../../../lib/queries.js";
+import { createPageTextLinkTarget, getPageIdFromTextLinkTarget } from "../../lib/textLinks.js";
+import { c } from "react/compiler-runtime";
+import { Input } from "@camox/ui/input";
+import { Label } from "@camox/ui/label";
+import { Popover, PopoverContent, PopoverTrigger } from "@camox/ui/popover";
+import { useQuery } from "@tanstack/react-query";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@camox/ui/button";
+import { Link2 } from "lucide-react";
+import { Tabs, TabsList, TabsTrigger } from "@camox/ui/tabs";
+
+//#region src/core/components/lexical/TextLinkPopover.tsx
+function TextLinkPopover(t0) {
+	const $ = c(67);
+	if ($[0] !== "7c8db8e526690648d7ded9c61109093d7db1e840e5fd768c697120d428d94f0f") {
+		for (let $i = 0; $i < 67; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "7c8db8e526690648d7ded9c61109093d7db1e840e5fd768c697120d428d94f0f";
+	}
+	const { open, onOpenChange, trigger, text, target, onSave, onUnlink } = t0;
+	const [textValue, setTextValue] = React.useState(text);
+	const [mode, setMode] = React.useState("page");
+	const [pageValue, setPageValue] = React.useState("");
+	const [urlValue, setUrlValue] = React.useState("");
+	const projectSlug = useProjectSlug();
+	let t1;
+	if ($[1] !== projectSlug) {
+		t1 = projectQueries.getBySlug(projectSlug);
+		$[1] = projectSlug;
+		$[2] = t1;
+	} else t1 = $[2];
+	const { data: project } = useQuery(t1);
+	let t2;
+	if ($[3] !== project?.id) {
+		t2 = pageQueries.list(project?.id ?? 0);
+		$[3] = project?.id;
+		$[4] = t2;
+	} else t2 = $[4];
+	const t3 = !!project;
+	let t4;
+	if ($[5] !== t2 || $[6] !== t3) {
+		t4 = {
+			...t2,
+			enabled: t3
+		};
+		$[5] = t2;
+		$[6] = t3;
+		$[7] = t4;
+	} else t4 = $[7];
+	const { data: pages } = useQuery(t4);
+	let t5;
+	if ($[8] !== target || $[9] !== text) {
+		t5 = () => {
+			setTextValue(text);
+			const pageId = target ? getPageIdFromTextLinkTarget(target) : null;
+			if (pageId != null) {
+				setMode("page");
+				setPageValue(pageId);
+				setUrlValue("");
+				return;
+			}
+			setMode("external");
+			setUrlValue(target ?? "");
+			setPageValue("");
+		};
+		$[8] = target;
+		$[9] = text;
+		$[10] = t5;
+	} else t5 = $[10];
+	const prepare = t5;
+	let t6;
+	let t7;
+	if ($[11] !== open || $[12] !== prepare) {
+		t6 = () => {
+			if (!open) return;
+			prepare();
+		};
+		t7 = [open, prepare];
+		$[11] = open;
+		$[12] = prepare;
+		$[13] = t6;
+		$[14] = t7;
+	} else {
+		t6 = $[13];
+		t7 = $[14];
+	}
+	React.useEffect(t6, t7);
+	let t8;
+	if ($[15] !== onOpenChange || $[16] !== prepare) {
+		t8 = (nextOpen) => {
+			onOpenChange(nextOpen);
+			if (nextOpen) prepare();
+		};
+		$[15] = onOpenChange;
+		$[16] = prepare;
+		$[17] = t8;
+	} else t8 = $[17];
+	const handleOpenChange = t8;
+	let t9;
+	if ($[18] !== mode || $[19] !== onSave || $[20] !== pageValue || $[21] !== textValue || $[22] !== urlValue) {
+		t9 = (event) => {
+			event.preventDefault();
+			const nextText = textValue.trim();
+			if (!nextText) return;
+			if (mode === "page") {
+				if (!pageValue) return;
+				onSave(createPageTextLinkTarget(pageValue), nextText);
+				return;
+			}
+			const nextTarget = urlValue.trim();
+			if (!/^https?:\/\//i.test(nextTarget)) return;
+			onSave(nextTarget, nextText);
+		};
+		$[18] = mode;
+		$[19] = onSave;
+		$[20] = pageValue;
+		$[21] = textValue;
+		$[22] = urlValue;
+		$[23] = t9;
+	} else t9 = $[23];
+	const handleSubmit = t9;
+	let t10;
+	if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = /* @__PURE__ */ jsx(Link2, {});
+		$[24] = t10;
+	} else t10 = $[24];
+	let t11;
+	if ($[25] !== trigger) {
+		t11 = /* @__PURE__ */ jsx(PopoverTrigger, {
+			render: trigger,
+			children: t10
+		});
+		$[25] = trigger;
+		$[26] = t11;
+	} else t11 = $[26];
+	let t12;
+	if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = /* @__PURE__ */ jsx(Label, {
+			htmlFor: "text-link-text",
+			children: "Text"
+		});
+		$[27] = t12;
+	} else t12 = $[27];
+	let t13;
+	if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
+		t13 = (event_0) => setTextValue(event_0.target.value);
+		$[28] = t13;
+	} else t13 = $[28];
+	let t14;
+	if ($[29] !== textValue) {
+		t14 = /* @__PURE__ */ jsxs("div", {
+			className: "grid gap-1.5",
+			children: [t12, /* @__PURE__ */ jsx(Input, {
+				id: "text-link-text",
+				value: textValue,
+				onChange: t13,
+				autoFocus: true
+			})]
+		});
+		$[29] = textValue;
+		$[30] = t14;
+	} else t14 = $[30];
+	let t15;
+	if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
+		t15 = /* @__PURE__ */ jsx(Label, { children: "Destination" });
+		$[31] = t15;
+	} else t15 = $[31];
+	let t16;
+	if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
+		t16 = (nextMode) => setMode(nextMode);
+		$[32] = t16;
+	} else t16 = $[32];
+	let t17;
+	if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
+		t17 = /* @__PURE__ */ jsxs(TabsList, {
+			className: "w-full",
+			children: [/* @__PURE__ */ jsx(TabsTrigger, {
+				value: "page",
+				children: "Page"
+			}), /* @__PURE__ */ jsx(TabsTrigger, {
+				value: "external",
+				children: "URL"
+			})]
+		});
+		$[33] = t17;
+	} else t17 = $[33];
+	let t18;
+	if ($[34] !== mode) {
+		t18 = /* @__PURE__ */ jsx(Tabs, {
+			value: mode,
+			onValueChange: t16,
+			children: t17
+		});
+		$[34] = mode;
+		$[35] = t18;
+	} else t18 = $[35];
+	let t19;
+	if ($[36] !== mode || $[37] !== pageValue || $[38] !== pages || $[39] !== urlValue) {
+		t19 = mode === "page" ? /* @__PURE__ */ jsxs("select", {
+			className: "border-input bg-background text-foreground h-9 rounded-md border px-2 text-sm",
+			value: pageValue,
+			onChange: (event_1) => setPageValue(event_1.target.value),
+			children: [/* @__PURE__ */ jsx("option", {
+				value: "",
+				children: pages && pages.length > 0 ? "Select a page" : "No pages found"
+			}), pages?.map(_temp)]
+		}) : /* @__PURE__ */ jsx(Input, {
+			type: "url",
+			placeholder: "https://",
+			value: urlValue,
+			onChange: (event_2) => setUrlValue(event_2.target.value)
+		});
+		$[36] = mode;
+		$[37] = pageValue;
+		$[38] = pages;
+		$[39] = urlValue;
+		$[40] = t19;
+	} else t19 = $[40];
+	let t20;
+	if ($[41] !== t18 || $[42] !== t19) {
+		t20 = /* @__PURE__ */ jsxs("div", {
+			className: "grid gap-1.5",
+			children: [
+				t15,
+				t18,
+				t19
+			]
+		});
+		$[41] = t18;
+		$[42] = t19;
+		$[43] = t20;
+	} else t20 = $[43];
+	let t21;
+	if ($[44] !== mode || $[45] !== pageValue || $[46] !== textValue || $[47] !== urlValue) {
+		t21 = !textValue.trim() || (mode === "page" ? !pageValue : !/^https?:\/\//i.test(urlValue.trim()));
+		$[44] = mode;
+		$[45] = pageValue;
+		$[46] = textValue;
+		$[47] = urlValue;
+		$[48] = t21;
+	} else t21 = $[48];
+	let t22;
+	if ($[49] !== t21) {
+		t22 = /* @__PURE__ */ jsx(Button, {
+			type: "submit",
+			size: "sm",
+			disabled: t21,
+			children: "Save"
+		});
+		$[49] = t21;
+		$[50] = t22;
+	} else t22 = $[50];
+	let t23;
+	if ($[51] !== onUnlink || $[52] !== target) {
+		t23 = target && /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			variant: "outline",
+			size: "sm",
+			onClick: onUnlink,
+			children: "Unlink"
+		});
+		$[51] = onUnlink;
+		$[52] = target;
+		$[53] = t23;
+	} else t23 = $[53];
+	let t24;
+	if ($[54] !== t22 || $[55] !== t23) {
+		t24 = /* @__PURE__ */ jsxs("div", {
+			className: "grid gap-2",
+			children: [t22, t23]
+		});
+		$[54] = t22;
+		$[55] = t23;
+		$[56] = t24;
+	} else t24 = $[56];
+	let t25;
+	if ($[57] !== handleSubmit || $[58] !== t14 || $[59] !== t20 || $[60] !== t24) {
+		t25 = /* @__PURE__ */ jsx(PopoverContent, {
+			align: "center",
+			className: "w-72 p-3",
+			children: /* @__PURE__ */ jsxs("form", {
+				className: "grid gap-3",
+				onSubmit: handleSubmit,
+				children: [
+					t14,
+					t20,
+					t24
+				]
+			})
+		});
+		$[57] = handleSubmit;
+		$[58] = t14;
+		$[59] = t20;
+		$[60] = t24;
+		$[61] = t25;
+	} else t25 = $[61];
+	let t26;
+	if ($[62] !== handleOpenChange || $[63] !== open || $[64] !== t11 || $[65] !== t25) {
+		t26 = /* @__PURE__ */ jsxs(Popover, {
+			open,
+			onOpenChange: handleOpenChange,
+			children: [t11, t25]
+		});
+		$[62] = handleOpenChange;
+		$[63] = open;
+		$[64] = t11;
+		$[65] = t25;
+		$[66] = t26;
+	} else t26 = $[66];
+	return t26;
+}
+function _temp(page) {
+	return /* @__PURE__ */ jsxs("option", {
+		value: page.id,
+		children: [
+			page.nickname,
+			" (",
+			page.fullPath,
+			")"
+		]
+	}, page.id);
+}
+
+//#endregion
+export { TextLinkPopover };

package/dist/core/components/lexical/editorConfig.js

@@ -1,5 +1,6 @@
 import { isLexicalState, markdownToLexicalState } from "../../lib/lexicalState.js";
 import { InlineParagraphNode } from "./InlineParagraphNode.js";
+import { LinkNode } from "@lexical/link";
 import { ParagraphNode } from "lexical";
 
 //#region src/core/components/lexical/editorConfig.ts
@@ -18,11 +19,16 @@ function createEditorConfig(initialState) {
 		onError: (error) => {
 			console.error("Lexical error:", error);
 		},
-		nodes: [InlineParagraphNode, {
-			replace: ParagraphNode,
-			with: () => new InlineParagraphNode(),
-			withKlass: InlineParagraphNode
-		}]
+		theme: { link: "camox-text-link" },
+		nodes: [
+			LinkNode,
+			InlineParagraphNode,
+			{
+				replace: ParagraphNode,
+				with: () => new InlineParagraphNode(),
+				withKlass: InlineParagraphNode
+			}
+		]
 	};
 }
 

package/dist/core/createApp.d.ts

@@ -1,4 +1,5 @@
 import { EmbedURL, FileValue, ImageValue, LinkValue } from "./lib/contentType.js";
+import { MarkdownInlineComponents } from "./lib/lexicalReact.js";
 import { Block, BlockComponentProps, PeekItem, RepeatableItemSeed } from "./createBlock.js";
 import { Layout, LayoutBlockData, OgImageParams } from "./createLayout.js";
 import * as _$_sinclair_typebox0 from "@sinclair/typebox";
@@ -28,9 +29,11 @@ declare function createApp({
     }) => React.JSX.Element;
     Field: <K extends never>({
       name,
+      components,
       children
     }: {
       name: K;
+      components?: MarkdownInlineComponents;
       children: (props: {
         children: React.ReactNode;
       } & {
@@ -134,6 +137,7 @@ declare function createApp({
       children: (item: {
         Field: <F extends keyof { [F_1 in keyof ({}[K] extends (infer U)[] ? U : never) as ({}[K] extends (infer U)[] ? U : never)[F_1] extends string ? F_1 : never]: ({}[K] extends (infer U)[] ? U : never)[F_1] }>(props: {
           name: F;
+          components?: MarkdownInlineComponents;
           children: (props: {
             children: React.ReactNode;
           } & {
@@ -258,6 +262,7 @@ declare function createApp({
           children: (item: {
             Field: (props: {
               name: string;
+              components?: MarkdownInlineComponents;
               children: (props: {
                 children: React.ReactNode;
               } & {
@@ -426,9 +431,11 @@ declare function createApp({
     }) => React.JSX.Element;
     Field: <K extends never>({
       name,
+      components,
       children
     }: {
       name: K;
+      components?: MarkdownInlineComponents;
       children: (props: {
         children: React.ReactNode;
       } & {
@@ -532,6 +539,7 @@ declare function createApp({
       children: (item: {
         Field: <F extends keyof { [F_1 in keyof ({}[K] extends (infer U)[] ? U : never) as ({}[K] extends (infer U)[] ? U : never)[F_1] extends string ? F_1 : never]: ({}[K] extends (infer U)[] ? U : never)[F_1] }>(props: {
           name: F;
+          components?: MarkdownInlineComponents;
           children: (props: {
             children: React.ReactNode;
           } & {
@@ -656,6 +664,7 @@ declare function createApp({
           children: (item: {
             Field: (props: {
               name: string;
+              components?: MarkdownInlineComponents;
               children: (props: {
                 children: React.ReactNode;
               } & {

package/dist/core/createBlock.d.ts

@@ -1,4 +1,5 @@
 import { EmbedURL, FileValue, ImageValue, ItemSettingsBrand, LinkValue, ToMarkdownBuilder, Type } from "./lib/contentType.js";
+import { MarkdownInlineComponents, MarkdownLinkRenderData, MarkdownLinkRenderProps } from "./lib/lexicalReact.js";
 import * as _$_sinclair_typebox0 from "@sinclair/typebox";
 import { Static, TSchema, Type as Type$1 } from "@sinclair/typebox";
 import * as React from "react";
@@ -46,7 +47,7 @@ interface CreateBlockOptions<TSchemaShape extends Record<string, TSchema> = Reco
    */
   settings?: TSettingsShape;
   /**
-   * When true, this block can only be used inside layouts and won't appear in the AddBlockSheet
+   * When true, this block can only be used inside layouts and won't appear in the AddBlockSidebar
    * or be available for AI page generation.
    */
   layoutOnly?: TLayoutOnly;
@@ -153,9 +154,11 @@ declare function createBlock<TSchemaShape extends Record<string, TSchema>, TSett
     params: unknown[] & [];
   })["static"] }, Exclude<keyof TSchemaShape, { [K_2 in keyof TSchemaShape]: TSchemaShape[K_2] extends _$_sinclair_typebox0.TReadonly<TSchema> ? TSchemaShape[K_2] extends _$_sinclair_typebox0.TOptional<TSchemaShape[K_2]> ? K_2 : never : never }[keyof TSchemaShape] | { [K_3 in keyof TSchemaShape]: TSchemaShape[K_3] extends _$_sinclair_typebox0.TReadonly<TSchema> ? TSchemaShape[K_3] extends _$_sinclair_typebox0.TOptional<TSchemaShape[K_3]> ? never : K_3 : never }[keyof TSchemaShape] | { [K_4 in keyof TSchemaShape]: TSchemaShape[K_4] extends _$_sinclair_typebox0.TOptional<TSchema> ? TSchemaShape[K_4] extends _$_sinclair_typebox0.TReadonly<TSchemaShape[K_4]> ? never : K_4 : never }[keyof TSchemaShape]>>>>[K_5] }>({
     name,
+    components,
     children
   }: {
     name: K;
+    components?: MarkdownInlineComponents;
     children: (props: {
       children: React.ReactNode;
     } & {
@@ -515,6 +518,7 @@ declare function createBlock<TSchemaShape extends Record<string, TSchema>, TSett
         params: unknown[] & [];
       })["static"] }, Exclude<keyof TSchemaShape, { [K_2 in keyof TSchemaShape]: TSchemaShape[K_2] extends _$_sinclair_typebox0.TReadonly<TSchema> ? TSchemaShape[K_2] extends _$_sinclair_typebox0.TOptional<TSchemaShape[K_2]> ? K_2 : never : never }[keyof TSchemaShape] | { [K_3 in keyof TSchemaShape]: TSchemaShape[K_3] extends _$_sinclair_typebox0.TReadonly<TSchema> ? TSchemaShape[K_3] extends _$_sinclair_typebox0.TOptional<TSchemaShape[K_3]> ? never : K_3 : never }[keyof TSchemaShape] | { [K_4 in keyof TSchemaShape]: TSchemaShape[K_4] extends _$_sinclair_typebox0.TOptional<TSchema> ? TSchemaShape[K_4] extends _$_sinclair_typebox0.TReadonly<TSchemaShape[K_4]> ? never : K_4 : never }[keyof TSchemaShape]>>>>[K_5] }[K] extends (infer U)[] ? U : never)[F_1] }>(props: {
         name: F;
+        components?: MarkdownInlineComponents;
         children: (props: {
           children: React.ReactNode;
         } & {
@@ -1239,6 +1243,7 @@ declare function createBlock<TSchemaShape extends Record<string, TSchema>, TSett
         children: (item: {
           Field: (props: {
             name: string;
+            components?: MarkdownInlineComponents;
             children: (props: {
               children: React.ReactNode;
             } & {
@@ -1448,4 +1453,4 @@ declare function createBlock<TSchemaShape extends Record<string, TSchema>, TSett
 };
 type Block = ReturnType<typeof createBlock>;
 //#endregion
-export { Block, BlockComponentProps, PeekItem, RepeatableItemSeed, Type, createBlock };
+export { Block, BlockComponentProps, type MarkdownInlineComponents, type MarkdownLinkRenderData, type MarkdownLinkRenderProps, PeekItem, RepeatableItemSeed, Type, createBlock };