メタブ表示

by lieutar 2016-08-15 [2016/08/15 20:22:44]

メタブ表示

@@ -1,7 +1,7 @@
 /*
  * @title メタブ表示
  * @description メタブ表示
- * @include http://b.hatena.ne.jp/entry/*
+ * @include http://b.hatena.ne.jp/*
  * @license MIT License
  * @require 
  */
@@ -17,6 +17,7 @@
   var HATEB_DOMAIN = "http://b.hatena.ne.jp";
   var API_DOMAIN   = "//b.hatena.ne.jp";
   var ICON_DOMAIN  = "http://cdn1.www.st-hatena.com/users/";
+  var JSONP_MAX_BYTES = 1800;
 
   ////////////////////////////////////////////////////////////
   var CSS = [
@@ -100,17 +101,31 @@
   var gensym = (function(){
     var rnd = function(){return Math.floor(Math.random() * (1<<30)).toString(16);};
     var cnt = 0;
-    var prefix = '$metabsym_' + Date.now().toString(16) + '_' + rnd() + '_';
+    var prefix = 'metabsym_' + Date.now().toString(16) + '_' + rnd() + '_';
     return function gensym(){ return prefix + (cnt++).toString(16); };})();
 
-  var receiver = function(cb){
+  var receiver = function receiver(cb){
     var name = gensym();
     var func = function(){
       delete win[name];
       cb.apply(this, arguments);
     };
     win[name] = func;
-    return encodeURIComponent( name );};
+    return name;};
+
+
+  var jsonp = function jsonp(url, opt){
+    var query = '';
+    for(var f in opt){
+      var v = opt[f];
+      if(v instanceof Function) v = receiver(v);
+      query += '&' + encodeURIComponent(f) + '=' + encodeURIComponent(v);}
+    url += query.replace(/^./, url.match(/\?/) ? '&' : '?');
+
+    var script = doc.createElement('script');
+    script.src = url;
+    script.type = 'text/javascript';
+    doc.querySelector('head').appendChild(script);};
 
   ////////////////////////////////////////////////////////////
 
@@ -127,13 +142,20 @@
         return;}
       cb(Hatena.Star, Hatena);})();});};
 
+  var withBookmark = function(cb){
+    withHatena(function(Hatena){(function(){
+      if(typeof(Hatena.Bookmark) == 'undefined'){
+        setTimeout(arguments.callee, 100);
+        return;}
+      cb(Hatena.Bookmark, Hatena);})();});};
+
   ////////////////////////////////////////////////////////////
   var PageEid = (function(){
     var ucl = doc.querySelector('a.user-comment-link');
     if(!ucl) return null;
     return String(ucl.href).replace(/^\/entry\//,'').replace(/\/comments\/.*/,'');});
 
-  var htmlifyIcon = function(bm){
+  var domifyIcon = function(bm){
     var a  = doc.createElement('a');
     a.href      = HATEB_DOMAIN + '/' + bm.user + '/';
     a.target    = '_blank';
@@ -145,10 +167,9 @@
       '/profile_l.gif';
     icon.alt = bm.user;
     a.appendChild(icon);
-    return a;
-  };
+    return a;};
 
-  var htmlifyUsername = function(bm, entry){
+  var domifyUsername = function(bm, entry){
     var a  = doc.createElement('a');
     var date    = String(bm.timestamp).replace(/ .+$/,'').replace(/\//g,'');
     a.href      = '/' + bm.user + '/' + date + '#bookmark-' + entry.eid ;
@@ -156,10 +177,9 @@
     a.title     = bm.user;
     a.className = 'username';
     a.appendChild(doc.createTextNode(bm.user));
-    return a;
-  };
+    return a;};
 
-  var htmlifyTags = function(bm){
+  var domifyTags = function(bm){
     var tags = bm.tags || [];
     if(tags.length < 1) return doc.createDocumentFragment();
     var tagSpan = doc.createElement('span');
@@ -173,7 +193,7 @@
       tagSpan.appendChild(tagLink);});
     return tagSpan;};
 
-  var htmlifyComment = (function(){
+  var domifyComment = (function(){
 
     var reURL = (function(){
       var RE_HEX    = '%[a-fA-F0-9][a-fA-F0-9]';
@@ -214,7 +234,7 @@
       return R;
     };})();
 
-  var htmlifyMeta = function(bm, entry){
+  var domifyMeta = function(bm, entry){
     var meta = doc.createElement('div');
     meta.className = 'user-comment-meta';
 
@@ -236,7 +256,7 @@
     meta.appendChild(star);
     return meta;};
 
-  var htmlifyCount = function(entry){
+  var domifyCount = function(entry){
     var count = entry.count;
     var frgn = doc.createDocumentFragment();
     var a = doc.createElement('a');
@@ -254,7 +274,7 @@
       frgn.appendChild(span);}
     return frgn;};
 
-  var htmlifyBookmarks = function(entry){
+  var domifyBookmarks = function(entry){
     var node = doc.createDocumentFragment();
     if((entry.bookmarks || []).length < 1) return node;
     var comments   = doc.createElement('ul');
@@ -266,19 +286,19 @@
       li.className = 'metab';
       var headPart = doc.createElement('span');
       headPart.className = '.head-part';
-      headPart.appendChild(htmlifyIcon(    bm, entry));
-      headPart.appendChild(htmlifyUsername(bm, entry));
+      headPart.appendChild(domifyIcon(    bm, entry));
+      headPart.appendChild(domifyUsername(bm, entry));
       li.appendChild(headPart);
-      li.appendChild(htmlifyTags(    bm, entry));
-      li.appendChild(htmlifyComment( bm, entry));
-      li.appendChild(htmlifyMeta(    bm, entry));
+      li.appendChild(domifyTags(    bm, entry));
+      li.appendChild(domifyComment( bm, entry));
+      li.appendChild(domifyMeta(    bm, entry));
       (String(bm.comment).length > 0 // || tags.length > 0
        ? comments : noComments).appendChild(li);});
     if(comments.firstChild)  node.appendChild(comments);
     if(noComments.firstChild) node.appendChild(noComments);
     return node;};
 
-  var htmlifyTitle = function(entry, title){
+  var domifyTitle = function(entry, title){
     if(!(title && title.length > 0)) return doc.createDocumentFragment();
     var node = doc.createElement('div');
     node.className = 'metab-title';
@@ -286,15 +306,15 @@
     tspan.appendChild(doc.createTextNode(title));
     tspan.className = 'title';
     node.appendChild(tspan);
-    node.appendChild(htmlifyCount(     entry));
+    node.appendChild(domifyCount(     entry));
     return node; };
 
-  var htmlifyEntry = function(entry, title){
+  var domifyEntry = function(entry, title){
     if((entry || {count:0}).count < 1) return doc.createDocumentFragment();
     var node = doc.createElement('div');
     node.className = 'metab-container';
-    node.appendChild(htmlifyTitle(entry, title));
-    node.appendChild(htmlifyBookmarks( entry));
+    node.appendChild(domifyTitle(entry, title));
+    node.appendChild(domifyBookmarks( entry));
     return node;};
 
   var addStars = function(node){ withStar(function(Star, Hatena){
@@ -316,7 +336,7 @@
       entries.push(e);});
 
     //
-    var receive = receiver(function(res){
+    var receive = function(res){
       var entries_ = res.entries;
       var encodedUriToEntryInfoMap = {};
       if (!entries_) entries_ = [];
@@ -338,21 +358,21 @@
           Hatena.Visitor = {};}
         if (!Hatena.Visitor.RKS) {
           Hatena.Visitor.RKS = res.rks;}}
-      Hatena.Star.User.RKS.ready(res.rks);});
+      Hatena.Star.User.RKS.ready(res.rks);};
 
     // getStarEntries
     (function(){
       if (!entries.length) return;
-      var jsonpBase = Star.BaseURL.replace(/^http:/,
-                                           Star.BaseURLProtocol) + 'entries.json?';
+      var jsonpBase = Star.BaseURL.replace(
+          /^http:/, Star.BaseURLProtocol) + 'entries.json?';
       var url = jsonpBase;
       for (var i = 0; i < entries.length; i++) {
-        if (url.length > Ten.JSONP.MaxBytes) {
-          new Ten.JSONP(url, win, receive);
+        if (url.length > JSONP_MAX_BYTES) {
+          jsonp(url, {callback: receive});
           url = jsonpBase;}
         url += 'uri=' + encodeURIComponent(entries[i].uri) + '&';}
       if (!Hatena.Visitor) url += 'timestamp=1';
-      new Ten.JSONP(url, win, receive);})();});};
+      jsonp(url, {callback: receive});})();});};
 
   var addBehaviors = function(node){
     if(! node.tagName) return node;
@@ -361,53 +381,47 @@
 
 
   ////////////////////////////////////////////////////////////
+  var metabToDOM, receivedMetab, reserveMetab;
 
-  var requestBookmark = function(uri,cont){
-    var apiEndPoint = API_DOMAIN + '/entry/jsonlite/?';
-    var request = apiEndPoint + 'url=' + encodeURIComponent(uri) +
-          '&callback=' + receiver(function(entry){ cont(entry);});
-    var scriptTag  = doc.createElement('script');
-    scriptTag.src  = request;
-    scriptTag.type = 'text/javascript';
-    doc.body.appendChild(scriptTag);};
-
-  ////////////////////////////////////////////////////////////
+  (function(){
+    var entries = {};
 
-  var entries = {};
-  var metabToHTML = function(entry, uri, title){
-    var slot = entries[uri];
-    var node = slot.html || (slot.html = node = htmlifyEntry(entry,title));
-    return addBehaviors(node.cloneNode(true));
-  };
-  var recievedMetab = function(uri, entry){
-    var slot = entries[uri];
-    slot.entry = entry || false;
-    slot.cont.forEach(function(c){c(entry);});};
-
-  var reserveMetab = function(uri, cont){
-    var slot = (entries[uri] ||
-                (entries[uri] = {entry: null, cont:[], req: false}));
-    if(slot.entry !== null){
-      cont(slot.entry);
-      return; }
-    slot.cont.push(cont || function(){});
-    if(slot.req) return;
-    slot.req = true;
-    requestBookmark(uri, function(entry){recievedMetab(uri, entry);});};
+    metabToDOM = function(entry, uri, title){
+      var slot = entries[uri];
+      var node = slot.dom || (slot.dom = node = domifyEntry(entry,title));
+      return addBehaviors(node.cloneNode(true));};
+
+    receivedMetab = function(uri, entry){
+      var slot = entries[uri];
+      slot.entry = entry || false;
+      slot.cont.forEach(function(c){c(entry);});};
+
+    reserveMetab = function(uri, cont_, title_){
+      var slot = (entries[uri] ||
+                  (entries[uri] = {entry: null, cont:[], req: false}));
+      var cont = cont_ instanceof Function ? cont_ : (function(){
+        var container = cont_;
+        var title = title_ || '';
+        return function(entry){
+          container.appendChild(metabToDOM(entry, uri, title));};})();
+      if(slot.entry !== null){
+        cont(slot.entry);
+        return; }
+      slot.cont.push(cont || function(){});
+      if(slot.req) return;
+      slot.req = true;
+      jsonp(API_DOMAIN + '/entry/jsonlite/',
+            {url: uri,
+             callback: function(entry){receivedMetab(uri, entry);}});};})();
 
-  var reserveUserMetab = function(user, cont_){
+  var reserveUserMetab = function(user, cont_, title_){
     var uri = HATEB_DOMAIN + '/' + user + '/';
-    var cont = cont_ instanceof Function ? cont_ : (function(){
-      var container = cont_;
-      return function(entry, uri){
-        container.appendChild(metabToHTML(entry, uri,
-                                          'metab for id:'+user));};})();
-    reserveMetab(uri, function(entry){cont(entry, uri);});};
+    var title = title_ ||  'metab for id:'+user;
+    reserveMetab(uri, cont_, title);};
 
 
   ////////////////////////////////////////////////////////////
 
-
   var applyStyle = function(){
     var style = doc.createElement('style');
     style.type = 'text/css';
@@ -416,27 +430,35 @@
 
   var showCommentMetab = function(n){
     var nparent = n.parentNode;
-    var commentUri = nparent.querySelector('a.user-comment-link').href;
-    reserveMetab(commentUri, function(entry){
-      nparent.appendChild(metabToHTML(entry, commentUri,
-                                      'metab for this comment'));});
-    
+    var cl = nparent.querySelector('a.user-comment-link');
+    if(!cl) return;
+    reserveMetab(cl.href, nparent, 'metab for this comment');
     var user = n.href.match(/([^\/]+)\/$/)[1];
     reserveUserMetab(user, nparent);};
 
   var showMetabs = function(){
     forEach(doc.querySelectorAll('a.profile-icon'), showCommentMetab);};
 
-  var main = function(){applyStyle();
-                        showMetabs();};
+  var entryPage = function(){applyStyle();
+                             showMetabs();};
+
+  ////////////////////////////////////////////////////////////
 
-  ////
+  var updateStarBehavior = function(){withStar(function(Star, Hatena){
+    var starProto = Star.Star.prototype;
+    var orig = starProto.showName;
+    starProto.showName = function(){
+      var self = this;
+      return orig.apply(self, arguments);};});};
+
+
+  ////////////////////////////////////////////////////////////
   
   if((function(pn){
     if(pn.match(/^\/entry\/\d+\/comment\//)) return true;
     return false;
   })(String(loc.pathname))) return;
-  main();
+  entryPage();
 
 
 })();

• /*
   * @title メタブ表示
   * @description メタブ表示
   * @include http://b.hatena.ne.jp/*
   * @license MIT License
   * @require 
   */
  (function(){
  
    ////////////////////////////////////////////////////////////
    var doc = document, win = window, loc = location, con = console;
  
    var DEBUG        = true;
  
    ////////////////////////////////////////////////////////////
  
    var HATEB_DOMAIN = "http://b.hatena.ne.jp";
    var API_DOMAIN   = "//b.hatena.ne.jp";
    var ICON_DOMAIN  = "http://cdn1.www.st-hatena.com/users/";
    var JSONP_MAX_BYTES = 1800;
  
    ////////////////////////////////////////////////////////////
    var CSS = [
      '.metab-container {',
      '  margin:  5px;',
      '  padding: 5px;',
      '  border: solid #9CF 1px;',
      '  border-radius: 10px;',
      '}',
      '.metab-container > .metab-title > .title{',
      '  display: inline-block;',
      '  margin: 0px 10px 0px 0px;',
      '  font-size: 11px;',
      '  color: #69F;',
      '}',
      '.metab-container > .metab-title > .metab-count{',
      '  font-size: 10px;',
      '  font-weight: 900;',
      '  color: #F00;',
      '  background-color: #FCC;',
      '  display: inline-block;',
      '  text-decoration: none;',
      '  line-height: 12px;',
      '  padding: 2px;',
      '  margin: 10px 0px;',
      '}',
      '.metab-container > .metab-title > .metab-count-detail{',
      '  display: inline-block;',
      '  margin: 0px 10px;',
      '  font-size: 11px;',
      '  color: rgb(153, 153, 153);',
      '}',
      '.metab-container > ul{',
      '  display: block;',
      '  margin: 0px;',
      '  padding: 0px;',
      '}',
      '.metab-container > ul.comments > li{',
      '  width: auto !important;',
      '  margin: 0px;',
      '  padding: 0px;',
      '  display: block;',
      '  list-style: none;',
      '}',
      '.metab-container > ul.no-comments > li{',
      ' width: auto !important;',
      ' margin: 0px 11px 0px 0px;',
      ' padding: 0px;',
      ' border: none;',
      ' list-style: none;',
      ' display: inline-block;',
      '}',
      '.metab-container > ul > li > span.headPart >  a.username{',
      '  display: inline-block;',
      '  margin: 0px 11px 0px 0px;',
      '}',
  
      '.metab-container > ul > li >  span.tags{',
      '  display: inline-block;',
      '  margin: 0px 11px 0px 0px;',
      '}',
  
      '.metab-container > ul > li > span.comment{',
      '  font-size: 11px;',
      '}',
      ''].join("\n");
  
  
    ////////////////////////////////////////////////////////////
    
    var p = function p() {
      if ( !DEBUG ) return;
      con.log.apply(con, arguments);};
  
  
    var forEach = function forEach(a,f){
      if(!a) return;
      for (var i=0,l=a.length;i<l;i++){
        if(f(a[i]) === false) break;}};
  
    var gensym = (function(){
      var rnd = function(){return Math.floor(Math.random() * (1<<30)).toString(16);};
      var cnt = 0;
      var prefix = 'metabsym_' + Date.now().toString(16) + '_' + rnd() + '_';
      return function gensym(){ return prefix + (cnt++).toString(16); };})();
  
    var receiver = function receiver(cb){
      var name = gensym();
      var func = function(){
        delete win[name];
        cb.apply(this, arguments);
      };
      win[name] = func;
      return name;};
  
  
    var jsonp = function jsonp(url, opt){
      var query = '';
      for(var f in opt){
        var v = opt[f];
        if(v instanceof Function) v = receiver(v);
        query += '&' + encodeURIComponent(f) + '=' + encodeURIComponent(v);}
      url += query.replace(/^./, url.match(/\?/) ? '&' : '?');
  
      var script = doc.createElement('script');
      script.src = url;
      script.type = 'text/javascript';
      doc.querySelector('head').appendChild(script);};
  
    ////////////////////////////////////////////////////////////
  
    var withHatena = function(cb){(function(){
      if(typeof(Hatena) === 'undefined'){
        setTimeout(arguments.callee, 100);
        return;}
      cb(Hatena);})();};
  
    var withStar = function(cb){
      withHatena(function(Hatena){(function(){
        if(typeof(Hatena.Star) === 'undefined'){
          setTimeout(arguments.callee, 100);
          return;}
        cb(Hatena.Star, Hatena);})();});};
  
    var withBookmark = function(cb){
      withHatena(function(Hatena){(function(){
        if(typeof(Hatena.Bookmark) == 'undefined'){
          setTimeout(arguments.callee, 100);
          return;}
        cb(Hatena.Bookmark, Hatena);})();});};
  
    ////////////////////////////////////////////////////////////
    var PageEid = (function(){
      var ucl = doc.querySelector('a.user-comment-link');
      if(!ucl) return null;
      return String(ucl.href).replace(/^\/entry\//,'').replace(/\/comments\/.*/,'');});
  
    var domifyIcon = function(bm){
      var a  = doc.createElement('a');
      a.href      = HATEB_DOMAIN + '/' + bm.user + '/';
      a.target    = '_blank';
      a.title     = bm.user;
      a.className = 'profile-icon';
      var icon = doc.createElement('img');
      icon.src =
        ICON_DOMAIN + '/' + bm.user.substring(0,2) + '/' + bm.user +
        '/profile_l.gif';
      icon.alt = bm.user;
      a.appendChild(icon);
      return a;};
  
    var domifyUsername = function(bm, entry){
      var a  = doc.createElement('a');
      var date    = String(bm.timestamp).replace(/ .+$/,'').replace(/\//g,'');
      a.href      = '/' + bm.user + '/' + date + '#bookmark-' + entry.eid ;
      a.target    = '_blank';
      a.title     = bm.user;
      a.className = 'username';
      a.appendChild(doc.createTextNode(bm.user));
      return a;};
  
    var domifyTags = function(bm){
      var tags = bm.tags || [];
      if(tags.length < 1) return doc.createDocumentFragment();
      var tagSpan = doc.createElement('span');
      tagSpan.className = 'tags';
      forEach(tags , function(tagName){
        var tagLink = doc.createElement('a');
        tagLink.className = 'user-tag';
        tagLink.href =
          HATEB_DOMAIN + '/' + bm.user + '/' + encodeURIComponent(tagName);
        tagLink.appendChild(doc.createTextNode(tagName));
        tagSpan.appendChild(tagLink);});
      return tagSpan;};
  
    var domifyComment = (function(){
  
      var reURL = (function(){
        var RE_HEX    = '%[a-fA-F0-9][a-fA-F0-9]';
        var RE_SCHEME = '[a-z]+:';
        var RE_CHAR   = '(?:[a-zA-Z0-9\-_\.]|' + RE_HEX + ')';
        var RE_STR    = RE_CHAR + '+';
        var RE_STR0   = RE_CHAR + '*';
        var RE_HOST   = RE_STR;
        var RE_PATH   = '(?:/(?:' + RE_STR + '/)*' + RE_STR0 + ')';
        var RE_QV     = RE_STR0 + '=' + RE_STR0;
        var RE_QUERY  = '(?:\\?(?:(?:' + RE_QV + '&)*'+RE_QV+')?|'+RE_QV+')';
        var RE_HASH   = '(?:#' + RE_STR0 + ')';
        var RE_URL    = 'https?://' + RE_HOST + RE_PATH +'?' +
              RE_QUERY + '?' + RE_HASH + '?';
        return  new RegExp('(.*?)(' + RE_URL + ')(.*)');
      })();
  
      return function(bm){
        var comment = bm.comment;
        var R = doc.createElement('span');
        R.className = 'comment';
        while(comment.length > 0){
          var match = comment.match(reURL);
          if(!match){
            if(comment.length > 0) R.appendChild(doc.createTextNode(comment));
            break;
          }
          var head = match[1];
          var url  = match[2];
          comment = match[3];
          if(head.length > 0) R.appendChild(doc.createTextNode(head));
          var a = doc.createElement('a');
          a.href = url;
          a.target = '_blank';
          a.appendChild(doc.createTextNode(url));
          R.appendChild(a);
        }
        return R;
      };})();
  
    var domifyMeta = function(bm, entry){
      var meta = doc.createElement('div');
      meta.className = 'user-comment-meta';
  
      var plink = doc.createElement('a');
      plink.className = 'user-comment-link';
      plink.href  = '/entry/' + entry.eid + '/comment/' + bm.user;
      plink.title = 'パーマリンク';
      plink.target = '_blank';
      plink.appendChild(doc.createTextNode('リンク'));
      meta.appendChild(plink);
  
      var tspan = doc.createElement('span');
      tspan.className = 'timestamp';
      tspan.appendChild(doc.createTextNode(bm.timestamp));
      meta.appendChild(tspan);
  
      var star = doc.createElement('span');
      star.className = 'hatena-bookmark-star';
      meta.appendChild(star);
      return meta;};
  
    var domifyCount = function(entry){
      var count = entry.count;
      var frgn = doc.createDocumentFragment();
      var a = doc.createElement('a');
      a.className = 'metab-count';
      a.href = entry.entry_url;
      a.target = "_blank";
      a.appendChild(doc.createTextNode(String(count) + " users"));
      frgn.appendChild(a);
      var bmc = (entry.bookmarks || []).length;
      if(count != bmc){
        var span = doc.createElement('span');
        span.className = 'metab-count-detail';
        span.appendChild(doc.createTextNode(String(bmc) + " comments + " +
                                            String(count - bmc)));
        frgn.appendChild(span);}
      return frgn;};
  
    var domifyBookmarks = function(entry){
      var node = doc.createDocumentFragment();
      if((entry.bookmarks || []).length < 1) return node;
      var comments   = doc.createElement('ul');
      comments.className = 'comments';
      var noComments = doc.createElement('ul');
      noComments.className = 'no-comments';
      forEach(entry.bookmarks, function(bm){
        var li = doc.createElement('li');
        li.className = 'metab';
        var headPart = doc.createElement('span');
        headPart.className = '.head-part';
        headPart.appendChild(domifyIcon(    bm, entry));
        headPart.appendChild(domifyUsername(bm, entry));
        li.appendChild(headPart);
        li.appendChild(domifyTags(    bm, entry));
        li.appendChild(domifyComment( bm, entry));
        li.appendChild(domifyMeta(    bm, entry));
        (String(bm.comment).length > 0 // || tags.length > 0
         ? comments : noComments).appendChild(li);});
      if(comments.firstChild)  node.appendChild(comments);
      if(noComments.firstChild) node.appendChild(noComments);
      return node;};
  
    var domifyTitle = function(entry, title){
      if(!(title && title.length > 0)) return doc.createDocumentFragment();
      var node = doc.createElement('div');
      node.className = 'metab-title';
      var tspan = doc.createElement('span');
      tspan.appendChild(doc.createTextNode(title));
      tspan.className = 'title';
      node.appendChild(tspan);
      node.appendChild(domifyCount(     entry));
      return node; };
  
    var domifyEntry = function(entry, title){
      if((entry || {count:0}).count < 1) return doc.createDocumentFragment();
      var node = doc.createElement('div');
      node.className = 'metab-container';
      node.appendChild(domifyTitle(entry, title));
      node.appendChild(domifyBookmarks( entry));
      return node;};
  
    var addStars = function(node){ withStar(function(Star, Hatena){
      var entries = [];
      forEach(node.querySelectorAll('li.metab') || [], function(li){
        var uri = li.querySelector('a.username').href;
        //        var uri = li.querySelector('a.user-comment-link').href;
        var sc = li.querySelector('.hatena-bookmark-star');
        var cc = doc.createElement('span');
        sc.parentNode.insertBefore(cc, sc);
        var earg = {
          entryNode:         li,
          uri:               uri,
          title:             Star.EntryLoader.scrapeTitle(li) || '',
          comment_container: cc,
          star_container:    sc};
        var e = new Star.Entry(earg);
        e.showButtons();
        entries.push(e);});
  
      //
      var receive = function(res){
        var entries_ = res.entries;
        var encodedUriToEntryInfoMap = {};
        if (!entries_) entries_ = [];
        forEach(entries_, function(entryInfo){
          if ( !entryInfo.uri ) return;
          var eURI = entryInfo.eURI;
          if ( !eURI ) eURI = entryInfo.eURI = encodeURIComponent( entryInfo.uri );
          encodedUriToEntryInfoMap[eURI] = entryInfo;});
        forEach(entries, function(e){
          if ( e.hasBoundToStarEntry() ) return;
          if ( !e.eURI ) e.eURI = encodeURIComponent(e.uri);
          var entryInfo = entryInfo = encodedUriToEntryInfoMap[e.eURI];
          if ( entryInfo ) e.bindStarEntry( entryInfo );
          if (typeof(e.can_comment) == 'undefined') e.setCanComment(res.can_comment);
          e.showStars();
          e.showCommentButton();});
        if (res.rks) {
          if (!Hatena.Visitor || typeof(Hatena.Visitor) == 'undefined') {
            Hatena.Visitor = {};}
          if (!Hatena.Visitor.RKS) {
            Hatena.Visitor.RKS = res.rks;}}
        Hatena.Star.User.RKS.ready(res.rks);};
  
      // getStarEntries
      (function(){
        if (!entries.length) return;
        var jsonpBase = Star.BaseURL.replace(
            /^http:/, Star.BaseURLProtocol) + 'entries.json?';
        var url = jsonpBase;
        for (var i = 0; i < entries.length; i++) {
          if (url.length > JSONP_MAX_BYTES) {
            jsonp(url, {callback: receive});
            url = jsonpBase;}
          url += 'uri=' + encodeURIComponent(entries[i].uri) + '&';}
        if (!Hatena.Visitor) url += 'timestamp=1';
        jsonp(url, {callback: receive});})();});};
  
    var addBehaviors = function(node){
      if(! node.tagName) return node;
      addStars(node);
      return node;};
  
  
    ////////////////////////////////////////////////////////////
    var metabToDOM, receivedMetab, reserveMetab;
  
    (function(){
      var entries = {};
  
      metabToDOM = function(entry, uri, title){
        var slot = entries[uri];
        var node = slot.dom || (slot.dom = node = domifyEntry(entry,title));
        return addBehaviors(node.cloneNode(true));};
  
      receivedMetab = function(uri, entry){
        var slot = entries[uri];
        slot.entry = entry || false;
        slot.cont.forEach(function(c){c(entry);});};
  
      reserveMetab = function(uri, cont_, title_){
        var slot = (entries[uri] ||
                    (entries[uri] = {entry: null, cont:[], req: false}));
        var cont = cont_ instanceof Function ? cont_ : (function(){
          var container = cont_;
          var title = title_ || '';
          return function(entry){
            container.appendChild(metabToDOM(entry, uri, title));};})();
        if(slot.entry !== null){
          cont(slot.entry);
          return; }
        slot.cont.push(cont || function(){});
        if(slot.req) return;
        slot.req = true;
        jsonp(API_DOMAIN + '/entry/jsonlite/',
              {url: uri,
               callback: function(entry){receivedMetab(uri, entry);}});};})();
  
    var reserveUserMetab = function(user, cont_, title_){
      var uri = HATEB_DOMAIN + '/' + user + '/';
      var title = title_ ||  'metab for id:'+user;
      reserveMetab(uri, cont_, title);};
  
  
    ////////////////////////////////////////////////////////////
  
    var applyStyle = function(){
      var style = doc.createElement('style');
      style.type = 'text/css';
      style.appendChild(doc.createTextNode(CSS));
      doc.querySelector('head').appendChild(style);};
  
    var showCommentMetab = function(n){
      var nparent = n.parentNode;
      var cl = nparent.querySelector('a.user-comment-link');
      if(!cl) return;
      reserveMetab(cl.href, nparent, 'metab for this comment');
      var user = n.href.match(/([^\/]+)\/$/)[1];
      reserveUserMetab(user, nparent);};
  
    var showMetabs = function(){
      forEach(doc.querySelectorAll('a.profile-icon'), showCommentMetab);};
  
    var entryPage = function(){applyStyle();
                               showMetabs();};
  
    ////////////////////////////////////////////////////////////
  
    var updateStarBehavior = function(){withStar(function(Star, Hatena){
      var starProto = Star.Star.prototype;
      var orig = starProto.showName;
      starProto.showName = function(){
        var self = this;
        return orig.apply(self, arguments);};});};
  
  
    ////////////////////////////////////////////////////////////
    
    if((function(pn){
      if(pn.match(/^\/entry\/\d+\/comment\//)) return true;
      return false;
    })(String(loc.pathname))) return;
    entryPage();
  
  
  })();
  
  // Local Variables:
  // mode: hatena-let
  // End:
  

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

  このページへの個別リンクです。

  RAW

  書かれたコードへの直接のリンクです。

  Packed

  文字列が圧縮された書かれたコードへのリンクです。

  Userscript

  Greasemonkey 等で利用する場合の .user.js へのリンクです。

  Loader

  @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。

  Metadata

  コード中にコメントで @xxx と書かれたメタデータの JSON です。