lecodes-cli 0.1.3 → 0.1.6

package/runtime/worker/ui.js

@@ -1,763 +0,0 @@
-import {
-  TouchStartEvent as TouchStartEvent2
-} from "./chunk-4ZN32GYS.js";
-
-// ../worker/src/UI/UINode.ts
-function styleFunction(newStyle) {
-  Object.assign(this._style, newStyle);
-  if (this._id !== 0) {
-    _creatorUI.mergeStyle(this._id, newStyle);
-  }
-  return this;
-}
-var handler = {
-  get(target, key, receiver) {
-    if (key === "_raw") {
-      return target._el._style;
-    }
-    return target._el._style[key];
-  },
-  set(target, key, value) {
-    if (target._el._id !== 0) {
-      _creatorUI.updateStyle(target._el._id, key, value);
-    }
-    target._el._style[key] = value;
-    return true;
-  },
-  getOwnPropertyDescriptor(target, p) {
-    return Object.getOwnPropertyDescriptor(target._el._style, p);
-  },
-  ownKeys(target) {
-    return Object.keys(target._el._style);
-  }
-};
-var Element = class {
-  type;
-  /** Author-given semantic name (LeCodes `name`) — see BaseStyle.name. Extracted from the options
-   *  object so it never reaches the layout engine; the renderer reads it off the node. */
-  name;
-  _style;
-  _id = 0;
-  _styleProxy;
-  _appear;
-  _disappear;
-  constructor(type, style) {
-    this.type = type;
-    if (style && typeof style.name === "string" && style.name.length > 0) {
-      this.name = style.name;
-      delete style.name;
-    }
-    this._style = style;
-  }
-  get style() {
-    if (this._styleProxy) return this._styleProxy;
-    const obj = styleFunction.bind(this);
-    obj._el = this;
-    const proxy = new Proxy(obj, handler);
-    this._styleProxy = proxy;
-    return proxy;
-  }
-  animateTo(style) {
-    _creatorUI.animateTo(this._id, style);
-    if (style.commit !== false) {
-      Object.assign(this._style, style);
-    }
-    return this;
-  }
-  animateFrom(style) {
-    _creatorUI.animateFrom(this._id, style);
-    return this;
-  }
-  ll;
-  onLayout(onLayout) {
-    if (this.ll) {
-      this.ll.push(onLayout);
-    } else {
-      this.ll = [onLayout];
-    }
-    return this;
-  }
-};
-var ContainerElement = class extends Element {
-  children = [];
-  constructor(type, style, children) {
-    super(type, style);
-    this.children = children;
-  }
-  append(...nodes) {
-    if (this._id === 0) {
-      this.children.push(...nodes);
-      return this;
-    }
-    let index = 0;
-    for (let child of this.children) {
-      if (child) {
-        index++;
-      }
-    }
-    for (let node of nodes) {
-      if (!node) continue;
-      _creatorUI.insertNode(index, this._id, node);
-      index++;
-    }
-    this.children.push(...nodes);
-    return this;
-  }
-  insert(index, ...nodes) {
-    if (this._id === 0) {
-      this.children.splice(index, 0, ...nodes);
-      return this;
-    }
-    let _index = 0;
-    for (let i = 0; i < index; i++) {
-      if (this.children[i]) {
-        _index++;
-      }
-    }
-    for (let node of nodes) {
-      if (!node) continue;
-      _creatorUI.insertNode(_index, this._id, node);
-      _index++;
-    }
-    this.children.splice(index, 0, ...nodes);
-    return this;
-  }
-  remove(...nodesToDelete) {
-    const set = new Set(nodesToDelete);
-    for (let i = 0; i < this.children.length; i++) {
-      if (set.has(this.children[i])) {
-        set.delete(this.children[i]);
-        this.children.splice(i, 1);
-        i--;
-        if (set.size === 0) {
-          break;
-        }
-      }
-    }
-    if (this._id === 0) {
-      return this;
-    }
-    for (let node of nodesToDelete) {
-      _creatorUI.removeNode(this._id, node);
-    }
-    return this;
-  }
-  setContent(children) {
-    if (this._id !== 0) {
-      _creatorUI.setContent(this._id, this.children, children);
-    }
-    this.children.length = 0;
-    this.children.push(...children);
-    return this;
-  }
-};
-
-// ../worker/src/UI/UIButton.ts
-var ButtonElement = class extends ContainerElement {
-  clickListeners = [];
-  touchStartListeners = [];
-  onClick(callback) {
-    this.clickListeners.push(callback);
-    return this;
-  }
-  _emitClick(pointerId, clientX, clientY) {
-    const touchEvent = new ClickEvent(clientX, clientY, pointerId);
-    touchEvent.target = this;
-    for (let callback of this.clickListeners) {
-      callback(touchEvent);
-    }
-    return null;
-  }
-  onTouchStart(callback) {
-    this.touchStartListeners.push(callback);
-    return this;
-  }
-  _emitTouchStart(pointerId, clientX, clientY) {
-    const touchEvent = new TouchStartEvent(clientX, clientY, pointerId);
-    touchEvent.target = this;
-    for (let callback of this.touchStartListeners) {
-      callback(touchEvent);
-      if (touchEvent._trackHandler) {
-        return touchEvent._trackHandler;
-      }
-    }
-    return null;
-  }
-  isPressed() {
-    if (!this._id) return false;
-    return _creatorUI.isButtonPressed(this._id);
-  }
-};
-function UIButton(...args) {
-  if (args.length === 0) {
-    return new ButtonElement("button", {}, []);
-  } else if (args.length === 1) {
-    if (Array.isArray(args[0])) {
-      return new ButtonElement("button", {}, args[0]);
-    } else {
-      return new ButtonElement("button", args[0], []);
-    }
-  } else {
-    return new ButtonElement("button", args[0], args[1]);
-  }
-}
-
-// ../worker/src/UI/UIScreen.ts
-var ScreenElement = class extends ContainerElement {
-  scrollable = false;
-  open() {
-    _creatorUI.openScreen(this);
-  }
-  close() {
-    _creatorUI.closeScreen();
-  }
-  ol = [];
-  onOpen(callback) {
-    this.ol.push(callback);
-    return this;
-  }
-  cl = [];
-  onClose(callback) {
-    this.cl.push(callback);
-    return this;
-  }
-  touchStartListeners = [];
-  _interactive = false;
-  onTouchStart(callback) {
-    this._interactive = true;
-    this.touchStartListeners.push(callback);
-    return this;
-  }
-  _emitTouchStart(pointerId, clientX, clientY) {
-    const touchEvent = new TouchStartEvent2(clientX, clientY, pointerId);
-    touchEvent.target = this;
-    for (let callback of this.touchStartListeners) {
-      callback(touchEvent);
-      if (touchEvent._trackHandler) {
-        return touchEvent._trackHandler;
-      }
-    }
-    return null;
-  }
-  makeScrollable() {
-    this.scrollable = true;
-    Object.assign(this, {
-      sl: [],
-      osl: [],
-      onScroll(callback) {
-        this.sl.push(callback);
-        return this;
-      },
-      onOverscroll(callback) {
-        this.osl.push(callback);
-        return this;
-      },
-      onRefresh(callback) {
-        this._refreshCallback = callback;
-        return this;
-      }
-    });
-    return this;
-  }
-  _backButtonCallback;
-  onBackPressed(callback) {
-    this._backButtonCallback = callback;
-    return this;
-  }
-};
-function UIScreen(...args) {
-  if (args.length === 0) {
-    return new ScreenElement("screen", {}, []);
-  } else if (args.length === 1) {
-    if (Array.isArray(args[0])) {
-      return new ScreenElement("screen", {}, args[0]);
-    } else {
-      return new ScreenElement("screen", args[0], []);
-    }
-  } else {
-    return new ScreenElement("screen", args[0], args[1]);
-  }
-}
-
-// ../worker/src/UI/UISpacer.ts
-function UISpacer(style) {
-  return new Element("spacer", style ?? {});
-}
-
-// ../worker/src/UI/UIText.ts
-var TextElement = class extends Element {
-  _text;
-  constructor(style, text) {
-    super("text", style);
-    this._text = text;
-  }
-  get text() {
-    return this._text;
-  }
-  set text(value) {
-    this._text = value;
-    if (this._id !== 0) {
-      _creatorUI.updateNode(this._id, "text", value);
-    }
-  }
-};
-function UIText(...args) {
-  if (args.length === 1) {
-    return new TextElement({}, args[0]);
-  } else {
-    return new TextElement(args[0], args[1]);
-  }
-}
-
-// ../worker/src/UI/fonts.ts
-async function registerFont(fontFamily, url, options = {}) {
-  return new Promise((res, rej) => {
-    _creatorUI.registerFont(fontFamily, url, options, res, rej);
-  });
-}
-
-// ../worker/src/UI/UIImage.ts
-var ImageElement = class extends Element {
-  _src;
-  // Current source sub-rect; undefined until the first setSourceRect. Kept on the node (not
-  // just sent as a command) so a crop set while detached (_id == 0) is reapplied at mount —
-  // the viewer reads it when it creates the element.
-  _sourceRect;
-  constructor(style, src) {
-    super("image", style);
-    this._src = src;
-  }
-  get src() {
-    return this._src;
-  }
-  set src(value) {
-    this._src = value;
-    if (this._id !== 0) {
-      _creatorUI.updateNode(this._id, "src", value);
-    }
-  }
-  setSourceRect(x, y, w, h) {
-    this._sourceRect = [x, y, w, h];
-    if (this._id !== 0) {
-      _creatorUI.setSourceRect(this._id, x, y, w, h);
-    }
-    return this;
-  }
-};
-function UIImage(...args) {
-  if (args.length === 1) {
-    return new ImageElement({}, args[0]);
-  } else {
-    return new ImageElement(args[0], args[1]);
-  }
-}
-
-// ../worker/src/UI/UIVideo.ts
-var VideoElement = class extends Element {
-  _playerId;
-  _player;
-  constructor(style, player) {
-    super("video", style);
-    this._player = player;
-    this._playerId = player._id;
-  }
-  get player() {
-    return this._player;
-  }
-};
-function UIVideo(...args) {
-  if (args.length === 1) {
-    return new VideoElement({}, args[0]);
-  } else {
-    return new VideoElement(args[0], args[1]);
-  }
-}
-
-// ../worker/src/UI/UIInput.ts
-var InputElement = class extends Element {
-  cl = [];
-  fl = [];
-  bl = [];
-  get value() {
-    return _creatorUI.getTextValue(this._id);
-  }
-  set value(value) {
-    if (this._id !== 0) {
-      _creatorUI.updateNode(this._id, "value", value);
-    }
-  }
-  onChange(callback) {
-    this.cl.push(callback);
-    return this;
-  }
-  onFocus(callback) {
-    this.fl.push(callback);
-    return this;
-  }
-  onBlur(callback) {
-    this.bl.push(callback);
-    return this;
-  }
-};
-function UIInput(style) {
-  return new InputElement("input", style ?? {});
-}
-function UITextArea(style) {
-  return new InputElement("textarea", style ?? {});
-}
-
-// ../worker/src/UI/UIWidget.ts
-var WidgetElement = class extends ContainerElement {
-  scrollable = false;
-  show() {
-    _creatorUI.showWidget(this);
-  }
-  hide() {
-    _creatorUI.hideWidget(this);
-  }
-  get isShow() {
-    return this._id != 0;
-  }
-  _interactive = false;
-  touchStartListeners = [];
-  onTouchStart(callback) {
-    this._interactive = true;
-    this.touchStartListeners.push(callback);
-    return this;
-  }
-  _emitTouchStart(pointerId, clientX, clientY) {
-    const touchEvent = new TouchStartEvent2(clientX, clientY, pointerId);
-    touchEvent.target = this;
-    for (let callback of this.touchStartListeners) {
-      callback(touchEvent);
-      if (touchEvent._trackHandler) {
-        return touchEvent._trackHandler;
-      }
-    }
-    return null;
-  }
-  otl = [];
-  onOverlayTap(callback) {
-    this.otl.push(callback);
-    return this;
-  }
-  _backButtonCallback;
-  onBackPressed(callback) {
-    this._backButtonCallback = callback;
-    return this;
-  }
-};
-function UIWidget(...args) {
-  if (args.length === 0) {
-    return new WidgetElement("widget", {}, []);
-  } else if (args.length === 1) {
-    if (Array.isArray(args[0])) {
-      return new WidgetElement("widget", {}, args[0]);
-    } else {
-      return new WidgetElement("widget", args[0], []);
-    }
-  } else {
-    return new WidgetElement("widget", args[0], args[1]);
-  }
-}
-
-// ../worker/src/UI/UIContainer.ts
-function UIColumn(...args) {
-  if (args.length === 0) {
-    return new ContainerElement("column", {}, []);
-  } else if (args.length === 1) {
-    if (Array.isArray(args[0])) {
-      return new ContainerElement("column", {}, args[0]);
-    } else {
-      return new ContainerElement("column", args[0], []);
-    }
-  } else {
-    return new ContainerElement("column", args[0], args[1]);
-  }
-}
-function UIRow(...args) {
-  if (args.length === 0) {
-    return new ContainerElement("row", {}, []);
-  } else if (args.length === 1) {
-    if (Array.isArray(args[0])) {
-      return new ContainerElement("row", {}, args[0]);
-    } else {
-      return new ContainerElement("row", args[0], []);
-    }
-  } else {
-    return new ContainerElement("row", args[0], args[1]);
-  }
-}
-function UIBox(...args) {
-  if (args.length === 0) {
-    return new ContainerElement("box", {}, []);
-  } else if (args.length === 1) {
-    if (Array.isArray(args[0])) {
-      return new ContainerElement("box", {}, args[0]);
-    } else {
-      return new ContainerElement("box", args[0], []);
-    }
-  } else {
-    return new ContainerElement("box", args[0], args[1]);
-  }
-}
-
-// ../worker/src/UI/UIScrollable.ts
-var ScrollableElement = class extends ContainerElement {
-  osl = [];
-  sl = [];
-  srl = [];
-  get scrollListeners() {
-    return this.sl;
-  }
-  onScroll(callback) {
-    this.sl.push(callback);
-    return this;
-  }
-  onScrollRelease(callback) {
-    this.srl.push(callback);
-    return this;
-  }
-  onOverscroll(callback) {
-    this.osl.push(callback);
-    return this;
-  }
-};
-function UIScrollable(...args) {
-  if (args.length === 0) {
-    return new ScrollableElement("scrollable", {}, []);
-  } else if (args.length === 1) {
-    if (Array.isArray(args[0])) {
-      return new ScrollableElement("scrollable", {}, args[0]);
-    } else {
-      return new ScrollableElement("scrollable", args[0], []);
-    }
-  } else {
-    return new ScrollableElement("scrollable", args[0], args[1]);
-  }
-}
-
-// ../worker/src/UI/UIVirtualizedList.ts
-var VListElement = class extends Element {
-  // --- читается нативкой в createUINode (copyProperty / copyNodePtr) ---
-  _overscan;
-  // -1 = "высота вьюпорта", резолвится в нативке
-  _inverted;
-  _keys = [];
-  // начальное состояние до маунта ноды
-  _estimates = [];
-  // параллельно _keys
-  _endThreshold = 0;
-  _startThreshold = 0;
-  // --- списки слушателей, нативка забирает через copyPropertyListPtr ---
-  sl = [];
-  // scroll
-  erl = [];
-  // endReached
-  strl = [];
-  // startReached
-  // --- приватное состояние JS-стороны ---
-  items = /* @__PURE__ */ new Map();
-  mounted = /* @__PURE__ */ new Map();
-  keyOf;
-  renderItem;
-  estimate;
-  constructor(config) {
-    super("vlist", {});
-    this.keyOf = config.keyOf;
-    this.renderItem = config.render;
-    this.estimate = typeof config.estimatedHeight === "function" ? config.estimatedHeight : () => config.estimatedHeight;
-    this._overscan = config.overscan ?? -1;
-    this._inverted = config.inverted ?? false;
-  }
-  get isAttached() {
-    return !!this._id && this._id !== 0;
-  }
-  register(items) {
-    const keys = [];
-    const estimates = [];
-    for (const item of items) {
-      const k = this.keyOf(item);
-      this.items.set(k, item);
-      keys.push(k);
-      estimates.push(this.estimate(item));
-    }
-    return [keys, estimates];
-  }
-  setData(items) {
-    const prevItems = new Map(this.items);
-    const prevMounted = [...this.mounted.keys()];
-    this.items.clear();
-    const [keys, estimates] = this.register(items);
-    this._keys = keys;
-    this._estimates = estimates;
-    if (this.isAttached) {
-      _creatorUI.vlistSetKeys(this, keys, estimates);
-      for (const k of prevMounted) {
-        if (this.mounted.has(k) && this.items.get(k) !== prevItems.get(k)) {
-          _creatorUI.vlistInvalidate(this, k);
-        }
-      }
-    }
-    return this;
-  }
-  append(...items) {
-    const [keys, estimates] = this.register(items);
-    this._keys.push(...keys);
-    this._estimates.push(...estimates);
-    if (this.isAttached) {
-      _creatorUI.vlistInsertKeys(this, -1, keys, estimates);
-    }
-    return this;
-  }
-  prepend(...items) {
-    const [keys, estimates] = this.register(items);
-    this._keys.unshift(...keys);
-    this._estimates.unshift(...estimates);
-    if (this.isAttached) {
-      _creatorUI.vlistInsertKeys(this, 0, keys, estimates);
-    }
-    return this;
-  }
-  update(...items) {
-    for (const item of items) {
-      const k = this.keyOf(item);
-      if (!this.items.has(k)) continue;
-      this.items.set(k, item);
-      if (this.isAttached && this.mounted.has(k)) {
-        _creatorUI.vlistInvalidate(this, k);
-      }
-    }
-    return this;
-  }
-  removeByKey(...keys) {
-    for (const k of keys) {
-      if (!this.items.delete(k)) continue;
-      const i = this._keys.indexOf(k);
-      if (i >= 0) {
-        this._keys.splice(i, 1);
-        this._estimates.splice(i, 1);
-      }
-    }
-    if (this.isAttached) {
-      _creatorUI.vlistRemoveKeys(this, keys);
-    }
-    return this;
-  }
-  get itemCount() {
-    return this.items.size;
-  }
-  getItem(key) {
-    return this.items.get(key);
-  }
-  // --- команды: офсеты и позиции знает только нативка (префикс-суммы) ---
-  scrollTo(offset, animated = true) {
-    _creatorUI.command(this, "scrollTo", offset, animated);
-  }
-  scrollToKey(key, animated = true) {
-    _creatorUI.command(this, "scrollToKey", key, animated);
-  }
-  scrollToEnd(animated = true) {
-    _creatorUI.command(this, "scrollToEnd", animated);
-  }
-  onScroll(callback) {
-    this.sl.push(callback);
-    return this;
-  }
-  onEndReached(thresholdPx, callback) {
-    this._endThreshold = thresholdPx;
-    this.erl.push(callback);
-    return this;
-  }
-  onStartReached(thresholdPx, callback) {
-    this._startThreshold = thresholdPx;
-    this.strl.push(callback);
-    return this;
-  }
-  /**
-   * Единственный колбэк из нативки (через jsPtr, как у button).
-   * Вызывается ТОЛЬКО когда окно пересекло границу — не на каждый кадр скролла.
-   * Порядок: сначала unmount (нативка уже снесла поддеревья и обнулила _id,
-   * здесь только чистим JS-ссылки), потом mount.
-   */
-  _syncWindow(unmountKeys, mountKeys) {
-    for (const k of unmountKeys) {
-      this.mounted.delete(k);
-    }
-    for (const k of mountKeys) {
-      const item = this.items.get(k);
-      if (item === void 0) continue;
-      const node = this.renderItem(item);
-      this.mounted.set(k, node);
-      _creatorUI.vlistMount(this, k, node);
-    }
-  }
-};
-function UIVirtualizedList(config) {
-  return new VListElement(config);
-}
-
-// ../worker/src/UI/router.ts
-var currentScreen = null;
-var onChange = (screen) => {
-  currentScreen = screen;
-  for (let callback of Router._changeListeners) {
-    callback(screen);
-  }
-};
-var Router = /* @__PURE__ */ Object.freeze({
-  init(homePage, opts = {}) {
-    _creatorUI.routerOpen(homePage, onChange, opts.showDefaultBackButton ?? false);
-    currentScreen = homePage;
-  },
-  push(screen) {
-    _creatorUI.routerPush(screen);
-  },
-  replace(screen) {
-    _creatorUI.routerReplace(screen);
-  },
-  pop(to) {
-    _creatorUI.routerPop(to ?? -1);
-  },
-  hide() {
-    _creatorUI.routerHide();
-  },
-  restore() {
-    _creatorUI.routerRestore();
-  },
-  get current() {
-    return currentScreen;
-  },
-  _changeListeners: [],
-  addEventListener(channel, callback) {
-    if (channel === "change") {
-      this._changeListeners.push(callback);
-    }
-  },
-  removeEventListener(channel, callback) {
-    if (channel === "change") {
-      let index = this._changeListeners.indexOf(callback);
-      if (index >= 0) {
-        this._changeListeners.splice(index, 1);
-      }
-    }
-  }
-});
-export {
-  Router,
-  UIBox,
-  UIButton,
-  UIColumn,
-  UIImage,
-  UIInput,
-  UIRow,
-  UIScreen,
-  UIScrollable,
-  UISpacer,
-  UIText,
-  UITextArea,
-  UIVideo,
-  UIVirtualizedList,
-  UIWidget,
-  registerFont
-};