react-iframe-bridge 0.4.0 → 0.5.0

package/lib/components/ErrorPage.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function ErrorPage(props) {
-    return (_jsx("div", { className: "max-w-2xl m-auto md:max-w-4xl", children: _jsx("div", { className: "flex justify-between px-2 pt-4", children: _jsxs("div", { className: "min-w-0", children: [_jsx("h1", { className: "text-5xl font-bold sm:mt-16 text-primary-900", children: props.title }, void 0), _jsx("h2", { className: "mt-16 text-lg sm:mt-8", children: props.subtitle }, void 0), _jsx("div", { className: "mt-4", children: props.children }, void 0)] }, void 0) }, void 0) }, void 0));
+    return (_jsx("div", { className: "max-w-2xl m-auto md:max-w-4xl", children: _jsx("div", { className: "flex justify-between px-2 pt-4", children: _jsxs("div", { className: "min-w-0", children: [_jsx("h1", { className: "text-5xl font-bold sm:mt-16 text-primary-900", children: props.title }), _jsx("h2", { className: "mt-16 text-lg sm:mt-8", children: props.subtitle }), _jsx("div", { className: "mt-4", children: props.children })] }) }) }));
 }

package/lib/components/LoadingFull.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import Spinner from './Spinner';
 export default function LoadingFull() {
-    return (_jsx("div", { className: "flex items-center justify-center w-full h-full", children: _jsx(Spinner, { className: "w-10 h-10 text-alternative-500" }, void 0) }, void 0));
+    return (_jsx("div", { className: "flex items-center justify-center w-full h-full", children: _jsx(Spinner, { className: "w-10 h-10 text-alternative-500" }) }));
 }

package/lib/components/Spinner.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from 'clsx';
 export default function Spinner(props) {
-    return (_jsxs("svg", { className: clsx('animate-spin', props.className), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }, void 0), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" }, void 0)] }, void 0));
+    return (_jsxs("svg", { className: clsx('animate-spin', props.className), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }));
 }

package/lib/components/home/Home.js

@@ -5,5 +5,5 @@ import HomeIframe from './HomeIframe';
 import HomeNoSample from './HomeNoSample';
 import HomeSamples from './HomeSamples';
 export function Home(props) {
-    return (_jsx(HomeContextProvider, { rocUrl: props.rocUrl, database: props.database, children: _jsxs("div", { className: "flex flex-col w-screen h-screen", children: [_jsx(HomeHeader, {}, void 0), _jsxs("div", { className: "flex flex-row flex-1 mt-2 border-t border-neutral-300 ", children: [_jsxs("div", { className: "flex flex-col w-48 px-2 pt-4 space-y-3 border-r h-100 border-neutral-300", children: [_jsx(HomeNoSample, {}, void 0), _jsx(HomeSamples, {}, void 0)] }, void 0), _jsx(HomeIframe, {}, void 0)] }, void 0)] }, void 0) }, void 0));
+    return (_jsx(HomeContextProvider, { rocUrl: props.rocUrl, database: props.database, children: _jsxs("div", { className: "flex flex-col w-screen h-screen", children: [_jsx(HomeHeader, {}), _jsxs("div", { className: "flex flex-row flex-1 mt-2 border-t border-neutral-300 ", children: [_jsxs("div", { className: "flex flex-col w-48 px-2 pt-4 space-y-3 border-r h-100 border-neutral-300", children: [_jsx(HomeNoSample, {}), _jsx(HomeSamples, {})] }), _jsx(HomeIframe, {})] })] }) }));
 }

package/lib/components/home/HomeContext.js

@@ -38,7 +38,7 @@ const homeDispatchContext = createContext(() => {
 export function HomeContextProvider(props) {
     const [homeState, dispatch] = useReducer(homeReducer, props, getInitialHomeContext);
     useSaveToLocalStorage('dev-home-iframePage', homeState.iframePage);
-    return (_jsx(homeContext.Provider, { value: homeState, children: _jsx(homeDispatchContext.Provider, { value: dispatch, children: _jsx(RocProvider, { url: homeState.rocUrl, database: homeState.database, children: props.children }, void 0) }, void 0) }, void 0));
+    return (_jsx(homeContext.Provider, { value: homeState, children: _jsx(homeDispatchContext.Provider, { value: dispatch, children: _jsx(RocProvider, { url: homeState.rocUrl, database: homeState.database, children: props.children }) }) }));
 }
 export function useHomeContext() {
     return useContext(homeContext);

package/lib/components/home/HomeHeader.js

@@ -3,7 +3,7 @@ import { useHomeContext, useHomeDispatchContext } from './HomeContext';
 export default function HomeHeader() {
     const { rocUrl, database, iframePage } = useHomeContext();
     const dispatch = useHomeDispatchContext();
-    return (_jsxs("header", { className: "flex flex-row p-2 space-x-4", children: [_jsx("input", { name: "rocUrl", type: "text", className: "flex-1 form-input", value: rocUrl, readOnly: true }, void 0), _jsx("input", { name: "database", type: "text", className: "form-input", value: database, readOnly: true }, void 0), _jsx("input", { name: "iframe-page", value: iframePage, type: "text", className: "flex-1 form-input", onChange: (event) => {
+    return (_jsxs("header", { className: "flex flex-row p-2 space-x-4", children: [_jsx("input", { name: "rocUrl", type: "text", className: "flex-1 form-input", value: rocUrl, readOnly: true }), _jsx("input", { name: "database", type: "text", className: "form-input", value: database, readOnly: true }), _jsx("input", { name: "iframe-page", value: iframePage, type: "text", className: "flex-1 form-input", onChange: (event) => {
                     dispatch({ type: 'SET_IFRAME_PAGE', payload: event.target.value });
-                } }, void 0)] }, void 0));
+                } })] }));
 }

package/lib/components/home/HomeIframe.js

@@ -30,5 +30,5 @@ export default function HomeIframe() {
             uuid: selectedSample,
         }, windowId);
     }, [windowId, database, rocUrl, selectedSample]);
-    return (_jsx("div", { className: "flex items-center justify-center flex-1", children: iframeMode !== 'closed' ? (_jsx("iframe", { allowFullScreen: true, src: `http://localhost:3000${iframePage}`, className: "w-full h-full" }, selectedSample)) : (_jsx("div", { children: "Please select something" }, void 0)) }, void 0));
+    return (_jsx("div", { className: "flex items-center justify-center flex-1", children: iframeMode !== 'closed' ? (_jsx("iframe", { allowFullScreen: true, src: `http://localhost:3000${iframePage}`, className: "w-full h-full" }, selectedSample)) : (_jsx("div", { children: "Please select something" })) }));
 }

package/lib/components/home/HomeNoSample.js

@@ -4,5 +4,5 @@ import HomeSelector from './HomeSelector';
 export default function HomeNoSample() {
     const { iframeMode } = useHomeContext();
     const dispatch = useHomeDispatchContext();
-    return (_jsx("div", { children: _jsx(HomeSelector, { onClick: () => dispatch({ type: 'OPEN_NO_SAMPLE' }), selected: iframeMode === 'no-sample', text: "No sample" }, void 0) }, void 0));
+    return (_jsx("div", { children: _jsx(HomeSelector, { onClick: () => dispatch({ type: 'OPEN_NO_SAMPLE' }), selected: iframeMode === 'no-sample', text: "No sample" }) }));
 }

package/lib/components/home/HomeSamples.js

@@ -8,7 +8,7 @@ export default function HomeSamples() {
     if (error) {
         throw error;
     }
-    return (_jsxs(_Fragment, { children: [_jsx("h1", { className: "mb-4 text-lg font-bold text-center", children: "Sample TOC" }, void 0), _jsx("div", { className: "flex-1", children: loading || !result ? _jsx(Loading, {}, void 0) : _jsx(SampleToc, { samples: result }, void 0) }, void 0)] }, void 0));
+    return (_jsxs(_Fragment, { children: [_jsx("h1", { className: "mb-4 text-lg font-bold text-center", children: "Sample TOC" }), _jsx("div", { className: "flex-1", children: loading || !result ? _jsx(Loading, {}) : _jsx(SampleToc, { samples: result }) })] }));
 }
 function SampleToc(props) {
     const { selectedSample } = useHomeContext();
@@ -16,8 +16,8 @@ function SampleToc(props) {
     function selectSample(id) {
         dispatch({ type: 'SELECT_SAMPLE', payload: id });
     }
-    return (_jsx("div", { className: "space-y-2", children: props.samples.map((sample) => (_jsx(HomeSelector, { selected: sample.id === selectedSample, text: sample.value.reference, onClick: () => selectSample(sample.id) }, sample.id))) }, void 0));
+    return (_jsx("div", { className: "space-y-2", children: props.samples.map((sample) => (_jsx(HomeSelector, { selected: sample.id === selectedSample, text: sample.value.reference, onClick: () => selectSample(sample.id) }, sample.id))) }));
 }
 function Loading() {
-    return (_jsx("div", { className: "flex justify-center mt-8", children: _jsx(Spinner, { className: "w-8 h-8 text-alternative-500" }, void 0) }, void 0));
+    return (_jsx("div", { className: "flex justify-center mt-8", children: _jsx(Spinner, { className: "w-8 h-8 text-alternative-500" }) }));
 }

package/lib/components/home/HomeSelector.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import clsx from 'clsx';
 export default function HomeSelector(props) {
-    return (_jsx("div", { className: clsx('p-1 border rounded cursor-pointer border-neutral-400', props.selected && 'bg-primary-50 shadow-inner'), onClick: props.onClick, children: props.text }, void 0));
+    return (_jsx("div", { className: clsx('p-1 border rounded cursor-pointer border-neutral-400', props.selected && 'bg-primary-50 shadow-inner'), onClick: props.onClick, children: props.text }));
 }

package/lib/contexts/iframeBridge.d.ts

@@ -3,20 +3,20 @@ import { Roc, RocDocument } from 'rest-on-couch-client';
 import { SampleEntryContent, SampleEntryId } from '../types/db';
 export declare function useIframeBridgeContext(): IframeBridgeReadyContextType;
 export declare function useIframeBridgeSample(): RocDocument<SampleEntryContent, SampleEntryId>;
-interface IframeBridgeReadyContextTypeBase {
+interface IframeBridgeReadyContextTypeBase<PublicUserInfo> {
     state: 'ready';
     data: IframeDataMessage;
-    roc: Roc;
+    roc: Roc<PublicUserInfo>;
 }
-interface IframeBridgeReadyContextTypeWithSample extends IframeBridgeReadyContextTypeBase {
+interface IframeBridgeReadyContextTypeWithSample<PublicUserInfo> extends IframeBridgeReadyContextTypeBase<PublicUserInfo> {
     hasSample: true;
     sample: RocDocument<SampleEntryContent, SampleEntryId>;
 }
-interface IframeBridgeReadyContextTypeWithoutSample extends IframeBridgeReadyContextTypeBase {
+interface IframeBridgeReadyContextTypeWithoutSample<PublicUserInfo> extends IframeBridgeReadyContextTypeBase<PublicUserInfo> {
     hasSample: false;
     sample: null;
 }
-declare type IframeBridgeReadyContextType = IframeBridgeReadyContextTypeWithSample | IframeBridgeReadyContextTypeWithoutSample;
+declare type IframeBridgeReadyContextType<PublicUserInfo = unknown> = IframeBridgeReadyContextTypeWithSample<PublicUserInfo> | IframeBridgeReadyContextTypeWithoutSample<PublicUserInfo>;
 interface IframeDataMessage {
     couchDB: {
         url: string;

package/lib/contexts/iframeBridge.js

@@ -109,13 +109,13 @@ export function IframeBridgeProvider(props) {
         };
     }, [state.roc, state.data]);
     if (state.state === 'standalone-error') {
-        return (_jsx(ErrorPage, { title: "Invalid access", subtitle: "This page cannot be accessed without iframe-bridge." }, void 0));
+        return (_jsx(ErrorPage, { title: "Invalid access", subtitle: "This page cannot be accessed without iframe-bridge." }));
     }
     if (state.state !== 'ready') {
-        return (_jsx("div", { className: "w-screen h-screen", children: _jsx(LoadingFull, {}, void 0) }, void 0));
+        return (_jsx("div", { className: "w-screen h-screen", children: _jsx(LoadingFull, {}) }));
     }
     if (!state.hasSample && props.requireSample) {
-        return (_jsx(ErrorPage, { title: "Invalid access", subtitle: "This page must be accessed with a sample." }, void 0));
+        return (_jsx(ErrorPage, { title: "Invalid access", subtitle: "This page must be accessed with a sample." }));
     }
-    return (_jsx(iframeBridgeContext.Provider, { value: state, children: props.children }, void 0));
+    return (_jsx(iframeBridgeContext.Provider, { value: state, children: props.children }));
 }

package/lib/contexts/roc.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { Roc } from 'rest-on-couch-client';
-export declare function useRoc(): Roc;
+export declare function useRoc<PublicUserInfo = unknown>(): Roc<PublicUserInfo>;
 export declare function RocProvider(props: {
     children: ReactNode;
     url: string;

package/lib/contexts/roc.js

@@ -12,5 +12,5 @@ export function useRoc() {
 export function RocProvider(props) {
     const { url, database, children } = props;
     const roc = useMemo(() => new Roc({ url, database }), [url, database]);
-    return _jsx(rocContext.Provider, { value: roc, children: children }, void 0);
+    return _jsx(rocContext.Provider, { value: roc, children: children });
 }

package/lib-cjs/components/ErrorPage.js

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 function ErrorPage(props) {
-    return ((0, jsx_runtime_1.jsx)("div", { className: "max-w-2xl m-auto md:max-w-4xl", children: (0, jsx_runtime_1.jsx)("div", { className: "flex justify-between px-2 pt-4", children: (0, jsx_runtime_1.jsxs)("div", { className: "min-w-0", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-5xl font-bold sm:mt-16 text-primary-900", children: props.title }, void 0), (0, jsx_runtime_1.jsx)("h2", { className: "mt-16 text-lg sm:mt-8", children: props.subtitle }, void 0), (0, jsx_runtime_1.jsx)("div", { className: "mt-4", children: props.children }, void 0)] }, void 0) }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)("div", { className: "max-w-2xl m-auto md:max-w-4xl", children: (0, jsx_runtime_1.jsx)("div", { className: "flex justify-between px-2 pt-4", children: (0, jsx_runtime_1.jsxs)("div", { className: "min-w-0", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-5xl font-bold sm:mt-16 text-primary-900", children: props.title }), (0, jsx_runtime_1.jsx)("h2", { className: "mt-16 text-lg sm:mt-8", children: props.subtitle }), (0, jsx_runtime_1.jsx)("div", { className: "mt-4", children: props.children })] }) }) }));
 }
 exports.default = ErrorPage;

package/lib-cjs/components/LoadingFull.js

@@ -6,6 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Spinner_1 = __importDefault(require("./Spinner"));
 function LoadingFull() {
-    return ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center w-full h-full", children: (0, jsx_runtime_1.jsx)(Spinner_1.default, { className: "w-10 h-10 text-alternative-500" }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center w-full h-full", children: (0, jsx_runtime_1.jsx)(Spinner_1.default, { className: "w-10 h-10 text-alternative-500" }) }));
 }
 exports.default = LoadingFull;

package/lib-cjs/components/Spinner.js

@@ -6,6 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const clsx_1 = __importDefault(require("clsx"));
 function Spinner(props) {
-    return ((0, jsx_runtime_1.jsxs)("svg", { className: (0, clsx_1.default)('animate-spin', props.className), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }, void 0), (0, jsx_runtime_1.jsx)("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" }, void 0)] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)("svg", { className: (0, clsx_1.default)('animate-spin', props.className), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), (0, jsx_runtime_1.jsx)("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }));
 }
 exports.default = Spinner;

package/lib-cjs/components/home/Home.js

@@ -11,6 +11,6 @@ const HomeIframe_1 = __importDefault(require("./HomeIframe"));
 const HomeNoSample_1 = __importDefault(require("./HomeNoSample"));
 const HomeSamples_1 = __importDefault(require("./HomeSamples"));
 function Home(props) {
-    return ((0, jsx_runtime_1.jsx)(HomeContext_1.HomeContextProvider, { rocUrl: props.rocUrl, database: props.database, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col w-screen h-screen", children: [(0, jsx_runtime_1.jsx)(HomeHeader_1.default, {}, void 0), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row flex-1 mt-2 border-t border-neutral-300 ", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col w-48 px-2 pt-4 space-y-3 border-r h-100 border-neutral-300", children: [(0, jsx_runtime_1.jsx)(HomeNoSample_1.default, {}, void 0), (0, jsx_runtime_1.jsx)(HomeSamples_1.default, {}, void 0)] }, void 0), (0, jsx_runtime_1.jsx)(HomeIframe_1.default, {}, void 0)] }, void 0)] }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(HomeContext_1.HomeContextProvider, { rocUrl: props.rocUrl, database: props.database, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col w-screen h-screen", children: [(0, jsx_runtime_1.jsx)(HomeHeader_1.default, {}), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row flex-1 mt-2 border-t border-neutral-300 ", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col w-48 px-2 pt-4 space-y-3 border-r h-100 border-neutral-300", children: [(0, jsx_runtime_1.jsx)(HomeNoSample_1.default, {}), (0, jsx_runtime_1.jsx)(HomeSamples_1.default, {})] }), (0, jsx_runtime_1.jsx)(HomeIframe_1.default, {})] })] }) }));
 }
 exports.Home = Home;

package/lib-cjs/components/home/HomeContext.js

@@ -41,7 +41,7 @@ const homeDispatchContext = (0, react_1.createContext)(() => {
 function HomeContextProvider(props) {
     const [homeState, dispatch] = (0, react_1.useReducer)(homeReducer, props, getInitialHomeContext);
     (0, localStorage_1.useSaveToLocalStorage)('dev-home-iframePage', homeState.iframePage);
-    return ((0, jsx_runtime_1.jsx)(homeContext.Provider, { value: homeState, children: (0, jsx_runtime_1.jsx)(homeDispatchContext.Provider, { value: dispatch, children: (0, jsx_runtime_1.jsx)(roc_1.RocProvider, { url: homeState.rocUrl, database: homeState.database, children: props.children }, void 0) }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(homeContext.Provider, { value: homeState, children: (0, jsx_runtime_1.jsx)(homeDispatchContext.Provider, { value: dispatch, children: (0, jsx_runtime_1.jsx)(roc_1.RocProvider, { url: homeState.rocUrl, database: homeState.database, children: props.children }) }) }));
 }
 exports.HomeContextProvider = HomeContextProvider;
 function useHomeContext() {

package/lib-cjs/components/home/HomeHeader.js

@@ -5,8 +5,8 @@ const HomeContext_1 = require("./HomeContext");
 function HomeHeader() {
     const { rocUrl, database, iframePage } = (0, HomeContext_1.useHomeContext)();
     const dispatch = (0, HomeContext_1.useHomeDispatchContext)();
-    return ((0, jsx_runtime_1.jsxs)("header", { className: "flex flex-row p-2 space-x-4", children: [(0, jsx_runtime_1.jsx)("input", { name: "rocUrl", type: "text", className: "flex-1 form-input", value: rocUrl, readOnly: true }, void 0), (0, jsx_runtime_1.jsx)("input", { name: "database", type: "text", className: "form-input", value: database, readOnly: true }, void 0), (0, jsx_runtime_1.jsx)("input", { name: "iframe-page", value: iframePage, type: "text", className: "flex-1 form-input", onChange: (event) => {
+    return ((0, jsx_runtime_1.jsxs)("header", { className: "flex flex-row p-2 space-x-4", children: [(0, jsx_runtime_1.jsx)("input", { name: "rocUrl", type: "text", className: "flex-1 form-input", value: rocUrl, readOnly: true }), (0, jsx_runtime_1.jsx)("input", { name: "database", type: "text", className: "form-input", value: database, readOnly: true }), (0, jsx_runtime_1.jsx)("input", { name: "iframe-page", value: iframePage, type: "text", className: "flex-1 form-input", onChange: (event) => {
                     dispatch({ type: 'SET_IFRAME_PAGE', payload: event.target.value });
-                } }, void 0)] }, void 0));
+                } })] }));
 }
 exports.default = HomeHeader;

package/lib-cjs/components/home/HomeIframe.js

@@ -32,6 +32,6 @@ function HomeIframe() {
             uuid: selectedSample,
         }, windowId);
     }, [windowId, database, rocUrl, selectedSample]);
-    return ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center flex-1", children: iframeMode !== 'closed' ? ((0, jsx_runtime_1.jsx)("iframe", { allowFullScreen: true, src: `http://localhost:3000${iframePage}`, className: "w-full h-full" }, selectedSample)) : ((0, jsx_runtime_1.jsx)("div", { children: "Please select something" }, void 0)) }, void 0));
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center flex-1", children: iframeMode !== 'closed' ? ((0, jsx_runtime_1.jsx)("iframe", { allowFullScreen: true, src: `http://localhost:3000${iframePage}`, className: "w-full h-full" }, selectedSample)) : ((0, jsx_runtime_1.jsx)("div", { children: "Please select something" })) }));
 }
 exports.default = HomeIframe;

package/lib-cjs/components/home/HomeNoSample.js

@@ -9,6 +9,6 @@ const HomeSelector_1 = __importDefault(require("./HomeSelector"));
 function HomeNoSample() {
     const { iframeMode } = (0, HomeContext_1.useHomeContext)();
     const dispatch = (0, HomeContext_1.useHomeDispatchContext)();
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(HomeSelector_1.default, { onClick: () => dispatch({ type: 'OPEN_NO_SAMPLE' }), selected: iframeMode === 'no-sample', text: "No sample" }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(HomeSelector_1.default, { onClick: () => dispatch({ type: 'OPEN_NO_SAMPLE' }), selected: iframeMode === 'no-sample', text: "No sample" }) }));
 }
 exports.default = HomeNoSample;

package/lib-cjs/components/home/HomeSamples.js

@@ -13,7 +13,7 @@ function HomeSamples() {
     if (error) {
         throw error;
     }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h1", { className: "mb-4 text-lg font-bold text-center", children: "Sample TOC" }, void 0), (0, jsx_runtime_1.jsx)("div", { className: "flex-1", children: loading || !result ? (0, jsx_runtime_1.jsx)(Loading, {}, void 0) : (0, jsx_runtime_1.jsx)(SampleToc, { samples: result }, void 0) }, void 0)] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h1", { className: "mb-4 text-lg font-bold text-center", children: "Sample TOC" }), (0, jsx_runtime_1.jsx)("div", { className: "flex-1", children: loading || !result ? (0, jsx_runtime_1.jsx)(Loading, {}) : (0, jsx_runtime_1.jsx)(SampleToc, { samples: result }) })] }));
 }
 exports.default = HomeSamples;
 function SampleToc(props) {
@@ -22,8 +22,8 @@ function SampleToc(props) {
     function selectSample(id) {
         dispatch({ type: 'SELECT_SAMPLE', payload: id });
     }
-    return ((0, jsx_runtime_1.jsx)("div", { className: "space-y-2", children: props.samples.map((sample) => ((0, jsx_runtime_1.jsx)(HomeSelector_1.default, { selected: sample.id === selectedSample, text: sample.value.reference, onClick: () => selectSample(sample.id) }, sample.id))) }, void 0));
+    return ((0, jsx_runtime_1.jsx)("div", { className: "space-y-2", children: props.samples.map((sample) => ((0, jsx_runtime_1.jsx)(HomeSelector_1.default, { selected: sample.id === selectedSample, text: sample.value.reference, onClick: () => selectSample(sample.id) }, sample.id))) }));
 }
 function Loading() {
-    return ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-center mt-8", children: (0, jsx_runtime_1.jsx)(Spinner_1.default, { className: "w-8 h-8 text-alternative-500" }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-center mt-8", children: (0, jsx_runtime_1.jsx)(Spinner_1.default, { className: "w-8 h-8 text-alternative-500" }) }));
 }

package/lib-cjs/components/home/HomeSelector.js

@@ -6,6 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const clsx_1 = __importDefault(require("clsx"));
 function HomeSelector(props) {
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)('p-1 border rounded cursor-pointer border-neutral-400', props.selected && 'bg-primary-50 shadow-inner'), onClick: props.onClick, children: props.text }, void 0));
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)('p-1 border rounded cursor-pointer border-neutral-400', props.selected && 'bg-primary-50 shadow-inner'), onClick: props.onClick, children: props.text }));
 }
 exports.default = HomeSelector;

package/lib-cjs/contexts/iframeBridge.d.ts

@@ -3,20 +3,20 @@ import { Roc, RocDocument } from 'rest-on-couch-client';
 import { SampleEntryContent, SampleEntryId } from '../types/db';
 export declare function useIframeBridgeContext(): IframeBridgeReadyContextType;
 export declare function useIframeBridgeSample(): RocDocument<SampleEntryContent, SampleEntryId>;
-interface IframeBridgeReadyContextTypeBase {
+interface IframeBridgeReadyContextTypeBase<PublicUserInfo> {
     state: 'ready';
     data: IframeDataMessage;
-    roc: Roc;
+    roc: Roc<PublicUserInfo>;
 }
-interface IframeBridgeReadyContextTypeWithSample extends IframeBridgeReadyContextTypeBase {
+interface IframeBridgeReadyContextTypeWithSample<PublicUserInfo> extends IframeBridgeReadyContextTypeBase<PublicUserInfo> {
     hasSample: true;
     sample: RocDocument<SampleEntryContent, SampleEntryId>;
 }
-interface IframeBridgeReadyContextTypeWithoutSample extends IframeBridgeReadyContextTypeBase {
+interface IframeBridgeReadyContextTypeWithoutSample<PublicUserInfo> extends IframeBridgeReadyContextTypeBase<PublicUserInfo> {
     hasSample: false;
     sample: null;
 }
-declare type IframeBridgeReadyContextType = IframeBridgeReadyContextTypeWithSample | IframeBridgeReadyContextTypeWithoutSample;
+declare type IframeBridgeReadyContextType<PublicUserInfo = unknown> = IframeBridgeReadyContextTypeWithSample<PublicUserInfo> | IframeBridgeReadyContextTypeWithoutSample<PublicUserInfo>;
 interface IframeDataMessage {
     couchDB: {
         url: string;

package/lib-cjs/contexts/iframeBridge.js

@@ -117,14 +117,14 @@ function IframeBridgeProvider(props) {
         };
     }, [state.roc, state.data]);
     if (state.state === 'standalone-error') {
-        return ((0, jsx_runtime_1.jsx)(ErrorPage_1.default, { title: "Invalid access", subtitle: "This page cannot be accessed without iframe-bridge." }, void 0));
+        return ((0, jsx_runtime_1.jsx)(ErrorPage_1.default, { title: "Invalid access", subtitle: "This page cannot be accessed without iframe-bridge." }));
     }
     if (state.state !== 'ready') {
-        return ((0, jsx_runtime_1.jsx)("div", { className: "w-screen h-screen", children: (0, jsx_runtime_1.jsx)(LoadingFull_1.default, {}, void 0) }, void 0));
+        return ((0, jsx_runtime_1.jsx)("div", { className: "w-screen h-screen", children: (0, jsx_runtime_1.jsx)(LoadingFull_1.default, {}) }));
     }
     if (!state.hasSample && props.requireSample) {
-        return ((0, jsx_runtime_1.jsx)(ErrorPage_1.default, { title: "Invalid access", subtitle: "This page must be accessed with a sample." }, void 0));
+        return ((0, jsx_runtime_1.jsx)(ErrorPage_1.default, { title: "Invalid access", subtitle: "This page must be accessed with a sample." }));
     }
-    return ((0, jsx_runtime_1.jsx)(iframeBridgeContext.Provider, { value: state, children: props.children }, void 0));
+    return ((0, jsx_runtime_1.jsx)(iframeBridgeContext.Provider, { value: state, children: props.children }));
 }
 exports.IframeBridgeProvider = IframeBridgeProvider;

package/lib-cjs/contexts/roc.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { Roc } from 'rest-on-couch-client';
-export declare function useRoc(): Roc;
+export declare function useRoc<PublicUserInfo = unknown>(): Roc<PublicUserInfo>;
 export declare function RocProvider(props: {
     children: ReactNode;
     url: string;

package/lib-cjs/contexts/roc.js

@@ -16,6 +16,6 @@ exports.useRoc = useRoc;
 function RocProvider(props) {
     const { url, database, children } = props;
     const roc = (0, react_1.useMemo)(() => new rest_on_couch_client_1.Roc({ url, database }), [url, database]);
-    return (0, jsx_runtime_1.jsx)(rocContext.Provider, { value: roc, children: children }, void 0);
+    return (0, jsx_runtime_1.jsx)(rocContext.Provider, { value: roc, children: children });
 }
 exports.RocProvider = RocProvider;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-iframe-bridge",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "React hooks and components to work with iframe-bridge.",
   "main": "lib-cjs/index.js",
   "module": "lib/index.js",
@@ -20,18 +20,18 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/zakodium/react-iframe-bridge.git"
+    "url": "git+https://github.com/zakodium-oss/react-iframe-bridge.git"
   },
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/zakodium/react-iframe-bridge/issues"
+    "url": "https://github.com/zakodium-oss/react-iframe-bridge/issues"
   },
-  "homepage": "https://github.com/zakodium/react-iframe-bridge#readme",
+  "homepage": "https://github.com/zakodium-oss/react-iframe-bridge#readme",
   "dependencies": {
     "clsx": "^1.1.1",
     "iframe-bridge": "^2.0.0",
     "immer": "^9.0.5",
-    "rest-on-couch-client": "^4.2.1"
+    "rest-on-couch-client": "^5.0.0"
   },
   "devDependencies": {
     "@types/react": "^17.0.16",