the path to pair programming in che with atom teletype · the path to pair programming in che with...

Paris 2018 - @sunsengdavidtan #OracleCodeParis

The Path to Pair Programming in Che with Atom Teletype

Sun Tan - Red Hat

@sunsengdavidtan

Agenda● Eclipse Che● Atom Teletype● Atom Teletype in Che ● What’s next● Q&A and open demo

Eclipse Che

An introduction to Eclipse Che

Paris 2018 - @sunsengdavidtan #OracleCodeParis 4

Anyone, anytime can contribute to a project without installing software.

Is Che just an Eclipse IDE with a Web UI ?

Is Che just an Eclipse IDE with a Web UI?● Yes and No: Che is composed of several pieces:

○ Frontend UI in Javascript (browser)○ Workspace containers based on Docker

■ Containers may run Language Servers■ language Server for Java: Eclipse JDT

Does Eclipse Che only support Javascript?

Does Che only support Javascript?No ;) not only We support languages that has a LSP implementation

● LSP introduced by Microsoft with VSCode○ Exchange JSON RPC○ IDE clients○ Language servers

● Servers expose○ Code completion○ Markers○ Source code

● Demo: VSCode + java --- Che + php

Language ServerTool

Language Server Protocol (JSON RPC)

textDocument/publishDiagnostics

textDocument/didOpen

LANGUAGE SERVER PROTOCOL

User opens document

User edits document

Tool displays errors

Server initializes tools

Server calculates diagnostics

textDocument/didChange

JDT.ls● Eclipse LSP4J● Eclipse JDT● Eclipse M2E for Maven● Eclipse Buildship for Gradle

Does Eclipse Che only work on Cloud?

Does Che only work on Cloud?● Easy to install locally:

○ Docker○ Minishift addon

● Demo: local workspace

Are project setup easier with Eclipse Che?

Are project setup easier with Che?● Workspace definition

○ Container based○ tooling

● Factory URL○ Regenerate a workspace on demand○ Projects to clone○ Post loading events

● Open a file at a line● Run a command (build and run)

○ Pull request panel

How easy would it be to switch context/branch/task with Che?

How easy would it be to switch context/branch/task with Che?● Factory URL

○ Project template:■ Docker image

● Available tools■ Projects to clone■ Supported language

● Generate a workspace for each task● Multiple git repos simpler to manage

Is it possible to use my own command line tools with Che?

Is it possible to use my own command line tools with Che?● YEAH: set up your own docker image with all the tools you use

○ My dev workspace sunix/che-dev https://hub.docker.com/r/sunix/chedev/~/dockerfile/ :■ Tig git■ Screen■ Npm, yarn■ Gulp■ Maven, JDK

Can I have a development environment as closed to my production environment?

Can I have a development environment as closed to my production environment?Openshift based runtime stack + tools containers

Next slide ...

“Dev Mode” for your Application Stack

Application stack-

Dockerfile, kubernetes.yaml, openshift.yaml, helm chart

Application stack / “Dev Mode”IDE Tooling as microservices in sidecars

Language

DebuggerTest

What about co-editing “a la Google Docs”?

● Quick collaboration

○ Mentoring session

○ Code reviews

○ Co-editing

● No need to setup or install anything - just share a link

● Better than screensharing...

Pair Programming ?

Agenda● Eclipse Che● Atom Teletype● Atom Teletype in Che ● What’s next● Q&A and open demo

Atom Teletype

Presentation and demo

Atom Teletype● Extension for the Atom editor● Pair programming/Live concurrent editing● FOSS libraries for other editors

○ teletype-client○ teletype-server○ teletype-crdt

● Communication○ Conflict-free Replicated Data Type: CRDT ○ WebRTC

Atom Teletype

TeletypeServer

register/discover

https://api.teletype.atom.io/

Atom Teletype

Peer-to-peerCRDT

synchronisation

Teletype Portals● Portal <=> workspace● 1 host portal● 1..n guest portals● A shared pair programming session● Active files of the host portal● Editors and buffers

Atom Teletype in Che

A status of Atom Teletype in Che

Why Atom Teletype ?● Looking for alternative to Eclipse Flux

○ Solve conflict issues○ FOSS○ Browser friendly

● Mainly two alternatives:○ ot.js (operational transform)○ Atom Teletype

● No available demos for ot.js

Steps to Atom Teletype in Che● Reusing previous demo

○ Cursors○ Editor content synchronization

● teletype-client embedded into the Che IDE○ Adapt a NodeJS (Electron) library to the browser○ GWT overlays

● Default teletype-server (Github Atom)● First iteration: as a Teletype guest portal

Atom Teletype in Che

Agenda● Eclipse Che● Atom Teletype● Atom Teletype in Che● What’s Next● Q&A and open demo

What’s Next

How to bring the same experience we have in Google Docs for the IDE?

Pair.Programming.Next

Teletype Guest portals

HeadlessTeletype Host

portal

TeletypeServer

Che workspaces with sidecars

GuestGuest

Thank you

@sunsengdavidtan & @stevanLM

Q&A and Open Demo

the path to pair programming in che with atom teletype · the path to pair programming in che with...

Documents

teletype® - navy-radio. · pdf fileprinciples of operation...

structure of matter. atomic theories greek atom dalton atom...

che ta n che so

the atom: structure. inside the atom electrons protons...

teletype corporation 33 tape punch

teletype corporation commemorated its · 2009. 5. 12. ·...

teletype i· printing telegraph systems description … ·...

che vuoi che mi ricordi eng

convocation - sfu atom home - sfu atom

w2hx · 2020. 3. 29. · bulletin no. 1149b teletype...

atom by atom in 3d: atom probe tomography...atom‐by‐atom...

che 113 2015 fa midterm exam -...

che cosa hai?che cosa c’e?

canadian player pathway atom - bc hockey - atom...

1 chapter 13 electrons in the atom 2 atomic theory dalton...

digital modes there are lots of digital modes. the oldest is...

teletype teletypewriter telemeter - duke university

amateur january radio 1953 teletype · 2015-05-08 ·...

using the asr 33 teletype - vintagecomputer.net · 2016. 4....

teletype 101