tdiary 5.6.0 → 5.6.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c52912654a8c3f8dcbef538b3ca818e71a46adea1416c691d76792747cf3d9a8
-  data.tar.gz: 2f578f65c5c636012a3971508916a1f463f37c4039d4bb8d9654c24720b6eb8f
+  metadata.gz: 0152dd908530b141b305017532d2fdbee7d61cacb8eeb955e7da169504b68604
+  data.tar.gz: 0ad54ddca02502bae29ba3d69cf7b972c6ecd5c4cec62800f21600f98d016a62
 SHA512:
-  metadata.gz: 66fd5778cfbe863790cda5a64a3cd8812b28d6dd3434f08ce710fec49044986cb0677599d8f58055d05f4001734b2374ec7397b4ed04f7e0ea7b912b76d372ee
-  data.tar.gz: a2ddcc2c75d34cc2cd2cbbb669395b900b5a930dc129312ee325a960652995d0af04d2511f0f039e332fe461ed3dbcf4efd148abdf29ba5b167a8a99598fa28f
+  metadata.gz: 8d1655ec19c3d0079bd353cbd83593d5ecacbe15d75087daf08d9ecc5b747e4fc5ec61297dbd3a5722dcadc89c6a85745f2a6e7497cf0ac390daf3cd9b4ca6dd
+  data.tar.gz: 8192a8f3fe135f261f3cb942addf64bf6aabc8b9300fe6102e71053105c87f6ff73457e7e98ca9d60a677289011399327552a6d433951e30fa8fc53256854519

data/Gemfile.lock

@@ -1,8 +1,8 @@
 GIT
   remote: https://github.com/tdiary/tdiary-contrib.git
-  revision: 79c4f1909a8941a9f7feb856b8213af74a8e6cf3
+  revision: 1c265fc47175dbe7573b166fc865b5893036c771
   specs:
-    tdiary-contrib (5.4.0)
+    tdiary-contrib (5.6.0)
       coderay
       holiday_japan
       pushbullet_ruby
@@ -69,10 +69,10 @@ GEM
     commonmarker (2.9.0-x86_64-linux-musl)
     concurrent-ruby (1.3.8)
     connection_pool (3.0.2)
-    cuprite (0.17)
+    cuprite (0.18)
       capybara (~> 3.0)
-      ferrum (~> 0.17.0)
-    dalli (5.1.0)
+      ferrum (~> 0.18.0)
+    dalli (5.1.1)
       logger
     date (3.5.1)
     diff-lcs (1.6.2)
@@ -82,11 +82,10 @@ GEM
     faraday (0.17.6)
       multipart-post (>= 1.2, < 3)
     fastimage (2.4.1)
-    ferrum (0.17.2)
+    ferrum (0.18.0)
       addressable (~> 2.5)
       base64 (~> 0.2)
       concurrent-ruby (~> 1.1)
-      webrick (~> 1.7)
       websocket-driver (~> 0.7)
     hashie (5.1.0)
       logger
@@ -108,7 +107,7 @@ GEM
       net-imap
       net-pop
       net-smtp
-    matrix (0.4.2)
+    matrix (0.4.3)
     memcachier (0.0.2)
     mime-types (3.7.0)
       logger
@@ -214,7 +213,7 @@ GEM
     rdtool (0.6.39)
       nkf (>= 0.1, < 1.0)
     redcarpet (3.6.1)
-    regexp_parser (2.10.0)
+    regexp_parser (2.12.0)
     rexml (3.4.4)
     rspec (3.13.2)
       rspec-core (~> 3.13.0)
@@ -231,9 +230,9 @@ GEM
     rspec-support (3.13.6)
     ruby2_keywords (0.0.5)
     securerandom (0.4.1)
-    sequel (5.107.0)
+    sequel (5.108.0)
       bigdecimal
-    simplecov (1.1.1)
+    simplecov (1.3.1)
     snaky_hash (2.0.7)
       hashie (>= 0.1.0, < 6)
       version_gem (~> 1.1, >= 1.1.14)
@@ -249,7 +248,7 @@ GEM
     sqlite3 (2.9.6-x86_64-darwin)
     sqlite3 (2.9.6-x86_64-linux-gnu)
     sqlite3 (2.9.6-x86_64-linux-musl)
-    tdiary (5.5.1)
+    tdiary (5.6.0)
       cgi
       emot
       fastimage

data/doc/HOWTO-make-theme.md

@@ -36,7 +36,7 @@ tDiaryテーマには、以下のような基本的な約束事があります
 テーマ・ギャラリー用の説明
 -------------
 
-tDiary.Netには、[テーマ・ギャラリー](http://www.tdiary.org/20021001.html)というページがあります。テーマ集に登録されたテーマはここでスクリーンショットともども一覧することができます。ここに表示されている作者名やコメントは、テーマ付属のREADME(1.4の時の名残でcssファイルも利用されている)に一定のフォーマットで書かれているものを自動的に抜き出しているものです。
+テーマ集に登録されたテーマは、[テーマ・ギャラリー](https://github.com/tdiary/tdiary-theme)で一覧できます。テーマ集のテーマには、作者名やコメントを一定のフォーマットで書いたREADMEが付いています。
 
 最初からこのフォーマットで書いておくと、テーマ集に入った時に見栄えがします。以下にそのフォーマットについて解説します。
 
@@ -50,7 +50,7 @@ Comment: 四つ葉のクローバーの葉をあしらった、シンプルで
 
 この説明は、READMEの最初の行から記述します。「キー」と「値」を「: 」で挟んだ形式で、1項目1行で書きます。日本語を書くときは、文字コードをUTF-8にして下さい。英語の説明があれば、README.enというファイルにしてください。
 
-各項目の意味は以下のとおりです。なお、現在ギャラリーで利用されている項目はTitle、Author、License、Commentだけです。
+各項目の意味は以下のとおりです。
 
   - Title: テーマのタイトルです。ファイル名だけでは味気ないと思ったら、この項目を書いてください。なくてもかまいません。
   - Author: 作者名
@@ -63,5 +63,5 @@ Comment: 四つ葉のクローバーの葉をあしらった、シンプルで
 テーマ・テストベンチ
 ----------
 
-テーマの見え方を確認するための、[テストベンチ](http://www.tdiary.org/theme.sample.html)というページがあります。ギャラリーのスクリーンショットと異なり、こちらでは様々なエレメントの見え方や、代表的なプラグインの表示を確認することができます。テーマ作成時に利用してください。
+テーマの見え方を確認するための、[テストベンチ](https://tdiary.org/tdiary-theme/themebench.html)というページがあります。こちらでは様々なエレメントの見え方や、代表的なプラグインの表示を確認することができます。テーマ作成時に利用してください。
 

data/js/draft.js

@@ -1,6 +1,7 @@
 /*
  * draft.js: save draft data to Web Storage automatically
- * 
+ *           and keep a copy of them on the server
+ *
  * Copyright (c) MATSUOKA Kohei <http://www.machu.jp/>
  * Distributed under the GPL2 or any later version.
  */
@@ -8,70 +9,122 @@ $(function() {
 
 if (!localStorage) { return; }
 
-var Draft = function(storage, text) {
+var Draft = function(storage, text, server) {
   // 保存先のストレージ
   this.storage = storage;
   // 下書きの保存件数
-  this.maxCount = 10;
+  this.maxCount = server.max;
   // 下書き一覧
   this.items = [];
-
-  this.initialize(text);
+  // このページで編集している下書きの ID
+  this.current = null;
+  // 最後に保存したテキストエリアの内容
+  this.text = text;
+  // サーバーにある下書きの ID と更新日時
+  this.synced = {};
+
+  this.initialize(text, server);
 };
 
 Draft.prototype = {
-  // ローカルストレージから下書きを読み込む
-  initialize: function(text) {
-    this.items = this.storage.drafts ? JSON.parse(this.storage.drafts) : new Array();
-    // 下書きに空の日記・テキストエリアと同じ日記が存在すれば削除する
-    this.items = $.grep(this.items, function(item, index) {
-      // 改行と空白文字を無視して比較（プレビュー時に末尾へ改行が付加されるため)
-      if (item.value == "" || DraftUtils.trim(item.value) == DraftUtils.trim(text)) {
-        return false;
+  // ローカルストレージの下書きにサーバーの下書きを統合する
+  initialize: function(text, server) {
+    var items = this.storage.drafts ? JSON.parse(this.storage.drafts) : new Array();
+    var synced = this.synced;
+    $.each(items, function(index, item) {
+      if (!item.id) { item.id = DraftUtils.newId(); }
+    });
+    $.each(server.drafts, function(index, remote) {
+      synced[remote.id] = remote.date;
+      var local = DraftUtils.find(items, remote.id);
+      if (!local) {
+        items.push(remote);
+      } else if (local.date < remote.date) {
+        local.date = remote.date;
+        local.value = remote.value;
       }
-      return true;
     });
-    this.save(text, true);
+    // 空の下書きと、日記として投稿済みの下書きを削除する
+    this.items = $.grep(items, function(item) {
+      return typeof item.value == "string" && DraftUtils.trim(item.value) != "" &&
+        $.inArray(item.id, server.deleted) < 0;
+    });
+    this.truncate();
+    // テキストエリアと同じ下書きがあれば、それを続けて編集する
+    // 改行と空白文字を無視して比較（プレビュー時に末尾へ改行が付加されるため)
+    var trimmed = DraftUtils.trim(text);
+    var same = $.grep(this.items, function(item) {
+      return DraftUtils.trim(item.value) == trimmed;
+    });
+    if (trimmed != "" && same.length > 0) {
+      this.current = same.pop().id;
+    }
+    this.store();
     // console.log("Draft.initialized");
   },
 
-  // ローカルストレージに下書きを保存する
-  // append が true の場合は、下書き一覧の末尾に追加する
-  // append が false の場合は、最後の下書きに上書きする
-  save: function(text, append) {
-    if (!append) {
-      this.items.pop();
-    }
-    this.items.push({
-      date: new Date().getTime(),
-      value: text
-    });
-    // 最大でmaxCount件数の履歴を保持
-    if (this.items.length > this.maxCount) {
-      this.items.shift();
+  // 編集している下書きを更新する
+  // テキストエリアの内容が変わっていなければ何もしない
+  save: function(text) {
+    if (text == this.text) { return; }
+    this.text = text;
+    if (DraftUtils.trim(text) == "") { return; }
+    var item = DraftUtils.find(this.items, this.current);
+    if (item) {
+      this.items.splice($.inArray(item, this.items), 1);
+    } else {
+      item = { id: DraftUtils.newId() };
+      this.current = item.id;
     }
-    this.storage.drafts = JSON.stringify(this.items);
+    item.date = new Date().getTime();
+    item.value = text;
+    this.items.push(item);
+    this.truncate();
+    this.store();
   },
 
-  // 下書き一覧から index 番目の下書きを取得する
-  // 取得した下書きは一覧の末尾に移動する
-  load: function(index) {
-    var item = this.items.splice(index, 1)[0];
-    this.items.push(item);
+  // 指定した下書きを読み込み、それを続けて編集する
+  load: function(id) {
+    var item = DraftUtils.find(this.items, id);
+    if (!item) { return null; }
+    this.current = item.id;
+    this.text = item.value;
     return item.value;
   },
 
-  // 下書きのタイトル一覧の配列を返す（表示用）
+  // サーバーにまだ無い版の下書き一覧を返す
+  pending: function() {
+    var synced = this.synced;
+    return $.grep(this.items, function(item) {
+      return !(synced[item.id] >= item.date);
+    });
+  },
+
+  // サーバーへ保存した下書きを記録する
+  markSynced: function(items) {
+    var synced = this.synced;
+    $.each(items, function(index, item) {
+      synced[item.id] = item.date;
+    });
+  },
+
+  // 最大でmaxCount件数の履歴を保持
+  truncate: function() {
+    this.items.sort(function(a, b) { return a.date - b.date; });
+    this.items = this.items.slice(-this.maxCount);
+  },
+
+  store: function() {
+    this.storage.drafts = JSON.stringify(this.items);
+  },
+
+  // 下書きの ID とタイトルの一覧を返す（表示用）
   // タイトルは textarea の先頭1行目 + 更新日時
   titles: function() {
     return $.map(this.items, function(item) {
-      var date = new Date(item.date);
-      date = DraftUtils.dateToString(date);
-      var title = "No-Name";
-      if (item.value && typeof item.value == "string") {
-        title = item.value.match(/.*/)[0];
-      }
-      return title + " (" + date + ")";
+      var date = DraftUtils.dateToString(new Date(item.date));
+      var title = item.value.match(/.*/)[0] || "No-Name";
+      return { id: item.id, title: title + " (" + date + ")" };
     });
   }
 
@@ -99,6 +152,13 @@ var DraftUtils = {
   // 文字列から改行と空白文字を取り除く
   trim: function(str) {
     return str.replace(/\s+/g, "");
+  },
+  // 下書きの ID を作る（サーバーが受け付けるのは英小文字と数字のみ）
+  newId: function() {
+    return new Date().getTime().toString(36) + Math.random().toString(36).slice(2, 10);
+  },
+  find: function(items, id) {
+    return $.grep(items, function(item) { return item.id == id; })[0];
   }
 };
 
@@ -108,12 +168,17 @@ var DraftUtils = {
 
 // 保存対象のテキストエリア
 var textarea = $("[name=body]");
+// 日記の更新フォーム
+var form = textarea.closest("form");
 // 下書き一覧を表示するセレクトボックス
 var select = $("[name=drafts]");
 // 自動保存の間隔（ミリ秒）
 var autoSaveInterval = 5 * 1000;
+// サーバーへ保存する間隔（ミリ秒）
+var syncInterval = $tDiary.plugin.draft.interval * 1000;
 
-var draft = new Draft(localStorage, textarea.val());
+var draft = new Draft(localStorage, textarea.val(), $tDiary.plugin.draft.server);
+var syncing = false;
 
 // 下書き保存
 saveDraft = function() {
@@ -122,26 +187,61 @@ saveDraft = function() {
 };
 // 下書き読み込み
 loadDraft = function() {
-  textarea.val(draft.load(select.val()));
+  var value = draft.load(select.val());
+  if (value != null) {
+    textarea.val(value);
+  }
   showSelectForm(false);
 };
+// サーバーに無い下書きをサーバーへ保存
+syncDraft = function(keepalive) {
+  var items = $.map(draft.pending(), function(item) {
+    return { id: item.id, date: item.date, value: item.value };
+  });
+  if (syncing || items.length == 0) { return; }
+  var params = new URLSearchParams();
+  params.append("plugin", "draft");
+  params.append("plugin_draft_sync", JSON.stringify(items));
+  form.find("[name=csrf_protection_key]").each(function() {
+    params.append("csrf_protection_key", $(this).val());
+  });
+  syncing = true;
+  fetch(form.attr("action"), { method: "POST", body: params, keepalive: keepalive })
+    .then(function(response) {
+      if (response.ok) { draft.markSynced(items); }
+    }, function() {})
+    .then(function() { syncing = false; });
+};
 // 下書き選択用のセレクトボックスを描画
-showSelectForm = function(keepIndex) {
-  var index = select.val();
+showSelectForm = function(keepSelection) {
+  var selected = select.val();
   select.empty();
-  $.each(draft.titles(), function(i, title) {
-    select.append($("<option/>").attr("value", i).text(title));
-    select.val(i);
+  $.each(draft.titles(), function(i, item) {
+    select.append($("<option/>").attr("value", item.id).text(item.title));
   });
-  if (keepIndex) {
-    select.val(index);
+  if (!(keepSelection && selected)) {
+    selected = draft.current || select.children().last().val();
   }
+  select.val(selected);
 };
 
 // DOMイベント設定
 $("#draft_load").click(loadDraft);
 setInterval(saveDraft, autoSaveInterval);
+setInterval(function() { syncDraft(false); }, syncInterval);
 textarea.change(saveDraft);
+// タブを閉じる・切り替える前に保存する
+$(document).on("visibilitychange", function() {
+  if (document.visibilityState == "hidden") {
+    saveDraft();
+    syncDraft(true);
+  }
+});
+// 日記として投稿する下書きをサーバーに知らせる
+form.submit(function() {
+  saveDraft();
+  $("[name=plugin_draft_id]").val(draft.current || "");
+});
 
 showSelectForm(false);
 // console.log("ready");

data/js/image.js

@@ -18,20 +18,57 @@ $(function(){
 		$(this).css('cursor', 'default');
 	})
 	.on('click', '.image-img', function(){
-		var idx = this.id.replace('image-index-', '');
-		var w = $('#image-info-' + idx + ' .image-width').text();
-		var h = $('#image-info-' + idx + ' .image-height').text();
-		$('#body').insertAtCaret($.makePluginTag('image', function(){
-			return [idx, "'" + $tDiary.plugin.image.alt + "'", 'nil', '[' + w + ',' + h + ']']
-		}));
+		$('#body').insertAtCaret(imageTag(this));
 	});
-	
+
+	var imageTag = function(img, context){
+		var idx = img.id.replace('image-index-', '');
+		var w = $('#image-info-' + idx + ' .image-width', context).text();
+		var h = $('#image-info-' + idx + ' .image-height', context).text();
+		return $.makePluginTag('image', function(){
+			return [idx, "'" + $tDiary.plugin.image.alt + "'", 'nil', '[' + w + ',' + h + ']']
+		});
+	};
+
+	var imageFiles = function(files){
+		return $.grep(files, function(file){
+			return /^image\//.test(file.type);
+		});
+	};
+
+	var shrink = function(file){
+		if(!window.createImageBitmap || file.type == 'image/gif'){
+			return Promise.resolve(file);
+		}
+		return createImageBitmap(file, {imageOrientation: 'from-image'}).then(function(bitmap){
+			var scale = Math.min(1, $tDiary.plugin.image.resize / Math.max(bitmap.width, bitmap.height));
+			var type = file.type == 'image/png' && scale == 1 ? 'image/png' : 'image/jpeg';
+			var canvas = document.createElement('canvas');
+			canvas.width = Math.max(1, Math.round(bitmap.width * scale));
+			canvas.height = Math.max(1, Math.round(bitmap.height * scale));
+			var context = canvas.getContext('2d');
+			if(type == 'image/jpeg'){
+				context.fillStyle = '#fff';
+				context.fillRect(0, 0, canvas.width, canvas.height);
+			}
+			context.drawImage(bitmap, 0, 0, canvas.width, canvas.height);
+			bitmap.close();
+			return new Promise(function(resolve){
+				canvas.toBlob(function(blob){
+					resolve(blob || file);
+				}, type, 0.85);
+			});
+		}).catch(function(){
+			return file;
+		});
+	};
+
 	var ImagePlugin = function(url){
 		this.url =url;
 	};
 	ImagePlugin.prototype = {
-		upload: function(formData, callback){
-			$.ajax({
+		upload: function(formData){
+			return $.ajax({
 				url: this.url,
 				type: 'post',
 				data: formData,
@@ -41,9 +78,6 @@ $(function(){
 					$('#plugin-image-addimage input[type="submit"]').attr('disabled', 'disabled');
 					$('#plugin-image-uploading').show();
 				},
-				success: function(data){
-					callback(data);
-				},
 				complete: function(){
 					$('#plugin-image-addimage input[type="submit"]').removeAttr('disabled');
 					$('#plugin-image-uploading').hide();
@@ -74,40 +108,96 @@ $(function(){
 		}
 		e.preventDefault();
 		
-		uploadFiles(this.plugin_image_file.files);
+		uploadFiles($.makeArray(this.plugin_image_file.files));
 		this.reset();
 		return false;
 	});
 	
+	var replaceMarker = function(marker, text){
+		var body = $('#body').get(0);
+		var start = body.value.indexOf(marker);
+		if(start < 0){
+			if(text){
+				$('#body').insertAtCaret(text);
+			}
+			return;
+		}
+		var end = start + marker.length;
+		body.setRangeText(text, start, end, body.selectionStart == end ? 'end' : 'preserve');
+	};
+
+	var uploads = 0;
+	var uploading = Promise.resolve();
 	var uploadFiles = function(files) {
-		var formData = new FormData();
-		formData.append('plugin', 'image');
-		$.each($('#plugin-image-addimage input[type="hidden"]'), function(){
-			formData.append($(this).attr('name'), $(this).val());
-		});
-		$.each(files, function(i, file){
-			formData.append('plugin_image_file', file);
-		});
+		if(!files.length){
+			return false;
+		}
+		var marker = '[Uploading image ' + (++uploads) + '...]';
+		$('#body').insertAtCaret(marker);
+		uploading = uploading.then(function(){
+			return files.reduce(function(shrunk, file){
+				return shrunk.then(function(images){
+					return shrink(file).then(function(image){
+						return images.concat([image]);
+					});
+				});
+			}, Promise.resolve([]));
+		}).then(function(images){
+			var formData = new FormData();
+			formData.append('plugin', 'image');
+			formData.append('plugin_image_addimage', 'true');
+			formData.append('date', $tDiary.plugin.image.date);
+			$('form.update [name=csrf_protection_key]').first().each(function(){
+				formData.append(this.name, this.value);
+			});
+			$.each(images, function(i, image){
+				formData.append('plugin_image_file', image, image.name || (image.type == 'image/png' ? 'image.png' : 'image.jpg'));
+			});
 
-		var imagePlugin = new ImagePlugin($(this).attr('action'));
-		imagePlugin.upload(formData, function(result){
+			var imagePlugin = new ImagePlugin($('form.update').attr('action'));
+			return imagePlugin.upload(formData);
+		}).then(function(result){
+			var list = $('#plugin-image-delimage', result).parents('div.form');
+			var tags = $.map(list.find('.image-img[data-added]'), function(img){
+				return imageTag(img, list);
+			});
+			if(!tags.length){
+				throw new Error('no image was saved');
+			}
 			$('#plugin-image-delimage').parents('div.form').remove();
 			$('<div>')
 				.attr({
 					'class': 'form'
 				})
-				.append($('#plugin-image-delimage', result).parents('div.form').html())
+				.append(list.html())
 				.insertBefore('#plugin-image-addimage');
 			var timestamp = new Date().getTime();
 			$.each($('#plugin-image-delimage img'), function(){
 				$(this).attr('src', $(this).attr('src') + '?' + timestamp);
 			});
+			replaceMarker(marker, tags.join("\n"));
+		}).catch(function(error){
+			replaceMarker(marker, '');
+			console.error(error);
+			alert($tDiary.plugin.image.failed);
 		});
 		return false;
 	};
 
-	$('#plugin-image-delimage')
-	.on('submit', function(e){
+	$('#body').on('paste', function(e){
+		var clipboard = e.originalEvent.clipboardData;
+		if(!clipboard || $.inArray('text/plain', clipboard.types) >= 0){
+			return;
+		}
+		var files = imageFiles(clipboard.files);
+		if(files.length){
+			e.preventDefault();
+			this.setRangeText('', this.selectionStart, this.selectionEnd, 'end');
+			uploadFiles(files);
+		}
+	});
+
+	$(document).on('submit', '#plugin-image-delimage', function(e){
 		e.preventDefault();
 		
 		var ids = $.map($('#image-table input[name="plugin_image_id"]:checked'), function(i){
@@ -147,14 +237,23 @@ $(function(){
 				$('#plugin_image_dnd').hide();
 				$(this).css('border', 'dashed 3px #CCC');
 				$('#plugin-image-addimage form').show();
-				var files = e.originalEvent.dataTransfer.files;
-				uploadFiles(files);
+				uploadFiles($.makeArray(e.originalEvent.dataTransfer.files));
 				return false;
 			})
 			.text($tDiary.plugin.image.drop_here)
 			.hide()
 			.appendTo('#plugin-image-addimage');
 
+		$('#body').on('drop', function(e){
+			var files = imageFiles(e.originalEvent.dataTransfer.files);
+			if(files.length){
+				e.preventDefault();
+				$('#plugin_image_dnd').hide();
+				$('#plugin-image-addimage form').show();
+				uploadFiles(files);
+			}
+		});
+
 		var dnd_timer = false;
 		$('body')
 			.on('dragenter', function() {

data/lib/tdiary/version.rb

@@ -1,3 +1,3 @@
 module TDiary
-	VERSION = "5.6.0"
+	VERSION = "5.6.1"
 end