ド馬: ページの作成:「/*********************************************** * PukiWiki pcommentプラグイン風コメントボックス * * by pneuma01 ***********************************************/ var i18n = { summary_edit_with_pcomment: "PCommentでコメント", send_button_caption: "コメントを追加" }; $(function () { const intersectionObserver = new IntersectionObserver(function (entries) { entries.forEach(function (entry) { //画面内…」

2024-08-06T13:08:07Z

ページの作成:「********************************************** * PukiWiki pcommentプラグイン風コメントボックス * * by pneuma01 **********************************************: var i18n = { summary_edit_with_pcomment: "PCommentでコメント", send_button_caption: "コメントを追加" }; $(function () { const intersectionObserver = new IntersectionObserver(function (entries) { entries.forEach(function (entry) { //画面内…」

新規ページ

/***********************************************
* PukiWiki pcommentプラグイン風コメントボックス
*
* by pneuma01
***********************************************/
var i18n = {
summary_edit_with_pcomment: "PCommentでコメント",
send_button_caption: "コメントを追加"
};

$(function () {

const intersectionObserver = new IntersectionObserver(function (entries) {
entries.forEach(function (entry) {
//画面内に入った
if (entry.isIntersecting) {

//コメント読み込み
loadComment(entry);

//監視対象の解除
intersectionObserver.unobserve(entry.target);
}
});
});

//監視開始
var observe_target = document.querySelectorAll(".pcomment-widget");
observe_target.forEach(function (element) {
intersectionObserver.observe(element);
});

});

//コメント読み込み
function loadComment(entry) {

//トークページ名を取得(存在しない場合でも)
var targetPage = entry.target.getAttribute("data-page") || mw.config.get('wgPageName');
var talkPage = new mw.Title( targetPage ).getTalkPage().getPrefixedText();

//トークページのwikitextを取得
$.when(new mw.Api().get({
action: 'query',
format: 'json',
titles: talkPage,
prop: 'revisions',
meta: 'tokens',
type: 'csrf',
rvprop: 'content|ids',
indexpageids: 1,
formatversion: '2',
rvslots: 'main'
}),
mw.user.getGroups()
).done(function (result, userGroups) {
result = result[0].query;
var page = result.pages[0];

//衝突防止のためにリビジョンを記録
if(page.revisions){
entry.target.dataset.revid = page.revisions[0].revid;
}
entry.target.dataset.csrftoken = result.tokens.csrftoken;

//非ログインユーザーにもコメントできるか？
var GuestUser = false;
if(entry.target.getAttribute("data-deny-guest")){
GuestUser = (userGroups.indexOf("user") == -1);
}

var wikitext = page.revisions && page.revisions[0].slots.main.content || "";
var lines = wikitext.split(/\r\n|\n|\r/);
var sections = [];
var lists = {};
var lists_count = 0;
var tree = {children: [], level: 0, text: "root"};
var curtree = tree;
var last_lvl = 1;
for (var i = 0; i < lines.length; i++) {
//セクションの位置を取得
if (lines[i].match(/^=+[^=]+=+$/)) {
sections.push({ index: sections.length, line: i, title: lines[i].match(/^=+([^=]+)=+$/)[1].trim() });
continue;
}

//*(<li>)の行番号を取得
if (lines[i].match(/^\*+/)) {
lists[i] = { index: lists_count++, line: i, section: sections.length - 1};

var m = lines[i].match(/^(\*+)/);
var astarisk = m[1];

//ツリーの始まりを記憶
if(astarisk.length == 1){
lists[i].toplevel = true;
}

//ツリーを記憶
{
var treedata = {line: i, level: astarisk.length, children: []};

if(astarisk.length < last_lvl){
do{
curtree = curtree.parent;
} while (curtree && curtree.level >= astarisk.length);
treedata.parent = curtree;
}

if(astarisk.length > last_lvl){
curtree = curtree.children[curtree.children.length-1];
}

treedata.parent = curtree;

curtree.children.push( treedata );

lists[i].tree = treedata;
}

last_lvl = astarisk.length;
}
}

//セクションがまだ存在しないならデフォルト
if (sections.length == 0) {
sections.push(
{ index: 0, line: -1, title: "PComment" }
);
}

//引数を取得
var sectionName = entry.target.getAttribute("data-section") || sections[sections.length - 1].title;
var sectionId = sections.length - 1;
var max = entry.target.getAttribute("data-max") || 10;

//引数の名前からセクションを特定する
for (i = 0; i < sections.length; i++) {
if (sections[i].title == sectionName) {
sectionId = sections[i].index;
break;
}
}

//次のセクションの先頭行を取得(セクション範囲識別に使用)
var nextSectionLine = lines.length;
if (sectionId > -1 && sections.length - 1 > sectionId) {
nextSectionLine = sections[sectionId + 1].line;
}

//コメントツリーの最後の行を取得するための関数
function getLast(obj){
if(obj.children.length){
return getLast(obj.children[obj.children.length -1]);
}
return obj.line;
}

//wikitextを指定レス分で抽出する
var new_lines = [];
var count = 1;
for (i = lines.length - 1; i >= 0; i--) {
//関係ないセクションはスキップ
if (i <= sections[sectionId].line || i >= nextSectionLine) {
continue;
}

var line = lines[i];

if (!GuestUser && lists[i]) {
//リスト構文の先頭にラジオボタン(予定地)を挿入する
var m = line.match(/^(\*+)([^\*].+)$/);
var astarisk = m[1];
var comment = m[2];

//最後のレスの行を取得
var lastlinenum = i;
if(lists[i].tree){
lastlinenum = getLast(lists[i].tree);
}

line = astarisk + "<span class='pcomment-radio' data-group='sec" + lists[i].section + "' data-line='" + lastlinenum + "' data-level='" + astarisk + "'></span>" + comment;

if (lists[i].toplevel) {
count++;
}
}
new_lines.push(line);

//指定のレス数に達したのでループを抜ける
if (count > max) break;
}

//抜き取った行をwikitextに変換する
wikitext = new_lines.reverse().join("\n");

// APIでWikitextをパースする
new mw.Api().parse(wikitext).done(function (data) {
//htmlを生成
var $html = $(data).removeClass('noscript');

//OOUIのラジオボタンを生成して挿入
$html.find("span.pcomment-radio").each(function () {

var val = {
line: $(this).attr('data-line'),
level: $(this).attr('data-level')
};

$(this).replaceWith(
new OO.ui.RadioInputWidget({ name: $(this).attr('data-group'), value: JSON.stringify(val) }).$element
);
});

//テキストボックスと送信ボタンを追加
if(!GuestUser){
var $text = new OO.ui.TextInputWidget();
var $button = new OO.ui.ButtonWidget({ label: i18n.send_button_caption, flags: ["primary", "progressive"] });
$html.append(
$("<div>", { class: "pcomment-toolbar", "data-section-end": nextSectionLine}).append(
$text.$element.addClass('pcomment-text').css("display", "inline-block"),
$button.$element.on('click', function(){

var selected = $(this).parents(".pcomment-widget").find("input:checked");
var section_end = $(this).parents(".pcomment-toolbar").attr("data-section-end");
var text = $(this).parent().find('.pcomment-text input').val();

if(text.trim().length == 0) {
//空送信を防止する
return;
}
$text.setDisabled(true);
$button.setDisabled(true);

$(this).parents(".pcomment-toolbar").prepend(
new OO.ui.ProgressBarWidget({ progress:false }).$element.addClass("oo-ui-pendingElement-pending")
);

var comment = {
targetPage: talkPage,
section_end: section_end,
wikitext: "* " + text + "--~" + "~" + "~" + "~",
entry: entry
};

if(selected.length){
var opt = JSON.parse(selected.val());
comment.line = opt.line;
comment.level = opt.level;
}

postComment(comment);
})
)
);
}

// できたHTMLの差し込み
$(entry.target).html("").append($html);

// 他のスクリプトへ読み込み完了通知
mw.hook('wikipage.content').fire($(entry.target));
});

});
}

function getRevIndex(revisions, revid){
for(var i=0; i<revisions.length; i++) {
if(revisions[i].revid == revid){
return i;
}
}
return -1;
}

//コメント追加用
function postComment(option) {

var query = {
action: 'query',
format: 'json',
prop: 'revisions',
titles: option.targetPage,
rvprop: 'content|ids',
rvslots: 'main',
indexpageids: 1,
formatversion: '2'
};

var oldrevid = option.entry.target.dataset.revid;

//元の版で取得
if(oldrevid) {
query.rvendid = oldrevid;
}

//最後のページ内容を取得
new mw.Api().get(query).done(function (result) {
result = result.query;
var page = result.pages[0];
var oldText = "";
var currevid = page.revisions && page.revisions[0].revid;
var linenum = option.line && option.line*1;
var section_end = option.section_end && option.section_end*1;

if(page.revisions){
oldText = page.revisions[0].slots.main.content;
}

//行で分割する
var new_lines = oldText.split(/\r\n|\n|\r/);

//リビジョンが更新されていた場合、該当する行番号へ更新
if(currevid != oldrevid) {
var index = getRevIndex(oldrevid);
oldText = page.revisions[ index ].slots.main.content;
var old_lines = oldText.split(/\r\n|\n|\r/);
var target_line;

if(option.line) {
target_line = old_lines[ linenum ];
linenum = new_lines.indexOf( target_line );
}

if(option.section_end){
if(section_end < old_lines.length - 2){
target_line = old_lines[ section_end + 1 ];
section_end = new_lines.indexOf( target_line ) - 1;
} else {
section_end = old_lines.length - 1;
}
}
}

if(linenum){
//レスする行が指定されているならコメントを挿入
new_lines.splice(linenum + 1, 0, option.level + option.wikitext);
} else if(section_end){
//レス行未指定
new_lines.splice(section_end, 0, option.wikitext);
} else {
new_lines.push(option.wikitext);
}

var newText = new_lines.join("\n");

//あたらしい内容を送信する
new mw.Api().post({
action: 'edit',
title: option.targetPage,
text: newText,
summary: i18n.summary_edit_with_pcomment,
token: option.entry.target.dataset.csrftoken
}).always(function () {
loadComment(option.entry);
});
});
}

MediaWiki:Gadget-pcomment.js - 版の履歴