react-iframe-bridge 0.8.0 → 1.0.0

package/README.md

@@ -10,12 +10,9 @@ Install the package:
 npm i react-iframe-bridge
 ```
 
-Add the package's files to TailwindCSS' purge configuration:
+Add the package's files to TailwindCSS configuration:
 
-```javascript
-module.exports = {
-  purge: {
-    './node_modules/react-iframe-bridge/lib/**/*.js',
-  },
-};
+```css
+@import 'tailwindcss';
+@source '../node_modules/react-iframe-bridge/lib';
 ```

package/lib/components/ErrorPage.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 interface ErrorPageProps {
     title: string;
     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/Input.d.ts

@@ -0,0 +1,10 @@
+import type { ChangeEvent } from 'react';
+interface InputProps {
+    name: string;
+    className?: string;
+    value: string;
+    readOnly?: boolean;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+}
+export default function Input(props: InputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/Input.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+export default function Input(props) {
+    return (_jsx("input", { name: props.name, type: "text", className: clsx('appearance-none border border-neutral-600 bg-white px-3 py-2 text-base leading-none', props.className), value: props.value, readOnly: props.readOnly, onChange: props.onChange }));
+}

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,6 +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, { baseUrl: props.baseUrl })] })] }) }));
+    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

@@ -1,19 +1,20 @@
-import { Dispatch, ReactNode } from 'react';
-import { ActionType } from '../../types/util';
+import type { Dispatch, ReactNode } from 'react';
+import type { 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

@@ -1,15 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { produce } from 'immer';
-import { createContext, useContext, useReducer, } from 'react';
+import { createContext, useContext, useReducer } from 'react';
 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,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Input from '../Input';
 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", className: "flex-1", value: rocUrl, readOnly: true }), _jsx(Input, { name: "database", value: database, readOnly: true }), _jsx(Input, { name: "iframe-page", value: iframePath, className: "flex-1", onChange: (event) => {
                     dispatch({ type: 'SET_IFRAME_PAGE', payload: event.target.value });
                 } })] }));
 }

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

@@ -1,4 +1,5 @@
-/// <reference types="react" />
-export default function HomeIframe(props: {
+interface HomeIframeProps {
     baseUrl?: string;
-}): JSX.Element;
+}
+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(props) {
-    const { database, iframePage, rocUrl, selectedSample, iframeMode } = useHomeContext();
+    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(props) {
             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: `${props.baseUrl || ''}${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

@@ -1,6 +1,7 @@
-import { ReactNode } from 'react';
-import { Roc, RocDocument } from 'rest-on-couch-client';
-import { SampleEntryContent, SampleEntryId } from '../types/db';
+import type { ReactNode } from 'react';
+import type { RocDocument } from 'rest-on-couch-client';
+import { Roc } from 'rest-on-couch-client';
+import type { SampleEntryContent, SampleEntryId } from '../types/db';
 export declare function useIframeBridgeContext<PublicUserInfo = unknown, PrivateUserInfo = unknown>(): IframeBridgeReadyContextType<PublicUserInfo, PrivateUserInfo>;
 export declare function useIframeBridgeSample(): RocDocument<SampleEntryContent, SampleEntryId>;
 interface IframeBridgeReadyContextTypeBase<PublicUserInfo, PrivateUserInfo> {
@@ -16,7 +17,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 +29,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,9 +1,8 @@
 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 { createContext, useContext, useEffect, useReducer } from 'react';
 import { Roc } from 'rest-on-couch-client';
 import ErrorPage from '../components/ErrorPage';
 import LoadingFull from '../components/LoadingFull';
@@ -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

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 import { Roc } from 'rest-on-couch-client';
 export declare function useRoc<PublicUserInfo = unknown, PrivateUserInfo = unknown>(): Roc<PublicUserInfo, PrivateUserInfo>;
 export declare function RocProvider(props: {
     children: ReactNode;
     url: string;
     database: string;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/hooks/localStorage.d.ts

@@ -10,4 +10,4 @@ export declare function useLocalStorage<ValueType>(key: string, initialValue: Va
  * @param key localStorage key. Will be appended to the `react-iframe-bridge-` prefix.
  * @param value Value to save.
  */
-export declare function useSaveToLocalStorage<ValueType>(key: string, value: ValueType): void;
+export declare function useSaveToLocalStorage(key: string, value: unknown): void;

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>;
+import type { IQueryResult } from 'rest-on-couch-client';
+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

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 interface ErrorPageProps {
     title: string;
     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/ErrorPage.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ErrorPage;
 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 }), (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/Input.d.ts

@@ -0,0 +1,10 @@
+import type { ChangeEvent } from 'react';
+interface InputProps {
+    name: string;
+    className?: string;
+    value: string;
+    readOnly?: boolean;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+}
+export default function Input(props: InputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib-cjs/components/Input.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Input;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const clsx_1 = __importDefault(require("clsx"));
+function Input(props) {
+    return ((0, jsx_runtime_1.jsx)("input", { name: props.name, type: "text", className: (0, clsx_1.default)('appearance-none border border-neutral-600 bg-white px-3 py-2 text-base leading-none', props.className), value: props.value, readOnly: props.readOnly, onChange: props.onChange }));
+}

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/LoadingFull.js

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = LoadingFull;
 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" }) }));
 }
-exports.default = LoadingFull;

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/Spinner.js

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Spinner;
 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" }), (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.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface HomeProps {
     /**
      * URL of the rest-on-couch instance.
@@ -10,6 +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

@@ -3,14 +3,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Home = void 0;
+exports.Home = Home;
 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, { baseUrl: props.baseUrl })] })] }) }));
+    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 }) }));
+}
+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 })] })] }));
 }
-exports.Home = Home;

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

@@ -1,19 +1,20 @@
-import { Dispatch, ReactNode } from 'react';
-import { ActionType } from '../../types/util';
+import type { Dispatch, ReactNode } from 'react';
+import type { 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

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useHomeDispatchContext = exports.useHomeContext = exports.HomeContextProvider = void 0;
+exports.HomeContextProvider = HomeContextProvider;
+exports.useHomeContext = useHomeContext;
+exports.useHomeDispatchContext = useHomeDispatchContext;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const immer_1 = require("immer");
 const react_1 = require("react");
@@ -8,11 +10,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 +30,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,16 +41,14 @@ 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() {
     return (0, react_1.useContext)(homeContext);
 }
-exports.useHomeContext = useHomeContext;
 function useHomeDispatchContext() {
     return (0, react_1.useContext)(homeDispatchContext);
 }
-exports.useHomeDispatchContext = useHomeDispatchContext;

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

@@ -1,12 +1,16 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = HomeHeader;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const Input_1 = __importDefault(require("../Input"));
 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_1.default, { name: "rocUrl", className: "flex-1", value: rocUrl, readOnly: true }), (0, jsx_runtime_1.jsx)(Input_1.default, { name: "database", value: database, readOnly: true }), (0, jsx_runtime_1.jsx)(Input_1.default, { name: "iframe-page", value: iframePath, className: "flex-1", onChange: (event) => {
                     dispatch({ type: 'SET_IFRAME_PAGE', payload: event.target.value });
                 } })] }));
 }
-exports.default = HomeHeader;

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

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

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

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = HomeIframe;
 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(props) {
-    const { database, iframePage, rocUrl, selectedSample, iframeMode } = (0, HomeContext_1.useHomeContext)();
+    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 +33,5 @@ function HomeIframe(props) {
             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: `${props.baseUrl || ''}${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/HomeNoSample.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = HomeNoSample;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const HomeContext_1 = require("./HomeContext");
 const HomeSelector_1 = __importDefault(require("./HomeSelector"));
@@ -11,4 +12,3 @@ function HomeNoSample() {
     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" }) }));
 }
-exports.default = HomeNoSample;

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/HomeSamples.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = HomeSamples;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const useRocQuery_1 = require("../../hooks/useRocQuery");
 const Spinner_1 = __importDefault(require("../Spinner"));
@@ -15,7 +16,6 @@ function HomeSamples() {
     }
     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) {
     const { selectedSample } = (0, HomeContext_1.useHomeContext)();
     const dispatch = (0, HomeContext_1.useHomeDispatchContext)();

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/components/home/HomeSelector.js

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = HomeSelector;
 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 }));
 }
-exports.default = HomeSelector;

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

@@ -1,6 +1,7 @@
-import { ReactNode } from 'react';
-import { Roc, RocDocument } from 'rest-on-couch-client';
-import { SampleEntryContent, SampleEntryId } from '../types/db';
+import type { ReactNode } from 'react';
+import type { RocDocument } from 'rest-on-couch-client';
+import { Roc } from 'rest-on-couch-client';
+import type { SampleEntryContent, SampleEntryId } from '../types/db';
 export declare function useIframeBridgeContext<PublicUserInfo = unknown, PrivateUserInfo = unknown>(): IframeBridgeReadyContextType<PublicUserInfo, PrivateUserInfo>;
 export declare function useIframeBridgeSample(): RocDocument<SampleEntryContent, SampleEntryId>;
 interface IframeBridgeReadyContextTypeBase<PublicUserInfo, PrivateUserInfo> {
@@ -16,7 +17,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 +29,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

@@ -3,10 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IframeBridgeProvider = exports.useIframeBridgeSample = exports.useIframeBridgeContext = void 0;
+exports.useIframeBridgeContext = useIframeBridgeContext;
+exports.useIframeBridgeSample = useIframeBridgeSample;
+exports.IframeBridgeProvider = IframeBridgeProvider;
 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");
@@ -23,7 +24,6 @@ function useIframeBridgeContext() {
     }
     return context;
 }
-exports.useIframeBridgeContext = useIframeBridgeContext;
 function useIframeBridgeSample() {
     const context = useIframeBridgeContext();
     if (!context.sample) {
@@ -31,7 +31,6 @@ function useIframeBridgeSample() {
     }
     return context.sample;
 }
-exports.useIframeBridgeSample = useIframeBridgeSample;
 const iframeBridgeReducer = (0, immer_1.produce)((state, action) => {
     switch (action.type) {
         case 'RECEIVE_DATA': {
@@ -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);
@@ -129,4 +128,3 @@ function IframeBridgeProvider(props) {
     }
     return ((0, jsx_runtime_1.jsx)(iframeBridgeContext.Provider, { value: state, children: props.children }));
 }
-exports.IframeBridgeProvider = IframeBridgeProvider;

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

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 import { Roc } from 'rest-on-couch-client';
 export declare function useRoc<PublicUserInfo = unknown, PrivateUserInfo = unknown>(): Roc<PublicUserInfo, PrivateUserInfo>;
 export declare function RocProvider(props: {
     children: ReactNode;
     url: string;
     database: string;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/lib-cjs/contexts/roc.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RocProvider = exports.useRoc = void 0;
+exports.useRoc = useRoc;
+exports.RocProvider = RocProvider;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const rest_on_couch_client_1 = require("rest-on-couch-client");
@@ -12,10 +13,8 @@ function useRoc() {
     }
     return roc;
 }
-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 });
 }
-exports.RocProvider = RocProvider;

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

@@ -10,4 +10,4 @@ export declare function useLocalStorage<ValueType>(key: string, initialValue: Va
  * @param key localStorage key. Will be appended to the `react-iframe-bridge-` prefix.
  * @param value Value to save.
  */
-export declare function useSaveToLocalStorage<ValueType>(key: string, value: ValueType): void;
+export declare function useSaveToLocalStorage(key: string, value: unknown): void;

package/lib-cjs/hooks/localStorage.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSaveToLocalStorage = exports.useLocalStorage = void 0;
+exports.useLocalStorage = useLocalStorage;
+exports.useSaveToLocalStorage = useSaveToLocalStorage;
 const react_1 = require("react");
 const localStorage_1 = require("../utils/localStorage");
 /**
@@ -25,7 +26,6 @@ function useLocalStorage(key, initialValue) {
     }, [key]);
     return [storedValue, setValue];
 }
-exports.useLocalStorage = useLocalStorage;
 /**
  * Save the provided value to `localStorage` everytime it changes.
  * @param key localStorage key. Will be appended to the `react-iframe-bridge-` prefix.
@@ -36,4 +36,3 @@ function useSaveToLocalStorage(key, value) {
         (0, localStorage_1.setItem)(key, value);
     }, [key, value]);
 }
-exports.useSaveToLocalStorage = useSaveToLocalStorage;

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>;
+import type { IQueryResult } from 'rest-on-couch-client';
+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/hooks/useRocQuery.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRocQuery = void 0;
+exports.useRocQuery = useRocQuery;
 const react_1 = require("react");
 const roc_1 = require("../contexts/roc");
 function rocQueryReducer(state, action) {
@@ -43,4 +43,3 @@ function useRocQuery(viewName, options = {}) {
     }, [roc, viewName, mine]);
     return state;
 }
-exports.useRocQuery = useRocQuery;

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.8.0",
+  "version": "1.0.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": "^9.27.0",
+    "eslint-config-zakodium": "^15.0.1",
+    "prettier": "^3.5.3",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "typescript": "^5.8.3"
   }
 }