@finos/legend-extension-dsl-diagram 1.0.36 → 2.0.0

package/lib/components/studio/DSLDiagram_CodeSnippets.d.ts

@@ -0,0 +1,20 @@
+/**
+ * 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 EMPTY_DIAGRAM_SNIPPET = "Diagram ${1:model::NewDiagram}\n{\n  ${2:// diagram content: it is highly recommended to create diagrams using\n  // diagram editor as it gives better visual guidance and less error-prone}\n}";
+export declare const getDiagramSnippetWithOneClassView: () => string;
+export declare const getDiagramSnippetWithPropertyView: () => string;
+export declare const getDiagramSnippetWithGeneralizationView: () => string;
+//# sourceMappingURL=DSLDiagram_CodeSnippets.d.ts.map

package/lib/components/studio/DSLDiagram_CodeSnippets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DSLDiagram_CodeSnippets.d.ts","sourceRoot":"","sources":["../../../src/components/studio/DSLDiagram_CodeSnippets.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAIH,eAAO,MAAM,qBAAqB,oMAGhC,CAAC;AAEH,eAAO,MAAM,iCAAiC,QACxC,MAQJ,CAAC;AAEH,eAAO,MAAM,iCAAiC,QAAO,MA0BpD,CAAC;AAEF,eAAO,MAAM,uCAAuC,QAAO,MAyB1D,CAAC"}

package/lib/components/studio/DSLDiagram_CodeSnippets.js

@@ -0,0 +1,81 @@
+/**
+ * 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 { uuid } from '@finos/legend-shared';
+export const EMPTY_DIAGRAM_SNIPPET = `Diagram \${1:model::NewDiagram}
+{
+  \${2:// diagram content: it is highly recommended to create diagrams using\n  // diagram editor as it gives better visual guidance and less error-prone}
+}`;
+export const getDiagramSnippetWithOneClassView = () => `Diagram \${1:model::NewDiagram}
+{
+  classView ${uuid()}
+  {
+    class: \${2:model::SomeClass};
+    position: (0.0,0.0);
+    rectangle: (10.0, 10.0);
+  }
+}`;
+export const getDiagramSnippetWithPropertyView = () => {
+    const classId1 = uuid();
+    const classId2 = uuid();
+    return `Diagram \${1:model::NewDiagram}
+{
+  classView ${classId1}
+  {
+    class: \${2:model::Class1};
+    position: (0.0,0.0);
+    rectangle: (10.0, 10.0);
+  }
+  classView ${classId2}
+  {
+    class: \${3:model::Class2};
+    position: (0.0,0.0);
+    rectangle: (10.0, 10.0);
+  }
+  propertyView
+  {
+    property: \${4:model::Class1.prop1};
+    source: ${classId1};
+    target: ${classId2};
+    points: [];
+  }
+}`;
+};
+export const getDiagramSnippetWithGeneralizationView = () => {
+    const classId1 = uuid();
+    const classId2 = uuid();
+    return `Diagram \${1:model::NewDiagram}
+{
+  classView ${classId1}
+  {
+    class: \${2:model::Class1};
+    position: (0.0,0.0);
+    rectangle: (10.0, 10.0);
+  }
+  classView ${classId2}
+  {
+    class: \${3:model::Class2};
+    position: (0.0,0.0);
+    rectangle: (10.0, 10.0);
+  }
+  generalizationView
+  {
+    source: ${classId1};
+    target: ${classId2};
+    points: [];
+  }
+}`;
+};
+//# sourceMappingURL=DSLDiagram_CodeSnippets.js.map

package/lib/components/studio/DSLDiagram_CodeSnippets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DSLDiagram_CodeSnippets.js","sourceRoot":"","sources":["../../../src/components/studio/DSLDiagram_CodeSnippets.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,MAAM,CAAC,MAAM,qBAAqB,GAAG;;;EAGnC,CAAC;AAEH,MAAM,CAAC,MAAM,iCAAiC,GAC5C,GAAW,EAAE,CAAC;;cAEF,IAAI,EAAE;;;;;;EAMlB,CAAC;AAEH,MAAM,CAAC,MAAM,iCAAiC,GAAG,GAAW,EAAE;IAC5D,MAAM,QAAQ,GAAG,IAAI,EAAE,CAAC;IACxB,MAAM,QAAQ,GAAG,IAAI,EAAE,CAAC;IAExB,OAAO;;cAEK,QAAQ;;;;;;cAMR,QAAQ;;;;;;;;;cASR,QAAQ;cACR,QAAQ;;;EAGpB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,uCAAuC,GAAG,GAAW,EAAE;IAClE,MAAM,QAAQ,GAAG,IAAI,EAAE,CAAC;IACxB,MAAM,QAAQ,GAAG,IAAI,EAAE,CAAC;IAExB,OAAO;;cAEK,QAAQ;;;;;;cAMR,QAAQ;;;;;;;;cAQR,QAAQ;cACR,QAAQ;;;EAGpB,CAAC;AACH,CAAC,CAAC"}

package/lib/components/studio/DSLDiagram_LegendStudioDocumentation.d.ts

@@ -0,0 +1,32 @@
+/**
+ * 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 enum DSL_DIAGRAM_LEGEND_STUDIO_DOCUMENTATION_KEY {
+    GRAMMAR_PARSER = "dsl-diagram__grammar-parser",
+    GRAMMAR_DIAGRAM_ELEMENT = "dsl-diagram__grammar-diagram-element"
+}
+export declare const DSL_DIAGRAM_DOCUMENTATION_ENTRIES: {
+    "dsl-diagram__grammar-parser": {
+        markdownText: {
+            value: string;
+        };
+    };
+    "dsl-diagram__grammar-diagram-element": {
+        markdownText: {
+            value: string;
+        };
+    };
+};
+//# sourceMappingURL=DSLDiagram_LegendStudioDocumentation.d.ts.map

package/lib/components/studio/DSLDiagram_LegendStudioDocumentation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DSLDiagram_LegendStudioDocumentation.d.ts","sourceRoot":"","sources":["../../../src/components/studio/DSLDiagram_LegendStudioDocumentation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,oBAAY,2CAA2C;IACrD,cAAc,gCAAgC;IAC9C,uBAAuB,yCAAyC;CACjE;AAED,eAAO,MAAM,iCAAiC;;;;;;;;;;;CAW7C,CAAC"}

package/lib/components/studio/DSLDiagram_LegendStudioDocumentation.js

@@ -0,0 +1,33 @@
+/**
+ * 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 var DSL_DIAGRAM_LEGEND_STUDIO_DOCUMENTATION_KEY;
+(function (DSL_DIAGRAM_LEGEND_STUDIO_DOCUMENTATION_KEY) {
+    DSL_DIAGRAM_LEGEND_STUDIO_DOCUMENTATION_KEY["GRAMMAR_PARSER"] = "dsl-diagram__grammar-parser";
+    DSL_DIAGRAM_LEGEND_STUDIO_DOCUMENTATION_KEY["GRAMMAR_DIAGRAM_ELEMENT"] = "dsl-diagram__grammar-diagram-element";
+})(DSL_DIAGRAM_LEGEND_STUDIO_DOCUMENTATION_KEY || (DSL_DIAGRAM_LEGEND_STUDIO_DOCUMENTATION_KEY = {}));
+export const DSL_DIAGRAM_DOCUMENTATION_ENTRIES = {
+    [DSL_DIAGRAM_LEGEND_STUDIO_DOCUMENTATION_KEY.GRAMMAR_PARSER]: {
+        markdownText: {
+            value: `DSL Diagram (\`###Diagram\`) concerns with visualizing data models and their relationship`,
+        },
+    },
+    [DSL_DIAGRAM_LEGEND_STUDIO_DOCUMENTATION_KEY.GRAMMAR_DIAGRAM_ELEMENT]: {
+        markdownText: {
+            value: `A diagram element specifies the visualization/rendering of data models and their relationship`,
+        },
+    },
+};
+//# sourceMappingURL=DSLDiagram_LegendStudioDocumentation.js.map

package/lib/components/studio/DSLDiagram_LegendStudioDocumentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DSLDiagram_LegendStudioDocumentation.js","sourceRoot":"","sources":["../../../src/components/studio/DSLDiagram_LegendStudioDocumentation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,MAAM,CAAN,IAAY,2CAGX;AAHD,WAAY,2CAA2C;IACrD,6FAA8C,CAAA;IAC9C,+GAAgE,CAAA;AAClE,CAAC,EAHW,2CAA2C,KAA3C,2CAA2C,QAGtD;AAED,MAAM,CAAC,MAAM,iCAAiC,GAAG;IAC/C,CAAC,2CAA2C,CAAC,cAAc,CAAC,EAAE;QAC5D,YAAY,EAAE;YACZ,KAAK,EAAE,2FAA2F;SACnG;KACF;IACD,CAAC,2CAA2C,CAAC,uBAAuB,CAAC,EAAE;QACrE,YAAY,EAAE;YACZ,KAAK,EAAE,+FAA+F;SACvG;KACF;CACF,CAAC"}

package/lib/components/studio/DSLDiagram_LegendStudioPlugin.d.ts

@@ -13,9 +13,11 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { LegendStudioPlugin, type NewElementFromStateCreator, type ElementEditorStateCreator, type ElementTypeGetter, type ElementProjectExplorerDnDTypeGetter, type ElementIconGetter, type ElementEditorRenderer, type DSL_LegendStudioPlugin_Extension, type ElementEditorPostDeleteAction, type ElementEditorPostRenameAction, type ClassPreviewRenderer } from '@finos/legend-studio';
+import { LegendStudioPlugin, type NewElementFromStateCreator, type ElementEditorStateCreator, type ElementTypeGetter, type ElementProjectExplorerDnDTypeGetter, type ElementIconGetter, type ElementEditorRenderer, type DSL_LegendStudioPlugin_Extension, type ElementEditorPostDeleteAction, type ElementEditorPostRenameAction, type ClassPreviewRenderer, type PureGrammarParserDocumentationGetter, type PureGrammarParserElementDocumentationGetter, type PureGrammarParserKeywordSuggestionGetter, type PureGrammarParserElementSnippetSuggestionsGetter } from '@finos/legend-studio';
+import { type LegendApplicationKeyedDocumentationEntry } from '@finos/legend-application';
 export declare class DSLDiagram_LegendStudioPlugin extends LegendStudioPlugin implements DSL_LegendStudioPlugin_Extension {
     constructor();
+    getExtraKeyedDocumentationEntries(): LegendApplicationKeyedDocumentationEntry[];
     getExtraClassPreviewRenderers(): ClassPreviewRenderer[];
     getExtraSupportedElementTypes(): string[];
     getExtraElementTypeGetters(): ElementTypeGetter[];
@@ -24,8 +26,12 @@ export declare class DSLDiagram_LegendStudioPlugin extends LegendStudioPlugin im
     getExtraNewElementFromStateCreators(): NewElementFromStateCreator[];
     getExtraElementEditorStateCreators(): ElementEditorStateCreator[];
     getExtraElementProjectExplorerDnDTypeGetters(): ElementProjectExplorerDnDTypeGetter[];
-    getExtraGrammarTextEditorDnDTypes(): string[];
+    getExtraPureGrammarTextEditorDnDTypes(): string[];
     getExtraElementEditorPostRenameActions(): ElementEditorPostRenameAction[];
     getExtraElementEditorPostDeleteActions(): ElementEditorPostDeleteAction[];
+    getExtraPureGrammarParserElementDocumentationGetters(): PureGrammarParserElementDocumentationGetter[];
+    getExtraPureGrammarParserDocumentationGetters(): PureGrammarParserDocumentationGetter[];
+    getExtraPureGrammarParserKeywordSuggestionGetters(): PureGrammarParserKeywordSuggestionGetter[];
+    getExtraPureGrammarParserElementSnippetSuggestionsGetters(): PureGrammarParserElementSnippetSuggestionsGetter[];
 }
 //# sourceMappingURL=DSLDiagram_LegendStudioPlugin.d.ts.map

package/lib/components/studio/DSLDiagram_LegendStudioPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DSLDiagram_LegendStudioPlugin.d.ts","sourceRoot":"","sources":["../../../src/components/studio/DSLDiagram_LegendStudioPlugin.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,EACL,kBAAkB,EAClB,KAAK,0BAA0B,EAG/B,KAAK,yBAAyB,EAC9B,KAAK,iBAAiB,EACtB,KAAK,mCAAmC,EACxC,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC1B,KAAK,gCAAgC,EAErC,KAAK,6BAA6B,EAClC,KAAK,6BAA6B,EAClC,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAC;AAW9B,qBAAa,6BACX,SAAQ,kBACR,YAAW,gCAAgC;;IAMlC,6BAA6B,IAAI,oBAAoB,EAAE;IAQhE,6BAA6B,IAAI,MAAM,EAAE;IAIzC,0BAA0B,IAAI,iBAAiB,EAAE;IAWjD,0BAA0B,IAAI,iBAAiB,EAAE;IAejD,8BAA8B,IAAI,qBAAqB,EAAE;IAWzD,mCAAmC,IAAI,0BAA0B,EAAE;IAenE,kCAAkC,IAAI,yBAAyB,EAAE;IAcjE,4CAA4C,IAAI,mCAAmC,EAAE;IAWrF,iCAAiC,IAAI,MAAM,EAAE;IAI7C,sCAAsC,IAAI,6BAA6B,EAAE;IAWzE,sCAAsC,IAAI,6BAA6B,EAAE;CAU1E"}
+{"version":3,"file":"DSLDiagram_LegendStudioPlugin.d.ts","sourceRoot":"","sources":["../../../src/components/studio/DSLDiagram_LegendStudioPlugin.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,EACL,kBAAkB,EAClB,KAAK,0BAA0B,EAG/B,KAAK,yBAAyB,EAC9B,KAAK,iBAAiB,EACtB,KAAK,mCAAmC,EACxC,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC1B,KAAK,gCAAgC,EAErC,KAAK,6BAA6B,EAClC,KAAK,6BAA6B,EAClC,KAAK,oBAAoB,EACzB,KAAK,oCAAoC,EACzC,KAAK,2CAA2C,EAChD,KAAK,wCAAwC,EAE7C,KAAK,gDAAgD,EACtD,MAAM,sBAAsB,CAAC;AAO9B,OAAO,EAEL,KAAK,wCAAwC,EAE9C,MAAM,2BAA2B,CAAC;AAmBnC,qBAAa,6BACX,SAAQ,kBACR,YAAW,gCAAgC;;IAMlC,iCAAiC,IAAI,wCAAwC,EAAE;IAM/E,6BAA6B,IAAI,oBAAoB,EAAE;IAQhE,6BAA6B,IAAI,MAAM,EAAE;IAIzC,0BAA0B,IAAI,iBAAiB,EAAE;IAWjD,0BAA0B,IAAI,iBAAiB,EAAE;IAejD,8BAA8B,IAAI,qBAAqB,EAAE;IAWzD,mCAAmC,IAAI,0BAA0B,EAAE;IAenE,kCAAkC,IAAI,yBAAyB,EAAE;IAcjE,4CAA4C,IAAI,mCAAmC,EAAE;IAWrF,qCAAqC,IAAI,MAAM,EAAE;IAIjD,sCAAsC,IAAI,6BAA6B,EAAE;IAWzE,sCAAsC,IAAI,6BAA6B,EAAE;IAWzE,oDAAoD,IAAI,2CAA2C,EAAE;IAmBrG,6CAA6C,IAAI,oCAAoC,EAAE;IAgBvF,iDAAiD,IAAI,wCAAwC,EAAE;IAe/F,yDAAyD,IAAI,gDAAgD,EAAE;CAgChH"}

package/lib/components/studio/DSLDiagram_LegendStudioPlugin.js

@@ -21,12 +21,19 @@ import { Diagram } from '../../models/metamodels/pure/packageableElements/diagra
 import { DiagramEditorState } from '../../stores/studio/DiagramEditorState';
 import { DiagramEditor } from './DiagramEditor';
 import { ClassDiagramPreview } from './ClassDiagramPreview';
+import { collectKeyedDocumnetationEntriesFromConfig, } from '@finos/legend-application';
+import { PURE_GRAMMAR_DIAGRAM_ELEMENT_TYPE_LABEL, PURE_GRAMMAR_DIAGRAM_PARSER_NAME, } from '../../graphManager/DSLDiagram_PureGraphManagerPlugin';
+import { DSL_DIAGRAM_DOCUMENTATION_ENTRIES, DSL_DIAGRAM_LEGEND_STUDIO_DOCUMENTATION_KEY, } from './DSLDiagram_LegendStudioDocumentation';
+import { EMPTY_DIAGRAM_SNIPPET, getDiagramSnippetWithGeneralizationView, getDiagramSnippetWithOneClassView, getDiagramSnippetWithPropertyView, } from './DSLDiagram_CodeSnippets';
 const DIAGRAM_ELEMENT_TYPE = 'DIAGRAM';
 const DIAGRAM_ELEMENT_PROJECT_EXPLORER_DND_TYPE = 'PROJECT_EXPLORER_DIAGRAM';
 export class DSLDiagram_LegendStudioPlugin extends LegendStudioPlugin {
     constructor() {
         super(packageJson.extensions.studioPlugin, packageJson.version);
     }
+    getExtraKeyedDocumentationEntries() {
+        return collectKeyedDocumnetationEntriesFromConfig(DSL_DIAGRAM_DOCUMENTATION_ENTRIES);
+    }
     getExtraClassPreviewRenderers() {
         return [
             (_class) => (_jsx(ClassDiagramPreview, { _class: _class })),
@@ -95,7 +102,7 @@ export class DSLDiagram_LegendStudioPlugin extends LegendStudioPlugin {
             },
         ];
     }
-    getExtraGrammarTextEditorDnDTypes() {
+    getExtraPureGrammarTextEditorDnDTypes() {
         return [DIAGRAM_ELEMENT_PROJECT_EXPLORER_DND_TYPE];
     }
     getExtraElementEditorPostRenameActions() {
@@ -118,5 +125,67 @@ export class DSLDiagram_LegendStudioPlugin extends LegendStudioPlugin {
             },
         ];
     }
+    getExtraPureGrammarParserElementDocumentationGetters() {
+        return [
+            (editorStore, parserKeyword, elementKeyword) => {
+                if (parserKeyword === PURE_GRAMMAR_DIAGRAM_PARSER_NAME) {
+                    if (elementKeyword === PURE_GRAMMAR_DIAGRAM_ELEMENT_TYPE_LABEL) {
+                        return editorStore.applicationStore.docRegistry.getEntry(DSL_DIAGRAM_LEGEND_STUDIO_DOCUMENTATION_KEY.GRAMMAR_DIAGRAM_ELEMENT);
+                    }
+                }
+                return undefined;
+            },
+        ];
+    }
+    getExtraPureGrammarParserDocumentationGetters() {
+        return [
+            (editorStore, parserKeyword) => {
+                if (parserKeyword === PURE_GRAMMAR_DIAGRAM_PARSER_NAME) {
+                    return editorStore.applicationStore.docRegistry.getEntry(DSL_DIAGRAM_LEGEND_STUDIO_DOCUMENTATION_KEY.GRAMMAR_PARSER);
+                }
+                return undefined;
+            },
+        ];
+    }
+    getExtraPureGrammarParserKeywordSuggestionGetters() {
+        return [
+            (editorStore) => [
+                {
+                    text: PURE_GRAMMAR_DIAGRAM_PARSER_NAME,
+                    description: `(dsl)`,
+                    documentation: editorStore.applicationStore.docRegistry.getEntry(DSL_DIAGRAM_LEGEND_STUDIO_DOCUMENTATION_KEY.GRAMMAR_PARSER),
+                    insertText: PURE_GRAMMAR_DIAGRAM_PARSER_NAME,
+                },
+            ],
+        ];
+    }
+    getExtraPureGrammarParserElementSnippetSuggestionsGetters() {
+        return [
+            (editorStore, parserKeyword) => parserKeyword === PURE_GRAMMAR_DIAGRAM_PARSER_NAME
+                ? [
+                    {
+                        text: PURE_GRAMMAR_DIAGRAM_ELEMENT_TYPE_LABEL,
+                        description: '(blank)',
+                        insertText: EMPTY_DIAGRAM_SNIPPET,
+                    },
+                    {
+                        text: PURE_GRAMMAR_DIAGRAM_ELEMENT_TYPE_LABEL,
+                        description: 'with class',
+                        insertText: getDiagramSnippetWithOneClassView(),
+                    },
+                    {
+                        text: PURE_GRAMMAR_DIAGRAM_ELEMENT_TYPE_LABEL,
+                        description: 'with inheritance',
+                        insertText: getDiagramSnippetWithGeneralizationView(),
+                    },
+                    {
+                        text: PURE_GRAMMAR_DIAGRAM_ELEMENT_TYPE_LABEL,
+                        description: 'with composition',
+                        insertText: getDiagramSnippetWithPropertyView(),
+                    },
+                ]
+                : undefined,
+        ];
+    }
 }
 //# sourceMappingURL=DSLDiagram_LegendStudioPlugin.js.map

package/lib/components/studio/DSLDiagram_LegendStudioPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"DSLDiagram_LegendStudioPlugin.js","sourceRoot":"","sources":["../../../src/components/studio/DSLDiagram_LegendStudioPlugin.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DSLDiagram_LegendStudioPlugin.js","sourceRoot":"","sources":["../../../src/components/studio/DSLDiagram_LegendStudioPlugin.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,EACL,kBAAkB,GAmBnB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,6EAA6E,CAAC;AACtG,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAGL,0CAA0C,GAC3C,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,uCAAuC,EACvC,gCAAgC,GACjC,MAAM,sDAAsD,CAAC;AAC9D,OAAO,EACL,iCAAiC,EACjC,2CAA2C,GAC5C,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACL,qBAAqB,EACrB,uCAAuC,EACvC,iCAAiC,EACjC,iCAAiC,GAClC,MAAM,2BAA2B,CAAC;AAEnC,MAAM,oBAAoB,GAAG,SAAS,CAAC;AACvC,MAAM,yCAAyC,GAAG,0BAA0B,CAAC;AAE7E,MAAM,OAAO,6BACX,SAAQ,kBAAkB;IAG1B;QACE,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC,YAAY,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAClE,CAAC;IAEQ,iCAAiC;QACxC,OAAO,0CAA0C,CAC/C,iCAAiC,CAClC,CAAC;IACJ,CAAC;IAEQ,6BAA6B;QACpC,OAAO;YACL,CAAC,MAAa,EAAmB,EAAE,CAAC,CAClC,KAAC,mBAAmB,IAAC,MAAM,EAAE,MAAM,GAAI,CACxC;SACF,CAAC;IACJ,CAAC;IAED,6BAA6B;QAC3B,OAAO,CAAC,oBAAoB,CAAC,CAAC;IAChC,CAAC;IAED,0BAA0B;QACxB,OAAO;YACL,CAAC,OAA2B,EAAsB,EAAE;gBAClD,IAAI,OAAO,YAAY,OAAO,EAAE;oBAC9B,OAAO,oBAAoB,CAAC;iBAC7B;gBACD,OAAO,SAAS,CAAC;YACnB,CAAC;SACF,CAAC;IACJ,CAAC;IAED,0BAA0B;QACxB,OAAO;YACL,CAAC,IAAY,EAA+B,EAAE;gBAC5C,IAAI,IAAI,KAAK,oBAAoB,EAAE;oBACjC,OAAO,CACL,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,UAAU,KAAG,GACV,CACP,CAAC;iBACH;gBACD,OAAO,SAAS,CAAC;YACnB,CAAC;SACF,CAAC;IACJ,CAAC;IAED,8BAA8B;QAC5B,OAAO;YACL,CAAC,kBAAsC,EAA+B,EAAE;gBACtE,IAAI,kBAAkB,YAAY,kBAAkB,EAAE;oBACpD,OAAO,KAAC,aAAa,MAAM,kBAAkB,CAAC,IAAI,CAAI,CAAC;iBACxD;gBACD,OAAO,SAAS,CAAC;YACnB,CAAC;SACF,CAAC;IACJ,CAAC;IAED,mCAAmC;QACjC,OAAO;YACL,CACE,IAAY,EACZ,IAAY,EACZ,KAAsB,EACU,EAAE;gBAClC,IAAI,IAAI,KAAK,oBAAoB,EAAE;oBACjC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;iBAC1B;gBACD,OAAO,SAAS,CAAC;YACnB,CAAC;SACF,CAAC;IACJ,CAAC;IAED,kCAAkC;QAChC,OAAO;YACL,CACE,WAAwB,EACxB,OAA2B,EACK,EAAE;gBAClC,IAAI,OAAO,YAAY,OAAO,EAAE;oBAC9B,OAAO,IAAI,kBAAkB,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;iBACrD;gBACD,OAAO,SAAS,CAAC;YACnB,CAAC;SACF,CAAC;IACJ,CAAC;IAED,4CAA4C;QAC1C,OAAO;YACL,CAAC,OAA2B,EAAsB,EAAE;gBAClD,IAAI,OAAO,YAAY,OAAO,EAAE;oBAC9B,OAAO,yCAAyC,CAAC;iBAClD;gBACD,OAAO,SAAS,CAAC;YACnB,CAAC;SACF,CAAC;IACJ,CAAC;IAED,qCAAqC;QACnC,OAAO,CAAC,yCAAyC,CAAC,CAAC;IACrD,CAAC;IAED,sCAAsC;QACpC,OAAO;YACL,CAAC,WAAwB,EAAE,OAA2B,EAAQ,EAAE;gBAC9D,oCAAoC;gBACpC,IAAI,WAAW,CAAC,kBAAkB,YAAY,kBAAkB,EAAE;oBAChE,WAAW,CAAC,kBAAkB,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;iBAClD;YACH,CAAC;SACF,CAAC;IACJ,CAAC;IAED,sCAAsC;QACpC,OAAO;YACL,CAAC,WAAwB,EAAE,OAA2B,EAAQ,EAAE;gBAC9D,oCAAoC;gBACpC,IAAI,WAAW,CAAC,kBAAkB,YAAY,kBAAkB,EAAE;oBAChE,WAAW,CAAC,kBAAkB,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;iBAClD;YACH,CAAC;SACF,CAAC;IACJ,CAAC;IAED,oDAAoD;QAClD,OAAO;YACL,CACE,WAAwB,EACxB,aAAqB,EACrB,cAAsB,EAC2B,EAAE;gBACnD,IAAI,aAAa,KAAK,gCAAgC,EAAE;oBACtD,IAAI,cAAc,KAAK,uCAAuC,EAAE;wBAC9D,OAAO,WAAW,CAAC,gBAAgB,CAAC,WAAW,CAAC,QAAQ,CACtD,2CAA2C,CAAC,uBAAuB,CACpE,CAAC;qBACH;iBACF;gBACD,OAAO,SAAS,CAAC;YACnB,CAAC;SACF,CAAC;IACJ,CAAC;IAED,6CAA6C;QAC3C,OAAO;YACL,CACE,WAAwB,EACxB,aAAqB,EAC4B,EAAE;gBACnD,IAAI,aAAa,KAAK,gCAAgC,EAAE;oBACtD,OAAO,WAAW,CAAC,gBAAgB,CAAC,WAAW,CAAC,QAAQ,CACtD,2CAA2C,CAAC,cAAc,CAC3D,CAAC;iBACH;gBACD,OAAO,SAAS,CAAC;YACnB,CAAC;SACF,CAAC;IACJ,CAAC;IAED,iDAAiD;QAC/C,OAAO;YACL,CAAC,WAAwB,EAA+B,EAAE,CAAC;gBACzD;oBACE,IAAI,EAAE,gCAAgC;oBACtC,WAAW,EAAE,OAAO;oBACpB,aAAa,EAAE,WAAW,CAAC,gBAAgB,CAAC,WAAW,CAAC,QAAQ,CAC9D,2CAA2C,CAAC,cAAc,CAC3D;oBACD,UAAU,EAAE,gCAAgC;iBAC7C;aACF;SACF,CAAC;IACJ,CAAC;IAED,yDAAyD;QACvD,OAAO;YACL,CACE,WAAwB,EACxB,aAAqB,EACoB,EAAE,CAC3C,aAAa,KAAK,gCAAgC;gBAChD,CAAC,CAAC;oBACE;wBACE,IAAI,EAAE,uCAAuC;wBAC7C,WAAW,EAAE,SAAS;wBACtB,UAAU,EAAE,qBAAqB;qBAClC;oBACD;wBACE,IAAI,EAAE,uCAAuC;wBAC7C,WAAW,EAAE,YAAY;wBACzB,UAAU,EAAE,iCAAiC,EAAE;qBAChD;oBACD;wBACE,IAAI,EAAE,uCAAuC;wBAC7C,WAAW,EAAE,kBAAkB;wBAC/B,UAAU,EAAE,uCAAuC,EAAE;qBACtD;oBACD;wBACE,IAAI,EAAE,uCAAuC;wBAC7C,WAAW,EAAE,kBAAkB;wBAC/B,UAAU,EAAE,iCAAiC,EAAE;qBAChD;iBACF;gBACH,CAAC,CAAC,SAAS;SAChB,CAAC;IACJ,CAAC;CACF"}

package/lib/graphManager/DSLDiagram_PureGraphManagerPlugin.d.ts

@@ -14,6 +14,8 @@
  * limitations under the License.
  */
 import { PureGraphManagerPlugin, type ElementObserver, type PureGrammarElementLabeler } from '@finos/legend-graph';
+export declare const PURE_GRAMMAR_DIAGRAM_PARSER_NAME = "Diagram";
+export declare const PURE_GRAMMAR_DIAGRAM_ELEMENT_TYPE_LABEL = "Diagram";
 export declare class DSLDiagram_PureGraphManagerPlugin extends PureGraphManagerPlugin {
     constructor();
     getExtraPureGrammarParserNames(): string[];

package/lib/graphManager/DSLDiagram_PureGraphManagerPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DSLDiagram_PureGraphManagerPlugin.d.ts","sourceRoot":"","sources":["../../src/graphManager/DSLDiagram_PureGraphManagerPlugin.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,EACL,sBAAsB,EAEtB,KAAK,eAAe,EAEpB,KAAK,yBAAyB,EAC/B,MAAM,qBAAqB,CAAC;AAO7B,qBAAa,iCAAkC,SAAQ,sBAAsB;;IAKlE,8BAA8B,IAAI,MAAM,EAAE;IAI1C,2BAA2B,IAAI,MAAM,EAAE;IAIvC,kCAAkC,IAAI,yBAAyB,EAAE;IAWjE,wBAAwB,IAAI,eAAe,EAAE;CAavD"}
+{"version":3,"file":"DSLDiagram_PureGraphManagerPlugin.d.ts","sourceRoot":"","sources":["../../src/graphManager/DSLDiagram_PureGraphManagerPlugin.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,EACL,sBAAsB,EAEtB,KAAK,eAAe,EAEpB,KAAK,yBAAyB,EAC/B,MAAM,qBAAqB,CAAC;AAI7B,eAAO,MAAM,gCAAgC,YAAY,CAAC;AAC1D,eAAO,MAAM,uCAAuC,YAAY,CAAC;AAEjE,qBAAa,iCAAkC,SAAQ,sBAAsB;;IAKlE,8BAA8B,IAAI,MAAM,EAAE;IAI1C,2BAA2B,IAAI,MAAM,EAAE;IAIvC,kCAAkC,IAAI,yBAAyB,EAAE;IAWjE,wBAAwB,IAAI,eAAe,EAAE;CAavD"}

package/lib/graphManager/DSLDiagram_PureGraphManagerPlugin.js

@@ -17,8 +17,8 @@ import packageJson from '../../package.json';
 import { PureGraphManagerPlugin, } from '@finos/legend-graph';
 import { Diagram } from '../models/metamodels/pure/packageableElements/diagram/DSLDiagram_Diagram';
 import { observe_Diagram } from './action/changeDetection/DSLDiagram_ObserverHelper';
-const PURE_GRAMMAR_DIAGRAM_PARSER_NAME = 'Diagram';
-const PURE_GRAMMAR_DIAGRAM_ELEMENT_TYPE_LABEL = 'Diagram';
+export const PURE_GRAMMAR_DIAGRAM_PARSER_NAME = 'Diagram';
+export const PURE_GRAMMAR_DIAGRAM_ELEMENT_TYPE_LABEL = 'Diagram';
 export class DSLDiagram_PureGraphManagerPlugin extends PureGraphManagerPlugin {
     constructor() {
         super(packageJson.extensions.pureGraphManagerPlugin, packageJson.version);

package/lib/graphManager/DSLDiagram_PureGraphManagerPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"DSLDiagram_PureGraphManagerPlugin.js","sourceRoot":"","sources":["../../src/graphManager/DSLDiagram_PureGraphManagerPlugin.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EACL,sBAAsB,GAKvB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,OAAO,EAAE,MAAM,0EAA0E,CAAC;AACnG,OAAO,EAAE,eAAe,EAAE,MAAM,oDAAoD,CAAC;AAErF,MAAM,gCAAgC,GAAG,SAAS,CAAC;AACnD,MAAM,uCAAuC,GAAG,SAAS,CAAC;AAE1D,MAAM,OAAO,iCAAkC,SAAQ,sBAAsB;IAC3E;QACE,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC,sBAAsB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC5E,CAAC;IAEQ,8BAA8B;QACrC,OAAO,CAAC,gCAAgC,CAAC,CAAC;IAC5C,CAAC;IAEQ,2BAA2B;QAClC,OAAO,CAAC,uCAAuC,CAAC,CAAC;IACnD,CAAC;IAEQ,kCAAkC;QACzC,OAAO;YACL,CAAC,OAA2B,EAAsB,EAAE;gBAClD,IAAI,OAAO,YAAY,OAAO,EAAE;oBAC9B,OAAO,uCAAuC,CAAC;iBAChD;gBACD,OAAO,SAAS,CAAC;YACnB,CAAC;SACF,CAAC;IACJ,CAAC;IAEQ,wBAAwB;QAC/B,OAAO;YACL,CACE,OAA2B,EAC3B,OAAwB,EACQ,EAAE;gBAClC,IAAI,OAAO,YAAY,OAAO,EAAE;oBAC9B,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC;iBACjC;gBACD,OAAO,SAAS,CAAC;YACnB,CAAC;SACF,CAAC;IACJ,CAAC;CACF"}
+{"version":3,"file":"DSLDiagram_PureGraphManagerPlugin.js","sourceRoot":"","sources":["../../src/graphManager/DSLDiagram_PureGraphManagerPlugin.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EACL,sBAAsB,GAKvB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,OAAO,EAAE,MAAM,0EAA0E,CAAC;AACnG,OAAO,EAAE,eAAe,EAAE,MAAM,oDAAoD,CAAC;AAErF,MAAM,CAAC,MAAM,gCAAgC,GAAG,SAAS,CAAC;AAC1D,MAAM,CAAC,MAAM,uCAAuC,GAAG,SAAS,CAAC;AAEjE,MAAM,OAAO,iCAAkC,SAAQ,sBAAsB;IAC3E;QACE,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC,sBAAsB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC5E,CAAC;IAEQ,8BAA8B;QACrC,OAAO,CAAC,gCAAgC,CAAC,CAAC;IAC5C,CAAC;IAEQ,2BAA2B;QAClC,OAAO,CAAC,uCAAuC,CAAC,CAAC;IACnD,CAAC;IAEQ,kCAAkC;QACzC,OAAO;YACL,CAAC,OAA2B,EAAsB,EAAE;gBAClD,IAAI,OAAO,YAAY,OAAO,EAAE;oBAC9B,OAAO,uCAAuC,CAAC;iBAChD;gBACD,OAAO,SAAS,CAAC;YACnB,CAAC;SACF,CAAC;IACJ,CAAC;IAEQ,wBAAwB;QAC/B,OAAO;YACL,CACE,OAA2B,EAC3B,OAAwB,EACQ,EAAE;gBAClC,IAAI,OAAO,YAAY,OAAO,EAAE;oBAC9B,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC;iBACjC;gBACD,OAAO,SAAS,CAAC;YACnB,CAAC;SACF,CAAC;IACJ,CAAC;CACF"}

package/lib/index.css

@@ -1,4 +1,4 @@
-/** @license @finos/legend-extension-dsl-diagram v1.0.36
+/** @license @finos/legend-extension-dsl-diagram v2.0.0
  * Copyright (c) 2020-present, Goldman Sachs
  *
  * Licensed under the Apache License, Version 2.0 (the "License");

package/lib/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@finos/legend-extension-dsl-diagram",
-    "version": "1.0.36",
+    "version": "2.0.0",
     "description": "Legend extension for Diagram DSL",
     "keywords": [
         "legend",
@@ -20,7 +20,10 @@
     "license": "Apache-2.0",
     "sideEffects": false,
     "type": "module",
-    "main": "lib/index.js",
+    "exports": {
+        ".": "./lib/index.js",
+        "./lib/index.css": "./lib/index.css"
+    },
     "module": "lib/index.js",
     "types": "lib/index.d.ts",
     "scripts": {
@@ -46,7 +49,7 @@
         "@finos/legend-model-storage": "workspace:*",
         "@finos/legend-shared": "workspace:*",
         "@finos/legend-studio": "workspace:*",
-        "@types/react": "17.0.43",
+        "@types/react": "17.0.44",
         "mobx": "6.5.0",
         "mobx-react-lite": "3.3.0",
         "react": "17.0.2",
@@ -57,15 +60,15 @@
     },
     "devDependencies": {
         "@finos/legend-dev-utils": "workspace:*",
-        "@testing-library/react": "12.1.4",
+        "@testing-library/react": "12.1.5",
         "cross-env": "7.0.3",
-        "eslint": "8.13.0",
-        "jest": "27.5.1",
-        "jest-canvas-mock": "2.3.1",
+        "eslint": "8.14.0",
+        "jest": "28.0.3",
+        "jest-canvas-mock": "2.4.0",
         "npm-run-all": "4.1.5",
         "rimraf": "3.0.2",
-        "sass": "1.50.1",
-        "typescript": "4.6.3"
+        "sass": "1.51.0",
+        "typescript": "4.6.4"
     },
     "peerDependencies": {
         "react": "^17.0.0"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finos/legend-extension-dsl-diagram",
-  "version": "1.0.36",
+  "version": "2.0.0",
   "description": "Legend extension for Diagram DSL",
   "keywords": [
     "legend",
@@ -20,7 +20,10 @@
   "license": "Apache-2.0",
   "sideEffects": false,
   "type": "module",
-  "main": "lib/index.js",
+  "exports": {
+    ".": "./lib/index.js",
+    "./lib/index.css": "./lib/index.css"
+  },
   "module": "lib/index.js",
   "types": "lib/index.d.ts",
   "scripts": {
@@ -40,13 +43,13 @@
     "test:watch": "jest --watch"
   },
   "dependencies": {
-    "@finos/legend-application": "2.0.14",
-    "@finos/legend-art": "0.3.18",
-    "@finos/legend-graph": "5.0.0",
-    "@finos/legend-model-storage": "0.0.30",
-    "@finos/legend-shared": "1.3.1",
-    "@finos/legend-studio": "8.0.0",
-    "@types/react": "17.0.43",
+    "@finos/legend-application": "3.0.0",
+    "@finos/legend-art": "1.0.0",
+    "@finos/legend-graph": "6.0.0",
+    "@finos/legend-model-storage": "1.0.0",
+    "@finos/legend-shared": "2.0.0",
+    "@finos/legend-studio": "9.0.0",
+    "@types/react": "17.0.44",
     "mobx": "6.5.0",
     "mobx-react-lite": "3.3.0",
     "react": "17.0.2",
@@ -56,16 +59,16 @@
     "serializr": "2.0.5"
   },
   "devDependencies": {
-    "@finos/legend-dev-utils": "0.3.21",
-    "@testing-library/react": "12.1.4",
+    "@finos/legend-dev-utils": "1.0.0",
+    "@testing-library/react": "12.1.5",
     "cross-env": "7.0.3",
-    "eslint": "8.13.0",
-    "jest": "27.5.1",
-    "jest-canvas-mock": "2.3.1",
+    "eslint": "8.14.0",
+    "jest": "28.0.3",
+    "jest-canvas-mock": "2.4.0",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
-    "sass": "1.50.1",
-    "typescript": "4.6.3"
+    "sass": "1.51.0",
+    "typescript": "4.6.4"
   },
   "peerDependencies": {
     "react": "^17.0.0"

package/src/components/studio/DSLDiagram_CodeSnippets.ts

@@ -0,0 +1,88 @@
+/**
+ * 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 { uuid } from '@finos/legend-shared';
+
+export const EMPTY_DIAGRAM_SNIPPET = `Diagram \${1:model::NewDiagram}
+{
+  \${2:// diagram content: it is highly recommended to create diagrams using\n  // diagram editor as it gives better visual guidance and less error-prone}
+}`;
+
+export const getDiagramSnippetWithOneClassView =
+  (): string => `Diagram \${1:model::NewDiagram}
+{
+  classView ${uuid()}
+  {
+    class: \${2:model::SomeClass};
+    position: (0.0,0.0);
+    rectangle: (10.0, 10.0);
+  }
+}`;
+
+export const getDiagramSnippetWithPropertyView = (): string => {
+  const classId1 = uuid();
+  const classId2 = uuid();
+
+  return `Diagram \${1:model::NewDiagram}
+{
+  classView ${classId1}
+  {
+    class: \${2:model::Class1};
+    position: (0.0,0.0);
+    rectangle: (10.0, 10.0);
+  }
+  classView ${classId2}
+  {
+    class: \${3:model::Class2};
+    position: (0.0,0.0);
+    rectangle: (10.0, 10.0);
+  }
+  propertyView
+  {
+    property: \${4:model::Class1.prop1};
+    source: ${classId1};
+    target: ${classId2};
+    points: [];
+  }
+}`;
+};
+
+export const getDiagramSnippetWithGeneralizationView = (): string => {
+  const classId1 = uuid();
+  const classId2 = uuid();
+
+  return `Diagram \${1:model::NewDiagram}
+{
+  classView ${classId1}
+  {
+    class: \${2:model::Class1};
+    position: (0.0,0.0);
+    rectangle: (10.0, 10.0);
+  }
+  classView ${classId2}
+  {
+    class: \${3:model::Class2};
+    position: (0.0,0.0);
+    rectangle: (10.0, 10.0);
+  }
+  generalizationView
+  {
+    source: ${classId1};
+    target: ${classId2};
+    points: [];
+  }
+}`;
+};

package/src/components/studio/DSLDiagram_LegendStudioDocumentation.ts

@@ -0,0 +1,33 @@
+/**
+ * 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 enum DSL_DIAGRAM_LEGEND_STUDIO_DOCUMENTATION_KEY {
+  GRAMMAR_PARSER = 'dsl-diagram__grammar-parser',
+  GRAMMAR_DIAGRAM_ELEMENT = 'dsl-diagram__grammar-diagram-element',
+}
+
+export const DSL_DIAGRAM_DOCUMENTATION_ENTRIES = {
+  [DSL_DIAGRAM_LEGEND_STUDIO_DOCUMENTATION_KEY.GRAMMAR_PARSER]: {
+    markdownText: {
+      value: `DSL Diagram (\`###Diagram\`) concerns with visualizing data models and their relationship`,
+    },
+  },
+  [DSL_DIAGRAM_LEGEND_STUDIO_DOCUMENTATION_KEY.GRAMMAR_DIAGRAM_ELEMENT]: {
+    markdownText: {
+      value: `A diagram element specifies the visualization/rendering of data models and their relationship`,
+    },
+  },
+};

package/src/components/studio/DSLDiagram_LegendStudioPlugin.tsx

@@ -30,6 +30,11 @@ import {
   type ElementEditorPostDeleteAction,
   type ElementEditorPostRenameAction,
   type ClassPreviewRenderer,
+  type PureGrammarParserDocumentationGetter,
+  type PureGrammarParserElementDocumentationGetter,
+  type PureGrammarParserKeywordSuggestionGetter,
+  type PureGrammarTextSuggestion,
+  type PureGrammarParserElementSnippetSuggestionsGetter,
 } from '@finos/legend-studio';
 import { ShapesIcon } from '@finos/legend-art';
 import type { Class, PackageableElement } from '@finos/legend-graph';
@@ -37,6 +42,25 @@ import { Diagram } from '../../models/metamodels/pure/packageableElements/diagra
 import { DiagramEditorState } from '../../stores/studio/DiagramEditorState';
 import { DiagramEditor } from './DiagramEditor';
 import { ClassDiagramPreview } from './ClassDiagramPreview';
+import {
+  type LegendApplicationDocumentationEntry,
+  type LegendApplicationKeyedDocumentationEntry,
+  collectKeyedDocumnetationEntriesFromConfig,
+} from '@finos/legend-application';
+import {
+  PURE_GRAMMAR_DIAGRAM_ELEMENT_TYPE_LABEL,
+  PURE_GRAMMAR_DIAGRAM_PARSER_NAME,
+} from '../../graphManager/DSLDiagram_PureGraphManagerPlugin';
+import {
+  DSL_DIAGRAM_DOCUMENTATION_ENTRIES,
+  DSL_DIAGRAM_LEGEND_STUDIO_DOCUMENTATION_KEY,
+} from './DSLDiagram_LegendStudioDocumentation';
+import {
+  EMPTY_DIAGRAM_SNIPPET,
+  getDiagramSnippetWithGeneralizationView,
+  getDiagramSnippetWithOneClassView,
+  getDiagramSnippetWithPropertyView,
+} from './DSLDiagram_CodeSnippets';
 
 const DIAGRAM_ELEMENT_TYPE = 'DIAGRAM';
 const DIAGRAM_ELEMENT_PROJECT_EXPLORER_DND_TYPE = 'PROJECT_EXPLORER_DIAGRAM';
@@ -49,6 +73,12 @@ export class DSLDiagram_LegendStudioPlugin
     super(packageJson.extensions.studioPlugin, packageJson.version);
   }
 
+  override getExtraKeyedDocumentationEntries(): LegendApplicationKeyedDocumentationEntry[] {
+    return collectKeyedDocumnetationEntriesFromConfig(
+      DSL_DIAGRAM_DOCUMENTATION_ENTRIES,
+    );
+  }
+
   override getExtraClassPreviewRenderers(): ClassPreviewRenderer[] {
     return [
       (_class: Class): React.ReactNode => (
@@ -138,7 +168,7 @@ export class DSLDiagram_LegendStudioPlugin
     ];
   }
 
-  getExtraGrammarTextEditorDnDTypes(): string[] {
+  getExtraPureGrammarTextEditorDnDTypes(): string[] {
     return [DIAGRAM_ELEMENT_PROJECT_EXPLORER_DND_TYPE];
   }
 
@@ -163,4 +193,87 @@ export class DSLDiagram_LegendStudioPlugin
       },
     ];
   }
+
+  getExtraPureGrammarParserElementDocumentationGetters(): PureGrammarParserElementDocumentationGetter[] {
+    return [
+      (
+        editorStore: EditorStore,
+        parserKeyword: string,
+        elementKeyword: string,
+      ): LegendApplicationDocumentationEntry | undefined => {
+        if (parserKeyword === PURE_GRAMMAR_DIAGRAM_PARSER_NAME) {
+          if (elementKeyword === PURE_GRAMMAR_DIAGRAM_ELEMENT_TYPE_LABEL) {
+            return editorStore.applicationStore.docRegistry.getEntry(
+              DSL_DIAGRAM_LEGEND_STUDIO_DOCUMENTATION_KEY.GRAMMAR_DIAGRAM_ELEMENT,
+            );
+          }
+        }
+        return undefined;
+      },
+    ];
+  }
+
+  getExtraPureGrammarParserDocumentationGetters(): PureGrammarParserDocumentationGetter[] {
+    return [
+      (
+        editorStore: EditorStore,
+        parserKeyword: string,
+      ): LegendApplicationDocumentationEntry | undefined => {
+        if (parserKeyword === PURE_GRAMMAR_DIAGRAM_PARSER_NAME) {
+          return editorStore.applicationStore.docRegistry.getEntry(
+            DSL_DIAGRAM_LEGEND_STUDIO_DOCUMENTATION_KEY.GRAMMAR_PARSER,
+          );
+        }
+        return undefined;
+      },
+    ];
+  }
+
+  getExtraPureGrammarParserKeywordSuggestionGetters(): PureGrammarParserKeywordSuggestionGetter[] {
+    return [
+      (editorStore: EditorStore): PureGrammarTextSuggestion[] => [
+        {
+          text: PURE_GRAMMAR_DIAGRAM_PARSER_NAME,
+          description: `(dsl)`,
+          documentation: editorStore.applicationStore.docRegistry.getEntry(
+            DSL_DIAGRAM_LEGEND_STUDIO_DOCUMENTATION_KEY.GRAMMAR_PARSER,
+          ),
+          insertText: PURE_GRAMMAR_DIAGRAM_PARSER_NAME,
+        },
+      ],
+    ];
+  }
+
+  getExtraPureGrammarParserElementSnippetSuggestionsGetters(): PureGrammarParserElementSnippetSuggestionsGetter[] {
+    return [
+      (
+        editorStore: EditorStore,
+        parserKeyword: string,
+      ): PureGrammarTextSuggestion[] | undefined =>
+        parserKeyword === PURE_GRAMMAR_DIAGRAM_PARSER_NAME
+          ? [
+              {
+                text: PURE_GRAMMAR_DIAGRAM_ELEMENT_TYPE_LABEL,
+                description: '(blank)',
+                insertText: EMPTY_DIAGRAM_SNIPPET,
+              },
+              {
+                text: PURE_GRAMMAR_DIAGRAM_ELEMENT_TYPE_LABEL,
+                description: 'with class',
+                insertText: getDiagramSnippetWithOneClassView(),
+              },
+              {
+                text: PURE_GRAMMAR_DIAGRAM_ELEMENT_TYPE_LABEL,
+                description: 'with inheritance',
+                insertText: getDiagramSnippetWithGeneralizationView(),
+              },
+              {
+                text: PURE_GRAMMAR_DIAGRAM_ELEMENT_TYPE_LABEL,
+                description: 'with composition',
+                insertText: getDiagramSnippetWithPropertyView(),
+              },
+            ]
+          : undefined,
+    ];
+  }
 }

package/src/graphManager/DSLDiagram_PureGraphManagerPlugin.ts

@@ -25,8 +25,8 @@ import {
 import { Diagram } from '../models/metamodels/pure/packageableElements/diagram/DSLDiagram_Diagram';
 import { observe_Diagram } from './action/changeDetection/DSLDiagram_ObserverHelper';
 
-const PURE_GRAMMAR_DIAGRAM_PARSER_NAME = 'Diagram';
-const PURE_GRAMMAR_DIAGRAM_ELEMENT_TYPE_LABEL = 'Diagram';
+export const PURE_GRAMMAR_DIAGRAM_PARSER_NAME = 'Diagram';
+export const PURE_GRAMMAR_DIAGRAM_ELEMENT_TYPE_LABEL = 'Diagram';
 
 export class DSLDiagram_PureGraphManagerPlugin extends PureGraphManagerPlugin {
   constructor() {

package/tsconfig.json

@@ -39,6 +39,8 @@
     "./src/DSLDiagram_Extension.ts",
     "./src/DiagramRenderer.ts",
     "./src/index.ts",
+    "./src/components/studio/DSLDiagram_CodeSnippets.ts",
+    "./src/components/studio/DSLDiagram_LegendStudioDocumentation.ts",
     "./src/components/studio/DSLDiagram_TestID.ts",
     "./src/components/studio/InheritanceDiagramRenderer.ts",
     "./src/graph/DSLDiagram_PureGraphPlugin.ts",