var $context = document.getElementById('context');

var $doc = document.getElementById('doc');

var $output = document.getElementById('output');

​

​

// my idiosyncratic @context

var context = {

  "@vocab": "http://schema.org/",

  "first_name": "givenName",

  "last_name": "familyName",

  "alias": "alternateName",

  "job_title": "jobTitle",

  "city": "addressLocality",

  "country": "addressCountry"

};

present($context, context);

​

// straight Schema.org terminology usage

var doc = {

  "link": "http://www.meetup.com/members/19524571",

  "name": "Benjamin Young",

  "country": "us",

  "bio": "aka BigBlueHat -=- Developer, Web, & Open Source Advocate, Invited Expert in the Annotation and Digital Publishing Working Groups at the W3C. Previously an inventor and evangelist for IBM's Cloudant, Couchbase, and also CTO at InnoVenture.",

  "city": "Greenville"

};

present($doc, doc);

​

var meetup_context = {

  "city": "http://schema.org/addressLocality",

  "country": "http://schema.org/addressCountry",

  "bio": "http://schema.org/description",

  "name": "http://schema.org/name"

};

​

// takes the input document and re-contextualizes it by matching mapped meaning

jsonld.compact(doc, context, {

    expandContext: meetup_context

  },

  function(err, compacted) {

    present($output, compacted);

  });

​

​

// this bit just renders pretty JSON textareas

function present($ta, value) {

  var cm_options = {

    lineNumbers: true,

    matchBrackets: true,

    autoCloseBrackets: true,

    mode: "application/ld+json",

    lineWrapping: true

  };

  $ta.value = JSON.stringify(value, null, 2);

  CodeMirror.fromTextArea($ta, cm_options);

}

​

​