@lynx-js/react 0.110.0 → 0.110.1

package/runtime/src/snapshot.ts

@@ -18,23 +18,14 @@ import type { Worklet, WorkletRefImpl } from '@lynx-js/react/worklet-runtime/bin
 
 import type { BackgroundSnapshotInstance } from './backgroundSnapshot.js';
 import { SnapshotOperation, __globalSnapshotPatch } from './lifecycle/patch/snapshotPatch.js';
-import { ListUpdateInfoRecording, __pendingListUpdates, snapshotDestroyList } from './list.js';
+import { ListUpdateInfoRecording } from './listUpdateInfo.js';
+import { __pendingListUpdates } from './pendingListUpdates.js';
+import { DynamicPartType } from './snapshot/dynamicPartType.js';
+import { snapshotDestroyList } from './snapshot/list.js';
+import type { PlatformInfo } from './snapshot/platformInfo.js';
 import { unref } from './snapshot/ref.js';
 import { isDirectOrDeepEqual } from './utils.js';
 
-/**
- * Types of dynamic parts that can be updated in a snapshot
- * These are determined at compile time through static analysis
- */
-export const enum DynamicPartType {
-  Attr = 0, // Regular attribute updates
-  Spread, // Spread operator in JSX
-  Slot, // Slot for component children
-  Children, // Regular children updates
-  ListChildren, // List/array children updates
-  MultiChildren, // Multiple children updates (compat layer)
-}
-
 /**
  * A snapshot definition that contains all the information needed to create and update elements
  * This is generated at compile time through static analysis of the JSX
@@ -175,7 +166,7 @@ export const backgroundSnapshotInstanceManager: {
     }
     const spreadKey = res[2];
     if (spreadKey) {
-      return ctx.__values![expIndex][spreadKey];
+      return (ctx.__values![expIndex] as { [spreadKey]: unknown })[spreadKey];
     } else {
       return ctx.__values![expIndex];
     }
@@ -268,10 +259,10 @@ export class SnapshotInstance {
   __snapshot_def: Snapshot;
   __elements?: FiberElement[] | undefined;
   __element_root?: FiberElement | undefined;
-  __values?: any[] | undefined;
+  __values?: unknown[] | undefined;
   __current_slot_index = 0;
   __worklet_ref_set?: Set<WorkletRefImpl<any> | Worklet>;
-  __listItemPlatformInfo?: any;
+  __listItemPlatformInfo?: PlatformInfo;
 
   constructor(public type: string, id?: number) {
     this.__snapshot_def = snapshotManager.values.get(type)!;
@@ -280,7 +271,7 @@ export class SnapshotInstance {
       throw new Error('Snapshot not found: ' + type);
     }
 
-    id ||= snapshotInstanceManager.nextId -= 1;
+    id ??= snapshotInstanceManager.nextId -= 1;
     this.__id = id;
     snapshotInstanceManager.values.set(id, this);
   }
@@ -589,23 +580,17 @@ export class SnapshotInstance {
   }
 
   setAttribute(key: string | number, value: any): void {
-    const helper = (index: number, oldValue: any, newValue: any) => {
-      if (isDirectOrDeepEqual(oldValue, newValue)) {}
-      else {
-        this.__snapshot_def.update![index]!(this, index, oldValue);
-      }
-    };
-
     if (key === 'values') {
       const oldValues = this.__values;
-      this.__values = value;
+      const values = value as unknown[];
+      this.__values = values;
       if (oldValues) {
-        for (let index = 0; index < value.length; index++) {
-          helper(index, oldValues[index], value[index]);
+        for (let index = 0; index < values.length; index++) {
+          this.callUpdateIfNotDirectOrDeepEqual(index, oldValues[index], values[index]);
         }
       } else {
-        for (let index = 0; index < value.length; index++) {
-          helper(index, undefined, value[index]);
+        for (let index = 0; index < values.length; index++) {
+          this.callUpdateIfNotDirectOrDeepEqual(index, undefined, values[index]);
         }
       }
       return;
@@ -613,7 +598,7 @@ export class SnapshotInstance {
 
     const index = typeof key === 'string' ? Number(key.slice(2)) : key;
     this.__values ??= [];
-    helper(index, this.__values[index], this.__values[index] = value);
+    this.callUpdateIfNotDirectOrDeepEqual(index, this.__values[index], this.__values[index] = value);
   }
 
   toJSON(): Omit<SerializedSnapshotInstance, 'children'> & { children: SnapshotInstance[] | undefined } {
@@ -624,4 +609,11 @@ export class SnapshotInstance {
       children: this.__firstChild ? this.childNodes : undefined,
     };
   }
+
+  callUpdateIfNotDirectOrDeepEqual(index: number, oldValue: any, newValue: any): void {
+    if (isDirectOrDeepEqual(oldValue, newValue)) {}
+    else {
+      this.__snapshot_def.update![index]!(this, index, oldValue);
+    }
+  }
 }

package/runtime/src/snapshotInstanceHydrationMap.ts

@@ -9,7 +9,7 @@
  * The map is used by the ref system to translate between snapshot instance IDs when
  * operations need to cross the thread boundary during the commit phase.
  */
-const hydrationMap: Map<number, number> = new Map();
+const hydrationMap: Map<number, number> = new Map<number, number>();
 
 /**
  * @internal

package/runtime/src/utils.ts

@@ -14,7 +14,7 @@ export function isDirectOrDeepEqual(a: any, b: any): boolean {
 }
 
 export function isEmptyObject(obj?: object): obj is Record<string, never> {
-  for (var _ in obj) return false;
+  for (const _ in obj) return false;
   return true;
 }
 
@@ -25,11 +25,11 @@ export function isSdkVersionGt(major: number, minor: number): boolean {
 }
 
 export function pick<T extends object, K extends keyof T>(obj: T, keys: Iterable<K>): Pick<T, K> {
-  const result: any = {};
+  const result: Partial<Pick<T, K>> = {};
   for (const key of keys) {
     if (key in obj) {
       result[key] = obj[key];
     }
   }
-  return result;
+  return result as Pick<T, K>;
 }

package/testing-library/dist/env/vitest.js

@@ -1,5 +1,5 @@
 import { builtinEnvironments } from "vitest/environments";
-import external_events_default from "events";
+import events from "events";
 function util_define(object, properties) {
     for (const name of Object.getOwnPropertyNames(properties)){
         const propDesc = Object.getOwnPropertyDescriptor(properties, name);
@@ -321,7 +321,7 @@ function createPolyfills() {
             ]);
         }
     };
-    const ee = new external_events_default();
+    const ee = new events();
     ee.dispatchEvent = ({ type, data })=>{
         const isMainThread = __MAIN_THREAD__;
         lynxTestingEnv.switchToBackgroundThread();
@@ -428,7 +428,7 @@ function injectBackgroundThreadGlobals(target, polyfills) {
             updateData: {}
         }
     };
-    const globalEventEmitter = new external_events_default();
+    const globalEventEmitter = new events();
     globalEventEmitter.trigger = globalEventEmitter.emit;
     globalEventEmitter.toggle = globalEventEmitter.emit;
     target.lynx = {

package/testing-library/dist/vitest.config.js

@@ -1,10 +1,10 @@
 import { defineConfig } from "vitest/config";
 import { VitestPackageInstaller } from "vitest/node";
-import external_path_default from "path";
+import path from "path";
 import { fileURLToPath } from "url";
 import { createRequire } from "module";
 const vitest_config_filename = fileURLToPath(import.meta.url);
-const vitest_config_dirname = external_path_default.dirname(vitest_config_filename);
+const vitest_config_dirname = path.dirname(vitest_config_filename);
 const vitest_config_require = createRequire(import.meta.url);
 async function ensurePackagesInstalled() {
     const installer = new VitestPackageInstaller();
@@ -28,8 +28,8 @@ const createVitestConfig = async (options)=>{
                     return '';
                 }
                 const { transformReactLynxSync } = vitest_config_require('@lynx-js/react/transform');
-                const relativePath = normalizeSlashes(external_path_default.relative(vitest_config_dirname, sourcePath));
-                const basename = external_path_default.basename(sourcePath);
+                const relativePath = normalizeSlashes(path.relative(vitest_config_dirname, sourcePath));
+                const basename = path.basename(sourcePath);
                 const result = transformReactLynxSync(sourceText, {
                     mode: 'test',
                     pluginName: '',
@@ -71,7 +71,7 @@ const createVitestConfig = async (options)=>{
         server: {
             fs: {
                 allow: [
-                    external_path_default.join(vitest_config_dirname, '..')
+                    path.join(vitest_config_dirname, '..')
                 ]
             }
         },
@@ -82,12 +82,12 @@ const createVitestConfig = async (options)=>{
             environment: vitest_config_require.resolve('./env/vitest'),
             globals: true,
             setupFiles: [
-                external_path_default.join(vitest_config_dirname, 'vitest-global-setup')
+                path.join(vitest_config_dirname, 'vitest-global-setup')
             ]
         }
     });
 };
 function normalizeSlashes(file) {
-    return file.replaceAll(external_path_default.win32.sep, '/');
+    return file.replaceAll(path.win32.sep, '/');
 }
 export { createVitestConfig };

package/transform/cjs/main.cjs

@@ -1,6 +1,10 @@
 // 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.
+
+/* eslint-disable n/no-unpublished-require */
+
 const { default: _exports } = require('../dist/wasm.cjs');
 
+// eslint-disable-next-line n/no-missing-require
 module.exports = process.env['USE_NAPI'] ? require('../index.cjs') : _exports;