@forge/react 10.8.0 → 10.9.0-next.1

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

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

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

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

package/out/__test__/createFrame.test.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-jest.mock('@forge/bridge', () => ({
-    events: {
-        emit: jest.fn(),
-        on: jest.fn()
-    }
-}));
-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('createFrame', () => {
-    let bridgeCalls = [];
-    beforeAll(async () => {
-        bridgeCalls = (0, testUtils_1.setupBridge)();
-    });
-    it('renders correct Frame ForgeDoc', async () => {
-        const TestFrame = (0, components_1.createFrame)('test-frame');
-        const Test = () => {
-            return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsx)(TestFrame, { propA: "hello" }) }));
-        };
-        await reconcilerTestRenderer_1.default.create((0, jsx_runtime_1.jsx)(Test, {}));
-        const forgeDoc = (0, testUtils_1.getLastBridgeCallForgeDoc)(bridgeCalls);
-        expect(forgeDoc).toHaveProperty('type', 'Root');
-        expect(forgeDoc).toHaveProperty('children[0].type', 'Frame');
-        expect(forgeDoc).toHaveProperty('children[0].props.resource', 'test-frame');
-        expect(forgeDoc).toHaveProperty('children[0].props.frameId', expect.any(String));
-        expect(forgeDoc).not.toHaveProperty('children[0].props.propA', expect.any(String));
-    });
-});

package/out/components/createFrame.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-declare type TArePropsEqual<TFrameProps extends Record<string, unknown>> = (prevProps: TFrameProps, nextProps: TFrameProps) => boolean;
-declare const createFrame: <TFrameProps extends Record<string, unknown>>(resource: string, arePropsEqual?: TArePropsEqual<TFrameProps>) => React.FC<TFrameProps>;
-export { createFrame };
-//# sourceMappingURL=createFrame.d.ts.map

package/out/components/createFrame.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createFrame.d.ts","sourceRoot":"","sources":["../../src/components/createFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAYjD,aAAK,cAAc,CAAC,WAAW,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CACjE,SAAS,EAAE,WAAW,EACtB,SAAS,EAAE,WAAW,KACnB,OAAO,CAAC;AA2Bb,QAAA,MAAM,WAAW,0DACL,MAAM,uEA4BjB,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/out/components/createFrame.js

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createFrame = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const uuid_1 = require("uuid");
-const bridge_1 = require("@forge/bridge");
-const _1 = require(".");
-const useFrameId = () => {
-    const frameId = (0, react_1.useRef)((0, uuid_1.v4)());
-    return frameId.current;
-};
-const frameEventKey = (eventKey, frameId) => `frame:${eventKey}:${frameId}`;
-const EVENT_KEY_FRAME_PROPS = 'props';
-const EVENT_KEY_FRAME_LOADED = 'loaded';
-const arePropsEqualWithShallowCheck = (prevProps, nextProps) => {
-    // Checks if props have the same reference (for the case of initial render).
-    if (prevProps === nextProps) {
-        return true;
-    }
-    const prevKeys = Object.keys(prevProps);
-    const nextKeys = Object.keys(nextProps);
-    if (prevKeys.length !== nextKeys.length) {
-        return false;
-    }
-    for (const key of prevKeys) {
-        if (!Object.hasOwn(nextProps, key) || prevProps[key] !== nextProps[key]) {
-            return false;
-        }
-    }
-    return true;
-};
-const createFrame = (resource, arePropsEqual = arePropsEqualWithShallowCheck) => {
-    return (props) => {
-        const frameId = useFrameId();
-        const propsRef = (0, react_1.useRef)(props);
-        (0, react_1.useEffect)(() => {
-            const sub = bridge_1.events.on(frameEventKey(EVENT_KEY_FRAME_LOADED, frameId), ({ loaded }) => {
-                if (loaded) {
-                    void bridge_1.events.emit(frameEventKey(EVENT_KEY_FRAME_PROPS, frameId), propsRef.current);
-                }
-            });
-            return () => {
-                void sub.then((s) => s.unsubscribe());
-            };
-        }, []);
-        (0, react_1.useEffect)(() => {
-            if (!arePropsEqual(propsRef.current, props)) {
-                propsRef.current = props;
-                void bridge_1.events.emit(frameEventKey(EVENT_KEY_FRAME_PROPS, frameId), props);
-            }
-        }, [props]);
-        return (0, jsx_runtime_1.jsx)(_1.Frame, { resource: resource, frameId: frameId });
-    };
-};
-exports.createFrame = createFrame;