chat-layout 0.0.19 → 0.1.1

package/index.js

@@ -1,999 +0,0 @@
-// @bun
-// text.civet
-function layoutFirstLine(ctx, text, maxWidth) {
-  if (maxWidth < 0) {
-    maxWidth = 0;
-  }
-  const line = text.replaceAll(/[^\S\n]+/g, " ").split(`
-`, 1)[0].trim();
-  const { width: textWidth, fontBoundingBoxAscent: ascent = 0, fontBoundingBoxDescent: descent = 0 } = ctx.graphics.measureText(line);
-  const shift = ascent - descent;
-  if (textWidth <= maxWidth) {
-    return { width: textWidth, text: line, shift };
-  } else {
-    const { width, text: text2 } = splitToFitText(ctx, line, maxWidth, textWidth);
-    return { width, text: text2, shift };
-  }
-}
-function layoutText(ctx, text, maxWidth) {
-  if (maxWidth < 0) {
-    maxWidth = 0;
-  }
-  const results = [];
-  for (let ref = text.replaceAll(/[^\S\n]+/g, " ").split(`
-`), i = 0, len = ref.length;i < len; i++) {
-    const line = ref[i];
-    const trimed = line.trim();
-    if (!trimed) {
-      continue;
-    }
-    results.push(trimed);
-  }
-  const inputLines = results;
-  if (inputLines.length === 0) {
-    return { width: 0, lines: [] };
-  }
-  let width = 0;
-  const lines = [];
-  for (let i1 = 0, len1 = inputLines.length;i1 < len1; i1++) {
-    let line = inputLines[i1];
-    let { width: textWidth, fontBoundingBoxAscent: ascent = 0, fontBoundingBoxDescent: descent = 0 } = ctx.graphics.measureText(line);
-    const shift = ascent - descent;
-    if (textWidth <= maxWidth) {
-      width = Math.max(width, textWidth);
-      lines.push({ width: textWidth, text: line, shift });
-    } else {
-      while (textWidth > maxWidth) {
-        const splited = splitToFitText(ctx, line, maxWidth, textWidth);
-        if (splited.width === 0) {
-          return { width: 0, lines: [] };
-        }
-        width = Math.max(width, splited.width);
-        lines.push({ text: splited.text, width: splited.width, shift });
-        line = splited.rest;
-        ({ width: textWidth } = ctx.graphics.measureText(line));
-      }
-      if (textWidth > 0) {
-        width = Math.max(width, textWidth);
-        lines.push({ width: textWidth, text: line, shift });
-      }
-    }
-  }
-  return { width, lines };
-}
-function splitToFitText(ctx, text, width, totalWidth) {
-  const arr = ctx.splitText(text);
-  let guess = Math.floor(width / totalWidth * arr.length);
-  let guessText;
-  let { width: guessWidth } = ctx.graphics.measureText(guessText = arr.slice(0, guess).join(""));
-  while (!(guessWidth >= width)) {
-    guess++;
-    ({ width: guessWidth } = ctx.graphics.measureText(guessText = arr.slice(0, guess).join("")));
-  }
-  while (guessWidth > width) {
-    const lastSpace = arr.lastIndexOf(" ", guess - 1);
-    if (lastSpace > 0) {
-      guess = lastSpace;
-    } else {
-      guess--;
-    }
-    ({ width: guessWidth } = ctx.graphics.measureText(guessText = arr.slice(0, guess).join("")));
-  }
-  return {
-    text: guessText,
-    width: guessWidth,
-    rest: arr.slice(guess).join("").trimStart()
-  };
-}
-
-// utils.civet
-function shallow(object) {
-  return Object.create(object);
-}
-function shallowMerge(object, other) {
-  return { __proto__: object, ...other };
-}
-
-// registry.civet
-var registry = new WeakMap;
-function registerNodeParent(node, parent) {
-  registry.set(node, parent);
-}
-function unregisterNodeParent(node) {
-  registry.delete(node);
-}
-function getNodeParent(node) {
-  return registry.get(node);
-}
-
-// nodes.civet
-class Group {
-  children;
-  constructor(children) {
-    this.children = children;
-    for (let i = 0, len = children.length;i < len; i++) {
-      const child = children[i];
-      registerNodeParent(child, this);
-    }
-  }
-  get flex() {
-    let results = false;
-    for (let ref = this.children, i1 = 0, len1 = ref.length;i1 < len1; i1++) {
-      const item = ref[i1];
-      if (item.flex) {
-        results = true;
-        break;
-      }
-    }
-    return results;
-  }
-}
-
-class VStack extends Group {
-  options;
-  constructor(children, options = {}) {
-    super(children);
-    this.options = options;
-  }
-  measure(ctx) {
-    let width = 0;
-    let height = 0;
-    if (this.options.alignment != null) {
-      ctx.alignment = this.options.alignment;
-    }
-    for (let ref1 = this.children, i2 = 0, len2 = ref1.length;i2 < len2; i2++) {
-      const index = i2;
-      const child = ref1[i2];
-      if (this.options.gap != null && index !== 0) {
-        height += this.options.gap;
-      }
-      let result = shallow(ctx).measureNode(child);
-      height += result.height;
-      width = Math.max(width, result.width);
-    }
-    ctx.remainingWidth -= width;
-    return { width, height };
-  }
-  draw(ctx, x, y) {
-    let result = false;
-    const fullwidth = ctx.measureNode(this).width;
-    const alignment = this.options.alignment ?? ctx.alignment;
-    if (this.options.alignment != null) {
-      ctx.alignment = this.options.alignment;
-    }
-    for (let ref2 = this.children, i3 = 0, len3 = ref2.length;i3 < len3; i3++) {
-      const index = i3;
-      const child = ref2[i3];
-      if (this.options.gap != null && index !== 0) {
-        y += this.options.gap;
-      }
-      let { width, height } = shallow(ctx).measureNode(child);
-      const curctx = shallow(ctx);
-      let ref3;
-      if (alignment === "right") {
-        ref3 = child.draw(curctx, x + fullwidth - width, y);
-      } else if (alignment === "center") {
-        ref3 = child.draw(curctx, x + (fullwidth - width) / 2, y);
-      } else {
-        ref3 = child.draw(curctx, x, y);
-      }
-      const request_redraw = ref3;
-      result ||= request_redraw;
-      y += height;
-    }
-    return result;
-  }
-  hittest(ctx, test) {
-    let y = 0;
-    const fullwidth = ctx.measureNode(this).width;
-    const alignment = this.options.alignment ?? ctx.alignment;
-    if (this.options.alignment != null) {
-      ctx.alignment = this.options.alignment;
-    }
-    for (let ref4 = this.children, i4 = 0, len4 = ref4.length;i4 < len4; i4++) {
-      const index = i4;
-      const child = ref4[i4];
-      if (this.options.gap != null && index !== 0) {
-        y += this.options.gap;
-      }
-      let { width, height } = shallow(ctx).measureNode(child);
-      const curctx = shallow(ctx);
-      if (test.y >= y && test.y < y + height) {
-        let ref5;
-        if (alignment === "right") {
-          ref5 = test.x - fullwidth + width;
-        } else if (alignment === "center") {
-          ref5 = test.x - (fullwidth - width) / 2;
-        } else {
-          ref5 = test.x;
-        }
-        const x = ref5;
-        if (x < 0 || x >= width) {
-          return false;
-        }
-        return child.hittest(curctx, shallowMerge(test, {
-          x,
-          y: test.y - y
-        }));
-      }
-      y += height;
-    }
-    return false;
-  }
-}
-
-class HStack extends Group {
-  children;
-  options;
-  constructor(children, options = {}) {
-    super(children);
-    this.children = children;
-    this.options = options;
-  }
-  measure(ctx) {
-    let width = 0;
-    let height = 0;
-    let firstflex;
-    for (let ref6 = this.children, i5 = 0, len5 = ref6.length;i5 < len5; i5++) {
-      const index = i5;
-      const child = ref6[i5];
-      if (this.options.gap != null && index !== 0) {
-        width += this.options.gap;
-      }
-      if (firstflex == null && child.flex) {
-        firstflex = child;
-        continue;
-      }
-      const curctx = shallow(ctx);
-      curctx.remainingWidth = ctx.remainingWidth - width;
-      const result = curctx.measureNode(child);
-      width += result.width;
-      height = Math.max(height, result.height);
-    }
-    if (firstflex != null) {
-      const curctx = shallow(ctx);
-      curctx.remainingWidth = ctx.remainingWidth - width;
-      const result = curctx.measureNode(firstflex);
-      width += result.width;
-      height = Math.max(height, result.height);
-    }
-    return { width, height };
-  }
-  draw(ctx, x, y) {
-    let result = false;
-    const reverse = this.options.reverse ?? ctx.reverse;
-    if (this.options.reverse) {
-      ctx.reverse = this.options.reverse;
-    }
-    if (reverse) {
-      x += ctx.measureNode(this).width;
-      for (let ref7 = this.children, i6 = 0, len6 = ref7.length;i6 < len6; i6++) {
-        const index = i6;
-        const child = ref7[i6];
-        let ref8;
-        if (ref8 = this.options.gap != null && index !== 0 ? this.options.gap : undefined) {
-          const gap = ref8;
-          x -= gap;
-          ctx.remainingWidth -= gap;
-        }
-        const { width } = shallow(ctx).measureNode(child);
-        x -= width;
-        const request_redraw = child.draw(shallow(ctx), x, y);
-        result ||= request_redraw;
-        ctx.remainingWidth -= width;
-      }
-    } else {
-      for (let ref9 = this.children, i7 = 0, len7 = ref9.length;i7 < len7; i7++) {
-        const index = i7;
-        const child = ref9[i7];
-        let ref10;
-        if (ref10 = this.options.gap != null && index !== 0 ? this.options.gap : undefined) {
-          const gap = ref10;
-          x += gap;
-          ctx.remainingWidth -= gap;
-        }
-        const request_redraw = child.draw(shallow(ctx), x, y);
-        result ||= request_redraw;
-        const { width } = shallow(ctx).measureNode(child);
-        ctx.remainingWidth -= width;
-        x += width;
-      }
-    }
-    return result;
-  }
-  hittest(ctx, test) {
-    const reverse = this.options.reverse ?? ctx.reverse;
-    if (this.options.reverse) {
-      ctx.reverse = this.options.reverse;
-    }
-    if (reverse) {
-      let x = ctx.measureNode(this).width;
-      for (let ref11 = this.children, i8 = 0, len8 = ref11.length;i8 < len8; i8++) {
-        const index = i8;
-        const child = ref11[i8];
-        let ref12;
-        if (ref12 = this.options.gap != null && index !== 0 ? this.options.gap : undefined) {
-          const gap = ref12;
-          x -= gap;
-          ctx.remainingWidth -= gap;
-        }
-        const { width, height } = shallow(ctx).measureNode(child);
-        x -= width;
-        let ref13;
-        if (x <= (ref13 = test.x) && ref13 < x + width) {
-          if (test.y >= height) {
-            return false;
-          }
-          return child.hittest(shallow(ctx), shallowMerge(test, {
-            x: test.x - x
-          }));
-        }
-        ctx.remainingWidth -= width;
-      }
-    } else {
-      let x = 0;
-      for (let ref14 = this.children, i9 = 0, len9 = ref14.length;i9 < len9; i9++) {
-        const index = i9;
-        const child = ref14[i9];
-        let ref15;
-        if (ref15 = this.options.gap != null && index !== 0 ? this.options.gap : undefined) {
-          const gap = ref15;
-          x += gap;
-          ctx.remainingWidth -= gap;
-        }
-        const { width, height } = shallow(ctx).measureNode(child);
-        let ref16;
-        if (x <= (ref16 = test.x) && ref16 < x + width) {
-          if (test.y >= height) {
-            return false;
-          }
-          return child.hittest(shallow(ctx), shallowMerge(test, {
-            x: test.x - x
-          }));
-        }
-        x += width;
-        ctx.remainingWidth -= width;
-      }
-    }
-    return false;
-  }
-}
-
-class Wrapper {
-  #inner;
-  constructor(inner1) {
-    this.#inner = inner1;
-    registerNodeParent(this.#inner, this);
-  }
-  get inner() {
-    return this.#inner;
-  }
-  set inner(newnode) {
-    if (newnode === this.#inner) {
-      return;
-    }
-    unregisterNodeParent(this.#inner);
-    this.#inner = newnode;
-    registerNodeParent(newnode, this);
-  }
-  get flex() {
-    return this.inner.flex;
-  }
-  measure(ctx) {
-    return this.inner.measure(ctx);
-  }
-  draw(ctx, x, y) {
-    return this.inner.draw(ctx, x, y);
-  }
-  hittest(ctx, test) {
-    return this.inner.hittest(ctx, test);
-  }
-}
-
-class PaddingBox extends Wrapper {
-  padding;
-  constructor(inner, padding = {}) {
-    super(inner);
-    this.padding = padding;
-  }
-  get #top() {
-    return this.padding.top ?? 0;
-  }
-  get #bottom() {
-    return this.padding.bottom ?? 0;
-  }
-  get #left() {
-    return this.padding.left ?? 0;
-  }
-  get #right() {
-    return this.padding.right ?? 0;
-  }
-  measure(ctx) {
-    ctx.remainingWidth -= this.#left + this.#right;
-    const { width, height } = ctx.measureNode(this.inner);
-    return {
-      width: width + this.#left + this.#right,
-      height: height + this.#top + this.#bottom
-    };
-  }
-  draw(ctx, x, y) {
-    ctx.remainingWidth -= this.#left + this.#right;
-    return this.inner.draw(ctx, x + this.#left, y + this.#top);
-  }
-  hittest(ctx, test) {
-    ctx.remainingWidth -= this.#left + this.#right;
-    const { width, height } = shallow(ctx).measureNode(this.inner);
-    let ref17;
-    let ref18;
-    if (0 <= (ref17 = test.x - this.#left) && ref17 < width && (0 <= (ref18 = test.y - this.#top) && ref18 < height)) {
-      return this.inner.hittest(shallow(ctx), shallowMerge(test, {
-        x: test.x - this.#left,
-        y: test.y - this.#top
-      }));
-    }
-    return false;
-  }
-}
-
-class AlignBox extends Wrapper {
-  options;
-  #shift = 0;
-  constructor(inner, options) {
-    super(inner);
-    this.options = options;
-  }
-  measure(ctx) {
-    ctx.alignment = this.options.alignment;
-    const { width, height } = ctx.measureNode(this.inner);
-    let ref19;
-    switch (this.options.alignment) {
-      case "center": {
-        ref19 = (ctx.remainingWidth - width) / 2;
-        break;
-      }
-      case "right": {
-        ref19 = ctx.remainingWidth - width;
-        break;
-      }
-      default: {
-        ref19 = 0;
-      }
-    }
-    this.#shift = ref19;
-    return {
-      width: ctx.remainingWidth,
-      height
-    };
-  }
-  draw(ctx, x, y) {
-    ctx.alignment = this.options.alignment;
-    return this.inner.draw(ctx, x + this.#shift, y);
-  }
-  hittest(ctx, test) {
-    ctx.alignment = this.options.alignment;
-    const { width } = shallow(ctx).measureNode(this.inner);
-    let ref20;
-    if (0 <= (ref20 = test.x - this.#shift) && ref20 < width) {
-      return this.inner.hittest(shallow(ctx), shallowMerge(test, {
-        x: test.x - this.#shift
-      }));
-    }
-    return false;
-  }
-}
-
-class MultilineText {
-  text;
-  options;
-  #width = 0;
-  #lines = [];
-  constructor(text, options) {
-    this.text = text;
-    this.options = options;
-  }
-  get flex() {
-    return true;
-  }
-  measure(ctx) {
-    return ctx.with((g) => {
-      g.font = this.options.font;
-      const { width: width1, lines } = layoutText(ctx, this.text, ctx.remainingWidth);
-      this.#width = width1;
-      this.#lines = lines;
-      return { width: this.#width, height: this.#lines.length * this.options.lineHeight };
-    });
-  }
-  draw(ctx, x, y) {
-    return ctx.with((g) => {
-      g.font = this.options.font;
-      g.fillStyle = ctx.resolveDynValue(this.options.style);
-      switch (this.options.alignment) {
-        case "left": {
-          for (let ref21 = this.#lines, i10 = 0, len10 = ref21.length;i10 < len10; i10++) {
-            const { text, shift } = ref21[i10];
-            g.fillText(text, x, y + (this.options.lineHeight + shift) / 2);
-            y += this.options.lineHeight;
-          }
-          break;
-        }
-        case "right": {
-          x += this.#width;
-          g.textAlign = "right";
-          for (let ref22 = this.#lines, i11 = 0, len11 = ref22.length;i11 < len11; i11++) {
-            const { text, shift } = ref22[i11];
-            g.fillText(text, x, y + (this.options.lineHeight + shift) / 2);
-            y += this.options.lineHeight;
-          }
-          break;
-        }
-        case "center": {
-          x += this.#width / 2;
-          g.textAlign = "center";
-          for (let ref23 = this.#lines, i12 = 0, len12 = ref23.length;i12 < len12; i12++) {
-            const { text, shift } = ref23[i12];
-            g.fillText(text, x, y + (this.options.lineHeight + shift) / 2);
-            y += this.options.lineHeight;
-          }
-          break;
-        }
-      }
-      return false;
-    });
-  }
-  hittest(ctx, test) {
-    return false;
-  }
-}
-
-class Text {
-  text;
-  options;
-  constructor(text, options) {
-    this.text = text;
-    this.options = options;
-  }
-  #width = 0;
-  #text = "";
-  #shift = 0;
-  get flex() {
-    return false;
-  }
-  measure(ctx) {
-    return ctx.with((g) => {
-      g.font = this.options.font;
-      const { width: width2, text: text1, shift: shift1 } = layoutFirstLine(ctx, this.text, ctx.remainingWidth);
-      this.#width = width2;
-      this.#text = text1;
-      this.#shift = shift1;
-      return { width: this.#width, height: this.options.lineHeight };
-    });
-  }
-  draw(ctx, x, y) {
-    return ctx.with((g) => {
-      g.font = this.options.font;
-      g.fillStyle = ctx.resolveDynValue(this.options.style);
-      g.fillText(this.#text, x, y + (this.options.lineHeight + this.#shift) / 2);
-      return false;
-    });
-  }
-  hittest(ctx, test) {
-    return false;
-  }
-}
-
-class Fixed {
-  width;
-  height;
-  constructor(width, height) {
-    this.width = width;
-    this.height = height;
-  }
-  get flex() {
-    return false;
-  }
-  measure(ctx) {
-    return { width: this.width, height: this.height };
-  }
-  draw(ctx, x, y) {
-    return false;
-  }
-  hittest(ctx, test) {
-    return false;
-  }
-}
-// renderer.civet
-var concatAssign = (lhs, rhs) => (rhs?.[Symbol.isConcatSpreadable] ?? Array.isArray(rhs) ? lhs.push.apply(lhs, rhs) : lhs.push(rhs), lhs);
-
-class BaseRenderer {
-  options;
-  graphics;
-  #ctx;
-  #lastWidth;
-  #cache = new WeakMap;
-  get context() {
-    return shallow(this.#ctx);
-  }
-  constructor(graphics1, options) {
-    this.options = options;
-    this.graphics = graphics1;
-    this.graphics.textRendering = "optimizeLegibility";
-    const self = this;
-    this.#ctx = {
-      graphics: this.graphics,
-      get remainingWidth() {
-        return this.graphics.canvas.clientWidth;
-      },
-      set remainingWidth(value) {
-        Object.defineProperty(this, "remainingWidth", { value, writable: true });
-      },
-      alignment: "left",
-      reverse: false,
-      measureNode(node) {
-        return self.measureNode(node, this);
-      },
-      invalidateNode: this.invalidateNode.bind(this),
-      resolveDynValue(value) {
-        if (typeof value === "function") {
-          return value(this.graphics);
-        } else {
-          return value;
-        }
-      },
-      with(cb) {
-        this.graphics.save();
-        try {
-          return cb(this.graphics);
-        } finally {
-          this.graphics.restore();
-        }
-      },
-      splitText(text) {
-        return options.splitText(text);
-      }
-    };
-    this.#lastWidth = this.graphics.canvas.clientWidth;
-  }
-  invalidateNode(node) {
-    this.#cache.delete(node);
-    let it = node;
-    while (it = getNodeParent(it)) {
-      this.#cache.delete(it);
-    }
-  }
-  measureNode(node, ctx) {
-    let ref;
-    if (this.#lastWidth != this.graphics.canvas.clientWidth) {
-      this.#cache = new WeakMap;
-      this.#lastWidth = this.graphics.canvas.clientWidth;
-    } else if ((ref = this.#cache.get(node)) != null) {
-      const result2 = ref;
-      return result2;
-    }
-    const result = node.measure(ctx ?? this.context);
-    this.#cache.set(node, result);
-    return result;
-  }
-}
-
-class DebugRenderer extends BaseRenderer {
-  draw(node) {
-    const { clientWidth: viewportWidth, clientHeight: viewportHeight } = this.graphics.canvas;
-    this.graphics.clearRect(0, 0, viewportWidth, viewportHeight);
-    return node.draw(this.context, 0, 0);
-  }
-  hittest(node, test) {
-    return node.hittest(this.context, test);
-  }
-}
-function memoRenderItem(renderItem) {
-  const cache = new WeakMap;
-  function fn(item) {
-    let ref1;
-    if ((ref1 = cache.get(item)) != null) {
-      const result2 = ref1;
-      return result2;
-    }
-    const result = renderItem(item);
-    cache.set(item, result);
-    return result;
-  }
-  return Object.assign(fn, { reset: cache.delete.bind(cache) });
-}
-
-class ListState {
-  offset = 0;
-  position = NaN;
-  items = [];
-  unshift(...items) {
-    return this.unshiftAll(items);
-  }
-  unshiftAll(items) {
-    this.position += items.length;
-    return this.items = items.concat(this.items);
-  }
-  push(...items) {
-    return this.pushAll(items);
-  }
-  pushAll(items) {
-    return concatAssign(this.items, items);
-  }
-  reset() {
-    this.items = [];
-    this.offset = 0;
-    this.position = NaN;
-  }
-  resetScroll() {
-    this.offset = 0;
-    this.position = NaN;
-  }
-  applyScroll(delta) {
-    return this.offset += delta;
-  }
-}
-
-class VirtualizedRenderer extends BaseRenderer {
-  get position() {
-    return this.options.list.position;
-  }
-  set position(value) {
-    this.options.list.position = value;
-  }
-  get offset() {
-    return this.options.list.offset;
-  }
-  set offset(value) {
-    this.options.list.offset = value;
-  }
-  get items() {
-    return this.options.list.items;
-  }
-  set items(value) {
-    this.options.list.items = value;
-  }
-  _renderDrawList(list, shift, feedback) {
-    let result = false;
-    const viewportHeight = this.graphics.canvas.clientHeight;
-    for (let i1 = 0, len = list.length;i1 < len; i1++) {
-      const { idx, node, offset, height } = list[i1];
-      const y = offset + shift;
-      if (y + height < 0 || y > viewportHeight) {
-        continue;
-      }
-      if (feedback != null) {
-        feedback.minIdx = isNaN(feedback.minIdx) ? idx : Math.min(idx, feedback.minIdx);
-        feedback.maxIdx = isNaN(feedback.maxIdx) ? idx : Math.max(idx, feedback.maxIdx);
-        if (feedback.minIdx === idx) {
-          feedback.min = idx - Math.min(0, y) / height;
-        }
-        if (feedback.maxIdx === idx) {
-          feedback.max = idx - Math.max(0, y + height - viewportHeight) / height;
-        }
-      }
-      if (node.draw(this.context, 0, y)) {
-        result = true;
-      }
-    }
-    return result;
-  }
-}
-
-class TimelineRenderer extends VirtualizedRenderer {
-  render(feedback) {
-    const { clientWidth: viewportWidth, clientHeight: viewportHeight } = this.graphics.canvas;
-    this.graphics.clearRect(0, 0, viewportWidth, viewportHeight);
-    let drawlength = 0;
-    if (isNaN(this.position)) {
-      this.position = 0;
-    }
-    if (this.offset > 0) {
-      if (this.position == 0) {
-        this.offset = 0;
-      } else {
-        for (let i2 = this.position - 1;i2 >= 0; --i2) {
-          const i = i2;
-          const item = this.items[i];
-          const node = this.options.renderItem(item);
-          const { height } = this.measureNode(node);
-          this.position = i;
-          this.offset -= height;
-          if (this.offset <= 0) {
-            break;
-          }
-        }
-        if (this.position == 0 && this.offset > 0) {
-          this.offset = 0;
-        }
-      }
-    }
-    let y = this.offset;
-    const drawlist = [];
-    for (let end = this.items.length, i3 = this.position;i3 < end; ++i3) {
-      const i = i3;
-      const item = this.items[i];
-      const node = this.options.renderItem(item);
-      const { height } = this.measureNode(node);
-      if (y + height > 0) {
-        drawlist.push({ idx: i, node, offset: y, height });
-        drawlength += height;
-      } else {
-        this.offset += height;
-        this.position = i + 1;
-      }
-      y += height;
-      if (y >= viewportHeight) {
-        break;
-      }
-    }
-    let shift = 0;
-    if (y < viewportHeight) {
-      if (this.position == 0 && drawlength < viewportHeight) {
-        shift = -this.offset;
-        this.offset = 0;
-      } else {
-        shift = viewportHeight - y;
-        y = this.offset += shift;
-        let lastidx = -1;
-        for (let i4 = this.position - 1;i4 >= 0; --i4) {
-          const i = i4;
-          const item = this.items[lastidx = i];
-          const node = this.options.renderItem(item);
-          const { height } = this.measureNode(node);
-          drawlength += height;
-          y -= height;
-          drawlist.push({ idx: i, node, offset: y - shift, height });
-          if (y < 0) {
-            break;
-          }
-        }
-        if (lastidx == 0 && drawlength < viewportHeight) {
-          shift = -drawlist[drawlist.length - 1].offset;
-          this.position = 0;
-          this.offset = 0;
-        }
-      }
-    }
-    return this._renderDrawList(drawlist, shift, feedback);
-  }
-  hittest(test) {
-    const viewportHeight = this.graphics.canvas.clientHeight;
-    let y = this.offset;
-    for (let end1 = this.items.length, i5 = this.position;i5 < end1; ++i5) {
-      const i = i5;
-      const item = this.items[i];
-      const node = this.options.renderItem(item);
-      const { height } = this.measureNode(node);
-      if (test.y < y + height) {
-        return node.hittest(this.context, shallowMerge(test, { y: test.y - y }));
-      }
-      y += height;
-      if (y >= viewportHeight) {
-        break;
-      }
-    }
-    return false;
-  }
-}
-
-class ChatRenderer extends VirtualizedRenderer {
-  render(feedback) {
-    const { clientWidth: viewportWidth, clientHeight: viewportHeight } = this.graphics.canvas;
-    this.graphics.clearRect(0, 0, viewportWidth, viewportHeight);
-    let drawlength = 0;
-    if (isNaN(this.position)) {
-      this.position = this.items.length - 1;
-    }
-    if (this.offset < 0) {
-      if (this.position == this.items.length - 1) {
-        this.offset = 0;
-      } else {
-        for (let end2 = this.items.length, i6 = this.position + 1;i6 < end2; ++i6) {
-          const i = i6;
-          const item = this.items[i];
-          const node = this.options.renderItem(item);
-          const { height } = this.measureNode(node);
-          this.position = i;
-          this.offset += height;
-          if (this.offset > 0) {
-            break;
-          }
-        }
-      }
-    }
-    let y = viewportHeight + this.offset;
-    const drawlist = [];
-    for (let i7 = this.position;i7 >= 0; --i7) {
-      const i = i7;
-      const item = this.items[i];
-      const node = this.options.renderItem(item);
-      const { height } = this.measureNode(node);
-      y -= height;
-      if (y <= viewportHeight) {
-        drawlist.push({ idx: i, node, offset: y, height });
-        drawlength += height;
-      } else {
-        this.offset -= height;
-        this.position = i - 1;
-      }
-      if (y < 0) {
-        break;
-      }
-    }
-    let shift = 0;
-    if (y > 0) {
-      shift = -y;
-      if (drawlength < viewportHeight) {
-        y = drawlength;
-        for (let end3 = this.items.length, i8 = this.position + 1;i8 < end3; ++i8) {
-          const i = i8;
-          const item = this.items[i];
-          const node = this.options.renderItem(item);
-          const { height } = this.measureNode(node);
-          drawlist.push({ idx: i, node, offset: y - shift, height });
-          y = drawlength += height;
-          this.position = i;
-          if (y >= viewportHeight) {
-            break;
-          }
-        }
-        if (drawlength < viewportHeight) {
-          this.offset = 0;
-        } else {
-          this.offset = drawlength - viewportHeight;
-        }
-      } else {
-        this.offset = drawlength - viewportHeight;
-      }
-    }
-    return this._renderDrawList(drawlist, shift, feedback);
-  }
-  hittest(test) {
-    const viewportHeight = this.graphics.canvas.clientHeight;
-    let drawlength = 0;
-    const results = [];
-    for (let i9 = this.position;i9 >= 0; --i9) {
-      const i = i9;
-      const item = this.items[i];
-      const node = this.options.renderItem(item);
-      const { height } = this.measureNode(node);
-      drawlength += height;
-      results.push([node, height]);
-    }
-    const heights = results;
-    let y = drawlength < viewportHeight ? drawlength : viewportHeight + this.offset;
-    if (test.y > y) {
-      return false;
-    }
-    for (let i10 = 0, len1 = heights.length;i10 < len1; i10++) {
-      const [node, height] = heights[i10];
-      y -= height;
-      if (test.y > y) {
-        return node.hittest(this.context, shallowMerge(test, { y: test.y - y }));
-      }
-    }
-    return false;
-  }
-}
-export {
-  unregisterNodeParent,
-  registerNodeParent,
-  memoRenderItem,
-  getNodeParent,
-  Wrapper,
-  VirtualizedRenderer,
-  VStack,
-  TimelineRenderer,
-  Text,
-  PaddingBox,
-  MultilineText,
-  ListState,
-  HStack,
-  Group,
-  Fixed,
-  DebugRenderer,
-  ChatRenderer,
-  BaseRenderer,
-  AlignBox
-};
-
-//# debugId=79360317C92E227D64756E2164756E21
-//# sourceMappingURL=index.js.map