From f7fa8f22121226499f864eecc55cc544bbc103c7 Mon Sep 17 00:00:00 2001 From: sameer saini Date: Thu, 5 Sep 2024 12:25:02 -0600 Subject: [PATCH] minimizes vscode-extension package to export deps only (#3497) --- .changeset/few-jobs-hammer.md | 5 + .../package.json | 8 +- .../src/components/Diagram/DiagramEditor.tsx | 113 --------- .../Diagram/DiagramEditorDiagramCanvas.tsx | 150 ------------ .../Diagram/DiagramEditorToolPanel.tsx | 105 -------- .../src/components/Diagram/DiagramHeader.tsx | 230 ------------------ .../src/index.ts | 48 +++- .../src/stores/DiagramEditorState.ts | 121 --------- .../src/utils/Const.ts | 21 -- .../src/utils/VsCodeUtils.ts | 27 -- .../style/index.scss | 13 - yarn.lock | 13 - 12 files changed, 52 insertions(+), 802 deletions(-) create mode 100644 .changeset/few-jobs-hammer.md delete mode 100644 packages/legend-vscode-extension-dependencies/src/components/Diagram/DiagramEditor.tsx delete mode 100644 packages/legend-vscode-extension-dependencies/src/components/Diagram/DiagramEditorDiagramCanvas.tsx delete mode 100644 packages/legend-vscode-extension-dependencies/src/components/Diagram/DiagramEditorToolPanel.tsx delete mode 100644 packages/legend-vscode-extension-dependencies/src/components/Diagram/DiagramHeader.tsx delete mode 100644 packages/legend-vscode-extension-dependencies/src/stores/DiagramEditorState.ts delete mode 100644 packages/legend-vscode-extension-dependencies/src/utils/Const.ts delete mode 100644 packages/legend-vscode-extension-dependencies/src/utils/VsCodeUtils.ts diff --git a/.changeset/few-jobs-hammer.md b/.changeset/few-jobs-hammer.md new file mode 100644 index 0000000000..e09d285e27 --- /dev/null +++ b/.changeset/few-jobs-hammer.md @@ -0,0 +1,5 @@ +--- +'@finos/legend-vscode-extension-dependencies': major +--- + +minimizes vscode-extension package to export deps only diff --git a/packages/legend-vscode-extension-dependencies/package.json b/packages/legend-vscode-extension-dependencies/package.json index 5296cd5160..d609ae16b2 100644 --- a/packages/legend-vscode-extension-dependencies/package.json +++ b/packages/legend-vscode-extension-dependencies/package.json @@ -45,12 +45,7 @@ "@finos/legend-extension-dsl-diagram": "workspace:*", "@finos/legend-graph": "workspace:*", "@finos/legend-shared": "workspace:*", - "@finos/legend-storage": "workspace:*", - "@types/react": "18.3.5", - "mobx": "6.13.1", - "mobx-react-lite": "4.0.7", - "react": "18.3.1", - "serializr": "3.0.2" + "@finos/legend-storage": "workspace:*" }, "devDependencies": { "@babel/core": "7.25.2", @@ -60,7 +55,6 @@ "@rollup/plugin-json": "6.1.0", "@rollup/plugin-node-resolve": "15.2.3", "@rollup/plugin-terser": "0.4.4", - "@types/vscode": "1.92.0", "cross-env": "7.0.3", "eslint": "8.57.0", "npm-run-all": "4.1.5", diff --git a/packages/legend-vscode-extension-dependencies/src/components/Diagram/DiagramEditor.tsx b/packages/legend-vscode-extension-dependencies/src/components/Diagram/DiagramEditor.tsx deleted file mode 100644 index 15e9d60748..0000000000 --- a/packages/legend-vscode-extension-dependencies/src/components/Diagram/DiagramEditor.tsx +++ /dev/null @@ -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(null); - const { diagramId, diagramEditorState } = props; - const [entities, setEntities] = useState([]); - const [error, setError] = useState(); - - 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 ( - -
- {error ? ( -
- Something went wrong. Diagram cannot be created. - - Error Details. - -
- ) : ( - <> -
- {diagramEditorState.isDiagramRendererInitialized && ( - - )} -
-
-
- {diagramEditorState.isDiagramRendererInitialized && ( - - )} - -
-
- - )} -
- - ); - }, -); diff --git a/packages/legend-vscode-extension-dependencies/src/components/Diagram/DiagramEditorDiagramCanvas.tsx b/packages/legend-vscode-extension-dependencies/src/components/Diagram/DiagramEditorDiagramCanvas.tsx deleted file mode 100644 index 97a45a5266..0000000000 --- a/packages/legend-vscode-extension-dependencies/src/components/Diagram/DiagramEditorDiagramCanvas.tsx +++ /dev/null @@ -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; - - const { width, height } = useResizeDetector({ - 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 ( -
- ); - }), -); diff --git a/packages/legend-vscode-extension-dependencies/src/components/Diagram/DiagramEditorToolPanel.tsx b/packages/legend-vscode-extension-dependencies/src/components/Diagram/DiagramEditorToolPanel.tsx deleted file mode 100644 index 6706161220..0000000000 --- a/packages/legend-vscode-extension-dependencies/src/components/Diagram/DiagramEditorToolPanel.tsx +++ /dev/null @@ -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 ( -
- - - - -
- ); - }, -); diff --git a/packages/legend-vscode-extension-dependencies/src/components/Diagram/DiagramHeader.tsx b/packages/legend-vscode-extension-dependencies/src/components/Diagram/DiagramHeader.tsx deleted file mode 100644 index 6af254e238..0000000000 --- a/packages/legend-vscode-extension-dependencies/src/components/Diagram/DiagramHeader.tsx +++ /dev/null @@ -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 ( - <> -
- - - - -
-
-
- - - -
-
-
- - -
- - - Fit - - - {DIAGRAM_ZOOM_LEVELS.map((zoomLevel) => ( - - {zoomLevel}% - - ))} - - } - menuProps={{ - anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, - transformOrigin: { vertical: 'top', horizontal: 'right' }, - elevation: 7, - }} - > -
- {Math.round(diagramEditorState.renderer.zoom * 100)}% -
-
- -
- - - ); - }, -); diff --git a/packages/legend-vscode-extension-dependencies/src/index.ts b/packages/legend-vscode-extension-dependencies/src/index.ts index c6d95b0a07..d2f8de1ef0 100644 --- a/packages/legend-vscode-extension-dependencies/src/index.ts +++ b/packages/legend-vscode-extension-dependencies/src/index.ts @@ -14,6 +14,50 @@ * limitations under the License. */ -export * from './components/Diagram/DiagramEditor.js'; +import '../style/index.scss'; + export * from './graph-manager/index.js'; -export * from './stores/DiagramEditorState.js'; +export { + getDiagram, + Point, + DIAGRAM_INTERACTION_MODE, + DIAGRAM_RELATIONSHIP_EDIT_MODE, + DiagramRenderer, + type Diagram, + DIAGRAM_ALIGNER_OPERATOR, + DIAGRAM_ZOOM_LEVELS, + V1_diagramModelSchema, + V1_transformDiagram, +} from '@finos/legend-extension-dsl-diagram'; + +export { + AlignBottomIcon, + AlignCenterIcon, + AlignEndIcon, + AlignMiddleIcon, + AlignStartIcon, + AlignTopIcon, + CaretDownIcon, + CustomSelectorInput, + ControlledDropdownMenu, + compareLabelFn, + DistributeHorizontalIcon, + DistributeVerticalIcon, + MenuContent, + MenuContentDivider, + MenuContentItem, + SaveIcon, + clsx, + MousePointerIcon, + MoveIcon, + ZoomInIcon, + ZoomOutIcon, + useResizeDetector, + LegendStyleProvider, +} from '@finos/legend-art'; + +export { Class, type PureModel, CORE_PURE_PATH } from '@finos/legend-graph'; + +export type { Entity } from '@finos/legend-storage'; + +export type { GeneratorFn } from '@finos/legend-shared'; diff --git a/packages/legend-vscode-extension-dependencies/src/stores/DiagramEditorState.ts b/packages/legend-vscode-extension-dependencies/src/stores/DiagramEditorState.ts deleted file mode 100644 index 117a0b1fd1..0000000000 --- a/packages/legend-vscode-extension-dependencies/src/stores/DiagramEditorState.ts +++ /dev/null @@ -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 { - if (!this.graph || !this.diagram) { - return; - } - const _class = this.graph.getClass(path); - this.renderer.addClassView(_class, position); - } -} diff --git a/packages/legend-vscode-extension-dependencies/src/utils/Const.ts b/packages/legend-vscode-extension-dependencies/src/utils/Const.ts deleted file mode 100644 index 9a461ad07e..0000000000 --- a/packages/legend-vscode-extension-dependencies/src/utils/Const.ts +++ /dev/null @@ -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'; diff --git a/packages/legend-vscode-extension-dependencies/src/utils/VsCodeUtils.ts b/packages/legend-vscode-extension-dependencies/src/utils/VsCodeUtils.ts deleted file mode 100644 index 14f82595ba..0000000000 --- a/packages/legend-vscode-extension-dependencies/src/utils/VsCodeUtils.ts +++ /dev/null @@ -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); -}; diff --git a/packages/legend-vscode-extension-dependencies/style/index.scss b/packages/legend-vscode-extension-dependencies/style/index.scss index 5d2dfc8d67..55df325f9f 100644 --- a/packages/legend-vscode-extension-dependencies/style/index.scss +++ b/packages/legend-vscode-extension-dependencies/style/index.scss @@ -17,16 +17,3 @@ @import url('@finos/legend-extension-dsl-diagram/lib/index.css'); @import url('@finos/legend-art/lib/normalize.css'); @import url('@finos/legend-art/lib/index.css'); - -.diagram-editor__error { - height: 100%; - display: flex; - align-items: center; - justify-content: center; - - &__details { - border-bottom: 1px dotted white; - cursor: help; - margin-left: 5px; - } -} diff --git a/yarn.lock b/yarn.lock index e8eff98d65..152b742c12 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3460,22 +3460,16 @@ __metadata: "@rollup/plugin-json": "npm:6.1.0" "@rollup/plugin-node-resolve": "npm:15.2.3" "@rollup/plugin-terser": "npm:0.4.4" - "@types/react": "npm:18.3.5" - "@types/vscode": "npm:1.92.0" cross-env: "npm:7.0.3" eslint: "npm:8.57.0" - mobx: "npm:6.13.1" - mobx-react-lite: "npm:4.0.7" npm-run-all: "npm:4.1.5" postcss: "npm:8.4.41" postcss-url: "npm:10.1.3" - react: "npm:18.3.1" rimraf: "npm:6.0.1" rollup: "npm:4.21.2" rollup-plugin-flow: "npm:1.1.1" rollup-plugin-import-css: "npm:3.5.1" rollup-plugin-postcss: "npm:4.0.2" - serializr: "npm:3.0.2" typescript: "npm:5.5.4" languageName: unknown linkType: soft @@ -5482,13 +5476,6 @@ __metadata: languageName: node linkType: hard -"@types/vscode@npm:1.92.0": - version: 1.92.0 - resolution: "@types/vscode@npm:1.92.0" - checksum: 10/395f3eeec345a9e2f85f82d4f7082433480a791ccd936a16d07946fa8bddfe0a399fd7341e4e124556abbb1f31920bf5974d1500444b3d5c5428510a8a4f9d87 - languageName: node - linkType: hard - "@types/wrap-ansi@npm:^3.0.0": version: 3.0.0 resolution: "@types/wrap-ansi@npm:3.0.0"