115 lines
2.8 KiB
JavaScript
115 lines
2.8 KiB
JavaScript
import { debounce } from "@ember/runloop";
|
|
import { ATTACHMENT_CSS_CLASS } from "./engines/discourse-markdown-it";
|
|
let _cache = {};
|
|
|
|
export function lookupCachedUploadUrl(shortUrl) {
|
|
return _cache[shortUrl] || {};
|
|
}
|
|
|
|
const MISSING = "missing";
|
|
|
|
export function lookupUncachedUploadUrls(urls, ajax) {
|
|
return ajax("/uploads/lookup-urls", {
|
|
method: "POST",
|
|
data: { short_urls: urls }
|
|
}).then(uploads => {
|
|
uploads.forEach(upload => {
|
|
cacheShortUploadUrl(upload.short_url, {
|
|
url: upload.url,
|
|
short_path: upload.short_path
|
|
});
|
|
});
|
|
|
|
urls.forEach(url =>
|
|
cacheShortUploadUrl(url, {
|
|
url: lookupCachedUploadUrl(url).url || MISSING,
|
|
short_path: lookupCachedUploadUrl(url).short_path || MISSING
|
|
})
|
|
);
|
|
|
|
return uploads;
|
|
});
|
|
}
|
|
|
|
export function cacheShortUploadUrl(shortUrl, value) {
|
|
_cache[shortUrl] = value;
|
|
}
|
|
|
|
export function resetCache() {
|
|
_cache = {};
|
|
}
|
|
|
|
function _loadCachedShortUrls($uploads) {
|
|
$uploads.each((idx, upload) => {
|
|
const $upload = $(upload);
|
|
let url;
|
|
|
|
switch (upload.tagName) {
|
|
case "A":
|
|
url = lookupCachedUploadUrl($upload.data("orig-href")).short_path;
|
|
|
|
if (url) {
|
|
$upload.removeAttr("data-orig-href");
|
|
|
|
if (url !== MISSING) {
|
|
$upload.attr("href", url);
|
|
|
|
// Replace "|attachment" with class='attachment'
|
|
// TODO: This is a part of the cooking process now and should be
|
|
// removed in the future.
|
|
const content = $upload.text().split("|");
|
|
if (content[1] === ATTACHMENT_CSS_CLASS) {
|
|
$upload.addClass(ATTACHMENT_CSS_CLASS);
|
|
$upload.text(content[0]);
|
|
}
|
|
}
|
|
}
|
|
|
|
break;
|
|
case "IMG":
|
|
url = lookupCachedUploadUrl($upload.data("orig-src")).url;
|
|
|
|
if (url) {
|
|
$upload.removeAttr("data-orig-src");
|
|
|
|
if (url !== MISSING) {
|
|
$upload.attr("src", url);
|
|
}
|
|
}
|
|
|
|
break;
|
|
}
|
|
});
|
|
}
|
|
|
|
function _loadShortUrls($uploads, ajax) {
|
|
const urls = $uploads.toArray().map(upload => {
|
|
const $upload = $(upload);
|
|
return $upload.data("orig-src") || $upload.data("orig-href");
|
|
});
|
|
|
|
return lookupUncachedUploadUrls(urls, ajax).then(() =>
|
|
_loadCachedShortUrls($uploads)
|
|
);
|
|
}
|
|
|
|
export function resolveAllShortUrls(ajax) {
|
|
const attributes = "img[data-orig-src], a[data-orig-href]";
|
|
let $shortUploadUrls = $(attributes);
|
|
|
|
if ($shortUploadUrls.length > 0) {
|
|
_loadCachedShortUrls($shortUploadUrls);
|
|
|
|
$shortUploadUrls = $(attributes);
|
|
if ($shortUploadUrls.length > 0) {
|
|
// this is carefully batched so we can do a leading debounce (trigger right away)
|
|
return debounce(
|
|
null,
|
|
() => _loadShortUrls($shortUploadUrls, ajax),
|
|
450,
|
|
true
|
|
);
|
|
}
|
|
}
|
|
}
|