embed jsfiddle to gitbook

Author: konstantin

Diff for: .gitignore

@@ -0,0 +1,50 @@
+# Created by .ignore support plugin (hsz.mobi)
+### JetBrains template
+# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm
+
+*.iml
+
+## Directory-based project format:
+.idea/
+# if you remove the above rule, at least ignore the following:
+
+# User-specific stuff:
+# .idea/workspace.xml
+# .idea/tasks.xml
+# .idea/dictionaries
+
+# Sensitive or high-churn files:
+# .idea/dataSources.ids
+# .idea/dataSources.xml
+# .idea/sqlDataSources.xml
+# .idea/dynamic.xml
+# .idea/uiDesigner.xml
+
+# Gradle:
+# .idea/gradle.xml
+# .idea/libraries
+
+# Mongo Explorer plugin:
+# .idea/mongoSettings.xml
+
+## File-based project format:
+*.ipr
+*.iws
+
+## Plugin-specific files:
+
+# IntelliJ
+out/
+
+# mpeltonen/sbt-idea plugin
+.idea_modules/
+
+# JIRA plugin
+atlassian-ide-plugin.xml
+
+# Crashlytics plugin (for Android Studio and IntelliJ)
+com_crashlytics_export_strings.xml
+crashlytics.properties
+crashlytics-build.properties
+
+

Diff for: README.md

@@ -0,0 +1,18 @@
+JSFiddle integration for GitBook
+==============
+
+### 1. You can use install it via **NPM** and save it to package.json:
+```
+$ npm install gitbook-plugin-jsfiddle --save
+```
+### 2. add the plugin to `book.json` config
+```
+{
+    "plugins": [ "jsfiddle"]
+}
+```
+### 3. paste jsfiddle embedded code to you book something like
+`[source code](http://jsfiddle.net/zalun/NmudS/embedded/result,js,html,css/)`
+
+will be rendered like [my book](http://api.taucharts.com/tutorials/1min.html) does
+

Diff for: book/plugin.js

@@ -0,0 +1,75 @@
+require(["gitbook", "jquery"], function (gitbook, $) {
+    var matcher = /(http|https):\/\/jsfiddle.net\/.+/;
+
+    function getQuery(querystring) {
+        var query = {};
+
+        var pairs = querystring.split('&'),
+            length = pairs.length,
+            keyval = [],
+            i = 0;
+
+        for (; i < length; i++) {
+            keyval = pairs[i].split('=', 2);
+            try {
+                keyval[0] = decodeURIComponent(keyval[0]); // key
+                keyval[1] = decodeURIComponent(keyval[1]); // value
+            } catch (e) {
+            }
+
+            if (query[keyval[0]] === undefined) {
+                query[keyval[0]] = keyval[1];
+            } else {
+                query[keyval[0]] += ',' + keyval[1];
+            }
+        }
+
+        return query;
+    }
+
+    function embed(link) {
+        var iframe = document.createElement('iframe'),
+            url = link.href;
+        iframe.src = url;
+        iframe._src = url; // support for google slide embed
+        iframe.className = link.className; // inherit all the classes from the link
+        iframe.id = link.id; // also inherit, giving more style control to the user
+        iframe.style.border = '1px solid #aaa';
+
+        var query = getQuery(link.search);
+        iframe.style.width = query.width || '100%';
+        iframe.style.minHeight = query.height || '300px';
+        if (query.height) {
+            iframe.style.maxHeight = query.height;
+        }
+        link.parentNode.replaceChild(iframe, link);
+
+        var onmessage = function (event) {
+            event || (event = window.event);
+            // * 1 to coerse to number, and + 2 to compensate for border
+            iframe.style.height = (event.data.height * 1 + 2) + 'px';
+        };
+
+        if (window.addEventListener) {
+            window.addEventListener('message', onmessage, false);
+        } else {
+            window.attachEvent('onmessage', onmessage);
+        }
+    }
+
+    function embedAllLink() {
+        $(".book-body a").each(function (index, link) {
+            if (link.href && matcher.test(link.href)) {
+                embed(link);
+            }
+        });
+    }
+
+    gitbook.events.bind("start", function (e, config) {
+        embedAllLink();
+    });
+
+    gitbook.events.bind("page.change", function () {
+        embedAllLink();
+    });
+});

Diff for: index.js

@@ -0,0 +1,8 @@
+module.exports = {
+    book: {
+        assets: "./book",
+        js: [
+            "plugin.js"
+        ]
+    }
+};

Diff for: package.json

@@ -0,0 +1,25 @@
+{
+    "name": "gitbook-plugin-jsfiddle",
+    "description": "JSFiddle Integration into GitBook",
+    "main": "index.js",
+    "version": "0.0.1",
+    "author": {
+        "name": "Konstantin Krivlenia"
+    },
+    "keywords": [
+        "gitbook",
+        "jsfiddle"
+    ],
+    "engines": {
+        "gitbook": "*"
+    },
+    "homepage": "https://github.com/Mavrin/gitbook-plugin-jsfiddle",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/Mavrin/gitbook-plugin-jsfiddle.git"
+    },
+    "license": "MIT",
+    "bugs": {
+        "url": "https://github.com/Mavrin/gitbook-plugin-jsfiddle/issues"
+    }
+}