Merge pull request #185 from tolmasky/runkit-try-example

Inline runnable examples with RunKit

Author: buzzdecafe

0.24.1/docs/dist/ramda.js

@@ -1,4 +1,4 @@
-//  Ramda v0.24.0
+//  Ramda v0.24.1
 //  https://github.com/ramda/ramda
 //  (c) 2013-2017 Scott Sauyet, Michael Hurley, and David Chambers
 //  Ramda may be freely distributed under the MIT license.
@@ -559,6 +559,23 @@
         };
     };
 
+    /**
+     * Tests whether or not an object is similar to an array.
+     *
+     * @private
+     * @category Type
+     * @category List
+     * @sig * -> Boolean
+     * @param {*} x The object to test.
+     * @return {Boolean} `true` if `x` has a numeric length property and extreme indices defined; `false` otherwise.
+     * @example
+     *
+     *      _isArrayLike([]); //=> true
+     *      _isArrayLike(true); //=> false
+     *      _isArrayLike({}); //=> false
+     *      _isArrayLike({length: 10}); //=> false
+     *      _isArrayLike({0: 'zero', 9: 'nine', length: 10}); //=> true
+     */
     var _isArrayLike = _curry1(function isArrayLike(x) {
         if (_isArray(x)) {
             return true;
@@ -6801,7 +6818,7 @@
      * @memberOf R
      * @since v0.12.0
      * @category List
-     * @sig (c -> c) -> (a,b -> a) -> a -> [b] -> a
+     * @sig (c -> c) -> ((a, b) -> a) -> a -> [b] -> a
      * @param {Function} xf The transducer function. Receives a transformer and returns a transformer.
      * @param {Function} fn The iterator function. Receives two values, the accumulator and the
      *        current element from the array. Wrapped as transformer, if necessary, and used to
@@ -6814,8 +6831,11 @@
      *
      *      var numbers = [1, 2, 3, 4];
      *      var transducer = R.compose(R.map(R.add(1)), R.take(2));
-     *
      *      R.transduce(transducer, R.flip(R.append), [], numbers); //=> [2, 3]
+     *
+     *      var isOdd = (x) => x % 2 === 1;
+     *      var firstOddTransducer = R.compose(R.filter(isOdd), R.take(1));
+     *      R.transduce(firstOddTransducer, R.flip(R.append), [], R.range(0, 100)); //=> [1]
      */
     var transduce = curryN(4, function transduce(xf, fn, acc, list) {
         return _reduce(xf(typeof fn === 'function' ? _xwrap(fn) : fn), acc, list);
@@ -8882,7 +8902,9 @@
      *      factorial(5); //=> 120
      *      count; //=> 1
      */
-    var memoize = memoizeWith(toString);
+    var memoize = memoizeWith(function () {
+        return toString(arguments);
+    });
 
     /**
      * Splits a string into an array of strings based on the given

0.24.1/docs/index.html

@@ -153,12 +153,13 @@
             {{/if}}
 
             {{#if example}}
-	    <pre><button class="try-repl" data-ramda-version="{{@root.version}}">Try in REPL</button><code class="hljs javascript">{{{example}}}</code></pre>
+	    <pre><div class = "try-repl" ><button class = "send-repl" data-ramda-version="{{@root.version}}">Open in REPL</button><button class = "run-here" data-ramda-version="{{@root.version}}">Run it here</button></div><code class="hljs javascript">{{{example}}}</code></pre>
             {{/if}}
         </section>
         {{/each}}
     </main>
     <script src="dist/ramda.js"></script>
     <script src="main.js"></script>
+    <script src = "https://embed.runkit.com"></script>
 </body>
 </html>

0.24.1/docs/index.html.handlebars

@@ -98,15 +98,58 @@
   }
 
   function tryInREPL(event) {
-    if (!event.target.matches('.try-repl')) {
+    var target = event.target;
+    var isREPL = target.matches('.send-repl');
+    var isRun = target.matches('.run-here');
+
+    if (!isREPL && !isRun) {
       return;
     }
-    var version = event.target.dataset && event.target.dataset.ramdaVersion;
-    var versionParam = version ? '?v=' + version : '';
-    var code = event.target.nextElementSibling.textContent;
-    var encoded = fixedEncodeURIComponent(code);
-    location.assign(location.origin + '/repl/' +
-      versionParam + '#;' + encoded);
+
+    var codeElement = target.parentNode.nextElementSibling;
+
+    if (isREPL || !window.RunKit) {
+        var version = event.target.dataset && event.target.dataset.ramdaVersion;
+        var versionParam = version ? '?v=' + version : '';
+        var code = codeElement.textContent;
+        var encoded = fixedEncodeURIComponent(code);
+
+        return window.open(location.origin + '/repl/' +
+          versionParam + '#;' + encoded);
+    }
+
+    var parent = target.parentNode.parentNode;
+    var ramdaVersion = target.dataset && "@" + target.dataset.ramdaVersion || "";
+
+    parent.style.background = "transparent";
+    parent.style.overflow = "hidden";
+    
+    var container = document.createElement("div");
+
+    container.style.width = "1px";
+    container.style.height = "1px";
+    
+    parent.appendChild(container);
+
+    RunKit.createNotebook({
+        element: container,
+        nodeVersion: '*',
+        preamble: 'var R = require("ramda' + ramdaVersion + '")',
+        source: codeElement.textContent,
+        syntaxTheme: 'atom-dark-syntax',
+        minHeight: "52px",
+        onLoad: function(notebook) {
+          parent.removeChild(codeElement);
+          parent.removeChild(target.parentNode);
+
+          container.style.cssText = "";
+
+          var iframe = container.lastElementChild;
+          iframe.style.cssText = 'height:' + iframe.style.height;
+          iframe.classList.add('repl');
+          notebook.evaluate()
+        }
+    });
   }