feat: add custom editor / visualizer to vscode extension #1243

GideonKoenig · 2024-10-21T23:51:12Z

Giant Pull Request - All in one - I'm sorry

… statement node expandable

…n node

lars-reimann

First batch of comments about the stub changes.

packages/safe-ds-lang/src/resources/builtins/safeds/lang/ideIntegration.sdsstub

packages/safe-ds-lang/src/resources/builtins/safeds/data/tabular/plotting/TablePlotter.sdsstub

### Summary of Changes Modifies the language stubs in preparation for the Custom Editor/Visualization PR #1243. Defines/Adjusts the DataScienceCategories and assigns them to a sample amount of functions and classes from the Safe-Ds language. --------- Co-authored-by: Lars Reimann <mail@larsreimann.com>

...es/safe-ds-lang/src/resources/builtins/safeds/ml/classical/regression/ArimaRegressor.sdsstub

packages/safe-ds-lang/.prettierrc.json

.eslintrc.cjs

.vscode/settings.json

packages/safe-ds-editor/.prettierrc.json

packages/safe-ds-editor/components.json

packages/safe-ds-editor/migrationTools/copyToExtension.js

packages/safe-ds-editor/postcss.config.js

lars-reimann · 2024-11-14T11:51:37Z

packages/safe-ds-lang/src/language/custom-editor/ast-parser/argument.ts

The next step would be to extract the custom-editor service into its own PR. It also requires unit tests. Finally, "custom-editor" is a very general name, maybe something like "graphical-editor" is better (or currently "graphical-view", though then we'd have to rename it eventually). I'm open for suggestions here.

See #1315.
I chose graphical-editor as the name.

lars-reimann · 2024-11-14T11:59:53Z

packages/safe-ds-lang/src/language/custom-editor/ast-parser/utils.ts

+    static callList: Call[];
+    static genericExpressionList: GenericExpression[];
+    static edgeList: Edge[];
+    static safeDsServices: SafeDsServices;


Anything that needs services should be made a service, so everything gets wired up properly. Here, Utils is in an invalid state before initialize is called.

Likewise, it should not have static state/methods but instance state/methods, since multiple instances of SafeDsServices might be in use at the same time, e.g. when running tests. Using static state here, can quickly lead to subtle bugs.

The language server component has been reworked and separated into its own PR #1315.

lars-reimann · 2024-11-14T12:02:52Z

packages/safe-ds-lang/src/language/custom-editor/ast-parser/utils.ts

+export const zip = <A, B>(arrayA: A[], arrayB: B[]): [A, B][] => {
+    const minLength = Math.min(arrayA.length, arrayB.length);
+    const result: [A, B][] = [];
+
+    for (let i = 0; i < minLength; i++) {
+        result.push([arrayA[i]!, arrayB[i]!]);
+    }
+
+    return result;
+};


Would be a useful addition to packages\safe-ds-lang\src\helpers\collections.ts.

## [0.22.0](v0.21.1...v0.22.0) (2024-11-24) ### Features * categorize API elements ([#1263](#1263)) ([d0d971e](d0d971e)), closes [#1243](#1243) * disable inlay hints for assignee types by default ([#1260](#1260)) ([a651ade](a651ade)) * improve error messages from linker ([#1272](#1272)) ([eddd868](eddd868)), closes [#1268](#1268) * output statement ([#1262](#1262)) ([011ba31](011ba31)), closes [#1259](#1259) * remove schema concept from grammar ([#1273](#1273)) ([1a3bf80](1a3bf80)), closes [#1133](#1133)

lars-reimann · 2024-12-17T12:37:30Z

Bug 1: The following code causes an error:

package demo

pipeline whoSurvived {
    val titanic = Table.fromCsvFile("titanic.csv");
    val _histogram = titanic.plot.histograms();
}

c:\Users\Lars\Desktop\safe-ds-examples\demo.sds:5:22 - Invalid Call receiver: MemberAccess: Receiver is not a Reference or Call but - SdsMemberAccess```

lars-reimann · 2024-12-17T12:40:45Z

Bug 2: Closing the graphical view, changing the code, and opening the graphical view shows the old graph without changes. Even changing pipelines and opening the graphical view shows the old graph for the other pipeline.

lars-reimann · 2024-12-17T13:31:15Z

Bug 3 (low priority): Examples in the documentation are barely visible:

Why do we actually show the textual examples at all in the graphical view?

Also: the headers of the sections in the sidebar should be in English (e.g. Documentation instead of Dokumentation).

### Summary of Changes Modifies the language stubs in preparation for the Custom Editor/Visualization PR #1243.

## [0.23.0](v0.22.0...v0.23.0) (2025-01-04) ### Features * categorize API elements ([#1285](#1285)) ([3275900](3275900)), closes [#1243](#1243) * optional error messages for constraints ([#1275](#1275)) ([fce761c](fce761c)), closes [#1082](#1082) * prevent editing built-in stubs ([#1282](#1282)) ([d02c30a](d02c30a)) * show placeholders in outline ([#1286](#1286)) ([3880bfe](3880bfe)) ### Bug Fixes * subtype check for literal and union types ([#1288](#1288)) ([911881c](911881c)) * subtype check for literal and union types (part 2) ([#1289](#1289)) ([56284cf](56284cf)) * type inference for lambdas and their parameters ([#1304](#1304)) ([a9e070f](a9e070f))

GideonKoenig · 2025-01-23T20:46:22Z

This PR has been separated into the three remaining components.

The language-server extension feat: establish language server service for the graphical editor #1315
The client code extension (in the vscode package) feat: add client logic for graphical editor #1316
The webview code feat: webview for the graphical editor #1317

They are meant to be deployed in that order.

GideonKoenigJukabo and others added 30 commits January 27, 2024 14:08

add custom editor to package.json

261b87c

feat: Add CustomEditorProvider

29f6501

feat: hide menu item command when in custom editor

f701ce0

initialize svelte webview

cb9b61b

create svelte project with tailwind

0c2f360

add settings for custom-editor submodule

39be0b5

add dynamic css file import

fac0bdf

improve dx - setup watch command

36c606e

ignore custom editor devtools in eslint

1a2a10f

change custom-editor bundle migration target fild

f5c2e5e

add tailwind and shadcn to svelte project

6fa703d

create base message structure

cca3c79

create test message from webview to extension

1e31930

add MessageHandler to Extension and Webview components

11cc564

establish communication with language server

8ecdfa5

refine language server message definition

c7b38f9

refine language server message definition

c8ea001

use shared types for language server communication

974fd58

change device

6b3388d

priamry sidebar cleanup, initialize grid

38f592f

feat: tooltip trait

5aba7d3

refine tooltip (add pointer) | add Parameter to statement node | make…

bc8c8aa

… statement node expandable

add placeholder node

df1f7de

refactor assets | modify placeholder name placement | start expressio…

9877413

…n node

add extension node

e6fce0e

add expression node | rework port structure

419fa72

Merge branch 'main' into custom-editor

1980c70

move message registration in safe-ds-lang

151b6ce

eod | primary sidebar

3ff8ad5

exchange expression icon

16841cd

GideonKoenig and others added 4 commits October 29, 2024 13:06

fix: ignore lint rules for tailwind.css

85a7ee5

fix: a bunch of linter issues

14dfda4

fix: more lint issues

707bcb3

style: apply automated linter fixes

cafa613

GideonKoenig changed the title ~~feat: add custom editor / visualization to vscode extension~~ feat: add custom editor / visualizer to vscode extension Oct 29, 2024

GideonKoenig marked this pull request as ready for review October 29, 2024 14:28

GideonKoenig requested a review from lars-reimann as a code owner October 29, 2024 14:28

lars-reimann reviewed Oct 31, 2024

View reviewed changes

GideonKoenig mentioned this pull request Nov 12, 2024

feat: categorize API elements #1263

Merged

GideonKoenig added 3 commits November 14, 2024 11:57

Merge branch 'main' into custom-editor

62fa1e4

fix: formatting issue

034fa77

fix: formatting issue

aa6d5b9

GideonKoenig commented Nov 14, 2024

View reviewed changes

...es/safe-ds-lang/src/resources/builtins/safeds/ml/classical/regression/ArimaRegressor.sdsstub Outdated Show resolved Hide resolved

fix: more formatting issues

9382a64

lars-reimann requested changes Nov 14, 2024

View reviewed changes

lars-reimann reviewed Nov 14, 2024

View reviewed changes

GideonKoenig added 2 commits December 17, 2024 15:33

meta: swap device

f85738b

Merge branch 'main' into custom-editor

ea2a468

GideonKoenig mentioned this pull request Dec 17, 2024

feat: categorize API elements #1285

Merged

lars-reimann pushed a commit that referenced this pull request Dec 20, 2024

feat: categorize API elements (#1285)

3275900

### Summary of Changes Modifies the language stubs in preparation for the Custom Editor/Visualization PR #1243.

This was referenced Jan 20, 2025

feat: establish language server service for the graphical editor #1315

Open

feat: add client logic for graphical editor #1316

Open

feat: webview for the graphical editor #1317

Open

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat: add custom editor / visualizer to vscode extension #1243

feat: add custom editor / visualizer to vscode extension #1243

GideonKoenig commented Oct 21, 2024

lars-reimann left a comment

lars-reimann Nov 14, 2024

GideonKoenig Jan 21, 2025

lars-reimann Nov 14, 2024 •

edited

Loading

GideonKoenig Jan 21, 2025

lars-reimann Nov 14, 2024

lars-reimann commented Dec 17, 2024 •

edited

Loading

lars-reimann commented Dec 17, 2024 •

edited

Loading

lars-reimann commented Dec 17, 2024 •

edited

Loading

GideonKoenig commented Jan 23, 2025

feat: add custom editor / visualizer to vscode extension #1243

Are you sure you want to change the base?

feat: add custom editor / visualizer to vscode extension #1243

Conversation

GideonKoenig commented Oct 21, 2024

lars-reimann left a comment

Choose a reason for hiding this comment

lars-reimann Nov 14, 2024

Choose a reason for hiding this comment

GideonKoenig Jan 21, 2025

Choose a reason for hiding this comment

lars-reimann Nov 14, 2024 • edited Loading

Choose a reason for hiding this comment

GideonKoenig Jan 21, 2025

Choose a reason for hiding this comment

lars-reimann Nov 14, 2024

Choose a reason for hiding this comment

lars-reimann commented Dec 17, 2024 • edited Loading

lars-reimann commented Dec 17, 2024 • edited Loading

lars-reimann commented Dec 17, 2024 • edited Loading

GideonKoenig commented Jan 23, 2025

lars-reimann Nov 14, 2024 •

edited

Loading

lars-reimann commented Dec 17, 2024 •

edited

Loading

lars-reimann commented Dec 17, 2024 •

edited

Loading

lars-reimann commented Dec 17, 2024 •

edited

Loading