@forge/react 8.0.0 → 8.0.1

package/CHANGELOG.md

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

package/out/__test__/reconciler.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=reconciler.test.d.ts.map

package/out/__test__/reconciler.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reconciler.test.d.ts","sourceRoot":"","sources":["../../src/__test__/reconciler.test.tsx"],"names":[],"mappings":""}

package/out/__test__/reconciler.test.js

@@ -0,0 +1,224 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const reconciler_1 = require("../reconciler");
+const emptyForgeDoc = (0, reconciler_1.createElement)('root');
+describe('hostConfig used functions', () => {
+    it('resetAfterCommit should call bridge', () => {
+        let output;
+        global['self'] = {
+            __bridge: {
+                callBridge: (cmd, data) => {
+                    output = data;
+                }
+            }
+        };
+        const testDoc = (0, reconciler_1.createElement)('root');
+        reconciler_1.hostConfig.resetAfterCommit(testDoc);
+        expect(output).toEqual({
+            forgeDoc: testDoc
+        });
+    });
+    it('createInstance returns empty ForgeDoc', () => {
+        const testProps = {
+            test: true
+        };
+        const instance = reconciler_1.hostConfig.createInstance('test', testProps, emptyForgeDoc, null, null);
+        expect(instance).toEqual(expect.objectContaining({
+            type: 'test',
+            children: [],
+            props: {
+                test: true
+            },
+            key: expect.any(String)
+        }));
+    });
+    it('createTextInstance returns ForgeDoc with UUID', () => {
+        const testDoc = (0, reconciler_1.createElement)('root');
+        const textInstance = reconciler_1.hostConfig.createTextInstance('test', testDoc, null, null);
+        expect(textInstance).toEqual(expect.objectContaining({
+            type: 'String',
+            children: [],
+            props: {
+                text: 'test'
+            },
+            key: expect.any(String)
+        }));
+    });
+    it('appendInitialChild adds child to empty children array', () => {
+        const parent = (0, reconciler_1.createElement)('parent');
+        const child = (0, reconciler_1.createElement)('child');
+        expect(parent).toHaveProperty('children', []);
+        reconciler_1.hostConfig.appendInitialChild(parent, child);
+        expect(parent).toHaveProperty('children', [child]);
+    });
+    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');
+            expect(parent).toHaveProperty('children', []);
+            reconciler_1.hostConfig.appendChild(parent, child);
+            expect(parent).toHaveProperty('children', [child]);
+            reconciler_1.hostConfig.appendChild(parent, child);
+            expect(parent).toHaveProperty('children', [child]);
+        }
+    });
+    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');
+            expect(parent).toHaveProperty('children', []);
+            reconciler_1.hostConfig.appendChildToContainer(parent, child);
+            expect(parent).toHaveProperty('children', [child]);
+        }
+    });
+    it('finalizeInitialChildren returns false', () => {
+        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 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);
+    });
+    it('shouldSetTextContent returns false', () => {
+        expect(reconciler_1.hostConfig.shouldSetTextContent('test', {})).toBe(false);
+    });
+    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');
+            reconciler_1.hostConfig.appendInitialChild(parent, child1);
+            expect(parent).toHaveProperty('children', [child1]);
+            reconciler_1.hostConfig.insertBefore(parent, child2, child1);
+            expect(parent).toHaveProperty('children', [child2, child1]);
+        }
+    });
+    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');
+            reconciler_1.hostConfig.appendInitialChild(parent, child1);
+            reconciler_1.hostConfig.appendInitialChild(parent, child2);
+            expect(parent).toHaveProperty('children', [child1, child2]);
+            reconciler_1.hostConfig.insertInContainerBefore(parent, child2, child1);
+            expect(parent).toHaveProperty('children', [child2, child1]);
+        }
+    });
+    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');
+            expect(parent).toHaveProperty('children', []);
+            reconciler_1.hostConfig.appendInitialChild(parent, child);
+            expect(parent).toHaveProperty('children', [child]);
+            reconciler_1.hostConfig.removeChild(parent, child);
+            expect(parent).toHaveProperty('children', []);
+        }
+    });
+    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');
+            expect(parent).toHaveProperty('children', []);
+            reconciler_1.hostConfig.appendInitialChild(parent, child);
+            expect(parent).toHaveProperty('children', [child]);
+            reconciler_1.hostConfig.removeChildFromContainer(parent, child);
+            expect(parent).toHaveProperty('children', []);
+        }
+    });
+    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 textInstance = reconciler_1.hostConfig.createTextInstance('test', testDoc, null, null);
+            reconciler_1.hostConfig.commitTextUpdate(textInstance, '', 'updated');
+            expect(textInstance).toEqual(expect.objectContaining({
+                type: 'String',
+                children: [],
+                props: {
+                    text: 'updated'
+                },
+                key: expect.any(String)
+            }));
+        }
+    });
+});
+describe('hostConfig unused functions', () => {
+    it('should return empty object from getRootHostContext', () => {
+        expect(reconciler_1.hostConfig.getRootHostContext(emptyForgeDoc)).toEqual({});
+    });
+    it('should return null from getChildHostContext', () => {
+        expect(reconciler_1.hostConfig.getChildHostContext(null, 'test', emptyForgeDoc)).toBeNull();
+    });
+    it('should return supplied value to getPublicInstance', () => {
+        expect(reconciler_1.hostConfig.getPublicInstance(emptyForgeDoc)).toBe(emptyForgeDoc);
+    });
+    it('should return null from prepareForCommit', () => {
+        expect(reconciler_1.hostConfig.prepareForCommit(emptyForgeDoc)).toBeNull();
+    });
+    it('should return undefined from preparePortalMount', () => {
+        expect(reconciler_1.hostConfig.preparePortalMount(emptyForgeDoc)).toBeUndefined();
+    });
+    it('should return undefined from resetTextContent', () => {
+        if (reconciler_1.hostConfig.resetTextContent !== undefined) {
+            expect(reconciler_1.hostConfig.resetTextContent(emptyForgeDoc)).toBeUndefined();
+        }
+    });
+    it('should return undefined from commitMount', () => {
+        if (reconciler_1.hostConfig.commitMount !== undefined) {
+            expect(reconciler_1.hostConfig.commitMount(emptyForgeDoc, 'test', {}, null)).toBeUndefined();
+        }
+    });
+    it('should return undefined from commitUpdate', () => {
+        if (reconciler_1.hostConfig.commitUpdate !== undefined) {
+            expect(reconciler_1.hostConfig.commitUpdate(emptyForgeDoc, {}, 'test', {}, {}, null)).toBeUndefined();
+        }
+    });
+    it('should return undefined from hideInstance', () => {
+        if (reconciler_1.hostConfig.hideInstance !== undefined) {
+            expect(reconciler_1.hostConfig.hideInstance(emptyForgeDoc)).toBeUndefined();
+        }
+    });
+    it('should return undefined from unhideTextInstance', () => {
+        if (reconciler_1.hostConfig.unhideTextInstance !== undefined) {
+            expect(reconciler_1.hostConfig.unhideTextInstance(emptyForgeDoc, 'Test')).toBeUndefined();
+        }
+    });
+    it('should return undefined from clearContainer', () => {
+        if (reconciler_1.hostConfig.clearContainer !== undefined) {
+            expect(reconciler_1.hostConfig.clearContainer(emptyForgeDoc)).toBeUndefined();
+        }
+    });
+    it('should return undefined from detachDeletedInstance', () => {
+        expect(reconciler_1.hostConfig.detachDeletedInstance(emptyForgeDoc)).toBeUndefined();
+    });
+    it('should return undefined from getCurrentEventPriority', () => {
+        expect(reconciler_1.hostConfig.getCurrentEventPriority()).toBe(16);
+    });
+    it('should return null from getInstanceFromNode', () => {
+        expect(reconciler_1.hostConfig.getInstanceFromNode(null)).toBeNull();
+    });
+    it('should return undefined from beforeActiveInstanceBlur', () => {
+        expect(reconciler_1.hostConfig.beforeActiveInstanceBlur()).toBeUndefined();
+    });
+    it('should return undefined from afterActiveInstanceBlur', () => {
+        expect(reconciler_1.hostConfig.afterActiveInstanceBlur()).toBeUndefined();
+    });
+    it('should return undefined from prepareScopeUpdate', () => {
+        expect(reconciler_1.hostConfig.prepareScopeUpdate(null, null)).toBeUndefined();
+    });
+    it('should return null from getInstanceFromScope', () => {
+        expect(reconciler_1.hostConfig.getInstanceFromScope(null)).toBeNull();
+    });
+});

package/out/__test__/reconcilerTestRenderer.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+type Act = (cb: () => Promise<any>) => Promise<any>;
+export declare const create: (element: React.ReactNode) => Promise<{
+    update(newElement: React.ReactNode): Promise<void>;
+}>;
+declare const _default: {
+    create: (element: React.ReactNode) => Promise<{
+        update(newElement: React.ReactNode): Promise<void>;
+    }>;
+    act: Act;
+};
+export default _default;
+//# sourceMappingURL=reconcilerTestRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"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__/reconcilerTestRenderer.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.create = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const reconciler_1 = require("../reconciler");
+const _act = React.unstable_act;
+const act = _act;
+const create = async (element) => {
+    await act(async () => reconciler_1.ForgeReconciler.render(element));
+    return {
+        async update(newElement) {
+            await act(async () => reconciler_1.ForgeReconciler.render(newElement));
+        }
+    };
+};
+exports.create = create;
+exports.default = { create: exports.create, act };

package/out/__test__/table.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=table.test.d.ts.map

package/out/__test__/table.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.test.d.ts","sourceRoot":"","sources":["../../src/__test__/table.test.tsx"],"names":[],"mappings":""}

package/out/__test__/table.test.js

@@ -0,0 +1,25 @@
+"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.__importDefault(require("react"));
+const components_1 = require("../components");
+const reconcilerTestRenderer_1 = tslib_1.__importDefault(require("./reconcilerTestRenderer"));
+describe('reconciled output', () => {
+    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');
+    });
+});

package/out/reconciler.d.ts

@@ -1,5 +1,39 @@
+/// <reference types="node" />
+import { ReactNode } from 'react';
+import { HostConfig } from 'react-reconciler';
+type ElementType = string;
+type ElementProps = {
+    [key: string]: any;
+};
+export interface ForgeDoc {
+    type: ElementType;
+    props: ElementProps;
+    children: ForgeDoc[];
+    key: string;
+}
+export type CallBridge = (cmd: string, data: {
+    forgeDoc: ForgeDoc;
+}) => void;
+export declare const callBridge: CallBridge;
+export declare const createElement: (type: ElementType, props?: ElementProps) => ForgeDoc;
+export declare const appendChild: (parent: ForgeDoc, child: ForgeDoc) => void;
+export declare const insertBefore: (parent: ForgeDoc, child: ForgeDoc, beforeChild: ForgeDoc) => void;
+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: any) => void;
+    render: (element: ReactNode) => void;
 };
 export default ForgeReconciler;
 //# sourceMappingURL=reconciler.d.ts.map

package/out/reconciler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reconciler.d.ts","sourceRoot":"","sources":["../src/reconciler.ts"],"names":[],"mappings":"AAsMA,eAAO,MAAM,eAAe;sBACR,GAAG,KAAG,IAAI;CAiB7B,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;AAE1B,KAAK,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,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,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,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,CAqJV,CAAC;AAIF,eAAO,MAAM,eAAe;sBACR,SAAS;CAiB5B,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/out/reconciler.js

@@ -1,12 +1,15 @@
 "use strict";
-var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ForgeReconciler = void 0;
+exports.ForgeReconciler = exports.hostConfig = exports.insertBefore = exports.appendChild = exports.createElement = exports.callBridge = void 0;
 const tslib_1 = require("tslib");
 const react_reconciler_1 = tslib_1.__importDefault(require("react-reconciler"));
 const constants_1 = require("react-reconciler/constants");
 const uuid_1 = require("uuid");
-const callBridge = (_a = self.__bridge) === null || _a === void 0 ? void 0 : _a.callBridge;
+const callBridge = function (cmd, data) {
+    var _a;
+    (_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 { children } = props, restProps = tslib_1.__rest(props, ["children"]);
     return {
@@ -16,6 +19,7 @@ const createElement = (type, props = {}) => {
         key: (0, uuid_1.v4)()
     };
 };
+exports.createElement = createElement;
 const appendChild = (parent, child) => {
     if (parent.children.includes(child)) {
         const removeIndex = parent.children.indexOf(child);
@@ -23,6 +27,7 @@ const appendChild = (parent, child) => {
     }
     parent.children.push(child);
 };
+exports.appendChild = appendChild;
 const insertBefore = (parent, child, beforeChild) => {
     const insertIndex = parent.children.indexOf(beforeChild);
     if (parent.children.includes(child)) {
@@ -31,17 +36,18 @@ const insertBefore = (parent, child, beforeChild) => {
     }
     parent.children.splice(insertIndex, 0, child);
 };
-const hostConfig = {
+exports.insertBefore = insertBefore;
+exports.hostConfig = {
     supportsMutation: true,
     supportsPersistence: false,
     noTimeout: -1,
     isPrimaryRenderer: false,
     supportsHydration: false,
-    resetAfterCommit(forgeDoc) {
-        callBridge('reconcile', { forgeDoc });
+    resetAfterCommit(containerInfo) {
+        (0, exports.callBridge)('reconcile', { forgeDoc: containerInfo });
     },
-    createInstance(type, props) {
-        const element = createElement(type, props);
+    createInstance(type, instanceProps) {
+        const element = (0, exports.createElement)(type, instanceProps);
         return element;
     },
     createTextInstance(text) {
@@ -54,14 +60,14 @@ const hostConfig = {
             key: (0, uuid_1.v4)()
         };
     },
-    appendInitialChild(parent, child) {
-        appendChild(parent, child);
+    appendInitialChild(parentInstance, child) {
+        (0, exports.appendChild)(parentInstance, child);
     },
     appendChild(parent, child) {
-        appendChild(parent, child);
+        (0, exports.appendChild)(parent, child);
     },
     appendChildToContainer(container, child) {
-        appendChild(container, child);
+        (0, exports.appendChild)(container, child);
     },
     finalizeInitialChildren() {
         return false;
@@ -76,7 +82,7 @@ const hostConfig = {
     getRootHostContext() {
         return {};
     },
-    getChildHostContext(parentContext, fiberType) {
+    getChildHostContext() {
         return null;
     },
     getPublicInstance(instance) {
@@ -92,11 +98,11 @@ const hostConfig = {
     cancelTimeout(id) {
         clearTimeout(id);
     },
-    insertBefore(parent, child, beforeChild) {
-        insertBefore(parent, child, beforeChild);
+    insertBefore(parentInstance, child, beforeChild) {
+        (0, exports.insertBefore)(parentInstance, child, beforeChild);
     },
     insertInContainerBefore(container, child, beforeChild) {
-        insertBefore(container, child, beforeChild);
+        (0, exports.insertBefore)(container, child, beforeChild);
     },
     removeChild(parent, child) {
         const removeIndex = parent.children.indexOf(child);
@@ -117,7 +123,7 @@ const hostConfig = {
     unhideInstance() { },
     unhideTextInstance() { },
     clearContainer() { },
-    detachDeletedInstance(instance) { },
+    detachDeletedInstance() { },
     getCurrentEventPriority() {
         return constants_1.DefaultEventPriority;
     },
@@ -131,10 +137,10 @@ const hostConfig = {
         return null;
     }
 };
-const reconciler = (0, react_reconciler_1.default)(hostConfig);
+const reconciler = (0, react_reconciler_1.default)(exports.hostConfig);
 exports.ForgeReconciler = {
     render: (element) => {
-        const rootElement = createElement('Root');
+        const rootElement = (0, exports.createElement)('Root');
         const container = reconciler.createContainer(rootElement, 0, null, false, null, 'root', (err) => {
             console.log(err);
         }, null);