@jbrowse/plugin-menus 5.0.0-beta.11 → 5.0.0-beta.14

package/esm/ImportSessionWidget/components/ImportError.d.ts

@@ -1,3 +1,4 @@
-export default function ImportError({ error }: {
+declare const ImportError: ({ error, }: {
     error: unknown;
-}): import("react").JSX.Element;
+}) => import("react").JSX.Element;
+export default ImportError;

package/esm/ImportSessionWidget/components/ImportError.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { makeStyles } from '@jbrowse/core/util/tss-react';
 import ErrorIcon from '@mui/icons-material/Error';
 import { Paper, Typography } from '@mui/material';
+import { observer } from 'mobx-react';
 const useStyles = makeStyles()(theme => ({
     error: {
         margin: theme.spacing(2),
@@ -16,7 +17,8 @@ const useStyles = makeStyles()(theme => ({
         padding: theme.spacing(2),
     },
 }));
-export default function ImportError({ error }) {
+const ImportError = observer(function ImportError({ error, }) {
     const { classes } = useStyles();
     return (_jsxs(Paper, { className: classes.error, children: [_jsxs("div", { className: classes.errorHeader, children: [_jsx(ErrorIcon, { color: "inherit", fontSize: "large" }), _jsx(Typography, { variant: "h6", color: "inherit", align: "center", children: "Import error" })] }), _jsx(Typography, { className: classes.errorMessage, children: `${error}` })] }));
-}
+});
+export default ImportError;

package/esm/ImportSessionWidget/components/ImportSessionWidget.js

@@ -5,6 +5,7 @@ import { getEnv, getSession } from '@jbrowse/core/util';
 import { makeStyles } from '@jbrowse/core/util/tss-react';
 import { Button, Paper, Typography } from '@mui/material';
 import { observer } from 'mobx-react';
+import { parseSessionFile } from '../parseSessionFile.js';
 import ImportError from './ImportError.js';
 const MAX_FILE_SIZE = 512 * 1024 ** 2; // 512 MiB
 const useStyles = makeStyles()(theme => ({
@@ -22,17 +23,7 @@ const ImportSessionWidget = observer(function ImportSessionWidget({ model, }) {
                             if (rejectedFiles.length > 0) {
                                 throw new Error(rejectedFiles[0].errors.map(e => e.message).join(', '));
                             }
-                            const sessionText = await acceptedFiles[0].text();
-                            const parsed = JSON.parse(sessionText);
-                            if (!parsed || typeof parsed !== 'object') {
-                                throw new Error('File does not contain a JSON object');
-                            }
-                            // session exports wrap the session under a top-level "session"
-                            // key; fall back to treating the whole object as the session
-                            const session = 'session' in parsed ? parsed.session : parsed;
-                            if (!session || typeof session !== 'object') {
-                                throw new Error('No session found in file. Expected a JBrowse session export (a JSON file with a top-level "session" key).');
-                            }
+                            const session = parseSessionFile(await acceptedFiles[0].text());
                             await getEnv(model).pluginManager.preloadSessionTypes(session);
                             getSession(model).setSession?.(session);
                         }

package/esm/ImportSessionWidget/parseSessionFile.d.ts

@@ -0,0 +1,4 @@
+export declare function parseSessionFile(text: string): {
+    name: string;
+    [key: string]: unknown;
+};

package/esm/ImportSessionWidget/parseSessionFile.js

@@ -0,0 +1,14 @@
+// The file's id is dropped so the import opens as a new session: keeping it
+// would autosave over the saved session the file was exported from.
+export function parseSessionFile(text) {
+    const parsed = JSON.parse(text);
+    if (!parsed || typeof parsed !== 'object') {
+        throw new Error('File does not contain a JSON object');
+    }
+    const session = 'session' in parsed ? parsed.session : parsed;
+    if (!session || typeof session !== 'object' || Array.isArray(session)) {
+        throw new Error('No session found in file. Expected a JBrowse session export (a JSON file with a top-level "session" key).');
+    }
+    const { id: _id, ...rest } = session;
+    return rest;
+}

package/esm/index.js

@@ -5,14 +5,12 @@ import InfoIcon from '@mui/icons-material/Info';
 import AboutWidgetF from './AboutWidget/index.js';
 import HelpWidgetF from './HelpWidget/index.js';
 import ImportSessionWidgetF from './ImportSessionWidget/index.js';
-import SessionManagerF from './SessionManager/index.js';
 export default class MenusPlugin extends Plugin {
     name = 'MenusPlugin';
     install(pluginManager) {
         AboutWidgetF(pluginManager);
         HelpWidgetF(pluginManager);
         ImportSessionWidgetF(pluginManager);
-        SessionManagerF(pluginManager);
     }
     configure(pluginManager) {
         if (isAbstractMenuManager(pluginManager.rootModel)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-menus",
-  "version": "5.0.0-beta.11",
+  "version": "5.0.0-beta.14",
   "type": "module",
   "description": "JBrowse 2 basic menus",
   "keywords": [
@@ -21,15 +21,14 @@
     "esm"
   ],
   "dependencies": {
-    "@jbrowse/mobx-state-tree": "^6.7.0",
-    "@mui/icons-material": "^9.4.0",
-    "@mui/material": "^9.4.0",
-    "@mui/system": "^9.4.0",
-    "@mui/x-data-grid": "^9.14.0",
-    "mobx": "^7.0.5",
+    "@jbrowse/mobx-state-tree": "^6.9.0",
+    "@mui/icons-material": "^9.5.0",
+    "@mui/material": "^9.5.0",
+    "@mui/system": "^9.5.0",
+    "mobx": "^7.0.6",
     "mobx-react": "^10.0.2",
-    "@jbrowse/core": "^5.0.0-beta.11",
-    "@jbrowse/render-core": "^5.0.0-beta.11"
+    "@jbrowse/render-core": "^5.0.0-beta.14",
+    "@jbrowse/core": "^5.0.0-beta.14"
   },
   "peerDependencies": {
     "react": ">=19.0.0",

package/esm/SessionManager/components/DeleteOldSessionsDialog.d.ts

@@ -1,12 +0,0 @@
-import type { SessionModel } from './util.ts';
-/**
- * Confirmation for the bulk "delete old sessions" action, which is the one
- * control here that can destroy many sessions at once and was previously a
- * single unconfirmed click. Shows how many sessions the chosen cutoff actually
- * matches, so "delete" is never a guess.
- */
-declare const DeleteOldSessionsDialog: ({ session, onClose, }: {
-    session: SessionModel;
-    onClose: () => void;
-}) => import("react").JSX.Element;
-export default DeleteOldSessionsDialog;

package/esm/SessionManager/components/DeleteOldSessionsDialog.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { ConfirmDialog } from '@jbrowse/core/ui';
-import { MenuItem, TextField, Typography } from '@mui/material';
-import { observer } from 'mobx-react';
-import { STALE_CUTOFFS, staleSessions } from './util.js';
-/**
- * Confirmation for the bulk "delete old sessions" action, which is the one
- * control here that can destroy many sessions at once and was previously a
- * single unconfirmed click. Shows how many sessions the chosen cutoff actually
- * matches, so "delete" is never a guess.
- */
-const DeleteOldSessionsDialog = observer(function DeleteOldSessionsDialog({ session, onClose, }) {
-    const [days, setDays] = useState(STALE_CUTOFFS[0].days);
-    const matched = staleSessions(session.savedSessionMetadata, {
-        days,
-        openSessionId: session.id,
-    });
-    return (_jsxs(ConfirmDialog, { open: true, title: "Delete old sessions", submitText: "Delete", submitColor: "error", submitDisabled: matched.length === 0, onCancel: onClose, onSubmit: () => {
-            session
-                .deleteSavedSessions(matched.map(m => m.id))
-                .then(() => {
-                session.notify(`${matched.length} session${matched.length === 1 ? '' : 's'} deleted`, 'success');
-            })
-                .catch((e) => {
-                console.error(e);
-                session.notifyError(`${e}`, e);
-            });
-            onClose();
-        }, children: [_jsx(TextField, { select: true, fullWidth: true, label: "Delete sessions last used more than", value: days, onChange: event => {
-                    setDays(+event.target.value);
-                }, children: STALE_CUTOFFS.map(cutoff => (_jsxs(MenuItem, { value: cutoff.days, children: [cutoff.label, " ago"] }, cutoff.days))) }), _jsx(Typography, { children: matched.length === 0
-                    ? 'No sessions match — favorites and the session you have open are never deleted.'
-                    : `${matched.length} session${matched.length === 1 ? '' : 's'} will be deleted. Favorites and the session you have open are kept.` })] }));
-});
-export default DeleteOldSessionsDialog;

package/esm/SessionManager/components/SessionManager.d.ts

@@ -1,5 +0,0 @@
-import type { SessionModel } from './util.ts';
-declare const SessionManager: ({ session, }: {
-    session: SessionModel;
-}) => import("react").JSX.Element;
-export default SessionManager;

package/esm/SessionManager/components/SessionManager.js

@@ -1,130 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { LabeledCheckbox } from '@jbrowse/core/ui';
-import DataGridFlexContainer from '@jbrowse/core/ui/DataGridFlexContainer';
-import { useLocalStorage } from '@jbrowse/core/util/hooks';
-import { makeStyles } from '@jbrowse/core/util/tss-react';
-import { Button, Typography } from '@mui/material';
-import { DataGrid } from '@mui/x-data-grid';
-import { observer } from 'mobx-react';
-import DeleteOldSessionsDialog from './DeleteOldSessionsDialog.js';
-import { DeleteCell, FavoriteCell, LastUsedCell, NameCell } from './cells.js';
-import { sessionLastUsed } from './util.js';
-const useStyles = makeStyles()(theme => ({
-    // The widget fills its drawer and the grid takes what is left below the
-    // controls. Not cosmetic: MUI's DataGrid draws its horizontal scrollbar as an
-    // absolutely positioned overlay at the bottom of its own box, so a grid sized
-    // to its content puts that 14px bar *on top of the last row* — and z-index 60
-    // wins the hit test, so the bottom session silently stops responding to
-    // clicks. Given room, the bar lands below every row.
-    root: {
-        display: 'flex',
-        flexDirection: 'column',
-        height: '100%',
-    },
-    grid: {
-        flex: 1,
-        // a flex child defaults to min-height:auto, which refuses to shrink below
-        // its content and would push the grid past the drawer instead of scrolling
-        minHeight: 0,
-    },
-    mb: {
-        margin: theme.spacing(1),
-        marginBottom: theme.spacing(4),
-    },
-}));
-/**
- * The rows of the grid: the saved-session metadata the root model read out of
- * IndexedDB, in display shape. `undefined` in, `undefined` out — that is the
- * "database still opening" state, and it is deliberately not the same value as
- * an empty database (see the render below).
- */
-function buildRows(session, showOnlyFavs) {
-    return session.savedSessionMetadata
-        ?.map(r => {
-        const current = r.id === session.id;
-        return {
-            id: r.id,
-            name: r.name,
-            label: current ? `${r.name} (current)` : r.name,
-            createdAt: r.createdAt,
-            lastUsed: sessionLastUsed(r),
-            fav: r.favorite,
-            current,
-        };
-    })
-        .filter(f => !showOnlyFavs || f.fav);
-}
-/**
- * One entry per column, each deferring to a named cell in cells.tsx so this
- * reads as the shape of the table rather than as four inline components.
- *
- * Name takes the leftover width (`flex`) rather than a width measured from the
- * session names, and the three fixed columns are kept narrow enough that their
- * sum plus Name's minWidth fits a default-width drawer. `measureGridWidth`
- * hands back a *fixed* width — up to 1000px for a long session name — and any
- * total past the panel width grows the horizontal scrollbar this widget's
- * styles exist to keep off the rows (see useStyles).
- */
-function buildColumns(session) {
-    return [
-        {
-            field: 'fav',
-            headerName: 'Fav',
-            // the header of an icon column is short, and its sort arrow and column
-            // menu are what push it into an ellipsis. Only sorting earns its space
-            // here -- grouping the favorites is a real thing to want -- so the menu
-            // goes and the header reads.
-            width: 60,
-            disableColumnMenu: true,
-            renderCell: ({ row }) => (_jsx(FavoriteCell, { row: row, session: session })),
-        },
-        {
-            field: 'name',
-            headerName: 'Name',
-            editable: true,
-            flex: 1,
-            minWidth: 120,
-            renderCell: ({ row }) => (_jsx(NameCell, { row: row, session: session })),
-        },
-        {
-            field: 'lastUsed',
-            headerName: 'Last used',
-            width: 100,
-            renderCell: ({ row }) => (_jsx(LastUsedCell, { row: row, session: session })),
-        },
-        {
-            field: 'delete',
-            headerName: 'Delete',
-            // nothing to sort or filter on a column of buttons, and dropping both
-            // gives the header room to say "Delete" instead of "Del..."
-            width: 66,
-            sortable: false,
-            filterable: false,
-            disableColumnMenu: true,
-            renderCell: ({ row }) => (_jsx(DeleteCell, { row: row, session: session })),
-        },
-    ];
-}
-const SessionManager = observer(function SessionManager({ session, }) {
-    const { classes } = useStyles();
-    const [deleteOldOpen, setDeleteOldOpen] = useState(false);
-    const [showOnlyFavs, setShowOnlyFavs] = useLocalStorage('sessionManager-showOnlyFavs', false);
-    const rows = buildRows(session, showOnlyFavs);
-    return (_jsxs("div", { className: classes.root, children: [_jsxs("div", { className: classes.mb, children: [_jsx(LabeledCheckbox, { checked: showOnlyFavs, onChange: val => {
-                            setShowOnlyFavs(val);
-                        }, label: "Show favorites only?" }), _jsx(Button, { variant: "contained", disabled: !rows, onClick: () => {
-                            setDeleteOldOpen(true);
-                        }, children: "Delete old sessions..." })] }), rows ? (_jsx(DataGridFlexContainer, { className: classes.grid, children: _jsx(DataGrid, { disableRowSelectionOnClick: true, columnHeaderHeight: 35, rowHeight: 25, hideFooter: rows.length < 100, showToolbar: true, slotProps: { toolbar: { showQuickFilter: true } }, rows: rows, columns: buildColumns(session), processRowUpdate: (newRow, oldRow) => {
-                        if (newRow.name !== oldRow.name) {
-                            void session.renameSavedSession(newRow.id, newRow.name);
-                        }
-                        return newRow;
-                    }, onProcessRowUpdateError: e => {
-                        console.error(e);
-                        session.notifyError(`${e}`, e);
-                    } }) })) : (_jsx(Typography, { className: classes.mb, children: "Loading saved sessions..." })), deleteOldOpen ? (_jsx(DeleteOldSessionsDialog, { session: session, onClose: () => {
-                    setDeleteOldOpen(false);
-                } })) : null] }));
-});
-export default SessionManager;

package/esm/SessionManager/components/cells.d.ts

@@ -1,32 +0,0 @@
-import type { SessionModel } from './util.ts';
-/**
- * One row of the saved-session grid. `current` is precomputed rather than
- * re-derived per cell: two cells turn on it, and it is the fact that decides
- * what each of them is allowed to do (see DeleteCell).
- */
-export interface Row {
-    id: string;
-    /** the editable value — what a rename writes, never what the cell draws */
-    name: string;
-    /**
-     * what the name cell draws, which is `name` plus a "(current)" suffix on the
-     * open session. Precomputed so the column that *measures* the names to pick
-     * its width measures the same strings the cells render: measuring `name`
-     * alone left the current row — the one that is always at the top — as the one
-     * row ellipsed.
-     */
-    label: string;
-    createdAt: Date;
-    lastUsed: Date;
-    fav: boolean;
-    current: boolean;
-}
-interface CellProps {
-    row: Row;
-    session: SessionModel;
-}
-export declare const FavoriteCell: ({ row, session, }: CellProps) => import("react").JSX.Element;
-export declare const NameCell: ({ row, session, }: CellProps) => import("react").JSX.Element;
-export declare const LastUsedCell: ({ row }: CellProps) => import("react").JSX.Element;
-export declare const DeleteCell: ({ row, session, }: CellProps) => import("react").JSX.Element;
-export {};

package/esm/SessionManager/components/cells.js

@@ -1,48 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ActionLink } from '@jbrowse/core/ui';
-import { formatRelativeTime } from '@jbrowse/core/util';
-import DeleteIcon from '@mui/icons-material/Delete';
-import StarIcon from '@mui/icons-material/Star';
-import StarBorderIcon from '@mui/icons-material/StarBorder';
-import { IconButton, Tooltip } from '@mui/material';
-import { observer } from 'mobx-react';
-// Every icon-only control here carries the same string as its tooltip and its
-// aria-label. Without the label a screen reader announces an unnamed button per
-// row; without the tooltip a sighted user has to guess what the icon deletes.
-const IconCell = observer(function IconCell({ label, disabled, onClick, children, }) {
-    return (_jsx(Tooltip, { disableInteractive: true, title: label, children: _jsx("span", { children: _jsx(IconButton, { "aria-label": label, disabled: disabled, onClick: onClick, children: children }) }) }));
-});
-export const FavoriteCell = observer(function FavoriteCell({ row, session, }) {
-    return (_jsx(IconCell, { label: row.fav ? 'Remove from favorites' : 'Add to favorites', onClick: () => {
-            void session.setSavedSessionFavorite(row.id, !row.fav);
-        }, children: row.fav ? _jsx(StarIcon, {}) : _jsx(StarBorderIcon, {}) }));
-});
-export const NameCell = observer(function NameCell({ row, session, }) {
-    // A native `title`, not a MUI Tooltip: the drawer is narrow enough that a
-    // long session name ellipses, and a tooltip here would mean a popper laid
-    // over the row underneath — which is exactly how this column lost its clicks
-    // once already (see the scrollbar note in SessionManager's useStyles).
-    //
-    // The open session is not offered as a link: re-opening it from IndexedDB can
-    // only lose work, since that row is up to one autosave tick behind the live
-    // model. The File menu leaves it out of the recent list for the same reason.
-    return row.current ? (_jsx("span", { title: row.label, children: row.label })) : (_jsx(ActionLink, { title: row.label, onClick: () => {
-            void session.activateSession(row.id);
-        }, children: row.label }));
-});
-// dated by last use, not creation: the rows arrive ordered by last use, so
-// showing createdAt would read as an unsorted list. Both are in the tooltip,
-// since an id survives reloads and the gap between them is often large.
-export const LastUsedCell = observer(function LastUsedCell({ row }) {
-    return (_jsx(Tooltip, { disableInteractive: true, slotProps: { transition: { timeout: 0 } }, title: `Last used ${row.lastUsed.toLocaleString()}\nCreated ${row.createdAt.toLocaleString()}`, children: _jsx("div", { children: formatRelativeTime(row.lastUsed) }) }));
-});
-export const DeleteCell = observer(function DeleteCell({ row, session, }) {
-    // the open session is rewritten by the autosave autorun every 400ms, so
-    // deleting it only makes it vanish until the next edit puts it back — say so
-    // on a disabled button rather than on a snackbar after the click
-    return (_jsx(IconCell, { label: row.current
-            ? 'Cannot delete the session that is currently open'
-            : `Delete session ${row.name}`, disabled: row.current, onClick: () => {
-            void session.deleteSavedSession(row.id);
-        }, children: _jsx(DeleteIcon, {}) }));
-});

package/esm/SessionManager/components/util.d.ts

@@ -1,44 +0,0 @@
-import type { AbstractSessionModel } from '@jbrowse/core/util';
-export interface SessionMetadata {
-    id: string;
-    name: string;
-    createdAt: Date;
-    updatedAt?: Date;
-    configPath: string;
-    favorite: boolean;
-}
-export declare function sessionLastUsed(m: SessionMetadata): Date;
-export interface SessionModel extends AbstractSessionModel {
-    savedSessionMetadata?: SessionMetadata[];
-    activateSession: (id: string) => Promise<void>;
-    deleteSavedSession: (id: string) => Promise<void>;
-    deleteSavedSessions: (ids: string[]) => Promise<void>;
-    setSavedSessionFavorite: (id: string, favorite: boolean) => Promise<void>;
-    renameSavedSession: (id: string, name: string) => Promise<void>;
-}
-export declare const STALE_CUTOFFS: readonly [{
-    readonly label: '1 day';
-    readonly days: 1;
-}, {
-    readonly label: '1 week';
-    readonly days: 7;
-}, {
-    readonly label: '1 month';
-    readonly days: 30;
-}];
-/**
- * The sessions a bulk "delete old sessions" would remove: unfavorited, not the
- * one currently open, and last *used* — not created — longer ago than the
- * cutoff. An id survives reloads, so a session edited every day still carries
- * the createdAt of the day it was opened, and ageing by that would delete live
- * work out from under the user.
- *
- * The open session is excluded here as well as in the model's
- * deleteSavedSessions, so the count the confirmation quotes is the number of
- * sessions that will actually go.
- */
-export declare function staleSessions(metadata: SessionMetadata[] | undefined, { days, openSessionId, now, }: {
-    days: number;
-    openSessionId?: string;
-    now?: number;
-}): SessionMetadata[];

package/esm/SessionManager/components/util.js

@@ -1,28 +0,0 @@
-// when a session was last touched, see web-core's sessionLastUsed
-export function sessionLastUsed(m) {
-    return m.updatedAt ?? m.createdAt;
-}
-// The cutoffs the "delete old sessions" bulk action offers. Days, so the label
-// and the filter can never disagree about what "1 week" means.
-export const STALE_CUTOFFS = [
-    { label: '1 day', days: 1 },
-    { label: '1 week', days: 7 },
-    { label: '1 month', days: 30 },
-];
-const MS_PER_DAY = 1000 * 60 * 60 * 24;
-/**
- * The sessions a bulk "delete old sessions" would remove: unfavorited, not the
- * one currently open, and last *used* — not created — longer ago than the
- * cutoff. An id survives reloads, so a session edited every day still carries
- * the createdAt of the day it was opened, and ageing by that would delete live
- * work out from under the user.
- *
- * The open session is excluded here as well as in the model's
- * deleteSavedSessions, so the count the confirmation quotes is the number of
- * sessions that will actually go.
- */
-export function staleSessions(metadata, { days, openSessionId, now = Date.now(), }) {
-    return (metadata ?? []).filter(m => !m.favorite &&
-        m.id !== openSessionId &&
-        (now - +sessionLastUsed(m)) / MS_PER_DAY > days);
-}

package/esm/SessionManager/index.d.ts

@@ -1,7 +0,0 @@
-import type PluginManager from '@jbrowse/core/PluginManager';
-export declare const configSchema: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined, undefined, import("@jbrowse/core/configuration").ConfigurationSchemaRequirement<Partial<Record<string, string[]>>, string>, any>>;
-export declare const stateModel: import("@jbrowse/mobx-state-tree").IModelType<{
-    id: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<string>, [undefined]>;
-    type: import("@jbrowse/mobx-state-tree").ILiteralType<"SessionManager">;
-}, {}, import("@jbrowse/mobx-state-tree")._NotCustomized, import("@jbrowse/mobx-state-tree")._NotCustomized>;
-export default function SessionManagerF(pluginManager: PluginManager): void;

package/esm/SessionManager/index.js

@@ -1,22 +0,0 @@
-import { ConfigurationSchema } from '@jbrowse/core/configuration';
-import { WidgetType } from '@jbrowse/core/pluggableElementTypes';
-import { lazyWithPreload } from '@jbrowse/core/util/lazyWithPreload';
-import { ElementId } from '@jbrowse/core/util/types/mst';
-import { types } from '@jbrowse/mobx-state-tree';
-export const configSchema = ConfigurationSchema('SessionManager', {});
-export const stateModel = types.model('SessionManager', {
-    id: ElementId,
-    type: types.literal('SessionManager'),
-});
-export default function SessionManagerF(pluginManager) {
-    pluginManager.addWidgetType(() => {
-        return new WidgetType({
-            name: 'SessionManager',
-            discardOnClose: true,
-            heading: 'Recent sessions',
-            configSchema,
-            stateModel,
-            ReactComponent: lazyWithPreload(() => import('./components/SessionManager.js')),
-        });
-    });
-}