gist-async

gist-async

Description

Load GitHub Gists asynchronously and optionally specify which file to show. This allows you to keep related files in a single gist, but show them individually on your pages. The async loading prevents your page rendering from stalling.

Demo on CodePen.

Based on Mark Selby's [async-gists.js]. [async-gists.js]: https://gist.github.com/markselby/7209751

Usage

Requires jQuery.

Include javascripts/main.coffee however you like or load the compiled file js/gist-async.min.js, then call the global function, e.g.,

(function (window, document) {
  document.addEventListener('DOMContentLoaded', function () {
    window.gistAsync();
  })
})(window, document);

Example markup:

<div class="gist" data-gist="8288761" data-gist-file="gist-async.coffee">
  <a href="https://gist.github.com/8288761">Loading file gist-async.coffee from 8288761</a>
</div>

The minimal required markup is

<div data-gist="8288761"></div>

Plugins

• Jekyll plugin that modifies the gist markup added by its gist Liquid tag.
• WordPress shortcode by timrourke.

Installation

The recommended method is to add this as a dependency to your project using npm with

$ npm install --save gist-async

or Bower with

$ bower install --save gist-async

Alternatively, you can download a release or clone the repository directly.

Development and Testing

Source Code

The gist-async source is hosted on GitHub. Clone the project with

$ git clone https://github.com/razor-x/gist-async.git

Requirements

You will need Node.js with npm.

Install the development dependencies with

$ npm install

Build

Install any Bower dependencies and have Grunt watch for changes with

$ npm start

Grunt

Optionally, you may run additional development tasks with Grunt. Install it with

$ npm install --global grunt-cli

Run $ grunt --help to see all Grunt tasks.

coffeelint # Validate files with CoffeeLint *
clean      # Clean files and folders. *
coffee     # Compile CoffeeScript files into JavaScript *
watch      # Run predefined tasks whenever watched files change.
default    # Alias for "clean", "coffeelint", "coffee" tasks.

Contributing

Please submit and comment on bug reports and feature requests.

To submit a patch:

1. Fork it (https://github.com/razor-x/gist-async/fork).
2. Create your feature branch (git checkout -b my-new-feature).
3. Make changes.
4. Commit your changes (git commit -am 'Add some feature').
5. Push to the branch (git push origin my-new-feature).
6. Create a new Pull Request.

License

This CoffeeScript package is licensed under the MIT license.

Warranty

This software is provided "as is" and without any express or implied warranties, including, without limitation, the implied warranties of merchantibility and fitness for a particular purpose.

Changelog

[2.0.2] / 2016-08-04

• Relax jQuery version.