@croct/plug-react 0.4.2 → 0.5.0-next.2

package/CroctProvider.d.ts

@@ -1,7 +1,7 @@
-import { FunctionComponent, PropsWithChildren } from 'react';
-import { Configuration, Plug } from '@croct/plug';
-export declare type CroctProviderProps = PropsWithChildren<Configuration & Required<Pick<Configuration, 'appId'>>>;
-export declare const CroctContext: import("react").Context<{
-    plug: Plug;
-} | null>;
-export declare const CroctProvider: FunctionComponent<CroctProviderProps>;
+import { FunctionComponent, PropsWithChildren } from 'react';
+import { Configuration, Plug } from '@croct/plug';
+export type CroctProviderProps = PropsWithChildren<Configuration & Required<Pick<Configuration, 'appId'>>>;
+export declare const CroctContext: import("react").Context<{
+    plug: Plug;
+} | null>;
+export declare const CroctProvider: FunctionComponent<CroctProviderProps>;

package/CroctProvider.js

@@ -0,0 +1,37 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CroctProvider = exports.CroctContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ssr_polyfills_1 = require("./ssr-polyfills");
+exports.CroctContext = (0, react_1.createContext)(null);
+exports.CroctContext.displayName = 'CroctContext';
+const CroctProvider = (props) => {
+    const { children, ...configuration } = props;
+    const parent = (0, react_1.useContext)(exports.CroctContext);
+    const initialConfiguration = (0, react_1.useRef)(configuration);
+    if (parent !== null) {
+        throw new Error('You cannot render <CroctProvider> inside another <CroctProvider>. '
+            + 'Croct should only be initialized once in the application.');
+    }
+    const context = (0, react_1.useMemo)(() => ({
+        get plug() {
+            if (!ssr_polyfills_1.croct.initialized) {
+                ssr_polyfills_1.croct.plug(initialConfiguration.current);
+            }
+            return ssr_polyfills_1.croct;
+        },
+    }), []);
+    (0, react_1.useEffect)(() => {
+        ssr_polyfills_1.croct.plug(initialConfiguration.current);
+        return () => {
+            ssr_polyfills_1.croct.unplug().catch(() => {
+                // Suppress errors.
+            });
+        };
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(exports.CroctContext.Provider, { value: context, children: children }));
+};
+exports.CroctProvider = CroctProvider;
+//# sourceMappingURL=CroctProvider.js.map

package/CroctProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CroctProvider.js","sourceRoot":"","sources":["src/CroctProvider.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAEb,iCASe;AAEf,mDAAsC;AAIzB,QAAA,YAAY,GAAG,IAAA,qBAAa,EAAoB,IAAI,CAAC,CAAC;AACnE,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAEnC,MAAM,aAAa,GAA0C,CAAC,KAAK,EAAgB,EAAE;IACxF,MAAM,EAAC,QAAQ,EAAE,GAAG,aAAa,EAAC,GAAG,KAAK,CAAC;IAC3C,MAAM,MAAM,GAAG,IAAA,kBAAU,EAAC,oBAAY,CAAC,CAAC;IACxC,MAAM,oBAAoB,GAAG,IAAA,cAAM,EAAC,aAAa,CAAC,CAAC;IAEnD,IAAI,MAAM,KAAK,IAAI,EAAE;QACjB,MAAM,IAAI,KAAK,CACX,oEAAoE;cAClE,2DAA2D,CAChE,CAAC;KACL;IAED,MAAM,OAAO,GAAG,IAAA,eAAO,EACnB,GAAG,EAAE,CAAC,CAAC;QACH,IAAI,IAAI;YACJ,IAAI,CAAC,qBAAK,CAAC,WAAW,EAAE;gBACpB,qBAAK,CAAC,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;aAC5C;YAED,OAAO,qBAAK,CAAC;QACjB,CAAC;KACJ,CAAC,EACF,EAAE,CACL,CAAC;IAEF,IAAA,iBAAS,EACL,GAAG,EAAE;QACD,qBAAK,CAAC,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;QAEzC,OAAO,GAAG,EAAE;YACR,qBAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE;gBACtB,mBAAmB;YACvB,CAAC,CAAC,CAAC;QACP,CAAC,CAAC;IACN,CAAC,EACD,EAAE,CACL,CAAC;IAEF,OAAO,CACH,uBAAC,oBAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YAChC,QAAQ,GACW,CAC3B,CAAC;AACN,CAAC,CAAC;AA3CW,QAAA,aAAa,iBA2CxB"}