@dxos/react-client 2.18.0 → 2.19.0

package/dist/src/components/ErrorBoundary.js

@@ -1,78 +0,0 @@
-"use strict";
-//
-// Copyright 2020 DXOS.org
-//
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorBoundary = void 0;
-const debug_1 = __importDefault(require("debug"));
-const react_1 = __importStar(require("react"));
-const log = (0, debug_1.default)('dxos:react-client:error');
-/**
- * Top-level error boundary.
- * NOTE: Doesn't catch exceptions in event handlers, or asynchronous callbacks.
- * A global error handler should be configured for such errors.
- * https://reactjs.org/docs/error-boundaries.html#how-about-event-handlers
- * https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onerror
- * It DOES catch exceptions in hooks and any components that return malformed React compoennts.
- */
-class ErrorBoundary extends react_1.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            error: null
-        };
-    }
-    static getDerivedStateFromError(error) {
-        return { error };
-    }
-    componentDidCatch(error, errorInfo) {
-        const { onError } = this.props;
-        onError(error, errorInfo);
-    }
-    render() {
-        const { children, onRestart, onReset, errorComponent: ErrorComponent } = this.props;
-        const { error } = this.state;
-        if (error) {
-            if (ErrorComponent) {
-                return (react_1.default.createElement(ErrorComponent, { onRestart: onRestart, onReset: onReset, error: error }));
-            }
-            log('ErrorComponent not set.');
-            return (react_1.default.createElement("div", { style: { border: '1px solid #CCC', padding: 16 } },
-                react_1.default.createElement("h1", null, "ErrorBoundary component not set."),
-                react_1.default.createElement("pre", { style: { whiteSpace: 'break-spaces' } }, String(error))));
-        }
-        return children;
-    }
-}
-exports.ErrorBoundary = ErrorBoundary;
-ErrorBoundary.defaultProps = {
-    onError: console.warn,
-    onRestart: () => {
-        window.location.href = '/';
-    },
-    onReset: undefined,
-    errorComponent: undefined
-};
-//# sourceMappingURL=ErrorBoundary.js.map

package/dist/src/components/ErrorBoundary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../src/components/ErrorBoundary.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,kDAA0B;AAC1B,+CAAoD;AAEpD,MAAM,GAAG,GAAG,IAAA,eAAK,EAAC,yBAAyB,CAAC,CAAC;AA6B7C;;;;;;;GAOG;AACH,MAAa,aAAc,SAAQ,iBAAoC;IAAvE;;QACW,UAAK,GAAG;YACf,KAAK,EAAE,IAAI;SACZ,CAAC;IAgDJ,CAAC;IArCC,MAAM,CAAC,wBAAwB,CAAE,KAAU;QACzC,OAAO,EAAE,KAAK,EAAE,CAAC;IACnB,CAAC;IAEQ,iBAAiB,CAAE,KAAY,EAAE,SAAoB;QAC5D,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC/B,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IAC5B,CAAC;IAEQ,MAAM;QACb,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACpF,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAE7B,IAAI,KAAK,EAAE;YACT,IAAI,cAAc,EAAE;gBAClB,OAAO,CACL,8BAAC,cAAc,IACb,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;aACH;YAED,GAAG,CAAC,yBAAyB,CAAC,CAAC;YAC/B,OAAO,CACL,uCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,OAAO,EAAE,EAAE,EAAE;gBACnD,6EAAyC;gBACzC,uCAAK,KAAK,EAAE,EAAE,UAAU,EAAE,cAAc,EAAE,IACvC,MAAM,CAAC,KAAK,CAAC,CACV,CACF,CACP,CAAC;SACH;QAED,OAAO,QAAQ,CAAC;IAClB,CAAC;;AAlDH,sCAmDC;AA9CQ,0BAAY,GAAG;IACpB,OAAO,EAAE,OAAO,CAAC,IAAI;IACrB,SAAS,EAAE,GAAG,EAAE;QACd,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC;IAC7B,CAAC;IACD,OAAO,EAAE,SAAS;IAClB,cAAc,EAAE,SAAS;CAC1B,CAAC"}

package/dist/src/components/index.d.ts

@@ -1,2 +0,0 @@
-export * from './ErrorBoundary';
-//# sourceMappingURL=index.d.ts.map

package/dist/src/components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,iBAAiB,CAAC"}

package/dist/src/components/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;AAEF,kDAAgC"}

package/dist/src/config.d.ts

@@ -1,8 +0,0 @@
-import { Config, defs } from '@dxos/config';
-import { MaybeFunction, MaybePromise } from '@dxos/util';
-/**
- * Config that is passed to components can be wrapped in a promise or a callback.
- */
-export declare type SuppliedConfig = MaybeFunction<MaybePromise<defs.Config | Config>>;
-export declare function unwrapConfig(config: SuppliedConfig): Promise<defs.Config | Config>;
-//# sourceMappingURL=config.d.ts.map

package/dist/src/config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/config.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAEzD;;GAEG;AACH,oBAAY,cAAc,GAAG,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAA;AAE9E,wBAAsB,YAAY,CAAE,MAAM,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,CAEzF"}

package/dist/src/config.js

@@ -1,11 +0,0 @@
-"use strict";
-//
-// Copyright 2021 DXOS.org
-//
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.unwrapConfig = void 0;
-async function unwrapConfig(config) {
-    return typeof config === 'function' ? config() : config;
-}
-exports.unwrapConfig = unwrapConfig;
-//# sourceMappingURL=config.js.map

package/dist/src/config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/config.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;AAUK,KAAK,UAAU,YAAY,CAAE,MAAsB;IACxD,OAAO,OAAO,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;AAC1D,CAAC;AAFD,oCAEC"}

package/dist/src/containers/ClientInitializer.d.ts

@@ -1,30 +0,0 @@
-import React, { ReactNode } from 'react';
-import { Client, ClientConstructorOpts } from '@dxos/client';
-import { ErrorComponentProps, ErrorCallbackType } from '../components';
-import { SuppliedConfig } from '../config';
-interface ClientLoaderProps {
-    children?: ReactNode;
-    config?: SuppliedConfig;
-    clientOpts?: ClientConstructorOpts;
-    onInit?: (client: Client) => void;
-    loaderComponent?: React.ComponentType;
-}
-/**
- * Async initializer for the client component the defers rendering of children until complete.
- */
-export declare const ClientLoader: ({ children, config, clientOpts, onInit, loaderComponent: LoaderComponent }: ClientLoaderProps) => JSX.Element | null;
-interface ClientInitializerProps {
-    children?: ReactNode;
-    config?: SuppliedConfig;
-    clientOpts?: ClientConstructorOpts;
-    onError?: ErrorCallbackType;
-    errorComponent?: React.ComponentType<ErrorComponentProps>;
-    loaderComponent?: React.ComponentType;
-}
-/**
- * Async initializer for the client component the defers rendering of children until complete,
- * incorporating a top-level ErrorBoundary.
- */
-export declare const ClientInitializer: ({ children, config, clientOpts, onError, errorComponent: ErrorComponent, loaderComponent: LoaderComponent }: ClientInitializerProps) => JSX.Element;
-export {};
-//# sourceMappingURL=ClientInitializer.d.ts.map

package/dist/src/containers/ClientInitializer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClientInitializer.d.ts","sourceRoot":"","sources":["../../../src/containers/ClientInitializer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAuB,SAAS,EAAa,MAAM,OAAO,CAAC;AAEzE,OAAO,EAAE,MAAM,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAiB,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACtF,OAAO,EAAE,cAAc,EAAgB,MAAM,WAAW,CAAC;AAGzD,UAAU,iBAAiB;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB,UAAU,CAAC,EAAE,qBAAqB,CAAA;IAClC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CACtC;AAED;;GAEG;AAEH,eAAO,MAAM,YAAY,+EAMtB,iBAAiB,uBA2BnB,CAAC;AAEF,UAAU,sBAAsB;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,UAAU,CAAC,EAAE,qBAAqB,CAAA;IAClC,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAA;IACzD,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CACtC;AAED;;;GAGG;AAEH,eAAO,MAAM,iBAAiB,gHAO3B,sBAAsB,gBAwCxB,CAAC"}

package/dist/src/containers/ClientInitializer.js

@@ -1,82 +0,0 @@
-"use strict";
-//
-// Copyright 2020 DXOS.org
-//
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ClientInitializer = exports.ClientLoader = void 0;
-const react_1 = __importStar(require("react"));
-const client_1 = require("@dxos/client");
-const components_1 = require("../components");
-const config_1 = require("../config");
-const ClientProvider_1 = require("./ClientProvider");
-/**
- * Async initializer for the client component the defers rendering of children until complete.
- */
-// TODO(burdon): Rename.
-const ClientLoader = ({ children, config = {}, clientOpts, onInit, loaderComponent: LoaderComponent }) => {
-    const [client, setClient] = (0, react_1.useState)();
-    (0, react_1.useEffect)(() => {
-        setImmediate(async () => {
-            const client = new client_1.Client(await (0, config_1.unwrapConfig)(config), clientOpts);
-            await client.initialize();
-            setClient(client);
-            onInit && onInit(client);
-        });
-    }, []);
-    if (!client) {
-        if (LoaderComponent) {
-            return (react_1.default.createElement(LoaderComponent, null));
-        }
-        return null;
-    }
-    return (react_1.default.createElement(ClientProvider_1.ClientProvider, { client: client }, children));
-};
-exports.ClientLoader = ClientLoader;
-/**
- * Async initializer for the client component the defers rendering of children until complete,
- * incorporating a top-level ErrorBoundary.
- */
-// TODO(burdon): Rename.
-const ClientInitializer = ({ children, config = {}, clientOpts, onError, errorComponent: ErrorComponent, loaderComponent: LoaderComponent }) => {
-    const [client, setClient] = (0, react_1.useState)();
-    // TODO(burdon): Global error handling?
-    // It's important to print the error to the console here so sentry can report it.
-    const handleError = (error, errorInfo) => {
-        console.error(error, errorInfo);
-        if (onError) {
-            onError(error, errorInfo);
-        }
-    };
-    const handleRestart = () => {
-        window.location.reload();
-    };
-    // TODO(burdon): Debug only? "Are you sure?" warning?
-    const handleReset = async () => {
-        if (client) {
-            await client.reset();
-        }
-    };
-    return (react_1.default.createElement(components_1.ErrorBoundary, { onError: handleError, onRestart: handleRestart, onReset: handleReset, errorComponent: ErrorComponent },
-        react_1.default.createElement(exports.ClientLoader, { config: config, clientOpts: clientOpts, loaderComponent: LoaderComponent, onInit: setClient }, children)));
-};
-exports.ClientInitializer = ClientInitializer;
-//# sourceMappingURL=ClientInitializer.js.map

package/dist/src/containers/ClientInitializer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClientInitializer.js","sourceRoot":"","sources":["../../../src/containers/ClientInitializer.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;AAEF,+CAAyE;AAEzE,yCAA6D;AAE7D,8CAAsF;AACtF,sCAAyD;AACzD,qDAAkD;AAUlD;;GAEG;AACH,wBAAwB;AACjB,MAAM,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,MAAM,GAAG,EAAE,EACX,UAAU,EACV,MAAM,EACN,eAAe,EAAE,eAAe,EACd,EAAE,EAAE;IACtB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,GAAsB,CAAC;IAE3D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,YAAY,CAAC,KAAK,IAAI,EAAE;YACtB,MAAM,MAAM,GAAG,IAAI,eAAM,CAAC,MAAM,IAAA,qBAAY,EAAC,MAAM,CAAC,EAAE,UAAU,CAAC,CAAC;YAClE,MAAM,MAAM,CAAC,UAAU,EAAE,CAAC;YAC1B,SAAS,CAAC,MAAM,CAAC,CAAC;YAClB,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC;QAC3B,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,MAAM,EAAE;QACX,IAAI,eAAe,EAAE;YACnB,OAAO,CACL,8BAAC,eAAe,OAAG,CACpB,CAAC;SACH;QAED,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,8BAAC,+BAAc,IAAC,MAAM,EAAE,MAAM,IAC3B,QAAQ,CACM,CAClB,CAAC;AACJ,CAAC,CAAC;AAjCW,QAAA,YAAY,gBAiCvB;AAWF;;;GAGG;AACH,wBAAwB;AACjB,MAAM,iBAAiB,GAAG,CAAC,EAChC,QAAQ,EACR,MAAM,GAAG,EAAE,EACX,UAAU,EACV,OAAO,EACP,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EACT,EAAE,EAAE;IAC3B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,GAAsB,CAAC;IAE3D,uCAAuC;IACvC,iFAAiF;IACjF,MAAM,WAAW,GAAG,CAAC,KAAY,EAAE,SAAqB,EAAE,EAAE;QAC1D,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;QAChC,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;SAC3B;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;IAC3B,CAAC,CAAC;IAEF,qDAAqD;IACrD,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;QAC7B,IAAI,MAAM,EAAE;YACV,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC;SACtB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,0BAAa,IACZ,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,cAAc,EAAE,cAAc;QAE9B,8BAAC,oBAAY,IACX,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,MAAM,EAAE,SAAS,IAEhB,QAAQ,CACI,CACD,CACjB,CAAC;AACJ,CAAC,CAAC;AA/CW,QAAA,iBAAiB,qBA+C5B"}

package/dist/src/containers/ProfileInitializer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProfileInitializer.d.ts","sourceRoot":"","sources":["../../../src/containers/ProfileInitializer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC;;;GAGG;AAEH,eAAO,MAAM,kBAAkB;cAA8B,MAAM,SAAS;wBAe3E,CAAC"}

package/dist/src/containers/ProfileInitializer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProfileInitializer.js","sourceRoot":"","sources":["../../../src/containers/ProfileInitializer.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;AAEF,+CAAyC;AAEzC,oCAAiD;AAEjD;;;GAGG;AACH,8BAA8B;AACvB,MAAM,kBAAkB,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;IAChF,MAAM,MAAM,GAAG,IAAA,iBAAS,GAAE,CAAC;IAC3B,MAAM,OAAO,GAAG,IAAA,kBAAU,GAAE,CAAC;IAE7B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,EAAE;YACZ,KAAK,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;SAClC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IAED,OAAO,8DAAG,QAAQ,CAAI,CAAC;AACzB,CAAC,CAAC;AAfW,QAAA,kBAAkB,sBAe7B"}

package/src/components/ErrorBoundary.tsx

@@ -1,96 +0,0 @@
-//
-// Copyright 2020 DXOS.org
-//
-
-import debug from 'debug';
-import React, { Component, ErrorInfo } from 'react';
-
-const log = debug('dxos:react-client:error');
-
-/**
- * Root-level error boundary.
- * https://reactjs.org/docs/error-boundaries.html
- *
- * NOTE: Must currently be a Component.
- * https://reactjs.org/docs/hooks-faq.html#do-hooks-cover-all-use-cases-for-classes
- */
-
-export type ErrorCallbackType = (error: Error, errorInfo?: ErrorInfo) => void;
-
-export interface ErrorComponentProps {
-  error: Error | null,
-  onRestart?: () => void,
-  onReset?: () => void,
-}
-
-interface ErrorBoundaryProps {
-  onError: ErrorCallbackType,
-  onRestart?: () => void,
-  onReset?: () => void,
-  errorComponent?: React.ComponentType<ErrorComponentProps>
-}
-
-interface State {
-  error: Error | null
-}
-
-/**
- * Top-level error boundary.
- * NOTE: Doesn't catch exceptions in event handlers, or asynchronous callbacks.
- * A global error handler should be configured for such errors.
- * https://reactjs.org/docs/error-boundaries.html#how-about-event-handlers
- * https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onerror
- * It DOES catch exceptions in hooks and any components that return malformed React compoennts.
- */
-export class ErrorBoundary extends Component<ErrorBoundaryProps, State> {
-  override state = {
-    error: null
-  };
-
-  static defaultProps = {
-    onError: console.warn,
-    onRestart: () => {
-      window.location.href = '/';
-    },
-    onReset: undefined,
-    errorComponent: undefined
-  };
-
-  static getDerivedStateFromError (error: any) {
-    return { error };
-  }
-
-  override componentDidCatch (error: Error, errorInfo: ErrorInfo) {
-    const { onError } = this.props;
-    onError(error, errorInfo);
-  }
-
-  override render () {
-    const { children, onRestart, onReset, errorComponent: ErrorComponent } = this.props;
-    const { error } = this.state;
-
-    if (error) {
-      if (ErrorComponent) {
-        return (
-          <ErrorComponent
-            onRestart={onRestart}
-            onReset={onReset}
-            error={error}
-          />
-        );
-      }
-
-      log('ErrorComponent not set.');
-      return (
-        <div style={{ border: '1px solid #CCC', padding: 16 }}>
-          <h1>ErrorBoundary component not set.</h1>
-          <pre style={{ whiteSpace: 'break-spaces' }}>
-            {String(error)}
-          </pre>
-        </div>
-      );
-    }
-
-    return children;
-  }
-}

package/src/components/index.ts

@@ -1,5 +0,0 @@
-//
-// Copyright 2020 DXOS.org
-//
-
-export * from './ErrorBoundary';

package/src/config.ts

@@ -1,15 +0,0 @@
-//
-// Copyright 2021 DXOS.org
-//
-
-import { Config, defs } from '@dxos/config';
-import { MaybeFunction, MaybePromise } from '@dxos/util';
-
-/**
- * Config that is passed to components can be wrapped in a promise or a callback.
- */
-export type SuppliedConfig = MaybeFunction<MaybePromise<defs.Config | Config>>
-
-export async function unwrapConfig (config: SuppliedConfig): Promise<defs.Config | Config> {
-  return typeof config === 'function' ? config() : config;
-}

package/src/containers/ClientInitializer.tsx

@@ -1,121 +0,0 @@
-//
-// Copyright 2020 DXOS.org
-//
-
-import React, { useState, useEffect, ReactNode, ErrorInfo } from 'react';
-
-import { Client, ClientConstructorOpts } from '@dxos/client';
-
-import { ErrorComponentProps, ErrorBoundary, ErrorCallbackType } from '../components';
-import { SuppliedConfig, unwrapConfig } from '../config';
-import { ClientProvider } from './ClientProvider';
-
-interface ClientLoaderProps {
-  children?: ReactNode
-  config?: SuppliedConfig
-  clientOpts?: ClientConstructorOpts
-  onInit?: (client: Client) => void
-  loaderComponent?: React.ComponentType
-}
-
-/**
- * Async initializer for the client component the defers rendering of children until complete.
- */
-// TODO(burdon): Rename.
-export const ClientLoader = ({
-  children,
-  config = {},
-  clientOpts,
-  onInit,
-  loaderComponent: LoaderComponent
-}: ClientLoaderProps) => {
-  const [client, setClient] = useState<Client | undefined>();
-
-  useEffect(() => {
-    setImmediate(async () => {
-      const client = new Client(await unwrapConfig(config), clientOpts);
-      await client.initialize();
-      setClient(client);
-      onInit && onInit(client);
-    });
-  }, []);
-
-  if (!client) {
-    if (LoaderComponent) {
-      return (
-        <LoaderComponent />
-      );
-    }
-
-    return null;
-  }
-
-  return (
-    <ClientProvider client={client}>
-      {children}
-    </ClientProvider>
-  );
-};
-
-interface ClientInitializerProps {
-  children?: ReactNode
-  config?: SuppliedConfig,
-  clientOpts?: ClientConstructorOpts
-  onError?: ErrorCallbackType
-  errorComponent?: React.ComponentType<ErrorComponentProps>
-  loaderComponent?: React.ComponentType
-}
-
-/**
- * Async initializer for the client component the defers rendering of children until complete,
- * incorporating a top-level ErrorBoundary.
- */
-// TODO(burdon): Rename.
-export const ClientInitializer = ({
-  children,
-  config = {},
-  clientOpts,
-  onError,
-  errorComponent: ErrorComponent,
-  loaderComponent: LoaderComponent
-}: ClientInitializerProps) => {
-  const [client, setClient] = useState<Client | undefined>();
-
-  // TODO(burdon): Global error handling?
-  // It's important to print the error to the console here so sentry can report it.
-  const handleError = (error: Error, errorInfo?: ErrorInfo) => {
-    console.error(error, errorInfo);
-    if (onError) {
-      onError(error, errorInfo);
-    }
-  };
-
-  const handleRestart = () => {
-    window.location.reload();
-  };
-
-  // TODO(burdon): Debug only? "Are you sure?" warning?
-  const handleReset = async () => {
-    if (client) {
-      await client.reset();
-    }
-  };
-
-  return (
-    <ErrorBoundary
-      onError={handleError}
-      onRestart={handleRestart}
-      onReset={handleReset}
-      errorComponent={ErrorComponent}
-    >
-      <ClientLoader
-        config={config}
-        clientOpts={clientOpts}
-        loaderComponent={LoaderComponent}
-        onInit={setClient}
-      >
-        {children}
-      </ClientLoader>
-    </ErrorBoundary>
-  );
-};