FA Embedded Image Viewer

Embeds the clicked Image on the Current Site, so you can view it without loading the submission Page

当前为 2025-02-02 提交的版本,查看 最新版本

  1. // ==UserScript==
  2. // @name FA Embedded Image Viewer
  3. // @namespace Violentmonkey Scripts
  4. // @match *://*.furaffinity.net/*
  5. // @require https://update.greasyfork.org/scripts/525666/1530872/Furaffinity-Prototype-Extensions.js
  6. // @require https://update.greasyfork.org/scripts/483952/1530883/Furaffinity-Request-Helper.js
  7. // @require https://update.greasyfork.org/scripts/492931/1530871/Furaffinity-Submission-Image-Viewer.js
  8. // @require https://update.greasyfork.org/scripts/485827/1530881/Furaffinity-Match-List.js
  9. // @require https://update.greasyfork.org/scripts/485153/1530882/Furaffinity-Loading-Animations.js
  10. // @require https://update.greasyfork.org/scripts/476762/1530884/Furaffinity-Custom-Pages.js
  11. // @require https://update.greasyfork.org/scripts/475041/1530885/Furaffinity-Custom-Settings.js
  12. // @grant GM_info
  13. // @version 2.4.0
  14. // @author Midori Dragon
  15. // @description Embeds the clicked Image on the Current Site, so you can view it without loading the submission Page
  16. // @icon https://www.furaffinity.net/themes/beta/img/banners/fa_logo.png
  17. // @license MIT
  18. // ==/UserScript==
  19. // jshint esversion: 8
  20. (() => {
  21. "use strict";
  22. var __webpack_modules__ = {
  23. 893: (module, __webpack_exports__, __webpack_require__) => {
  24. __webpack_require__.d(__webpack_exports__, {
  25. A: () => __WEBPACK_DEFAULT_EXPORT__
  26. });
  27. var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(601), _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = __webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__), _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(314), ___CSS_LOADER_EXPORT___ = __webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());
  28. ___CSS_LOADER_EXPORT___.push([ module.id, "#eiv-main {\n position: fixed;\n width: 100vw;\n height: 100vh;\n max-width: 1850px;\n z-index: 999999;\n background: rgba(30, 33, 38, .65);\n}\n\n#eiv-background {\n position: fixed;\n display: flex;\n flex-direction: column;\n left: 50%;\n transform: translate(-50%, 0%);\n margin-top: 20px;\n padding: 20px;\n background: rgba(30, 33, 38, .90);\n border-radius: 10px;\n}\n\n#eiv-submission-container {\n -webkit-user-drag: none;\n}\n\n.eiv-submission-img {\n max-width: inherit;\n max-height: inherit;\n border-radius: 10px;\n user-select: none;\n}\n\n#eiv-button-container {\n position: relative;\n margin-top: 20px;\n margin-bottom: 20px;\n margin-left: 20px;\n}\n\n#eiv-button-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n#eiv-preview-spinner-container {\n position: absolute;\n top: 50%;\n right: 0;\n transform: translateY(-50%);\n}\n\n.eiv-button {\n margin-left: 4px;\n margin-right: 4px;\n user-select: none;\n}\n", "" ]);
  29. const __WEBPACK_DEFAULT_EXPORT__ = ___CSS_LOADER_EXPORT___;
  30. },
  31. 314: module => {
  32. module.exports = function(cssWithMappingToString) {
  33. var list = [];
  34. list.toString = function toString() {
  35. return this.map((function(item) {
  36. var content = "", needLayer = void 0 !== item[5];
  37. if (item[4]) content += "@supports (".concat(item[4], ") {");
  38. if (item[2]) content += "@media ".concat(item[2], " {");
  39. if (needLayer) content += "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {");
  40. content += cssWithMappingToString(item);
  41. if (needLayer) content += "}";
  42. if (item[2]) content += "}";
  43. if (item[4]) content += "}";
  44. return content;
  45. })).join("");
  46. };
  47. list.i = function i(modules, media, dedupe, supports, layer) {
  48. if ("string" == typeof modules) modules = [ [ null, modules, void 0 ] ];
  49. var alreadyImportedModules = {};
  50. if (dedupe) for (var k = 0; k < this.length; k++) {
  51. var id = this[k][0];
  52. if (null != id) alreadyImportedModules[id] = true;
  53. }
  54. for (var _k = 0; _k < modules.length; _k++) {
  55. var item = [].concat(modules[_k]);
  56. if (!dedupe || !alreadyImportedModules[item[0]]) {
  57. if (void 0 !== layer) if (void 0 === item[5]) item[5] = layer; else {
  58. item[1] = "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {").concat(item[1], "}");
  59. item[5] = layer;
  60. }
  61. if (media) if (!item[2]) item[2] = media; else {
  62. item[1] = "@media ".concat(item[2], " {").concat(item[1], "}");
  63. item[2] = media;
  64. }
  65. if (supports) if (!item[4]) item[4] = "".concat(supports); else {
  66. item[1] = "@supports (".concat(item[4], ") {").concat(item[1], "}");
  67. item[4] = supports;
  68. }
  69. list.push(item);
  70. }
  71. }
  72. };
  73. return list;
  74. };
  75. },
  76. 601: module => {
  77. module.exports = function(i) {
  78. return i[1];
  79. };
  80. },
  81. 72: module => {
  82. var stylesInDOM = [];
  83. function getIndexByIdentifier(identifier) {
  84. for (var result = -1, i = 0; i < stylesInDOM.length; i++) if (stylesInDOM[i].identifier === identifier) {
  85. result = i;
  86. break;
  87. }
  88. return result;
  89. }
  90. function modulesToDom(list, options) {
  91. for (var idCountMap = {}, identifiers = [], i = 0; i < list.length; i++) {
  92. var item = list[i], id = options.base ? item[0] + options.base : item[0], count = idCountMap[id] || 0, identifier = "".concat(id, " ").concat(count);
  93. idCountMap[id] = count + 1;
  94. var indexByIdentifier = getIndexByIdentifier(identifier), obj = {
  95. css: item[1],
  96. media: item[2],
  97. sourceMap: item[3],
  98. supports: item[4],
  99. layer: item[5]
  100. };
  101. if (-1 !== indexByIdentifier) {
  102. stylesInDOM[indexByIdentifier].references++;
  103. stylesInDOM[indexByIdentifier].updater(obj);
  104. } else {
  105. var updater = addElementStyle(obj, options);
  106. options.byIndex = i;
  107. stylesInDOM.splice(i, 0, {
  108. identifier,
  109. updater,
  110. references: 1
  111. });
  112. }
  113. identifiers.push(identifier);
  114. }
  115. return identifiers;
  116. }
  117. function addElementStyle(obj, options) {
  118. var api = options.domAPI(options);
  119. api.update(obj);
  120. return function updater(newObj) {
  121. if (newObj) {
  122. if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) return;
  123. api.update(obj = newObj);
  124. } else api.remove();
  125. };
  126. }
  127. module.exports = function(list, options) {
  128. var lastIdentifiers = modulesToDom(list = list || [], options = options || {});
  129. return function update(newList) {
  130. newList = newList || [];
  131. for (var i = 0; i < lastIdentifiers.length; i++) {
  132. var index = getIndexByIdentifier(lastIdentifiers[i]);
  133. stylesInDOM[index].references--;
  134. }
  135. for (var newLastIdentifiers = modulesToDom(newList, options), _i = 0; _i < lastIdentifiers.length; _i++) {
  136. var _index = getIndexByIdentifier(lastIdentifiers[_i]);
  137. if (0 === stylesInDOM[_index].references) {
  138. stylesInDOM[_index].updater();
  139. stylesInDOM.splice(_index, 1);
  140. }
  141. }
  142. lastIdentifiers = newLastIdentifiers;
  143. };
  144. };
  145. },
  146. 659: module => {
  147. var memo = {};
  148. module.exports = function insertBySelector(insert, style) {
  149. var target = function getTarget(target) {
  150. if (void 0 === memo[target]) {
  151. var styleTarget = document.querySelector(target);
  152. if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) try {
  153. styleTarget = styleTarget.contentDocument.head;
  154. } catch (e) {
  155. styleTarget = null;
  156. }
  157. memo[target] = styleTarget;
  158. }
  159. return memo[target];
  160. }(insert);
  161. if (!target) throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
  162. target.appendChild(style);
  163. };
  164. },
  165. 540: module => {
  166. module.exports = function insertStyleElement(options) {
  167. var element = document.createElement("style");
  168. options.setAttributes(element, options.attributes);
  169. options.insert(element, options.options);
  170. return element;
  171. };
  172. },
  173. 56: (module, __unused_webpack_exports, __webpack_require__) => {
  174. module.exports = function setAttributesWithoutAttributes(styleElement) {
  175. var nonce = true ? __webpack_require__.nc : 0;
  176. if (nonce) styleElement.setAttribute("nonce", nonce);
  177. };
  178. },
  179. 825: module => {
  180. module.exports = function domAPI(options) {
  181. if ("undefined" == typeof document) return {
  182. update: function update() {},
  183. remove: function remove() {}
  184. };
  185. var styleElement = options.insertStyleElement(options);
  186. return {
  187. update: function update(obj) {
  188. !function apply(styleElement, options, obj) {
  189. var css = "";
  190. if (obj.supports) css += "@supports (".concat(obj.supports, ") {");
  191. if (obj.media) css += "@media ".concat(obj.media, " {");
  192. var needLayer = void 0 !== obj.layer;
  193. if (needLayer) css += "@layer".concat(obj.layer.length > 0 ? " ".concat(obj.layer) : "", " {");
  194. css += obj.css;
  195. if (needLayer) css += "}";
  196. if (obj.media) css += "}";
  197. if (obj.supports) css += "}";
  198. var sourceMap = obj.sourceMap;
  199. if (sourceMap && "undefined" != typeof btoa) css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
  200. options.styleTagTransform(css, styleElement, options.options);
  201. }(styleElement, options, obj);
  202. },
  203. remove: function remove() {
  204. !function removeStyleElement(styleElement) {
  205. if (null === styleElement.parentNode) return false;
  206. styleElement.parentNode.removeChild(styleElement);
  207. }(styleElement);
  208. }
  209. };
  210. };
  211. },
  212. 113: module => {
  213. module.exports = function styleTagTransform(css, styleElement) {
  214. if (styleElement.styleSheet) styleElement.styleSheet.cssText = css; else {
  215. for (;styleElement.firstChild; ) styleElement.removeChild(styleElement.firstChild);
  216. styleElement.appendChild(document.createTextNode(css));
  217. }
  218. };
  219. }
  220. }, __webpack_module_cache__ = {};
  221. function __webpack_require__(moduleId) {
  222. var cachedModule = __webpack_module_cache__[moduleId];
  223. if (void 0 !== cachedModule) return cachedModule.exports;
  224. var module = __webpack_module_cache__[moduleId] = {
  225. id: moduleId,
  226. exports: {}
  227. };
  228. __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
  229. return module.exports;
  230. }
  231. __webpack_require__.n = module => {
  232. var getter = module && module.__esModule ? () => module.default : () => module;
  233. __webpack_require__.d(getter, {
  234. a: getter
  235. });
  236. return getter;
  237. };
  238. __webpack_require__.d = (exports, definition) => {
  239. for (var key in definition) if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) Object.defineProperty(exports, key, {
  240. enumerable: true,
  241. get: definition[key]
  242. });
  243. };
  244. __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
  245. __webpack_require__.nc = void 0;
  246. __webpack_require__.d({}, {
  247. yr: () => closeEmbedAfterOpenSetting,
  248. xe: () => loadingSpinSpeedFavSetting,
  249. _d: () => loadingSpinSpeedSetting,
  250. h_: () => openInNewTabSetting,
  251. e2: () => previewQualitySetting,
  252. uL: () => requestHelper
  253. });
  254. class EmbeddedHTML {
  255. static get html() {
  256. return '\n<div id="eiv-background">\n <a id="eiv-submission-container"></a>\n <div id="eiv-button-container">\n <div id="eiv-button-wrapper">\n <a id="eiv-fav-button" type="button" class="eiv-button button standard mobile-fix">⠀⠀</a>\n <a id="eiv-download-button" type="button" class="eiv-button button standard mobile-fix">Download</a>\n <a id="eiv-open-button" type="button" class="eiv-button button standard mobile-fix">Open</a>\n <a id="eiv-open-gallery-button" type="button" class="eiv-button button standard mobile-fix" style="display: none;">Open Gallery</a>\n <a id="eiv-remove-sub-button" type="button" class="eiv-button button standard mobile-fix" style="display: none;">Remove Submission</a>\n <a id="eiv-close-button" type="button" class="eiv-button button standard mobile-fix">Close</a>\n </div>\n <div id="eiv-preview-spinner-container"></div>\n </div>\n</div>';
  257. }
  258. }
  259. var injectStylesIntoStyleTag = __webpack_require__(72), injectStylesIntoStyleTag_default = __webpack_require__.n(injectStylesIntoStyleTag), styleDomAPI = __webpack_require__(825), styleDomAPI_default = __webpack_require__.n(styleDomAPI), insertBySelector = __webpack_require__(659), insertBySelector_default = __webpack_require__.n(insertBySelector), setAttributesWithoutAttributes = __webpack_require__(56), setAttributesWithoutAttributes_default = __webpack_require__.n(setAttributesWithoutAttributes), insertStyleElement = __webpack_require__(540), insertStyleElement_default = __webpack_require__.n(insertStyleElement), styleTagTransform = __webpack_require__(113), styleTagTransform_default = __webpack_require__.n(styleTagTransform), Style = __webpack_require__(893), options = {};
  260. options.styleTagTransform = styleTagTransform_default();
  261. options.setAttributes = setAttributesWithoutAttributes_default();
  262. options.insert = insertBySelector_default().bind(null, "head");
  263. options.domAPI = styleDomAPI_default();
  264. options.insertStyleElement = insertStyleElement_default();
  265. injectStylesIntoStyleTag_default()(Style.A, options);
  266. Style.A && Style.A.locals && Style.A.locals;
  267. const string = class {
  268. static isNullOrWhitespace(str) {
  269. return null == str || "" === str.trim();
  270. }
  271. static isNullOrEmpty(str) {
  272. return null == str || "" === str;
  273. }
  274. };
  275. var __awaiter = function(thisArg, _arguments, P, generator) {
  276. return new (P || (P = Promise))((function(resolve, reject) {
  277. function fulfilled(value) {
  278. try {
  279. step(generator.next(value));
  280. } catch (e) {
  281. reject(e);
  282. }
  283. }
  284. function rejected(value) {
  285. try {
  286. step(generator.throw(value));
  287. } catch (e) {
  288. reject(e);
  289. }
  290. }
  291. function step(result) {
  292. result.done ? resolve(result.value) : function adopt(value) {
  293. return value instanceof P ? value : new P((function(resolve) {
  294. resolve(value);
  295. }));
  296. }(result.value).then(fulfilled, rejected);
  297. }
  298. step((generator = generator.apply(thisArg, _arguments || [])).next());
  299. }));
  300. };
  301. const embeddedModes = {
  302. watchesFavoriteViewer: "watchesfavoriteviewer"
  303. };
  304. class EmbeddedImage extends EventTarget {
  305. constructor(figure) {
  306. super();
  307. this.favRequestRunning = false;
  308. this.downloadRequestRunning = false;
  309. this._imageLoaded = false;
  310. Object.setPrototypeOf(this, EmbeddedImage.prototype);
  311. this.embeddedElem = document.createElement("div");
  312. this.createElements(figure);
  313. const submissionContainer = document.getElementById("eiv-submission-container"), previewLoadingSpinnerContainer = document.getElementById("eiv-preview-spinner-container");
  314. this.loadingSpinner = new window.FALoadingSpinner(submissionContainer);
  315. this.loadingSpinner.delay = loadingSpinSpeedSetting.value;
  316. this.loadingSpinner.spinnerThickness = 6;
  317. this.loadingSpinner.visible = true;
  318. this.previewLoadingSpinner = new window.FALoadingSpinner(previewLoadingSpinnerContainer);
  319. this.previewLoadingSpinner.delay = loadingSpinSpeedSetting.value;
  320. this.previewLoadingSpinner.spinnerThickness = 4;
  321. this.previewLoadingSpinner.size = 40;
  322. document.addEventListener("click", this.onDocumentClick.bind(this));
  323. this.fillSubDocInfos(figure);
  324. }
  325. static get embeddedExists() {
  326. return null != document.getElementById("eiv-main");
  327. }
  328. get onRemove() {
  329. return this._onRemove;
  330. }
  331. set onRemove(handler) {
  332. this._onRemove = handler;
  333. }
  334. onDocumentClick(event) {
  335. if (event.target === document.documentElement) this.remove();
  336. }
  337. onOpenClick() {
  338. if (closeEmbedAfterOpenSetting.value) this.remove();
  339. }
  340. onRemoveSubClick(figure) {
  341. return __awaiter(this, void 0, void 0, (function*() {
  342. const sid = figure.id.trimStart("sid-");
  343. this.remove();
  344. yield requestHelper.PersonalUserRequests.MessageRequests.NewSubmissions.removeSubmissions([ sid ]);
  345. figure.remove();
  346. }));
  347. }
  348. invokeRemove() {
  349. var _a;
  350. null === (_a = this._onRemove) || void 0 === _a || _a.call(this);
  351. this.dispatchEvent(new Event("remove"));
  352. }
  353. remove() {
  354. var _a;
  355. null === (_a = this.embeddedElem.parentNode) || void 0 === _a || _a.removeChild(this.embeddedElem);
  356. document.removeEventListener("click", this.onDocumentClick);
  357. this.invokeRemove();
  358. }
  359. createElements(figure) {
  360. var _a;
  361. this.embeddedElem.id = "eiv-main";
  362. this.embeddedElem.setAttribute("eiv-sid", figure.id.trimStart("sid-"));
  363. this.embeddedElem.innerHTML = EmbeddedHTML.html;
  364. document.getElementById("ddmenu").appendChild(this.embeddedElem);
  365. this.embeddedElem.addEventListener("click", (event => {
  366. if (event.target === this.embeddedElem) this.remove();
  367. }));
  368. const submissionContainer = document.getElementById("eiv-submission-container");
  369. if (openInNewTabSetting.value) submissionContainer.setAttribute("target", "_blank");
  370. submissionContainer.addEventListener("click", this.onOpenClick.bind(this));
  371. const userLink = function getByLinkFromFigcaption(figcaption) {
  372. var _a, _b, _c;
  373. if (null != figcaption) {
  374. const infos = figcaption.querySelectorAll("i");
  375. let userLink = null;
  376. for (const info of Array.from(infos)) if (null !== (_b = null === (_a = info.textContent) || void 0 === _a ? void 0 : _a.toLowerCase().includes("by")) && void 0 !== _b ? _b : false) {
  377. const linkElem = null === (_c = info.parentNode) || void 0 === _c ? void 0 : _c.querySelector("a[href][title]");
  378. if (linkElem) userLink = linkElem.getAttribute("href");
  379. }
  380. return userLink;
  381. }
  382. return null;
  383. }(figure.querySelector("figcaption"));
  384. if (null != userLink) {
  385. const galleryLink = userLink.trimEnd("/").replace("user", "gallery"), scrapsLink = userLink.trimEnd("/").replace("user", "scraps");
  386. if (!window.location.toString().includes(userLink) && !window.location.toString().includes(galleryLink) && !window.location.toString().includes(scrapsLink)) {
  387. const openGalleryButton = document.getElementById("eiv-open-gallery-button");
  388. openGalleryButton.style.display = "block";
  389. openGalleryButton.setAttribute("href", galleryLink);
  390. if (openInNewTabSetting.value) openGalleryButton.setAttribute("target", "_blank");
  391. openGalleryButton.addEventListener("click", this.onOpenClick.bind(this));
  392. }
  393. }
  394. const link = null === (_a = figure.querySelector("a[href]")) || void 0 === _a ? void 0 : _a.getAttribute("href"), openButton = document.getElementById("eiv-open-button");
  395. openButton.setAttribute("href", null != link ? link : "");
  396. if (openInNewTabSetting.value) openButton.setAttribute("target", "_blank");
  397. openButton.addEventListener("click", this.onOpenClick.bind(this));
  398. document.getElementById("eiv-close-button").addEventListener("click", this.remove.bind(this));
  399. const embeddedModesValues = Object.values(embeddedModes);
  400. if (window.location.toString().toLowerCase().includes("msg/submissions") && embeddedModesValues.every((mode => !window.location.toString().toLocaleLowerCase().includes(mode)))) {
  401. const removeSubButton = document.getElementById("eiv-remove-sub-button");
  402. removeSubButton.style.display = "block";
  403. removeSubButton.addEventListener("click", (() => {
  404. this.onRemoveSubClick(figure);
  405. }));
  406. }
  407. document.getElementById("eiv-preview-spinner-container").addEventListener("click", (() => {
  408. this.previewLoadingSpinner.visible = false;
  409. }));
  410. }
  411. fillSubDocInfos(figure) {
  412. return __awaiter(this, void 0, void 0, (function*() {
  413. var _a, _b, _c;
  414. const sid = figure.id.split("-")[1], ddmenu = document.getElementById("ddmenu"), doc = yield requestHelper.SubmissionRequests.getSubmissionPage(sid);
  415. if (null != doc) {
  416. this.submissionImg = doc.getElementById("submissionImg");
  417. const imgSrc = this.submissionImg.src;
  418. let prevSrc = null !== (_a = this.submissionImg.getAttribute("data-preview-src")) && void 0 !== _a ? _a : void 0;
  419. if (!string.isNullOrWhitespace(prevSrc)) if (previewQualitySetting.value <= 2) prevSrc = null == prevSrc ? void 0 : prevSrc.replace("@600", "@200"); else if (3 === previewQualitySetting.value) prevSrc = null == prevSrc ? void 0 : prevSrc.replace("@600", "@300"); else if (4 === previewQualitySetting.value) prevSrc = null == prevSrc ? void 0 : prevSrc.replace("@600", "@400");
  420. const submissionContainer = document.getElementById("eiv-submission-container"), faImageViewer = new window.FAImageViewer(submissionContainer, imgSrc, prevSrc);
  421. faImageViewer.faImage.imgElem.id = "eiv-submission-img";
  422. faImageViewer.faImagePreview.imgElem.id = "eiv-preview-submission-img";
  423. faImageViewer.faImage.imgElem.classList.add("eiv-submission-img");
  424. faImageViewer.faImagePreview.imgElem.classList.add("eiv-submission-img");
  425. faImageViewer.faImage.imgElem.style.maxWidth = faImageViewer.faImagePreview.imgElem.style.maxWidth = window.innerWidth - 40 + "px";
  426. faImageViewer.faImage.imgElem.style.maxHeight = faImageViewer.faImagePreview.imgElem.style.maxHeight = window.innerHeight - ddmenu.clientHeight - 76 - 40 - 100 + "px";
  427. faImageViewer.addEventListener("image-load-start", (() => {
  428. this._imageLoaded = false;
  429. }));
  430. faImageViewer.addEventListener("image-load", (() => {
  431. this._imageLoaded = true;
  432. this.loadingSpinner.visible = false;
  433. this.previewLoadingSpinner.visible = false;
  434. }));
  435. faImageViewer.addEventListener("preview-image-load", (() => {
  436. this.loadingSpinner.visible = false;
  437. if (!this._imageLoaded) this.previewLoadingSpinner.visible = true;
  438. }));
  439. faImageViewer.load();
  440. const url = null === (_b = doc.querySelector('meta[property="og:url"]')) || void 0 === _b ? void 0 : _b.getAttribute("content");
  441. submissionContainer.setAttribute("href", null != url ? url : "");
  442. const result = function getFavKey(doc) {
  443. var _a, _b, _c, _d, _e, _f, _g;
  444. const columnPage = doc.getElementById("columnpage"), navbar = null == columnPage ? void 0 : columnPage.querySelector('div[class*="favorite-nav"]'), buttons = null !== (_a = null == navbar ? void 0 : navbar.querySelectorAll('a[class*="button"][href]')) && void 0 !== _a ? _a : [];
  445. let favButton;
  446. for (const button of Array.from(buttons)) if (null !== (_c = null === (_b = button.textContent) || void 0 === _b ? void 0 : _b.toLowerCase().includes("fav")) && void 0 !== _c ? _c : false) favButton = button;
  447. if (null != favButton) return {
  448. favKey: null !== (_e = null === (_d = favButton.getAttribute("href")) || void 0 === _d ? void 0 : _d.split("?key=")[1]) && void 0 !== _e ? _e : null,
  449. isFav: !(null !== (_g = null === (_f = favButton.getAttribute("href")) || void 0 === _f ? void 0 : _f.toLowerCase().includes("unfav")) && void 0 !== _g ? _g : true)
  450. };
  451. return null;
  452. }(doc), favButton = document.getElementById("eiv-fav-button");
  453. if (null == result) favButton.style.display = "none"; else {
  454. favButton.textContent = result.isFav ? "+Fav" : "-Fav";
  455. favButton.setAttribute("isFav", result.isFav.toString());
  456. favButton.setAttribute("key", null !== (_c = result.favKey) && void 0 !== _c ? _c : "");
  457. favButton.addEventListener("click", (() => {
  458. if (!this.favRequestRunning) this.doFavRequest(sid);
  459. }));
  460. }
  461. const downloadButton = document.getElementById("eiv-download-button");
  462. downloadButton.addEventListener("click", (() => {
  463. if (this.downloadRequestRunning) return;
  464. this.downloadRequestRunning = true;
  465. const loadingTextSpinner = new window.FALoadingTextSpinner(downloadButton);
  466. loadingTextSpinner.delay = loadingSpinSpeedFavSetting.value;
  467. loadingTextSpinner.visible = true;
  468. const iframe = document.createElement("iframe");
  469. iframe.style.display = "none";
  470. iframe.src = this.submissionImg.src + "?eiv-download";
  471. iframe.addEventListener("load", (() => {
  472. this.downloadRequestRunning = false;
  473. loadingTextSpinner.visible = false;
  474. setTimeout((() => {
  475. var _a;
  476. return null === (_a = iframe.parentNode) || void 0 === _a ? void 0 : _a.removeChild(iframe);
  477. }), 100);
  478. }));
  479. document.body.appendChild(iframe);
  480. }));
  481. }
  482. }));
  483. }
  484. doFavRequest(sid) {
  485. return __awaiter(this, void 0, void 0, (function*() {
  486. var _a, _b, _c;
  487. const favButton = document.getElementById("eiv-fav-button");
  488. this.favRequestRunning = true;
  489. const loadingTextSpinner = new window.FALoadingTextSpinner(favButton);
  490. loadingTextSpinner.delay = loadingSpinSpeedFavSetting.value;
  491. loadingTextSpinner.visible = true;
  492. let favKey = null !== (_a = favButton.getAttribute("key")) && void 0 !== _a ? _a : "", isFav = "true" === favButton.getAttribute("isFav");
  493. if (!string.isNullOrWhitespace(favKey)) {
  494. if (isFav) {
  495. favKey = null !== (_b = yield requestHelper.SubmissionRequests.favSubmission(sid, favKey)) && void 0 !== _b ? _b : "";
  496. loadingTextSpinner.visible = false;
  497. if (!string.isNullOrWhitespace(favKey)) {
  498. favButton.setAttribute("key", favKey);
  499. isFav = false;
  500. favButton.setAttribute("isFav", isFav.toString());
  501. favButton.textContent = "-Fav";
  502. } else {
  503. favButton.textContent = "x";
  504. setTimeout((() => favButton.textContent = "+Fav"), 1e3);
  505. }
  506. } else {
  507. favKey = null !== (_c = yield requestHelper.SubmissionRequests.unfavSubmission(sid, favKey)) && void 0 !== _c ? _c : "";
  508. loadingTextSpinner.visible = false;
  509. if (!string.isNullOrWhitespace(favKey)) {
  510. favButton.setAttribute("key", favKey);
  511. isFav = true;
  512. favButton.setAttribute("isFav", isFav.toString());
  513. favButton.textContent = "+Fav";
  514. } else {
  515. favButton.textContent = "x";
  516. setTimeout((() => favButton.textContent = "-Fav"), 1e3);
  517. }
  518. }
  519. this.favRequestRunning = false;
  520. } else favButton.textContent = "x";
  521. }));
  522. }
  523. static addEmbeddedEventForAllFigures() {
  524. return __awaiter(this, void 0, void 0, (function*() {
  525. const nonEmbeddedFigures = document.querySelectorAll("figure:not([embedded])");
  526. for (const figure of Array.from(nonEmbeddedFigures)) {
  527. figure.setAttribute("embedded", "true");
  528. figure.addEventListener("click", (event => {
  529. if (event instanceof MouseEvent && event.target instanceof HTMLElement) if (!event.ctrlKey && !event.target.id.includes("favbutton") && "checkbox" !== event.target.getAttribute("type")) {
  530. if (!string.isNullOrWhitespace(event.target.getAttribute("href"))) return;
  531. event.preventDefault();
  532. if (!EmbeddedImage.embeddedExists && figure instanceof HTMLElement) new EmbeddedImage(figure);
  533. }
  534. }));
  535. }
  536. }));
  537. }
  538. }
  539. const customSettings = new window.FACustomSettings("Midori's Script Settings", "FA Embedded Image Viewer Settings"), openInNewTabSetting = customSettings.newSetting(window.FASettingType.Boolean, "Open in new Tab");
  540. openInNewTabSetting.description = "Wether to open links in a new Tab or the current one.";
  541. openInNewTabSetting.defaultValue = true;
  542. const loadingSpinSpeedFavSetting = customSettings.newSetting(window.FASettingType.Number, "Fav Loading Animation");
  543. loadingSpinSpeedFavSetting.description = "The duration that the loading animation, for faving a submission, takes for a full rotation in milliseconds.";
  544. loadingSpinSpeedFavSetting.defaultValue = 600;
  545. const loadingSpinSpeedSetting = customSettings.newSetting(window.FASettingType.Number, "Embedded Loading Animation");
  546. loadingSpinSpeedSetting.description = "The duration that the loading animation of the Embedded element to load takes for a full rotation in milliseconds.";
  547. loadingSpinSpeedSetting.defaultValue = 1e3;
  548. const closeEmbedAfterOpenSetting = customSettings.newSetting(window.FASettingType.Boolean, "Close Embed after open");
  549. closeEmbedAfterOpenSetting.description = "Wether to close the current embedded Submission after it is opened in a new Tab (also for open Gallery).";
  550. closeEmbedAfterOpenSetting.defaultValue = true;
  551. const previewQualitySetting = customSettings.newSetting(window.FASettingType.Number, "Preview Quality");
  552. previewQualitySetting.description = "The quality of the preview image. Value range is 2-6. (Higher values can be slower)";
  553. previewQualitySetting.defaultValue = 3;
  554. customSettings.loadSettings();
  555. const requestHelper = new window.FARequestHelper(2);
  556. if (customSettings.isFeatureEnabled) {
  557. const matchList = new window.FAMatchList(customSettings);
  558. matchList.matches = [ "net/browse", "net/user", "net/gallery", "net/search", "net/favorites", "net/scraps", "net/controls/favorites", "net/controls/submissions", "net/msg/submissions", "d.furaffinity.net" ];
  559. matchList.runInIFrame = true;
  560. if (matchList.hasMatch) {
  561. const page = new window.FACustomPage("d.furaffinity.net", "eiv-download");
  562. let pageDownload = false;
  563. page.addEventListener("onOpen", (() => {
  564. !function downloadImage() {
  565. let url = window.location.toString();
  566. if (url.includes("?")) {
  567. const parts = url.split("?");
  568. url = parts[0];
  569. }
  570. const download = document.createElement("a");
  571. download.href = url;
  572. download.download = url.substring(url.lastIndexOf("/") + 1);
  573. download.style.display = "none";
  574. document.body.appendChild(download);
  575. download.click();
  576. document.body.removeChild(download);
  577. window.close();
  578. }();
  579. pageDownload = true;
  580. }));
  581. page.checkPageOpened();
  582. if (!pageDownload && !matchList.isWindowIFrame) {
  583. EmbeddedImage.addEmbeddedEventForAllFigures();
  584. window.addEventListener("ei-update-embedded", (() => {
  585. EmbeddedImage.addEmbeddedEventForAllFigures();
  586. }));
  587. }
  588. }
  589. }
  590. })();