react-iframe-bridge 1.0.0 → 2.0.0

package/lib/hooks/localStorage.d.ts

@@ -1,13 +0,0 @@
-/**
- * Like `useState`, but initializing from `localStorage` if available and saving
- * to `localStorage` everytime the state is changed.
- * @param key localStorage key. Will be appended to the `react-iframe-bridge-` prefix.
- * @param initialValue Value to use if the storage is empty.
- */
-export declare function useLocalStorage<ValueType>(key: string, initialValue: ValueType): readonly [ValueType, (value: ValueType) => void];
-/**
- * Save the provided value to `localStorage` everytime it changes.
- * @param key localStorage key. Will be appended to the `react-iframe-bridge-` prefix.
- * @param value Value to save.
- */
-export declare function useSaveToLocalStorage(key: string, value: unknown): void;

package/lib/hooks/useRocQuery.d.ts

@@ -1,13 +0,0 @@
-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 | Array<RocQueryResult<T>>;
-}
-type RocQueryHookResult<T> = RocQueryState<T>;
-interface RocQueryHookOptions {
-    mine?: boolean;
-}
-export declare function useRocQuery<T = unknown>(viewName: string, options?: RocQueryHookOptions): RocQueryHookResult<T>;
-export {};

package/lib/utils/localStorage.d.ts

@@ -1,3 +0,0 @@
-declare let getItem: (key: string) => unknown | null;
-declare let setItem: (key: string, value: unknown) => void;
-export { getItem, setItem };

package/lib-cjs/components/ErrorPage.js

@@ -1,7 +0,0 @@
-"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 })] }) }) }));
-}

package/lib-cjs/components/Input.js

@@ -1,11 +0,0 @@
-"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.js

@@ -1,11 +0,0 @@
-"use strict";
-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" }) }));
-}

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

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

package/lib-cjs/components/Spinner.js

@@ -1,11 +0,0 @@
-"use strict";
-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" })] }));
-}

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

@@ -1,26 +0,0 @@
-export interface HomeProps {
-    /**
-     * URL of the rest-on-couch instance.
-     * @default 'http://localhost:3000/api/fake-roc'
-     */
-    rocUrl?: string;
-    /**
-     * Name of the rest-on-couch database.
-     * @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): import("react/jsx-runtime").JSX.Element;

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

@@ -1,28 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-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) {
-    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 })] })] }));
-}

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

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-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");
-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', defaultPath = '/dev/base-page', } = config;
-    return {
-        rocUrl,
-        database,
-        iframePath: (0, localStorage_2.getItem)('dev-home-iframe-path') || defaultPath,
-        iframeMode: 'closed',
-        selectedSample: null,
-    };
-}
-const homeReducer = (0, immer_1.produce)((state, action) => {
-    switch (action.type) {
-        case 'OPEN_NO_SAMPLE':
-            state.iframeMode = 'no-sample';
-            state.selectedSample = null;
-            break;
-        case 'SELECT_SAMPLE':
-            state.iframeMode = 'sample';
-            state.selectedSample = action.payload;
-            break;
-        case 'SET_IFRAME_PAGE':
-            state.iframePath = action.payload;
-            break;
-        default:
-            throw new Error('unreachable');
-    }
-});
-const homeContext = (0, react_1.createContext)(getInitialHomeContext());
-const homeDispatchContext = (0, react_1.createContext)(() => {
-    // noop
-});
-function HomeContextProvider(props) {
-    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 }) }) }));
-}
-function useHomeContext() {
-    return (0, react_1.useContext)(homeContext);
-}
-function useHomeDispatchContext() {
-    return (0, react_1.useContext)(homeDispatchContext);
-}

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

@@ -1,16 +0,0 @@
-"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, 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_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 });
-                } })] }));
-}

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

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

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

@@ -1,37 +0,0 @@
-"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
-const main_1 = require("iframe-bridge/main");
-const react_1 = require("react");
-const HomeContext_1 = require("./HomeContext");
-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) => {
-            switch (message.type) {
-                case 'admin.connect': {
-                    setWindowId(message.windowID);
-                    break;
-                }
-                default:
-                    throw new Error('unreachable');
-            }
-        });
-    }, []);
-    (0, react_1.useEffect)(() => {
-        if (windowId === undefined)
-            return;
-        (0, main_1.postMessage)('tab.data', {
-            couchDB: {
-                url: rocUrl,
-                database,
-            },
-            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: `${baseUrl || ''}${iframePath}`, className: "w-full h-full" }, selectedSample)) : ((0, jsx_runtime_1.jsx)("div", { children: "Please select something" })) }));
-}

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

@@ -1,14 +0,0 @@
-"use strict";
-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"));
-function HomeNoSample() {
-    const { iframeMode } = (0, HomeContext_1.useHomeContext)();
-    const dispatch = (0, HomeContext_1.useHomeDispatchContext)();
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(HomeSelector_1.default, { onClick: () => dispatch({ type: 'OPEN_NO_SAMPLE' }), selected: iframeMode === 'no-sample', text: "No sample" }) }));
-}

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

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

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

@@ -1,11 +0,0 @@
-"use strict";
-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 }));
-}

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

@@ -1,33 +0,0 @@
-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> {
-    state: 'ready';
-    data: IframeDataMessage;
-    roc: Roc<PublicUserInfo, PrivateUserInfo>;
-}
-interface IframeBridgeReadyContextTypeWithSample<PublicUserInfo, PrivateUserInfo> extends IframeBridgeReadyContextTypeBase<PublicUserInfo, PrivateUserInfo> {
-    hasSample: true;
-    sample: RocDocument<SampleEntryContent, SampleEntryId>;
-}
-interface IframeBridgeReadyContextTypeWithoutSample<PublicUserInfo, PrivateUserInfo> extends IframeBridgeReadyContextTypeBase<PublicUserInfo, PrivateUserInfo> {
-    hasSample: false;
-    sample: null;
-}
-type IframeBridgeReadyContextType<PublicUserInfo = unknown, PrivateUserInfo = unknown> = IframeBridgeReadyContextTypeWithSample<PublicUserInfo, PrivateUserInfo> | IframeBridgeReadyContextTypeWithoutSample<PublicUserInfo, PrivateUserInfo>;
-interface IframeDataMessage {
-    couchDB: {
-        url: string;
-        database: string;
-    };
-    uuid: string;
-}
-export declare function IframeBridgeProvider(props: {
-    children: ReactNode;
-    requireSample?: boolean;
-    allowStandalone?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-export {};

package/lib-cjs/contexts/iframeBridge.js

@@ -1,130 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-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
-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 = 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-(0, react_1.createContext)(null);
-function useIframeBridgeContext() {
-    const context = (0, react_1.useContext)(iframeBridgeContext);
-    if (!context) {
-        throw new Error('Iframe bridge context is not ready');
-    }
-    return context;
-}
-function useIframeBridgeSample() {
-    const context = useIframeBridgeContext();
-    if (!context.sample) {
-        throw new Error('No sample in context');
-    }
-    return context.sample;
-}
-const iframeBridgeReducer = (0, immer_1.produce)((state, action) => {
-    switch (action.type) {
-        case 'RECEIVE_DATA': {
-            state.data = action.payload;
-            state.roc = new rest_on_couch_client_1.Roc(action.payload.couchDB);
-            if (action.payload.uuid) {
-                state.state = 'loading';
-                state.hasSample = true;
-                state.sample = null;
-            }
-            else {
-                state.state = 'ready';
-            }
-            break;
-        }
-        case 'SET_SAMPLE': {
-            state.sample = action.payload;
-            state.state = 'ready';
-            break;
-        }
-        case 'STANDALONE_TIMEOUT': {
-            state.state = 'standalone-error';
-            break;
-        }
-        default:
-            throw new Error('unreachable');
-    }
-});
-const initialState = {
-    state: 'initial',
-    data: null,
-    roc: null,
-    hasSample: false,
-    sample: null,
-};
-function IframeBridgeProvider(props) {
-    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 });
-                    break;
-                }
-                case 'tab.focus': {
-                    // Ignore this event. Happens in C6H6 when an already opened tab is
-                    // refocused.
-                    break;
-                }
-                default:
-                    // eslint-disable-next-line no-console
-                    console.error(message);
-                    throw new Error('unreachable');
-            }
-        });
-        (0, iframe_1.ready)();
-    }, []);
-    (0, react_1.useEffect)(() => {
-        if (!props.allowStandalone && state.state === 'initial') {
-            const timeout = setTimeout(() => {
-                dispatch({ type: 'STANDALONE_TIMEOUT' });
-            }, 3000);
-            return () => clearTimeout(timeout);
-        }
-    }, [props.allowStandalone, state.state]);
-    (0, react_1.useEffect)(() => {
-        if (!state.roc || !state.data?.uuid)
-            return;
-        let cancelled = false;
-        const document = state.roc.getDocument(state.data.uuid);
-        document
-            .fetch()
-            .then(() => {
-            if (!cancelled) {
-                dispatch({ type: 'SET_SAMPLE', payload: document });
-            }
-        })
-            .catch((error) => {
-            // TODO: handle error
-            // eslint-disable-next-line no-console
-            console.error(error);
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, [state.roc, state.data]);
-    if (state.state === 'standalone-error') {
-        return ((0, jsx_runtime_1.jsx)(ErrorPage_1.default, { title: "Invalid access", subtitle: "This page cannot be accessed without iframe-bridge." }));
-    }
-    if (state.state !== 'ready') {
-        return ((0, jsx_runtime_1.jsx)("div", { className: "w-screen h-screen", children: (0, jsx_runtime_1.jsx)(LoadingFull_1.default, {}) }));
-    }
-    if (!state.hasSample && props.requireSample) {
-        return ((0, jsx_runtime_1.jsx)(ErrorPage_1.default, { title: "Invalid access", subtitle: "This page must be accessed with a sample." }));
-    }
-    return ((0, jsx_runtime_1.jsx)(iframeBridgeContext.Provider, { value: state, children: props.children }));
-}

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

@@ -1,8 +0,0 @@
-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;
-}): import("react/jsx-runtime").JSX.Element;

package/lib-cjs/contexts/roc.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-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");
-const rocContext = (0, react_1.createContext)(null);
-function useRoc() {
-    const roc = (0, react_1.useContext)(rocContext);
-    if (!roc) {
-        throw new Error('missing roc');
-    }
-    return roc;
-}
-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 });
-}

package/lib-cjs/hooks/localStorage.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLocalStorage = useLocalStorage;
-exports.useSaveToLocalStorage = useSaveToLocalStorage;
-const react_1 = require("react");
-const localStorage_1 = require("../utils/localStorage");
-/**
- * Like `useState`, but initializing from `localStorage` if available and saving
- * to `localStorage` everytime the state is changed.
- * @param key localStorage key. Will be appended to the `react-iframe-bridge-` prefix.
- * @param initialValue Value to use if the storage is empty.
- */
-function useLocalStorage(key, initialValue) {
-    const [storedValue, setStoredValue] = (0, react_1.useState)(() => {
-        // Get from local storage by 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 = (0, react_1.useCallback)((value) => {
-        // Save state.
-        setStoredValue(value);
-        // Save to local storage.
-        (0, localStorage_1.setItem)(key, value);
-    }, [key]);
-    return [storedValue, setValue];
-}
-/**
- * Save the provided value to `localStorage` everytime it changes.
- * @param key localStorage key. Will be appended to the `react-iframe-bridge-` prefix.
- * @param value Value to save.
- */
-function useSaveToLocalStorage(key, value) {
-    (0, react_1.useEffect)(() => {
-        (0, localStorage_1.setItem)(key, value);
-    }, [key, value]);
-}

package/lib-cjs/hooks/useRocQuery.js

@@ -1,45 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRocQuery = useRocQuery;
-const react_1 = require("react");
-const roc_1 = require("../contexts/roc");
-function rocQueryReducer(state, action) {
-    switch (action.type) {
-        case 'LOAD':
-            return {
-                ...state,
-                error: null,
-                loading: true,
-            };
-        case 'SET_RESULT':
-            return {
-                loading: false,
-                error: null,
-                result: action.value,
-            };
-        case 'ERROR':
-            return { loading: false, error: action.value, result: null };
-        default:
-            throw new Error('unreachable');
-    }
-}
-function useRocQuery(viewName, options = {}) {
-    const { mine = false } = options;
-    const roc = (0, roc_1.useRoc)();
-    const [state, dispatch] = (0, react_1.useReducer)(rocQueryReducer, {
-        loading: true,
-        error: null,
-        result: null,
-    });
-    (0, react_1.useEffect)(() => {
-        dispatch({ type: 'LOAD' });
-        const query = roc.getQuery(viewName, { mine });
-        query
-            .fetch()
-            .then((result) => dispatch({ type: 'SET_RESULT', value: result }))
-            .catch((err) => {
-            dispatch({ type: 'ERROR', value: err });
-        });
-    }, [roc, viewName, mine]);
-    return state;
-}

package/lib-cjs/index.d.ts

@@ -1,3 +0,0 @@
-export { Home } from './components/home/Home';
-export { useRoc, RocProvider } from './contexts/roc';
-export { useIframeBridgeContext, useIframeBridgeSample, IframeBridgeProvider, } from './contexts/iframeBridge';

package/lib-cjs/index.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IframeBridgeProvider = exports.useIframeBridgeSample = exports.useIframeBridgeContext = exports.RocProvider = exports.useRoc = exports.Home = void 0;
-var Home_1 = require("./components/home/Home");
-Object.defineProperty(exports, "Home", { enumerable: true, get: function () { return Home_1.Home; } });
-var roc_1 = require("./contexts/roc");
-Object.defineProperty(exports, "useRoc", { enumerable: true, get: function () { return roc_1.useRoc; } });
-Object.defineProperty(exports, "RocProvider", { enumerable: true, get: function () { return roc_1.RocProvider; } });
-var iframeBridge_1 = require("./contexts/iframeBridge");
-Object.defineProperty(exports, "useIframeBridgeContext", { enumerable: true, get: function () { return iframeBridge_1.useIframeBridgeContext; } });
-Object.defineProperty(exports, "useIframeBridgeSample", { enumerable: true, get: function () { return iframeBridge_1.useIframeBridgeSample; } });
-Object.defineProperty(exports, "IframeBridgeProvider", { enumerable: true, get: function () { return iframeBridge_1.IframeBridgeProvider; } });