Skip to content

Commit

Permalink
auto generate
Browse files Browse the repository at this point in the history
  • Loading branch information
github-actions committed Oct 7, 2023
1 parent 65f50b0 commit b1696a8
Show file tree
Hide file tree
Showing 4 changed files with 691 additions and 1 deletion.
1 change: 0 additions & 1 deletion .gitignore
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
.idea
node_modules
.DS_Store
/dist
*.iml
317 changes: 317 additions & 0 deletions dist/bundle.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,317 @@
/* Version: 0.0.8 - October 7, 2023 04:18:38 */
// ==UserScript==
// @name niwango.js live loader
// @namespace https://xpadev.net/
// @version 0.0.8
// @description ニコニコ動画上でニワン語を実行するための試験的スクリプト
// @author xpadev
// @match https://www.nicovideo.jp/watch/*
// @grant none
// ==/UserScript==
/*!
niwango.js live loader
(c) 2023 xpadev-net https://xpadev.net
Released under the MIT License.
*/
/**
* # 【重要】利用される方へ
* 処理に使用しているniwango.jsはまだ開発途中であり、予期しない不具合によって異常な負荷がかかったり、突然動作しなくなったりする可能性があります
* 使用する際は自己責任でお願いします
*
* # 使い方
* 1. このスクリプトをTampermonkeyなどのユーザースクリプトマネージャーに登録する
* 2. ニコニコ動画の動画再生ページを開く
* 3. シークバーを動画の開始地点まで移動する
* 4. 動画再生画面の右側の「コメントリスト」タブを開く
* 5. 「コメントリスト」タブの下にある「ﾆﾜ」ボタンを押す
*
* # 更新について
* GitHub上に公開されている最新のコードを自動的に読み込むため、基本的に更新は必要ありません
*/

(function (factory) {
typeof define === 'function' && define.amd ? define(factory) :
factory();
})((function () { 'use strict';

/******************************************************************************
Copyright (c) Microsoft Corporation.
Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
PERFORMANCE OF THIS SOFTWARE.
***************************************************************************** */
function __awaiter(thisArg, _arguments, P, generator) {
function adopt(value) {
return value instanceof P ? value : new P(function (resolve) {
resolve(value);
});
}
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) {
try {
step(generator.next(value));
} catch (e) {
reject(e);
}
}
function rejected(value) {
try {
step(generator["throw"](value));
} catch (e) {
reject(e);
}
}
function step(result) {
result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
}
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
}
function __generator(thisArg, body) {
var _ = {
label: 0,
sent: function () {
if (t[0] & 1) throw t[1];
return t[1];
},
trys: [],
ops: []
},
f,
y,
t,
g;
return g = {
next: verb(0),
"throw": verb(1),
"return": verb(2)
}, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
return this;
}), g;
function verb(n) {
return function (v) {
return step([n, v]);
};
}
function step(op) {
if (f) throw new TypeError("Generator is already executing.");
while (g && (g = 0, op[0] && (_ = 0)), _) try {
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
if (y = 0, t) op = [op[0] & 2, t.value];
switch (op[0]) {
case 0:
case 1:
t = op;
break;
case 4:
_.label++;
return {
value: op[1],
done: false
};
case 5:
_.label++;
y = op[1];
op = [0];
continue;
case 7:
op = _.ops.pop();
_.trys.pop();
continue;
default:
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
_ = 0;
continue;
}
if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
_.label = op[1];
break;
}
if (op[0] === 6 && _.label < t[1]) {
_.label = t[1];
t = op;
break;
}
if (t && _.label < t[2]) {
_.label = t[2];
_.ops.push(op);
break;
}
if (t[2]) _.ops.pop();
_.trys.pop();
continue;
}
op = body.call(thisArg, _);
} catch (e) {
op = [6, e];
y = 0;
} finally {
f = t = 0;
}
if (op[0] & 5) throw op[1];
return {
value: op[0] ? op[1] : void 0,
done: true
};
}
}

var typeguard = {
threadsApiResponse: function (i) {
return !!i &&
typeof i === "object" &&
i.meta.status === 200;
},
};

var Niwango_IFrame_SrcDoc = "<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n <meta charset=\"UTF-8\">\n <script src=\"https://unpkg.com/@xpadev-net/[email protected]/dist/bundle.js\"></script>\n <script src=\"https://unpkg.com/@xpadev-net/[email protected]/dist/bundle.js\"></script>\n <script src=\"https://xpadev-net.github.io/niwango.js/niwango.js\"></script>\n</head>\n<body>\n<canvas id=\"canvas\" width=\"1920\" height=\"1080\"></canvas>\n<div id=\"loading\">読み込み中...</div>\n</body>\n<script>\n let nico,interval=0,currentTime=0,videoMicroSec=false,cursorPos={x:0,y:0};\n const canvasElement = document.getElementById(\"canvas\");\n const vpos = () => {\n if (!videoMicroSec) {\n return Math.floor(currentTime * 100);\n }\n return Math.floor(\n (performance.now() - videoMicroSec.microsec) / 10 +\n videoMicroSec.currentTime * 100\n );\n }\n const updateCanvas = () => {\n if (!nico) return;\n nico.drawCanvas(vpos(),true,cursorPos);\n };\n const init = (data) => {\n document.getElementById(\"loading\").remove();\n nico = new NiconiComments(canvasElement, data, {\n format: \"v1\",\n config: {\n plugins: window.PluginNiwango ? [window.PluginNiwango(window.Niwango)] : [],\n },\n });\n if (!interval){\n interval = setInterval(updateCanvas, 1);\n }\n }\n\n const updateTime = (_currentTime, paused) => {\n if (!paused) {\n videoMicroSec = {\n currentTime: _currentTime,\n microsec: performance.now(),\n };\n } else {\n currentTime = _currentTime;\n videoMicroSec = false;\n }\n };\n window.init=init;\n window.updateTime=updateTime;\n window.onload = async() => {\n const currentVersion = '0.0.8';\n try{\n const req = await fetch(\"https://xpadev-net.github.io/niwango-live-loader/package.json\");\n const json = await req.json();\n if (json.version !== currentVersion) {\n const newer = json.version.match(/(?<major>\\d)\\.(?<minor>\\d)\\.(?<patched>\\d)/);\n const current = currentVersion.match(/(?<major>\\d)\\.(?<minor>\\d)\\.(?<patched>\\d)/);\n const element = document.createElement(\"div\");\n element.innerHTML = `<div style=\"position: absolute;right: 0;bottom: 0;font-size: 20px;color: #fff;background: rgba(0,0,0,0.5);padding: 10px;\">新しいバージョンがリリースされています。最新版への更新をお願いします</div>`\n document.body.append(element);\n if (newer.groups.major === current.groups.major){\n setTimeout(()=>element.remove(),5000);\n }\n }\n }catch (_){\n const element = document.createElement(\"div\");\n element.innerHTML = `<div style=\"position: absolute;right: 0;bottom: 0;font-size: 20px;color: #fff;background: rgba(0,0,0,0.5);padding: 10px;\">バージョン情報の取得に失敗しました<br>ネットワークの接続とUserScriptの更新を確認してください</div>`\n document.body.append(element);\n setTimeout(()=>element.remove(),5000);\n }\n }\n canvasElement.onmousemove = (e) => {\n cursorPos = {\n x: e.offsetX * (canvasElement.width / canvasElement.clientWidth),\n y: e.offsetY * (canvasElement.height / canvasElement.clientHeight),\n }\n }\n canvasElement.onmouseout = () => {\n cursorPos = undefined;\n }\n canvasElement.onclick = (e) => {\n nico.click(vpos(),{\n x: e.offsetX * (canvasElement.width / canvasElement.clientWidth),\n y: e.offsetY * (canvasElement.height / canvasElement.clientHeight),\n });\n }\n</script>\n<style>\n *{\n margin: 0;\n padding: 0;\n }\n html,body,#canvas{\n width: 100%;\n height: 100%;\n background: transparent;\n overflow: hidden;\n }\n #loading{\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%,-50%);\n font-size: 50px;\n color: #fff;\n background: rgba(0,0,0,0.5);\n }\n #canvas{\n object-fit: contain;\n }\n</style>\n</html>";

var Niwango_Loader_Id = "niwango-loader";
var Niwango_IFrame_Id = "niwango-iframe";
(function () {
var _this = this;
var lastComment;
var originalFetch = window.fetch;
window.fetch = function () {
var args = [];
for (var _i = 0; _i < arguments.length; _i++) {
args[_i] = arguments[_i];
}
return __awaiter(this, void 0, void 0, function () {
var request, result;
return __generator(this, function (_a) {
switch (_a.label) {
case 0: return [4, originalFetch.apply(void 0, args)];
case 1:
request = _a.sent();
if (!(args[0] === "https://nvcomment.nicovideo.jp/v1/threads")) return [3, 3];
return [4, request.clone().json()];
case 2:
result = (_a.sent());
if (typeguard.threadsApiResponse(result)) {
lastComment = result.data.threads;
}
_a.label = 3;
case 3: return [2, request];
}
});
});
};
var getElement = function (selector) {
return new Promise(function (resolve) {
var interval = setInterval(function () {
var target = document.getElementsByClassName(selector);
if (Array.from(target).length > 0) {
clearInterval(interval);
resolve(Array.from(target));
}
}, 200);
});
};
var interval = 0;
var setup = function () { return __awaiter(_this, void 0, void 0, function () {
var player, CommentRenderer, commentCanvas, eventHandlerCanvas, iframe;
var _a;
return __generator(this, function (_b) {
switch (_b.label) {
case 0: return [4, getElement("VideoContainer")];
case 1:
player = (_b.sent())[0];
if (!player)
throw new Error("failed to get player element");
CommentRenderer = player.getElementsByClassName("CommentRenderer")[0];
if (!CommentRenderer)
throw new Error("failed to get CommentRenderer element");
commentCanvas = CommentRenderer.getElementsByTagName("canvas")[0];
if (!commentCanvas)
throw new Error("failed to get commentCanvas element");
eventHandlerCanvas = player.getElementsByClassName("VideoSymbolContainer-canvas")[0];
if (!eventHandlerCanvas)
throw new Error("failed to get eventHandlerCanvas element");
commentCanvas.style.display = "none";
(_a = document.getElementById(Niwango_IFrame_Id)) === null || _a === void 0 ? void 0 : _a.remove();
clearInterval(interval);
iframe = document.createElement("iframe");
iframe.id = Niwango_IFrame_Id;
iframe.srcdoc = Niwango_IFrame_SrcDoc;
iframe.setAttribute("style", "position: absolute;left: 0;top: 0; width: 100%; height: 100%;border: none;");
iframe.setAttribute("frameborder", "0");
eventHandlerCanvas.after(iframe);
iframe.onload = function () {
iframe.contentWindow.init(lastComment);
iframe.contentWindow.updateTime(0, true);
interval = window.setInterval(function () {
var _a;
if (!iframe) {
clearInterval(interval);
}
var currentTime = window.__videoplayer.currentTime();
var paused = window.__videoplayer.paused();
(_a = iframe.contentWindow) === null || _a === void 0 ? void 0 : _a.updateTime(currentTime, paused);
}, 100);
};
return [2];
}
});
}); };
var addButton = function () { return __awaiter(_this, void 0, void 0, function () {
var wrapper, loader;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
if (document.getElementById(Niwango_Loader_Id))
return [2];
return [4, getElement("DropDownMenu")];
case 1:
wrapper = (_a.sent())[0];
if (!wrapper)
throw new Error("failed to get wrapper element");
loader = document.createElement("div");
loader.innerHTML = "ﾆﾜ";
loader.setAttribute("style", "display: inline-block;padding: 4px;border: solid 1px;margin: 4px;cursor:pointer;");
loader.onclick = setup;
loader.id = Niwango_Loader_Id;
wrapper.after(loader);
return [2];
}
});
}); };
var init = function () { return __awaiter(_this, void 0, void 0, function () {
var commentListTab, _a, _b, observer, canonicalLink;
return __generator(this, function (_c) {
switch (_c.label) {
case 0:
clearInterval(interval);
_b = (_a = Array).from;
return [4, getElement("PlayerPanelContainer-tabItem")];
case 1:
commentListTab = _b.apply(_a, [_c.sent()]).filter(function (element) { return element.innerText === "コメントリスト"; })[0];
if (!commentListTab)
throw new Error("failed to get commentListTab element");
commentListTab.addEventListener("click", function () { return void addButton(); });
void addButton();
observer = new MutationObserver(function () {
var _a;
observer.disconnect();
(_a = document.getElementById(Niwango_IFrame_Id)) === null || _a === void 0 ? void 0 : _a.remove();
});
canonicalLink = document.querySelector("link[rel=canonical]");
if (!canonicalLink)
throw new Error("failed to get ContentTree element");
observer.observe(canonicalLink, { childList: true });
return [2];
}
});
}); };
void init();
})();

}));
Loading

0 comments on commit b1696a8

Please sign in to comment.