@finos/legend-application-repl 0.0.59 → 1.0.0

package/src/components/Core_LegendREPLApplicationPlugin.tsx

@@ -1,40 +0,0 @@
-/**
- * Copyright (c) 2020-present, Goldman Sachs
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import type { LegendApplicationSetup } from '@finos/legend-application';
-import packageJson from '../../package.json' with { type: 'json' };
-import { LegendREPLApplicationPlugin } from '../stores/LegendREPLApplicationPlugin.js';
-import {
-  configureCodeEditorComponent,
-  setupPureLanguageService,
-} from '@finos/legend-lego/code-editor';
-
-export class Core_LegendREPLApplicationPlugin extends LegendREPLApplicationPlugin {
-  static NAME = packageJson.extensions.applicationREPLPlugin;
-
-  constructor() {
-    super(Core_LegendREPLApplicationPlugin.NAME, packageJson.version);
-  }
-
-  override getExtraApplicationSetups(): LegendApplicationSetup[] {
-    return [
-      async (application) => {
-        await configureCodeEditorComponent(application);
-        setupPureLanguageService();
-      },
-    ];
-  }
-}

package/src/components/LegendREPLFrameworkProvider.tsx

@@ -1,52 +0,0 @@
-/**
- * Copyright (c) 2020-present, Goldman Sachs
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { createContext } from 'react';
-import { useLocalObservable } from 'mobx-react-lite';
-import {
-  ApplicationFrameworkProvider,
-  useApplicationStore,
-} from '@finos/legend-application';
-import type { LegendREPLPluginManager } from '../application/LegendREPLPluginManager.js';
-import type { LegendREPLApplicationConfig } from '../application/LegendREPLApplicationConfig.js';
-import { LegendREPLBaseStore } from '../stores/LegendREPLBaseStore.js';
-
-export const useLegendREPLApplicationStore = () =>
-  useApplicationStore<LegendREPLApplicationConfig, LegendREPLPluginManager>();
-
-const LegendREPLBaseStoreContext = createContext<
-  LegendREPLBaseStore | undefined
->(undefined);
-
-const LegendREPLBaseStoreProvider: React.FC<{
-  children: React.ReactNode;
-}> = ({ children }) => {
-  const application = useLegendREPLApplicationStore();
-  const store = useLocalObservable(() => new LegendREPLBaseStore(application));
-  return (
-    <LegendREPLBaseStoreContext.Provider value={store}>
-      {children}
-    </LegendREPLBaseStoreContext.Provider>
-  );
-};
-
-export const LegendREPLFrameworkProvider: React.FC<{
-  children: React.ReactNode;
-}> = ({ children }) => (
-  <ApplicationFrameworkProvider simple={true}>
-    <LegendREPLBaseStoreProvider>{children}</LegendREPLBaseStoreProvider>
-  </ApplicationFrameworkProvider>
-);

package/src/components/REPLStoreProvider.tsx

@@ -1,63 +0,0 @@
-/**
- * Copyright (c) 2020-present, Goldman Sachs
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { createContext, useContext, useEffect } from 'react';
-import { observer, useLocalObservable } from 'mobx-react-lite';
-import { REPLStore } from '../stores/REPLStore.js';
-import { guaranteeNonNullable } from '@finos/legend-shared';
-import { useApplicationStore } from '@finos/legend-application';
-import type { LegendREPLApplicationConfig } from '../application/LegendREPLApplicationConfig.js';
-import type { LegendREPLPluginManager } from '../application/LegendREPLPluginManager.js';
-
-const REPLStoreContext = createContext<REPLStore | undefined>(undefined);
-
-export const REPLStoreProvider = observer(
-  ({ children }: { children: React.ReactNode }): React.ReactElement => {
-    const application = useApplicationStore<
-      LegendREPLApplicationConfig,
-      LegendREPLPluginManager
-    >();
-    const store = useLocalObservable(() => new REPLStore(application));
-
-    useEffect(() => {
-      store.initialize().catch(application.logUnhandledError);
-    }, [store, application]);
-
-    if (!store.initState.hasSucceeded) {
-      return <></>;
-    }
-    return (
-      <REPLStoreContext.Provider value={store}>
-        {children}
-      </REPLStoreContext.Provider>
-    );
-  },
-);
-
-export const useREPLStore = () =>
-  guaranteeNonNullable(
-    useContext(REPLStoreContext),
-    `Can't find REPL store in context`,
-  );
-
-export const withREPLStore = (WrappedComponent: React.FC): React.FC =>
-  function WithREPLStore() {
-    return (
-      <REPLStoreProvider>
-        <WrappedComponent />
-      </REPLStoreProvider>
-    );
-  };

package/src/components/dataCube/DataCube.tsx

@@ -1,157 +0,0 @@
-/**
- * Copyright (c) 2020-present, Goldman Sachs
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { observer } from 'mobx-react-lite';
-import { useREPLStore } from '../REPLStoreProvider.js';
-import { useEffect } from 'react';
-import { DataCubeGrid } from './grid/DataCubeGrid.js';
-import { useApplicationStore } from '@finos/legend-application';
-import {
-  DataCubeIcon,
-  DropdownMenu,
-  DropdownMenuItem,
-  ProgressBar,
-  useDropdownMenu,
-} from '@finos/legend-art';
-import { LayoutManager } from '../repl/LayoutManager.js';
-import type { DataCubeState } from '../../stores/dataCube/DataCubeState.js';
-import { INTERNAL__MonacoEditorWidgetsRoot } from '../repl/PureCodeEditor.js';
-
-const DataCubeStatusBar = observer((props: { dataCube: DataCubeState }) => {
-  const { dataCube } = props;
-
-  return (
-    <div className="flex h-5 w-full justify-between bg-neutral-100">
-      <div className="flex">
-        <button
-          className="flex items-center px-2 text-sky-600 hover:text-sky-700"
-          onClick={() => dataCube.editor.display.open()}
-        >
-          <DataCubeIcon.Settings className="text-xl" />
-          <div className="pl-0.5 underline">Properties</div>
-        </button>
-        <div className="flex">
-          <button
-            className="flex items-center text-sky-600 hover:text-sky-700"
-            onClick={() => {
-              dataCube.filter.display.open();
-            }}
-          >
-            <DataCubeIcon.TableFilter className="text-lg" />
-            <div className="pl-0.5 underline">Filter</div>
-          </button>
-        </div>
-      </div>
-      <div className="flex items-center px-2">
-        <div className="flex h-3.5 w-48 border-[0.5px] border-neutral-300">
-          {dataCube.runningTasks.size > 0 && (
-            <ProgressBar
-              classes={{
-                root: 'h-3.5 w-full bg-transparent',
-                bar1Indeterminate: 'bg-green-500',
-                bar2Indeterminate: 'bg-green-500',
-              }}
-              variant="indeterminate"
-            />
-          )}
-        </div>
-      </div>
-    </div>
-  );
-});
-
-const DataCubeTitleBar = observer((props: { dataCube: DataCubeState }) => {
-  const { dataCube } = props;
-  const repl = useREPLStore();
-  const application = useApplicationStore();
-  const [openMenuDropdown, closeMenuDropdown, menuDropdownProps] =
-    useDropdownMenu();
-
-  return (
-    <div className="flex h-6 justify-between bg-neutral-100">
-      <div className="flex select-none items-center pl-1 pr-2 text-lg font-medium">
-        <DataCubeIcon.Cube className="mr-1 h-4 w-4" />
-        <div>{dataCube.info.name}</div>
-      </div>
-      <div>
-        <button
-          className="flex h-6 w-6 flex-shrink-0 items-center justify-center text-lg"
-          onClick={openMenuDropdown}
-        >
-          <DataCubeIcon.Menu />
-        </button>
-        <DropdownMenu
-          {...menuDropdownProps}
-          menuProps={{
-            anchorOrigin: { vertical: 'top', horizontal: 'left' },
-            transformOrigin: { vertical: 'top', horizontal: 'right' },
-            classes: {
-              paper: 'rounded-none mt-[1px]',
-              list: 'w-36 p-0 rounded-none border border-neutral-400 bg-white max-h-40 overflow-y-auto py-0.5',
-            },
-          }}
-        >
-          <DropdownMenuItem
-            className="flex h-[22px] w-full items-center px-2.5 text-base hover:bg-neutral-100 focus:bg-neutral-100"
-            onClick={() => {
-              if (application.documentationService.url) {
-                application.navigationService.navigator.visitAddress(
-                  application.documentationService.url,
-                );
-              }
-              closeMenuDropdown();
-            }}
-            // disabled={!application.documentationService.url}
-            disabled={true} // TODO: enable when we set up the documentation website
-          >
-            See Documentation
-          </DropdownMenuItem>
-          <div className="my-0.5 h-[1px] w-full bg-neutral-200" />
-          <DropdownMenuItem
-            className="flex h-[22px] w-full items-center px-2.5 text-base hover:bg-neutral-100 focus:bg-neutral-100"
-            onClick={() => {
-              repl.settingsDisplay.open();
-              closeMenuDropdown();
-            }}
-          >
-            Settings...
-          </DropdownMenuItem>
-        </DropdownMenu>
-      </div>
-    </div>
-  );
-});
-
-export const DataCube = observer(() => {
-  const repl = useREPLStore();
-  const application = useApplicationStore();
-  const dataCube = repl.dataCube;
-
-  useEffect(() => {
-    dataCube.initialize().catch(application.logUnhandledError);
-  }, [dataCube, application]);
-
-  return (
-    <div className="data-cube relative flex h-full w-full flex-col bg-white">
-      <DataCubeTitleBar dataCube={dataCube} />
-      <DataCubeGrid dataCube={dataCube} />
-      <DataCubeStatusBar dataCube={dataCube} />
-      <LayoutManager layoutManagerState={repl.layout} />
-
-      <INTERNAL__MonacoEditorWidgetsRoot />
-    </div>
-  );
-});

package/src/components/dataCube/editor/DataCubeEditor.tsx

@@ -1,113 +0,0 @@
-/**
- * Copyright (c) 2020-present, Goldman Sachs
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { observer } from 'mobx-react-lite';
-import { DataCubeEditorTab } from '../../../stores/dataCube/editor/DataCubeEditorState.js';
-import { DataCubeEditorSortsPanel } from './DataCubeEditorSortsPanel.js';
-import { DataCubeEditorGeneralPropertiesPanel } from './DataCubeEditorGeneralPropertiesPanel.js';
-import { DataCubeEditorColumnsPanel } from './DataCubeEditorColumnsPanel.js';
-import { DataCubeEditorVerticalPivotsPanel } from './DataCubeEditorVerticalPivotsPanel.js';
-import { DataCubeEditorHorizontalPivotsPanel } from './DataCubeEditorHorizontalPivotsPanel.js';
-import { DataCubeEditorColumnPropertiesPanel } from './DataCubeEditorColumnPropertiesPanel.js';
-import { cn } from '@finos/legend-art';
-import type { DataCubeState } from '../../../stores/dataCube/DataCubeState.js';
-import { useApplicationStore } from '@finos/legend-application';
-
-export const DataCubeEditor = observer((props: { dataCube: DataCubeState }) => {
-  const { dataCube } = props;
-  const editor = dataCube.editor;
-  const application = useApplicationStore();
-  const selectedTab = editor.currentTab;
-  const tabs = [
-    DataCubeEditorTab.COLUMNS,
-    DataCubeEditorTab.VERTICAL_PIVOTS,
-    DataCubeEditorTab.HORIZONTAL_PIVOTS,
-    DataCubeEditorTab.SORTS,
-    DataCubeEditorTab.GENERAL_PROPERTIES,
-    DataCubeEditorTab.COLUMN_PROPERTIES,
-  ];
-
-  return (
-    <>
-      <div className="relative h-[calc(100%_-_40px)] w-full px-2 pt-8">
-        <div className="absolute top-0 flex h-9 w-[calc(100%_-_16px)] overflow-y-hidden pt-2">
-          {tabs.map((tab) => (
-            <button
-              key={tab}
-              onClick={() => editor.setCurrentTab(tab)}
-              className={cn(
-                'relative flex h-6 items-center justify-center whitespace-nowrap border border-b-0 border-l-0 border-neutral-300 px-2 first:border-l focus:z-10',
-                {
-                  '-top-0.5 h-[27px] border-b-0 bg-white': tab === selectedTab,
-                },
-              )}
-            >
-              {tab}
-            </button>
-          ))}
-        </div>
-        <div className="h-full w-full overflow-auto border border-neutral-300 bg-white">
-          {selectedTab === DataCubeEditorTab.COLUMNS && (
-            <DataCubeEditorColumnsPanel dataCube={dataCube} />
-          )}
-          {selectedTab === DataCubeEditorTab.VERTICAL_PIVOTS && (
-            <DataCubeEditorVerticalPivotsPanel dataCube={dataCube} />
-          )}
-          {selectedTab === DataCubeEditorTab.HORIZONTAL_PIVOTS && (
-            <DataCubeEditorHorizontalPivotsPanel dataCube={dataCube} />
-          )}
-          {selectedTab === DataCubeEditorTab.SORTS && (
-            <DataCubeEditorSortsPanel dataCube={dataCube} />
-          )}
-          {selectedTab === DataCubeEditorTab.GENERAL_PROPERTIES && (
-            <DataCubeEditorGeneralPropertiesPanel dataCube={dataCube} />
-          )}
-          {selectedTab === DataCubeEditorTab.COLUMN_PROPERTIES && (
-            <DataCubeEditorColumnPropertiesPanel dataCube={dataCube} />
-          )}
-        </div>
-      </div>
-      <div className="flex h-10 items-center justify-end px-2">
-        <button
-          className="h-6 w-20 border border-neutral-400 bg-neutral-300 px-2 hover:brightness-95 disabled:cursor-not-allowed disabled:border-neutral-300 disabled:text-neutral-400 disabled:hover:brightness-100"
-          disabled={editor.finalizationState.isInProgress}
-          onClick={() => {
-            editor
-              .applyChanges({ closeAfterApply: true })
-              .catch(application.alertUnhandledError);
-          }}
-        >
-          OK
-        </button>
-        <button
-          className="ml-2 h-6 w-20 border border-neutral-400 bg-neutral-300 px-2 hover:brightness-95"
-          onClick={() => editor.display.close()}
-        >
-          Cancel
-        </button>
-        <button
-          className="ml-2 h-6 w-20 border border-neutral-400 bg-neutral-300 px-2 hover:brightness-95 disabled:cursor-not-allowed disabled:border-neutral-300 disabled:text-neutral-400 disabled:hover:brightness-100"
-          disabled={editor.finalizationState.isInProgress}
-          onClick={() => {
-            editor.applyChanges().catch(application.alertUnhandledError);
-          }}
-        >
-          Apply
-        </button>
-      </div>
-    </>
-  );
-});