BLOG: Extensions in LinkedIn's JavaScript API

extensions.html

<script type="text/javascript" src="http://platform.linkedin.com/in.js">
api_key: api_key_123456
extensions: MyExtension@http://www.felocity.com/myextension.js
</script>

hotswap.js

IN.Event.on(IN, "frameworkLoaded", function() {

  // modifies IN.API.base to add a method that converts results to JSON
  var IN_APIS_BASE = Sslac.definitionOf("IN.APIs.Base"),
      construct = IN_APIS_BASE.getConstructor(),
      handleSuccess = IN_APIS_BASE.getMethod("handleSuccessResults");

  IN_APIS_BASE
  .Constructor(function() {
    construct.apply(this.arguments);
    this.handlers.json = [];
  })
  .Method("json", function() {
    this.addHandler(this.handlers.json, [].slice.apply(arguments));
    this.get();
    return this;
  })
  .Method("handleSuccessResults", function(results) {
    // run and clear the json handlers
    this.runHandler(this.handlers.json, JSON.stringify(results));
    this.markHandlerAsRan(this.handlers.json);

    // run original method
    return handleSuccess.apply(this, arguments);
  });


  IN.ENV.js.extensions.MyExtension.loaded = true;
});

myextension.js

IN.Event.on(IN, "frameworkLoaded", function() {

  // body of extension goes here

  IN.ENV.js.extensions.MyExtension.loaded = true;
});