doc: add runkit embeds

doc/api/crypto.md

@@ -10,6 +10,8 @@ wrappers for OpenSSL's hash, HMAC, cipher, decipher, sign, and verify functions.
 Use `require('crypto')` to access this module.
 
 ```js
+// RUNKIT-ENABLE
+
 const crypto = require('crypto');
 
 const secret = 'abcdefg';

doc/api_assets/hljs.css

@@ -0,0 +1,44 @@
+.hljs-attribute,
+.hljs-tag,
+.hljs-name,
+.hljs-class .hljs-title,
+.hljs-selector-id,
+.hljs-type,
+.hljs-params,
+.hljs-function {
+  color: hsla(288, 8.108%, 37%, 1);
+}
+
+.hljs-literal {
+  color: hsla(39, 81.176%, 57.5%, 1);
+}
+
+.hljs-comment,
+.hljs-quote {
+  color: #978998;
+}
+
+.hljs-variable,
+.hljs-template-variable {
+  color: #8e85e5;
+}
+
+.hljs-link,
+.hljs-keyword,
+.hljs-built_in,
+.hljs-builtin-name {
+  color: #4a91e2;
+}
+
+.hljs-number {
+  color: #33b277;
+}
+
+.hljs-string {
+  color: #dd6546;
+}
+
+.hljs-regexp,
+.hljs-symbol {
+  color: #cc4928;
+}

doc/api_assets/runkit.js

@@ -0,0 +1,47 @@
+'use strict';
+
+(function() {
+  // https://developer.mozilla.org/en-US/docs/Web/API/ChildNode/replaceWith
+  function ReplaceWithPolyfill() {
+    'use-strict'; // For safari, and IE > 10
+    var parent = this.parentNode, i = arguments.length, currentNode;
+    if (!parent) return;
+    if (!i) // if there are no arguments
+      parent.removeChild(this);
+    while (i--) { // i-- decrements i and returns the value of i before the decrement
+      currentNode = arguments[i];
+      if (typeof currentNode !== 'object'){
+        currentNode = this.ownerDocument.createTextNode(currentNode);
+      } else if (currentNode.parentNode){
+        currentNode.parentNode.removeChild(currentNode);
+      }
+      // the value of "i" below is after the decrement
+      if (!i) // if currentNode is the first argument (currentNode === arguments[0])
+        parent.replaceChild(currentNode, this);
+      else // if currentNode isn't the first
+        parent.insertBefore(currentNode, this.previousSibling);
+    }
+  }
+  if (!Element.prototype.replaceWith)
+      Element.prototype.replaceWith = ReplaceWithPolyfill;
+  if (!CharacterData.prototype.replaceWith)
+      CharacterData.prototype.replaceWith = ReplaceWithPolyfill;
+  if (!DocumentType.prototype.replaceWith) 
+      DocumentType.prototype.replaceWith = ReplaceWithPolyfill;
+}());
+
+(function() {
+  var runnables = document.querySelectorAll('.runkit');
+  runnables.forEach(function(runnable) {
+    var source = RunKit.sourceFromElement(runnable);
+    var wrapper = document.createElement('div');
+    wrapper.class = 'runkit-wrapper';
+    wrapper.style = 'top: 0; left: -9999px; margin: 1rem;';
+    RunKit.createNotebook({
+      element: wrapper,
+      minHeight: '0px',
+      source: source,
+    });
+    runnable.parentElement.replaceWith(wrapper);
+  });
+}());