feat: embedded workspace

src/component/NMRium.tsx

@@ -1,7 +1,7 @@
 /** @jsxImportSource @emotion/react */
 
 import { css } from '@emotion/react';
-import { RootLayout, SplitPane } from 'analysis-ui-components';
+import { RootLayout } from 'analysis-ui-components';
 import { CorrelationData } from 'nmr-correlation';
 import {
   useEffect,
@@ -26,6 +26,7 @@ import Viewer1D from './1d/Viewer1D';
 import Viewer2D from './2d/Viewer2D';
 import ErrorOverlay from './ErrorOverlay';
 import KeysListenerTracker from './EventsTrackers/KeysListenerTracker';
+import { SplitPaneWrapper } from './SplitPaneWrapper';
 import { AssignmentProvider } from './assignment';
 import { ChartDataProvider } from './context/ChartContext';
 import { DispatchProvider } from './context/DispatchContext';
@@ -113,7 +114,8 @@ export type NMRiumWorkspace =
   | 'exercise'
   | 'process1D'
   | 'default'
-  | 'prediction';
+  | 'prediction'
+  | 'embedded';
 
 export interface NMRiumProps {
   data?: NMRiumData;
@@ -333,15 +335,7 @@ function InnerNMRium({
                                 }}
                               >
                                 <ToolBar />
-                                <SplitPane
-                                  initialSeparation="590px"
-                                  orientation="horizontal"
-                                  sideSeparation="end"
-                                  initialClosed={
-                                    preferences?.general?.hidePanelOnLoad ||
-                                    false
-                                  }
-                                >
+                                <SplitPaneWrapper>
                                   <div css={viewerContainerStyle}>
                                     <KeysListenerTracker />
                                     <div
@@ -360,7 +354,7 @@ function InnerNMRium({
                                     </div>
                                   </div>
                                   <Panels />
-                                </SplitPane>
+                                </SplitPaneWrapper>
 
                                 <div
                                   ref={elementsWrapperRef}

src/component/SplitPaneWrapper.tsx

@@ -0,0 +1,18 @@
+import { SplitPane } from 'analysis-ui-components';
+
+import { usePreferences } from './context/PreferencesContext';
+
+export function SplitPaneWrapper({ children }) {
+  const { current } = usePreferences();
+  return (
+    <SplitPane
+      key={current?.display?.general?.hidePanelOnLoad ? 'true' : 'false'}
+      initialSeparation="590px"
+      orientation="horizontal"
+      sideSeparation="end"
+      initialClosed={current?.display?.general?.hidePanelOnLoad || false}
+    >
+      {children}
+    </SplitPane>
+  );
+}

src/component/reducer/preferencesReducer.ts

@@ -65,21 +65,14 @@ export const WORKSPACES: Array<{
     key: 'prediction',
     label: Workspaces.prediction.label,
   },
+  {
+    key: 'embedded',
+    label: Workspaces.embedded.label,
+  },
 ];
 
 function getPreferencesByWorkspace(workspace: NMRiumWorkspace) {
-  switch (workspace) {
-    case 'exercise':
-      return Workspaces.exercise;
-    case 'process1D':
-      return Workspaces.process1D;
-    case 'prediction':
-      return Workspaces.prediction;
-    case 'default':
-      return Workspaces.default;
-    default:
-      return {} as Workspace;
-  }
+  return Workspaces?.[workspace] || {};
 }
 
 export interface PreferencesState {

src/component/workspaces/embedded.ts

@@ -0,0 +1,33 @@
+import { Workspace } from './Workspace';
+import { basic } from './basic';
+
+export const embedded: Workspace = {
+  version: 1,
+  label: 'Embedded workspace',
+  display: {
+    general: {
+      disableMultipletAnalysis: false,
+      hideSetSumFromMolecule: false,
+      hideGeneralSettings: false,
+      experimentalFeatures: { display: true },
+      hidePanelOnLoad: true,
+    },
+
+    panels: {
+      spectraPanel: { display: true, open: true },
+      informationPanel: { display: true, open: false },
+      peaksPanel: { display: true, open: false },
+      integralsPanel: { display: true, open: false },
+      rangesPanel: { display: true, open: false },
+      structuresPanel: { display: true, open: false },
+      filtersPanel: { display: true, open: false },
+      zonesPanel: { display: true, open: false },
+      summaryPanel: { display: false, open: false },
+      multipleSpectraAnalysisPanel: { display: false, open: false },
+      databasePanel: { display: false, open: false },
+      predictionPanel: { display: false, open: false },
+    },
+  },
+  controllers: basic.controllers,
+  formatting: basic.formatting,
+};

src/component/workspaces/index.ts

@@ -1,6 +1,7 @@
 import { basic } from './basic';
+import { embedded } from './embedded';
 import { exercise } from './exercise';
 import { prediction } from './prediction';
 import { process1D } from './process1D';
 
-export default { exercise, default: basic, process1D, prediction };
+export default { exercise, default: basic, process1D, prediction, embedded };