+
+
-
-
+
+
+
+
diff --git a/app/js/animeHandler.js b/app/js/animeHandler.js
index 2d618ee..82feb9e 100644
--- a/app/js/animeHandler.js
+++ b/app/js/animeHandler.js
@@ -38,7 +38,7 @@ if (searchParams.get("link")) {
}
function traceAnime(image, type) { //WAIT lookup logic
halfmoon.initStickyAlert({
- content: `Looking Up Anime ${type == "uri" ? "" : `For ${image}`}`
+ content: `Looking up anime for image.
`
})
let options,
url = `https://trace.moe/api/search?url=${image}`
@@ -55,6 +55,13 @@ function traceAnime(image, type) { //WAIT lookup logic
if (result.docs[0].similarity >= 0.85) {
let res = await alRequest({ method: "SearchIDSingle", id: result.docs[0].anilist_id })
viewAnime(res.data.Media)
+ } else {
+ halfmoon.initStickyAlert({
+ content: `Couldn't find anime for specified image! Try to remove black bars, or use a more detailed image.`,
+ title: "Search Failed",
+ alertType: "alert-danger",
+ fillType: ""
+ });
}
});
}
diff --git a/app/js/interface.js b/app/js/interface.js
index 879b2be..25f2464 100644
--- a/app/js/interface.js
+++ b/app/js/interface.js
@@ -15,7 +15,7 @@ async function loadHomePage() {
browse.classList.remove("loading")
browseGallery.appendChild(frag)
browseGallery.scrollTop = 0
- browseGallery.onscroll = undefined
+ browse.onscroll = undefined
},
planning: async function (page) {
if (!page) gallerySkeleton(browseGallery)
@@ -113,7 +113,7 @@ async function loadHomePage() {
gallery.appendChild(gallerySkeletonFrag(10))
}
function galleryAppend(opts) {
- if (opts.method) opts.gallery.onscroll = function () {
+ if (opts.method) browse.onscroll = function () {
if (this.scrollTop + this.clientHeight > this.scrollHeight - 800 && !loadTimeout) {
loadTimeout = setTimeout(function () { loadTimeout = undefined }, 1000)
homeLoadFunctions[opts.method](opts.page + 1)
diff --git a/app/js/subtitles-octopus.js b/app/js/subtitles-octopus.js
index ca24ac6..e009060 100644
--- a/app/js/subtitles-octopus.js
+++ b/app/js/subtitles-octopus.js
@@ -60,7 +60,7 @@ var SubtitlesOctopus = function (options) {
self.hasAlphaBug = false;
- (function() {
+ (function () {
if (typeof ImageData.prototype.constructor === 'function') {
try {
// try actually calling ImageData, as on some browsers it's reported
@@ -579,8 +579,8 @@ var SubtitlesOctopus = function (options) {
if (self.debug) {
console.info('oneshot received (start=' +
- data.eventStart + ', empty=' + data.emptyFinish +
- '), render: ' + Math.round(data.spentTime) + ' ms');
+ data.eventStart + ', empty=' + data.emptyFinish +
+ '), render: ' + Math.round(data.spentTime) + ' ms');
}
self.oneshotState.renderRequested = false;
if (Math.abs(data.lastRenderedTime - self.oneshotState.requestNextTimestamp) < 0.01) {
@@ -723,7 +723,7 @@ var SubtitlesOctopus = function (options) {
}
}
- return {'width': width, 'height': height};
+ return { 'width': width, 'height': height };
}
self.resize = function (width, height, top, left) {
@@ -748,36 +748,52 @@ var SubtitlesOctopus = function (options) {
if (
- self.canvas.width != width ||
- self.canvas.height != height ||
- self.canvas.style.top != top ||
- self.canvas.style.left != left
+ self.canvas.width != width ||
+ self.canvas.height != height ||
+ self.canvas.style.top != top ||
+ self.canvas.style.left != left
) {
- self.canvas.width = width;
- self.canvas.height = height;
if (videoSize != null) {
self.canvasParent.style.position = 'relative';
self.canvas.style.display = 'block';
self.canvas.style.position = 'absolute';
- self.canvas.style.width = videoSize.width + 'px';
- self.canvas.style.height = videoSize.height + 'px';
self.canvas.style.top = top + 'px';
self.canvas.style.left = left + 'px';
self.canvas.style.pointerEvents = 'none';
}
-
- self.worker.postMessage({
- target: 'canvas',
- width: self.canvas.width,
- height: self.canvas.height
- });
- self.resetRenderAheadCache(true);
+ if (!(self.canvas.width == width && self.canvas.height == height)) {
+ // only re-paint if dimensions actually changed
+ self.canvas.width = width;
+ self.canvas.height = height;
+ if (videoSize != null) {
+ self.canvas.style.width = videoSize.width + 'px';
+ self.canvas.style.height = videoSize.height + 'px';
+ }
+ self.worker.postMessage({
+ target: 'canvas',
+ width: self.canvas.width,
+ height: self.canvas.height
+ });
+ self.resetRenderAheadCache(true);
+ }
}
};
self.resizeWithTimeout = function () {
- self.resize();
+ //dont spam re-paints like crazy when re-sizing with animations, but still update instantly without them
+ if (self.resizeTimeoutBuffer) {
+ clearTimeout(self.resizeTimeoutBuffer)
+ self.resizeTimeoutBuffer = setTimeout(() => {
+ self.resizeTimeoutBuffer = undefined
+ self.resize();
+ }, 50)
+ } else {
+ self.resize();
+ self.resizeTimeoutBuffer = setTimeout(() => {
+ self.resizeTimeoutBuffer = undefined
+ }, 50)
+ }
};
self.runBenchmark = function () {
diff --git a/app/js/torrentHandler.js b/app/js/torrentHandler.js
index b1bdc4c..29038da 100644
--- a/app/js/torrentHandler.js
+++ b/app/js/torrentHandler.js
@@ -82,7 +82,7 @@ loadOfflineStorage()
// cleanup torrent and store
function cleanupTorrents() {
- // creates an array of all non-offline store torrents and removes them
+ // creates an array of all non-offline store torrents and removes them
client.torrents.filter(torrent => !offlineTorrents[torrent.infoHash]).forEach(torrent => torrent.destroy({ destroyStore: true }))
}
+
+