chat-layout 1.2.0-3 → 1.2.0-4

package/example/chat.ts

@@ -253,6 +253,13 @@ class ItemDetector extends Wrapper<C> {
       list.update(this.item, nextItem, {
         duration: REPLACE_ANIMATION_DURATION,
       });
+    } else if (test.type === "auxclick") {
+      if (!list.items.includes(this.item)) {
+        return true;
+      }
+      list.delete(this.item, {
+        duration: REPLACE_ANIMATION_DURATION,
+      });
     }
     return true;
   }
@@ -555,6 +562,19 @@ canvas.addEventListener("click", (e) => {
   }
 });
 
+canvas.addEventListener("contextmenu", (e) => {
+  e.preventDefault();
+  const { top, left } = canvas.getBoundingClientRect();
+  const result = renderer.hittest({
+    x: e.clientX - left,
+    y: e.clientY - top,
+    type: "auxclick",
+  });
+  if (!result) {
+    currentHover = undefined;
+  }
+});
+
 function randomEnglishText(words: number): string {
   const out: string[] = [];
   for (let i = 0; i < words; i += 1) {

package/index.d.mts

@@ -513,6 +513,10 @@ interface UpdateListItemAnimationOptions {
   /** Animation duration in milliseconds. */
   duration?: number;
 }
+interface DeleteListItemAnimationOptions {
+  /** Animation duration in milliseconds. */
+  duration?: number;
+}
 declare class ListState<T extends {}> {
   #private;
   /** Pixel offset from the anchored item edge. */
@@ -539,6 +543,14 @@ declare class ListState<T extends {}> {
    * Updates an existing item by object identity.
    */
   update(targetItem: T, nextItem: T, animation?: UpdateListItemAnimationOptions): void;
+  /**
+   * Starts deleting an existing item by object identity.
+   */
+  delete(item: T, animation?: DeleteListItemAnimationOptions): void;
+  /**
+   * Finalizes a pending delete by removing the item from the list.
+   */
+  finalizeDelete(item: T): void;
   /**
    * Sets the current anchor item and pixel offset.
    */
@@ -570,6 +582,13 @@ declare function memoRenderItemBy<C extends CanvasRenderingContext2D, T, K>(keyO
   resetKey: (key: K) => boolean;
 };
 //#endregion
+//#region src/renderer/virtualized/base-types.d.ts
+/** Per-item draw/hittest callbacks produced by the resolver. */
+type VirtualizedResolvedItem = {
+  draw: (y: number) => boolean;
+  hittest: (test: HitTest, y: number) => boolean;
+};
+//#endregion
 //#region src/renderer/virtualized/solver.d.ts
 interface VisibleListState {
   position?: number;
@@ -589,6 +608,10 @@ interface VisibleWindow<T> {
   drawList: VisibleWindowEntry<T>[];
   shift: number;
 }
+interface VisibleWindowResult<T> {
+  normalizedState: NormalizedListState;
+  window: VisibleWindow<T>;
+}
 //#endregion
 //#region src/renderer/virtualized/base.d.ts
 /**
@@ -604,10 +627,6 @@ interface JumpToOptions {
   /** Called after the jump completes or finishes animating. */
   onComplete?: () => void;
 }
-type VirtualizedResolvedItem<C extends CanvasRenderingContext2D> = {
-  draw: (y: number) => boolean;
-  hittest: (test: HitTest, y: number) => boolean;
-};
 /**
  * Shared base class for virtualized list renderers.
  */
@@ -636,9 +655,9 @@ declare abstract class VirtualizedRenderer<C extends CanvasRenderingContext2D, T
   /** Replaces the current item collection. */
   set items(value: T[]);
   /** Renders the current visible window. */
-  abstract render(feedback?: RenderFeedback): boolean;
+  render(feedback?: RenderFeedback): boolean;
   /** Hit-tests the current visible window. */
-  abstract hittest(test: {
+  hittest(test: {
     x: number;
     y: number;
     type: "click" | "auxclick" | "hover";
@@ -651,19 +670,26 @@ declare abstract class VirtualizedRenderer<C extends CanvasRenderingContext2D, T
   jumpTo(index: number, options?: JumpToOptions): void;
   protected _resetRenderFeedback(feedback?: RenderFeedback): void;
   protected _accumulateRenderFeedback(feedback: RenderFeedback, idx: number, top: number, height: number): void;
-  protected _renderDrawList(list: VisibleWindow<VirtualizedResolvedItem<C>>["drawList"], shift: number, feedback?: RenderFeedback): boolean;
-  protected _renderVisibleWindow(window: VisibleWindow<VirtualizedResolvedItem<C>>, feedback?: RenderFeedback): boolean;
-  protected _hittestVisibleWindow(window: VisibleWindow<VirtualizedResolvedItem<C>>, test: HitTest): boolean;
-  protected _prepareRender(): boolean;
+  protected _renderDrawList(list: VisibleWindow<VirtualizedResolvedItem>["drawList"], shift: number, feedback?: RenderFeedback): boolean;
+  protected _renderVisibleWindow(window: VisibleWindow<VirtualizedResolvedItem>, feedback?: RenderFeedback): boolean;
+  protected _readVisibleRange(top: number, height: number): {
+    top: number;
+    bottom: number;
+  } | undefined;
+  protected _pruneReplacementAnimations(_window: VisibleWindow<unknown>): boolean;
+  protected _hittestVisibleWindow(window: VisibleWindow<VirtualizedResolvedItem>, test: HitTest): boolean;
+  protected _captureVisibleItemSnapshot(window: VisibleWindow<unknown>): void;
+  protected _prepareRender(now: number): boolean;
   protected _finishRender(requestRedraw: boolean): boolean;
   protected _clampItemIndex(index: number): number;
   protected _getItemHeight(index: number): number;
   protected _resolveItem(item: T, _index: number, now: number): {
-    value: VirtualizedResolvedItem<C>;
+    value: VirtualizedResolvedItem;
     height: number;
   };
   protected _getAnchorAtOffset(index: number, offset: number): number;
   protected abstract _normalizeListState(state: VisibleListState): NormalizedListState;
+  protected abstract _resolveVisibleWindow(now: number): VisibleWindowResult<VirtualizedResolvedItem>;
   protected abstract _readAnchor(state: NormalizedListState): number;
   protected abstract _applyAnchor(anchor: number): void;
   protected abstract _getDefaultJumpBlock(): NonNullable<JumpToOptions["block"]>;
@@ -676,15 +702,13 @@ declare abstract class VirtualizedRenderer<C extends CanvasRenderingContext2D, T
  * Virtualized renderer anchored to the bottom, suitable for chat-style UIs.
  */
 declare class ChatRenderer<C extends CanvasRenderingContext2D, T extends {}> extends VirtualizedRenderer<C, T> {
-  #private;
+  protected _resolveVisibleWindow(now: number): VisibleWindowResult<VirtualizedResolvedItem>;
   protected _getDefaultJumpBlock(): NonNullable<JumpToOptions["block"]>;
   protected _normalizeListState(state: VisibleListState): NormalizedListState;
   protected _readAnchor(state: NormalizedListState): number;
   protected _applyAnchor(anchor: number): void;
   protected _getTargetAnchor(index: number, block: NonNullable<JumpToOptions["block"]>): number;
   protected _getAnimatedLayerOffset(slotHeight: number, nodeHeight: number): number;
-  render(feedback?: RenderFeedback): boolean;
-  hittest(test: HitTest): boolean;
 }
 //#endregion
 //#region src/renderer/virtualized/timeline.d.ts
@@ -692,16 +716,14 @@ declare class ChatRenderer<C extends CanvasRenderingContext2D, T extends {}> ext
  * Virtualized renderer anchored to the top, suitable for timeline-style UIs.
  */
 declare class TimelineRenderer<C extends CanvasRenderingContext2D, T extends {}> extends VirtualizedRenderer<C, T> {
-  #private;
+  protected _resolveVisibleWindow(now: number): VisibleWindowResult<VirtualizedResolvedItem>;
   protected _getDefaultJumpBlock(): NonNullable<JumpToOptions["block"]>;
   protected _normalizeListState(state: VisibleListState): NormalizedListState;
   protected _readAnchor(state: NormalizedListState): number;
   protected _applyAnchor(anchor: number): void;
   protected _getTargetAnchor(index: number, block: NonNullable<JumpToOptions["block"]>): number;
   protected _getAnimatedLayerOffset(_slotHeight: number, _nodeHeight: number): number;
-  render(feedback?: RenderFeedback): boolean;
-  hittest(test: HitTest): boolean;
 }
 //#endregion
-export { Axis, BaseRenderer, Box, ChatRenderer, ChildLayoutResult, Context, CrossAxisAlignment, DebugRenderer, DynValue, Fixed, Flex, FlexContainerOptions, FlexItem, FlexItemOptions, FlexLayoutResult, Group, HitTest, InlineSpan, JumpToOptions, LayoutConstraints, LayoutRect, ListState, MainAxisAlignment, MainAxisSize, MultilineText, MultilineTextOptions, Node, PaddingBox, PhysicalTextAlign, Place, RenderFeedback, RendererOptions, ShrinkWrap, Text, TextAlign, TextEllipsisPosition, TextJustifyMode, TextJustifyOptions, TextOptions, TextOverflowMode, TextOverflowWrapMode, TextStyleOptions, TextWhiteSpaceMode, TextWordBreakMode, TimelineRenderer, UpdateListItemAnimationOptions, VirtualizedRenderer, Wrapper, memoRenderItem, memoRenderItemBy };
+export { Axis, BaseRenderer, Box, ChatRenderer, ChildLayoutResult, Context, CrossAxisAlignment, DebugRenderer, DeleteListItemAnimationOptions, DynValue, Fixed, Flex, FlexContainerOptions, FlexItem, FlexItemOptions, FlexLayoutResult, Group, HitTest, InlineSpan, JumpToOptions, LayoutConstraints, LayoutRect, ListState, MainAxisAlignment, MainAxisSize, MultilineText, MultilineTextOptions, Node, PaddingBox, PhysicalTextAlign, Place, RenderFeedback, RendererOptions, ShrinkWrap, Text, TextAlign, TextEllipsisPosition, TextJustifyMode, TextJustifyOptions, TextOptions, TextOverflowMode, TextOverflowWrapMode, TextStyleOptions, TextWhiteSpaceMode, TextWordBreakMode, TimelineRenderer, UpdateListItemAnimationOptions, VirtualizedRenderer, Wrapper, memoRenderItem, memoRenderItemBy };
 //# sourceMappingURL=index.d.mts.map