@ai-matrx/rich-content 0.2.10 → 0.2.16

package/dist/selection-toolbar/textarea-caret.d.ts

@@ -0,0 +1,8 @@
+export interface CaretRect {
+    left: number;
+    top: number;
+    bottom: number;
+    width: number;
+}
+/** The viewport box of `el`'s selection (first line of it), clamped to the field. Null when unmeasurable. */
+export declare function textareaSelectionRect(el: HTMLTextAreaElement): CaretRect | null;

package/dist/selection-toolbar/textarea-caret.js

@@ -0,0 +1,69 @@
+const COPIED = [
+  "boxSizing",
+  "width",
+  "height",
+  "overflowX",
+  "overflowY",
+  "borderTopWidth",
+  "borderRightWidth",
+  "borderBottomWidth",
+  "borderLeftWidth",
+  "borderStyle",
+  "paddingTop",
+  "paddingRight",
+  "paddingBottom",
+  "paddingLeft",
+  "fontStyle",
+  "fontVariant",
+  "fontWeight",
+  "fontStretch",
+  "fontSize",
+  "fontSizeAdjust",
+  "lineHeight",
+  "fontFamily",
+  "textAlign",
+  "textTransform",
+  "textIndent",
+  "textDecoration",
+  "letterSpacing",
+  "wordSpacing",
+  "tabSize"
+];
+function textareaSelectionRect(el) {
+  if (typeof window === "undefined" || el.selectionStart === null) return null;
+  const style = window.getComputedStyle(el);
+  const mirror = document.createElement("div");
+  const s = mirror.style;
+  for (const prop of COPIED) s[prop] = style[prop];
+  s.position = "absolute";
+  s.visibility = "hidden";
+  s.top = "0";
+  s.left = "-9999px";
+  s.whiteSpace = "pre-wrap";
+  s.overflowWrap = "break-word";
+  s.overflow = "hidden";
+  const start = el.selectionStart;
+  const end = el.selectionEnd ?? start;
+  mirror.textContent = el.value.slice(0, start);
+  const mark = document.createElement("span");
+  const selected = el.value.slice(start, end);
+  mark.textContent = selected.split("\n")[0] || ".";
+  mirror.appendChild(mark);
+  document.body.appendChild(mirror);
+  try {
+    const box = el.getBoundingClientRect();
+    const border = parseFloat(style.borderTopWidth) || 0;
+    const borderLeft = parseFloat(style.borderLeftWidth) || 0;
+    const lineHeight = mark.offsetHeight || parseFloat(style.lineHeight) || 20;
+    const left = box.left + borderLeft + mark.offsetLeft - el.scrollLeft - borderLeft;
+    const top = box.top + border + mark.offsetTop - el.scrollTop - border;
+    const width = Math.max(1, mark.offsetWidth);
+    const clampedTop = Math.min(Math.max(top, box.top), box.bottom - lineHeight);
+    return { left: Math.min(Math.max(left, box.left), box.right - 1), top: clampedTop, bottom: clampedTop + lineHeight, width };
+  } finally {
+    mirror.remove();
+  }
+}
+export {
+  textareaSelectionRect
+};

package/dist/utils/alchemy-icon-keys.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Icon KEYS for the Alchemy menu model (Matrx Alchemy ALC-15, CONTRACT §2.5).
+ *
+ * The package's model holds only string keys; this is the app half of the
+ * icon port. An app provider that owns a real icon component (rich-document's
+ * Lucide icons, a domain icon) registers it here and puts the returned key on
+ * its action; the icon port resolves that key back to the SAME component, and
+ * any other key through `@ai-matrx/icons` (Lucide names, `svg:` assets).
+ */
+import type { ComponentType } from "react";
+type IconComponent = ComponentType<{
+    className?: string;
+}>;
+/** Register a component; returns its stable key (`app:<Name>`, suffixed when two differ). */
+export declare function registerAlchemyIcon(component: unknown): string;
+/** The icon port's resolve: a registered component, else an `@ai-matrx/icons` name. */
+export declare function resolveAlchemyIcon(key: string): IconComponent | null;
+export {};

package/dist/utils/alchemy-icon-keys.js

@@ -0,0 +1,29 @@
+import { getIconComponent } from "@ai-matrx/icons";
+const STORE_KEY = /* @__PURE__ */ Symbol.for("ai-matrx.rich-content.alchemy-icon-keys");
+const store = globalThis[STORE_KEY] ??= {
+  byKey: /* @__PURE__ */ new Map(),
+  byComponent: /* @__PURE__ */ new WeakMap()
+};
+const BY_KEY = store.byKey;
+const BY_COMPONENT = store.byComponent;
+function registerAlchemyIcon(component) {
+  const icon = component;
+  const known = BY_COMPONENT.get(icon);
+  if (known) return known;
+  const base = `app:${icon.displayName ?? icon.name ?? "icon"}`;
+  let key = base;
+  for (let n = 2; BY_KEY.has(key) && BY_KEY.get(key) !== icon; n++) key = `${base}-${n}`;
+  BY_KEY.set(key, icon);
+  BY_COMPONENT.set(icon, key);
+  return key;
+}
+function resolveAlchemyIcon(key) {
+  const own = BY_KEY.get(key);
+  if (own) return own;
+  if (key.startsWith("app:")) return null;
+  return getIconComponent(key);
+}
+export {
+  registerAlchemyIcon,
+  resolveAlchemyIcon
+};

package/dist/utils/rendered-find.d.ts

@@ -0,0 +1,9 @@
+/** Search the visible text of a rendered document without changing its DOM. */
+export interface RenderedFindOptions {
+    caseSensitive?: boolean;
+    wholeWord?: boolean;
+    regex?: boolean;
+}
+export declare function findRenderedTextMatches(text: string, query: string, options?: RenderedFindOptions): Array<[number, number]>;
+/** Ranges can cross inline formatting boundaries, such as a word split by <strong>. */
+export declare function collectRenderedFindRanges(root: HTMLElement, query: string, options?: RenderedFindOptions): Range[];

package/dist/utils/rendered-find.js

@@ -0,0 +1,68 @@
+function findRenderedTextMatches(text, query, options = {}) {
+  if (!query.trim()) return [];
+  let expression;
+  try {
+    const pattern = options.regex ? query : query.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    expression = new RegExp(pattern, options.caseSensitive ? "gu" : "giu");
+  } catch {
+    return [];
+  }
+  const matches = [];
+  for (const match of text.matchAll(expression)) {
+    if (!match[0] || match.index === void 0) continue;
+    const start = match.index;
+    const end = start + match[0].length;
+    if (options.wholeWord && (/[\p{L}\p{N}\p{M}_]/u.test(text[start - 1] ?? "") || /[\p{L}\p{N}\p{M}_]/u.test(text[end] ?? ""))) continue;
+    matches.push([start, end]);
+  }
+  return matches;
+}
+const IGNORE_SELECTOR = "[data-find-ignore], button, [role='button'], [role='menu'], script, style, textarea, input, [aria-hidden='true']";
+function collectRenderedFindRanges(root, query, options = {}) {
+  if (!query.trim()) return [];
+  const doc = root.ownerDocument;
+  const walker = doc.createTreeWalker(root, NodeFilter.SHOW_TEXT, {
+    acceptNode(node) {
+      const parent = node.parentElement;
+      return parent && node.nodeValue && !parent.closest(IGNORE_SELECTOR) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
+    }
+  });
+  const nodes = [];
+  const starts = [];
+  let text = "";
+  let previousBlock = null;
+  for (let node = walker.nextNode(); node; node = walker.nextNode()) {
+    const block = node.parentElement?.closest("p,li,h1,h2,h3,h4,h5,h6,blockquote,pre,td,th,figcaption,div,section,article") ?? root;
+    if (previousBlock && block !== previousBlock) text += "\n";
+    previousBlock = block;
+    nodes.push(node);
+    starts.push(text.length);
+    text += node.nodeValue ?? "";
+  }
+  const locate = (offset, isEnd) => {
+    let lo = 0;
+    let hi = nodes.length - 1;
+    while (lo <= hi) {
+      const mid = lo + hi >> 1;
+      const start = starts[mid];
+      const length = nodes[mid].nodeValue?.length ?? 0;
+      if (isEnd ? offset > start && offset <= start + length : offset >= start && offset < start + length) return [nodes[mid], offset - start];
+      if (offset < start || isEnd && offset === start) hi = mid - 1;
+      else lo = mid + 1;
+    }
+    return null;
+  };
+  return findRenderedTextMatches(text, query, options).flatMap(([start, end]) => {
+    const from = locate(start, false);
+    const to = locate(end, true);
+    if (!from || !to) return [];
+    const range = doc.createRange();
+    range.setStart(from[0], from[1]);
+    range.setEnd(to[0], to[1]);
+    return [range];
+  });
+}
+export {
+  collectRenderedFindRanges,
+  findRenderedTextMatches
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-matrx/rich-content",
-  "version": "0.2.10",
+  "version": "0.2.16",
   "description": "The AI Matrx formatted-text engine: the one markdown renderer, streaming markdown, the block splitter and renderer, the generic blocks, <RichContent> levels, the rich-document action registry and menus, copy, and the selection toolbar — as portable React.",
   "type": "module",
   "license": "MIT",
@@ -63,6 +63,21 @@
       "import": "./dist/kinds/*.js",
       "default": "./dist/kinds/*.js"
     },
+    "./copy/*": {
+      "types": "./dist/copy/*.d.ts",
+      "import": "./dist/copy/*.js",
+      "default": "./dist/copy/*.js"
+    },
+    "./rich-document/*": {
+      "types": "./dist/rich-document/*.d.ts",
+      "import": "./dist/rich-document/*.js",
+      "default": "./dist/rich-document/*.js"
+    },
+    "./selection-toolbar/*": {
+      "types": "./dist/selection-toolbar/*.d.ts",
+      "import": "./dist/selection-toolbar/*.js",
+      "default": "./dist/selection-toolbar/*.js"
+    },
     "./utils/*": {
       "types": "./dist/utils/*.d.ts",
       "import": "./dist/utils/*.js",
@@ -116,19 +131,20 @@
     "unist-util-visit-parents": "^6.0.2",
     "yaml": "^2.9.1",
     "@ai-matrx/alchemy": "latest",
+    "@ai-matrx/canvas": "latest",
     "@ai-matrx/content-ir": "latest",
     "@ai-matrx/content-ir-react": "latest",
     "@ai-matrx/data": "latest",
-    "@ai-matrx/agents": "latest",
     "@ai-matrx/design-system": "latest",
+    "@ai-matrx/diff": "latest",
     "@ai-matrx/icons": "latest",
-    "@ai-matrx/canvas": "latest",
-    "@ai-matrx/kit": "latest",
-    "@ai-matrx/print": "latest",
-    "@ai-matrx/records": "latest",
     "@ai-matrx/media": "latest",
+    "@ai-matrx/records": "latest",
+    "@ai-matrx/records-ui": "latest",
     "@ai-matrx/tap-target": "latest",
-    "@ai-matrx/diff": "latest"
+    "@ai-matrx/print": "latest",
+    "@ai-matrx/kit": "latest",
+    "@ai-matrx/agents": "latest"
   },
   "peerDependencies": {
     "react": ">=19.0.0",