react-iframe-bridge 0.3.0 → 0.4.0

package/lib/components/ErrorPage.js

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

package/lib/components/LoadingFull.js

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

package/lib/components/Spinner.js

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

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, Object.assign({ rocUrl: props.rocUrl, database: props.database }, { children: _jsxs("div", Object.assign({ className: "flex flex-col w-screen h-screen" }, { children: [_jsx(HomeHeader, {}, void 0), _jsxs("div", Object.assign({ className: "flex flex-row flex-1 mt-2 border-t border-neutral-300 " }, { children: [_jsxs("div", Object.assign({ className: "flex flex-col w-48 px-2 pt-4 space-y-3 border-r h-100 border-neutral-300" }, { children: [_jsx(HomeNoSample, {}, void 0), _jsx(HomeSamples, {}, void 0)] }), void 0), _jsx(HomeIframe, {}, void 0)] }), void 0)] }), void 0) }), void 0));
+    return (_jsx(HomeContextProvider, { rocUrl: props.rocUrl, database: props.database, children: _jsxs("div", { className: "flex flex-col w-screen h-screen", children: [_jsx(HomeHeader, {}, void 0), _jsxs("div", { className: "flex flex-row flex-1 mt-2 border-t border-neutral-300 ", children: [_jsxs("div", { className: "flex flex-col w-48 px-2 pt-4 space-y-3 border-r h-100 border-neutral-300", children: [_jsx(HomeNoSample, {}, void 0), _jsx(HomeSamples, {}, void 0)] }, void 0), _jsx(HomeIframe, {}, void 0)] }, void 0)] }, void 0) }, void 0));
 }

package/lib/components/home/HomeContext.js

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

package/lib/components/home/HomeHeader.js

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

package/lib/components/home/HomeIframe.js

@@ -1,4 +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 { registerHandler, postMessage } from 'iframe-bridge/main';
 import { useEffect, useState } from 'react';
 import { useHomeContext } from './HomeContext';
@@ -28,5 +30,5 @@ export default function HomeIframe() {
             uuid: selectedSample,
         }, windowId);
     }, [windowId, database, rocUrl, selectedSample]);
-    return (_jsx("div", Object.assign({ className: "flex items-center justify-center flex-1" }, { children: iframeMode !== 'closed' ? (_jsx("iframe", { allowFullScreen: true, src: `http://localhost:3000${iframePage}`, className: "w-full h-full" }, selectedSample)) : (_jsx("div", { children: "Please select something" }, void 0)) }), void 0));
+    return (_jsx("div", { className: "flex items-center justify-center flex-1", children: iframeMode !== 'closed' ? (_jsx("iframe", { allowFullScreen: true, src: `http://localhost:3000${iframePage}`, className: "w-full h-full" }, selectedSample)) : (_jsx("div", { children: "Please select something" }, void 0)) }, void 0));
 }

package/lib/components/home/HomeSamples.js

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

package/lib/components/home/HomeSelector.js

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

package/lib/contexts/iframeBridge.d.ts

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
 import { Roc, RocDocument } from 'rest-on-couch-client';
-import { SampleEntryContent } from '../types/db';
+import { SampleEntryContent, SampleEntryId } from '../types/db';
 export declare function useIframeBridgeContext(): IframeBridgeReadyContextType;
-export declare function useIframeBridgeSample(): RocDocument<SampleEntryContent>;
+export declare function useIframeBridgeSample(): RocDocument<SampleEntryContent, SampleEntryId>;
 interface IframeBridgeReadyContextTypeBase {
     state: 'ready';
     data: IframeDataMessage;
@@ -10,7 +10,7 @@ interface IframeBridgeReadyContextTypeBase {
 }
 interface IframeBridgeReadyContextTypeWithSample extends IframeBridgeReadyContextTypeBase {
     hasSample: true;
-    sample: RocDocument<SampleEntryContent>;
+    sample: RocDocument<SampleEntryContent, SampleEntryId>;
 }
 interface IframeBridgeReadyContextTypeWithoutSample extends IframeBridgeReadyContextTypeBase {
     hasSample: false;

package/lib/contexts/iframeBridge.js

@@ -1,4 +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 { produce } from 'immer';
 import { createContext, useContext, useEffect, useReducer, } from 'react';
@@ -110,10 +112,10 @@ export function IframeBridgeProvider(props) {
         return (_jsx(ErrorPage, { title: "Invalid access", subtitle: "This page cannot be accessed without iframe-bridge." }, void 0));
     }
     if (state.state !== 'ready') {
-        return (_jsx("div", Object.assign({ className: "w-screen h-screen" }, { children: _jsx(LoadingFull, {}, void 0) }), void 0));
+        return (_jsx("div", { className: "w-screen h-screen", children: _jsx(LoadingFull, {}, void 0) }, void 0));
     }
     if (!state.hasSample && props.requireSample) {
         return (_jsx(ErrorPage, { title: "Invalid access", subtitle: "This page must be accessed with a sample." }, void 0));
     }
-    return (_jsx(iframeBridgeContext.Provider, Object.assign({ value: state }, { children: props.children }), void 0));
+    return (_jsx(iframeBridgeContext.Provider, { value: state, children: props.children }, void 0));
 }

package/lib/contexts/roc.js

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

package/lib/types/db.d.ts

@@ -27,11 +27,12 @@ export interface TocEntry {
     names: string[];
     reference: string;
 }
+export declare type SampleEntryId = [string, string];
 export interface SampleEntry {
     _id: string;
     _rev: string;
     $type: 'entry';
-    $id: [string, string];
+    $id: SampleEntryId;
     $kind: 'sample';
     $owners: string[];
     $content: SampleEntryContent;

package/lib-cjs/components/ErrorPage.js

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

package/lib-cjs/components/LoadingFull.js

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

package/lib-cjs/components/Spinner.js

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

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

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

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

@@ -12,12 +12,12 @@ function getInitialHomeContext(config = {}) {
     return {
         rocUrl,
         database,
-        iframePage: localStorage_2.getItem('dev-home-iframePage') || '/dev/base-page',
+        iframePage: (0, localStorage_2.getItem)('dev-home-iframePage') || '/dev/base-page',
         iframeMode: 'closed',
         selectedSample: null,
     };
 }
-const homeReducer = immer_1.produce((state, action) => {
+const homeReducer = (0, immer_1.produce)((state, action) => {
     switch (action.type) {
         case 'OPEN_NO_SAMPLE':
             state.iframeMode = 'no-sample';
@@ -34,21 +34,21 @@ const homeReducer = immer_1.produce((state, action) => {
             throw new Error('unreachable');
     }
 });
-const homeContext = react_1.createContext(getInitialHomeContext());
-const homeDispatchContext = react_1.createContext(() => {
+const homeContext = (0, react_1.createContext)(getInitialHomeContext());
+const homeDispatchContext = (0, react_1.createContext)(() => {
     // noop
 });
 function HomeContextProvider(props) {
-    const [homeState, dispatch] = react_1.useReducer(homeReducer, props, getInitialHomeContext);
-    localStorage_1.useSaveToLocalStorage('dev-home-iframePage', homeState.iframePage);
-    return (jsx_runtime_1.jsx(homeContext.Provider, Object.assign({ value: homeState }, { children: jsx_runtime_1.jsx(homeDispatchContext.Provider, Object.assign({ value: dispatch }, { children: jsx_runtime_1.jsx(roc_1.RocProvider, Object.assign({ url: homeState.rocUrl, database: homeState.database }, { children: props.children }), void 0) }), void 0) }), void 0));
+    const [homeState, dispatch] = (0, react_1.useReducer)(homeReducer, props, getInitialHomeContext);
+    (0, localStorage_1.useSaveToLocalStorage)('dev-home-iframePage', homeState.iframePage);
+    return ((0, jsx_runtime_1.jsx)(homeContext.Provider, { value: homeState, children: (0, jsx_runtime_1.jsx)(homeDispatchContext.Provider, { value: dispatch, children: (0, jsx_runtime_1.jsx)(roc_1.RocProvider, { url: homeState.rocUrl, database: homeState.database, children: props.children }, void 0) }, void 0) }, void 0));
 }
 exports.HomeContextProvider = HomeContextProvider;
 function useHomeContext() {
-    return react_1.useContext(homeContext);
+    return (0, react_1.useContext)(homeContext);
 }
 exports.useHomeContext = useHomeContext;
 function useHomeDispatchContext() {
-    return react_1.useContext(homeDispatchContext);
+    return (0, react_1.useContext)(homeDispatchContext);
 }
 exports.useHomeDispatchContext = useHomeDispatchContext;

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

@@ -3,10 +3,10 @@ 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 } = HomeContext_1.useHomeContext();
-    const dispatch = HomeContext_1.useHomeDispatchContext();
-    return (jsx_runtime_1.jsxs("header", Object.assign({ className: "flex flex-row p-2 space-x-4" }, { children: [jsx_runtime_1.jsx("input", { name: "rocUrl", type: "text", className: "flex-1 form-input", value: rocUrl, readOnly: true }, void 0), jsx_runtime_1.jsx("input", { name: "database", type: "text", className: "form-input", value: database, readOnly: true }, void 0), jsx_runtime_1.jsx("input", { name: "iframe-page", value: iframePage, type: "text", className: "flex-1 form-input", onChange: (event) => {
+    const { rocUrl, database, iframePage } = (0, HomeContext_1.useHomeContext)();
+    const dispatch = (0, HomeContext_1.useHomeDispatchContext)();
+    return ((0, jsx_runtime_1.jsxs)("header", { className: "flex flex-row p-2 space-x-4", children: [(0, jsx_runtime_1.jsx)("input", { name: "rocUrl", type: "text", className: "flex-1 form-input", value: rocUrl, readOnly: true }, void 0), (0, jsx_runtime_1.jsx)("input", { name: "database", type: "text", className: "form-input", value: database, readOnly: true }, void 0), (0, jsx_runtime_1.jsx)("input", { name: "iframe-page", value: iframePage, type: "text", className: "flex-1 form-input", onChange: (event) => {
                     dispatch({ type: 'SET_IFRAME_PAGE', payload: event.target.value });
-                } }, void 0)] }), void 0));
+                } }, void 0)] }, void 0));
 }
 exports.default = HomeHeader;

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

@@ -1,14 +1,16 @@
 "use strict";
 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 } = HomeContext_1.useHomeContext();
-    const [windowId, setWindowId] = react_1.useState();
-    react_1.useEffect(() => {
-        main_1.registerHandler('admin', (message) => {
+    const { database, iframePage, rocUrl, selectedSample, iframeMode } = (0, HomeContext_1.useHomeContext)();
+    const [windowId, setWindowId] = (0, react_1.useState)();
+    (0, react_1.useEffect)(() => {
+        (0, main_1.registerHandler)('admin', (message) => {
             switch (message.type) {
                 case 'admin.connect': {
                     setWindowId(message.windowID);
@@ -19,10 +21,10 @@ function HomeIframe() {
             }
         });
     }, []);
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (windowId === undefined)
             return;
-        main_1.postMessage('tab.data', {
+        (0, main_1.postMessage)('tab.data', {
             couchDB: {
                 url: rocUrl,
                 database,
@@ -30,6 +32,6 @@ function HomeIframe() {
             uuid: selectedSample,
         }, windowId);
     }, [windowId, database, rocUrl, selectedSample]);
-    return (jsx_runtime_1.jsx("div", Object.assign({ className: "flex items-center justify-center flex-1" }, { children: iframeMode !== 'closed' ? (jsx_runtime_1.jsx("iframe", { allowFullScreen: true, src: `http://localhost:3000${iframePage}`, className: "w-full h-full" }, selectedSample)) : (jsx_runtime_1.jsx("div", { children: "Please select something" }, void 0)) }), void 0));
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center flex-1", children: iframeMode !== 'closed' ? ((0, jsx_runtime_1.jsx)("iframe", { allowFullScreen: true, src: `http://localhost:3000${iframePage}`, className: "w-full h-full" }, selectedSample)) : ((0, jsx_runtime_1.jsx)("div", { children: "Please select something" }, void 0)) }, void 0));
 }
 exports.default = HomeIframe;

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

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

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

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

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

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

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

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
 import { Roc, RocDocument } from 'rest-on-couch-client';
-import { SampleEntryContent } from '../types/db';
+import { SampleEntryContent, SampleEntryId } from '../types/db';
 export declare function useIframeBridgeContext(): IframeBridgeReadyContextType;
-export declare function useIframeBridgeSample(): RocDocument<SampleEntryContent>;
+export declare function useIframeBridgeSample(): RocDocument<SampleEntryContent, SampleEntryId>;
 interface IframeBridgeReadyContextTypeBase {
     state: 'ready';
     data: IframeDataMessage;
@@ -10,7 +10,7 @@ interface IframeBridgeReadyContextTypeBase {
 }
 interface IframeBridgeReadyContextTypeWithSample extends IframeBridgeReadyContextTypeBase {
     hasSample: true;
-    sample: RocDocument<SampleEntryContent>;
+    sample: RocDocument<SampleEntryContent, SampleEntryId>;
 }
 interface IframeBridgeReadyContextTypeWithoutSample extends IframeBridgeReadyContextTypeBase {
     hasSample: false;

package/lib-cjs/contexts/iframeBridge.js

@@ -5,15 +5,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 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");
 const rest_on_couch_client_1 = require("rest-on-couch-client");
 const ErrorPage_1 = __importDefault(require("../components/ErrorPage"));
 const LoadingFull_1 = __importDefault(require("../components/LoadingFull"));
-const iframeBridgeContext = react_1.createContext(null);
+const iframeBridgeContext = (0, react_1.createContext)(null);
 function useIframeBridgeContext() {
-    const context = react_1.useContext(iframeBridgeContext);
+    const context = (0, react_1.useContext)(iframeBridgeContext);
     if (!context) {
         throw new Error('Iframe bridge context is not ready');
     }
@@ -28,7 +30,7 @@ function useIframeBridgeSample() {
     return context.sample;
 }
 exports.useIframeBridgeSample = useIframeBridgeSample;
-const iframeBridgeReducer = immer_1.produce((state, action) => {
+const iframeBridgeReducer = (0, immer_1.produce)((state, action) => {
     switch (action.type) {
         case 'RECEIVE_DATA': {
             state.data = action.payload;
@@ -64,9 +66,9 @@ const initialState = {
     sample: null,
 };
 function IframeBridgeProvider(props) {
-    const [state, dispatch] = react_1.useReducer(iframeBridgeReducer, initialState);
-    react_1.useEffect(() => {
-        iframe_1.onMessage((message) => {
+    const [state, dispatch] = (0, react_1.useReducer)(iframeBridgeReducer, initialState);
+    (0, react_1.useEffect)(() => {
+        (0, iframe_1.onMessage)((message) => {
             switch (message.type) {
                 case 'tab.data': {
                     dispatch({ type: 'RECEIVE_DATA', payload: message.message });
@@ -83,9 +85,9 @@ function IframeBridgeProvider(props) {
                     throw new Error('unreachable');
             }
         });
-        iframe_1.ready();
+        (0, iframe_1.ready)();
     }, []);
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (!props.allowStandalone && state.state === 'initial') {
             const timeout = setTimeout(() => {
                 dispatch({ type: 'STANDALONE_TIMEOUT' });
@@ -93,7 +95,7 @@ function IframeBridgeProvider(props) {
             return () => clearTimeout(timeout);
         }
     }, [props.allowStandalone, state.state]);
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (!state.roc || !state.data || !state.data.uuid)
             return;
         let cancelled = false;
@@ -115,14 +117,14 @@ function IframeBridgeProvider(props) {
         };
     }, [state.roc, state.data]);
     if (state.state === 'standalone-error') {
-        return (jsx_runtime_1.jsx(ErrorPage_1.default, { title: "Invalid access", subtitle: "This page cannot be accessed without iframe-bridge." }, void 0));
+        return ((0, jsx_runtime_1.jsx)(ErrorPage_1.default, { title: "Invalid access", subtitle: "This page cannot be accessed without iframe-bridge." }, void 0));
     }
     if (state.state !== 'ready') {
-        return (jsx_runtime_1.jsx("div", Object.assign({ className: "w-screen h-screen" }, { children: jsx_runtime_1.jsx(LoadingFull_1.default, {}, void 0) }), void 0));
+        return ((0, jsx_runtime_1.jsx)("div", { className: "w-screen h-screen", children: (0, jsx_runtime_1.jsx)(LoadingFull_1.default, {}, void 0) }, void 0));
     }
     if (!state.hasSample && props.requireSample) {
-        return (jsx_runtime_1.jsx(ErrorPage_1.default, { title: "Invalid access", subtitle: "This page must be accessed with a sample." }, void 0));
+        return ((0, jsx_runtime_1.jsx)(ErrorPage_1.default, { title: "Invalid access", subtitle: "This page must be accessed with a sample." }, void 0));
     }
-    return (jsx_runtime_1.jsx(iframeBridgeContext.Provider, Object.assign({ value: state }, { children: props.children }), void 0));
+    return ((0, jsx_runtime_1.jsx)(iframeBridgeContext.Provider, { value: state, children: props.children }, void 0));
 }
 exports.IframeBridgeProvider = IframeBridgeProvider;

package/lib-cjs/contexts/roc.js

@@ -4,9 +4,9 @@ exports.RocProvider = exports.useRoc = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const rest_on_couch_client_1 = require("rest-on-couch-client");
-const rocContext = react_1.createContext(null);
+const rocContext = (0, react_1.createContext)(null);
 function useRoc() {
-    const roc = react_1.useContext(rocContext);
+    const roc = (0, react_1.useContext)(rocContext);
     if (!roc) {
         throw new Error('missing roc');
     }
@@ -15,7 +15,7 @@ function useRoc() {
 exports.useRoc = useRoc;
 function RocProvider(props) {
     const { url, database, children } = props;
-    const roc = react_1.useMemo(() => new rest_on_couch_client_1.Roc({ url, database }), [url, database]);
-    return jsx_runtime_1.jsx(rocContext.Provider, Object.assign({ value: roc }, { children: children }), void 0);
+    const roc = (0, react_1.useMemo)(() => new rest_on_couch_client_1.Roc({ url, database }), [url, database]);
+    return (0, jsx_runtime_1.jsx)(rocContext.Provider, { value: roc, children: children }, void 0);
 }
 exports.RocProvider = RocProvider;

package/lib-cjs/hooks/localStorage.js

@@ -10,18 +10,18 @@ const localStorage_1 = require("../utils/localStorage");
  * @param initialValue Value to use if the storage is empty.
  */
 function useLocalStorage(key, initialValue) {
-    const [storedValue, setStoredValue] = react_1.useState(() => {
+    const [storedValue, setStoredValue] = (0, react_1.useState)(() => {
         // Get from local storage by key.
-        const item = localStorage_1.getItem(key);
+        const item = (0, localStorage_1.getItem)(key);
         // Parse stored json or if none return initialValue.
         return item ? item : initialValue;
     });
     // Return a wrapped version of useState's setter function that persists the new value to localStorage.
-    const setValue = react_1.useCallback((value) => {
+    const setValue = (0, react_1.useCallback)((value) => {
         // Save state.
         setStoredValue(value);
         // Save to local storage.
-        localStorage_1.setItem(key, value);
+        (0, localStorage_1.setItem)(key, value);
     }, [key]);
     return [storedValue, setValue];
 }
@@ -32,8 +32,8 @@ exports.useLocalStorage = useLocalStorage;
  * @param value Value to save.
  */
 function useSaveToLocalStorage(key, value) {
-    react_1.useEffect(() => {
-        localStorage_1.setItem(key, value);
+    (0, react_1.useEffect)(() => {
+        (0, localStorage_1.setItem)(key, value);
     }, [key, value]);
 }
 exports.useSaveToLocalStorage = useSaveToLocalStorage;

package/lib-cjs/hooks/useRocQuery.js

@@ -25,13 +25,13 @@ function rocQueryReducer(state, action) {
 }
 function useRocQuery(viewName, options = {}) {
     const { mine = false } = options;
-    const roc = roc_1.useRoc();
-    const [state, dispatch] = react_1.useReducer(rocQueryReducer, {
+    const roc = (0, roc_1.useRoc)();
+    const [state, dispatch] = (0, react_1.useReducer)(rocQueryReducer, {
         loading: true,
         error: null,
         result: null,
     });
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         dispatch({ type: 'LOAD' });
         const query = roc.getQuery(viewName, { mine });
         query

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

@@ -27,11 +27,12 @@ export interface TocEntry {
     names: string[];
     reference: string;
 }
+export declare type SampleEntryId = [string, string];
 export interface SampleEntry {
     _id: string;
     _rev: string;
     $type: 'entry';
-    $id: [string, string];
+    $id: SampleEntryId;
     $kind: 'sample';
     $owners: string[];
     $content: SampleEntryContent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-iframe-bridge",
-  "version": "0.3.0",
+  "version": "0.4.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": "^3.1.0"
+    "rest-on-couch-client": "^4.2.1"
   },
   "devDependencies": {
     "@types/react": "^17.0.16",