@octane-xplat/richtext 0.14.0 → 0.15.0

package/README.md

@@ -52,9 +52,9 @@ export function Formatting() {
 				}}
 				onSelectionChange={({ active }) => console.log(active)}
 			/>
-			<Button onPress={() => editor.current?.apply('bold')}>Bold</Button>
+			<Button clickAction={() => editor.current?.apply('bold')}>Bold</Button>
 			<Button
-				onPress={() => {
+				clickAction={() => {
 					const handle = editor.current
 					if (!handle) return
 					handle.setHTML('<p>New note</p>')

package/nativescript.config.ts

@@ -10,8 +10,7 @@ export default {
 			{
 				name: 'AztecEditor-iOS',
 				libs: ['Aztec'],
-				repositoryURL:
-					'https://github.com/wordpress-mobile/AztecEditor-iOS',
+				repositoryURL: 'https://github.com/wordpress-mobile/AztecEditor-iOS',
 				// '#' prefix selects a revision requirement in the generated
 				// pbxproj — develop @ 44aeac6 (podspec version 1.20.0, first
 				// with SPM support). MPL-2.0; see platforms/ios/UPSTREAM.md.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@octane-xplat/richtext",
-  "version": "0.14.0",
+  "version": "0.15.0",
   "description": "Native rich-text editing leaf for Octane xplat — Android Aztec and AppKit WKWebView StarterKit",
   "keywords": [
     "android",
@@ -20,11 +20,14 @@
     "directory": "packages/richtext"
   },
   "files": [
-    "dist",
     "types",
     "src",
     "platforms",
-    "nativescript.config.ts"
+    "nativescript.config.ts",
+    "dist/macos/browser.js",
+    "dist/macos/browser.d.ts",
+    "!src/**/*.test.*",
+    "!src/**/*.spec.*"
   ],
   "type": "module",
   "exports": {
@@ -35,14 +38,14 @@
       },
       "web": {
         "types": "./types/index.d.ts",
-        "default": "./dist/web/index.js"
+        "default": "./src/index.web.ts"
       },
       "native": {
         "types": "./types/index.d.ts",
-        "default": "./dist/native/index.js"
+        "default": "./src/index.ts"
       },
       "types": "./types/index.d.ts",
-      "default": "./dist/native/index.js"
+      "default": "./src/index.ts"
     },
     "./macos-host": {
       "types": "./types/macos-host.d.ts",
@@ -57,15 +60,16 @@
     "access": "public"
   },
   "devDependencies": {
-    "@nativescript-community/octane": "0.2.4",
+    "@nativescript-community/octane": "0.2.5",
     "@nativescript/core": "9.1.3",
-    "@octane-xplat/macos-renderer": "0.14.0",
+    "@octane-xplat/macos-renderer": "0.15.0",
     "@octanejs/vite-plugin": "0.1.61",
     "@tiptap/core": "3.28.0",
     "@tiptap/starter-kit": "3.28.0",
     "octane": "0.11.0",
     "typescript": "5.9.3",
-    "vite": "8.3.0"
+    "vite": "8.3.0",
+    "vitest": "4.1.11"
   },
   "peerDependencies": {
     "@nativescript-community/octane": ">=0.2.1 <1",
@@ -97,9 +101,11 @@
     }
   },
   "scripts": {
-    "build": "vite build && vite build --mode native && tsc -p tsconfig.types.json && node ../../scripts/check-native-dist.mjs && node build-browser.mjs",
     "test": "node --test test/*.test.mjs",
     "test:macos": "node test/verify-wk.mjs",
-    "test:packed": "node test/packed-consumer.mjs"
+    "test:native": "vitest run --config vitest.native.config.mts",
+    "test:packed": "node test/packed-consumer.mjs",
+    "typegen": "tsc -p tsconfig.types.json",
+    "build:assets": "node build-browser.mjs"
   }
 }

package/src/RichTextEditor.android.tsrx

@@ -1,5 +1,5 @@
 /** @jsxImportSource @nativescript-community/octane */
-import { useImperativeHandle, useCallback, useEffect, useRef } from 'octane'
+import { useImperativeHandle, useCallback, useEffect, useLayoutEffect, useRef, useState } from 'octane'
 import { View } from '@nativescript/core'
 import { registerElement } from '@nativescript-community/octane'
 import type { Attributes } from '@nativescript-community/octane/intrinsics'
@@ -93,13 +93,35 @@ export function RichTextEditor(props: RichTextEditorProps) @{
 	const applyingValue = useRef(false)
 	const keyListener = useRef<any>(null)
 	const emitTimer = useRef<any>(null)
+	const loadedOff = useRef<(() => void) | null>(null)
+	// The AztecText widget — created by the host view's `_setupUI`, which is
+	// deferred while the tree above isn't loaded yet. `null` until `loaded`
+	// delivers it; the ref and the init effect below key off this.
+	const [nativeView, setNativeView] = useState<any>(null)
 
-	// Stable identity — an inline closure re-fires ref(null)/ref(v) per
-	// render, which would bounce host.current around the effects below.
-	useImperativeHandle(props.ref, () => handle(editor()), []);
+	// The handle fires only once the native editor exists — before that a
+	// consumer gets null, not a stub that throws on every method.
+	useImperativeHandle<RichTextEditorHandle | null>(props.ref, () => (nativeView ? handle : null), [nativeView]);
 
 	const bindHost = useCallback((v: any) => {
+		loadedOff.current?.()
+		loadedOff.current = null
 		host.current = v
+		if (!v) return
+		if (v.android) {
+			setNativeView(v.android)
+			return
+		}
+
+		setNativeView(null)
+		// `.android` arrives with `loaded`; subscribe until it does.
+		const onLoaded = () => {
+			const e = editor()
+			if (e) setNativeView(e)
+		}
+
+		v.on('loaded', onLoaded)
+		loadedOff.current = () => v.off('loaded', onLoaded)
 	}, [])
 
 	const editor = () => host.current?.android
@@ -142,9 +164,13 @@ export function RichTextEditor(props: RichTextEditorProps) @{
 		}, 150)
 	}
 
-	const handle = (e: any): RichTextEditorHandle => ({
-		getHTML: () => e.toPlainHtml(false),
+	// Methods resolve the editor at call time so a host-view swap can't
+	// strand them on a dead widget.
+	const handle: RichTextEditorHandle = {
+		getHTML: () => editor()?.toPlainHtml(false) ?? '',
 		setHTML: (html: string) => {
+			const e = editor()
+			if (!e) return
 			applyingValue.current = true
 			try {
 				e.fromHtml(html, true)
@@ -156,18 +182,26 @@ export function RichTextEditor(props: RichTextEditorProps) @{
 		apply: (format: RichTextFormat) => {
 			if (format === 'link') throw new RangeError('Use linkTo(url, anchor) to apply a link')
 			if (!FORMATS[format]) throw new RangeError(`[richtext] Unsupported format: ${format}`)
+			const e = editor()
+			if (!e) return
 			e.toggleFormatting(formatOf(format))
 			emitChange()
 		},
 		linkTo: (url: string, anchor?: string) => {
+			const e = editor()
+			if (!e) return
 			e.link(url, anchor ?? url, false)
 			emitChange()
 		},
 		removeLink: () => {
+			const e = editor()
+			if (!e) return
 			e.removeLink()
 			emitChange()
 		},
 		isActive: (format: RichTextFormat) => {
+			const e = editor()
+			if (!e) return false
 			const applied = e.getAppliedStyles(e.getSelectionStart(), e.getSelectionEnd())
 			const count = applied?.size?.() ?? 0
 			const target = formatOf(format)
@@ -177,9 +211,11 @@ export function RichTextEditor(props: RichTextEditorProps) @{
 
 			return false
 		},
-		undo: () => e.undo(),
-		redo: () => e.redo(),
+		undo: () => editor()?.undo(),
+		redo: () => editor()?.redo(),
 		split: () => {
+			const e = editor()
+			if (!e) return false
 			const selStart = e.getSelectionStart()
 			const selEnd = e.getSelectionEnd()
 			if (selStart < 0 || selEnd < 0) return false
@@ -194,6 +230,8 @@ export function RichTextEditor(props: RichTextEditorProps) @{
 			return true
 		},
 		join: () => {
+			const e = editor()
+			if (!e) return false
 			const start = e.getSelectionStart()
 			if (start <= 0 || e.getSelectionEnd() !== start) return false
 			const text = e.getText()
@@ -205,55 +243,74 @@ export function RichTextEditor(props: RichTextEditorProps) @{
 			return true
 		},
 		indent: () => {
-			if (!e.isIndentAvailable()) return false
+			const e = editor()
+			if (!e || !e.isIndentAvailable()) return false
 			e.indent()
 			emitChange()
 			return true
 		},
 		outdent: () => {
-			if (!e.isOutdentAvailable()) return false
+			const e = editor()
+			if (!e || !e.isOutdentAvailable()) return false
 			e.outdent()
 			emitChange()
 			return true
 		},
-		canIndent: () => Boolean(e.isIndentAvailable()),
-		canOutdent: () => Boolean(e.isOutdentAvailable()),
+		canIndent: () => Boolean(editor()?.isIndentAvailable()),
+		canOutdent: () => Boolean(editor()?.isOutdentAvailable()),
 		focus: () => {
+			const e = editor()
+			if (!e) return
 			e.requestFocus()
 			showKeyboard(e)
 		},
-		blur: () => e.clearFocus(),
-		isFocused: () => e.isFocused(),
-		native: e,
-	})
+		blur: () => editor()?.clearFocus(),
+		isFocused: () => editor()?.isFocused() ?? false,
+		get native() {
+			return editor()
+		},
+	}
 
-	useEffect(() => {
-		const e = editor()
+	// Runs once the native editor exists — after `loaded` on a deferred
+	// mount, or right at mount on an already-loaded tree — and again if the
+	// platform view is ever recreated. Layout phase keeps the ref publish →
+	// value seed → onReady order inside one commit. Listeners guard on
+	// `alive` so teardown (or a Kotlin setter that won't take null) can't
+	// call back into a dead component.
+	useLayoutEffect(() => {
+		const e = nativeView
 		if (!e || !aztec) return
+		let alive = true
 
 		e.setOnSelectionChangedListener(
 			new aztec.AztecText.OnSelectionChangedListener({
-				onSelectionChanged: (start: number, end: number) =>
-					props.onSelectionChange?.({
-						start,
-						end,
-						active: activeFormats(e),
-					}),
+				onSelectionChanged: (start: number, end: number) => {
+					if (alive) {
+						props.onSelectionChange?.({
+							start,
+							end,
+							active: activeFormats(e),
+						})
+					}
+				},
 			}),
 		)
 
 		const watcher = new androidText.TextWatcher({
 			beforeTextChanged: () => {},
 			onTextChanged: () => {},
-			afterTextChanged: () => emitChange(),
+			afterTextChanged: () => {
+				if (alive) emitChange()
+			},
 		})
 
 		e.addTextChangedListener(watcher)
 
 		e.setOnFocusChangeListener(
 			new androidView.View.OnFocusChangeListener({
-				onFocusChange: (_v: any, focused: boolean) =>
-					focused ? props.onFocus?.() : props.onBlur?.(),
+				onFocusChange: (_v: any, focused: boolean) => {
+					if (alive) (focused ? props.onFocus?.() : props.onBlur?.())
+				},
 			}),
 		)
 
@@ -278,11 +335,13 @@ export function RichTextEditor(props: RichTextEditorProps) @{
 		props.onReady?.()
 
 		return () => {
+			alive = false
 			clearTimeout(emitTimer.current)
-			e.removeTextChangedListener(watcher)
-			e.setOnFocusChangeListener(null)
+			e.removeTextChangedListener?.(watcher)
+			e.setOnFocusChangeListener?.(null)
+			keyListener.current = null
 		}
-	}, [])
+	}, [nativeView])
 
 	// `value` lands like a controlled prop, minus the loop: text the editor
 	// emitted through onChange is never pushed back; any other change is an

package/src/macos-browser-dist.d.ts

@@ -0,0 +1,7 @@
+// The WKWebView payload is bundled by build-browser.mjs into dist/macos/
+// before publish; it has no compile-time source. The wildcard keeps the
+// import resolvable in typecheck/typegen programs.
+declare module '*/dist/macos/browser.js' {
+	const browser: string
+	export default browser
+}

package/types/index.d.ts

@@ -1,6 +1,5 @@
-import type { UniversalComponent } from 'octane/universal'
 import type { RichTextEditorProps } from './types'
 
-export declare const RichTextEditor: UniversalComponent<RichTextEditorProps>
+export declare function RichTextEditor(props: RichTextEditorProps): unknown
 export declare const supported: boolean
 export type * from './types'

package/types/index.macos.d.ts

@@ -1,5 +1,4 @@
-import type { UniversalComponent } from 'octane/universal'
-import type { RichTextEditorProps } from '../src/types'
-export declare const RichTextEditor: UniversalComponent<RichTextEditorProps>
+import type { RichTextEditorProps } from './types.js'
+export declare function RichTextEditor(props: RichTextEditorProps): unknown
 export declare const supported: boolean
-export type * from '../src/types'
+export type * from './types.js'

package/types/macos-host.d.ts

@@ -1,11 +1,13 @@
-import type { UniversalComponent } from 'octane/universal'
-import type { RichTextEditorProps } from '../src/types'
+import type { RichTextEditorProps } from './types.js'
 /** Internal shared editor host. */
-export declare const NativeEditor: UniversalComponent<
-	RichTextEditorProps & {
+export declare function NativeEditor(
+	props: RichTextEditorProps & {
 		browser: string
+		// Lexical/Tiptap forward their own handle refs — the host just passes
+		// the value through, so it accepts any ref shape.
+		ref?: any
 		json?: any
 		onJSONReady?: (ok: boolean) => void
 		onJSONChange?: (doc: any) => void
-	}
->
+	},
+): unknown

package/dist/native/RichTextEditor.android.js

@@ -1,281 +0,0 @@
-import { defineUniversalComponent, hookSlots, registerElement, universalPlan, universalValue, useCallback, useEffect, useImperativeHandle, useRef } from "@nativescript-community/octane";
-import { View } from "@nativescript/core";
-//#region src/RichTextEditor.android.tsrx
-var _hs$ = /* @__PURE__ */ hookSlots(11);
-var _h$0 = /* @__PURE__ */ Symbol(_hs$);
-var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
-var _h$2 = /* @__PURE__ */ Symbol(_hs$ + 2);
-var _h$3 = /* @__PURE__ */ Symbol(_hs$ + 3);
-var _h$4 = /* @__PURE__ */ Symbol(_hs$ + 4);
-var _h$5 = /* @__PURE__ */ Symbol(_hs$ + 5);
-var _h$6 = /* @__PURE__ */ Symbol(_hs$ + 6);
-var _h$7 = /* @__PURE__ */ Symbol(_hs$ + 7);
-var _h$8 = /* @__PURE__ */ Symbol(_hs$ + 8);
-var _h$9 = /* @__PURE__ */ Symbol(_hs$ + 9);
-var _h$10 = /* @__PURE__ */ Symbol(_hs$ + 10);
-var __octaneUniversalPlan0 = universalPlan("nativescript", {
-	"kind": "host",
-	"type": "xplatrichtext",
-	"bindings": [
-		["ref", 0],
-		["id", 1],
-		["className", 2],
-		["style", 3],
-		["row", 4],
-		["col", 5],
-		["rowSpan", 6],
-		["colSpan", 7],
-		["dock", 8],
-		["left", 9],
-		["top", 10],
-		["flexGrow", 11],
-		["flexShrink", 12],
-		["alignSelf", 13],
-		["order", 14]
-	]
-});
-var aztec = globalThis.org?.wordpress?.aztec;
-var androidText = globalThis.android?.text;
-var androidView = globalThis.android?.view;
-var FORMATS = {
-	bold: () => aztec.AztecTextFormat.FORMAT_BOLD,
-	italic: () => aztec.AztecTextFormat.FORMAT_ITALIC,
-	underline: () => aztec.AztecTextFormat.FORMAT_UNDERLINE,
-	strikethrough: () => aztec.AztecTextFormat.FORMAT_STRIKETHROUGH,
-	code: () => aztec.AztecTextFormat.FORMAT_CODE,
-	blockquote: () => aztec.AztecTextFormat.FORMAT_QUOTE,
-	bulletList: () => aztec.AztecTextFormat.FORMAT_UNORDERED_LIST,
-	orderedList: () => aztec.AztecTextFormat.FORMAT_ORDERED_LIST,
-	taskList: () => aztec.AztecTextFormat.FORMAT_TASK_LIST,
-	codeBlock: () => aztec.AztecTextFormat.FORMAT_PREFORMAT,
-	horizontalRule: () => aztec.AztecTextFormat.FORMAT_HORIZONTAL_RULE,
-	highlight: () => aztec.AztecTextFormat.FORMAT_MARK,
-	subscript: () => aztec.AztecTextFormat.FORMAT_SUBSCRIPT,
-	superscript: () => aztec.AztecTextFormat.FORMAT_SUPERSCRIPT,
-	paragraph: () => aztec.AztecTextFormat.FORMAT_PARAGRAPH,
-	heading1: () => aztec.AztecTextFormat.FORMAT_HEADING_1,
-	heading2: () => aztec.AztecTextFormat.FORMAT_HEADING_2,
-	heading3: () => aztec.AztecTextFormat.FORMAT_HEADING_3,
-	heading4: () => aztec.AztecTextFormat.FORMAT_HEADING_4,
-	heading5: () => aztec.AztecTextFormat.FORMAT_HEADING_5,
-	heading6: () => aztec.AztecTextFormat.FORMAT_HEADING_6,
-	alignLeft: () => aztec.AztecTextFormat.FORMAT_ALIGN_LEFT,
-	alignCenter: () => aztec.AztecTextFormat.FORMAT_ALIGN_CENTER,
-	alignRight: () => aztec.AztecTextFormat.FORMAT_ALIGN_RIGHT
-};
-var AZTEC_OF = Object.entries(FORMATS);
-var formatOf = (format) => format === "link" ? aztec.AztecTextFormat.FORMAT_LINK : FORMATS[format]();
-var AztecEditor = class extends View {
-	createNativeView() {
-		return new aztec.AztecText(this._context);
-	}
-};
-registerElement("xplatrichtext", AztecEditor);
-var supported = true;
-var activeFormats = (editor) => {
-	const styles = editor.getAppliedStyles(editor.getSelectionStart(), editor.getSelectionEnd());
-	const count = styles?.size?.() ?? 0;
-	const active = /* @__PURE__ */ new Set();
-	for (let i = 0; i < count; i++) active.add(styles.get(i));
-	const out = [];
-	for (const [name, get] of AZTEC_OF) if (active.has(get())) out.push(name);
-	if (active.has(aztec.AztecTextFormat.FORMAT_LINK)) out.push("link");
-	return out;
-};
-var RichTextEditor = defineUniversalComponent("nativescript", function RichTextEditor(props) {
-	const host = useRef(null, _h$0);
-	const lastEmitted = useRef(void 0, _h$1);
-	const applyingValue = useRef(false, _h$2);
-	const keyListener = useRef(null, _h$3);
-	const emitTimer = useRef(null, _h$4);
-	useImperativeHandle(props.ref, () => handle(editor()), [], _h$5);
-	const bindHost = useCallback((v) => {
-		host.current = v;
-	}, [], _h$6);
-	const editor = () => host.current?.android;
-	const setEditable = (next) => {
-		const e = editor();
-		if (!e) return;
-		if (keyListener.current == null) keyListener.current = e.getKeyListener();
-		if (next) {
-			e.setKeyListener(keyListener.current);
-			e.setFocusable(true);
-			e.setCursorVisible(true);
-		} else {
-			e.setKeyListener(null);
-			e.setFocusable(false);
-			e.setCursorVisible(false);
-		}
-	};
-	const showKeyboard = (e) => {
-		try {
-			e.getContext().getSystemService(globalThis.android.content.Context.INPUT_METHOD_SERVICE)?.showSoftInput(e, androidView.inputmethod.InputMethodManager.SHOW_IMPLICIT);
-		} catch {}
-	};
-	const emitChange = () => {
-		if (!editor() || applyingValue.current) return;
-		clearTimeout(emitTimer.current);
-		emitTimer.current = setTimeout(() => {
-			const current = editor();
-			if (!current || applyingValue.current) return;
-			const html = current.toPlainHtml(false);
-			lastEmitted.current = html;
-			props.onChange?.(html);
-		}, 150);
-	};
-	const handle = (e) => ({
-		getHTML: () => e.toPlainHtml(false),
-		setHTML: (html) => {
-			applyingValue.current = true;
-			try {
-				e.fromHtml(html, true);
-				lastEmitted.current = html;
-			} finally {
-				applyingValue.current = false;
-			}
-		},
-		apply: (format) => {
-			if (format === "link") throw new RangeError("Use linkTo(url, anchor) to apply a link");
-			if (!FORMATS[format]) throw new RangeError(`[richtext] Unsupported format: ${format}`);
-			e.toggleFormatting(formatOf(format));
-			emitChange();
-		},
-		linkTo: (url, anchor) => {
-			e.link(url, anchor ?? url, false);
-			emitChange();
-		},
-		removeLink: () => {
-			e.removeLink();
-			emitChange();
-		},
-		isActive: (format) => {
-			const applied = e.getAppliedStyles(e.getSelectionStart(), e.getSelectionEnd());
-			const count = applied?.size?.() ?? 0;
-			const target = formatOf(format);
-			for (let i = 0; i < count; i++) if (applied.get(i) === target) return true;
-			return false;
-		},
-		undo: () => e.undo(),
-		redo: () => e.redo(),
-		split: () => {
-			const selStart = e.getSelectionStart();
-			const selEnd = e.getSelectionEnd();
-			if (selStart < 0 || selEnd < 0) return false;
-			const start = Math.min(selStart, selEnd);
-			const end = Math.max(selStart, selEnd);
-			const text = e.getText();
-			if (end > String(text).length) return false;
-			if (end > start) text.delete(start, end);
-			text.insert(start, "\n");
-			e.setSelection(start + 1);
-			emitChange();
-			return true;
-		},
-		join: () => {
-			const start = e.getSelectionStart();
-			if (start <= 0 || e.getSelectionEnd() !== start) return false;
-			const text = e.getText();
-			const s = String(text);
-			if (start > s.length || s.charAt(start - 1) !== "\n") return false;
-			text.delete(start - 1, start);
-			e.setSelection(start - 1);
-			emitChange();
-			return true;
-		},
-		indent: () => {
-			if (!e.isIndentAvailable()) return false;
-			e.indent();
-			emitChange();
-			return true;
-		},
-		outdent: () => {
-			if (!e.isOutdentAvailable()) return false;
-			e.outdent();
-			emitChange();
-			return true;
-		},
-		canIndent: () => Boolean(e.isIndentAvailable()),
-		canOutdent: () => Boolean(e.isOutdentAvailable()),
-		focus: () => {
-			e.requestFocus();
-			showKeyboard(e);
-		},
-		blur: () => e.clearFocus(),
-		isFocused: () => e.isFocused(),
-		native: e
-	});
-	useEffect(() => {
-		const e = editor();
-		if (!e || !aztec) return;
-		e.setOnSelectionChangedListener(new aztec.AztecText.OnSelectionChangedListener({ onSelectionChanged: (start, end) => props.onSelectionChange?.({
-			start,
-			end,
-			active: activeFormats(e)
-		}) }));
-		const watcher = new androidText.TextWatcher({
-			beforeTextChanged: () => {},
-			onTextChanged: () => {},
-			afterTextChanged: () => emitChange()
-		});
-		e.addTextChangedListener(watcher);
-		e.setOnFocusChangeListener(new androidView.View.OnFocusChangeListener({ onFocusChange: (_v, focused) => focused ? props.onFocus?.() : props.onBlur?.() }));
-		if (props.placeholder !== void 0) e.setHint(props.placeholder);
-		setEditable(props.editable !== false);
-		if (props.value !== void 0) {
-			applyingValue.current = true;
-			try {
-				e.fromHtml(props.value, true);
-			} finally {
-				applyingValue.current = false;
-			}
-		}
-		if (props.autofocus) {
-			e.requestFocus();
-			showKeyboard(e);
-		}
-		if (props.android) Object.assign(e, props.android);
-		props.onReady?.();
-		return () => {
-			clearTimeout(emitTimer.current);
-			e.removeTextChangedListener(watcher);
-			e.setOnFocusChangeListener(null);
-		};
-	}, [], _h$7);
-	useEffect(() => {
-		const e = editor();
-		if (!e || props.value === void 0) return;
-		if (props.value === lastEmitted.current) return;
-		applyingValue.current = true;
-		try {
-			e.fromHtml(props.value, true);
-		} finally {
-			applyingValue.current = false;
-		}
-	}, [props.value], _h$8);
-	useEffect(() => {
-		setEditable(props.editable !== false);
-	}, [props.editable], _h$9);
-	useEffect(() => {
-		const e = editor();
-		if (e && props.placeholder !== void 0) e.setHint(props.placeholder);
-	}, [props.placeholder], _h$10);
-	return universalValue(__octaneUniversalPlan0, [
-		bindHost,
-		props.id,
-		props.className,
-		props.style,
-		props.row,
-		props.col,
-		props.rowSpan,
-		props.colSpan,
-		props.dock,
-		props.left,
-		props.top,
-		props.flexGrow,
-		props.flexShrink,
-		props.alignSelf,
-		props.order
-	]);
-}, { "module": "@nativescript-community/octane" });
-//#endregion
-export { RichTextEditor, supported };

package/dist/native/RichTextEditor.ios.js

@@ -1,199 +0,0 @@
-import { defineUniversalComponent, hookSlots, registerElement, universalPlan, universalValue, useCallback, useEffect, useImperativeHandle, useRef } from "@nativescript-community/octane";
-import { View } from "@nativescript/core";
-//#region src/RichTextEditor.ios.tsrx
-var _hs$ = /* @__PURE__ */ hookSlots(10);
-var _h$0 = /* @__PURE__ */ Symbol(_hs$);
-var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
-var _h$2 = /* @__PURE__ */ Symbol(_hs$ + 2);
-var _h$3 = /* @__PURE__ */ Symbol(_hs$ + 3);
-var _h$4 = /* @__PURE__ */ Symbol(_hs$ + 4);
-var _h$5 = /* @__PURE__ */ Symbol(_hs$ + 5);
-var _h$6 = /* @__PURE__ */ Symbol(_hs$ + 6);
-var _h$7 = /* @__PURE__ */ Symbol(_hs$ + 7);
-var _h$8 = /* @__PURE__ */ Symbol(_hs$ + 8);
-var _h$9 = /* @__PURE__ */ Symbol(_hs$ + 9);
-var __octaneUniversalPlan0 = universalPlan("nativescript", {
-	"kind": "host",
-	"type": "xplatrichtext",
-	"bindings": [
-		["ref", 0],
-		["id", 1],
-		["className", 2],
-		["style", 3],
-		["row", 4],
-		["col", 5],
-		["rowSpan", 6],
-		["colSpan", 7],
-		["dock", 8],
-		["left", 9],
-		["top", 10],
-		["flexGrow", 11],
-		["flexShrink", 12],
-		["alignSelf", 13],
-		["order", 14]
-	]
-});
-var UNSUPPORTED = /* @__PURE__ */ new Set([
-	"taskList",
-	"alignLeft",
-	"alignCenter",
-	"alignRight"
-]);
-var AztecEditor = class extends View {
-	createNativeView() {
-		return new XplatAztecEditorView();
-	}
-};
-registerElement("xplatrichtext", AztecEditor);
-var supported = true;
-var RichTextEditor = defineUniversalComponent("nativescript", function RichTextEditor(props) {
-	const host = useRef(null, _h$0);
-	const lastEmitted = useRef(void 0, _h$1);
-	const applyingValue = useRef(false, _h$2);
-	const emitTimer = useRef(null, _h$3);
-	useImperativeHandle(props.ref, () => handle(editor()), [], _h$4);
-	const bindHost = useCallback((v) => {
-		host.current = v;
-	}, [], _h$5);
-	const editor = () => host.current?.ios;
-	const emitChange = () => {
-		if (!editor() || applyingValue.current) return;
-		clearTimeout(emitTimer.current);
-		emitTimer.current = setTimeout(() => {
-			const current = editor();
-			if (!current || applyingValue.current) return;
-			const html = current.getHTML();
-			lastEmitted.current = html;
-			props.onChange?.(html);
-		}, 150);
-	};
-	const handle = (e) => ({
-		getHTML: () => e.getHTML(),
-		setHTML: (html) => {
-			applyingValue.current = true;
-			try {
-				e.setHTML(html);
-				lastEmitted.current = html;
-			} finally {
-				applyingValue.current = false;
-			}
-		},
-		apply: (format) => {
-			if (format === "link") throw new RangeError("Use linkTo(url, anchor) to apply a link");
-			if (UNSUPPORTED.has(format) || !e.applyFormat(format)) throw new RangeError(`[richtext] apply('${format}') is not supported by the iOS Aztec surface`);
-			emitChange();
-		},
-		linkTo: (url, anchor) => {
-			e.linkTo(url, anchor ?? null);
-			emitChange();
-		},
-		removeLink: () => {
-			e.removeLink();
-			emitChange();
-		},
-		isActive: (format) => !UNSUPPORTED.has(format) && Boolean(e.isFormatActive(format)),
-		undo: () => e.undo(),
-		redo: () => e.redo(),
-		split: () => {
-			const ok = Boolean(e.split());
-			if (ok) emitChange();
-			return ok;
-		},
-		join: () => {
-			const ok = Boolean(e.join());
-			if (ok) emitChange();
-			return ok;
-		},
-		indent: () => {
-			const ok = Boolean(e.indent());
-			if (ok) emitChange();
-			return ok;
-		},
-		outdent: () => {
-			const ok = Boolean(e.outdent());
-			if (ok) emitChange();
-			return ok;
-		},
-		canIndent: () => Boolean(e.canIndent()),
-		canOutdent: () => Boolean(e.canOutdent()),
-		focus: () => e.focus(),
-		blur: () => e.blur(),
-		isFocused: () => e.focused(),
-		native: e
-	});
-	useEffect(() => {
-		const e = editor();
-		if (!e) return;
-		e.onTextChange = () => emitChange();
-		e.onSelectionChange = (start, end, active) => {
-			const formats = [];
-			const count = active?.count ?? 0;
-			for (let i = 0; i < count; i++) formats.push(active.objectAtIndex(i));
-			props.onSelectionChange?.({
-				start,
-				end,
-				active: formats
-			});
-		};
-		e.onFocus = () => props.onFocus?.();
-		e.onBlur = () => props.onBlur?.();
-		if (props.placeholder !== void 0) e.placeholder = props.placeholder;
-		e.editable = props.editable !== false;
-		if (props.value !== void 0) {
-			applyingValue.current = true;
-			try {
-				e.setHTML(props.value);
-			} finally {
-				applyingValue.current = false;
-			}
-		}
-		if (props.autofocus) e.focus();
-		if (props.ios) Object.assign(e, props.ios);
-		props.onReady?.();
-		return () => {
-			clearTimeout(emitTimer.current);
-			e.onTextChange = null;
-			e.onSelectionChange = null;
-			e.onFocus = null;
-			e.onBlur = null;
-		};
-	}, [], _h$6);
-	useEffect(() => {
-		const e = editor();
-		if (!e || props.value === void 0) return;
-		if (props.value === lastEmitted.current) return;
-		applyingValue.current = true;
-		try {
-			e.setHTML(props.value);
-		} finally {
-			applyingValue.current = false;
-		}
-	}, [props.value], _h$7);
-	useEffect(() => {
-		const e = editor();
-		if (e) e.editable = props.editable !== false;
-	}, [props.editable], _h$8);
-	useEffect(() => {
-		const e = editor();
-		if (e && props.placeholder !== void 0) e.placeholder = props.placeholder;
-	}, [props.placeholder], _h$9);
-	return universalValue(__octaneUniversalPlan0, [
-		bindHost,
-		props.id,
-		props.className,
-		props.style,
-		props.row,
-		props.col,
-		props.rowSpan,
-		props.colSpan,
-		props.dock,
-		props.left,
-		props.top,
-		props.flexGrow,
-		props.flexShrink,
-		props.alignSelf,
-		props.order
-	]);
-}, { "module": "@nativescript-community/octane" });
-//#endregion
-export { RichTextEditor, supported };

package/dist/native/RichTextEditor.windows.js

@@ -1,22 +0,0 @@
-import { defineUniversalComponent, universalPlan, universalValue } from "@nativescript-community/octane";
-//#region src/RichTextEditor.windows.tsrx
-var __octaneUniversalPlan0 = universalPlan("nativescript", {
-	"kind": "host",
-	"type": "label",
-	"props": { "text": "Rich text editing is not supported on Windows yet." },
-	"bindings": [
-		["id", 0],
-		["className", 1],
-		["style", 2]
-	]
-});
-var supported = false;
-var RichTextEditor = defineUniversalComponent("nativescript", function RichTextEditor(props) {
-	return universalValue(__octaneUniversalPlan0, [
-		props.id,
-		props.className,
-		props.style
-	]);
-}, { "module": "@nativescript-community/octane" });
-//#endregion
-export { RichTextEditor, supported };

package/dist/native/index.js

@@ -1,2 +0,0 @@
-import { RichTextEditor, supported } from "./RichTextEditor";
-export { RichTextEditor, supported };

package/dist/native/octane-client-build.json

@@ -1,8 +0,0 @@
-{
-  "version": 1,
-  "buildId": "5e87be4a-4d59-4d54-9581-11b3e437b5f3",
-  "mode": "production",
-  "capabilities": {
-    "independentHydration": false
-  }
-}

package/dist/web/index.js

@@ -1,9 +0,0 @@
-//#region src/index.web.ts
-var supported = false;
-/** Web routes through @octane-xplat/tiptap — this leaf only exists for the
-*  native (Aztec) surface. */
-function RichTextEditor(_props) {
-	return null;
-}
-//#endregion
-export { RichTextEditor, supported };

package/dist/web/octane-client-build.json

@@ -1,8 +0,0 @@
-{
-  "version": 1,
-  "buildId": "e24e7821-1145-476d-a91f-8af96da7c176",
-  "mode": "production",
-  "capabilities": {
-    "independentHydration": false
-  }
-}