CommonJS Everywhere (Wakanday 2011)

CommonJS Everywhere wakanday 2011 JS.everywhere(Boston, October, 15) by Christoph Dorn Copyright (c) 2011 Christoph Dorn <christoph@christophdorn.com> License: Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Various names and trademarks copyright respective parties.

CommonJS Everywhere

CommonJS Everywhere What does CommonJS Everywhere mean?

CommonJS Everywhere What does CommonJS Everywhere mean? Being able to run CommonJScompliant code in all areas a system.

CommonJS Everywhere What does CommonJS Everywhere mean? Being able to run CommonJS compliant code in all areas a system.Since CommonJS builds on JavaScript we need JavaScript Everywhere first!

CommonJS Everywhere What does CommonJS Everywhere mean? Being able to run CommonJS compliant code in all areas a system.Since CommonJS builds on JavaScript we need JavaScript Everywhere first! Where are we at with that and where does CommonJS fit within this context?

JavaScript Everywhere

JavaScript Everywhere• All too familiar with Browsers

JavaScript Everywhere• All too familiar with Browsers• Have heard of Server Side JavaScript (thanks to NodeJS)

JavaScript Everywhere• All too familiar with Browsers• Have heard of Server Side JavaScript (thanks to NodeJS)• Know about Firebug a Firefox Extension

JavaScript Everywhere• All too familiar with Browsers• Have heard of Server Side JavaScript (thanks to NodeJS)• Know about Firebug a Firefox Extension• Titanium and PhoneGap for Native JS Mobile Apps

JavaScript Everywhere• All too familiar with Browsers• Have heard of Server Side JavaScript (thanks to NodeJS)• Know about Firebug a Firefox Extension• Titanium and PhoneGap for Native JS Mobile Apps• AppEngineJS for Google App Engine (Java/Rhino)

JavaScript Everywhere• All too familiar with Browsers• Have heard of Server Side JavaScript (thanks to NodeJS)• Know about Firebug a Firefox Extension• Titanium and PhoneGap for Native JS Mobile Apps• AppEngineJS for Google App Engine (Java/Rhino)• V8CGI for CGI, FastCGI, Apache module and CLI JS

JavaScript Everywhere• All too familiar with Browsers• Have heard of Server Side JavaScript (thanks to NodeJS)• Know about Firebug a Firefox Extension• Titanium and PhoneGap for Native JS Mobile Apps• AppEngineJS for Google App Engine (Java/Rhino)• V8CGI for CGI, FastCGI, Apache module and CLI JS• GPSEE for Embedding Spidermonkey in C and Shell JS

JavaScript Everywhere• All too familiar with Browsers• Have heard of Server Side JavaScript (thanks to NodeJS)• Know about Firebug a Firefox Extension• Titanium and PhoneGap for Native JS Mobile Apps• AppEngineJS for Google App Engine (Java/Rhino)• V8CGI for CGI, FastCGI, Apache module and CLI JS• GPSEE for Embedding Spidermonkey in C and Shell JS• RingoJS for Embedding Rhino in Java

JavaScript Everywhere• All too familiar with Browsers• Have heard of Server Side JavaScript (thanks to NodeJS)• Know about Firebug a Firefox Extension• Titanium and PhoneGap for Native JS Mobile Apps• AppEngineJS for Google App Engine (Java/Rhino)• V8CGI for CGI, FastCGI, Apache module and CLI JS• GPSEE for Embedding Spidermonkey in C and Shell JS• RingoJS for Embedding Rhino in Java• Narwhal for JavaScriptCore, Node & Rhino

JavaScript Everywhere• All too familiar with Browsers• Have heard of Server Side JavaScript (thanks to NodeJS)• Know about Firebug a Firefox Extension• Titanium and PhoneGap for Native JS Mobile Apps• AppEngineJS for Google App Engine (Java/Rhino)• V8CGI for CGI, FastCGI, Apache module and CLI JS• GPSEE for Embedding Spidermonkey in C and Shell JS• RingoJS for Embedding Rhino in Java• Narwhal for JavaScriptCore, Node & Rhino• Add-on SDK for Restartless & Secure Firefox Extensions

JavaScript Everywhere• All too familiar with Browsers• Have heard of Server Side JavaScript (thanks to NodeJS)• Know about Firebug a Firefox Extension• Titanium and PhoneGap for Native JS Mobile Apps• AppEngineJS for Google App Engine (Java/Rhino)• V8CGI for CGI, FastCGI, Apache module and CLI JS• GPSEE for Embedding Spidermonkey in C and Shell JS• RingoJS for Embedding Rhino in Java• Narwhal for JavaScriptCore, Node & Rhino• Add-on SDK for Restartless & Secure Firefox Extensions• CouchDB Apps served from a User-facing REST Database

JavaScript Everywhere• All too familiar with Browsers• Have heard of Server Side JavaScript (thanks to NodeJS)• Know about Firebug a Firefox Extension• Titanium and PhoneGap for Native JS Mobile Apps• AppEngineJS for Google App Engine (Java/Rhino)• V8CGI for CGI, FastCGI, Apache module and CLI JS• GPSEE for Embedding Spidermonkey in C and Shell JS• RingoJS for Embedding Rhino in Java• Narwhal for JavaScriptCore, Node & Rhino• Add-on SDK for Restartless & Secure Firefox Extensions• CouchDB Apps served from a User-facing REST Database What do all these platforms have in common?

JavaScript EverywhereAll these (and many more) platforms:

JavaScript EverywhereAll these (and many more) platforms:• Allow us to run JavaScript everywhere

JavaScript EverywhereAll these (and many more) platforms:• Allow us to run JavaScript everywhere• Maintained by passionate authors and contributors

JavaScript EverywhereAll these (and many more) platforms:• Allow us to run JavaScript everywhere• Maintained by passionate authors and contributors• Have energetic and loyal userbases

JavaScript EverywhereAll these (and many more) platforms:• Allow us to run JavaScript everywhere• Maintained by passionate authors and contributors• Have energetic and loyal userbases• Have great ideas

JavaScript EverywhereAll these (and many more) platforms:• Allow us to run JavaScript everywhere• Maintained by passionate authors and contributors• Have energetic and loyal userbases• Have great ideas• Solve specific problems

JavaScript EverywhereAll these (and many more) platforms:• Allow us to run JavaScript everywhere• Maintained by passionate authors and contributors• Have energetic and loyal userbases• Have great ideas• Solve specific problems• Share common problems

JavaScript EverywhereAll these (and many more) platforms:• Allow us to run JavaScript everywhere• Maintained by passionate authors and contributors• Have energetic and loyal userbases• Have great ideas• Solve specific problems• Share common problems That is a great thing!

JavaScript EverywhereBUT all these (and many more) platforms also lack:

JavaScript EverywhereBUT all these (and many more) platforms also lack:• A compatible standard library

JavaScript EverywhereBUT all these (and many more) platforms also lack:• A compatible standard library (Binary, IO, File, Socket, Event, System, ...)

JavaScript EverywhereBUT all these (and many more) platforms also lack:• A compatible standard library (Binary, IO, File, Socket, Event, System, ...)• Ability to share the same code packages & modules

JavaScript EverywhereBUT all these (and many more) platforms also lack:• A compatible standard library (Binary, IO, File, Socket, Event, System, ...)• Ability to share the same code packages & modules• Ability to share the same debug tools

JavaScript EverywhereBUT all these (and many more) platforms also lack:• A compatible standard library (Binary, IO, File, Socket, Event, System, ...)• Ability to share the same code packages & modules• Ability to share the same debug tools• Ability to set portable standards by themselves

JavaScript EverywhereBUT all these (and many more) platforms also lack:• A compatible standard library (Binary, IO, File, Socket, Event, System, ...)• Ability to share the same code packages & modules• Ability to share the same debug tools• Ability to set portable standards by themselves That is an unfortunate thing!

JavaScript EverywhereBUT there is a solution:

JavaScript EverywhereBUT there is a solution: CommonJS!

JavaScript EverywhereBUT there is a solution: CommonJS! What is CommonJS?

CommonJS: What

CommonJS: What• Group of volunteers from many different projects

CommonJS: What• Group of volunteers from many different projects • Want to: use JavaScript & share code

CommonJS: What• Group of volunteers from many different projects • Want to: use JavaScript & share code• A Mailing List

CommonJS: What• Group of volunteers from many different projects • Want to: use JavaScript & share code• A Mailing List• A Wiki with specifications in various stages

CommonJS: What• Group of volunteers from many different projects • Want to: use JavaScript & share code• A Mailing List• A Wiki with specifications in various stages• Run by group consensus and benevolent dictators

CommonJS: What• Group of volunteers from many different projects • Want to: use JavaScript & share code• A Mailing List• A Wiki with specifications in various stages• Run by group consensus and benevolent dictators• Implementation driven

CommonJS: What• Group of volunteers from many different projects • Want to: use JavaScript & share code• A Mailing List• A Wiki with specifications in various stages• Run by group consensus and benevolent dictators• Implementation driven• Always open for membership!

CommonJS: What• Group of volunteers from many different projects • Want to: use JavaScript & share code• A Mailing List• A Wiki with specifications in various stages• Run by group consensus and benevolent dictators• Implementation driven• Always open for membership! A group of people working together to realize an Ecosystem for JavaScript

What does it look like?

CommonJS: API Process

CommonJS: API ProcessHow does the CommonJS API proposal process work?

CommonJS: API ProcessHow does the CommonJS API proposal process work? 1. You pick a JS platform

CommonJS: API ProcessHow does the CommonJS API proposal process work? 1. You pick a JS platform 2. Play with it and tie it into some of your stuff

CommonJS: API ProcessHow does the CommonJS API proposal process work? 1. You pick a JS platform 2. Play with it and tie it into some of your stuff 3. Now you want to do something with a second platform; BUT:

CommonJS: API ProcessHow does the CommonJS API proposal process work? 1. You pick a JS platform 2. Play with it and tie it into some of your stuff 3. Now you want to do something with a second platform; BUT: • There are no consistent APIs across platforms

CommonJS: API ProcessHow does the CommonJS API proposal process work? 1. You pick a JS platform 2. Play with it and tie it into some of your stuff 3. Now you want to do something with a second platform; BUT: • There are no consistent APIs across platforms 4. So you ASK and then:

CommonJS: API ProcessHow does the CommonJS API proposal process work? 1. You pick a JS platform 2. Play with it and tie it into some of your stuff 3. Now you want to do something with a second platform; BUT: • There are no consistent APIs across platforms 4. So you ASK and then: • Hack something together based on the best you can find or know

CommonJS: API ProcessHow does the CommonJS API proposal process work? 1. You pick a JS platform 2. Play with it and tie it into some of your stuff 3. Now you want to do something with a second platform; BUT: • There are no consistent APIs across platforms 4. So you ASK and then: • Hack something together based on the best you can find or know • Notice sound common ground and improve your implementation

CommonJS: API ProcessHow does the CommonJS API proposal process work? 1. You pick a JS platform 2. Play with it and tie it into some of your stuff 3. Now you want to do something with a second platform; BUT: • There are no consistent APIs across platforms 4. So you ASK and then: • Hack something together based on the best you can find or know • Notice sound common ground and improve your implementation 5. Champion your solution on the CommonJS Wiki & Mailing List

CommonJS: API ProcessHow does the CommonJS API proposal process work? 1. You pick a JS platform 2. Play with it and tie it into some of your stuff 3. Now you want to do something with a second platform; BUT: • There are no consistent APIs across platforms 4. So you ASK and then: • Hack something together based on the best you can find or know • Notice sound common ground and improve your implementation 5. Champion your solution on the CommonJS Wiki & Mailing List 6. Expect to be redirected or have your solution dissected

CommonJS: API ProcessHow does the CommonJS API proposal process work? 1. You pick a JS platform 2. Play with it and tie it into some of your stuff 3. Now you want to do something with a second platform; BUT: • There are no consistent APIs across platforms 4. So you ASK and then: • Hack something together based on the best you can find or know • Notice sound common ground and improve your implementation 5. Champion your solution on the CommonJS Wiki & Mailing List 6. Expect to be redirected or have your solution dissected 7. See the solution grow into a specification with many implementations

CommonJS: API ProcessHow does the CommonJS API proposal process work? 1. You pick a JS platform 2. Play with it and tie it into some of your stuff 3. Now you want to do something with a second platform; BUT: • There are no consistent APIs across platforms 4. So you ASK and then: • Hack something together based on the best you can find or know • Notice sound common ground and improve your implementation 5. Champion your solution on the CommonJS Wiki & Mailing List 6. Expect to be redirected or have your solution dissected 7. See the solution grow into a specification with many implementationsTake pride in helping CommonJS move forward!

CommonJS: Standards

CommonJS: StandardsWhat makes a CommonJS specification ratified?

CommonJS: StandardsWhat makes a CommonJS specification ratified? 1. A proposal

CommonJS: StandardsWhat makes a CommonJS specification ratified? 1. A proposal 2. Sufficient discussions

CommonJS: StandardsWhat makes a CommonJS specification ratified? 1. A proposal 2. Sufficient discussions 3. Group consensus

CommonJS: StandardsWhat makes a CommonJS specification ratified? 1. A proposal 2. Sufficient discussions 3. Group consensus 4. Draft specification

CommonJS: StandardsWhat makes a CommonJS specification ratified? 1. A proposal 2. Sufficient discussions 3. Group consensus 4. Draft specification 5. Sufficient votes from members with skin in the CommonJS game

CommonJS: StandardsWhat makes a CommonJS specification ratified? 1. A proposal 2. Sufficient discussions 3. Group consensus 4. Draft specification 5. Sufficient votes from members with skin in the CommonJS game 6. At least a handful of implementations

CommonJS: StandardsWhat makes a CommonJS specification ratified? 1. A proposal 2. Sufficient discussions 3. Group consensus 4. Draft specification 5. Sufficient votes from members with skin in the CommonJS game 6. At least a handful of implementations 7. Sufficient time

CommonJS: StandardsWhat makes a CommonJS specification ratified? 1. A proposal 2. Sufficient discussions 3. Group consensus 4. Draft specification 5. Sufficient votes from members with skin in the CommonJS game 6. At least a handful of implementations 7. Sufficient timeIs it worth it?

CommonJS: StandardsWhat makes a CommonJS specification ratified? 1. A proposal 2. Sufficient discussions 3. Group consensus 4. Draft specification 5. Sufficient votes from members with skin in the CommonJS game 6. At least a handful of implementations 7. Sufficient timeIs it worth it? Absolutely!

CommonJS: The Result

CommonJS: The Result Modules, Packages & Platforms targeting CommonJS compliance are truly interoperable!

CommonJS: Status

CommonJS: StatusWhere is CommonJS at?

CommonJS: StatusWhere is CommonJS at? • Modules 1.1/1.1.1 (RATIFIED) MANY implementations YAY!

CommonJS: StatusWhere is CommonJS at? • Modules 1.1/1.1.1 (RATIFIED) MANY implementations YAY! • Packages 1.0 (RATIFIED) 1.1 in the works

CommonJS: StatusWhere is CommonJS at? • Modules 1.1/1.1.1 (RATIFIED) MANY implementations YAY! • Packages 1.0 (RATIFIED) 1.1 in the works • Unit Testing 1.0 (RATIFIED) amendment pending

CommonJS: StatusWhere is CommonJS at? • Modules 1.1/1.1.1 (RATIFIED) MANY implementations YAY! • Packages 1.0 (RATIFIED) 1.1 in the works • Unit Testing 1.0 (RATIFIED) amendment pending • System 1.0 (pre-RATIFIED) more IMPLEMENTATIONS needed

CommonJS: StatusWhere is CommonJS at? • Modules 1.1/1.1.1 (RATIFIED) MANY implementations YAY! • Packages 1.0 (RATIFIED) 1.1 in the works • Unit Testing 1.0 (RATIFIED) amendment pending • System 1.0 (pre-RATIFIED) more IMPLEMENTATIONS needed • JSGI 0.2/0.3 (PROPOSALS) more IMPLEMENTATIONS needed

CommonJS: StatusWhere is CommonJS at? • Modules 1.1/1.1.1 (RATIFIED) MANY implementations YAY! • Packages 1.0 (RATIFIED) 1.1 in the works • Unit Testing 1.0 (RATIFIED) amendment pending • System 1.0 (pre-RATIFIED) more IMPLEMENTATIONS needed • JSGI 0.2/0.3 (PROPOSALS) more IMPLEMENTATIONS needed • Many proposals that need discussion and IMPLEMENTATIONS

CommonJS: StatusWhere is CommonJS at? • Modules 1.1/1.1.1 (RATIFIED) MANY implementations YAY! • Packages 1.0 (RATIFIED) 1.1 in the works • Unit Testing 1.0 (RATIFIED) amendment pending • System 1.0 (pre-RATIFIED) more IMPLEMENTATIONS needed • JSGI 0.2/0.3 (PROPOSALS) more IMPLEMENTATIONS needed • Many proposals that need discussion and IMPLEMENTATIONSSufficient for CommonJS Everywhere?

CommonJS: StatusWhere is CommonJS at? • Modules 1.1/1.1.1 (RATIFIED) MANY implementations YAY! • Packages 1.0 (RATIFIED) 1.1 in the works • Unit Testing 1.0 (RATIFIED) amendment pending • System 1.0 (pre-RATIFIED) more IMPLEMENTATIONS needed • JSGI 0.2/0.3 (PROPOSALS) more IMPLEMENTATIONS needed • Many proposals that need discussion and IMPLEMENTATIONSSufficient for CommonJS Everywhere? Unfortunately NO :(

CommonJS: StatusWhere is CommonJS at? • Modules 1.1/1.1.1 (RATIFIED) MANY implementations YAY! • Packages 1.0 (RATIFIED) 1.1 in the works • Unit Testing 1.0 (RATIFIED) amendment pending • System 1.0 (pre-RATIFIED) more IMPLEMENTATIONS needed • JSGI 0.2/0.3 (PROPOSALS) more IMPLEMENTATIONS needed • Many proposals that need discussion and IMPLEMENTATIONSSufficient for CommonJS Everywhere? Unfortunately NO :(What is needed?

CommonJS: Needed

CommonJS: NeededWhat do we need for CommonJS Everywhere?

CommonJS: NeededWhat do we need for CommonJS Everywhere? • Portable unit tests for specifications

CommonJS: NeededWhat do we need for CommonJS Everywhere? • Portable unit tests for specifications • Move to Github for specifications and tests

CommonJS: NeededWhat do we need for CommonJS Everywhere? • Portable unit tests for specifications • Move to Github for specifications and tests • New interest from new and existing members

CommonJS: NeededWhat do we need for CommonJS Everywhere? • Portable unit tests for specifications • Move to Github for specifications and tests • New interest from new and existing members • More implementers seeking CommonJS compliance

CommonJS: NeededWhat do we need for CommonJS Everywhere? • Portable unit tests for specifications • Move to Github for specifications and tests • New interest from new and existing members • More implementers seeking CommonJS compliance • Users demanding CommonJS compliance

CommonJS: NeededWhat do we need for CommonJS Everywhere? • Portable unit tests for specifications • Move to Github for specifications and tests • New interest from new and existing members • More implementers seeking CommonJS compliance • Users demanding CommonJS compliance • Packages/Mappings/C (PROPOSAL)

Packages/Mappings/C

CommonJS: NeededWhat do we need for CommonJS Everywhere? • Portable unit tests for specifications • Move to Github for specifications and tests • New interest from new and existing members • More implementers seeking CommonJS compliance • Users demanding CommonJS compliance • Packages/Mappings/C (PROPOSAL)

CommonJS: NeededWhat do we need for CommonJS Everywhere? • Portable unit tests for specifications • Move to Github for specifications and tests • New interest from new and existing members • More implementers seeking CommonJS compliance • Users demanding CommonJS compliance • Packages/Mappings/C (PROPOSAL) • Modules 2.0 (DRAFT) “wrapped” Modules 1.1 + more

CommonJS: NeededWhat do we need for CommonJS Everywhere? • Portable unit tests for specifications • Move to Github for specifications and tests • New interest from new and existing members • More implementers seeking CommonJS compliance • Users demanding CommonJS compliance • Packages/Mappings/C (PROPOSAL) • Modules 2.0 (DRAFT) “wrapped” Modules 1.1 + more • Portable loaders + package managers & registries

CommonJS: NeededWhat do we need for CommonJS Everywhere? • Portable unit tests for specifications • Move to Github for specifications and tests • New interest from new and existing members • More implementers seeking CommonJS compliance • Users demanding CommonJS compliance • Packages/Mappings/C (PROPOSAL) • Modules 2.0 (DRAFT) “wrapped” Modules 1.1 + more • Portable loaders + package managers & registries • Agreement on low-level APIs

CommonJS: NeededWhat do we need for CommonJS Everywhere? • Portable unit tests for specifications • Move to Github for specifications and tests • New interest from new and existing members • More implementers seeking CommonJS compliance • Users demanding CommonJS compliance • Packages/Mappings/C (PROPOSAL) • Modules 2.0 (DRAFT) “wrapped” Modules 1.1 + more • Portable loaders + package managers & registries • Agreement on low-level APIsWhat is happening in this regard?

CommonJS: Happenings

CommonJS: HappeningsKey platforms are converging:

CommonJS: HappeningsKey platforms are converging: • RingoJS, GPSEE and V8CGI increasingly compatible

CommonJS: HappeningsKey platforms are converging: • RingoJS, GPSEE and V8CGI increasingly compatible • NodeJS learning CommonJS APIs thanks to CommonNode

CommonJS: HappeningsKey platforms are converging: • RingoJS, GPSEE and V8CGI increasingly compatible • NodeJS learning CommonJS APIs thanks to CommonNodeModule loaders becoming multi-platform capable:

CommonJS: HappeningsKey platforms are converging: • RingoJS, GPSEE and V8CGI increasingly compatible • NodeJS learning CommonJS APIs thanks to CommonNodeModule loaders becoming multi-platform capable: • RequireJS (Browser, Rhino, NodeJS)

CommonJS: HappeningsKey platforms are converging: • RingoJS, GPSEE and V8CGI increasingly compatible • NodeJS learning CommonJS APIs thanks to CommonNodeModule loaders becoming multi-platform capable: • RequireJS (Browser, Rhino, NodeJS) • PINF (Browser, NodeJS, V8CGI, GPSEE, RingoJS, Narwhal, Jetpack, Titanium, AdobeAir)

CommonJS: HappeningsKey platforms are converging: • RingoJS, GPSEE and V8CGI increasingly compatible • NodeJS learning CommonJS APIs thanks to CommonNodeModule loaders becoming multi-platform capable: • RequireJS (Browser, Rhino, NodeJS) • PINF (Browser, NodeJS, V8CGI, GPSEE, RingoJS, Narwhal, Jetpack, Titanium, AdobeAir)Module loaders implementing Packages/Mappings:

CommonJS: HappeningsKey platforms are converging: • RingoJS, GPSEE and V8CGI increasingly compatible • NodeJS learning CommonJS APIs thanks to CommonNodeModule loaders becoming multi-platform capable: • RequireJS (Browser, Rhino, NodeJS) • PINF (Browser, NodeJS, V8CGI, GPSEE, RingoJS, Narwhal, Jetpack, Titanium, AdobeAir)Module loaders implementing Packages/Mappings: • Nodules (Async loading: NodeJS)

CommonJS: HappeningsKey platforms are converging: • RingoJS, GPSEE and V8CGI increasingly compatible • NodeJS learning CommonJS APIs thanks to CommonNodeModule loaders becoming multi-platform capable: • RequireJS (Browser, Rhino, NodeJS) • PINF (Browser, NodeJS, V8CGI, GPSEE, RingoJS, Narwhal, Jetpack, Titanium, AdobeAir)Module loaders implementing Packages/Mappings: • Nodules (Async loading: NodeJS) • PINF (Async loading: NodeJS, Static loading: other platforms)

CommonJS: HappeningsKey platforms are converging: • RingoJS, GPSEE and V8CGI increasingly compatible • NodeJS learning CommonJS APIs thanks to CommonNodeModule loaders becoming multi-platform capable: • RequireJS (Browser, Rhino, NodeJS) • PINF (Browser, NodeJS, V8CGI, GPSEE, RingoJS, Narwhal, Jetpack, Titanium, AdobeAir)Module loaders implementing Packages/Mappings: • Nodules (Async loading: NodeJS) • PINF (Async loading: NodeJS, Static loading: other platforms)Package repositories with package managers:

CommonJS: HappeningsKey platforms are converging: • RingoJS, GPSEE and V8CGI increasingly compatible • NodeJS learning CommonJS APIs thanks to CommonNodeModule loaders becoming multi-platform capable: • RequireJS (Browser, Rhino, NodeJS) • PINF (Browser, NodeJS, V8CGI, GPSEE, RingoJS, Narwhal, Jetpack, Titanium, AdobeAir)Module loaders implementing Packages/Mappings: • Nodules (Async loading: NodeJS) • PINF (Async loading: NodeJS, Static loading: other platforms)Package repositories with package managers: • NodeJS Package Registry via NPM

CommonJS: HappeningsKey platforms are converging: • RingoJS, GPSEE and V8CGI increasingly compatible • NodeJS learning CommonJS APIs thanks to CommonNodeModule loaders becoming multi-platform capable: • RequireJS (Browser, Rhino, NodeJS) • PINF (Browser, NodeJS, V8CGI, GPSEE, RingoJS, Narwhal, Jetpack, Titanium, AdobeAir)Module loaders implementing Packages/Mappings: • Nodules (Async loading: NodeJS) • PINF (Async loading: NodeJS, Static loading: other platforms)Package repositories with package managers: • NodeJS Package Registry via NPM • Dojo Foundation Package Repository via CPM

CommonJS: HappeningsKey platforms are converging: • RingoJS, GPSEE and V8CGI increasingly compatible • NodeJS learning CommonJS APIs thanks to CommonNodeModule loaders becoming multi-platform capable: • RequireJS (Browser, Rhino, NodeJS) • PINF (Browser, NodeJS, V8CGI, GPSEE, RingoJS, Narwhal, Jetpack, Titanium, AdobeAir)Module loaders implementing Packages/Mappings: • Nodules (Async loading: NodeJS) • PINF (Async loading: NodeJS, Static loading: other platforms)Package repositories with package managers: • NodeJS Package Registry via NPM • Dojo Foundation Package Repository via CPM • CommonJS package URLs and paths via PINF

What is the ultimateCommonJS Everywhere Goal?

How close are we?

How close are we?12 to 24 months!

How close are we?12 to 24 months! IF

How close are we?12 to 24 months! IF We embrace portableloaders such as PINF andagree on low-level APIs

PINF JavaScript Loader

PINF JavaScript Loader• Loads multiple module source formats:

PINF JavaScript Loader• Loads multiple module source formats: • Asynchronous Module Definition (AMD)

PINF JavaScript Loader• Loads multiple module source formats: • Asynchronous Module Definition (AMD) • CommonJS Modules 1.1

PINF JavaScript Loader• Loads multiple module source formats: • Asynchronous Module Definition (AMD) • CommonJS Modules 1.1 • CommonJS Modules 2.0 (draft)

PINF JavaScript Loader• Loads multiple module source formats: • Asynchronous Module Definition (AMD) • CommonJS Modules 1.1 • CommonJS Modules 2.0 (draft) • Plain JavaScript files

PINF JavaScript Loader• Loads multiple module source formats: • Asynchronous Module Definition (AMD) • CommonJS Modules 1.1 • CommonJS Modules 2.0 (draft) • Plain JavaScript files• Dynamically downloads and resolves dependencies

PINF JavaScript Loader• Loads multiple module source formats: • Asynchronous Module Definition (AMD) • CommonJS Modules 1.1 • CommonJS Modules 2.0 (draft) • Plain JavaScript files• Dynamically downloads and resolves dependencies• Runs an identical CommonJS package on many platforms for development and production:

PINF JavaScript Loader• Loads multiple module source formats: • Asynchronous Module Definition (AMD) • CommonJS Modules 1.1 • CommonJS Modules 2.0 (draft) • Plain JavaScript files• Dynamically downloads and resolves dependencies• Runs an identical CommonJS package on many platforms for development and production: • Browser, NodeJS, V8CGI, GPSEE, RingoJS, Narwhal, Jetpack, Titanium, AdobeAir (platform and API support varies)

PINF JavaScript Loader• Loads multiple module source formats: • Asynchronous Module Definition (AMD) • CommonJS Modules 1.1 • CommonJS Modules 2.0 (draft) • Plain JavaScript files• Dynamically downloads and resolves dependencies• Runs an identical CommonJS package on many platforms for development and production: • Browser, NodeJS, V8CGI, GPSEE, RingoJS, Narwhal, Jetpack, Titanium, AdobeAir (platform and API support varies)• Can load CommonJS programs and export static bundle (inlined modules) based programs for running in Browser via BravoJS (multiple platforms and loaders coming soon)

PINF JavaScript Loader

PINF JavaScript LoaderTypes of applications:

PINF JavaScript LoaderTypes of applications: • Browser: Websites and application user interfaces (web views)

PINF JavaScript LoaderTypes of applications: • Browser: Websites and application user interfaces (web views) • NodeJS: Asynchronous network programs

PINF JavaScript LoaderTypes of applications: • Browser: Websites and application user interfaces (web views) • NodeJS: Asynchronous network programs • V8CGI: PHP-like server apps (via Apache module/CGI)

PINF JavaScript LoaderTypes of applications: • Browser: Websites and application user interfaces (web views) • NodeJS: Asynchronous network programs • V8CGI: PHP-like server apps (via Apache module/CGI) • GPSEE: JS scripting for C apps

PINF JavaScript LoaderTypes of applications: • Browser: Websites and application user interfaces (web views) • NodeJS: Asynchronous network programs • V8CGI: PHP-like server apps (via Apache module/CGI) • GPSEE: JS scripting for C apps • RingoJS: JS scripting for Java apps

PINF JavaScript LoaderTypes of applications: • Browser: Websites and application user interfaces (web views) • NodeJS: Asynchronous network programs • V8CGI: PHP-like server apps (via Apache module/CGI) • GPSEE: JS scripting for C apps • RingoJS: JS scripting for Java apps • Narwhal: JS scripting for Mac OS X apps via JavaScriptCore

PINF JavaScript LoaderTypes of applications: • Browser: Websites and application user interfaces (web views) • NodeJS: Asynchronous network programs • V8CGI: PHP-like server apps (via Apache module/CGI) • GPSEE: JS scripting for C apps • RingoJS: JS scripting for Java apps • Narwhal: JS scripting for Mac OS X apps via JavaScriptCore • Jetpack: Restartless Firefox extensions

PINF JavaScript LoaderTypes of applications: • Browser: Websites and application user interfaces (web views) • NodeJS: Asynchronous network programs • V8CGI: PHP-like server apps (via Apache module/CGI) • GPSEE: JS scripting for C apps • RingoJS: JS scripting for Java apps • Narwhal: JS scripting for Mac OS X apps via JavaScriptCore • Jetpack: Restartless Firefox extensions • Titanium: Native mobile, tablet and desktop apps

PINF JavaScript LoaderTypes of applications: • Browser: Websites and application user interfaces (web views) • NodeJS: Asynchronous network programs • V8CGI: PHP-like server apps (via Apache module/CGI) • GPSEE: JS scripting for C apps • RingoJS: JS scripting for Java apps • Narwhal: JS scripting for Mac OS X apps via JavaScriptCore • Jetpack: Restartless Firefox extensions • Titanium: Native mobile, tablet and desktop apps • AdobeAir: Mobile, desktop and TV apps

PINF JavaScript LoaderTypes of applications: • Browser: Websites and application user interfaces (web views) • NodeJS: Asynchronous network programs • V8CGI: PHP-like server apps (via Apache module/CGI) • GPSEE: JS scripting for C apps • RingoJS: JS scripting for Java apps • Narwhal: JS scripting for Mac OS X apps via JavaScriptCore • Jetpack: Restartless Firefox extensions • Titanium: Native mobile, tablet and desktop apps • AdobeAir: Mobile, desktop and TV apps • Wakanda: COMING SOON

PINF JavaScript LoaderTypes of applications: • Browser: Websites and application user interfaces (web views) • NodeJS: Asynchronous network programs • V8CGI: PHP-like server apps (via Apache module/CGI) • GPSEE: JS scripting for C apps • RingoJS: JS scripting for Java apps • Narwhal: JS scripting for Mac OS X apps via JavaScriptCore • Jetpack: Restartless Firefox extensions • Titanium: Native mobile, tablet and desktop apps • AdobeAir: Mobile, desktop and TV apps • Wakanda: COMING SOONLow-level API standards needed!

PINF JavaScript Loader Demos

Cross-platform ‘Hello World’time commonjs --platform node ./HelloWorld Hello World real 0m0.157stime commonjs --platform v8cgi ./HelloWorld Hello World real 0m0.089s <--time commonjs --platform gpsee ./HelloWorld Hello World real 0m0.071s <--time commonjs --platform ringo ./HelloWorld Hello World real 0m1.796stime commonjs --platform narwhal ./HelloWorld Hello World real 0m2.246s

Cross-platform benchmarkstime commonjs --platform node ./JSLintBenchmarkRunning JSLint Benchmark by running JSLint against itself ...... took: 0.874 secondsreal 0m1.675suser 0m1.578ssys 0m0.055stime commonjs --platform v8cgi ./JSLintBenchmarkRunning JSLint Benchmark by running JSLint against itself ...... took: 0.238 secondsreal 0m0.622suser 0m0.463ssys 0m0.033s Google Chrome: 0.179 Firefox: 0.533

Develop; integrate; deploy Production Application Standalone DevUI Framework Integration

Parting Suggestions

Parting Suggestions1. Use packages to hold modules

Parting Suggestions1. Use packages to hold modules2. Store packages by their URI:

Parting Suggestions1. Use packages to hold modules2. Store packages by their URI: ~/packages/<URI_NO_PROTOCOL>/<REVISION> ~/packages/github.com/commonjs/stdlib/zipball/v0.1.0 (dev & prod) ~/packages/github.com/commonjs/stdlib/master (dev only)

Parting Suggestions1. Use packages to hold modules2. Store packages by their URI: ~/packages/<URI_NO_PROTOCOL>/<REVISION> ~/packages/github.com/commonjs/stdlib/zipball/v0.1.0 (dev & prod) ~/packages/github.com/commonjs/stdlib/master (dev only)3. Define dependencies via mappings in package.json

Parting Suggestions1. Use packages to hold modules2. Store packages by their URI: ~/packages/<URI_NO_PROTOCOL>/<REVISION> ~/packages/github.com/commonjs/stdlib/zipball/v0.1.0 (dev & prod) ~/packages/github.com/commonjs/stdlib/master (dev only)3. Define dependencies via mappings in package.json4. Use and support module loaders and package managers that support not only modules and packages, but also mappings

Parting Suggestions1. Use packages to hold modules2. Store packages by their URI: ~/packages/<URI_NO_PROTOCOL>/<REVISION> ~/packages/github.com/commonjs/stdlib/zipball/v0.1.0 (dev & prod) ~/packages/github.com/commonjs/stdlib/master (dev only)3. Define dependencies via mappings in package.json4. Use and support module loaders and package managers that support not only modules and packages, but also mappingsThis will allow you to SWAP OUT PACKAGES depending on the environment your application is running in WITHOUT HAVING TO WORRY ABOUT CONFLICTS. EVER!

Thank you! Big applause for the Community!Slides and links will be made available at:http://bit.ly/commonjs-everywhere

CommonJS Everywhere (Wakanday 2011)

by cadorn

Accessibility

Categories

Upload Details

Usage Rights

1 Embed 26

Statistics

CommonJS Everywhere (Wakanday 2011) Presentation Transcript