Changes for page Running KEITH
Last modified by Richard Kreissig on 2023/09/14 08:48
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -169,224 +169,6 @@ 169 169 170 170 === Known issues: === 171 171 172 -Refreshing the browser is not enough for the diagram to work. If the diagram is needed the language server has to be restarted before the browser is refreshed. This is a known issue in theia-sprotty. 173 - 174 -= Developing for KEITH = 175 - 176 -We use java ServiceLoader to register stuff. Here is a small example how a LanguageServerExtension is registered via a ServiceLoader and how it is used: 177 - 178 -== Register LanguageServerExtensions (ServiceLoader Example) == 179 - 180 -This is a LanguageServerExtension. It has to be used in the de.cau.cs.kieler.language.server plugin. Since the language-server-plugin should not have dependencies to all plugins that define a language server extension dependency inversion is used to prevent that. A ServiceLoader does exactly that. 181 - 182 -Here is such an example extension, the KiCoolLanguageServerExtension: 183 - 184 -{{code}} 185 -package de.cau.cs.kieler.kicool.ide.language.server 186 - 187 - 188 -/** 189 - * @author really fancy name 190 - * 191 - */ 192 -@Singleton 193 -class KiCoolLanguageServerExtension implements ILanguageServerExtension, CommandExtension, ILanguageClientProvider { 194 - // fancy extension stuff 195 - 196 - var KeithLanguageClient client 197 - // A language server extension must implement the initialize method, 198 - // it is however only called if the extension is registered via a language. 199 - // This should never be the case, so this is never called. 200 - override initialize(ILanguageServerAccess access) { 201 - this.languageServerAccess = access 202 - } 203 - 204 - // implement ILanguageClientProvider 205 - override setLanguageClient(LanguageClient client) { 206 - this.client = client as KeithLanguageClient 207 - } 208 - 209 - // implement ILanguageClientProvider 210 - override getLanguageClient() { 211 - return this.client 212 - } 213 - 214 -} 215 -{{/code}} 216 - 217 -The CommandExtension defines all commands (requests or notifications) that are send from client to server. An example how this looks like can be seen in the code snippet Example CommandExtension is an example how to [[define a server side extension interface.>>doc:||anchor="Registeranextension(onserverside)"]] 218 - 219 -The ILanguageClientProvider should be implemented by an extension that plans to send [[messages from the server to the client>>doc:||anchor="ServerClientcommunicationinterface"]]. 220 - 221 -This language server extension is provided by a corresponding contribution, which is later used to access it: 222 - 223 -{{code}} 224 -package de.cau.cs.kieler.kicool.ide.language.server 225 - 226 -import com.google.inject.Injector 227 -import de.cau.cs.kieler.language.server.ILanguageServerContribution 228 - 229 -/** 230 - * @author really fancy name 231 - * 232 - */ 233 -class KiCoolLanguageServerContribution implements ILanguageServerContribution { 234 - 235 - override getLanguageServerExtension(Injector injector) { 236 - return injector.getInstance(KiCoolLanguageServerExtension) 237 - } 238 -} 239 -{{/code}} 240 - 241 -Create a file called de.cau.cs.kieler.language.server.ILanguageServerContribution in <plugin>/META-INF/services/ (in this example this is de.cau.cs.kieler.kicool.ide). The name of the file refers to the contribution interface that should be used to provide the contribution. The content of the file is the following: 242 - 243 -{{code}} 244 -de.cau.cs.kieler.kicool.ide.language.server.KiCoolLanguageServerContribution 245 -{{/code}} 246 - 247 -This is the fully qualified name of the contribution written earlier. 248 - 249 -The language server uses all LanguageServerExtensions like this: 250 - 251 -{{code}} 252 -var iLanguageServerExtensions = <Object>newArrayList(languageServer) // list of all language server extensions 253 -for (lse : KielerServiceLoader.load(ILanguageServerContribution)) { // load all contributions 254 - iLanguageServerExtensions.add(lse.getLanguageServerExtension(injector)) 255 -} 256 -{{/code}} 257 - 258 -The resulting list of implementions is used to add the extensions to the language server. 259 - 260 -== Register an extension (on server side) == 261 - 262 -See example above for ServiceLoader and initial stuff. 263 - 264 -What is still missing are the contents of the CommandExtension implemented by the KiCoolLanguageServerExtension. This is an interface defining all additional commands. The CommandExtension looks like this. 265 - 266 -{{code title="Example CommandExtension"}} 267 -package de.cau.cs.kieler.kicool.ide.language.server 268 - 269 -import java.util.concurrent.CompletableFuture 270 -import org.eclipse.lsp4j.jsonrpc.services.JsonRequest 271 -import org.eclipse.lsp4j.jsonrpc.services.JsonSegment 272 - 273 -/** 274 - * Interface to the LSP extension commands 275 - * 276 - * @author really fancy name 277 - * 278 - */ 279 -@JsonSegment('keith/kicool') 280 -interface CommandExtension { 281 - 282 - /** 283 - * Compiles file given by uri with compilationsystem given by command. 284 - */ 285 - @JsonRequest('compile') 286 - def CompletableFuture<CompilationResults> compile(String uri, String clientId, String command, boolean inplace); 287 - 288 - /** 289 - * Build diagram for snapshot with id index for file given by uri. Only works, if the file was already compiled. 290 - */ 291 - @JsonRequest('show') 292 - def CompletableFuture<String> show(String uri, String clientId, int index) 293 - 294 - /** 295 - * Returns all compilation systems which are applicable for the file at given uri. 296 - * 297 - * @param uri URI as string to get compilation systems for 298 - * @param filter boolean indicating whether compilation systems should be filtered 299 - */ 300 - @JsonRequest('get-systems') 301 - def CompletableFuture<Object> getSystems(String uri, boolean filterSystems) 302 -} 303 -{{/code}} 304 - 305 -This defines three json-rpc commands: "keith/kicool/compile", "keith/kicool/show", "keith/kicool/get-systems". These are implemented in KiCoolLanguageServerExtension. 306 - 307 307 \\ 308 308 309 -== Server Client communication interface == 310 - 311 -Not only messages from client to server but rather mesages from server client might be needed 312 - 313 -== Register and calling an extension (on client side) == 314 - 315 -Language server extension do not have to be registered on the client side. It is just called. 316 - 317 -You can send a request or a notification to the language server like this: 318 - 319 -{{code}} 320 -const lclient = await this.client.languageClient 321 -const snapshotsDescriptions: CodeContainer = await lclient.sendRequest("keith/kicool/compile", [uri, KeithDiagramManager.DIAGRAM_TYPE + '_sprotty', command, 322 - this.compilerWidget.compileInplace]) as CodeContainer 323 -// or via a thenable 324 -client.languageClient.then(lClient => { 325 -lClient.sendRequest("keith/kicool/compile").then((snapshotsDescriptions: CodeContainer) => { 326 - // very important stuff 327 -} 328 -// await is preferred, since it is shorter. 329 -{{/code}} 330 - 331 -In this example client is an instance of a language client. It is usually injected like this: 332 - 333 -{{code}} 334 -constructor( 335 - @inject(KeithLanguageClientContribution) public readonly client: KeithLanguageClientContribution 336 - // other injected classes 337 - ) { 338 - // constructor stuff 339 -} 340 -{{/code}} 341 - 342 342 \\ 343 - 344 -== How to make a new package for KEITH == 345 - 346 -Clone the [[KEITH repository>>url:https://git.rtsys.informatik.uni-kiel.de/projects/KIELER/repos/keith/browse||shape="rect"]]. 347 - 348 -Open the keith folder in VSCode. You are know in the keith directory in VSCode. 349 - 350 -You see something like this: TODO picture 351 - 352 -Create a new folder called keith-<your extension name>. 353 - 354 -Copy a package.json, a tslint.json, a tsconfig.json, and a src folder into the folder. 355 - 356 -Add keith-<your extension name> to workspaces in the top level package.json. 357 - 358 -Add "keith-<your extension name>(% style="color: rgb(0,0,0);" %)": (%%)"0.1.0"(% style="color: rgb(0,0,0);" %) to the dependencies in the top level package.json and the product package.json files (e.g. the package.json in keith-app). 359 - 360 -=== What is in the src directory? === 361 - 362 -The source directory has three optional subfolders. 363 - 364 -* node: Holds all backend related classes. This does currently only exist in the [[keith-language package>>url:https://git.rtsys.informatik.uni-kiel.de/projects/KIELER/repos/keith/browse/keith-language||shape="rect"]]. 365 -* common: Holds general helper methods, string constants and some data classes 366 -* browser: Holds all widgets, contribution for commands, menus, and widgets, and the frontend-extension. 367 - 368 -==== The frontend-extension ==== 369 - 370 -This binds all necessary classes. Look at existing frontend extension in [[KEITH>>url:https://git.rtsys.informatik.uni-kiel.de/projects/KIELER/repos/keith/browse||shape="rect"]] or [[Theia>>url:https://github.com/theia-ide/theia/tree/master/packages||shape="rect"]] to see how this is done. 371 - 372 -==== More examples for stuff ==== 373 - 374 -See [[Theia examples>>url:https://www.theia-ide.org/doc/Commands_Keybindings.html||shape="rect"]]. 375 - 376 -== How to write a widget == 377 - 378 -There are different kinds of widgets that are commonly used inĀ [[KEITH>>url:https://git.rtsys.informatik.uni-kiel.de/projects/KIELER/repos/keith/browse||shape="rect"]] or in existing [[Theia packages>>url:https://github.com/theia-ide/theia/tree/master/packages||shape="rect"]]. 379 - 380 -* BaseWidget: Very basic 381 -* ReactWidget: A render method has to be implemented that redraws the widget on demand. Additionally several on* event methods can beimplemented. 382 -* TreeWidget: Extends the ReactWidget and draws the contents of the widget in a tree view. 383 - 384 -If a widget has a state it should implement the StatefulWidget interface, which allows to imlement a store and restore method. 385 - 386 -Look at examples in KEITH or Theia to see how this is done. 387 - 388 -== How to make a new module for sprotty (see actionModule, ...) == 389 - 390 -WIP 391 - 392 -\\
- Confluence.Code.ConfluencePageClass[0]
-
- Id
-
... ... @@ -1,1 +1,1 @@ 1 - 578029961 +60522741 - URL
-
... ... @@ -1,1 +1,1 @@ 1 -https://rtsys.informatik.uni-kiel.de/confluence//wiki/spaces/KIELER/pages/ 57802996/Running KEITH1 +https://rtsys.informatik.uni-kiel.de/confluence//wiki/spaces/KIELER/pages/60522741/Running KEITH