@forge/react 8.0.1-next.0 → 8.0.2-next.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @forge/react
 
+## 8.0.2-next.0
+
+### Patch Changes
+
+- Updated dependencies [f48e6d8]
+  - @forge/ui@1.9.2-next.0
+
+## 8.0.1
+
+### Patch Changes
+
+- Updated dependencies [732c136]
+  - @forge/ui@1.9.1
+
 ## 8.0.1-next.0
 
 ### Patch Changes

package/out/__test__/reconciler.test.js

@@ -1,20 +1,58 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
 const reconciler_1 = require("../reconciler");
-const emptyForgeDoc = (0, reconciler_1.createElement)('root');
+const reconcilerTestRenderer_1 = tslib_1.__importDefault(require("./reconcilerTestRenderer"));
+const components_1 = require("../components");
+const get_1 = tslib_1.__importDefault(require("lodash/get"));
+const testUtils_1 = require("./testUtils");
+const emptyForgeDoc = (0, reconciler_1.createElement)({ type: 'root', props: {}, reconciliationCount: 0 });
+const ButtonWithStatus = () => {
+    const [bool, setBool] = (0, react_1.useState)(true);
+    const appearance = bool ? 'inprogress' : 'success';
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Button, Object.assign({ onClick: () => setBool(!bool) }, { children: "Click me!" })), (0, jsx_runtime_1.jsx)(components_1.Text, { children: (0, jsx_runtime_1.jsx)(components_1.StatusLozenge, Object.assign({ appearance: appearance }, { children: appearance })) })] }));
+};
+describe('Reconciliation counting', () => {
+    let bridgeCalls = [];
+    beforeAll(async () => {
+        bridgeCalls = (0, testUtils_1.setupBridge)();
+        const Test = () => {
+            return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(ButtonWithStatus, {}), (0, jsx_runtime_1.jsx)(ButtonWithStatus, {})] }));
+        };
+        await reconcilerTestRenderer_1.default.create((0, jsx_runtime_1.jsx)(Test, {}));
+    });
+    it('initial reconcilation output is correct', () => {
+        const forgeDoc = (0, testUtils_1.getLastBridgeCallForgeDoc)(bridgeCalls);
+        expect(forgeDoc).toHaveProperty('forgeDoc.reconciliationCount', 1);
+        expect(forgeDoc).toHaveProperty('forgeDoc.children[0].props.onClick');
+        expect(forgeDoc).toHaveProperty('forgeDoc.children[0].reconciliationCount', 0);
+        expect(forgeDoc).toHaveProperty('forgeDoc.children[0].type', 'Button');
+        expect(forgeDoc).toHaveProperty('forgeDoc.children[2].type', 'Button');
+    });
+    it('calling the button click handler triggers reconciliation', () => {
+        const forgeDoc = (0, testUtils_1.getLastBridgeCallForgeDoc)(bridgeCalls);
+        const onClick = (0, get_1.default)(forgeDoc, 'forgeDoc.children[0].props.onClick');
+        if (onClick !== undefined) {
+            onClick();
+            const forgeDoc = (0, testUtils_1.getLastBridgeCallForgeDoc)(bridgeCalls);
+            expect(forgeDoc).toHaveProperty('forgeDoc.reconciliationCount', 2);
+            expect(forgeDoc).toHaveProperty('forgeDoc.children[0].reconciliationCount', 2);
+            expect(forgeDoc).toHaveProperty('forgeDoc.children[2].reconciliationCount', 0);
+        }
+    });
+});
 describe('hostConfig used functions', () => {
+    let bridgeCalls = [];
+    beforeAll(async () => {
+        bridgeCalls = (0, testUtils_1.setupBridge)();
+    });
     it('resetAfterCommit should call bridge', () => {
-        let output;
-        global['self'] = {
-            __bridge: {
-                callBridge: (cmd, data) => {
-                    output = data;
-                }
-            }
-        };
-        const testDoc = (0, reconciler_1.createElement)('root');
+        const testDoc = (0, reconciler_1.createElement)({ type: 'root', props: {}, reconciliationCount: 0 });
         reconciler_1.hostConfig.resetAfterCommit(testDoc);
-        expect(output).toEqual({
+        const forgeDoc = (0, testUtils_1.getLastBridgeCallForgeDoc)(bridgeCalls);
+        expect(forgeDoc).toEqual({
             forgeDoc: testDoc
         });
     });
@@ -29,11 +67,12 @@ describe('hostConfig used functions', () => {
             props: {
                 test: true
             },
-            key: expect.any(String)
+            key: expect.any(String),
+            reconciliationCount: 0
         }));
     });
     it('createTextInstance returns ForgeDoc with UUID', () => {
-        const testDoc = (0, reconciler_1.createElement)('root');
+        const testDoc = (0, reconciler_1.createElement)({ type: 'root', props: {}, reconciliationCount: 0 });
         const textInstance = reconciler_1.hostConfig.createTextInstance('test', testDoc, null, null);
         expect(textInstance).toEqual(expect.objectContaining({
             type: 'String',
@@ -41,12 +80,13 @@ describe('hostConfig used functions', () => {
             props: {
                 text: 'test'
             },
-            key: expect.any(String)
+            key: expect.any(String),
+            reconciliationCount: 0
         }));
     });
     it('appendInitialChild adds child to empty children array', () => {
-        const parent = (0, reconciler_1.createElement)('parent');
-        const child = (0, reconciler_1.createElement)('child');
+        const parent = (0, reconciler_1.createElement)({ type: 'parent', props: {}, reconciliationCount: 0 });
+        const child = (0, reconciler_1.createElement)({ type: 'child', props: {}, reconciliationCount: 0 });
         expect(parent).toHaveProperty('children', []);
         reconciler_1.hostConfig.appendInitialChild(parent, child);
         expect(parent).toHaveProperty('children', [child]);
@@ -54,8 +94,8 @@ describe('hostConfig used functions', () => {
     it('appendChild does not append same child twice', () => {
         expect(reconciler_1.hostConfig).toHaveProperty('appendChild');
         if (reconciler_1.hostConfig.appendChild !== undefined) {
-            const parent = (0, reconciler_1.createElement)('parent');
-            const child = (0, reconciler_1.createElement)('child');
+            const parent = (0, reconciler_1.createElement)({ type: 'parent', props: {}, reconciliationCount: 0 });
+            const child = (0, reconciler_1.createElement)({ type: 'child', props: {}, reconciliationCount: 0 });
             expect(parent).toHaveProperty('children', []);
             reconciler_1.hostConfig.appendChild(parent, child);
             expect(parent).toHaveProperty('children', [child]);
@@ -66,8 +106,8 @@ describe('hostConfig used functions', () => {
     it('appendChildToContainer', () => {
         expect(reconciler_1.hostConfig).toHaveProperty('appendChildToContainer');
         if (reconciler_1.hostConfig.appendChildToContainer !== undefined) {
-            const parent = (0, reconciler_1.createElement)('parent');
-            const child = (0, reconciler_1.createElement)('child');
+            const parent = (0, reconciler_1.createElement)({ type: 'parent', props: {}, reconciliationCount: 0 });
+            const child = (0, reconciler_1.createElement)({ type: 'child', props: {}, reconciliationCount: 0 });
             expect(parent).toHaveProperty('children', []);
             reconciler_1.hostConfig.appendChildToContainer(parent, child);
             expect(parent).toHaveProperty('children', [child]);
@@ -77,13 +117,14 @@ describe('hostConfig used functions', () => {
         expect(reconciler_1.hostConfig.finalizeInitialChildren(emptyForgeDoc, 'test', {}, emptyForgeDoc, null)).toBe(false);
     });
     it('prepareUpdate should set new props as props on instance', () => {
-        const instance = (0, reconciler_1.createElement)('test', { oldProps: true });
+        const instance = (0, reconciler_1.createElement)({ type: 'test', props: { oldProps: true }, reconciliationCount: 0 });
         const newProps = {
             updated: true
         };
         expect(reconciler_1.hostConfig.prepareUpdate(instance, 'test', {}, newProps, emptyForgeDoc, null)).toBe(newProps);
         expect(instance).not.toHaveProperty('oldProps');
         expect(instance).toHaveProperty('props', newProps);
+        expect(instance).toHaveProperty('reconciliationCount', 1);
     });
     it('shouldSetTextContent returns false', () => {
         expect(reconciler_1.hostConfig.shouldSetTextContent('test', {})).toBe(false);
@@ -91,9 +132,9 @@ describe('hostConfig used functions', () => {
     it('insertBefore reorders children', () => {
         expect(reconciler_1.hostConfig).toHaveProperty('insertBefore');
         if (reconciler_1.hostConfig.insertBefore !== undefined) {
-            const parent = (0, reconciler_1.createElement)('parent');
-            const child1 = (0, reconciler_1.createElement)('child1');
-            const child2 = (0, reconciler_1.createElement)('child2');
+            const parent = (0, reconciler_1.createElement)({ type: 'parent', props: {}, reconciliationCount: 0 });
+            const child1 = (0, reconciler_1.createElement)({ type: 'child1', props: {}, reconciliationCount: 0 });
+            const child2 = (0, reconciler_1.createElement)({ type: 'child2', props: {}, reconciliationCount: 0 });
             reconciler_1.hostConfig.appendInitialChild(parent, child1);
             expect(parent).toHaveProperty('children', [child1]);
             reconciler_1.hostConfig.insertBefore(parent, child2, child1);
@@ -103,9 +144,9 @@ describe('hostConfig used functions', () => {
     it('insertInContainerBefore reorders children when child being inserted exists', () => {
         expect(reconciler_1.hostConfig).toHaveProperty('insertInContainerBefore');
         if (reconciler_1.hostConfig.insertInContainerBefore !== undefined) {
-            const parent = (0, reconciler_1.createElement)('parent');
-            const child1 = (0, reconciler_1.createElement)('child1');
-            const child2 = (0, reconciler_1.createElement)('child2');
+            const parent = (0, reconciler_1.createElement)({ type: 'parent', props: {}, reconciliationCount: 0 });
+            const child1 = (0, reconciler_1.createElement)({ type: 'child1', props: {}, reconciliationCount: 0 });
+            const child2 = (0, reconciler_1.createElement)({ type: 'child2', props: {}, reconciliationCount: 0 });
             reconciler_1.hostConfig.appendInitialChild(parent, child1);
             reconciler_1.hostConfig.appendInitialChild(parent, child2);
             expect(parent).toHaveProperty('children', [child1, child2]);
@@ -116,8 +157,8 @@ describe('hostConfig used functions', () => {
     it('removeChild removes child', () => {
         expect(reconciler_1.hostConfig).toHaveProperty('removeChild');
         if (reconciler_1.hostConfig.removeChild !== undefined) {
-            const parent = (0, reconciler_1.createElement)('parent');
-            const child = (0, reconciler_1.createElement)('child');
+            const parent = (0, reconciler_1.createElement)({ type: 'parent', props: {}, reconciliationCount: 0 });
+            const child = (0, reconciler_1.createElement)({ type: 'child', props: {}, reconciliationCount: 0 });
             expect(parent).toHaveProperty('children', []);
             reconciler_1.hostConfig.appendInitialChild(parent, child);
             expect(parent).toHaveProperty('children', [child]);
@@ -128,8 +169,8 @@ describe('hostConfig used functions', () => {
     it('removeChildFromContainer removes child', () => {
         expect(reconciler_1.hostConfig).toHaveProperty('removeChildFromContainer');
         if (reconciler_1.hostConfig.removeChildFromContainer !== undefined) {
-            const parent = (0, reconciler_1.createElement)('parent');
-            const child = (0, reconciler_1.createElement)('child');
+            const parent = (0, reconciler_1.createElement)({ type: 'parent', props: {}, reconciliationCount: 0 });
+            const child = (0, reconciler_1.createElement)({ type: 'child', props: {}, reconciliationCount: 0 });
             expect(parent).toHaveProperty('children', []);
             reconciler_1.hostConfig.appendInitialChild(parent, child);
             expect(parent).toHaveProperty('children', [child]);
@@ -140,7 +181,7 @@ describe('hostConfig used functions', () => {
     it('commitTextUpdate should update instance props', () => {
         expect(reconciler_1.hostConfig).toHaveProperty('commitTextUpdate');
         if (reconciler_1.hostConfig.commitTextUpdate !== undefined) {
-            const testDoc = (0, reconciler_1.createElement)('root');
+            const testDoc = (0, reconciler_1.createElement)({ type: 'root', props: {}, reconciliationCount: 0 });
             const textInstance = reconciler_1.hostConfig.createTextInstance('test', testDoc, null, null);
             reconciler_1.hostConfig.commitTextUpdate(textInstance, '', 'updated');
             expect(textInstance).toEqual(expect.objectContaining({

package/out/__test__/reconcilerTestRenderer.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare type Act = (cb: () => Promise<any>) => Promise<any>;
+type Act = (cb: () => Promise<any>) => Promise<any>;
 export declare const create: (element: React.ReactNode) => Promise<{
     update(newElement: React.ReactNode): Promise<void>;
 }>;

package/out/__test__/reconcilerTestRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reconcilerTestRenderer.d.ts","sourceRoot":"","sources":["../../src/__test__/reconcilerTestRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,aAAK,GAAG,GAAG,CAAC,EAAE,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;AAIpD,eAAO,MAAM,MAAM,YAAmB,MAAM,SAAS;uBAGxB,MAAM,SAAS;EAI3C,CAAC;;;;;;;AAEF,wBAA+B"}
+{"version":3,"file":"reconcilerTestRenderer.d.ts","sourceRoot":"","sources":["../../src/__test__/reconcilerTestRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,KAAK,GAAG,GAAG,CAAC,EAAE,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;AAIpD,eAAO,MAAM,MAAM,YAAmB,MAAM,SAAS;uBAGxB,MAAM,SAAS;EAI3C,CAAC;;;;;;;AAEF,wBAA+B"}

package/out/__test__/table.test.js

@@ -5,21 +5,19 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = tslib_1.__importDefault(require("react"));
 const components_1 = require("../components");
 const reconcilerTestRenderer_1 = tslib_1.__importDefault(require("./reconcilerTestRenderer"));
+const testUtils_1 = require("./testUtils");
 describe('reconciled output', () => {
+    let bridgeCalls = [];
+    beforeAll(async () => {
+        bridgeCalls = (0, testUtils_1.setupBridge)();
+    });
     it('renders legacy Table ForgeDoc', async () => {
-        let output = undefined;
-        global['self'] = {
-            __bridge: {
-                callBridge: (cmd, data) => {
-                    output = data;
-                }
-            }
-        };
         const Test = () => {
             return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsxs)(components_1.Table, Object.assign({ rowsPerPage: 2 }, { children: [(0, jsx_runtime_1.jsxs)(components_1.Head, { children: [(0, jsx_runtime_1.jsx)(components_1.Cell, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: "Issue Key" }) }), (0, jsx_runtime_1.jsx)(components_1.Cell, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: "Status" }) })] }), (0, jsx_runtime_1.jsxs)(components_1.Row, { children: [(0, jsx_runtime_1.jsx)(components_1.Cell, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: "XEN-1" }) }), (0, jsx_runtime_1.jsx)(components_1.Cell, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: "In Progress" }) })] }), (0, jsx_runtime_1.jsxs)(components_1.Row, { children: [(0, jsx_runtime_1.jsx)(components_1.Cell, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: "XEN-2" }) }), (0, jsx_runtime_1.jsx)(components_1.Cell, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: "To Do" }) })] }), (0, jsx_runtime_1.jsxs)(components_1.Row, { children: [(0, jsx_runtime_1.jsx)(components_1.Cell, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: "XEN-3" }) }), (0, jsx_runtime_1.jsx)(components_1.Cell, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: "Done" }) })] }), (0, jsx_runtime_1.jsxs)(components_1.Row, { children: [(0, jsx_runtime_1.jsx)(components_1.Cell, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: "XEN-4" }) }), (0, jsx_runtime_1.jsx)(components_1.Cell, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: "In Progress" }) })] }), (0, jsx_runtime_1.jsxs)(components_1.Row, { children: [(0, jsx_runtime_1.jsx)(components_1.Cell, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: "XEN-5" }) }), (0, jsx_runtime_1.jsx)(components_1.Cell, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { children: "Cancelled" }) })] })] })) }));
         };
         await reconcilerTestRenderer_1.default.create((0, jsx_runtime_1.jsx)(Test, {}));
-        expect(output).toHaveProperty('forgeDoc.type', 'Root');
-        expect(output).toHaveProperty('forgeDoc.children[0].type', 'Table');
+        const forgeDoc = (0, testUtils_1.getLastBridgeCallForgeDoc)(bridgeCalls);
+        expect(forgeDoc).toHaveProperty('forgeDoc.type', 'Root');
+        expect(forgeDoc).toHaveProperty('forgeDoc.children[0].type', 'Table');
     });
 });

package/out/__test__/testUtils.d.ts

@@ -0,0 +1,13 @@
+import { ForgeDoc } from '../types';
+export type BridgeCall = {
+    cmd: string;
+    data: ForgeDoc;
+};
+type SetupBridge = () => BridgeCall[];
+type GetLastBridgeCall = (bridgeCalls: BridgeCall[]) => BridgeCall | null;
+type GetLastBridgeCallForgeDoc = (bridgeCalls: BridgeCall[]) => ForgeDoc | null;
+export declare const setupBridge: SetupBridge;
+export declare const getLastBridgeCall: GetLastBridgeCall;
+export declare const getLastBridgeCallForgeDoc: GetLastBridgeCallForgeDoc;
+export {};
+//# sourceMappingURL=testUtils.d.ts.map

package/out/__test__/testUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"testUtils.d.ts","sourceRoot":"","sources":["../../src/__test__/testUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,MAAM,MAAM,UAAU,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC;AACzD,KAAK,WAAW,GAAG,MAAM,UAAU,EAAE,CAAC;AAEtC,KAAK,iBAAiB,GAAG,CAAC,WAAW,EAAE,UAAU,EAAE,KAAK,UAAU,GAAG,IAAI,CAAC;AAC1E,KAAK,yBAAyB,GAAG,CAAC,WAAW,EAAE,UAAU,EAAE,KAAK,QAAQ,GAAG,IAAI,CAAC;AAMhF,eAAO,MAAM,WAAW,EAAE,WAWzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,iBAK/B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,yBAMvC,CAAC"}

package/out/__test__/testUtils.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLastBridgeCallForgeDoc = exports.getLastBridgeCall = exports.setupBridge = void 0;
+const setupBridge = () => {
+    const bridgeCalls = [];
+    global['self'] = {
+        __bridge: {
+            callBridge: (cmd, data) => {
+                bridgeCalls.push({ cmd, data });
+            }
+        }
+    };
+    return bridgeCalls;
+};
+exports.setupBridge = setupBridge;
+const getLastBridgeCall = (bridgeCalls) => {
+    if (bridgeCalls.length === 0) {
+        return null;
+    }
+    return bridgeCalls[bridgeCalls.length - 1];
+};
+exports.getLastBridgeCall = getLastBridgeCall;
+const getLastBridgeCallForgeDoc = (bridgeCalls) => {
+    const lastBridgeCall = (0, exports.getLastBridgeCall)(bridgeCalls);
+    if (lastBridgeCall === null) {
+        return lastBridgeCall;
+    }
+    return lastBridgeCall.data;
+};
+exports.getLastBridgeCallForgeDoc = getLastBridgeCallForgeDoc;

package/out/reconciler.d.ts

@@ -1,36 +1,40 @@
 /// <reference types="node" />
 import { ReactNode } from 'react';
 import { HostConfig } from 'react-reconciler';
-declare type ElementType = string;
-declare type ElementProps = {
-    [key: string]: any;
-};
+type ElementType = string;
+type ElementProps = InstanceProps;
 export interface ForgeDoc {
     type: ElementType;
     props: ElementProps;
     children: ForgeDoc[];
     key: string;
+    reconciliationCount: number;
 }
-export declare type CallBridge = (cmd: string, data: {
+export type CallBridge = (cmd: string, data: {
     forgeDoc: ForgeDoc;
 }) => void;
 export declare const callBridge: CallBridge;
-export declare const createElement: (type: ElementType, props?: ElementProps) => ForgeDoc;
+export type CreateElement = (args: {
+    type: ElementType;
+    props: InstanceProps;
+    reconciliationCount: number;
+}) => ForgeDoc;
+export declare const createElement: CreateElement;
 export declare const appendChild: (parent: ForgeDoc, child: ForgeDoc) => void;
 export declare const insertBefore: (parent: ForgeDoc, child: ForgeDoc, beforeChild: ForgeDoc) => void;
-declare type HostConfigType = string;
-declare type InstanceProps = Record<string, any>;
-declare type Container = ForgeDoc;
-declare type Instance = ForgeDoc;
-declare type TextInstance = ForgeDoc;
-declare type SuspenseInstance = ForgeDoc;
-declare type HydratableInstance = ForgeDoc;
-declare type PublicInstance = ForgeDoc;
-declare type HostContext = any;
-declare type UpdatePayload = any;
-declare type ChildSet = any;
-declare type TimeoutHandle = ReturnType<typeof setTimeout>;
-declare type NoTimeout = -1;
+type HostConfigType = string;
+type InstanceProps = Record<string, any>;
+type Container = ForgeDoc;
+type Instance = ForgeDoc;
+type TextInstance = ForgeDoc;
+type SuspenseInstance = ForgeDoc;
+type HydratableInstance = ForgeDoc;
+type PublicInstance = ForgeDoc;
+type HostContext = any;
+type UpdatePayload = any;
+type ChildSet = any;
+type TimeoutHandle = ReturnType<typeof setTimeout>;
+type NoTimeout = -1;
 export declare const hostConfig: HostConfig<HostConfigType, InstanceProps, Container, Instance, TextInstance, SuspenseInstance, HydratableInstance, PublicInstance, HostContext, UpdatePayload, ChildSet, TimeoutHandle, NoTimeout>;
 export declare const ForgeReconciler: {
     render: (element: ReactNode) => void;

package/out/reconciler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reconciler.d.ts","sourceRoot":"","sources":["../src/reconciler.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAmB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAI1D,aAAK,WAAW,GAAG,MAAM,CAAC;AAE1B,aAAK,YAAY,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CAAC;AAE3C,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,QAAQ,EAAE,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,oBAAY,UAAU,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE;IAAE,QAAQ,EAAE,QAAQ,CAAA;CAAE,KAAK,IAAI,CAAC;AAC7E,eAAO,MAAM,UAAU,EAAE,UAGxB,CAAC;AAEF,eAAO,MAAM,aAAa,SAAU,WAAW,UAAS,YAAY,KAAQ,QAS3E,CAAC;AAEF,eAAO,MAAM,WAAW,WAAY,QAAQ,SAAS,QAAQ,SAM5D,CAAC;AAEF,eAAO,MAAM,YAAY,WAAY,QAAQ,SAAS,QAAQ,eAAe,QAAQ,SAOpF,CAAC;AAEF,aAAK,cAAc,GAAG,MAAM,CAAC;AAE7B,aAAK,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AACzC,aAAK,SAAS,GAAG,QAAQ,CAAC;AAC1B,aAAK,QAAQ,GAAG,QAAQ,CAAC;AACzB,aAAK,YAAY,GAAG,QAAQ,CAAC;AAC7B,aAAK,gBAAgB,GAAG,QAAQ,CAAC;AACjC,aAAK,kBAAkB,GAAG,QAAQ,CAAC;AACnC,aAAK,cAAc,GAAG,QAAQ,CAAC;AAE/B,aAAK,WAAW,GAAG,GAAG,CAAC;AAEvB,aAAK,aAAa,GAAG,GAAG,CAAC;AAEzB,aAAK,QAAQ,GAAG,GAAG,CAAC;AACpB,aAAK,aAAa,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AACnD,aAAK,SAAS,GAAG,CAAC,CAAC,CAAC;AAEpB,eAAO,MAAM,UAAU,EAAE,UAAU,CACjC,cAAc,EACd,aAAa,EACb,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,WAAW,EACX,aAAa,EACb,QAAQ,EACR,aAAa,EACb,SAAS,CAqJV,CAAC;AAIF,eAAO,MAAM,eAAe;sBACR,SAAS;CAiB5B,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"reconciler.d.ts","sourceRoot":"","sources":["../src/reconciler.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAmB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAI1D,KAAK,WAAW,GAAG,MAAM,CAAC;AAC1B,KAAK,YAAY,GAAG,aAAa,CAAC;AAElC,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,QAAQ,EAAE,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,mBAAmB,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,MAAM,UAAU,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE;IAAE,QAAQ,EAAE,QAAQ,CAAA;CAAE,KAAK,IAAI,CAAC;AAC7E,eAAO,MAAM,UAAU,EAAE,UAGxB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE;IACjC,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,aAAa,CAAC;IACrB,mBAAmB,EAAE,MAAM,CAAC;CAC7B,KAAK,QAAQ,CAAC;AAEf,eAAO,MAAM,aAAa,EAAE,aAU3B,CAAC;AAEF,eAAO,MAAM,WAAW,WAAY,QAAQ,SAAS,QAAQ,SAM5D,CAAC;AAEF,eAAO,MAAM,YAAY,WAAY,QAAQ,SAAS,QAAQ,eAAe,QAAQ,SAOpF,CAAC;AAEF,KAAK,cAAc,GAAG,MAAM,CAAC;AAE7B,KAAK,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AACzC,KAAK,SAAS,GAAG,QAAQ,CAAC;AAC1B,KAAK,QAAQ,GAAG,QAAQ,CAAC;AACzB,KAAK,YAAY,GAAG,QAAQ,CAAC;AAC7B,KAAK,gBAAgB,GAAG,QAAQ,CAAC;AACjC,KAAK,kBAAkB,GAAG,QAAQ,CAAC;AACnC,KAAK,cAAc,GAAG,QAAQ,CAAC;AAE/B,KAAK,WAAW,GAAG,GAAG,CAAC;AAEvB,KAAK,aAAa,GAAG,GAAG,CAAC;AAEzB,KAAK,QAAQ,GAAG,GAAG,CAAC;AACpB,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AACnD,KAAK,SAAS,GAAG,CAAC,CAAC,CAAC;AAEpB,eAAO,MAAM,UAAU,EAAE,UAAU,CACjC,cAAc,EACd,aAAa,EACb,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,WAAW,EACX,aAAa,EACb,QAAQ,EACR,aAAa,EACb,SAAS,CA+JV,CAAC;AAIF,eAAO,MAAM,eAAe;sBACR,SAAS;CAiB5B,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/out/reconciler.js

@@ -10,13 +10,14 @@ const callBridge = function (cmd, data) {
     (_a = self === null || self === void 0 ? void 0 : self.__bridge) === null || _a === void 0 ? void 0 : _a.callBridge(cmd, data);
 };
 exports.callBridge = callBridge;
-const createElement = (type, props = {}) => {
+const createElement = ({ type, props = {}, reconciliationCount }) => {
     const { children } = props, restProps = tslib_1.__rest(props, ["children"]);
     return {
         type,
         children: [],
         props: restProps,
-        key: (0, uuid_1.v4)()
+        key: (0, uuid_1.v4)(),
+        reconciliationCount
     };
 };
 exports.createElement = createElement;
@@ -44,21 +45,18 @@ exports.hostConfig = {
     isPrimaryRenderer: false,
     supportsHydration: false,
     resetAfterCommit(containerInfo) {
+        containerInfo.reconciliationCount = containerInfo.reconciliationCount + 1;
         (0, exports.callBridge)('reconcile', { forgeDoc: containerInfo });
     },
-    createInstance(type, instanceProps) {
-        const element = (0, exports.createElement)(type, instanceProps);
+    createInstance(type, instanceProps, rootContainer) {
+        const { reconciliationCount } = rootContainer;
+        const element = (0, exports.createElement)({ type, props: instanceProps, reconciliationCount });
         return element;
     },
-    createTextInstance(text) {
-        return {
-            type: 'String',
-            children: [],
-            props: {
-                text
-            },
-            key: (0, uuid_1.v4)()
-        };
+    createTextInstance(text, rootContainer) {
+        const { reconciliationCount } = rootContainer;
+        const element = (0, exports.createElement)({ type: 'String', props: { text }, reconciliationCount });
+        return element;
     },
     appendInitialChild(parentInstance, child) {
         (0, exports.appendChild)(parentInstance, child);
@@ -72,7 +70,9 @@ exports.hostConfig = {
     finalizeInitialChildren() {
         return false;
     },
-    prepareUpdate(instance, type, oldProps, newProps) {
+    prepareUpdate(instance, type, oldProps, newProps, rootContainer) {
+        const { reconciliationCount } = rootContainer;
+        instance.reconciliationCount = reconciliationCount + 1;
         instance.props = newProps;
         return newProps;
     },
@@ -140,7 +140,7 @@ exports.hostConfig = {
 const reconciler = (0, react_reconciler_1.default)(exports.hostConfig);
 exports.ForgeReconciler = {
     render: (element) => {
-        const rootElement = (0, exports.createElement)('Root');
+        const rootElement = (0, exports.createElement)({ type: 'Root', props: {}, reconciliationCount: 0 });
         const container = reconciler.createContainer(rootElement, 0, null, false, null, 'root', (err) => {
             console.log(err);
         }, null);