@finos/legend-lego 0.1.12 → 1.0.0

package/src/code-editor/themes/README.md

@@ -0,0 +1,8 @@
+# Visual Studio Code Theme
+
+Since `monaco-editor` and `vscode` [use different theme systems](https://stackoverflow.com/questions/65959169/how-to-use-a-vsc-theme-in-monaco-editor), we need to convert themes from the latter. Here, we create a little utilities to convert themes downloaded from [marketplace](https://marketplace.visualstudio.com/). Following is the detailed version tracking of these themes:
+
+1. [Material Theme](https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme): Version [33.8.0](https://marketplace.visualstudio.com/_apis/public/gallery/publishers/Equinusocio/vsextensions/vsc-material-theme/33.8.0/vspackage) - 3/24/2023
+2. [GitHub Theme](https://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme): Version [6.3.4](https://marketplace.visualstudio.com/_apis/public/gallery/publishers/GitHub/vsextensions/github-vscode-theme/6.3.4/vspackage) - 3/28/2023
+3. [One Dark Pro](https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme): Version [3.15.8](https://marketplace.visualstudio.com/_apis/public/gallery/publishers/zhuangtongfa/vsextensions/Material-theme/3.15.8/vspackage) - 3/9/2023
+4. [Solarized Dark](https://github.com/microsoft/vscode/blob/main/extensions/theme-solarized-dark/themes/solarized-dark-color-theme.json): Commit [cf43717e18bbf1be6bd49a26e2cdadd61435fb8a](https://github.com/microsoft/vscode/commit/cf43717e18bbf1be6bd49a26e2cdadd61435fb8a) - 8/1/2022

package/src/code-editor/themes/solarized-dark-color-theme.json

@@ -0,0 +1,423 @@
+{
+  "name": "Solarized (dark)",
+  "tokenColors": [
+    {
+      "settings": {
+        "foreground": "#839496"
+      }
+    },
+    {
+      "scope": [
+        "meta.embedded",
+        "source.groovy.embedded",
+        "string meta.image.inline.markdown"
+      ],
+      "settings": {
+        "foreground": "#839496"
+      }
+    },
+    {
+      "name": "Comment",
+      "scope": "comment",
+      "settings": {
+        "fontStyle": "italic",
+        "foreground": "#586E75"
+      }
+    },
+    {
+      "name": "String",
+      "scope": "string",
+      "settings": {
+        "foreground": "#2AA198"
+      }
+    },
+    {
+      "name": "Regexp",
+      "scope": "string.regexp",
+      "settings": {
+        "foreground": "#DC322F"
+      }
+    },
+    {
+      "name": "Number",
+      "scope": "constant.numeric",
+      "settings": {
+        "foreground": "#D33682"
+      }
+    },
+    {
+      "name": "Variable",
+      "scope": ["variable.language", "variable.other"],
+      "settings": {
+        "foreground": "#268BD2"
+      }
+    },
+    {
+      "name": "Keyword",
+      "scope": "keyword",
+      "settings": {
+        "foreground": "#859900"
+      }
+    },
+    {
+      "name": "Storage",
+      "scope": "storage",
+      "settings": {
+        "fontStyle": "bold",
+        "foreground": "#93A1A1"
+      }
+    },
+    {
+      "name": "Class name",
+      "scope": [
+        "entity.name.class",
+        "entity.name.type",
+        "entity.name.namespace",
+        "entity.name.scope-resolution"
+      ],
+      "settings": {
+        "fontStyle": "",
+        "foreground": "#CB4B16"
+      }
+    },
+    {
+      "name": "Function name",
+      "scope": "entity.name.function",
+      "settings": {
+        "foreground": "#268BD2"
+      }
+    },
+    {
+      "name": "Variable start",
+      "scope": "punctuation.definition.variable",
+      "settings": {
+        "foreground": "#859900"
+      }
+    },
+    {
+      "name": "Embedded code markers",
+      "scope": [
+        "punctuation.section.embedded.begin",
+        "punctuation.section.embedded.end"
+      ],
+      "settings": {
+        "foreground": "#DC322F"
+      }
+    },
+    {
+      "name": "Built-in constant",
+      "scope": ["constant.language", "meta.preprocessor"],
+      "settings": {
+        "foreground": "#B58900"
+      }
+    },
+    {
+      "name": "Support.construct",
+      "scope": ["support.function.construct", "keyword.other.new"],
+      "settings": {
+        "foreground": "#CB4B16"
+      }
+    },
+    {
+      "name": "User-defined constant",
+      "scope": ["constant.character", "constant.other"],
+      "settings": {
+        "foreground": "#CB4B16"
+      }
+    },
+    {
+      "name": "Inherited class",
+      "scope": "entity.other.inherited-class",
+      "settings": {
+        "foreground": "#6C71C4"
+      }
+    },
+    {
+      "name": "Function argument",
+      "scope": "variable.parameter",
+      "settings": {}
+    },
+    {
+      "name": "Tag name",
+      "scope": "entity.name.tag",
+      "settings": {
+        "foreground": "#268BD2"
+      }
+    },
+    {
+      "name": "Tag start/end",
+      "scope": "punctuation.definition.tag",
+      "settings": {
+        "foreground": "#586E75"
+      }
+    },
+    {
+      "name": "Tag attribute",
+      "scope": "entity.other.attribute-name",
+      "settings": {
+        "foreground": "#93A1A1"
+      }
+    },
+    {
+      "name": "Library function",
+      "scope": "support.function",
+      "settings": {
+        "foreground": "#268BD2"
+      }
+    },
+    {
+      "name": "Continuation",
+      "scope": "punctuation.separator.continuation",
+      "settings": {
+        "foreground": "#DC322F"
+      }
+    },
+    {
+      "name": "Library constant",
+      "scope": ["support.constant", "support.variable"],
+      "settings": {}
+    },
+    {
+      "name": "Library class/type",
+      "scope": ["support.type", "support.class"],
+      "settings": {
+        "foreground": "#859900"
+      }
+    },
+    {
+      "name": "Library Exception",
+      "scope": "support.type.exception",
+      "settings": {
+        "foreground": "#CB4B16"
+      }
+    },
+    {
+      "name": "Library variable",
+      "scope": "support.other.variable",
+      "settings": {}
+    },
+    {
+      "name": "Invalid",
+      "scope": "invalid",
+      "settings": {
+        "foreground": "#DC322F"
+      }
+    },
+    {
+      "name": "diff: header",
+      "scope": ["meta.diff", "meta.diff.header"],
+      "settings": {
+        "fontStyle": "italic",
+        "foreground": "#268BD2"
+      }
+    },
+    {
+      "name": "diff: deleted",
+      "scope": "markup.deleted",
+      "settings": {
+        "fontStyle": "",
+        "foreground": "#DC322F"
+      }
+    },
+    {
+      "name": "diff: changed",
+      "scope": "markup.changed",
+      "settings": {
+        "fontStyle": "",
+        "foreground": "#CB4B16"
+      }
+    },
+    {
+      "name": "diff: inserted",
+      "scope": "markup.inserted",
+      "settings": {
+        "foreground": "#859900"
+      }
+    },
+    {
+      "name": "Markup Quote",
+      "scope": "markup.quote",
+      "settings": {
+        "foreground": "#859900"
+      }
+    },
+    {
+      "name": "Markup Lists",
+      "scope": "markup.list",
+      "settings": {
+        "foreground": "#B58900"
+      }
+    },
+    {
+      "name": "Markup Styling",
+      "scope": ["markup.bold", "markup.italic"],
+      "settings": {
+        "foreground": "#D33682"
+      }
+    },
+    {
+      "name": "Markup: Strong",
+      "scope": "markup.bold",
+      "settings": {
+        "fontStyle": "bold"
+      }
+    },
+    {
+      "name": "Markup: Emphasis",
+      "scope": "markup.italic",
+      "settings": {
+        "fontStyle": "italic"
+      }
+    },
+    {
+      "scope": "markup.strikethrough",
+      "settings": {
+        "fontStyle": "strikethrough"
+      }
+    },
+    {
+      "name": "Markup Inline",
+      "scope": "markup.inline.raw",
+      "settings": {
+        "fontStyle": "",
+        "foreground": "#2AA198"
+      }
+    },
+    {
+      "name": "Markup Headings",
+      "scope": "markup.heading",
+      "settings": {
+        "fontStyle": "bold",
+        "foreground": "#268BD2"
+      }
+    },
+    {
+      "name": "Markup Setext Header",
+      "scope": "markup.heading.setext",
+      "settings": {
+        "fontStyle": "",
+        "foreground": "#268BD2"
+      }
+    }
+  ],
+  "colors": {
+    "focusBorder": "#2AA19899",
+
+    "selection.background": "#2AA19899",
+
+    "input.background": "#003847",
+    "input.foreground": "#93A1A1",
+    "input.placeholderForeground": "#93A1A1AA",
+
+    "inputOption.activeBorder": "#2AA19899",
+    "inputValidation.infoBorder": "#363b5f",
+    "inputValidation.infoBackground": "#052730",
+    "inputValidation.warningBackground": "#5d5938",
+    "inputValidation.warningBorder": "#9d8a5e",
+    "inputValidation.errorBackground": "#571b26",
+    "inputValidation.errorBorder": "#a92049",
+
+    "errorForeground": "#ffeaea",
+
+    "badge.background": "#047aa6",
+    "progressBar.background": "#047aa6",
+
+    "dropdown.background": "#00212B",
+    "dropdown.border": "#2AA19899",
+
+    "button.background": "#2AA19899",
+
+    "list.activeSelectionBackground": "#005A6F",
+
+    "quickInputList.focusBackground": "#005A6F",
+    "list.hoverBackground": "#004454AA",
+    "list.inactiveSelectionBackground": "#00445488",
+    "list.dropBackground": "#00445488",
+    "list.highlightForeground": "#1ebcc5",
+
+    "editor.background": "#002B36",
+    "editor.foreground": "#839496",
+    "editorWidget.background": "#00212B",
+    "editorCursor.foreground": "#D30102",
+    "editorWhitespace.foreground": "#93A1A180",
+    "editor.lineHighlightBackground": "#073642",
+    "editorLineNumber.activeForeground": "#949494",
+    "editor.selectionBackground": "#274642",
+    "minimap.selectionHighlight": "#274642",
+    "editorIndentGuide.background": "#93A1A180",
+    "editorIndentGuide.activeBackground": "#C3E1E180",
+    "editorHoverWidget.background": "#004052",
+
+    "editorMarkerNavigationError.background": "#AB395B",
+    "editorMarkerNavigationWarning.background": "#5B7E7A",
+
+    "editor.selectionHighlightBackground": "#005A6FAA",
+    "editor.wordHighlightBackground": "#004454AA",
+    "editor.wordHighlightStrongBackground": "#005A6FAA",
+
+    "editorBracketHighlight.foreground1": "#cdcdcdff",
+    "editorBracketHighlight.foreground2": "#b58900ff",
+    "editorBracketHighlight.foreground3": "#d33682ff",
+
+    "peekViewResult.background": "#00212B",
+
+    "peekViewEditor.background": "#10192c",
+    "peekViewTitle.background": "#00212B",
+    "peekView.border": "#2b2b4a",
+    "peekViewEditor.matchHighlightBackground": "#7744AA40",
+
+    "titleBar.activeBackground": "#002C39",
+
+    "editorGroup.border": "#00212B",
+    "editorGroup.dropBackground": "#2AA19844",
+    "editorGroupHeader.tabsBackground": "#004052",
+
+    "tab.activeForeground": "#d6dbdb",
+    "tab.activeBackground": "#002B37",
+    "tab.inactiveForeground": "#93A1A1",
+    "tab.inactiveBackground": "#004052",
+    "tab.border": "#003847",
+    "tab.lastPinnedBorder": "#2AA19844",
+
+    "activityBar.background": "#003847",
+
+    "panel.border": "#2b2b4a",
+
+    "sideBar.background": "#00212B",
+    "sideBarTitle.foreground": "#93A1A1",
+
+    "statusBar.foreground": "#93A1A1",
+    "statusBar.background": "#00212B",
+    "statusBar.debuggingBackground": "#00212B",
+    "statusBar.noFolderBackground": "#00212B",
+    "statusBarItem.remoteBackground": "#2AA19899",
+    "ports.iconRunningProcessForeground": "#369432",
+    "statusBarItem.prominentBackground": "#003847",
+    "statusBarItem.prominentHoverBackground": "#003847",
+
+    "debugToolBar.background": "#00212B",
+    "debugExceptionWidget.background": "#00212B",
+    "debugExceptionWidget.border": "#AB395B",
+
+    "pickerGroup.foreground": "#2AA19899",
+    "pickerGroup.border": "#2AA19899",
+
+    "terminal.ansiBlack": "#073642",
+    "terminal.ansiRed": "#dc322f",
+    "terminal.ansiGreen": "#859900",
+    "terminal.ansiYellow": "#b58900",
+    "terminal.ansiBlue": "#268bd2",
+    "terminal.ansiMagenta": "#d33682",
+    "terminal.ansiCyan": "#2aa198",
+    "terminal.ansiWhite": "#eee8d5",
+    "terminal.ansiBrightBlack": "#002b36",
+    "terminal.ansiBrightRed": "#cb4b16",
+    "terminal.ansiBrightGreen": "#586e75",
+    "terminal.ansiBrightYellow": "#657b83",
+    "terminal.ansiBrightBlue": "#839496",
+    "terminal.ansiBrightMagenta": "#6c71c4",
+    "terminal.ansiBrightCyan": "#93a1a1",
+    "terminal.ansiBrightWhite": "#fdf6e3"
+  },
+  "semanticHighlighting": true
+}

package/src/data-grid/DataGrid.tsx

@@ -29,7 +29,18 @@ import {
 export function DataGrid<TData = unknown>(
   props: AgGridReactProps<TData> | AgReactUiProps<TData>,
 ): JSX.Element {
-  return <AgGridReact {...props} modules={[ClientSideRowModelModule]} />;
+  return (
+    <AgGridReact
+      // Temporarily disable usage the browser's ResizeObserver as sometimes, this causes the error
+      // `ResizeObserver loop limit exceeded` when we zoom in too much, in our cases, the problem
+      // seem to arise when the scrollbar visibility changes as row data is being supplied
+      // one way to resolve this problem is to set `alwaysShowVerticalScroll={true}`
+      // See https://github.com/ag-grid/ag-grid/issues/2588
+      suppressBrowserResizeObserver={true}
+      {...props}
+      modules={[ClientSideRowModelModule]}
+    />
+  );
 }
 
 export const configureDataGridComponent = (): void => {

package/tsconfig.json

@@ -29,15 +29,18 @@
   "files": [
     "./src/application/TabManagerState.ts",
     "./src/application/index.ts",
-    "./src/code-editor/CodeEditorConfig.ts",
+    "./src/code-editor/CodeEditorTheme.ts",
     "./src/code-editor/CodeEditorUtils.ts",
+    "./src/code-editor/PureLanguage.ts",
     "./src/code-editor/PureLanguageCodeEditorSupport.ts",
     "./src/code-editor/PureLanguageService.ts",
     "./src/code-editor/__test__.ts",
     "./src/code-editor/index.ts",
     "./src/code-editor/__test-utils__/MockedMonacoEditor.ts",
+    "./src/code-editor/themes/MonacoEditorThemeUtils.ts",
     "./src/data-grid/index.ts",
     "./src/graph-editor/index.ts",
+    "./src/application/ActivityBar.tsx",
     "./src/application/DocumentationLink.tsx",
     "./src/application/FuzzySearchAdvancedConfigMenu.tsx",
     "./src/application/TabManager.tsx",
@@ -46,7 +49,14 @@
     "./src/code-editor/__test-utils__/MonacoEditorMockUtils.tsx",
     "./src/data-grid/DataGrid.tsx",
     "./src/graph-editor/ElementIconUtils.tsx",
-    "./src/graph-editor/PackageableElementOption.tsx"
+    "./src/graph-editor/PackageableElementOption.tsx",
+    "./src/code-editor/themes/Github-Theme-dark-dimmed.json",
+    "./src/code-editor/themes/Github-Theme-dark.json",
+    "./src/code-editor/themes/Material-Theme-Darker.json",
+    "./src/code-editor/themes/Material-Theme-Default.json",
+    "./src/code-editor/themes/OneDark-Pro-darker.json",
+    "./src/code-editor/themes/OneDark-Pro.json",
+    "./src/code-editor/themes/solarized-dark-color-theme.json"
   ],
   "include": [
     "src/**/*.ts",

package/lib/code-editor/CodeEditorConfig.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CodeEditorConfig.d.ts","sourceRoot":"","sources":["../../src/code-editor/CodeEditorConfig.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,oBAAY,iBAAiB;IAC3B,MAAM,WAAW;IACjB,uBAAuB,OAAO;CAC/B;AAED,oBAAY,oBAAoB;IAC9B,IAAI,cAAc;IAClB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,IAAI,SAAS;IACb,QAAQ,aAAa;IACrB,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,OAAO,YAAY;CACpB"}

package/lib/code-editor/CodeEditorConfig.js

@@ -1,33 +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 var CODE_EDITOR_THEME;
-(function (CODE_EDITOR_THEME) {
-    CODE_EDITOR_THEME["LEGEND"] = "legend";
-    CODE_EDITOR_THEME["TEMPORARY__VSCODE_LIGHT"] = "vs";
-})(CODE_EDITOR_THEME = CODE_EDITOR_THEME || (CODE_EDITOR_THEME = {}));
-export var CODE_EDITOR_LANGUAGE;
-(function (CODE_EDITOR_LANGUAGE) {
-    CODE_EDITOR_LANGUAGE["TEXT"] = "plaintext";
-    CODE_EDITOR_LANGUAGE["PURE"] = "pure";
-    CODE_EDITOR_LANGUAGE["JSON"] = "json";
-    CODE_EDITOR_LANGUAGE["JAVA"] = "java";
-    CODE_EDITOR_LANGUAGE["MARKDOWN"] = "markdown";
-    CODE_EDITOR_LANGUAGE["SQL"] = "sql";
-    CODE_EDITOR_LANGUAGE["XML"] = "xml";
-    CODE_EDITOR_LANGUAGE["YAML"] = "yaml";
-    CODE_EDITOR_LANGUAGE["GRAPHQL"] = "graphql";
-})(CODE_EDITOR_LANGUAGE = CODE_EDITOR_LANGUAGE || (CODE_EDITOR_LANGUAGE = {}));
-//# sourceMappingURL=CodeEditorConfig.js.map

package/lib/code-editor/CodeEditorConfig.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CodeEditorConfig.js","sourceRoot":"","sources":["../../src/code-editor/CodeEditorConfig.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,MAAM,CAAN,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,sCAAiB,CAAA;IACjB,mDAA8B,CAAA;AAChC,CAAC,EAHW,iBAAiB,GAAjB,iBAAiB,KAAjB,iBAAiB,QAG5B;AAED,MAAM,CAAN,IAAY,oBAUX;AAVD,WAAY,oBAAoB;IAC9B,0CAAkB,CAAA;IAClB,qCAAa,CAAA;IACb,qCAAa,CAAA;IACb,qCAAa,CAAA;IACb,6CAAqB,CAAA;IACrB,mCAAW,CAAA;IACX,mCAAW,CAAA;IACX,qCAAa,CAAA;IACb,2CAAmB,CAAA;AACrB,CAAC,EAVW,oBAAoB,GAApB,oBAAoB,KAApB,oBAAoB,QAU/B"}