@lynx-js/react 0.111.1 → 0.112.0

package/runtime/src/lifecycle/reload.ts

@@ -1,97 +0,0 @@
-// Copyright 2024 The Lynx Authors. All rights reserved.
-// Licensed under the Apache License Version 2.0 that can be found in the
-// LICENSE file in the root directory of this source tree.
-
-/**
- * Implements the reload (thinking of "refresh" in browser) for both main thread
- * and background thread.
- */
-
-import { render } from 'preact';
-
-import { hydrate } from '../hydrate.js';
-import { LifecycleConstant } from '../lifecycleConstant.js';
-import { __pendingListUpdates } from '../pendingListUpdates.js';
-import { __root, setRoot } from '../root.js';
-import { destroyBackground } from './destroy.js';
-import { applyRefQueue } from '../snapshot/workletRef.js';
-import { SnapshotInstance, __page, snapshotInstanceManager } from '../snapshot.js';
-import { isEmptyObject } from '../utils.js';
-import { destroyWorklet } from '../worklet/destroy.js';
-import { clearJSReadyEventIdSwap, isJSReady } from './event/jsReady.js';
-import { increaseReloadVersion } from './pass.js';
-import { setMainThreadHydrationFinished } from './patch/isMainThreadHydrationFinished.js';
-import { deinitGlobalSnapshotPatch } from './patch/snapshotPatch.js';
-import { shouldDelayUiOps } from './ref/delay.js';
-import { renderMainThread } from './render.js';
-
-function reloadMainThread(data: unknown, options: UpdatePageOption): void {
-  if (__PROFILE__) {
-    console.profile('reloadTemplate');
-  }
-
-  increaseReloadVersion();
-
-  if (typeof data == 'object' && !isEmptyObject(data as Record<string, unknown>)) {
-    Object.assign(lynx.__initData, data);
-  }
-
-  destroyWorklet();
-  snapshotInstanceManager.clear();
-  __pendingListUpdates.clear();
-  clearJSReadyEventIdSwap();
-  setMainThreadHydrationFinished(false);
-
-  const oldRoot = __root;
-  setRoot(new SnapshotInstance('root'));
-  __root.__jsx = oldRoot.__jsx;
-  renderMainThread();
-  hydrate(oldRoot as SnapshotInstance, __root as SnapshotInstance, {
-    skipUnRef: true,
-  });
-
-  // always call this before `__FlushElementTree`
-  __pendingListUpdates.flush();
-  applyRefQueue();
-
-  if (isJSReady) {
-    __OnLifecycleEvent([
-      LifecycleConstant.firstScreen, /* FIRST_SCREEN */
-      {
-        root: JSON.stringify(__root),
-      },
-    ]);
-  }
-
-  __FlushElementTree(__page, options);
-
-  if (__PROFILE__) {
-    console.profileEnd();
-  }
-  return;
-}
-
-function reloadBackground(updateData: Record<string, any>): void {
-  if (__PROFILE__) {
-    console.profile('reload');
-  }
-
-  deinitGlobalSnapshotPatch();
-
-  destroyBackground();
-
-  increaseReloadVersion();
-
-  // COW when modify `lynx.__initData` to make sure Provider & Consumer works
-  lynx.__initData = Object.assign({}, lynx.__initData, updateData);
-
-  shouldDelayUiOps.value = true;
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-  render(__root.__jsx, __root as any);
-
-  if (__PROFILE__) {
-    console.profileEnd();
-  }
-}
-
-export { reloadBackground, reloadMainThread };

package/runtime/src/lifecycle/render.ts

@@ -1,54 +0,0 @@
-// Copyright 2024 The Lynx Authors. All rights reserved.
-// Licensed under the Apache License Version 2.0 that can be found in the
-// LICENSE file in the root directory of this source tree.
-
-/**
- * Implements the IFR (Instant First-Frame Rendering) on main thread.
- */
-
-import { render } from 'preact';
-
-import { renderOpcodesInto } from '../opcodes.js';
-import { render as renderToString } from '../renderToOpcodes/index.js';
-import { __root } from '../root.js';
-
-function renderMainThread(): void {
-  /* v8 ignore start */
-  if (
-    process.env['NODE_ENV'] === 'test' && typeof __TESTING_FORCE_RENDER_TO_OPCODE__ !== 'undefined'
-    && !__TESTING_FORCE_RENDER_TO_OPCODE__
-  ) {
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-    render(__root.__jsx, __root as any);
-  } else {
-    let opcodes;
-    try {
-      if (__PROFILE__) {
-        console.profile('renderToString');
-      }
-      opcodes = renderToString(__root.__jsx, undefined);
-    } catch (e) {
-      lynx.reportError(e as Error);
-      opcodes = [];
-    } finally {
-      if (__PROFILE__) {
-        console.profileEnd();
-      }
-    }
-
-    if (__PROFILE__) {
-      console.profile('renderOpcodesInto');
-    }
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-    renderOpcodesInto(opcodes, __root as any);
-    if (__ENABLE_SSR__) {
-      __root.__opcodes = opcodes;
-    }
-    if (__PROFILE__) {
-      console.profileEnd();
-    }
-  }
-  /* v8 ignore stop */
-}
-
-export { renderMainThread };

package/runtime/src/lifecycleConstant.ts

@@ -1,21 +0,0 @@
-// Copyright 2024 The Lynx Authors. All rights reserved.
-// Licensed under the Apache License Version 2.0 that can be found in the
-// LICENSE file in the root directory of this source tree.
-export const enum LifecycleConstant {
-  firstScreen = 'rLynxFirstScreen',
-  updateFromRoot = 'updateFromRoot',
-  globalEventFromLepus = 'globalEventFromLepus',
-  jsReady = 'rLynxJSReady',
-  patchUpdate = 'rLynxChange',
-  publishEvent = 'rLynxPublishEvent',
-}
-
-export interface FirstScreenData {
-  root: string;
-  jsReadyEventIdSwap: Record<string | number, number>;
-}
-
-export const enum NativeUpdateDataType {
-  UPDATE = 0,
-  RESET = 1,
-}

package/runtime/src/list.ts

@@ -1,307 +0,0 @@
-// Copyright 2024 The Lynx Authors. All rights reserved.
-// Licensed under the Apache License Version 2.0 that can be found in the
-// LICENSE file in the root directory of this source tree.
-import { LifecycleConstant } from './lifecycleConstant.js';
-import { applyRefQueue } from './snapshot/workletRef.js';
-import type { SnapshotInstance } from './snapshot.js';
-import { maybePromise } from './utils.js';
-
-export const gSignMap: Record<number, Map<number, SnapshotInstance>> = {};
-export const gRecycleMap: Record<number, Map<string, Map<number, SnapshotInstance>>> = {};
-const gParentWeakMap: WeakMap<SnapshotInstance, unknown> = new WeakMap();
-const resolvedPromise = /* @__PURE__ */ Promise.resolve();
-
-export function clearListGlobal(): void {
-  for (const key in gSignMap) {
-    delete gSignMap[key];
-  }
-  for (const key in gRecycleMap) {
-    delete gRecycleMap[key];
-  }
-}
-
-export function componentAtIndexFactory(
-  ctx: SnapshotInstance[],
-  hydrateFunction: (before: SnapshotInstance, after: SnapshotInstance) => void,
-): [ComponentAtIndexCallback, ComponentAtIndexesCallback] {
-  // A hack workaround to ensure childCtx has no direct reference through `__parent` to list,
-  // to avoid memory leak.
-  // TODO(hzy): make `__parent` a WeakRef or `#__parent` in the future.
-  ctx.forEach((childCtx) => {
-    if (gParentWeakMap.has(childCtx)) {
-      // do it only once
-    } else {
-      gParentWeakMap.set(childCtx, childCtx.parentNode!);
-      Object.defineProperty(childCtx, '__parent', {
-        get: () => gParentWeakMap.get(childCtx)!,
-        set: (value: unknown) => {
-          gParentWeakMap.set(childCtx, value);
-        },
-      });
-    }
-  });
-
-  const componentAtChildCtx = (
-    list: FiberElement,
-    listID: number,
-    childCtx: SnapshotInstance,
-    operationID: number,
-    enableReuseNotification: boolean,
-    enableBatchRender: boolean = false,
-    asyncFlush: boolean = false,
-  ) => {
-    const signMap = gSignMap[listID];
-    const recycleMap = gRecycleMap[listID];
-    if (!signMap || !recycleMap) {
-      throw new Error('componentAtIndex called on removed list');
-    }
-
-    const platformInfo = childCtx.__listItemPlatformInfo ?? {};
-
-    // The lifecycle of this `__extraProps.isReady`:
-    //   0 -> Promise<number> -> 1
-    // 0: The initial state, the list-item is not ready yet, we will send a event to background
-    //    when `componentAtIndex` is called on it
-    // Promise<number>: A promise that will be resolved when the list-item is ready
-    // 1: The list-item is ready, we can use it to render the list
-    if (childCtx.__extraProps?.['isReady'] === 0) {
-      if (
-        typeof __GetAttributeByName === 'function'
-        && __GetAttributeByName(list, 'custom-list-name') === 'list-container'
-      ) {
-        // we are in supported env
-        // do not throw
-      } else {
-        throw new Error(
-          'Unsupported: `<list-item/>` with `defer={true}` must be used with `<list custom-list-name="list-container"/>`',
-        );
-      }
-
-      __OnLifecycleEvent([LifecycleConstant.publishEvent, {
-        handlerName: `${childCtx.__id}:__extraProps:onComponentAtIndex`,
-        data: {},
-      }]);
-
-      let p: Promise<number>;
-      return (p = new Promise<number>((resolve) => {
-        Object.defineProperty(childCtx.__extraProps, 'isReady', {
-          set(isReady) {
-            if (isReady === 1) {
-              delete childCtx.__extraProps!['isReady'];
-              childCtx.__extraProps!['isReady'] = 1;
-
-              void resolvedPromise.then(() => {
-                // the cellIndex may be changed already, but the `childCtx` is the same
-                resolve(componentAtChildCtx(list, listID, childCtx, operationID, enableReuseNotification));
-              });
-            }
-          },
-          get() {
-            return p;
-          },
-        });
-      }));
-    } else if (maybePromise<number>(childCtx.__extraProps?.['isReady'])) {
-      throw new Error('componentAtIndex was called on a pending deferred list item');
-    }
-
-    const uniqID = childCtx.type + (platformInfo['reuse-identifier'] ?? '');
-    const recycleSignMap = recycleMap.get(uniqID);
-
-    if (childCtx.__elements) {
-      /**
-       * If this situation is encountered, there might be two cases:
-       * 1. Reusing with itself
-       *    In this case, enqueueComponent will be triggered first, followed by componentAtIndex.
-       * 2. Moving
-       *    In this case, the trigger order is uncertain; componentAtIndex might be triggered first, or enqueueComponent might be triggered first.
-       *
-       * When enqueueComponent is triggered first, there must be an item in the reuse pool with the same sign as here, which can be returned directly.
-       * When componentAtIndex is triggered first, a clone needs to be made first, then follow the logic for adding or reusing. The cloned item will enter the reuse pool in the subsequent enqueueComponent.
-       */
-      const root = childCtx.__elements[0]!;
-      const sign = __GetElementUniqueID(root);
-
-      if (recycleSignMap?.has(sign)) {
-        signMap.set(sign, childCtx);
-        recycleSignMap.delete(sign);
-        if (!enableBatchRender) {
-          __FlushElementTree(root, { triggerLayout: true, operationID, elementID: sign, listID });
-        } else if (enableBatchRender && asyncFlush) {
-          __FlushElementTree(root, { asyncFlush: true });
-        }
-        // enableBatchRender == true && asyncFlush == false
-        // in this case, no need to invoke __FlushElementTree because in the end of componentAtIndexes(), the list will invoke __FlushElementTree.
-        return sign;
-      } else {
-        const newCtx = childCtx.takeElements();
-        signMap.set(sign, newCtx);
-      }
-    }
-
-    if (recycleSignMap && recycleSignMap.size > 0) {
-      const [first] = recycleSignMap;
-      const [sign, oldCtx] = first!;
-      recycleSignMap.delete(sign);
-      hydrateFunction(oldCtx, childCtx);
-      oldCtx.unRenderElements();
-      if (!oldCtx.__id) {
-        oldCtx.tearDown();
-      } else if (oldCtx.__extraProps?.['isReady'] === 1) {
-        __OnLifecycleEvent([LifecycleConstant.publishEvent, {
-          handlerName: `${oldCtx.__id}:__extraProps:onRecycleComponent`,
-          data: {},
-        }]);
-      }
-      const root = childCtx.__element_root!;
-      applyRefQueue();
-      if (!enableBatchRender) {
-        const flushOptions: FlushOptions = {
-          triggerLayout: true,
-          operationID,
-          elementID: sign,
-          listID,
-        };
-        if (enableReuseNotification) {
-          flushOptions.listReuseNotification = {
-            listElement: list,
-            itemKey: platformInfo['item-key']!,
-          };
-        }
-        __FlushElementTree(root, flushOptions);
-      } else if (enableBatchRender && asyncFlush) {
-        const flushOptions: FlushOptions = {
-          asyncFlush: true,
-        };
-        if (enableReuseNotification) {
-          flushOptions.listReuseNotification = {
-            listElement: list,
-            itemKey: platformInfo['item-key']!,
-          };
-        }
-        __FlushElementTree(root, flushOptions);
-      }
-      signMap.set(sign, childCtx);
-      return sign;
-    }
-
-    childCtx.ensureElements();
-    const root = childCtx.__element_root!;
-    __AppendElement(list, root);
-    const sign = __GetElementUniqueID(root);
-    applyRefQueue();
-    if (!enableBatchRender) {
-      __FlushElementTree(root, {
-        triggerLayout: true,
-        operationID,
-        elementID: sign,
-        listID,
-      });
-    } else if (enableBatchRender && asyncFlush) {
-      __FlushElementTree(root, {
-        asyncFlush: true,
-      });
-    }
-    signMap.set(sign, childCtx);
-    return sign;
-  };
-
-  function componentAtIndex(
-    list: FiberElement,
-    listID: number,
-    cellIndex: number,
-    operationID: number,
-    enableReuseNotification: boolean,
-  ) {
-    const childCtx = ctx[cellIndex];
-    if (!childCtx) {
-      throw new Error('childCtx not found');
-    }
-    const r = componentAtChildCtx(list, listID, childCtx, operationID, enableReuseNotification);
-
-    /* v8 ignore start */
-    if (process.env['NODE_ENV'] === 'test') {
-      return r;
-    } else {
-      return typeof r === 'number' ? r : undefined;
-    }
-    /* v8 ignore end */
-  }
-
-  function componentAtIndexes(
-    list: FiberElement,
-    listID: number,
-    cellIndexes: number[],
-    operationIDs: number[],
-    enableReuseNotification: boolean,
-    asyncFlush: boolean,
-  ) {
-    let hasUnready = false;
-    const p: Array<Promise<number> | number> = [];
-
-    cellIndexes.forEach((cellIndex, index) => {
-      const operationID = operationIDs[index]!;
-      const childCtx = ctx[cellIndex];
-      if (!childCtx) {
-        throw new Error('childCtx not found');
-      }
-
-      const u = componentAtChildCtx(list, listID, childCtx, operationID, enableReuseNotification, true, asyncFlush);
-      if (typeof u === 'number') {
-        // ready
-      } else {
-        hasUnready = true;
-      }
-      p.push(u);
-    });
-
-    // We need __FlushElementTree twice:
-    // 1. The first time is sync, we flush the items that are ready, with unready items' uiSign as -1.
-    // 2. The second time is async, with all the uiSigns.
-    // NOTE: The `operationIDs` passed to __FlushElementTree must be the one passed in,
-    // not the one generated by any code here, to workaround a bug of Lynx Engine.
-    // So we CANNOT split the `operationIDs` into two parts: one for ready items, one for unready items.
-    if (hasUnready) {
-      void Promise.all(p).then((uiSigns) => {
-        __FlushElementTree(list, {
-          triggerLayout: true,
-          operationIDs,
-          elementIDs: uiSigns,
-          listID,
-        });
-      });
-    }
-    __FlushElementTree(list, {
-      triggerLayout: true,
-      operationIDs,
-      elementIDs: cellIndexes.map((_, index) => typeof p[index] === 'number' ? p[index] : -1),
-      listID,
-    });
-  }
-  return [componentAtIndex, componentAtIndexes] as const;
-}
-
-export function enqueueComponentFactory(): EnqueueComponentCallback {
-  // eslint-disable-next-line unicorn/consistent-function-scoping
-  const enqueueComponent = (_: FiberElement, listID: number, sign: number) => {
-    const signMap = gSignMap[listID];
-    const recycleMap = gRecycleMap[listID];
-    if (!signMap || !recycleMap) {
-      throw new Error('enqueueComponent called on removed list');
-    }
-
-    const childCtx = signMap.get(sign)!;
-    if (!childCtx) {
-      return;
-    }
-
-    const platformInfo = childCtx.__listItemPlatformInfo ?? {};
-
-    const uniqID = childCtx.type + (platformInfo['reuse-identifier'] ?? '');
-    if (!recycleMap.has(uniqID)) {
-      recycleMap.set(uniqID, new Map());
-    }
-    recycleMap.get(uniqID)!.set(sign, childCtx);
-  };
-  return enqueueComponent;
-}

package/runtime/src/listUpdateInfo.ts

@@ -1,221 +0,0 @@
-// Copyright 2025 The Lynx Authors. All rights reserved.
-// Licensed under the Apache License Version 2.0 that can be found in the
-// LICENSE file in the root directory of this source tree.
-
-import { hydrate } from './hydrate.js';
-import { componentAtIndexFactory, enqueueComponentFactory } from './list.js';
-import type { SnapshotInstance } from './snapshot.js';
-
-export interface ListUpdateInfo {
-  flush(): void;
-  onInsertBefore(
-    newNode: SnapshotInstance,
-    existingNode?: SnapshotInstance,
-  ): void;
-  onRemoveChild(child: SnapshotInstance): void;
-  onSetAttribute(child: SnapshotInstance, attr: any, oldAttr: any): void;
-}
-
-// class ListUpdateInfoDiffing implements ListUpdateInfo {
-//   private oldChildNodes: SnapshotInstance[];
-//   constructor(private list: SnapshotInstance) {
-//     this.oldChildNodes = list.childNodes;
-//   }
-//   flush(): void {
-//     Object.defineProperty(SnapshotInstance.prototype, "key", {
-//       get: function () {
-//         return this.values[0]["item-key"];
-//       },
-//     });
-
-//   }
-//   onInsertBefore(newNode: SnapshotInstance, existingNode?: SnapshotInstance | undefined): void {}
-//   onRemoveChild(child: SnapshotInstance): void {}
-//   onSetAttribute(child: SnapshotInstance, attr: any): void {
-//     throw new Error("Method not implemented.");
-//   }
-// }
-
-interface InsertAction {
-  position: number;
-  type: string;
-}
-
-interface UpdateAction {
-  from: number;
-  to: number;
-  type: string;
-  flush: boolean;
-}
-
-interface ListOperations {
-  insertAction: InsertAction[];
-  removeAction: number[];
-  updateAction: UpdateAction[];
-}
-
-export class ListUpdateInfoRecording implements ListUpdateInfo {
-  constructor(private list: SnapshotInstance) {
-    this.oldChildNodes = list.childNodes;
-    // this.oldChildNodesSet = new Set(this.oldChildNodes);
-  }
-
-  // private __commitAndReset() {
-  //   (this.__pendingAttributes ??= []).push(this.__toAttribute());
-  //   this.oldChildNodes = this.list.childNodes;
-  //   this.oldChildNodesSet = new Set(this.oldChildNodes);
-  //   this.removeChild1.clear();
-  //   this.removeChild2.clear();
-  //   this.insertBefore.clear();
-  //   this.appendChild.length = 0;
-  //   this.platformInfoUpdate.clear();
-  // }
-
-  flush(): void {
-    const elementIndex = this.list.__snapshot_def.slot[0]![1];
-    const listElement = this.list.__elements![elementIndex]!;
-    // this.__pendingAttributes?.forEach(pendingAttribute => {
-    //   __SetAttribute(listElement, "update-list-info", pendingAttribute);
-    //   __FlushElementTree(listElement);
-    // });
-    __SetAttribute(listElement, 'update-list-info', this.__toAttribute());
-    const [componentAtIndex, componentAtIndexes] = componentAtIndexFactory(this.list.childNodes, hydrate);
-    __UpdateListCallbacks(
-      listElement,
-      componentAtIndex,
-      enqueueComponentFactory(),
-      componentAtIndexes,
-    );
-  }
-
-  private oldChildNodes: SnapshotInstance[];
-  // private oldChildNodesSet: Set<SnapshotInstance>;
-  private removeChild = new Set<SnapshotInstance>();
-  private insertBefore = new Map<SnapshotInstance, SnapshotInstance[]>(); // insert V before K
-  private appendChild = [] as SnapshotInstance[];
-  private platformInfoUpdate = new Map<SnapshotInstance, any>();
-
-  onInsertBefore(newNode: SnapshotInstance, existingNode?: SnapshotInstance): void {
-    if (newNode.parentNode) {
-      // if (!this.oldChildNodesSet.has(newNode)) {
-      //   this.__commitAndReset();
-      // }
-      this.removeChild.add(newNode);
-    }
-    if (existingNode) {
-      // if (!this.oldChildNodesSet.has(existingNode)) {
-      //   this.__commitAndReset();
-      // }
-      const newChildren = this.insertBefore.get(existingNode) ?? [];
-      newChildren.push(newNode);
-      this.insertBefore.set(existingNode, newChildren);
-    } else {
-      this.appendChild.push(newNode);
-    }
-  }
-
-  onRemoveChild(child: SnapshotInstance): void {
-    // if (!this.oldChildNodesSet.has(child)) {
-    //   this.__commitAndReset();
-    // }
-    this.removeChild.add(child);
-  }
-
-  onSetAttribute(child: SnapshotInstance, attr: any, _oldAttr: any): void {
-    this.platformInfoUpdate.set(child, attr);
-  }
-
-  private __toAttribute(): ListOperations {
-    const { removeChild, insertBefore, appendChild, platformInfoUpdate } = this;
-
-    const removals: number[] = [];
-    const insertions: InsertAction[] = [];
-    const updates: UpdateAction[] = [];
-
-    let j = 0;
-    for (let i = 0; i < this.oldChildNodes.length; i++, j++) {
-      const child = this.oldChildNodes[i]!;
-      if (platformInfoUpdate.has(child)) {
-        updates.push({
-          ...platformInfoUpdate.get(child),
-          from: +j,
-          to: +j,
-          // no flush
-          flush: false,
-          type: child.type,
-        } as UpdateAction);
-      }
-      if (insertBefore.has(child)) {
-        const children = insertBefore.get(child)!;
-        children.forEach(c => {
-          insertions.push({
-            position: j,
-            type: c.type,
-            ...c.__listItemPlatformInfo,
-          } as InsertAction);
-          j++;
-        });
-      }
-      if (removeChild.has(child)) {
-        removals.push(i);
-        removeChild.delete(child);
-        j--;
-      }
-    }
-    for (let i = 0; i < appendChild.length; i++) {
-      const child = appendChild[i]!;
-      insertions.push({
-        position: j + i,
-        type: child.type,
-        ...child.__listItemPlatformInfo,
-      } as InsertAction);
-    }
-
-    insertions.sort((a, b) => a.position - b.position);
-    removals.sort((a, b) => a - b);
-
-    if (
-      SystemInfo.lynxSdkVersion === '2.14'
-      || SystemInfo.lynxSdkVersion === '2.15'
-      || SystemInfo.lynxSdkVersion === '2.16'
-      || SystemInfo.lynxSdkVersion === '2.17'
-      || SystemInfo.lynxSdkVersion === '2.18'
-    ) {
-      const elementIndex = this.list.__snapshot_def.slot[0]![1];
-      const listElement = this.list.__elements![elementIndex]!;
-
-      // `__GetAttributeByName` is available since Lynx 2.14
-      if (__GetAttributeByName(listElement, 'custom-list-name') === 'list-container') {
-        // `updateAction` must be full (not incremental) when Lynx version <= 2.18 and
-        // when `custom-list-name` is `list-container` (available when Lynx version >= 2.14) is true,
-        updates.length = 0;
-        this.list.childNodes.forEach((child, index) => {
-          updates.push({
-            ...child.__listItemPlatformInfo,
-            from: index,
-            to: index,
-            // no flush
-            flush: false,
-            type: child.type,
-          } as UpdateAction);
-        });
-      }
-    }
-
-    return {
-      insertAction: insertions,
-      removeAction: removals,
-      updateAction: updates,
-    };
-  }
-
-  toJSON(): [ListOperations] {
-    // if (this.__pendingAttributes) {
-    //   return [...this.__pendingAttributes, this.__toAttribute()];
-    // } else {
-    //   return [this.__toAttribute()];
-    // }
-
-    return [this.__toAttribute()] as const;
-  }
-}