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 = {

  "firstName": "Benjamin",

  "headline": "Invited Expert, W3C",

  "id": "Ol-pwbI97V",

  "lastName": "Young",

  "siteStandardProfileRequest": {

    "url": "https://www.linkedin.com/profile/view?id=AAoAAAAAx4oBxNlPOjsrspSms5FMi7Tx0c-EBSk&authType=name&authToken=XFwT&trk=api*a3227641*s3301901*"

  }

};

present($doc, doc);

​

var linkedin_context = {

  "firstName": "http://schema.org/givenName",

  "lastName": "http://schema.org/familyName",

  "headline": "http://schema.org/jobTitle"

};

​

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

jsonld.compact(doc, context, {

    expandContext: linkedin_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);

}

​

​