1. Mar$n
Lippert
SCRIPTED
-­‐
EMBRACING
ECLIPSE
ORION
mlippert@vmware.com
@mar$nlippert

2. about me
Mar4n
Lippert
Staff
Engineer,
R&D,
at
SpringSource/
VMware
and
lead
of
Spring
Tool
Suite
development
Working
areas
•Eclipse
Tooling
for
the
Spring
plaAorm
•Open
Source
CommiDer
•Aspect-­‐Weaving
for
OSGi
•Cloud
IDEs
and
JavaScript
•Agile
soKware
development
2

3. implementing developer tooling
for a long time now
(AJDT, Groovy-Eclipse, Grails IDE, Spring IDE, Cloud Foundry Integration for
Eclipse, tc Server Integration for Eclipse, Gradle Integration for Eclipse, add-ons
for m2e, Equinox Weaving)

4. But how will developer tooling
look like in the future?
Or
„why is Google able to search the whole web in
10ms and my Eclipse needs 100x longer to open a
type hierarchy“

5. what happens
if you do things differently?
lightweight instead of heavyweight
reusing existing tools
connecting instead of integrating
browser based
cloud hosted
...

6. Eclipse Orion
„Open Source Platform for
Cloud Based Development“
similar direction
awesome platform
very modular and re-useable

7. Eclipse Orion
provides a platform for:
navigating files and other content
clone from and push to git repositories
code (editing files)
directly testing (hosting) our app
+
plug-in mechanism

10. orionhub.org
playground hosted by Eclipse

11. Client
purely JavaScript
runs in the browser
plug-ins hosted in non-visible iframes
Server
Java (OSGi application)
relatively stupid (no real logic here)
new: node.js-based JavaScript implementation

12. Introducing
Scripted
a lightweight JavaScript editor
that runs in your browser

13. Choices and decisions
focus on editor
lightweight, fast
keystroke driven
running locally
advanced code comprehension
using inferencing engine
module-aware content-assist

14. Choices and decisions
Eclipse Orion
(all JavaScript client)
navigator content assist
Git integration folding
Editor Component
site hosting JSLint
sign-on
Eclipse Orion
(hosted or local)
serve JS/HTMS/CSS/files search
Git integration sign-on
OSGi (Java)

15. Choices and decisions
Eclipse Orion
(all JavaScript client)
navigator content assist
Git integration folding
Editor Component
site hosting JSLint
sign-on

16. Choices and decisions
content assist
Git integration folding
Editor Component
site hosting JSLint
sign-on

17. Choices and decisions
content assist
folding
Editor Component
site hosting JSLint
sign-on

18. Choices and decisions
content assist
folding
Editor Component
JSLint
sign-on

19. Choices and decisions
content assist
folding
Editor Component
JSLint

20. Choices and decisions
content assist
Editor Component
JSLint

21. Choices and decisions
Scripted Client
(all JavaScript client)
content assist
cross file
Editor Component analysis
JSLint

22. Choices and decisions
Scripted Client
(all JavaScript client)
content assist
cross file
Editor Component analysis
JSLint
AMD support

23. Choices and decisions
Scripted Client
(all JavaScript client)
content assist
cross file
Editor Component analysis
JSLint
CommonJS AMD support
support

24. Choices and decisions
Scripted Client
(all JavaScript client)
simple navigator content assist
cross file
Editor Component analysis
JSLint
CommonJS AMD support
support

25. Choices and decisions
Scripted Client
(all JavaScript client)
simple navigator content assist
cross file
inplace outline
Editor Component analysis
JSLint
CommonJS AMD support
support

26. Choices and decisions
Scripted Client
(all JavaScript client)
simple navigator content assist
cross file
inplace outline
Editor Component analysis
single page layout JSLint
CommonJS AMD support
support

27. Choices and decisions
Eclipse Orion
(hosted or local)
serve JS/HTMS/CSS/files Search
Git Integration Sign-On
OSGi (Java)

28. Choices and decisions
Scripted Server
(local, all JavaScript)
serve JS/HTMS/CSS/files search

29. Choices and decisions
Scripted Server
(local, all JavaScript)
serve JS/HTMS/CSS/files search
node.js

30. Choices and decisions
Scripted Server
(local, all JavaScript)
serve JS/HTMS/CSS/files search
cross file analysis
node.js

31. Scripted overview
Scripted Client
(all JavaScript client)
simple navigator content assist
cross file
inplace outline
Editor Component analysis
single page layout JSLint
CommonJS AMD support
support
Scripted Server
(local, all JavaScript)
serve JS/HTMS/CSS/files search
cross file analysis
node.js

32. Demo time...

33. Summary
Eclipse Orion is an awesome
platform for building browser-
based tooling

34. What is next?
continuously contribute back to Orion
add more innovative features
continue to think beyond the borders

35. Resources
Scripted project
https://github.com/scripted-editor/scripted
Forum
https://groups.google.com/forum/#!forum/scripted-dev
Issue Tracker
https://issuetracker.springsource.com/browse/scripted
Sample project used here
https://github.com/aeisenberg/scripted-demo-s2gx2012

36. Q&A
and thank you for your attention
Martin Lippert
Staff Engineer - VMware
mlippert@vmware.com
@martinlippert