Scripted - Embracing Eclipse Orion

9.375 Aufrufe

Veröffentlicht am

The Eclipse Orion project provides a platform for building browser-based development tooling. In this talk we will show how we re-used parts of Orion to build the Scripted code editor, an editor-centric and browser-based tool for JavaScript and web developers. We'll talk about the design decisions that led to creation of a new serverside architecture using Node.js and the challenges in getting the Orion code editor to work with it. We'll also look at how we build and maintain modules usable in Scripted and in Orion.

Veröffentlicht in: Technologie
0 Kommentare
2 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

Keine Downloads
Aufrufe
Aufrufe insgesamt
9.375
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
7.287
Aktionen
Geteilt
0
Downloads
21
Kommentare
0
Gefällt mir
2
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Scripted - Embracing Eclipse Orion

  1. 1. Mar$n  LippertSCRIPTED  -­‐  EMBRACING ECLIPSE  ORION mlippert@vmware.com @mar$nlippert
  2. 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. 3. implementing developer tooling for a long time now (AJDT, Groovy-Eclipse, Grails IDE, Spring IDE, Cloud Foundry Integration forEclipse, tc Server Integration for Eclipse, Gradle Integration for Eclipse, add-ons for m2e, Equinox Weaving)
  4. 4. But how will developer tooling look like in the future? Or „why is Google able to search the whole web in10ms and my Eclipse needs 100x longer to open a type hierarchy“
  5. 5. what happensif you do things differently? lightweight instead of heavyweight reusing existing tools connecting instead of integrating browser based cloud hosted ...
  6. 6. Eclipse Orion„Open Source Platform forCloud Based Development“ similar direction awesome platformvery modular and re-useable
  7. 7. Eclipse Orion provides a platform for: navigating files and other contentclone from and push to git repositories code (editing files) directly testing (hosting) our app + plug-in mechanism
  8. 8. orionhub.orgplayground hosted by Eclipse
  9. 9. 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
  10. 10. IntroducingScripteda lightweight JavaScript editor that runs in your browser
  11. 11. Choices and decisions focus on editor lightweight, fast keystroke driven running locallyadvanced code comprehension using inferencing engine module-aware content-assist
  12. 12. Choices and decisions Eclipse Orion (all JavaScript client) navigator content assistGit 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)
  13. 13. Choices and decisions Eclipse Orion (all JavaScript client) navigator content assistGit integration folding Editor Component site hosting JSLint sign-on
  14. 14. Choices and decisions content assistGit integration folding Editor Component site hosting JSLint sign-on
  15. 15. Choices and decisions content assist folding Editor Componentsite hosting JSLint sign-on
  16. 16. Choices and decisions content assist folding Editor Component JSLint sign-on
  17. 17. Choices and decisions content assist folding Editor Component JSLint
  18. 18. Choices and decisions content assist Editor Component JSLint
  19. 19. Choices and decisions Scripted Client (all JavaScript client) content assist cross file Editor Component analysis JSLint
  20. 20. Choices and decisions Scripted Client (all JavaScript client) content assist cross file Editor Component analysis JSLint AMD support
  21. 21. Choices and decisions Scripted Client (all JavaScript client) content assist cross file Editor Component analysis JSLint CommonJS AMD support support
  22. 22. Choices and decisions Scripted Client (all JavaScript client)simple navigator content assist cross file Editor Component analysis JSLint CommonJS AMD support support
  23. 23. Choices and decisions Scripted Client (all JavaScript client)simple navigator content assist cross fileinplace outline Editor Component analysis JSLint CommonJS AMD support support
  24. 24. Choices and decisions Scripted Client (all JavaScript client)simple navigator content assist cross file inplace outline Editor Component analysissingle page layout JSLint CommonJS AMD support support
  25. 25. Choices and decisions Eclipse Orion (hosted or local) serve JS/HTMS/CSS/files Search Git Integration Sign-On OSGi (Java)
  26. 26. Choices and decisions Scripted Server (local, all JavaScript) serve JS/HTMS/CSS/files search
  27. 27. Choices and decisions Scripted Server (local, all JavaScript) serve JS/HTMS/CSS/files search node.js
  28. 28. Choices and decisions Scripted Server (local, all JavaScript) serve JS/HTMS/CSS/files search cross file analysis node.js
  29. 29. Scripted overview Scripted Client (all JavaScript client)simple navigator content assist cross file inplace outline Editor Component analysissingle page layout JSLint CommonJS AMD support support Scripted Server (local, all JavaScript) serve JS/HTMS/CSS/files search cross file analysis node.js
  30. 30. Demo time...
  31. 31. Summary Eclipse Orion is an awesomeplatform for building browser- based tooling
  32. 32. What is next?continuously contribute back to Orion add more innovative featurescontinue to think beyond the borders
  33. 33. Resources Scripted project https://github.com/scripted-editor/scripted Forumhttps://groups.google.com/forum/#!forum/scripted-dev Issue Trackerhttps://issuetracker.springsource.com/browse/scripted Sample project used herehttps://github.com/aeisenberg/scripted-demo-s2gx2012
  34. 34. Q&Aand thank you for your attention Martin Lippert Staff Engineer - VMware mlippert@vmware.com @martinlippert

×