0.4: add comments renderer and directive

ready for shipping

README.md

@@ -1,4 +1,4 @@
-## angular-duoshuo ![release](http://img.shields.io/github/release/duoshuo/angular-duoshuo.svg) ![npm](http://img.shields.io/npm/v/angular-duoshuo.svg)
+## angular-duoshuo ![release](http://img.shields.io/github/release/duoshuo/angular-duoshuo.svg?style=flat) ![npm](http://img.shields.io/npm/v/angular-duoshuo.svg?style=flat)
 
 a duoshuo SDK for angular.js, pure front-end, cross-domain request supported.
 

bower.json

@@ -1,11 +1,11 @@
 {
   "name": "duoshuo",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "authors": [
     "turing <[email protected]>"
   ],
   "description": "a duoshuo SDK for angular.js, pure front-end, cross-domain request supported.",
-  "main": "src/duoshuo.js",
+  "main": "dist/duoshuo.min.js",
   "keywords": [
     "duoshuo",
     "duoshuo-sdk",

examples/example.js

@@ -1,6 +1,7 @@
 var app = angular.module('app', ['duoshuo']);
 
 app.controller('duoshuo', function($scope, $duoshuo) {
+  $scope.demokey = 'dede-dede';
   // inspect current user 
   $duoshuo.on('ready', function(err, data) {
     if (err) return console.error(err);

examples/index.html

@@ -24,6 +24,7 @@ <h3 ng-show="responseJSON">当前用户数据:</h3>
     <div class="threads" ng-repeat="thread in threads">
       <h3 ng-bind="thread.title" ng-show="thread.title !== ''"></h3>
     </div>
+    <div duoshuo data-thread-key="{{demokey}}"></div>
   </div>
   <script>
     var duoshuoQuery = {
@@ -32,7 +33,7 @@ <h3 ng-bind="thread.title" ng-show="thread.title !== ''"></h3>
   </script>
   <script src="http://static.duoshuo.com/embed.unstable.js"></script>
   <script src="../bower_components/angular/angular.min.js"></script>
-  <script src="../dist/duoshuo.min.js"></script>
+  <script src="../src/duoshuo.js"></script>
   <script src="./example.js"></script>
 </body>
 </html>

package.json

@@ -1,8 +1,8 @@
 {
   "name": "angular-duoshuo",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "a duoshuo SDK for angular.js, pure front-end, cross-domain request supported.",
-  "main": "src/duoshuo.js",
+  "main": "dist/duoshuo.min.js",
   "scripts": {
     "serve": "node_modules/.bin/serve .",
     "build": "node_modules/.bin/uglifyjs src/duoshuo.js -o dist/duoshuo.min.js --source-map dist/duoshuo.min.js.map --source-map-url duoshuo.min.js.map",

src/duoshuo.js

@@ -43,6 +43,23 @@
         return;
       });
     };
+
+    // comments renderer
+    this.render = function(element) {
+      if (!window.DUOSHUO) throw new Error('duoshuo embed.js required!');
+      window.DUOSHUO.EmbedThread(element);
+    };
+  })
+  .directive('duoshuo', function($duoshuo){
+    return {
+      restrict: 'AE',
+      replace: true,
+      template: '<div class="ds-thread"></div>',
+      link: function(scope, element, attrs) {
+        // render comments when dom has been injected.
+        $duoshuo.render(element[0]);
+      }
+    };
   });
 
 })(window.angular, window.NProgress);