@tylertech/forge-ai 0.15.3-dev.1 → 0.16.0-dev.0

package/dist/utils/infinite-scroll-controller.mjs

@@ -1,95 +1,89 @@
-class InfiniteScrollController {
-  #host;
-  #config;
-  #container = null;
-  #scrollDebounceTimeout;
-  #isLoadingMore = false;
-  #hasMoreResults = true;
-  #lastLoadScrollTop = -1;
-  constructor(host, config) {
-    this.#host = host;
-    this.#config = {
-      onLoadMore: config.onLoadMore,
-      scrollThreshold: config.scrollThreshold ?? 100,
-      debounceMs: config.debounceMs ?? 150
-    };
-    host.addController(this);
-  }
-  hostConnected() {
-  }
-  hostDisconnected() {
-    this.detach();
-    clearTimeout(this.#scrollDebounceTimeout);
-  }
-  /** Attach scroll listener to container element */
-  attach(container) {
-    if (this.#container === container) {
-      return;
-    }
-    this.detach();
-    this.#container = container;
-    this.#container.addEventListener("scroll", this.#handleScroll);
-  }
-  /** Remove scroll listener from current container */
-  detach() {
-    if (this.#container) {
-      this.#container.removeEventListener("scroll", this.#handleScroll);
-      this.#container = null;
-    }
-  }
-  /** Reset pagination state */
-  reset() {
-    this.#isLoadingMore = false;
-    this.#hasMoreResults = true;
-    this.#lastLoadScrollTop = -1;
-    clearTimeout(this.#scrollDebounceTimeout);
-    this.#host.requestUpdate();
-  }
-  /** Set loading state (call when starting async load) */
-  setLoadingState(isLoading) {
-    this.#isLoadingMore = isLoading;
-    if (!isLoading) {
-      clearTimeout(this.#scrollDebounceTimeout);
-    }
-    this.#host.requestUpdate();
-  }
-  /** Set whether more results available (false = end of list) */
-  setHasMore(hasMore) {
-    this.#hasMoreResults = hasMore;
-    this.#host.requestUpdate();
-  }
-  /** Current loading state */
-  get isLoadingMore() {
-    return this.#isLoadingMore;
-  }
-  /** Whether more results available */
-  get hasMoreResults() {
-    return this.#hasMoreResults;
-  }
-  #handleScroll = () => {
-    clearTimeout(this.#scrollDebounceTimeout);
-    this.#scrollDebounceTimeout = window.setTimeout(() => {
-      this.#checkScrollPosition();
-    }, this.#config.debounceMs);
-  };
-  #checkScrollPosition() {
-    if (!this.#hasMoreResults || this.#isLoadingMore || !this.#container) {
-      return;
-    }
-    const { scrollTop, scrollHeight, clientHeight } = this.#container;
-    const distanceFromBottom = scrollHeight - scrollTop - clientHeight;
-    if (distanceFromBottom < this.#config.scrollThreshold) {
-      if (this.#lastLoadScrollTop === scrollTop) {
-        return;
-      }
-      this.#lastLoadScrollTop = scrollTop;
-      this.#isLoadingMore = true;
-      clearTimeout(this.#scrollDebounceTimeout);
-      this.#host.requestUpdate();
-      this.#config.onLoadMore();
-    }
-  }
-}
-export {
-  InfiniteScrollController
+//#region src/lib/utils/infinite-scroll-controller.ts
+/**
+* Reactive controller for infinite scroll functionality.
+* Manages scroll detection, debouncing, and pagination state.
+*/
+var InfiniteScrollController = class {
+	#host;
+	#config;
+	#container = null;
+	#scrollDebounceTimeout;
+	#isLoadingMore = false;
+	#hasMoreResults = true;
+	#lastLoadScrollTop = -1;
+	constructor(host, config) {
+		this.#host = host;
+		this.#config = {
+			onLoadMore: config.onLoadMore,
+			scrollThreshold: config.scrollThreshold ?? 100,
+			debounceMs: config.debounceMs ?? 150
+		};
+		host.addController(this);
+	}
+	hostConnected() {}
+	hostDisconnected() {
+		this.detach();
+		clearTimeout(this.#scrollDebounceTimeout);
+	}
+	/** Attach scroll listener to container element */
+	attach(container) {
+		if (this.#container === container) return;
+		this.detach();
+		this.#container = container;
+		this.#container.addEventListener("scroll", this.#handleScroll);
+	}
+	/** Remove scroll listener from current container */
+	detach() {
+		if (this.#container) {
+			this.#container.removeEventListener("scroll", this.#handleScroll);
+			this.#container = null;
+		}
+	}
+	/** Reset pagination state */
+	reset() {
+		this.#isLoadingMore = false;
+		this.#hasMoreResults = true;
+		this.#lastLoadScrollTop = -1;
+		clearTimeout(this.#scrollDebounceTimeout);
+		this.#host.requestUpdate();
+	}
+	/** Set loading state (call when starting async load) */
+	setLoadingState(isLoading) {
+		this.#isLoadingMore = isLoading;
+		if (!isLoading) clearTimeout(this.#scrollDebounceTimeout);
+		this.#host.requestUpdate();
+	}
+	/** Set whether more results available (false = end of list) */
+	setHasMore(hasMore) {
+		this.#hasMoreResults = hasMore;
+		this.#host.requestUpdate();
+	}
+	/** Current loading state */
+	get isLoadingMore() {
+		return this.#isLoadingMore;
+	}
+	/** Whether more results available */
+	get hasMoreResults() {
+		return this.#hasMoreResults;
+	}
+	#handleScroll = () => {
+		clearTimeout(this.#scrollDebounceTimeout);
+		this.#scrollDebounceTimeout = window.setTimeout(() => {
+			this.#checkScrollPosition();
+		}, this.#config.debounceMs);
+	};
+	#checkScrollPosition() {
+		if (!this.#hasMoreResults || this.#isLoadingMore || !this.#container) return;
+		const { scrollTop, scrollHeight, clientHeight } = this.#container;
+		if (scrollHeight - scrollTop - clientHeight < this.#config.scrollThreshold) {
+			if (this.#lastLoadScrollTop === scrollTop) return;
+			this.#lastLoadScrollTop = scrollTop;
+			this.#isLoadingMore = true;
+			clearTimeout(this.#scrollDebounceTimeout);
+			this.#host.requestUpdate();
+			this.#config.onLoadMore();
+		}
+	}
 };
+//#endregion
+export { InfiniteScrollController };

package/dist/utils/keyboard-navigation-controller.mjs

@@ -1,71 +1,63 @@
-class KeyboardNavigationController {
-  constructor(callbacks) {
-    this.callbacks = callbacks;
-  }
-  #selectedIndex = -1;
-  get selectedIndex() {
-    return this.#selectedIndex;
-  }
-  handleKeyDown(event, itemCount) {
-    if (itemCount === 0) {
-      return false;
-    }
-    switch (event.key) {
-      case "ArrowDown":
-        event.preventDefault();
-        this.#moveSelection(1, itemCount);
-        return true;
-      case "ArrowUp":
-        event.preventDefault();
-        this.#moveSelection(-1, itemCount);
-        return true;
-      case "Home":
-        event.preventDefault();
-        this.#selectedIndex = 0;
-        this.callbacks.onNavigate?.();
-        return true;
-      case "End":
-        event.preventDefault();
-        this.#selectedIndex = itemCount - 1;
-        this.callbacks.onNavigate?.();
-        return true;
-      case "Enter":
-        if (this.#selectedIndex >= 0) {
-          event.preventDefault();
-          this.callbacks.onSelect(this.#selectedIndex);
-          return true;
-        }
-        return false;
-      case "Escape":
-        event.preventDefault();
-        this.callbacks.onClose();
-        return true;
-      default:
-        return false;
-    }
-  }
-  reset() {
-    this.#selectedIndex = -1;
-  }
-  #moveSelection(direction, itemCount) {
-    if (this.#selectedIndex === -1) {
-      if (direction > 0) {
-        this.#selectedIndex = 0;
-      } else {
-        this.#selectedIndex = itemCount - 1;
-      }
-    } else {
-      let newIndex = this.#selectedIndex + direction;
-      if (newIndex < 0) {
-        newIndex = itemCount - 1;
-      } else if (newIndex >= itemCount) {
-        newIndex = 0;
-      }
-      this.#selectedIndex = newIndex;
-    }
-    this.callbacks.onNavigate?.();
-  }
-}
-export {
-  KeyboardNavigationController
+//#region src/lib/utils/keyboard-navigation-controller.ts
+var KeyboardNavigationController = class {
+	#selectedIndex = -1;
+	constructor(callbacks) {
+		this.callbacks = callbacks;
+	}
+	get selectedIndex() {
+		return this.#selectedIndex;
+	}
+	handleKeyDown(event, itemCount) {
+		if (event.key === "Escape") {
+			event.preventDefault();
+			this.callbacks.onClose();
+			return true;
+		}
+		if (itemCount === 0) return false;
+		switch (event.key) {
+			case "ArrowDown":
+				event.preventDefault();
+				this.#moveSelection(1, itemCount);
+				return true;
+			case "ArrowUp":
+				event.preventDefault();
+				this.#moveSelection(-1, itemCount);
+				return true;
+			case "Home":
+				event.preventDefault();
+				this.#selectedIndex = 0;
+				this.callbacks.onNavigate?.();
+				return true;
+			case "End":
+				event.preventDefault();
+				this.#selectedIndex = itemCount - 1;
+				this.callbacks.onNavigate?.();
+				return true;
+			case "Enter":
+				if (this.#selectedIndex >= 0) {
+					event.preventDefault();
+					this.callbacks.onSelect(this.#selectedIndex);
+					return true;
+				}
+				return false;
+			default: return false;
+		}
+	}
+	reset() {
+		this.#selectedIndex = -1;
+	}
+	#moveSelection(direction, itemCount) {
+		if (this.#selectedIndex === -1) {
+			if (direction > 0) this.#selectedIndex = 0;
+			else this.#selectedIndex = itemCount - 1;
+		} else {
+			let newIndex = this.#selectedIndex + direction;
+			if (newIndex < 0) newIndex = itemCount - 1;
+			else if (newIndex >= itemCount) newIndex = 0;
+			this.#selectedIndex = newIndex;
+		}
+		this.callbacks.onNavigate?.();
+	}
 };
+//#endregion
+export { KeyboardNavigationController };

package/dist/utils/markdown-stream-controller.mjs

@@ -0,0 +1,48 @@
+import { renderMarkdown } from "./markdown.mjs";
+//#region src/lib/utils/markdown-stream-controller.ts
+/**
+* Reactive controller for caching parsed markdown and throttling renders.
+* Provides HTML caching per message and RAF throttling during streaming.
+*/
+var MarkdownStreamController = class {
+	#host;
+	#rafId;
+	#markdownCache = /* @__PURE__ */ new Map();
+	constructor(host) {
+		this.#host = host;
+		host.addController(this);
+	}
+	hostConnected() {}
+	hostDisconnected() {
+		if (this.#rafId) {
+			cancelAnimationFrame(this.#rafId);
+			this.#rafId = void 0;
+		}
+		this.#markdownCache.clear();
+	}
+	#getCacheKey(messageId, content, { streaming = true }) {
+		return `${messageId}:${streaming}:${content}`;
+	}
+	getCachedHtml(messageId, content, options = {}) {
+		const str = String(content ?? "");
+		const key = this.#getCacheKey(messageId, str, options);
+		let html = this.#markdownCache.get(key);
+		if (!html) {
+			html = renderMarkdown(str, options);
+			this.#markdownCache.set(key, html);
+			if (this.#markdownCache.size > 100) {
+				const firstKey = this.#markdownCache.keys().next().value;
+				if (firstKey) this.#markdownCache.delete(firstKey);
+			}
+		}
+		return html;
+	}
+	scheduleUpdate() {
+		if (!this.#rafId) this.#rafId = requestAnimationFrame(() => {
+			this.#rafId = void 0;
+			this.#host.requestUpdate();
+		});
+	}
+};
+//#endregion
+export { MarkdownStreamController };

package/dist/utils/markdown.d.ts

@@ -8,6 +8,14 @@ export interface RenderMarkdownOptions {
      */
     streaming?: boolean;
 }
+export interface RenderInlineMarkdownOptions {
+    /**
+     * Whether links render as anchors (the default). Set to `false` when the output is placed inside
+     * an interactive element such as a `<button>`, where a nested link would take the click; links
+     * then render as their text.
+     */
+    links?: boolean;
+}
 /**
  * Renders markdown content to sanitized HTML.
  * Handles incomplete syntax in streaming content, and sanitizes the output to remove unsafe tags and attributes.
@@ -29,6 +37,7 @@ export declare function renderMarkdown(content: string, { streaming }?: RenderMa
  * plain values (IDs, codes, formulas) untouched. Sanitization strips unsafe
  * protocols (e.g. `javascript:`) and disallowed tags/attributes.
  * @param content The markdown content to render.
+ * @param options Options for rendering, including whether links render as anchors.
  * @returns The sanitized inline HTML string.
  */
-export declare function renderInlineMarkdown(content: string): string;
+export declare function renderInlineMarkdown(content: string, { links }?: RenderInlineMarkdownOptions): string;