@eclipse-glsp/vscode-integration-webview 0.9.0-next.ecc539e1 → 0.10.0-next.4f828a6.43

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/README.md +5 -4
  2. package/css/diagram.css +45 -4
  3. package/css/tool-palette.css +24 -14
  4. package/lib/glsp-vscode-diagram-widget.js +1 -1
  5. package/lib/glsp-vscode-diagram-widget.js.map +1 -1
  6. package/package.json +3 -2
  7. package/src/glsp-vscode-diagram-widget.ts +1 -1
package/README.md CHANGED
@@ -3,13 +3,14 @@
3
3
  This package helps you to implement a [VS Code Webview](https://code.visualstudio.com/api/extension-guides/webview) that renders a [GLSP](https://www.eclipse.org/glsp/) diagram.
4
4
  Since GLSP is based on sprotty(https://github.com/eclipse/sprotty) this glue code is built on top of [sprotty-vscode-webview](https://www.npmjs.com/package/sprotty-vscode-webview).
5
5
 
6
- ### Where to find the sources?
6
+ ## Where to find the sources?
7
7
 
8
8
  In addition to this repository, the related source code can be found here:
9
9
 
10
- - https://github.com/eclipse-glsp/glsp-server
11
- - https://github.com/eclipse-glsp/glsp-client
10
+ - <https://github.com/eclipse-glsp/glsp-server>
11
+ - <https://github.com/eclipse-glsp/glsp-client>
12
12
 
13
13
  ## More information
14
14
 
15
- For more information, please visit the [Eclipse GLSP Umbrella repository](https://github.com/eclipse-glsp/glsp) and the [Eclipse GLSP Website](https://www.eclipse.org/glsp/). If you have questions, contact us on our [spectrum chat](https://spectrum.chat/glsp/) and have a look at our [communication and support options](https://www.eclipse.org/glsp/contact/).
15
+ For more information, please visit the [Eclipse GLSP Umbrella repository](https://github.com/eclipse-glsp/glsp) and the [Eclipse GLSP Website](https://www.eclipse.org/glsp/).
16
+ If you have questions, please raise them in the [discussions](https://github.com/eclipse-glsp/glsp/discussions) and have a look at our [communication and support options](https://www.eclipse.org/glsp/contact/).
package/css/diagram.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /********************************************************************************
2
- * Copyright (c) 2020-2021 EclipseSource and others.
2
+ * Copyright (c) 2020-2022 EclipseSource and others.
3
3
  *
4
4
  * This program and the accompanying materials are made available under the
5
5
  * terms of the Eclipse Public License v. 2.0 which is available at
@@ -52,10 +52,51 @@ body {
52
52
  stroke: var(--vscode-editor-foreground);
53
53
  }
54
54
 
55
- .sprotty-edge.arrow {
55
+ .sprotty-edge .arrow {
56
56
  fill: var(--vscode-editor-foreground);
57
57
  }
58
58
 
59
- .sprotty-node.selected {
60
- stroke: var(--vscode-menu-selectionBackground);
59
+ .sprotty-node.selected,
60
+ .sprotty-edge.selected {
61
+ stroke: var(--vscode-focusBorder);
62
+ }
63
+
64
+ .sprotty-edge.selected .arrow {
65
+ fill: var(--vscode-focusBorder);
66
+ stroke: var(--vscode-focusBorder);
67
+ }
68
+
69
+ .inactive .sprotty-node.selected {
70
+ stroke: var(--vscode-editor-inactiveSelectionBackground);
71
+ }
72
+
73
+ .sprotty-resize-handle.selected,
74
+ .sprotty-resize-handle.active,
75
+ .sprotty-edge > .sprotty-routing-handle.selected,
76
+ .sprotty-edge > .sprotty-routing-handle.mouseover {
77
+ fill: var(--vscode-focusBorder);
78
+ }
79
+
80
+ .inactive .sprotty-resize-handle,
81
+ .inactive .sprotty-routing-handle {
82
+ fill: var(--vscode-tab-unfocusedInactiveForeground);
83
+ }
84
+
85
+ .sprotty-node.mouseover:not(.selected),
86
+ .sprotty-edge.mouseover:not(.selected) {
87
+ stroke: var(--vscode-editor-foreground);
88
+ }
89
+
90
+ .sprotty-edge.mouseover:not(.selected) .arrow {
91
+ fill: var(--vscode-editor-foreground);
92
+ stroke: var(--vscode-editor-foreground);
93
+ }
94
+
95
+ .sprotty-popup {
96
+ padding: 0px;
97
+ border-radius: 2px;
98
+ box-shadow: 0px 1px 6px var(--vscode-widget-shadow);
99
+ background-color: var(--vscode-editorHoverWidget-background);
100
+ color: var(--vscode-editorHoverWidget-foreground);
101
+ border: 1px solid var(--vscode-editorHoverWidget-border);
61
102
  }
package/css/tool-palette.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /********************************************************************************
2
- * Copyright (c) 2020-2021 EclipseSource and others.
2
+ * Copyright (c) 2020-2022 EclipseSource and others.
3
3
  *
4
4
  * This program and the accompanying materials are made available under the
5
5
  * terms of the Eclipse Public License v. 2.0 which is available at
@@ -18,8 +18,16 @@
18
18
  box-shadow: 0px 1px 6px var(--vscode-widget-shadow);
19
19
  }
20
20
 
21
+ .tool-palette :focus-visible {
22
+ outline: none;
23
+ }
24
+
25
+ .tool-group {
26
+ background: var(--vscode-settings-dropdownBackground);
27
+ }
28
+
21
29
  .tool-palette .palette-header {
22
- background: var(--vscode-titleBar-activeBackground);
30
+ background: var(--vscode-settings-dropdownBackground);
23
31
  color: var(--vscode-titleBar-activeForeground);
24
32
  border: 0;
25
33
  font-weight: normal;
@@ -31,20 +39,23 @@
31
39
  }
32
40
 
33
41
  .tool-palette .palette-header .header-icon {
34
- font-size: var(--vscode-ui-font-size1);
35
42
  float: left;
36
43
  padding: 0.2em;
44
+ font-size: 11px;
45
+ text-transform: uppercase;
46
+ font-weight: 400;
37
47
  }
38
48
 
39
49
  .tool-palette .palette-header .header-tools {
40
- font-size: var(--vscode-ui-font-size3);
41
50
  float: right;
51
+ font-size: 11px;
42
52
  }
43
53
 
44
54
  .tool-palette .palette-header .header-tools i {
45
55
  border: none;
46
56
  width: 1em;
47
57
  text-align: center;
58
+ border-radius: 5px;
48
59
  }
49
60
 
50
61
  .tool-palette .palette-header .header-tools i:hover:not(.clicked) {
@@ -58,35 +69,34 @@
58
69
  .tool-palette .palette-body {
59
70
  border: 0;
60
71
  box-shadow: none;
72
+ background: var(--vscode-list-focusBackground);
73
+ color: var(--vscode-titleBar-activeForeground);
61
74
  }
62
75
 
63
76
  .tool-palette .palette-body .group-header {
64
77
  font-size: var(--vscode-ui-font-size1);
65
- font-weight: normal;
66
- background: var(--vscode-settings-dropdownBackground);
78
+ text-transform: uppercase;
79
+ font-weight: bold;
80
+ background: var(--vscode-editorHoverWidget-statusBarBackground);
67
81
  color: var(--vscode-titleBar-activeForeground);
68
82
  border: 0;
69
83
  }
70
84
 
71
- .tool-palette .palette-body .tool-button {
72
- background: var(--vscode-menu-background);
85
+ .tool-button {
86
+ background: var(--vscode-settings-dropdownBackground);
73
87
  color: var(--vscode-titleBar-activeForeground);
74
88
  }
75
89
 
76
90
  .tool-palette .palette-body .tool-button:hover:not(.clicked) {
77
- background: var(--vscode-list-hoverBackground);
91
+ background: var(--vscode-menubar-selectionBackground);
78
92
  }
79
93
 
80
94
  .tool-palette .tool-button.clicked {
81
- background: var(--vscode-menu-selectionBackground);
82
- color: var(--vscode-menu-selectionForeground);
95
+ background: var(--vscode-inputOption-activeBackground);
83
96
  }
84
97
 
85
98
  .search-input {
86
99
  background: var(--vscode-input-background);
87
100
  color: var(--vscode-input-foreground);
88
101
  border: var(--vscode-border-width) solid var(--vscode-input-border);
89
- font-family: var(--vscode-ui-font-family);
90
- font-size: var(--vscode-ui-font-size1);
91
- line-height: var(--vscode-content-line-height);
92
102
  }
package/lib/glsp-vscode-diagram-widget.js CHANGED
@@ -34,7 +34,7 @@ let GLSPVscodeDiagramWidget = class GLSPVscodeDiagramWidget extends sprotty_vsco
34
34
  sourceUri: decodeURI(this.diagramIdentifier.uri),
35
35
  diagramType: this.diagramIdentifier.diagramType
36
36
  }));
37
- this.actionDispatcher.dispatch(new client_1.RequestTypeHintsAction(this.diagramIdentifier.diagramType));
37
+ this.actionDispatcher.dispatch(new client_1.RequestTypeHintsAction());
38
38
  this.actionDispatcher.dispatch(new client_1.EnableToolPaletteAction());
39
39
  }
40
40
  };
package/lib/glsp-vscode-diagram-widget.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"glsp-vscode-diagram-widget.js","sourceRoot":"","sources":["../src/glsp-vscode-diagram-widget.ts"],"names":[],"mappings":";;;;;;;;;AAAA;;;;;;;;;;;;;;kFAckF;AAClF,iDAA0H;AAC1H,yCAAuC;AACvC,mEAA6D;AAG7D,IAAsB,uBAAuB,GAA7C,MAAsB,uBAAwB,SAAQ,4CAAmB;IAC3D,iBAAiB;QACvB,IAAI,IAAI,CAAC,WAAW,YAAY,sBAAa,EAAE;YAC3C,IAAI,CAAC,WAAW,CAAC,QAAQ,GAAG,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC;SAC/D;QACD,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAC1B,IAAI,2BAAkB,CAAC;YACnB,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC;YAChD,WAAW,EAAE,IAAI,CAAC,iBAAiB,CAAC,WAAW;SAClD,CAAC,CACL,CAAC;QAEF,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,+BAAsB,CAAC,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,CAAC;QAC/F,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,gCAAuB,EAAE,CAAC,CAAC;IAClE,CAAC;CACJ,CAAA;AAfqB,uBAAuB;IAD5C,IAAA,sBAAU,GAAE;GACS,uBAAuB,CAe5C;AAfqB,0DAAuB;AAiB7C,SAAgB,SAAS,CAAC,GAAW;IACjC,OAAO,kBAAkB,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;AACvD,CAAC;AAFD,8BAEC"}
1
+ {"version":3,"file":"glsp-vscode-diagram-widget.js","sourceRoot":"","sources":["../src/glsp-vscode-diagram-widget.ts"],"names":[],"mappings":";;;;;;;;;AAAA;;;;;;;;;;;;;;kFAckF;AAClF,iDAA0H;AAC1H,yCAAuC;AACvC,mEAA6D;AAG7D,IAAsB,uBAAuB,GAA7C,MAAsB,uBAAwB,SAAQ,4CAAmB;IAC3D,iBAAiB;QACvB,IAAI,IAAI,CAAC,WAAW,YAAY,sBAAa,EAAE;YAC3C,IAAI,CAAC,WAAW,CAAC,QAAQ,GAAG,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC;SAC/D;QACD,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAC1B,IAAI,2BAAkB,CAAC;YACnB,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC;YAChD,WAAW,EAAE,IAAI,CAAC,iBAAiB,CAAC,WAAW;SAClD,CAAC,CACL,CAAC;QAEF,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,+BAAsB,EAAE,CAAC,CAAC;QAC7D,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,gCAAuB,EAAE,CAAC,CAAC;IAClE,CAAC;CACJ,CAAA;AAfqB,uBAAuB;IAD5C,IAAA,sBAAU,GAAE;GACS,uBAAuB,CAe5C;AAfqB,0DAAuB;AAiB7C,SAAgB,SAAS,CAAC,GAAW;IACjC,OAAO,kBAAkB,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;AACvD,CAAC;AAFD,8BAEC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eclipse-glsp/vscode-integration-webview",
3
- "version": "0.9.0-next.ecc539e1",
3
+ "version": "0.10.0-next.4f828a6.43+4f828a6",
4
4
  "description": "Integration of a GLSP diagram in a VS Code extensions (WebView part)",
5
5
  "license": "(EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0)",
6
6
  "keywords": [
@@ -51,5 +51,6 @@
51
51
  "access": "public"
52
52
  },
53
53
  "main": "lib/index",
54
- "types": "lib/index"
54
+ "types": "lib/index",
55
+ "gitHead": "4f828a657ee5927064268c69d3cb41c14c1aa68f"
55
56
  }
package/src/glsp-vscode-diagram-widget.ts CHANGED
@@ -30,7 +30,7 @@ export abstract class GLSPVscodeDiagramWidget extends VscodeDiagramWidget {
30
30
  })
31
31
  );
32
32
 
33
- this.actionDispatcher.dispatch(new RequestTypeHintsAction(this.diagramIdentifier.diagramType));
33
+ this.actionDispatcher.dispatch(new RequestTypeHintsAction());
34
34
  this.actionDispatcher.dispatch(new EnableToolPaletteAction());
35
35
  }
36
36
  }