camox 0.44.0 → 0.45.0

package/dist/components/AuthGate.js

@@ -1,13 +1,7 @@
 import { useAuthState } from "../lib/auth.js";
-import { c } from "react/compiler-runtime";
 
 //#region src/components/AuthGate.tsx
 function AuthGate(t0) {
-	const $ = c(1);
-	if ($[0] !== "6de4384ece40c4b5e89894da23db2a5fb013bb295503fd2026710f49f69dd9a6") {
-		for (let $i = 0; $i < 1; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "6de4384ece40c4b5e89894da23db2a5fb013bb295503fd2026710f49f69dd9a6";
-	}
 	const { authenticated, unauthenticated, loading: t1 } = t0;
 	const loading = t1 === void 0 ? null : t1;
 	const { isAuthenticated, isLoading } = useAuthState();

package/dist/components/DeviceSelector.js

@@ -0,0 +1,96 @@
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Monitor, Smartphone, Tablet } from "lucide-react";
+import { ButtonGroup } from "@camox/ui/button-group";
+import * as Tooltip$1 from "@camox/ui/tooltip";
+import { Toggle } from "@camox/ui/toggle";
+
+//#region src/components/DeviceSelector.tsx
+function DeviceSelector(t0) {
+	const $ = c(15);
+	const { value, onValueChange, "aria-label": t1, desktopLabel: t2, className, size: t3 } = t0;
+	const ariaLabel = t1 === void 0 ? "Device" : t1;
+	const desktopLabel = t2 === void 0 ? "Desktop view" : t2;
+	const size = t3 === void 0 ? "default" : t3;
+	let t4;
+	if ($[0] !== desktopLabel) {
+		t4 = {
+			value: "desktop",
+			label: desktopLabel,
+			icon: Monitor
+		};
+		$[0] = desktopLabel;
+		$[1] = t4;
+	} else t4 = $[1];
+	let t5;
+	let t6;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = {
+			value: "tablet",
+			label: "Tablet view",
+			icon: Tablet
+		};
+		t6 = {
+			value: "mobile",
+			label: "Mobile view",
+			icon: Smartphone
+		};
+		$[2] = t5;
+		$[3] = t6;
+	} else {
+		t5 = $[2];
+		t6 = $[3];
+	}
+	let t7;
+	if ($[4] !== t4) {
+		t7 = [
+			t4,
+			t5,
+			t6
+		];
+		$[4] = t4;
+		$[5] = t7;
+	} else t7 = $[5];
+	const options = t7;
+	let t8;
+	if ($[6] !== onValueChange || $[7] !== options || $[8] !== size || $[9] !== value) {
+		t8 = options.map((t9) => {
+			const { value: device, label, icon: Icon } = t9;
+			return /* @__PURE__ */ jsxs(Tooltip$1.Tooltip, { children: [/* @__PURE__ */ jsx(Tooltip$1.TooltipTrigger, {
+				render: /* @__PURE__ */ jsx(Toggle, {
+					"aria-label": label,
+					"data-state": value === device ? "on" : "off",
+					pressed: value === device,
+					onPressedChange: () => {
+						if (value === device) return;
+						onValueChange(device);
+					},
+					variant: "outline",
+					size
+				}),
+				children: /* @__PURE__ */ jsx(Icon, {})
+			}), /* @__PURE__ */ jsx(Tooltip$1.TooltipContent, { children: label })] }, device);
+		});
+		$[6] = onValueChange;
+		$[7] = options;
+		$[8] = size;
+		$[9] = value;
+		$[10] = t8;
+	} else t8 = $[10];
+	let t9;
+	if ($[11] !== ariaLabel || $[12] !== className || $[13] !== t8) {
+		t9 = /* @__PURE__ */ jsx(ButtonGroup, {
+			"aria-label": ariaLabel,
+			className,
+			children: t8
+		});
+		$[11] = ariaLabel;
+		$[12] = className;
+		$[13] = t8;
+		$[14] = t9;
+	} else t9 = $[14];
+	return t9;
+}
+
+//#endregion
+export { DeviceSelector };

package/dist/components/PlatformLabel.js

@@ -6,55 +6,51 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/PlatformLabel.tsx
 /** Both variants exist during SSR; the head bootstrap selects one before paint. */
 function PlatformLabel(t0) {
-	const $ = c(10);
-	if ($[0] !== "aae56b4e6a643d5e25aadf2956d9637046ab5dac1ced5206ee77f664834bbaa3") {
-		for (let $i = 0; $i < 10; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "aae56b4e6a643d5e25aadf2956d9637046ab5dac1ced5206ee77f664834bbaa3";
-	}
+	const $ = c(9);
 	const { mac, other } = t0;
 	let t1;
-	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = [];
-		$[1] = t1;
-	} else t1 = $[1];
+		$[0] = t1;
+	} else t1 = $[0];
 	useLayoutEffect(bootstrapPlatform, t1);
 	let t2;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
 		t2 = /* @__PURE__ */ jsx("style", {
 			"data-camox-studio": true,
 			children: PLATFORM_LABEL_CSS
 		});
-		$[2] = t2;
-	} else t2 = $[2];
+		$[1] = t2;
+	} else t2 = $[1];
 	let t3;
-	if ($[3] !== mac) {
+	if ($[2] !== mac) {
 		t3 = /* @__PURE__ */ jsx("span", {
 			className: "camox-platform-mac",
 			children: mac
 		});
-		$[3] = mac;
-		$[4] = t3;
-	} else t3 = $[4];
+		$[2] = mac;
+		$[3] = t3;
+	} else t3 = $[3];
 	let t4;
-	if ($[5] !== other) {
+	if ($[4] !== other) {
 		t4 = /* @__PURE__ */ jsx("span", {
 			className: "camox-platform-other",
 			children: other
 		});
-		$[5] = other;
-		$[6] = t4;
-	} else t4 = $[6];
+		$[4] = other;
+		$[5] = t4;
+	} else t4 = $[5];
 	let t5;
-	if ($[7] !== t3 || $[8] !== t4) {
+	if ($[6] !== t3 || $[7] !== t4) {
 		t5 = /* @__PURE__ */ jsxs("span", { children: [
 			t2,
 			t3,
 			t4
 		] });
-		$[7] = t3;
-		$[8] = t4;
-		$[9] = t5;
-	} else t5 = $[9];
+		$[6] = t3;
+		$[7] = t4;
+		$[8] = t5;
+	} else t5 = $[8];
 	return t5;
 }
 

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

@@ -123,4 +123,4 @@ function $normalizeHighlight(node) {
 }
 
 //#endregion
-export { $normalizeHighlight, $selectionHasHighlight, $toggleHighlight, HighlightNode };
+export { $createHighlightNode, $getHighlight, $normalizeHighlight, $selectionHasHighlight, $toggleHighlight, HighlightNode };

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

@@ -9,36 +9,32 @@ import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext
 * so it can be nested inside phrasing elements like <h1>, <p>, etc.
 */
 const InlineContentEditable = React.forwardRef(function InlineContentEditable(props, ref) {
-	const $ = c(9);
-	if ($[0] !== "f51782e849cd836b7225033d5ff80235d50e414894520650c8d6d2b8f668364d") {
-		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f51782e849cd836b7225033d5ff80235d50e414894520650c8d6d2b8f668364d";
-	}
+	const $ = c(8);
 	const [editor] = useLexicalComposerContext();
 	let t0;
-	if ($[1] !== editor) {
+	if ($[0] !== editor) {
 		t0 = (el) => {
 			if (el?.ownerDocument?.defaultView) editor.setRootElement(el);
 			else editor.setRootElement(null);
 		};
-		$[1] = editor;
-		$[2] = t0;
-	} else t0 = $[2];
+		$[0] = editor;
+		$[1] = t0;
+	} else t0 = $[1];
 	const handleRef = t0;
 	let t1;
-	if ($[3] !== handleRef || $[4] !== ref) {
+	if ($[2] !== handleRef || $[3] !== ref) {
 		t1 = (el_0) => {
 			handleRef(el_0);
 			if (typeof ref === "function") ref(el_0);
 			else if (ref) ref.current = el_0;
 		};
-		$[3] = handleRef;
-		$[4] = ref;
-		$[5] = t1;
-	} else t1 = $[5];
+		$[2] = handleRef;
+		$[3] = ref;
+		$[4] = t1;
+	} else t1 = $[4];
 	const mergedRef = t1;
 	let t2;
-	if ($[6] !== mergedRef || $[7] !== props) {
+	if ($[5] !== mergedRef || $[6] !== props) {
 		t2 = /* @__PURE__ */ jsx("span", {
 			...props,
 			contentEditable: true,
@@ -46,10 +42,10 @@ const InlineContentEditable = React.forwardRef(function InlineContentEditable(pr
 			role: "textbox",
 			spellCheck: true
 		});
-		$[6] = mergedRef;
-		$[7] = props;
-		$[8] = t2;
-	} else t2 = $[8];
+		$[5] = mergedRef;
+		$[6] = props;
+		$[7] = t2;
+	} else t2 = $[7];
 	return t2;
 });
 

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

@@ -3,8 +3,10 @@ import { lexicalStateToMarkdown } from "../../lib/lexicalState.js";
 import { useFrame } from "../../../features/preview/components/Frame.js";
 import { createEditorConfig, normalizeLexicalState } from "./editorConfig.js";
 import { InlineStylesPlugin } from "./InlineStylesPlugin.js";
+import { MaxLengthPlugin } from "./MaxLengthPlugin.js";
 import { InlineContentEditable } from "./InlineContentEditable.js";
 import { SelectionBroadcaster } from "./SelectionBroadcaster.js";
+import { SummaryToggleGuard } from "./SummaryToggleGuard.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -19,17 +21,13 @@ import { $getSelection, $isRangeSelection, COMMAND_PRIORITY_LOW, INSERT_LINE_BRE
 
 //#region src/core/components/lexical/InlineLexicalEditor.tsx
 function ExternalStateSync(t0) {
-	const $ = c(8);
-	if ($[0] !== "ce0aab2d8f6174c436b3fa78439a44b23b8d509cc6b49c38f4129c459abdf4cc") {
-		for (let $i = 0; $i < 8; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "ce0aab2d8f6174c436b3fa78439a44b23b8d509cc6b49c38f4129c459abdf4cc";
-	}
+	const $ = c(7);
 	const { externalState } = t0;
 	const [editor] = useLexicalComposerContext();
 	const isFocusedRef = React.useRef(false);
 	let t1;
 	let t2;
-	if ($[1] !== editor) {
+	if ($[0] !== editor) {
 		t1 = () => editor.registerRootListener((root) => {
 			if (!root) return;
 			const handleFocus = () => {
@@ -46,17 +44,17 @@ function ExternalStateSync(t0) {
 			};
 		});
 		t2 = [editor];
-		$[1] = editor;
-		$[2] = t1;
-		$[3] = t2;
+		$[0] = editor;
+		$[1] = t1;
+		$[2] = t2;
 	} else {
-		t1 = $[2];
-		t2 = $[3];
+		t1 = $[1];
+		t2 = $[2];
 	}
 	React.useEffect(t1, t2);
 	let t3;
 	let t4;
-	if ($[4] !== editor || $[5] !== externalState) {
+	if ($[3] !== editor || $[4] !== externalState) {
 		t3 = () => {
 			if (isFocusedRef.current) return;
 			try {
@@ -66,78 +64,66 @@ function ExternalStateSync(t0) {
 			} catch {}
 		};
 		t4 = [editor, externalState];
-		$[4] = editor;
-		$[5] = externalState;
-		$[6] = t3;
-		$[7] = t4;
+		$[3] = editor;
+		$[4] = externalState;
+		$[5] = t3;
+		$[6] = t4;
 	} else {
-		t3 = $[6];
-		t4 = $[7];
+		t3 = $[5];
+		t4 = $[6];
 	}
 	React.useEffect(t3, t4);
 	return null;
 }
 function EscapeHandler() {
-	const $ = c(4);
-	if ($[0] !== "ce0aab2d8f6174c436b3fa78439a44b23b8d509cc6b49c38f4129c459abdf4cc") {
-		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "ce0aab2d8f6174c436b3fa78439a44b23b8d509cc6b49c38f4129c459abdf4cc";
-	}
+	const $ = c(3);
 	const [editor] = useLexicalComposerContext();
 	let t0;
 	let t1;
-	if ($[1] !== editor) {
+	if ($[0] !== editor) {
 		t0 = () => editor.registerCommand(KEY_ESCAPE_COMMAND, () => {
 			editor.getRootElement()?.blur();
 			return true;
 		}, COMMAND_PRIORITY_LOW);
 		t1 = [editor];
-		$[1] = editor;
-		$[2] = t0;
-		$[3] = t1;
+		$[0] = editor;
+		$[1] = t0;
+		$[2] = t1;
 	} else {
-		t0 = $[2];
-		t1 = $[3];
+		t0 = $[1];
+		t1 = $[2];
 	}
 	React.useEffect(t0, t1);
 	return null;
 }
 function EnterAsLineBreakHandler() {
-	const $ = c(4);
-	if ($[0] !== "ce0aab2d8f6174c436b3fa78439a44b23b8d509cc6b49c38f4129c459abdf4cc") {
-		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "ce0aab2d8f6174c436b3fa78439a44b23b8d509cc6b49c38f4129c459abdf4cc";
-	}
+	const $ = c(3);
 	const [editor] = useLexicalComposerContext();
 	let t0;
 	let t1;
-	if ($[1] !== editor) {
+	if ($[0] !== editor) {
 		t0 = () => editor.registerCommand(KEY_ENTER_COMMAND, (event) => {
 			event?.preventDefault();
 			editor.dispatchCommand(INSERT_LINE_BREAK_COMMAND, false);
 			return true;
 		}, COMMAND_PRIORITY_LOW);
 		t1 = [editor];
-		$[1] = editor;
-		$[2] = t0;
-		$[3] = t1;
+		$[0] = editor;
+		$[1] = t0;
+		$[2] = t1;
 	} else {
-		t0 = $[2];
-		t1 = $[3];
+		t0 = $[1];
+		t1 = $[2];
 	}
 	React.useEffect(t0, t1);
 	return null;
 }
 function PasteUrlAsLinkHandler() {
-	const $ = c(4);
-	if ($[0] !== "ce0aab2d8f6174c436b3fa78439a44b23b8d509cc6b49c38f4129c459abdf4cc") {
-		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "ce0aab2d8f6174c436b3fa78439a44b23b8d509cc6b49c38f4129c459abdf4cc";
-	}
+	const $ = c(3);
 	const [editor] = useLexicalComposerContext();
 	let t0;
 	let t1;
-	if ($[1] !== editor) {
+	if ($[0] !== editor) {
 		t0 = () => editor.registerCommand(PASTE_COMMAND, (event) => {
 			const selection = $getSelection();
 			if (!$isRangeSelection(selection) || selection.isCollapsed()) return false;
@@ -149,27 +135,23 @@ function PasteUrlAsLinkHandler() {
 			return true;
 		}, COMMAND_PRIORITY_LOW);
 		t1 = [editor];
-		$[1] = editor;
-		$[2] = t0;
-		$[3] = t1;
+		$[0] = editor;
+		$[1] = t0;
+		$[2] = t1;
 	} else {
-		t0 = $[2];
-		t1 = $[3];
+		t0 = $[1];
+		t1 = $[2];
 	}
 	React.useEffect(t0, t1);
 	return null;
 }
 function FocusBlurHandler(t0) {
-	const $ = c(6);
-	if ($[0] !== "ce0aab2d8f6174c436b3fa78439a44b23b8d509cc6b49c38f4129c459abdf4cc") {
-		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "ce0aab2d8f6174c436b3fa78439a44b23b8d509cc6b49c38f4129c459abdf4cc";
-	}
+	const $ = c(5);
 	const { onFocus, onBlur } = t0;
 	const [editor] = useLexicalComposerContext();
 	let t1;
 	let t2;
-	if ($[1] !== editor || $[2] !== onBlur || $[3] !== onFocus) {
+	if ($[0] !== editor || $[1] !== onBlur || $[2] !== onFocus) {
 		t1 = () => editor.registerRootListener((root) => {
 			if (!root) return;
 			root.addEventListener("focus", onFocus);
@@ -184,19 +166,19 @@ function FocusBlurHandler(t0) {
 			onFocus,
 			onBlur
 		];
-		$[1] = editor;
-		$[2] = onBlur;
-		$[3] = onFocus;
-		$[4] = t1;
-		$[5] = t2;
+		$[0] = editor;
+		$[1] = onBlur;
+		$[2] = onFocus;
+		$[3] = t1;
+		$[4] = t2;
 	} else {
-		t1 = $[4];
-		t2 = $[5];
+		t1 = $[3];
+		t2 = $[4];
 	}
 	React.useEffect(t1, t2);
 	return null;
 }
-function InlineLexicalEditor({ initialState, externalState, onChange, onFocus, onBlur, textStyle, linkStyle, pages, fallbackHref }) {
+function InlineLexicalEditor({ initialState, externalState, maxLength, onChange, onFocus, onBlur, textStyle, linkStyle, pages, fallbackHref }) {
 	const { window: iframeWindow } = useFrame();
 	const timerRef = React.useRef(null);
 	const pendingMarkdownRef = React.useRef(null);
@@ -245,9 +227,11 @@ function InlineLexicalEditor({ initialState, externalState, onChange, onFocus, o
 			}),
 			/* @__PURE__ */ jsx(HistoryPlugin, {}),
 			/* @__PURE__ */ jsx(LinkPlugin, {}),
+			/* @__PURE__ */ jsx(MaxLengthPlugin, { maxLength }),
 			/* @__PURE__ */ jsx(ExternalStateSync, { externalState }),
 			/* @__PURE__ */ jsx(EscapeHandler, {}),
 			/* @__PURE__ */ jsx(EnterAsLineBreakHandler, {}),
+			/* @__PURE__ */ jsx(SummaryToggleGuard, {}),
 			/* @__PURE__ */ jsx(PasteUrlAsLinkHandler, {}),
 			/* @__PURE__ */ jsx(FocusBlurHandler, {
 				onFocus: handleFocus,
@@ -264,18 +248,14 @@ function InlineLexicalEditor({ initialState, externalState, onChange, onFocus, o
 	});
 }
 function LexicalErrorBoundary(t0) {
-	const $ = c(3);
-	if ($[0] !== "ce0aab2d8f6174c436b3fa78439a44b23b8d509cc6b49c38f4129c459abdf4cc") {
-		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "ce0aab2d8f6174c436b3fa78439a44b23b8d509cc6b49c38f4129c459abdf4cc";
-	}
+	const $ = c(2);
 	const { children } = t0;
 	let t1;
-	if ($[1] !== children) {
+	if ($[0] !== children) {
 		t1 = /* @__PURE__ */ jsx(Fragment, { children });
-		$[1] = children;
-		$[2] = t1;
-	} else t1 = $[2];
+		$[0] = children;
+		$[1] = t1;
+	} else t1 = $[1];
 	return t1;
 }
 

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

@@ -8,7 +8,7 @@ import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext
 import { $getRoot, $isElementNode, $isTextNode, COMMAND_PRIORITY_HIGH, FORMAT_TEXT_COMMAND } from "lexical";
 
 //#region src/core/components/lexical/InlineStylesPlugin.tsx
-const unitless = new Set([
+const unitless = /* @__PURE__ */ new Set([
 	"animationIterationCount",
 	"aspectRatio",
 	"borderImageOutset",
@@ -55,16 +55,18 @@ const unitless = new Set([
 	"zoom"
 ]);
 /** Only manages appearance attributes; Lexical retains ownership of the editable tree. */
-function InlineStylesPlugin(options) {
-	const $ = c(16);
-	if ($[0] !== "7983cd8e80c29064912c9ecb3122cfe24938f015007fbd8eb9dd8847d212676d") {
-		for (let $i = 0; $i < 16; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7983cd8e80c29064912c9ecb3122cfe24938f015007fbd8eb9dd8847d212676d";
-	}
+function InlineStylesPlugin(t0) {
+	const $ = c(13);
+	const { textStyle, linkStyle, pages, fallbackHref } = t0;
 	const [editor] = useLexicalComposerContext();
-	let t0;
-	if ($[1] !== editor || $[2] !== options) {
-		t0 = () => {
+	let t1;
+	let t2;
+	if ($[0] !== editor || $[1] !== fallbackHref || $[2] !== linkStyle || $[3] !== pages || $[4] !== textStyle) {
+		t1 = () => {
+			const styles = {
+				textStyle,
+				linkStyle
+			};
 			const previous = /* @__PURE__ */ new Map();
 			const apply = function apply(dom, appearance) {
 				const old = previous.get(dom);
@@ -90,12 +92,12 @@ function InlineStylesPlugin(options) {
 				editor.getEditorState().read(() => {
 					function visit(node) {
 						const dom_0 = editor.getElementByKey(node.getKey());
-						if (dom_0 && $isTextNode(node)) apply(dom_0, getTextAppearance(node.getFormat(), options));
-						if (dom_0 && node instanceof HighlightNode) apply(dom_0, getHighlightStyle(options));
+						if (dom_0 && $isTextNode(node)) apply(dom_0, getTextAppearance(node.getFormat(), styles));
+						if (dom_0 && node instanceof HighlightNode) apply(dom_0, getHighlightStyle(styles));
 						if (dom_0 && $isLinkNode(node)) {
 							const target = node.getURL();
-							const href = resolveTextLinkHref(target, options.pages, options.fallbackHref ?? "#") ?? "#";
-							const appearance_0 = options.linkStyle?.({
+							const href = resolveTextLinkHref(target, pages, fallbackHref ?? "#") ?? "#";
+							const appearance_0 = linkStyle?.({
 								target,
 								href,
 								external: isHttpTextLinkTarget(target),
@@ -136,53 +138,51 @@ function InlineStylesPlugin(options) {
 				}
 			};
 		};
-		$[1] = editor;
-		$[2] = options;
-		$[3] = t0;
-	} else t0 = $[3];
-	let t1;
-	if ($[4] !== editor || $[5] !== options.fallbackHref || $[6] !== options.linkStyle || $[7] !== options.pages || $[8] !== options.textStyle) {
-		t1 = [
+		t2 = [
 			editor,
-			options.textStyle,
-			options.linkStyle,
-			options.pages,
-			options.fallbackHref
+			textStyle,
+			linkStyle,
+			pages,
+			fallbackHref
 		];
-		$[4] = editor;
-		$[5] = options.fallbackHref;
-		$[6] = options.linkStyle;
-		$[7] = options.pages;
-		$[8] = options.textStyle;
-		$[9] = t1;
-	} else t1 = $[9];
-	React.useLayoutEffect(t0, t1);
-	let t2;
-	let t3;
-	if ($[10] !== editor) {
-		t2 = () => editor.registerCommand(FORMAT_TEXT_COMMAND, _temp3, COMMAND_PRIORITY_HIGH);
-		t3 = [editor];
-		$[10] = editor;
-		$[11] = t2;
-		$[12] = t3;
+		$[0] = editor;
+		$[1] = fallbackHref;
+		$[2] = linkStyle;
+		$[3] = pages;
+		$[4] = textStyle;
+		$[5] = t1;
+		$[6] = t2;
 	} else {
-		t2 = $[11];
-		t3 = $[12];
+		t1 = $[5];
+		t2 = $[6];
 	}
-	React.useEffect(t2, t3);
+	React.useLayoutEffect(t1, t2);
+	let t3;
 	let t4;
+	if ($[7] !== editor) {
+		t3 = () => editor.registerCommand(FORMAT_TEXT_COMMAND, _temp3, COMMAND_PRIORITY_HIGH);
+		t4 = [editor];
+		$[7] = editor;
+		$[8] = t3;
+		$[9] = t4;
+	} else {
+		t3 = $[8];
+		t4 = $[9];
+	}
+	React.useEffect(t3, t4);
 	let t5;
-	if ($[13] !== editor) {
-		t4 = () => editor.registerNodeTransform(HighlightNode, $normalizeHighlight);
-		t5 = [editor];
-		$[13] = editor;
-		$[14] = t4;
-		$[15] = t5;
+	let t6;
+	if ($[10] !== editor) {
+		t5 = () => editor.registerNodeTransform(HighlightNode, $normalizeHighlight);
+		t6 = [editor];
+		$[10] = editor;
+		$[11] = t5;
+		$[12] = t6;
 	} else {
-		t4 = $[14];
-		t5 = $[15];
+		t5 = $[11];
+		t6 = $[12];
 	}
-	React.useEffect(t4, t5);
+	React.useEffect(t5, t6);
 	return null;
 }
 function _temp3(format) {