In this session you’ll see how we embedded the cutting edge Ace code editor into Perforce Chronicle. Ace (formerly Skywriter, Bespin) is a powerful JavaScript-based editor that matches the performance and functionality of native applications such as TextMate and Vim. Using Ace, we’ll show how you can tweak existing themes and modules — or write completely new ones — from anywhere. You can deploy to the cloud and start hacking without having to configure or install anything locally. But wait, there’s more! If you attend now, we’ll also demonstrate how we used this system to integrate with Pinterest. If you haven’t heard, Pinterest is the hot new site that lets you create ‘pinboards’ to organize and share the things you love.

1. Develop Your CMS
In Your CMS
Stewart Lord
Technical Architect
Geoff Nicol
Technical Architect

2. Overview
• Why?
• Technologies
• Embedding Ace
• Staging a Theme
• Developing a (Pinterest) Module

3. What’s the Point?
• Cool technology
• Cloud friendly
• No install required
• Great for themes, light development

4. What Is Chronicle?
Chronicle is a new CMS with branching. Uses the
Perforce Engine, built on the Zend Framework and
the Dojo Toolkit.

5. Ace
Ace is a powerful JavaScript-based editor with great
performance, syntax-highlighting, code-folding, etc.

6. Pinterest
Pinterest is a popular photo sharing site where users
'pin' images they like.

7. How Does Ace Work?
• Written in JavaScript
• Started as two independent projects.
• Bespin/Skywriter used canvas. Ace uses the DOM.
• Merged in 2010 (after JSConf.eu 2010, in Berlin)
• Fast and feature rich!

8. How Did We Embed It?
Ace just provides a text area...

9. How Did We Embed It?
...Dojo and Chronicle provide everything else.

10. How Did We Embed It?
/ide/files
/ide/paths
/ide/copy
/ide/move
Backend is a simple REST-ish web service.

11. Live Demo
IDE Overview
Stage a Theme
Create Pinterest Module

12. Questions?
Stewart Lord
slord@perforce.com
Geoff Nicol
gnicol@perforce.com