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

package/lib/utils/Const.d.ts

@@ -1,20 +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.
- */
-export declare const GET_PROJECT_ENTITIES = "getProjectEntities";
-export declare const GET_PROJECT_ENTITIES_RESPONSE = "getProjectEntitiesResponse";
-export declare const DIAGRAM_DROP_CLASS_ERROR = "diagramDropClassError";
-export declare const WRITE_ENTITY = "writeEntity";
-//# sourceMappingURL=Const.d.ts.map

package/lib/utils/Const.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Const.d.ts","sourceRoot":"","sources":["../../src/utils/Const.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,eAAO,MAAM,oBAAoB,uBAAuB,CAAC;AACzD,eAAO,MAAM,6BAA6B,+BAA+B,CAAC;AAC1E,eAAO,MAAM,wBAAwB,0BAA0B,CAAC;AAChE,eAAO,MAAM,YAAY,gBAAgB,CAAC"}

package/lib/utils/Const.js

@@ -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';
-//# sourceMappingURL=Const.js.map

package/lib/utils/Const.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Const.js","sourceRoot":"","sources":["../../src/utils/Const.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,cAAc;AACd,MAAM,CAAC,MAAM,oBAAoB,GAAG,oBAAoB,CAAC;AACzD,MAAM,CAAC,MAAM,6BAA6B,GAAG,4BAA4B,CAAC;AAC1E,MAAM,CAAC,MAAM,wBAAwB,GAAG,uBAAuB,CAAC;AAChE,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAC"}

package/lib/utils/VsCodeUtils.d.ts

@@ -1,18 +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';
-export declare const postMessage: (message: PlainObject) => void;
-//# sourceMappingURL=VsCodeUtils.d.ts.map

package/lib/utils/VsCodeUtils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VsCodeUtils.d.ts","sourceRoot":"","sources":["../../src/utils/VsCodeUtils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAQxD,eAAO,MAAM,WAAW,YAAa,WAAW,KAAG,IAElD,CAAC"}

package/lib/utils/VsCodeUtils.js

@@ -1,19 +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.
- */
-export const postMessage = (message) => {
-    vscode.postMessage(message);
-};
-//# sourceMappingURL=VsCodeUtils.js.map

package/lib/utils/VsCodeUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VsCodeUtils.js","sourceRoot":"","sources":["../../src/utils/VsCodeUtils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAUH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,OAAoB,EAAQ,EAAE;IACxD,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;AAC9B,CAAC,CAAC"}

package/src/components/Diagram/DiagramEditor.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 { getDiagram } from '@finos/legend-extension-dsl-diagram';
-import type { Entity } from '@finos/legend-storage';
-import { useRef, useEffect, useState } from 'react';
-import { observer } from 'mobx-react-lite';
-import '../../../style/index.scss';
-import { postMessage } from '../../utils/VsCodeUtils.js';
-import {
-  GET_PROJECT_ENTITIES,
-  GET_PROJECT_ENTITIES_RESPONSE,
-} from '../../utils/Const.js';
-import { getPureGraph } from '../../graph-manager/index.js';
-import type { DiagramEditorState } from '../../stores/DiagramEditorState.js';
-import { LegendStyleProvider } from '@finos/legend-art';
-import { DiagramEditorHeader } from './DiagramHeader.js';
-import { DiagramEditorDiagramCanvas } from './DiagramEditorDiagramCanvas.js';
-import { DiagramEditorToolPanel } from './DiagramEditorToolPanel.js';
-
-export const DiagramEditor = observer(
-  (props: { diagramId: string; diagramEditorState: DiagramEditorState }) => {
-    const diagramCanvasRef = useRef<HTMLDivElement>(null);
-    const { diagramId, diagramEditorState } = props;
-    const [entities, setEntities] = useState<Entity[]>([]);
-    const [error, setError] = useState<string | null>();
-
-    useEffect(() => {
-      postMessage({
-        command: GET_PROJECT_ENTITIES,
-      });
-    }, [diagramId]);
-
-    window.addEventListener(
-      'message',
-      (event: MessageEvent<{ result: Entity[]; command: string }>) => {
-        const message = event.data;
-        if (message.command === GET_PROJECT_ENTITIES_RESPONSE) {
-          const es: Entity[] = message.result;
-          setEntities(es);
-        }
-      },
-    );
-
-    useEffect(() => {
-      if (entities.length && diagramId) {
-        getPureGraph(entities, [])
-          .then((pureModel) => {
-            const diagram = getDiagram(diagramId, pureModel);
-            diagramEditorState.setDiagram(diagram);
-            diagramEditorState.setGraph(pureModel);
-            setError(null);
-          })
-          .catch((e) => {
-            setError(e.message);
-          });
-      }
-    }, [entities, diagramId, diagramEditorState]);
-
-    return (
-      <LegendStyleProvider>
-        <div className="diagram-editor">
-          {error ? (
-            <div className="diagram-editor__error">
-              <span>Something went wrong. Diagram cannot be created.</span>
-              <span
-                className="diagram-editor__error__details"
-                title={`${error}`}
-              >
-                Error Details.
-              </span>
-            </div>
-          ) : (
-            <>
-              <div className="diagram-editor__header">
-                {diagramEditorState.isDiagramRendererInitialized && (
-                  <DiagramEditorHeader
-                    diagramEditorState={diagramEditorState}
-                  />
-                )}
-              </div>
-              <div className="diagram-editor__content">
-                <div className="diagram-editor__stage">
-                  {diagramEditorState.isDiagramRendererInitialized && (
-                    <DiagramEditorToolPanel
-                      diagramEditorState={diagramEditorState}
-                    />
-                  )}
-                  <DiagramEditorDiagramCanvas
-                    diagramEditorState={diagramEditorState}
-                    ref={diagramCanvasRef}
-                  />
-                </div>
-              </div>
-            </>
-          )}
-        </div>
-      </LegendStyleProvider>
-    );
-  },
-);

package/src/components/Diagram/DiagramEditorDiagramCanvas.tsx

@@ -1,150 +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 { clsx, useResizeDetector } from '@finos/legend-art';
-import {
-  type Diagram,
-  DiagramRenderer,
-  Point,
-  V1_diagramModelSchema,
-  V1_transformDiagram,
-} from '@finos/legend-extension-dsl-diagram';
-import { Class } from '@finos/legend-graph';
-import { observer } from 'mobx-react-lite';
-import { flowResult } from 'mobx';
-import {
-  forwardRef,
-  useEffect,
-  type DragEvent,
-  type KeyboardEvent,
-} from 'react';
-import { serialize } from 'serializr';
-import { DIAGRAM_DROP_CLASS_ERROR, WRITE_ENTITY } from '../../utils/Const.js';
-import type { DiagramEditorState } from '../../stores/DiagramEditorState.js';
-import { postMessage } from '../../utils/VsCodeUtils.js';
-
-export const DiagramEditorDiagramCanvas = observer(
-  forwardRef<
-    HTMLDivElement,
-    {
-      diagramEditorState: DiagramEditorState;
-    }
-  >(function DiagramEditorDiagramCanvas(props, ref) {
-    const { diagramEditorState } = props;
-    const diagram = diagramEditorState.diagram;
-    const diagramCanvasRef = ref as React.MutableRefObject<HTMLDivElement>;
-
-    const { width, height } = useResizeDetector<HTMLDivElement>({
-      refreshMode: 'debounce',
-      refreshRate: 50,
-      targetRef: diagramCanvasRef,
-    });
-
-    useEffect(() => {
-      if (diagram) {
-        const renderer = new DiagramRenderer(diagramCanvasRef.current, diagram);
-        diagramEditorState.setRenderer(renderer);
-        diagramEditorState.setupRenderer();
-        renderer.render({ initial: true });
-      }
-    }, [diagramCanvasRef, diagramEditorState, diagram]);
-
-    useEffect(() => {
-      // since after the diagram render is initialized, we start
-      // showing the toolbar and the header, which causes the auto-zoom fit
-      // to be off, we need to call this method again
-      if (diagramEditorState.isDiagramRendererInitialized) {
-        diagramEditorState.renderer.render({ initial: true });
-      }
-    }, [diagramEditorState, diagramEditorState.isDiagramRendererInitialized]);
-
-    useEffect(() => {
-      if (diagramEditorState.isDiagramRendererInitialized) {
-        diagramEditorState.renderer.refresh();
-      }
-    }, [diagramEditorState, width, height]);
-
-    const dropTarget = document.getElementById('root') ?? document.body;
-
-    dropTarget.addEventListener('dragover', (event) => {
-      // accept any DnD
-      event.preventDefault();
-    });
-
-    const drop = (event: DragEvent) => {
-      event.preventDefault();
-      const droppedEntityIds: string[] = (
-        JSON.parse(
-          event.dataTransfer.getData(
-            'application/vnd.code.tree.legendConceptTree',
-          ),
-        ).itemHandles as string[]
-      ).map((item) => item.split('/')[1] ?? '');
-      const position =
-        diagramEditorState.renderer.canvasCoordinateToModelCoordinate(
-          diagramEditorState.renderer.eventCoordinateToCanvasCoordinate(
-            new Point(event.clientX, event.clientY),
-          ),
-        );
-
-      droppedEntityIds
-        .filter((entityId) => {
-          const isClassInstance =
-            diagramEditorState.graph?.getElement(entityId) instanceof Class;
-          if (!isClassInstance) {
-            postMessage({
-              command: DIAGRAM_DROP_CLASS_ERROR,
-            });
-          }
-          return isClassInstance;
-        })
-        .forEach((entityId) => {
-          flowResult(diagramEditorState.addClassView(entityId, position)).catch(
-            // eslint-disable-next-line no-console
-            (error: unknown) => console.error(error),
-          );
-        });
-    };
-
-    const handleKeyDown = (event: KeyboardEvent) => {
-      if ((event.ctrlKey || event.metaKey) && event.key === 's') {
-        event.preventDefault();
-
-        postMessage({
-          command: WRITE_ENTITY,
-          msg: serialize(
-            V1_diagramModelSchema,
-            V1_transformDiagram(
-              diagramEditorState._renderer?.diagram as Diagram,
-            ),
-          ),
-        });
-      }
-    };
-
-    return (
-      <div
-        onDrop={drop}
-        onKeyDown={handleKeyDown}
-        ref={diagramCanvasRef}
-        className={clsx(
-          'diagram-canvas diagram-editor__canvas',
-          diagramEditorState.diagramCursorClass,
-        )}
-        tabIndex={0}
-      />
-    );
-  }),
-);

package/src/components/Diagram/DiagramEditorToolPanel.tsx

@@ -1,105 +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 {
-  clsx,
-  MousePointerIcon,
-  MoveIcon,
-  ZoomInIcon,
-  ZoomOutIcon,
-} from '@finos/legend-art';
-import {
-  DIAGRAM_INTERACTION_MODE,
-  DIAGRAM_RELATIONSHIP_EDIT_MODE,
-} from '@finos/legend-extension-dsl-diagram';
-import { observer } from 'mobx-react-lite';
-import type { DiagramEditorState } from '../../stores/DiagramEditorState.js';
-
-export const DiagramEditorToolPanel = observer(
-  (props: { diagramEditorState: DiagramEditorState }) => {
-    const { diagramEditorState } = props;
-    const renderer = diagramEditorState.renderer;
-    //const isReadOnly = diagramEditorState.isReadOnly;
-    const createModeSwitcher =
-      (
-        editMode: DIAGRAM_INTERACTION_MODE,
-        relationshipMode: DIAGRAM_RELATIONSHIP_EDIT_MODE,
-      ): (() => void) =>
-      (): void => {
-        renderer.changeMode(editMode, relationshipMode);
-      };
-
-    return (
-      <div className="diagram-editor__tools">
-        <button
-          className={clsx('diagram-editor__tool', {
-            'diagram-editor__tool--active':
-              renderer.interactionMode === DIAGRAM_INTERACTION_MODE.LAYOUT,
-          })}
-          tabIndex={-1}
-          onClick={createModeSwitcher(
-            DIAGRAM_INTERACTION_MODE.LAYOUT,
-            DIAGRAM_RELATIONSHIP_EDIT_MODE.NONE,
-          )}
-          title="View Tool (V)"
-        >
-          <MousePointerIcon className="diagram-editor__icon--layout" />
-        </button>
-        <button
-          className={clsx('diagram-editor__tool', {
-            'diagram-editor__tool--active':
-              renderer.interactionMode === DIAGRAM_INTERACTION_MODE.PAN,
-          })}
-          tabIndex={-1}
-          onClick={createModeSwitcher(
-            DIAGRAM_INTERACTION_MODE.PAN,
-            DIAGRAM_RELATIONSHIP_EDIT_MODE.NONE,
-          )}
-          title="Pan Tool (M)"
-        >
-          <MoveIcon className="diagram-editor__icon--pan" />
-        </button>
-        <button
-          className={clsx('diagram-editor__tool', {
-            'diagram-editor__tool--active':
-              renderer.interactionMode === DIAGRAM_INTERACTION_MODE.ZOOM_IN,
-          })}
-          tabIndex={-1}
-          title="Zoom In (Z)"
-          onClick={createModeSwitcher(
-            DIAGRAM_INTERACTION_MODE.ZOOM_IN,
-            DIAGRAM_RELATIONSHIP_EDIT_MODE.NONE,
-          )}
-        >
-          <ZoomInIcon className="diagram-editor__icon--zoom-in" />
-        </button>
-        <button
-          className={clsx('diagram-editor__tool', {
-            'diagram-editor__tool--active':
-              renderer.interactionMode === DIAGRAM_INTERACTION_MODE.ZOOM_OUT,
-          })}
-          tabIndex={-1}
-          title="Zoom Out (Z)"
-          onClick={createModeSwitcher(
-            DIAGRAM_INTERACTION_MODE.ZOOM_OUT,
-            DIAGRAM_RELATIONSHIP_EDIT_MODE.NONE,
-          )}
-        >
-          <ZoomOutIcon className="diagram-editor__icon--zoom-out" />
-        </button>
-      </div>
-    );
-  },
-);