@lynx-js/react 0.105.0

package/runtime/lib/snapshot/spread.js

@@ -0,0 +1,289 @@
+// 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 { SnapshotInstance } from '../snapshot.js';
+import { updateEvent } from './event.js';
+import { BackgroundSnapshotInstance } from '../backgroundSnapshot.js';
+import { transformRef, updateRef } from './ref.js';
+import { updateWorkletEvent } from './workletEvent.js';
+import { updateWorkletRef } from './workletRef.js';
+import { updateGesture } from './gesture.js';
+import { platformInfoAttributes, updateListItemPlatformInfo } from './platformInfo.js';
+import { isDirectOrDeepEqual, isEmptyObject, pick } from '../utils.js';
+import { __pendingListUpdates, ListUpdateInfoRecording } from '../list.js';
+const eventRegExp = /^(([A-Za-z-]*):)?(bind|catch|capture-bind|capture-catch|global-bind)([A-Za-z]+)$/;
+const eventTypeMap = {
+    bind: 'bindEvent',
+    catch: 'catchEvent',
+    'capture-bind': 'capture-bind',
+    'capture-catch': 'capture-catch',
+    'global-bind': 'global-bindEvent',
+};
+const noFlattenAttributes = /* @__PURE__ */ new Set([
+    'name',
+    'clip-radius',
+    'overlap',
+    'exposure-scene',
+    'exposure-id',
+]);
+function updateSpread(snapshot, index, oldValue, elementIndex) {
+    oldValue ||= {};
+    let newValue = snapshot.__values[index]; // compiler guarantee this must be an object;
+    // @ts-ignore
+    const list = snapshot.__parent;
+    if (list?.__snapshot_def.isListHolder) {
+        const oldPlatformInfo = pick(oldValue, platformInfoAttributes);
+        const platformInfo = pick(newValue, platformInfoAttributes);
+        if (!isDirectOrDeepEqual(oldPlatformInfo, platformInfo)) {
+            (__pendingListUpdates.values[list.__id] ??= new ListUpdateInfoRecording(list)).onSetAttribute(snapshot, platformInfo, oldPlatformInfo);
+            snapshot.__listItemPlatformInfo = platformInfo;
+            // The fakeSnapshot is missing `__parent`, so no `ListUpdateInfoRecording#onSetAttribute` will be called
+            const fakeSnapshot = {
+                __values: {
+                    get [index]() {
+                        return platformInfo;
+                    },
+                },
+                __id: snapshot.__id,
+                __elements: snapshot.__elements,
+            };
+            updateListItemPlatformInfo(fakeSnapshot, index, oldPlatformInfo, elementIndex);
+        }
+    }
+    if (!snapshot.__elements) {
+        return;
+    }
+    if ('__spread' in newValue) {
+        // first screen
+        newValue = transformSpread(snapshot, index, newValue);
+        snapshot.__values[index] = newValue;
+    }
+    const dataset = {};
+    let match = null;
+    for (const key in newValue) {
+        const v = newValue[key];
+        if (v !== oldValue[key]) {
+            if (key === 'className') {
+                __SetClasses(snapshot.__elements[elementIndex], v);
+            }
+            else if (key === 'style') {
+                __SetInlineStyles(snapshot.__elements[elementIndex], v);
+            }
+            else if (key === 'id') {
+                __SetID(snapshot.__elements[elementIndex], v);
+            }
+            else if (key.startsWith('data-')) {
+                // collected below
+            }
+            else if (key === 'ref') {
+                snapshot.__ref_set ??= new Set();
+                const fakeSnapshot = {
+                    __values: {
+                        get [index]() {
+                            return v;
+                        },
+                        set [index](value) {
+                            // Modifications to the ref value should be reflected in the corresponding position of the spread.
+                            newValue[key] = value;
+                        },
+                    },
+                    __id: snapshot.__id,
+                    __elements: snapshot.__elements,
+                    __ref_set: snapshot.__ref_set,
+                };
+                updateRef(fakeSnapshot, index, oldValue[key], elementIndex, key);
+            }
+            else if (key.endsWith(':ref')) {
+                snapshot.__worklet_ref_set ??= new Set();
+                const fakeSnapshot = {
+                    __values: {
+                        get [index]() {
+                            return v;
+                        },
+                    },
+                    __id: snapshot.__id,
+                    __elements: snapshot.__elements,
+                    __worklet_ref_set: snapshot.__worklet_ref_set,
+                };
+                updateWorkletRef(fakeSnapshot, index, oldValue[key], elementIndex, key.slice(0, -4));
+            }
+            else if (key.endsWith(':gesture')) {
+                const workletType = key.slice(0, -8);
+                const fakeSnapshot = {
+                    __values: {
+                        get [index]() {
+                            return v;
+                        },
+                    },
+                    __id: snapshot.__id,
+                    __elements: snapshot.__elements,
+                };
+                updateGesture(fakeSnapshot, index, oldValue[key], elementIndex, workletType);
+            }
+            else if ((match = key.match(eventRegExp))) {
+                const workletType = match[2];
+                const eventType = eventTypeMap[match[3]];
+                const eventName = match[4];
+                const fakeSnapshot = {
+                    __values: {
+                        get [index]() {
+                            return v;
+                        },
+                        set [index](value) {
+                            // Modifications to the event value should be reflected in the corresponding position of the spread.
+                            newValue[key] = value;
+                        },
+                    },
+                    __id: snapshot.__id,
+                    __elements: snapshot.__elements,
+                };
+                if (workletType) {
+                    updateWorkletEvent(fakeSnapshot, index, oldValue[key], elementIndex, workletType, eventType, eventName);
+                }
+                else {
+                    updateEvent(fakeSnapshot, index, oldValue[key], elementIndex, eventType, eventName, key);
+                }
+            }
+            else if (platformInfoAttributes.has(key)) {
+                // ignore
+            }
+            else {
+                __SetAttribute(snapshot.__elements[elementIndex], key, v);
+            }
+        }
+        // collect data regardless of whether it has changed
+        if (key.startsWith('data-')) {
+            dataset[key.slice(5)] = v;
+        }
+    }
+    let hasOldDataset = false;
+    for (const key in oldValue) {
+        if (!(key in newValue)) {
+            if (key === 'className') {
+                __SetClasses(snapshot.__elements[elementIndex], '');
+            }
+            else if (key === 'style') {
+                __SetInlineStyles(snapshot.__elements[elementIndex], '');
+            }
+            else if (key === 'id') {
+                __SetID(snapshot.__elements[elementIndex], null);
+            }
+            else if (key.startsWith('data-')) {
+                // collected below
+            }
+            else if (key === 'ref') {
+                snapshot.__ref_set ??= new Set();
+                const fakeSnapshot = {
+                    __values: {
+                        get [index]() {
+                            return undefined;
+                        },
+                        set [index](value) {
+                            // Modifications to the ref value should be reflected in the corresponding position of the spread.
+                            newValue[key] = value;
+                        },
+                    },
+                    __id: snapshot.__id,
+                    __elements: snapshot.__elements,
+                    __ref_set: snapshot.__ref_set,
+                };
+                updateRef(fakeSnapshot, index, oldValue[key], elementIndex, key);
+            }
+            else if (key.endsWith(':ref')) {
+                snapshot.__worklet_ref_set ??= new Set();
+                const fakeSnapshot = {
+                    __values: {
+                        get [index]() {
+                            return undefined;
+                        },
+                    },
+                    __id: snapshot.__id,
+                    __elements: snapshot.__elements,
+                    __worklet_ref_set: snapshot.__worklet_ref_set,
+                };
+                updateWorkletRef(fakeSnapshot, index, oldValue[key], elementIndex, key.slice(0, -4));
+            }
+            else if (key.endsWith(':gesture')) {
+                const workletType = key.slice(0, -8);
+                const fakeSnapshot = {
+                    __values: {
+                        get [index]() {
+                            return undefined;
+                        },
+                    },
+                    __id: snapshot.__id,
+                    __elements: snapshot.__elements,
+                };
+                updateGesture(fakeSnapshot, index, oldValue[key], elementIndex, workletType);
+            }
+            else if ((match = key.match(eventRegExp))) {
+                const workletType = match[2];
+                const eventType = eventTypeMap[match[3]];
+                const eventName = match[4];
+                const fakeSnapshot = {
+                    __values: {
+                        get [index]() {
+                            return undefined;
+                        },
+                        set [index](value) {
+                            newValue[key] = value;
+                        },
+                    },
+                    __id: snapshot.__id,
+                    __elements: snapshot.__elements,
+                };
+                if (workletType) {
+                    updateWorkletEvent(fakeSnapshot, index, oldValue[key], elementIndex, workletType, eventType, eventName);
+                }
+                else {
+                    updateEvent(fakeSnapshot, index, oldValue[key], elementIndex, eventType, eventName, key);
+                }
+            }
+            else if (platformInfoAttributes.has(key)) {
+                // ignore
+            }
+            else {
+                __SetAttribute(snapshot.__elements[elementIndex], key, null);
+            }
+        }
+        // collect data regardless of whether it has changed
+        if (key.startsWith('data-')) {
+            hasOldDataset = true;
+        }
+    }
+    // TODO: compare dataset before commit it to native?
+    if (hasOldDataset || !isEmptyObject(dataset)) {
+        __SetDataset(snapshot.__elements[elementIndex], dataset);
+    }
+}
+function transformSpread(snapshot, index, spread) {
+    const result = {};
+    let hasNoFlattenAttributes = false;
+    for (const key in spread) {
+        let value = spread[key];
+        if (key === '__spread') { }
+        else if (key === 'class' || key === 'className') {
+            value ??= '';
+            result['className'] = value;
+        }
+        else if (key === 'ref') {
+            // @ts-ignore
+            result[key] = transformRef(value)?.__ref;
+        }
+        else if (typeof value === 'function') {
+            result[key] = `${snapshot.__id}:${index}:${key}`;
+        }
+        else {
+            if (!hasNoFlattenAttributes && noFlattenAttributes.has(key)) {
+                hasNoFlattenAttributes = true;
+            }
+            result[key] = value;
+        }
+    }
+    if (hasNoFlattenAttributes) {
+        result['flatten'] = false;
+    }
+    return result;
+}
+export { updateSpread, transformSpread };
+//# sourceMappingURL=spread.js.map

package/runtime/lib/snapshot/spread.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spread.js","sourceRoot":"","sources":["../../src/snapshot/spread.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,sBAAsB,EAAE,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AACvF,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE3E,MAAM,WAAW,GAAG,kFAAkF,CAAC;AACvG,MAAM,YAAY,GAA2B;IAC3C,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE,YAAY;IACnB,cAAc,EAAE,cAAc;IAC9B,eAAe,EAAE,eAAe;IAChC,aAAa,EAAE,kBAAkB;CAClC,CAAC;AACF,MAAM,mBAAmB,GAAG,eAAe,CAAC,IAAI,GAAG,CAAS;IAC1D,MAAM;IACN,aAAa;IACb,SAAS;IACT,gBAAgB;IAChB,aAAa;CACd,CAAC,CAAC;AAEH,SAAS,YAAY,CAAC,QAA0B,EAAE,KAAa,EAAE,QAAa,EAAE,YAAoB;IAClG,QAAQ,KAAK,EAAE,CAAC;IAChB,IAAI,QAAQ,GAAwB,QAAQ,CAAC,QAAS,CAAC,KAAK,CAAC,CAAC,CAAC,6CAA6C;IAE5G,aAAa;IACb,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC;IAC/B,IAAI,IAAI,EAAE,cAAc,CAAC,YAAY,EAAE,CAAC;QACtC,MAAM,eAAe,GAAG,IAAI,CAAC,QAAQ,EAAE,sBAAsB,CAAC,CAAC;QAC/D,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,EAAE,sBAAsB,CAAC,CAAC;QAC5D,IAAI,CAAC,mBAAmB,CAAC,eAAe,EAAE,YAAY,CAAC,EAAE,CAAC;YACxD,CAAC,oBAAoB,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,uBAAuB,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAC3F,QAAQ,EACR,YAAY,EACZ,eAAe,CAChB,CAAC;YACF,QAAQ,CAAC,sBAAsB,GAAG,YAAY,CAAC;YAE/C,wGAAwG;YACxG,MAAM,YAAY,GAAG;gBACnB,QAAQ,EAAE;oBACR,IAAI,CAAC,KAAK,CAAC;wBACT,OAAO,YAAY,CAAC;oBACtB,CAAC;iBACF;gBACD,IAAI,EAAE,QAAQ,CAAC,IAAI;gBACnB,UAAU,EAAE,QAAQ,CAAC,UAAU;aACZ,CAAC;YACtB,0BAA0B,CAAC,YAAY,EAAE,KAAK,EAAE,eAAe,EAAE,YAAY,CAAC,CAAC;QACjF,CAAC;IACH,CAAC;IAED,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;QACzB,OAAO;IACT,CAAC;IAED,IAAI,UAAU,IAAI,QAAQ,EAAE,CAAC;QAC3B,eAAe;QACf,QAAQ,GAAG,eAAe,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;QACtD,QAAQ,CAAC,QAAS,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC;IACvC,CAAC;IAED,MAAM,OAAO,GAAwB,EAAE,CAAC;IACxC,IAAI,KAAK,GAA4B,IAAI,CAAC;IAC1C,KAAK,MAAM,GAAG,IAAI,QAAQ,EAAE,CAAC;QAC3B,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;QACxB,IAAI,CAAC,KAAK,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YACxB,IAAI,GAAG,KAAK,WAAW,EAAE,CAAC;gBACxB,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,YAAY,CAAE,EAAE,CAAC,CAAC,CAAC;YACtD,CAAC;iBAAM,IAAI,GAAG,KAAK,OAAO,EAAE,CAAC;gBAC3B,iBAAiB,CAAC,QAAQ,CAAC,UAAU,CAAC,YAAY,CAAE,EAAE,CAAC,CAAC,CAAC;YAC3D,CAAC;iBAAM,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;gBACxB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,YAAY,CAAE,EAAE,CAAC,CAAC,CAAC;YACjD,CAAC;iBAAM,IAAI,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;gBACnC,kBAAkB;YACpB,CAAC;iBAAM,IAAI,GAAG,KAAK,KAAK,EAAE,CAAC;gBACzB,QAAQ,CAAC,SAAS,KAAK,IAAI,GAAG,EAAE,CAAC;gBACjC,MAAM,YAAY,GAAG;oBACnB,QAAQ,EAAE;wBACR,IAAI,CAAC,KAAK,CAAC;4BACT,OAAO,CAAC,CAAC;wBACX,CAAC;wBACD,IAAI,CAAC,KAAK,CAAC,CAAC,KAAc;4BACxB,kGAAkG;4BAClG,QAAQ,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;wBACxB,CAAC;qBACF;oBACD,IAAI,EAAE,QAAQ,CAAC,IAAI;oBACnB,UAAU,EAAE,QAAQ,CAAC,UAAU;oBAC/B,SAAS,EAAE,QAAQ,CAAC,SAAS;iBACV,CAAC;gBACtB,SAAS,CAAC,YAAY,EAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,YAAY,EAAE,GAAG,CAAC,CAAC;YACnE,CAAC;iBAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;gBAChC,QAAQ,CAAC,iBAAiB,KAAK,IAAI,GAAG,EAAE,CAAC;gBACzC,MAAM,YAAY,GAAG;oBACnB,QAAQ,EAAE;wBACR,IAAI,CAAC,KAAK,CAAC;4BACT,OAAO,CAAC,CAAC;wBACX,CAAC;qBACF;oBACD,IAAI,EAAE,QAAQ,CAAC,IAAI;oBACnB,UAAU,EAAE,QAAQ,CAAC,UAAU;oBAC/B,iBAAiB,EAAE,QAAQ,CAAC,iBAAiB;iBAC1B,CAAC;gBACtB,gBAAgB,CAAC,YAAY,EAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,YAAY,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YACvF,CAAC;iBAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;gBACpC,MAAM,WAAW,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;gBACrC,MAAM,YAAY,GAAG;oBACnB,QAAQ,EAAE;wBACR,IAAI,CAAC,KAAK,CAAC;4BACT,OAAO,CAAC,CAAC;wBACX,CAAC;qBACF;oBACD,IAAI,EAAE,QAAQ,CAAC,IAAI;oBACnB,UAAU,EAAE,QAAQ,CAAC,UAAU;iBACZ,CAAC;gBACtB,aAAa,CAAC,YAAY,EAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC;YAC/E,CAAC;iBAAM,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC;gBAC5C,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;gBAC7B,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,CAAE,CAAE,CAAC;gBAC3C,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAE,CAAC;gBAC5B,MAAM,YAAY,GAAG;oBACnB,QAAQ,EAAE;wBACR,IAAI,CAAC,KAAK,CAAC;4BACT,OAAO,CAAC,CAAC;wBACX,CAAC;wBACD,IAAI,CAAC,KAAK,CAAC,CAAC,KAAc;4BACxB,oGAAoG;4BACpG,QAAQ,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;wBACxB,CAAC;qBACF;oBACD,IAAI,EAAE,QAAQ,CAAC,IAAI;oBACnB,UAAU,EAAE,QAAQ,CAAC,UAAU;iBACZ,CAAC;gBACtB,IAAI,WAAW,EAAE,CAAC;oBAChB,kBAAkB,CAAC,YAAY,EAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;gBAC1G,CAAC;qBAAM,CAAC;oBACN,WAAW,CAAC,YAAY,EAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,CAAC,CAAC;gBAC3F,CAAC;YACH,CAAC;iBAAM,IAAI,sBAAsB,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC3C,SAAS;YACX,CAAC;iBAAM,CAAC;gBACN,cAAc,CAAC,QAAQ,CAAC,UAAU,CAAC,YAAY,CAAE,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;YAC7D,CAAC;QACH,CAAC;QAED,oDAAoD;QACpD,IAAI,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;YAC5B,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC;IAED,IAAI,aAAa,GAAG,KAAK,CAAC;IAC1B,KAAK,MAAM,GAAG,IAAI,QAAQ,EAAE,CAAC;QAC3B,IAAI,CAAC,CAAC,GAAG,IAAI,QAAQ,CAAC,EAAE,CAAC;YACvB,IAAI,GAAG,KAAK,WAAW,EAAE,CAAC;gBACxB,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,YAAY,CAAE,EAAE,EAAE,CAAC,CAAC;YACvD,CAAC;iBAAM,IAAI,GAAG,KAAK,OAAO,EAAE,CAAC;gBAC3B,iBAAiB,CAAC,QAAQ,CAAC,UAAU,CAAC,YAAY,CAAE,EAAE,EAAE,CAAC,CAAC;YAC5D,CAAC;iBAAM,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;gBACxB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,YAAY,CAAE,EAAE,IAAI,CAAC,CAAC;YACpD,CAAC;iBAAM,IAAI,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;gBACnC,kBAAkB;YACpB,CAAC;iBAAM,IAAI,GAAG,KAAK,KAAK,EAAE,CAAC;gBACzB,QAAQ,CAAC,SAAS,KAAK,IAAI,GAAG,EAAE,CAAC;gBACjC,MAAM,YAAY,GAAG;oBACnB,QAAQ,EAAE;wBACR,IAAI,CAAC,KAAK,CAAC;4BACT,OAAO,SAAS,CAAC;wBACnB,CAAC;wBACD,IAAI,CAAC,KAAK,CAAC,CAAC,KAAc;4BACxB,kGAAkG;4BAClG,QAAQ,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;wBACxB,CAAC;qBACF;oBACD,IAAI,EAAE,QAAQ,CAAC,IAAI;oBACnB,UAAU,EAAE,QAAQ,CAAC,UAAU;oBAC/B,SAAS,EAAE,QAAQ,CAAC,SAAS;iBACV,CAAC;gBACtB,SAAS,CAAC,YAAY,EAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,YAAY,EAAE,GAAG,CAAC,CAAC;YACnE,CAAC;iBAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;gBAChC,QAAQ,CAAC,iBAAiB,KAAK,IAAI,GAAG,EAAE,CAAC;gBACzC,MAAM,YAAY,GAAG;oBACnB,QAAQ,EAAE;wBACR,IAAI,CAAC,KAAK,CAAC;4BACT,OAAO,SAAS,CAAC;wBACnB,CAAC;qBACF;oBACD,IAAI,EAAE,QAAQ,CAAC,IAAI;oBACnB,UAAU,EAAE,QAAQ,CAAC,UAAU;oBAC/B,iBAAiB,EAAE,QAAQ,CAAC,iBAAiB;iBAC1B,CAAC;gBACtB,gBAAgB,CAAC,YAAY,EAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,YAAY,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YACvF,CAAC;iBAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;gBACpC,MAAM,WAAW,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;gBACrC,MAAM,YAAY,GAAG;oBACnB,QAAQ,EAAE;wBACR,IAAI,CAAC,KAAK,CAAC;4BACT,OAAO,SAAS,CAAC;wBACnB,CAAC;qBACF;oBACD,IAAI,EAAE,QAAQ,CAAC,IAAI;oBACnB,UAAU,EAAE,QAAQ,CAAC,UAAU;iBACZ,CAAC;gBACtB,aAAa,CAAC,YAAY,EAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC;YAC/E,CAAC;iBAAM,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC;gBAC5C,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;gBAC7B,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,CAAE,CAAE,CAAC;gBAC3C,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAE,CAAC;gBAC5B,MAAM,YAAY,GAAG;oBACnB,QAAQ,EAAE;wBACR,IAAI,CAAC,KAAK,CAAC;4BACT,OAAO,SAAS,CAAC;wBACnB,CAAC;wBACD,IAAI,CAAC,KAAK,CAAC,CAAC,KAAc;4BACxB,QAAQ,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;wBACxB,CAAC;qBACF;oBACD,IAAI,EAAE,QAAQ,CAAC,IAAI;oBACnB,UAAU,EAAE,QAAQ,CAAC,UAAU;iBACZ,CAAC;gBACtB,IAAI,WAAW,EAAE,CAAC;oBAChB,kBAAkB,CAAC,YAAY,EAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;gBAC1G,CAAC;qBAAM,CAAC;oBACN,WAAW,CAAC,YAAY,EAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,CAAC,CAAC;gBAC3F,CAAC;YACH,CAAC;iBAAM,IAAI,sBAAsB,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC3C,SAAS;YACX,CAAC;iBAAM,CAAC;gBACN,cAAc,CAAC,QAAQ,CAAC,UAAU,CAAC,YAAY,CAAE,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;YAChE,CAAC;QACH,CAAC;QAED,oDAAoD;QACpD,IAAI,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;YAC5B,aAAa,GAAG,IAAI,CAAC;QACvB,CAAC;IACH,CAAC;IAED,oDAAoD;IACpD,IAAI,aAAa,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC;QAC7C,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,YAAY,CAAE,EAAE,OAAO,CAAC,CAAC;IAC5D,CAAC;AACH,CAAC;AAED,SAAS,eAAe,CACtB,QAAuD,EACvD,KAAa,EACb,MAA+B;IAE/B,MAAM,MAAM,GAA4B,EAAE,CAAC;IAC3C,IAAI,sBAAsB,GAAG,KAAK,CAAC;IACnC,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC;QACzB,IAAI,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QACxB,IAAI,GAAG,KAAK,UAAU,EAAE,CAAC,CAAA,CAAC;aACrB,IAAI,GAAG,KAAK,OAAO,IAAI,GAAG,KAAK,WAAW,EAAE,CAAC;YAChD,KAAK,KAAK,EAAE,CAAC;YACb,MAAM,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC;QAC9B,CAAC;aAAM,IAAI,GAAG,KAAK,KAAK,EAAE,CAAC;YACzB,aAAa;YACb,MAAM,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;QAC3C,CAAC;aAAM,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE,CAAC;YACvC,MAAM,CAAC,GAAG,CAAC,GAAG,GAAG,QAAQ,CAAC,IAAI,IAAI,KAAK,IAAI,GAAG,EAAE,CAAC;QACnD,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,sBAAsB,IAAI,mBAAmB,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC5D,sBAAsB,GAAG,IAAI,CAAC;YAChC,CAAC;YACD,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;QACtB,CAAC;IACH,CAAC;IAED,IAAI,sBAAsB,EAAE,CAAC;QAC3B,MAAM,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC;IAC5B,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/runtime/lib/snapshot/workletEvent.d.ts

@@ -0,0 +1,3 @@
+import { SnapshotInstance } from '../snapshot.js';
+declare function updateWorkletEvent(snapshot: SnapshotInstance, expIndex: number, _oldValue: any, elementIndex: number, workletType: string, eventType: string, eventName: string): void;
+export { updateWorkletEvent };

package/runtime/lib/snapshot/workletEvent.js

@@ -0,0 +1,22 @@
+// 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 { onWorkletCtxUpdate } from '@lynx-js/react/worklet-runtime/bindings';
+import { SnapshotInstance } from '../snapshot.js';
+function updateWorkletEvent(snapshot, expIndex, _oldValue, elementIndex, workletType, eventType, eventName) {
+    if (!snapshot.__elements) {
+        return;
+    }
+    const value = snapshot.__values[expIndex] || {};
+    value._workletType = workletType;
+    if (workletType === 'main-thread') {
+        onWorkletCtxUpdate(value, snapshot.__elements[elementIndex]);
+        const event = {
+            type: 'worklet',
+            value,
+        };
+        __AddEvent(snapshot.__elements[elementIndex], eventType, eventName, event);
+    }
+}
+export { updateWorkletEvent };
+//# sourceMappingURL=workletEvent.js.map

package/runtime/lib/snapshot/workletEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workletEvent.js","sourceRoot":"","sources":["../../src/snapshot/workletEvent.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,SAAS,kBAAkB,CACzB,QAA0B,EAC1B,QAAgB,EAChB,SAAc,EACd,YAAoB,EACpB,WAAmB,EACnB,SAAiB,EACjB,SAAiB;IAEjB,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;QACzB,OAAO;IACT,CAAC;IACD,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;IACjD,KAAK,CAAC,YAAY,GAAG,WAAW,CAAC;IAEjC,IAAI,WAAW,KAAK,aAAa,EAAE,CAAC;QAClC,kBAAkB,CAAC,KAAK,EAAE,QAAQ,CAAC,UAAU,CAAC,YAAY,CAAE,CAAC,CAAC;QAC9D,MAAM,KAAK,GAAG;YACZ,IAAI,EAAE,SAAS;YACf,KAAK;SACN,CAAC;QACF,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAC,YAAY,CAAE,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;IAC9E,CAAC;AACH,CAAC;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/runtime/lib/snapshot/workletRef.d.ts

@@ -0,0 +1,5 @@
+import { type Worklet, type WorkletRef } from '@lynx-js/react/worklet-runtime/bindings';
+import { SnapshotInstance } from '../snapshot.js';
+declare function workletUnRef(value: Worklet | WorkletRef<unknown>): void;
+declare function updateWorkletRef(snapshot: SnapshotInstance, expIndex: number, oldValue: any, elementIndex: number, _workletType: string): void;
+export { updateWorkletRef, workletUnRef };

package/runtime/lib/snapshot/workletRef.js

@@ -0,0 +1,52 @@
+// 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 { runWorkletCtx, updateWorkletRef as update, } from '@lynx-js/react/worklet-runtime/bindings';
+import { SnapshotInstance } from '../snapshot.js';
+function workletUnRef(value) {
+    if ('_wvid' in value) {
+        update(value, null);
+    }
+    else if ('_wkltId' in value) {
+        if (typeof value._unmount == 'function') {
+            value._unmount();
+        }
+        else {
+            runWorkletCtx(value, [null]);
+        }
+    }
+}
+function updateWorkletRef(snapshot, expIndex, oldValue, elementIndex, _workletType) {
+    if (!snapshot.__elements) {
+        return;
+    }
+    if (oldValue && snapshot.__worklet_ref_set?.has(oldValue)) {
+        workletUnRef(oldValue);
+        snapshot.__worklet_ref_set?.delete(oldValue);
+    }
+    const value = snapshot.__values[expIndex];
+    if (value === null || value === undefined) {
+        // do nothing
+    }
+    else if (value._wvid) {
+        update(value, snapshot.__elements[elementIndex]);
+    }
+    else if (value._wkltId) {
+        // @ts-ignore
+        value._unmount = runWorkletCtx(value, [{ elementRefptr: snapshot.__elements[elementIndex] }]);
+    }
+    else if (value._type === '__LEPUS__' || value._lepusWorkletHash) {
+        // During the initial render, we will not update the WorkletRef because the background thread is not ready yet.
+    }
+    else {
+        throw new Error('MainThreadRef: main-thread:ref must be of type MainThreadRef or main-thread function.');
+    }
+    if (value) {
+        snapshot.__worklet_ref_set ??= new Set();
+        snapshot.__worklet_ref_set.add(value);
+    }
+    // Add an arbitrary attribute to avoid this element being layout-only
+    __SetAttribute(snapshot.__elements[elementIndex], 'has-react-ref', true);
+}
+export { updateWorkletRef, workletUnRef };
+//# sourceMappingURL=workletRef.js.map

package/runtime/lib/snapshot/workletRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workletRef.js","sourceRoot":"","sources":["../../src/snapshot/workletRef.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,OAAO,EAGL,aAAa,EACb,gBAAgB,IAAI,MAAM,GAC3B,MAAM,yCAAyC,CAAC;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,SAAS,YAAY,CAAC,KAAoC;IACxD,IAAI,OAAO,IAAI,KAAK,EAAE,CAAC;QACrB,MAAM,CAAC,KAAY,EAAE,IAAI,CAAC,CAAC;IAC7B,CAAC;SAAM,IAAI,SAAS,IAAI,KAAK,EAAE,CAAC;QAC9B,IAAI,OAAO,KAAK,CAAC,QAAQ,IAAI,UAAU,EAAE,CAAC;YACxC,KAAK,CAAC,QAAQ,EAAE,CAAC;QACnB,CAAC;aAAM,CAAC;YACN,aAAa,CAAC,KAAY,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;QACtC,CAAC;IACH,CAAC;AACH,CAAC;AAED,SAAS,gBAAgB,CACvB,QAA0B,EAC1B,QAAgB,EAChB,QAAa,EACb,YAAoB,EACpB,YAAoB;IAEpB,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;QACzB,OAAO;IACT,CAAC;IAED,IAAI,QAAQ,IAAI,QAAQ,CAAC,iBAAiB,EAAE,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC1D,YAAY,CAAC,QAAQ,CAAC,CAAC;QACvB,QAAQ,CAAC,iBAAiB,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC/C,CAAC;IAED,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAS,CAAC,QAAQ,CAAC,CAAC;IAC3C,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QAC1C,aAAa;IACf,CAAC;SAAM,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;QACvB,MAAM,CAAC,KAAY,EAAE,QAAQ,CAAC,UAAU,CAAC,YAAY,CAAE,CAAC,CAAC;IAC3D,CAAC;SAAM,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QACzB,aAAa;QACb,KAAK,CAAC,QAAQ,GAAG,aAAa,CAAC,KAAY,EAAE,CAAC,EAAE,aAAa,EAAE,QAAQ,CAAC,UAAU,CAAC,YAAY,CAAE,EAAE,CAAC,CAAC,CAAC;IACxG,CAAC;SAAM,IAAI,KAAK,CAAC,KAAK,KAAK,WAAW,IAAI,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAClE,+GAA+G;IACjH,CAAC;SAAM,CAAC;QACN,MAAM,IAAI,KAAK,CAAC,uFAAuF,CAAC,CAAC;IAC3G,CAAC;IAED,IAAI,KAAK,EAAE,CAAC;QACV,QAAQ,CAAC,iBAAiB,KAAK,IAAI,GAAG,EAAE,CAAC;QACzC,QAAQ,CAAC,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC;IACD,qEAAqE;IACrE,cAAc,CAAC,QAAQ,CAAC,UAAU,CAAC,YAAY,CAAE,EAAE,eAAe,EAAE,IAAI,CAAC,CAAC;AAC5E,CAAC;AAED,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,CAAC"}

package/runtime/lib/snapshot.d.ts

@@ -0,0 +1,81 @@
+import type { Worklet, WorkletRefImpl } from '@lynx-js/react/worklet-runtime/bindings';
+import type { BackgroundSnapshotInstance } from './backgroundSnapshot.js';
+export declare const enum DynamicPartType {
+    Attr = 0,
+    Spread = 1,
+    Slot = 2,
+    Children = 3,
+    ListChildren = 4,
+    MultiChildren = 5
+}
+interface Snapshot {
+    create: null | ((ctx: SnapshotInstance) => FiberElement[]);
+    update: null | ((ctx: SnapshotInstance, index: number, oldValue: any) => void)[];
+    slot: [DynamicPartType, number][];
+    isListHolder?: boolean;
+    cssId?: number | undefined;
+    entryName?: string | undefined;
+}
+export declare let __page: FiberElement;
+export declare let __pageId: number;
+export declare function setupPage(page: FiberElement): void;
+export declare const snapshotManager: {
+    values: Map<string, Snapshot>;
+};
+export declare const snapshotInstanceManager: {
+    nextId: number;
+    values: Map<number, SnapshotInstance>;
+    clear(): void;
+};
+export declare const backgroundSnapshotInstanceManager: {
+    nextId: number;
+    values: Map<number, BackgroundSnapshotInstance>;
+    clear(): void;
+    updateId(id: number, newId: number): void;
+    getValueBySign(str: string): unknown;
+};
+export declare function createSnapshot(uniqID: string, create: Snapshot['create'] | null, update: Snapshot['update'] | null, slot: Snapshot['slot'], cssId?: number, entryName?: string): string;
+export interface WithChildren {
+    childNodes: WithChildren[];
+}
+export declare function traverseSnapshotInstance<I extends WithChildren>(si: I, callback: (si: I) => void): void;
+export interface SerializedSnapshotInstance {
+    id: number;
+    type: string;
+    values?: any[] | undefined;
+    children?: SerializedSnapshotInstance[] | undefined;
+}
+export declare class SnapshotInstance {
+    type: string;
+    __id: number;
+    __snapshot_def: Snapshot;
+    __elements?: FiberElement[] | undefined;
+    __element_root?: FiberElement | undefined;
+    __values?: any[] | undefined;
+    __current_slot_index: number;
+    __ref_set?: Set<string>;
+    __worklet_ref_set?: Set<WorkletRefImpl<any> | Worklet>;
+    __listItemPlatformInfo?: any;
+    constructor(type: string, id?: number);
+    ensureElements(): void;
+    unRenderElements(): void;
+    takeElements(): SnapshotInstance;
+    private __parent;
+    private __firstChild;
+    private __lastChild;
+    private __previousSibling;
+    private __nextSibling;
+    get parentNode(): SnapshotInstance | null;
+    get nextSibling(): SnapshotInstance | null;
+    contains(child: SnapshotInstance): boolean;
+    get childNodes(): SnapshotInstance[];
+    __insertBefore(node: SnapshotInstance, beforeNode?: SnapshotInstance): void;
+    __removeChild(node: SnapshotInstance): void;
+    insertBefore(newNode: SnapshotInstance, existingNode?: SnapshotInstance): void;
+    removeChild(child: SnapshotInstance): void;
+    setAttribute(key: string | number, value: any): void;
+    toJSON(): Omit<SerializedSnapshotInstance, 'children'> & {
+        children: SnapshotInstance[] | undefined;
+    };
+}
+export {};