react-iframe-bridge 0.7.1 → 0.9.0

package/lib/components/ErrorPage.d.ts

@@ -4,5 +4,5 @@ interface ErrorPageProps {
     subtitle: string;
     children?: ReactNode;
 }
-export default function ErrorPage(props: ErrorPageProps): JSX.Element;
+export default function ErrorPage(props: ErrorPageProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/LoadingFull.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export default function LoadingFull(): JSX.Element;
+export default function LoadingFull(): import("react/jsx-runtime").JSX.Element;

package/lib/components/Spinner.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export interface SpinnerProps {
     className?: string;
 }
-export default function Spinner(props: SpinnerProps): JSX.Element;
+export default function Spinner(props: SpinnerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface HomeProps {
     /**
      * URL of the rest-on-couch instance.
@@ -10,5 +9,18 @@ export interface HomeProps {
      * @default 'eln'
      */
     database?: string;
+    /**
+     * Base url loaded by the iframe
+     */
+    baseUrl?: string;
+    /**
+     * Default path the iframe should load, if no path is found in local storage
+     */
+    defaultPath?: string;
+    /**
+     * Opt out of selecting a sample / selecting no sample before loading the iframe.
+     * The sample selection UI will be hidden and the iframe will automatically load without a selected sample.
+     */
+    noSampleSelection?: boolean;
 }
-export declare function Home(props: HomeProps): JSX.Element;
+export declare function Home(props: HomeProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/home/Home.js

@@ -1,9 +1,22 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { HomeContextProvider } from './HomeContext';
+import { useEffect } from 'react';
+import { HomeContextProvider, useHomeDispatchContext } from './HomeContext';
 import HomeHeader from './HomeHeader';
 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, {})] })] }) }));
+    const { baseUrl, noSampleSelection, rocUrl, database, defaultPath } = props;
+    return (_jsx(HomeContextProvider, { rocUrl: rocUrl, database: database, defaultPath: defaultPath, children: _jsx(HomeInternal, { noSampleSelection: noSampleSelection, baseUrl: baseUrl }) }));
+}
+function HomeInternal(props) {
+    const homeDispatch = useHomeDispatchContext();
+    useEffect(() => {
+        if (props.noSampleSelection) {
+            homeDispatch({
+                type: 'OPEN_NO_SAMPLE',
+            });
+        }
+    }, [props.noSampleSelection, homeDispatch]);
+    return (_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: [!props.noSampleSelection && (_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/HomeContext.d.ts

@@ -3,17 +3,18 @@ import { ActionType } from '../../types/util';
 interface HomeContextType {
     rocUrl: string;
     database: string;
-    iframePage: string;
+    iframePath: string;
     iframeMode: 'closed' | 'sample' | 'no-sample';
     selectedSample: string | null;
 }
-declare type HomeContextAction = ActionType<'SELECT_SAMPLE', string> | ActionType<'OPEN_NO_SAMPLE'> | ActionType<'SET_IFRAME_PAGE', string>;
+type HomeContextAction = ActionType<'SELECT_SAMPLE', string> | ActionType<'OPEN_NO_SAMPLE'> | ActionType<'SET_IFRAME_PAGE', string>;
 interface HomeContextProviderProps {
     children: ReactNode;
     rocUrl?: string;
     database?: string;
+    defaultPath?: string;
 }
-export declare function HomeContextProvider(props: HomeContextProviderProps): JSX.Element;
+export declare function HomeContextProvider(props: HomeContextProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useHomeContext(): HomeContextType;
 export declare function useHomeDispatchContext(): Dispatch<HomeContextAction>;
 export {};

package/lib/components/home/HomeContext.js

@@ -5,11 +5,11 @@ import { RocProvider } from '../../contexts/roc';
 import { useSaveToLocalStorage } from '../../hooks/localStorage';
 import { getItem } from '../../utils/localStorage';
 function getInitialHomeContext(config = {}) {
-    const { rocUrl = 'http://localhost:3000/api/fake-roc', database = 'eln' } = config;
+    const { rocUrl = 'http://localhost:3000/api/fake-roc', database = 'eln', defaultPath = '/dev/base-page', } = config;
     return {
         rocUrl,
         database,
-        iframePage: getItem('dev-home-iframePage') || '/dev/base-page',
+        iframePath: getItem('dev-home-iframe-path') || defaultPath,
         iframeMode: 'closed',
         selectedSample: null,
     };
@@ -25,7 +25,7 @@ const homeReducer = produce((state, action) => {
             state.selectedSample = action.payload;
             break;
         case 'SET_IFRAME_PAGE':
-            state.iframePage = action.payload;
+            state.iframePath = action.payload;
             break;
         default:
             throw new Error('unreachable');
@@ -36,9 +36,10 @@ const homeDispatchContext = createContext(() => {
     // noop
 });
 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 }) }) }));
+    const { children, ...initial } = props;
+    const [homeState, dispatch] = useReducer(homeReducer, initial, getInitialHomeContext);
+    useSaveToLocalStorage('dev-home-iframe-path', homeState.iframePath);
+    return (_jsx(homeContext.Provider, { value: homeState, children: _jsx(homeDispatchContext.Provider, { value: dispatch, children: _jsx(RocProvider, { url: homeState.rocUrl, database: homeState.database, children: children }) }) }));
 }
 export function useHomeContext() {
     return useContext(homeContext);

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

@@ -1,2 +1 @@
-/// <reference types="react" />
-export default function HomeHeader(): JSX.Element;
+export default function HomeHeader(): import("react/jsx-runtime").JSX.Element;

package/lib/components/home/HomeHeader.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useHomeContext, useHomeDispatchContext } from './HomeContext';
 export default function HomeHeader() {
-    const { rocUrl, database, iframePage } = useHomeContext();
+    const { rocUrl, database, iframePath } = 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 }), _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) => {
+    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: iframePath, type: "text", className: "flex-1 form-input", onChange: (event) => {
                     dispatch({ type: 'SET_IFRAME_PAGE', payload: event.target.value });
                 } })] }));
 }

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

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

package/lib/components/home/HomeIframe.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 // https://github.com/import-js/eslint-plugin-import/issues/1810
-/* eslint-disable import/no-unresolved  */
-import { registerHandler, postMessage } from 'iframe-bridge/main';
+import { postMessage, registerHandler } from 'iframe-bridge/main';
 import { useEffect, useState } from 'react';
 import { useHomeContext } from './HomeContext';
-export default function HomeIframe() {
-    const { database, iframePage, rocUrl, selectedSample, iframeMode } = useHomeContext();
+export default function HomeIframe(props) {
+    const { baseUrl } = props;
+    const { database, iframePath, rocUrl, selectedSample, iframeMode } = useHomeContext();
     const [windowId, setWindowId] = useState();
     useEffect(() => {
         registerHandler('admin', (message) => {
@@ -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: `${baseUrl || ''}${iframePath}`, className: "w-full h-full" }, selectedSample)) : (_jsx("div", { children: "Please select something" })) }));
 }

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

@@ -1,2 +1 @@
-/// <reference types="react" />
-export default function HomeNoSample(): JSX.Element;
+export default function HomeNoSample(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
-export default function HomeSamples(): JSX.Element;
+export default function HomeSamples(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 export default function HomeSelector(props: {
     selected: boolean;
     onClick: () => void;
     text: string;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/contexts/iframeBridge.d.ts

@@ -16,7 +16,7 @@ interface IframeBridgeReadyContextTypeWithoutSample<PublicUserInfo, PrivateUserI
     hasSample: false;
     sample: null;
 }
-declare type IframeBridgeReadyContextType<PublicUserInfo = unknown, PrivateUserInfo = unknown> = IframeBridgeReadyContextTypeWithSample<PublicUserInfo, PrivateUserInfo> | IframeBridgeReadyContextTypeWithoutSample<PublicUserInfo, PrivateUserInfo>;
+type IframeBridgeReadyContextType<PublicUserInfo = unknown, PrivateUserInfo = unknown> = IframeBridgeReadyContextTypeWithSample<PublicUserInfo, PrivateUserInfo> | IframeBridgeReadyContextTypeWithoutSample<PublicUserInfo, PrivateUserInfo>;
 interface IframeDataMessage {
     couchDB: {
         url: string;
@@ -28,5 +28,5 @@ export declare function IframeBridgeProvider(props: {
     children: ReactNode;
     requireSample?: boolean;
     allowStandalone?: boolean;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/contexts/iframeBridge.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 // https://github.com/import-js/eslint-plugin-import/issues/1810
-/* eslint-disable import/no-unresolved */
-import { ready, onMessage } from 'iframe-bridge/iframe';
+import { onMessage, ready } from 'iframe-bridge/iframe';
 import { produce } from 'immer';
 import { createContext, useContext, useEffect, useReducer, } from 'react';
 import { Roc } from 'rest-on-couch-client';
@@ -90,7 +89,7 @@ export function IframeBridgeProvider(props) {
         }
     }, [props.allowStandalone, state.state]);
     useEffect(() => {
-        if (!state.roc || !state.data || !state.data.uuid)
+        if (!state.roc || !state.data?.uuid)
             return;
         let cancelled = false;
         const document = state.roc.getDocument(state.data.uuid);

package/lib/contexts/roc.d.ts

@@ -5,4 +5,4 @@ export declare function RocProvider(props: {
     children: ReactNode;
     url: string;
     database: string;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/hooks/useRocQuery.d.ts

@@ -1,11 +1,11 @@
 import { IQueryResult } from 'rest-on-couch-client';
-export declare type RocQueryResult<T> = IQueryResult<[string, string], T>;
+export type RocQueryResult<T> = IQueryResult<[string, string], T>;
 interface RocQueryState<T = unknown> {
     loading: boolean;
     error: null | Error;
-    result: null | RocQueryResult<T>[];
+    result: null | Array<RocQueryResult<T>>;
 }
-declare type RocQueryHookResult<T> = RocQueryState<T>;
+type RocQueryHookResult<T> = RocQueryState<T>;
 interface RocQueryHookOptions {
     mine?: boolean;
 }

package/lib/types/db.d.ts

@@ -27,7 +27,7 @@ export interface TocEntry {
     names: string[];
     reference: string;
 }
-export declare type SampleEntryId = [string, string];
+export type SampleEntryId = [string, string];
 export interface SampleEntry {
     _id: string;
     _rev: string;
@@ -55,7 +55,7 @@ export interface SampleEntryContent {
         }>;
     };
     spectra: {
-        nmr: Array<SampleEntrySpectraNmr>;
+        nmr: SampleEntrySpectraNmr[];
     };
 }
 export interface SampleEntrySpectraNmr {

package/lib/types/util.d.ts

@@ -1,4 +1,4 @@
-export declare type ActionType<Action, Payload = void> = Payload extends void ? {
+export type ActionType<Action, Payload = void> = Payload extends void ? {
     type: Action;
 } : {
     type: Action;

package/lib-cjs/components/ErrorPage.d.ts

@@ -4,5 +4,5 @@ interface ErrorPageProps {
     subtitle: string;
     children?: ReactNode;
 }
-export default function ErrorPage(props: ErrorPageProps): JSX.Element;
+export default function ErrorPage(props: ErrorPageProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib-cjs/components/LoadingFull.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export default function LoadingFull(): JSX.Element;
+export default function LoadingFull(): import("react/jsx-runtime").JSX.Element;

package/lib-cjs/components/Spinner.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export interface SpinnerProps {
     className?: string;
 }
-export default function Spinner(props: SpinnerProps): JSX.Element;
+export default function Spinner(props: SpinnerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface HomeProps {
     /**
      * URL of the rest-on-couch instance.
@@ -10,5 +9,18 @@ export interface HomeProps {
      * @default 'eln'
      */
     database?: string;
+    /**
+     * Base url loaded by the iframe
+     */
+    baseUrl?: string;
+    /**
+     * Default path the iframe should load, if no path is found in local storage
+     */
+    defaultPath?: string;
+    /**
+     * Opt out of selecting a sample / selecting no sample before loading the iframe.
+     * The sample selection UI will be hidden and the iframe will automatically load without a selected sample.
+     */
+    noSampleSelection?: boolean;
 }
-export declare function Home(props: HomeProps): JSX.Element;
+export declare function Home(props: HomeProps): import("react/jsx-runtime").JSX.Element;

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

@@ -5,12 +5,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Home = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const HomeContext_1 = require("./HomeContext");
 const HomeHeader_1 = __importDefault(require("./HomeHeader"));
 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, {})] })] }) }));
+    const { baseUrl, noSampleSelection, rocUrl, database, defaultPath } = props;
+    return ((0, jsx_runtime_1.jsx)(HomeContext_1.HomeContextProvider, { rocUrl: rocUrl, database: database, defaultPath: defaultPath, children: (0, jsx_runtime_1.jsx)(HomeInternal, { noSampleSelection: noSampleSelection, baseUrl: baseUrl }) }));
 }
 exports.Home = Home;
+function HomeInternal(props) {
+    const homeDispatch = (0, HomeContext_1.useHomeDispatchContext)();
+    (0, react_1.useEffect)(() => {
+        if (props.noSampleSelection) {
+            homeDispatch({
+                type: 'OPEN_NO_SAMPLE',
+            });
+        }
+    }, [props.noSampleSelection, homeDispatch]);
+    return ((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: [!props.noSampleSelection && ((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 })] })] }));
+}

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

@@ -3,17 +3,18 @@ import { ActionType } from '../../types/util';
 interface HomeContextType {
     rocUrl: string;
     database: string;
-    iframePage: string;
+    iframePath: string;
     iframeMode: 'closed' | 'sample' | 'no-sample';
     selectedSample: string | null;
 }
-declare type HomeContextAction = ActionType<'SELECT_SAMPLE', string> | ActionType<'OPEN_NO_SAMPLE'> | ActionType<'SET_IFRAME_PAGE', string>;
+type HomeContextAction = ActionType<'SELECT_SAMPLE', string> | ActionType<'OPEN_NO_SAMPLE'> | ActionType<'SET_IFRAME_PAGE', string>;
 interface HomeContextProviderProps {
     children: ReactNode;
     rocUrl?: string;
     database?: string;
+    defaultPath?: string;
 }
-export declare function HomeContextProvider(props: HomeContextProviderProps): JSX.Element;
+export declare function HomeContextProvider(props: HomeContextProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useHomeContext(): HomeContextType;
 export declare function useHomeDispatchContext(): Dispatch<HomeContextAction>;
 export {};

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

@@ -8,11 +8,11 @@ const roc_1 = require("../../contexts/roc");
 const localStorage_1 = require("../../hooks/localStorage");
 const localStorage_2 = require("../../utils/localStorage");
 function getInitialHomeContext(config = {}) {
-    const { rocUrl = 'http://localhost:3000/api/fake-roc', database = 'eln' } = config;
+    const { rocUrl = 'http://localhost:3000/api/fake-roc', database = 'eln', defaultPath = '/dev/base-page', } = config;
     return {
         rocUrl,
         database,
-        iframePage: (0, localStorage_2.getItem)('dev-home-iframePage') || '/dev/base-page',
+        iframePath: (0, localStorage_2.getItem)('dev-home-iframe-path') || defaultPath,
         iframeMode: 'closed',
         selectedSample: null,
     };
@@ -28,7 +28,7 @@ const homeReducer = (0, immer_1.produce)((state, action) => {
             state.selectedSample = action.payload;
             break;
         case 'SET_IFRAME_PAGE':
-            state.iframePage = action.payload;
+            state.iframePath = action.payload;
             break;
         default:
             throw new Error('unreachable');
@@ -39,9 +39,10 @@ const homeDispatchContext = (0, react_1.createContext)(() => {
     // noop
 });
 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 }) }) }));
+    const { children, ...initial } = props;
+    const [homeState, dispatch] = (0, react_1.useReducer)(homeReducer, initial, getInitialHomeContext);
+    (0, localStorage_1.useSaveToLocalStorage)('dev-home-iframe-path', homeState.iframePath);
+    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: children }) }) }));
 }
 exports.HomeContextProvider = HomeContextProvider;
 function useHomeContext() {

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

@@ -1,2 +1 @@
-/// <reference types="react" />
-export default function HomeHeader(): JSX.Element;
+export default function HomeHeader(): import("react/jsx-runtime").JSX.Element;

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

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const HomeContext_1 = require("./HomeContext");
 function HomeHeader() {
-    const { rocUrl, database, iframePage } = (0, HomeContext_1.useHomeContext)();
+    const { rocUrl, database, iframePath } = (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 }), (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) => {
+    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: iframePath, type: "text", className: "flex-1 form-input", onChange: (event) => {
                     dispatch({ type: 'SET_IFRAME_PAGE', payload: event.target.value });
                 } })] }));
 }

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

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

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

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 // https://github.com/import-js/eslint-plugin-import/issues/1810
-/* eslint-disable import/no-unresolved  */
 const main_1 = require("iframe-bridge/main");
 const react_1 = require("react");
 const HomeContext_1 = require("./HomeContext");
-function HomeIframe() {
-    const { database, iframePage, rocUrl, selectedSample, iframeMode } = (0, HomeContext_1.useHomeContext)();
+function HomeIframe(props) {
+    const { baseUrl } = props;
+    const { database, iframePath, rocUrl, selectedSample, iframeMode } = (0, HomeContext_1.useHomeContext)();
     const [windowId, setWindowId] = (0, react_1.useState)();
     (0, react_1.useEffect)(() => {
         (0, main_1.registerHandler)('admin', (message) => {
@@ -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: `${baseUrl || ''}${iframePath}`, 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.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export default function HomeNoSample(): JSX.Element;
+export default function HomeNoSample(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
-export default function HomeSamples(): JSX.Element;
+export default function HomeSamples(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 export default function HomeSelector(props: {
     selected: boolean;
     onClick: () => void;
     text: string;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -16,7 +16,7 @@ interface IframeBridgeReadyContextTypeWithoutSample<PublicUserInfo, PrivateUserI
     hasSample: false;
     sample: null;
 }
-declare type IframeBridgeReadyContextType<PublicUserInfo = unknown, PrivateUserInfo = unknown> = IframeBridgeReadyContextTypeWithSample<PublicUserInfo, PrivateUserInfo> | IframeBridgeReadyContextTypeWithoutSample<PublicUserInfo, PrivateUserInfo>;
+type IframeBridgeReadyContextType<PublicUserInfo = unknown, PrivateUserInfo = unknown> = IframeBridgeReadyContextTypeWithSample<PublicUserInfo, PrivateUserInfo> | IframeBridgeReadyContextTypeWithoutSample<PublicUserInfo, PrivateUserInfo>;
 interface IframeDataMessage {
     couchDB: {
         url: string;
@@ -28,5 +28,5 @@ export declare function IframeBridgeProvider(props: {
     children: ReactNode;
     requireSample?: boolean;
     allowStandalone?: boolean;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib-cjs/contexts/iframeBridge.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.IframeBridgeProvider = exports.useIframeBridgeSample = exports.useIframeBridgeContext = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 // https://github.com/import-js/eslint-plugin-import/issues/1810
-/* eslint-disable import/no-unresolved */
 const iframe_1 = require("iframe-bridge/iframe");
 const immer_1 = require("immer");
 const react_1 = require("react");
@@ -98,7 +97,7 @@ function IframeBridgeProvider(props) {
         }
     }, [props.allowStandalone, state.state]);
     (0, react_1.useEffect)(() => {
-        if (!state.roc || !state.data || !state.data.uuid)
+        if (!state.roc || !state.data?.uuid)
             return;
         let cancelled = false;
         const document = state.roc.getDocument(state.data.uuid);

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

@@ -5,4 +5,4 @@ export declare function RocProvider(props: {
     children: ReactNode;
     url: string;
     database: string;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/lib-cjs/hooks/useRocQuery.d.ts

@@ -1,11 +1,11 @@
 import { IQueryResult } from 'rest-on-couch-client';
-export declare type RocQueryResult<T> = IQueryResult<[string, string], T>;
+export type RocQueryResult<T> = IQueryResult<[string, string], T>;
 interface RocQueryState<T = unknown> {
     loading: boolean;
     error: null | Error;
-    result: null | RocQueryResult<T>[];
+    result: null | Array<RocQueryResult<T>>;
 }
-declare type RocQueryHookResult<T> = RocQueryState<T>;
+type RocQueryHookResult<T> = RocQueryState<T>;
 interface RocQueryHookOptions {
     mine?: boolean;
 }

package/lib-cjs/types/db.d.ts

@@ -27,7 +27,7 @@ export interface TocEntry {
     names: string[];
     reference: string;
 }
-export declare type SampleEntryId = [string, string];
+export type SampleEntryId = [string, string];
 export interface SampleEntry {
     _id: string;
     _rev: string;
@@ -55,7 +55,7 @@ export interface SampleEntryContent {
         }>;
     };
     spectra: {
-        nmr: Array<SampleEntrySpectraNmr>;
+        nmr: SampleEntrySpectraNmr[];
     };
 }
 export interface SampleEntrySpectraNmr {

package/lib-cjs/types/util.d.ts

@@ -1,4 +1,4 @@
-export declare type ActionType<Action, Payload = void> = Payload extends void ? {
+export type ActionType<Action, Payload = void> = Payload extends void ? {
     type: Action;
 } : {
     type: Action;

package/lib-cjs/utils/localStorage.js

@@ -14,9 +14,7 @@ function prefixKey(key) {
     return `react-iframe-bridge-${key}`;
 }
 let getItem;
-exports.getItem = getItem;
 let setItem;
-exports.setItem = setItem;
 if (typeof localStorage !== 'undefined') {
     exports.getItem = getItem = function getItem(key) {
         const value = localStorage.getItem(prefixKey(key));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-iframe-bridge",
-  "version": "0.7.1",
+  "version": "0.9.0",
   "description": "React hooks and components to work with iframe-bridge.",
   "main": "lib-cjs/index.js",
   "module": "lib/index.js",
@@ -28,18 +28,19 @@
   },
   "homepage": "https://github.com/zakodium-oss/react-iframe-bridge#readme",
   "dependencies": {
-    "clsx": "^1.1.1",
+    "clsx": "^2.1.1",
     "iframe-bridge": "^2.0.0",
-    "immer": "^9.0.5",
-    "rest-on-couch-client": "^5.1.0"
+    "immer": "^10.1.1",
+    "rest-on-couch-client": "^5.3.1"
   },
   "devDependencies": {
-    "@types/react": "^17.0.16",
-    "@types/react-dom": "^17.0.9",
-    "@zakodium/eslint-config": "^5.1.1",
-    "eslint": "^8.14.0",
-    "prettier": "^2.3.2",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.0",
+    "eslint": "^8.57.0",
+    "eslint-config-zakodium": "^9.0.1",
+    "prettier": "^3.2.5",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "typescript": "^5.4.5"
   }
 }