react-iframe-bridge 0.6.0 → 0.8.0

package/lib/components/home/Home.d.ts

@@ -10,5 +10,6 @@ export interface HomeProps {
      * @default 'eln'
      */
     database?: string;
+    baseUrl?: string;
 }
 export declare function Home(props: HomeProps): JSX.Element;

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, {}), _jsxs("div", { className: "flex flex-row flex-1 mt-2 border-t border-neutral-300 min-h-0", children: [_jsxs("div", { className: "flex flex-col w-48 px-2 pt-4 space-y-3 border-r border-neutral-300 overflow-auto", children: [_jsx(HomeNoSample, {}), _jsx(HomeSamples, {})] }), _jsx(HomeIframe, {})] })] }) }));
+    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 min-h-0", children: [_jsxs("div", { className: "flex flex-col w-48 px-2 pt-4 space-y-3 border-r border-neutral-300 overflow-auto", children: [_jsx(HomeNoSample, {}), _jsx(HomeSamples, {})] }), _jsx(HomeIframe, { baseUrl: props.baseUrl })] })] }) }));
 }

package/lib/components/home/HomeIframe.d.ts

@@ -1,2 +1,4 @@
 /// <reference types="react" />
-export default function HomeIframe(): JSX.Element;
+export default function HomeIframe(props: {
+    baseUrl?: string;
+}): JSX.Element;

package/lib/components/home/HomeIframe.js

@@ -4,7 +4,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { registerHandler, postMessage } from 'iframe-bridge/main';
 import { useEffect, useState } from 'react';
 import { useHomeContext } from './HomeContext';
-export default function HomeIframe() {
+export default function HomeIframe(props) {
     const { database, iframePage, rocUrl, selectedSample, iframeMode } = useHomeContext();
     const [windowId, setWindowId] = useState();
     useEffect(() => {
@@ -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" })) }));
+    return (_jsx("div", { className: "flex items-center justify-center flex-1", children: iframeMode !== 'closed' ? (_jsx("iframe", { allowFullScreen: true, src: `${props.baseUrl || ''}${iframePage}`, className: "w-full h-full" }, selectedSample)) : (_jsx("div", { children: "Please select something" })) }));
 }

package/lib/contexts/iframeBridge.d.ts

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

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<PublicUserInfo = unknown>(): Roc<PublicUserInfo>;
+export declare function useRoc<PublicUserInfo = unknown, PrivateUserInfo = unknown>(): Roc<PublicUserInfo, PrivateUserInfo>;
 export declare function RocProvider(props: {
     children: ReactNode;
     url: string;

package/lib-cjs/components/home/Home.d.ts

@@ -10,5 +10,6 @@ export interface HomeProps {
      * @default 'eln'
      */
     database?: string;
+    baseUrl?: string;
 }
 export declare function Home(props: HomeProps): JSX.Element;

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, {}), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row flex-1 mt-2 border-t border-neutral-300 min-h-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col w-48 px-2 pt-4 space-y-3 border-r border-neutral-300 overflow-auto", 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, {})] })] }) }));
+    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 min-h-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col w-48 px-2 pt-4 space-y-3 border-r border-neutral-300 overflow-auto", 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, { baseUrl: props.baseUrl })] })] }) }));
 }
 exports.Home = Home;

package/lib-cjs/components/home/HomeIframe.d.ts

@@ -1,2 +1,4 @@
 /// <reference types="react" />
-export default function HomeIframe(): JSX.Element;
+export default function HomeIframe(props: {
+    baseUrl?: string;
+}): JSX.Element;

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

@@ -6,7 +6,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const main_1 = require("iframe-bridge/main");
 const react_1 = require("react");
 const HomeContext_1 = require("./HomeContext");
-function HomeIframe() {
+function HomeIframe(props) {
     const { database, iframePage, rocUrl, selectedSample, iframeMode } = (0, HomeContext_1.useHomeContext)();
     const [windowId, setWindowId] = (0, react_1.useState)();
     (0, react_1.useEffect)(() => {
@@ -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" })) }));
+    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: `${props.baseUrl || ''}${iframePage}`, className: "w-full h-full" }, selectedSample)) : ((0, jsx_runtime_1.jsx)("div", { children: "Please select something" })) }));
 }
 exports.default = HomeIframe;

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

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

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<PublicUserInfo = unknown>(): Roc<PublicUserInfo>;
+export declare function useRoc<PublicUserInfo = unknown, PrivateUserInfo = unknown>(): Roc<PublicUserInfo, PrivateUserInfo>;
 export declare function RocProvider(props: {
     children: ReactNode;
     url: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-iframe-bridge",
-  "version": "0.6.0",
+  "version": "0.8.0",
   "description": "React hooks and components to work with iframe-bridge.",
   "main": "lib-cjs/index.js",
   "module": "lib/index.js",
@@ -31,7 +31,7 @@
     "clsx": "^1.1.1",
     "iframe-bridge": "^2.0.0",
     "immer": "^9.0.5",
-    "rest-on-couch-client": "^5.0.0"
+    "rest-on-couch-client": "^5.1.0"
   },
   "devDependencies": {
     "@types/react": "^17.0.16",