and how to run in che - eclipsecon europe 2019 · electron docs blog community apps userland...

19
… and how to run in Che Sven Efftinge / Anton Kosyakov eia

Upload: others

Post on 30-May-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: and how to run in Che - EclipseCon Europe 2019 · ELECTRON Docs Blog Community Apps Userland Releases Contact Build cross platform desktop apps with JavaScript, HTML, and CSS . TypeScript

… and how to run in Che

Sven Efftinge / Anton Kosyakov

Theia

Page 2: and how to run in Che - EclipseCon Europe 2019 · ELECTRON Docs Blog Community Apps Userland Releases Contact Build cross platform desktop apps with JavaScript, HTML, and CSS . TypeScript

VS Code

•Desktop •Flexible Extension System

•Browser

•Desktop •Modern Tech

Eclipse Che IDE

… The Status Quo

Page 3: and how to run in Che - EclipseCon Europe 2019 · ELECTRON Docs Blog Community Apps Userland Releases Contact Build cross platform desktop apps with JavaScript, HTML, and CSS . TypeScript

Scope of

• Support Desktop and Browser Apps

• Based on modern technology

• Allow fine-grained customization through extensions

Theia

Page 4: and how to run in Che - EclipseCon Europe 2019 · ELECTRON Docs Blog Community Apps Userland Releases Contact Build cross platform desktop apps with JavaScript, HTML, and CSS . TypeScript

Support Desktop and Browser Apps

Page 5: and how to run in Che - EclipseCon Europe 2019 · ELECTRON Docs Blog Community Apps Userland Releases Contact Build cross platform desktop apps with JavaScript, HTML, and CSS . TypeScript

Typescript was on the rise in 2017, used in almost four times as many pull requests as last year.

(https://octoverse.github.com/)

Page 6: and how to run in Che - EclipseCon Europe 2019 · ELECTRON Docs Blog Community Apps Userland Releases Contact Build cross platform desktop apps with JavaScript, HTML, and CSS . TypeScript

Other Giants

• Monaco Editor

• Language Server Protocol

• Debug Server Protocol

Page 7: and how to run in Che - EclipseCon Europe 2019 · ELECTRON Docs Blog Community Apps Userland Releases Contact Build cross platform desktop apps with JavaScript, HTML, and CSS . TypeScript

Demo

Page 8: and how to run in Che - EclipseCon Europe 2019 · ELECTRON Docs Blog Community Apps Userland Releases Contact Build cross platform desktop apps with JavaScript, HTML, and CSS . TypeScript

Implement YOUR Extension!https://github.com/theia-ide/theia/blob/master/doc/

Authoring_Extensions.md

Page 9: and how to run in Che - EclipseCon Europe 2019 · ELECTRON Docs Blog Community Apps Userland Releases Contact Build cross platform desktop apps with JavaScript, HTML, and CSS . TypeScript

Architecture of Theia

Frontend Backend

FileSystem

JSON-RPC

Page 10: and how to run in Che - EclipseCon Europe 2019 · ELECTRON Docs Blog Community Apps Userland Releases Contact Build cross platform desktop apps with JavaScript, HTML, and CSS . TypeScript

Architecture of Theia

Frontend Backend

FileSystem

JSON-RPC

Page 11: and how to run in Che - EclipseCon Europe 2019 · ELECTRON Docs Blog Community Apps Userland Releases Contact Build cross platform desktop apps with JavaScript, HTML, and CSS . TypeScript

Architecture of Theia

Frontend Backend

FileSystem

JSON-RPC

Page 12: and how to run in Che - EclipseCon Europe 2019 · ELECTRON Docs Blog Community Apps Userland Releases Contact Build cross platform desktop apps with JavaScript, HTML, and CSS . TypeScript

Architecture of Theia

Frontend Backend

FileSystem

JSON-RPC

Page 13: and how to run in Che - EclipseCon Europe 2019 · ELECTRON Docs Blog Community Apps Userland Releases Contact Build cross platform desktop apps with JavaScript, HTML, and CSS . TypeScript

Eclipse Che & Theia

Page 14: and how to run in Che - EclipseCon Europe 2019 · ELECTRON Docs Blog Community Apps Userland Releases Contact Build cross platform desktop apps with JavaScript, HTML, and CSS . TypeScript

Eclipse Che

Workspace Server Che IDE

Dashboard

Workspace

start ws open

interactstart ws

Page 15: and how to run in Che - EclipseCon Europe 2019 · ELECTRON Docs Blog Community Apps Userland Releases Contact Build cross platform desktop apps with JavaScript, HTML, and CSS . TypeScript

Eclipse Che

Workspace Server

Dashboard

Workspace

start ws

open

start ws

Theia

Page 16: and how to run in Che - EclipseCon Europe 2019 · ELECTRON Docs Blog Community Apps Userland Releases Contact Build cross platform desktop apps with JavaScript, HTML, and CSS . TypeScript

Eclipse Che 6.0 / 5.x ?

Page 17: and how to run in Che - EclipseCon Europe 2019 · ELECTRON Docs Blog Community Apps Userland Releases Contact Build cross platform desktop apps with JavaScript, HTML, and CSS . TypeScript

Demo

Page 18: and how to run in Che - EclipseCon Europe 2019 · ELECTRON Docs Blog Community Apps Userland Releases Contact Build cross platform desktop apps with JavaScript, HTML, and CSS . TypeScript

1.0 Beta• Extension System

• Git Support

• Language Server Protocol

• Preferences

• Markers (Problems View, Bookmarks)

• Command Palette

• much more …

TheiaDecember 6

Page 19: and how to run in Che - EclipseCon Europe 2019 · ELECTRON Docs Blog Community Apps Userland Releases Contact Build cross platform desktop apps with JavaScript, HTML, and CSS . TypeScript

Get Involvedhttps://github.com/theia-ide/theia