@finos/legend-vscode-extension-dependencies 3.0.2 → 4.0.0

package/src/components/Diagram/DiagramHeader.tsx

@@ -1,230 +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 Diagram,
-  DIAGRAM_ALIGNER_OPERATOR,
-  DIAGRAM_ZOOM_LEVELS,
-  V1_diagramModelSchema,
-  V1_transformDiagram,
-} from '@finos/legend-extension-dsl-diagram';
-import { observer } from 'mobx-react-lite';
-import { serialize } from 'serializr';
-import { WRITE_ENTITY } from '../../utils/Const.js';
-import {
-  AlignBottomIcon,
-  AlignCenterIcon,
-  AlignEndIcon,
-  AlignMiddleIcon,
-  AlignStartIcon,
-  AlignTopIcon,
-  CaretDownIcon,
-  ControlledDropdownMenu,
-  DistributeHorizontalIcon,
-  DistributeVerticalIcon,
-  MenuContent,
-  MenuContentDivider,
-  MenuContentItem,
-  SaveIcon,
-} from '@finos/legend-art';
-import type { DiagramEditorState } from '../../stores/DiagramEditorState.js';
-import { postMessage } from '../../utils/VsCodeUtils.js';
-import type { PlainObject } from '@finos/legend-shared';
-
-export const DiagramEditorHeader = observer(
-  (props: { diagramEditorState: DiagramEditorState }) => {
-    const { diagramEditorState } = props;
-    const createCenterZoomer =
-      (zoomLevel: number): (() => void) =>
-      (): void => {
-        diagramEditorState.renderer.zoomCenter(zoomLevel / 100);
-      };
-    const zoomToFit = (): void => diagramEditorState.renderer.zoomToFit();
-
-    const isAlignerDisabled =
-      diagramEditorState.renderer.selectedClasses.length < 2;
-
-    return (
-      <>
-        <div className="diagram-editor__header__group">
-          <button
-            className="diagram-editor__header__action diagram-editor__header__group__action"
-            title="Save"
-            tabIndex={-1}
-            onClick={(): void =>
-              postMessage({
-                command: WRITE_ENTITY,
-                msg: serialize(
-                  V1_diagramModelSchema,
-                  V1_transformDiagram(
-                    diagramEditorState._renderer?.diagram as Diagram,
-                  ),
-                ) as PlainObject,
-              })
-            }
-          >
-            <SaveIcon className="diagram-editor__icon--aligner" />
-          </button>
-          <button
-            className="diagram-editor__header__action diagram-editor__header__group__action"
-            title="Align left"
-            disabled={isAlignerDisabled}
-            tabIndex={-1}
-            onClick={(): void =>
-              diagramEditorState.renderer.align(
-                DIAGRAM_ALIGNER_OPERATOR.ALIGN_LEFT,
-              )
-            }
-          >
-            <AlignStartIcon className="diagram-editor__icon--aligner" />
-          </button>
-          <button
-            className="diagram-editor__header__action diagram-editor__header__group__action"
-            title="Align center"
-            disabled={isAlignerDisabled}
-            tabIndex={-1}
-            onClick={(): void =>
-              diagramEditorState.renderer.align(
-                DIAGRAM_ALIGNER_OPERATOR.ALIGN_CENTER,
-              )
-            }
-          >
-            <AlignCenterIcon className="diagram-editor__icon--aligner" />
-          </button>
-          <button
-            className="diagram-editor__header__action diagram-editor__header__group__action"
-            title="Align right"
-            disabled={isAlignerDisabled}
-            tabIndex={-1}
-            onClick={(): void =>
-              diagramEditorState.renderer.align(
-                DIAGRAM_ALIGNER_OPERATOR.ALIGN_RIGHT,
-              )
-            }
-          >
-            <AlignEndIcon className="diagram-editor__icon--aligner" />
-          </button>
-        </div>
-        <div className="diagram-editor__header__group__separator" />
-        <div className="diagram-editor__header__group">
-          <button
-            className="diagram-editor__header__action diagram-editor__header__group__action"
-            title="Align top"
-            disabled={isAlignerDisabled}
-            tabIndex={-1}
-            onClick={(): void =>
-              diagramEditorState.renderer.align(
-                DIAGRAM_ALIGNER_OPERATOR.ALIGN_TOP,
-              )
-            }
-          >
-            <AlignTopIcon className="diagram-editor__icon--aligner" />
-          </button>
-          <button
-            className="diagram-editor__header__action diagram-editor__header__group__action"
-            title="Align middle"
-            disabled={isAlignerDisabled}
-            tabIndex={-1}
-            onClick={(): void =>
-              diagramEditorState.renderer.align(
-                DIAGRAM_ALIGNER_OPERATOR.ALIGN_MIDDLE,
-              )
-            }
-          >
-            <AlignMiddleIcon className="diagram-editor__icon--aligner" />
-          </button>
-          <button
-            className="diagram-editor__header__action diagram-editor__header__group__action"
-            title="Align bottom"
-            disabled={isAlignerDisabled}
-            tabIndex={-1}
-            onClick={(): void =>
-              diagramEditorState.renderer.align(
-                DIAGRAM_ALIGNER_OPERATOR.ALIGN_BOTTOM,
-              )
-            }
-          >
-            <AlignBottomIcon className="diagram-editor__icon--aligner" />
-          </button>
-        </div>
-        <div className="diagram-editor__header__group__separator" />
-        <div className="diagram-editor__header__group">
-          <button
-            className="diagram-editor__header__action diagram-editor__header__group__action"
-            title="Space horizontally"
-            disabled={isAlignerDisabled}
-            tabIndex={-1}
-            onClick={(): void =>
-              diagramEditorState.renderer.align(
-                DIAGRAM_ALIGNER_OPERATOR.SPACE_HORIZONTALLY,
-              )
-            }
-          >
-            <DistributeHorizontalIcon className="diagram-editor__icon--aligner" />
-          </button>
-          <button
-            className="diagram-editor__header__action diagram-editor__header__group__action"
-            title="Space vertically"
-            disabled={isAlignerDisabled}
-            tabIndex={-1}
-            onClick={(): void =>
-              diagramEditorState.renderer.align(
-                DIAGRAM_ALIGNER_OPERATOR.SPACE_VERTICALLY,
-              )
-            }
-          >
-            <DistributeVerticalIcon className="diagram-editor__icon--aligner" />
-          </button>
-        </div>
-        <ControlledDropdownMenu
-          className="diagram-editor__header__dropdown"
-          title="Zoom..."
-          content={
-            <MenuContent>
-              <MenuContentItem
-                className="diagram-editor__header__zoomer__dropdown__menu__item"
-                onClick={zoomToFit}
-              >
-                Fit
-              </MenuContentItem>
-              <MenuContentDivider />
-              {DIAGRAM_ZOOM_LEVELS.map((zoomLevel) => (
-                <MenuContentItem
-                  key={zoomLevel}
-                  className="diagram-editor__header__zoomer__dropdown__menu__item"
-                  onClick={createCenterZoomer(zoomLevel)}
-                >
-                  {zoomLevel}%
-                </MenuContentItem>
-              ))}
-            </MenuContent>
-          }
-          menuProps={{
-            anchorOrigin: { vertical: 'bottom', horizontal: 'right' },
-            transformOrigin: { vertical: 'top', horizontal: 'right' },
-            elevation: 7,
-          }}
-        >
-          <div className="diagram-editor__header__dropdown__label diagram-editor__header__zoomer__dropdown__label">
-            {Math.round(diagramEditorState.renderer.zoom * 100)}%
-          </div>
-          <div className="diagram-editor__header__dropdown__trigger diagram-editor__header__zoomer__dropdown__trigger">
-            <CaretDownIcon />
-          </div>
-        </ControlledDropdownMenu>
-      </>
-    );
-  },
-);

package/src/stores/DiagramEditorState.ts

@@ -1,121 +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 Diagram,
-  type Point,
-} from '@finos/legend-extension-dsl-diagram/graph';
-import { type PureModel } from '@finos/legend-graph';
-import { type GeneratorFn, guaranteeNonNullable } from '@finos/legend-shared';
-import { action, computed, flow, makeObservable, observable } from 'mobx';
-import {
-  DIAGRAM_INTERACTION_MODE,
-  type DiagramRenderer,
-} from '@finos/legend-extension-dsl-diagram/application';
-
-export class DiagramEditorState {
-  _renderer?: DiagramRenderer | undefined;
-  diagramId: string;
-  diagram?: Diagram;
-  graph?: PureModel;
-
-  constructor(diagramId: string) {
-    makeObservable(this, {
-      _renderer: observable,
-      diagram: observable,
-      diagramCursorClass: computed,
-      addClassView: flow,
-      setRenderer: action,
-    });
-
-    this.diagramId = diagramId;
-  }
-
-  get renderer(): DiagramRenderer {
-    return guaranteeNonNullable(
-      this._renderer,
-      `Diagram renderer must be initialized (this is likely caused by calling this method at the wrong place)`,
-    );
-  }
-
-  get isDiagramRendererInitialized(): boolean {
-    return Boolean(this._renderer);
-  }
-
-  // NOTE: we have tried to use React to control the cursor and
-  // could not overcome the jank/lag problem, so we settle with CSS-based approach
-  // See https://css-tricks.com/using-css-cursors/
-  // See https://developer.mozilla.org/en-US/docs/Web/CSS/cursor
-  get diagramCursorClass(): string {
-    if (!this.isDiagramRendererInitialized) {
-      return '';
-    }
-    if (this.renderer.middleClick || this.renderer.rightClick) {
-      return 'diagram-editor__cursor--grabbing';
-    }
-    switch (this.renderer.interactionMode) {
-      case DIAGRAM_INTERACTION_MODE.PAN: {
-        return this.renderer.leftClick
-          ? 'diagram-editor__cursor--grabbing'
-          : 'diagram-editor__cursor--grab';
-      }
-      case DIAGRAM_INTERACTION_MODE.ZOOM_IN: {
-        return 'diagram-editor__cursor--zoom-in';
-      }
-      case DIAGRAM_INTERACTION_MODE.ZOOM_OUT: {
-        return 'diagram-editor__cursor--zoom-out';
-      }
-      case DIAGRAM_INTERACTION_MODE.LAYOUT: {
-        if (this.renderer.selectionStart) {
-          return 'diagram-editor__cursor--crosshair';
-        } else if (
-          this.renderer.mouseOverClassCorner ||
-          this.renderer.selectedClassCorner
-        ) {
-          return 'diagram-editor__cursor--resize';
-        } else if (this.renderer.mouseOverClassView) {
-          return 'diagram-editor__cursor--pointer';
-        }
-        return '';
-      }
-      default:
-        return '';
-    }
-  }
-
-  setupRenderer(): void {
-    this.renderer.setIsReadOnly(false);
-  }
-
-  setRenderer(val: DiagramRenderer): void {
-    this._renderer = val;
-  }
-
-  setDiagram(val: Diagram): void {
-    this.diagram = val;
-  }
-
-  setGraph(val: PureModel): void {
-    this.graph = val;
-  }
-
-  *addClassView(path: string, position: Point | undefined): GeneratorFn<void> {
-    if (!this.graph || !this.diagram) {
-      return;
-    }
-    const _class = this.graph.getClass(path);
-    this.renderer.addClassView(_class, position);
-  }
-}

package/src/utils/Const.ts

@@ -1,21 +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.
- */
-
-// Event Types
-export const GET_PROJECT_ENTITIES = 'getProjectEntities';
-export const GET_PROJECT_ENTITIES_RESPONSE = 'getProjectEntitiesResponse';
-export const DIAGRAM_DROP_CLASS_ERROR = 'diagramDropClassError';
-export const WRITE_ENTITY = 'writeEntity';

package/src/utils/VsCodeUtils.ts

@@ -1,27 +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 { PlainObject } from '@finos/legend-shared';
-
-interface Vscode {
-  postMessage(message: PlainObject): void;
-}
-
-declare const vscode: Vscode;
-
-export const postMessage = (message: PlainObject): void => {
-  vscode.postMessage(message);
-};