Initial commit

scottcorgan · Nov 20, 2013 · ae88c6c · ae88c6c
1 parent 9d097c2
commit ae88c6c
Show file tree

Hide file tree

Showing 7 changed files with 139 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+node_modules
+npm-debug.log
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -0,0 +1,22 @@
+module.exports = function (grunt) {
+  grunt.initConfig({
+    pkg: grunt.file.readJSON('package.json'),
+
+    uglify: {
+      options: {
+        mangle: false
+      },
+      my_target: {
+        files: {
+          'angular-gist.min.js': ['angular-gist.js']
+        }
+      }
+    }
+
+  });
+
+  grunt.loadNpmTasks('grunt-contrib-uglify');
+
+//   // Tasks
+  grunt.registerTask('build', ['uglify']);
+};
diff --git a/README.md b/README.md
@@ -2,3 +2,37 @@ angular-gist
 ============
 
 AngularJS directive for embedding Github gists.
+
+## Install
+
+Bower
+
+```
+bower install angular-gist --save
+```
+
+NPM
+
+```
+npm install angular-gist --save
+```
+
+## Usage
+
+Inject module
+
+```js
+angular.module('myApp', ['gist']);
+```
+
+Use as directive
+
+```html
+<gist id="1234556"></gist>
+```
+
+## Options
+
+####id
+
+Gist ID
diff --git a/angular-gist.js b/angular-gist.js
@@ -0,0 +1,27 @@
+angular.module('gist')
+  .directive('gist', function () {
+    return {
+      restrict: 'E',
+      replace: true,
+      template: '<div></div>',
+      link: function(scope, elm, attrs) {
+        var gistId = attrs.id;
+
+        var iframe = document.createElement('iframe');
+        iframe.setAttribute('width', '100%');
+        iframe.setAttribute('frameborder', '0');
+        iframe.id = "gist-" + gistId;
+        elm[0].appendChild(iframe);
+
+        var iframeHtml = '<html><head><base target="_parent"><style>table{font-size:12px;}</style></head><body onload="parent.document.getElementById(\'' + iframe.id + '\').style.height=document.body.scrollHeight + \'px\'"><scr' + 'ipt type="text/javascript" src="https://gist.github.com/' + gistId + '.js"></sc'+'ript></body></html>';
+
+        var doc = iframe.document;
+        if (iframe.contentDocument) doc = iframe.contentDocument;
+        else if (iframe.contentWindow) doc = iframe.contentWindow.document;
+
+        doc.open();
+        doc.writeln(iframeHtml);
+        doc.close();
+      }
+    };
+  });
diff --git a/angular-gist.min.js b/angular-gist.min.js
diff --git a/bower.json b/bower.json
@@ -0,0 +1,26 @@
+{
+  "name": "angular-gist",
+  "version": "0.1.0",
+  "homepage": "https://github.com/scottcorgan/angular-gist",
+  "authors": [
+    "Scott Corgan <scottcorgan@gmail.com>"
+  ],
+  "description": "AngularJS directive for embedding Github gists",
+  "main": "dist/angular-gist.min.js",
+  "keywords": [
+    "angular",
+    "github",
+    "gist"
+  ],
+  "license": "MIT",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests",
+    "Gruntfile.js",
+    ".gitignore",
+    "package.json"
+  ]
+}
diff --git a/package.json b/package.json
@@ -0,0 +1,27 @@
+{
+  "name": "angular-gist",
+  "version": "0.1.0",
+  "description": "AngularJS directive for embedding Github gists",
+  "main": "Gruntfile.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/scottcorgan/angular-gist.git"
+  },
+  "keywords": [
+    "angular",
+    "gist",
+    "github"
+  ],
+  "author": "Scott Corgan",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/scottcorgan/angular-gist/issues"
+  },
+  "devDependencies": {
+    "grunt": "~0.4.1",
+    "grunt-contrib-uglify": "~0.2.7"
+  }
+}