362 lines
17 KiB
JavaScript
362 lines
17 KiB
JavaScript
import f0cklib from "../routeinc/f0cklib.mjs";
|
|
import url from "url";
|
|
import cfg from "../config.mjs";
|
|
import { createI18n } from "../i18n.mjs";
|
|
import { isAnonymizeSession } from "../settings.mjs";
|
|
|
|
export default (router, tpl) => {
|
|
router.get(/^\/ajax\/item\/(?<itemid>[a-zA-Z0-9_-]{11}|\d+)/, async (req, res) => {
|
|
const tAjaxStart = Date.now();
|
|
let query = {};
|
|
if (typeof req.url === 'string') {
|
|
const parsedUrl = url.parse(req.url, true);
|
|
query = parsedUrl.query;
|
|
} else {
|
|
// flummpress uses req.url.qs for query string parameters
|
|
query = req.url.qs || {};
|
|
}
|
|
|
|
let contextUrl = `/${req.params.itemid}`;
|
|
if (query.tag) contextUrl = `/tag/${encodeURIComponent(query.tag)}/${req.params.itemid}`;
|
|
if (query.hall) contextUrl = `/h/${encodeURIComponent(query.hall)}/${req.params.itemid}`;
|
|
if (query.userHall && query.userHallOwner) {
|
|
contextUrl = `/user/${encodeURIComponent(query.userHallOwner)}/hall/${encodeURIComponent(query.userHall)}/${req.params.itemid}`;
|
|
} else if (query.user) {
|
|
contextUrl = query.fav === 'true'
|
|
? `/user/${encodeURIComponent(query.user)}/favs/${req.params.itemid}`
|
|
: `/user/${encodeURIComponent(query.user)}/${req.params.itemid}`;
|
|
} else if (query.fav === 'true') {
|
|
contextUrl = `/favs/${req.params.itemid}`;
|
|
}
|
|
if (query.mime) {
|
|
contextUrl = contextUrl.replace(new RegExp(`/${req.params.itemid}$`), `/${query.mime}/${req.params.itemid}`);
|
|
}
|
|
|
|
if (cfg.main.development) console.log(`[${new Date().toISOString()}] [AJAX] Starting item load for ${req.params.itemid}`);
|
|
|
|
const isRandom = query.random === '1' || req.cookies.random_mode === '1';
|
|
const reqMode = query.mode !== undefined ? +query.mode : req.mode;
|
|
const ratingsRaw = req.cookies.ratings;
|
|
const ratingsArr = (reqMode === 2 || reqMode === 3) ? null : (ratingsRaw ? decodeURIComponent(ratingsRaw).split(/[|,]/).filter(r => ['sfw','nsfw','nsfl','untagged'].includes(r)) : null);
|
|
|
|
const itemid = req.params.itemid || req.url.pathname.match(/\/ajax\/item\/([a-zA-Z0-9_-]{11}|\d+)/)?.[1];
|
|
const data = await f0cklib.getf0ck({
|
|
itemid: itemid,
|
|
mode: reqMode,
|
|
ratings: ratingsArr,
|
|
session: req.session,
|
|
url: contextUrl,
|
|
user: query.user,
|
|
tag: query.tag,
|
|
hall: query.hall,
|
|
userHall: query.userHall || null,
|
|
userHallOwner: query.userHallOwner || null,
|
|
mime: query.mime || (req.cookies.mime || null),
|
|
fav: query.fav === 'true',
|
|
ids: query.ids || null,
|
|
random: isRandom,
|
|
strict: query.strict === '1' || query.strict === 'true' || req.session?.strict_mode,
|
|
explicitStrict: query.strict === '1' || query.strict === 'true',
|
|
exclude: req.session ? (req.session.excluded_tags || []) : [],
|
|
user_id: req.session?.id
|
|
});
|
|
const tAjaxFetch = Date.now();
|
|
|
|
if (!data.success) {
|
|
const reqMode = (query.mode !== undefined ? +query.mode : req.mode) ?? 0;
|
|
const modeLabels = { 0: 'SFW', 1: 'NSFW', 2: 'Untagged', 4: 'NSFL' };
|
|
const errorModeLabel = (req.session && reqMode !== 3) ? (modeLabels[reqMode] || null) : null;
|
|
const { t: tErr } = createI18n(req.session?.language || req.lang || 'en');
|
|
const errorHtml = tpl.render('error-partial', {
|
|
message: tErr('error.post_not_visible'),
|
|
tmp: null,
|
|
session: req.session ? { ...req.session } : false,
|
|
error_mode_label: errorModeLabel,
|
|
error_filter_hint: errorModeLabel ? tErr('error.filter_hint', { mode: `<strong>${errorModeLabel}</strong>` }) : null,
|
|
error_filter_hint_link: tErr('error.filter_hint_link')
|
|
}, req);
|
|
return res.reply({
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ html: errorHtml, pagination: '', error: true })
|
|
});
|
|
}
|
|
|
|
// Load xD score server-side (needed for badge), but do NOT embed comments into the response.
|
|
// Comments are always loaded async by the client via /api/comments/:id to avoid
|
|
// blocking the browser's main thread on posts with huge comment payloads.
|
|
if (req.session || !cfg.main.hide_comments_from_public) {
|
|
// Mark notifications as read
|
|
if (req.session?.id) {
|
|
f0cklib.markNotificationsRead(req.session.id, itemid).catch(() => {});
|
|
}
|
|
const sub = req.session ? await f0cklib.getSubscriptionStatus(req.session.id, req.params.itemid) : false;
|
|
data.isSubscribed = sub;
|
|
// xD Score for item view badge
|
|
const commentsForScore = await f0cklib.getComments(req.params.itemid, 'old', false);
|
|
const xdScore = f0cklib.computeXdScore(commentsForScore);
|
|
const xdMeta = f0cklib.xdScoreMeta(xdScore);
|
|
data.item.xd_score = xdScore;
|
|
data.item.xd_tier = xdMeta.tier;
|
|
data.item.xd_label = xdMeta.label;
|
|
// Do NOT set commentsJSON — client will fetch async
|
|
data.commentsJSON = null;
|
|
data.comments = [];
|
|
} else {
|
|
data.isSubscribed = false;
|
|
data.commentsJSON = null;
|
|
data.comments = [];
|
|
data.item.xd_score = 0;
|
|
data.item.xd_tier = 0;
|
|
data.item.xd_label = '';
|
|
}
|
|
const tAjaxAux = Date.now();
|
|
|
|
// Inject session into data for the template
|
|
if (req.session) {
|
|
data.session = { ...req.session };
|
|
} else {
|
|
data.session = false;
|
|
}
|
|
|
|
// Inject missing variables normally provided by req or middleware
|
|
data.url = { pathname: contextUrl }; // Template expects url.pathname
|
|
data.fullscreen = req.cookies.fullscreen || 0; // Index.mjs uses req.cookies.fullscreen
|
|
data.hidePagination = true;
|
|
|
|
// Precompute hall display data for the template
|
|
if (data.item && data.item.halls && data.item.halls.length) {
|
|
const currentHallSlug = data.tmp && data.tmp.hall
|
|
? (typeof data.tmp.hall === 'object' ? data.tmp.hall.slug : data.tmp.hall)
|
|
: null;
|
|
data.item.primaryHall = data.item.halls.find(h => h.slug === currentHallSlug) || data.item.halls[0];
|
|
data.item.otherHalls = data.item.halls.filter(h => h.slug !== data.item.primaryHall.slug);
|
|
} else if (data.item) {
|
|
data.item.primaryHall = null;
|
|
data.item.otherHalls = [];
|
|
}
|
|
|
|
// Precompute boolean helpers for template @if() — flummpress uses non-greedy regex
|
|
// that stops at the first ')' inside @if(...), so any method call with parens
|
|
// (indexOf, .some, etc.) must be precomputed here as plain booleans.
|
|
if (data.item) {
|
|
const session = data.session;
|
|
const item = data.item;
|
|
// When guest or anon anonymization is active, suppress uploader identity, banner, avatar, and source URL
|
|
if (isAnonymizeSession(req.session)) {
|
|
if (item.src) item.src = null;
|
|
item.username = 'anonymous';
|
|
item.author_banner_file = null;
|
|
item.author_banner_position = null;
|
|
item.author_banner_size = null;
|
|
item.author_avatar = null;
|
|
item.author_avatar_file = null;
|
|
item.author_color = null;
|
|
item.author_description = null;
|
|
item.author_display_name = null;
|
|
item.author_id = null;
|
|
if (data.uploader) {
|
|
data.uploader.name = 'anonymous';
|
|
data.uploader.id = null;
|
|
data.uploader.color = null;
|
|
}
|
|
}
|
|
const isAnon = !!(session && (session.is_anon || (session.user && (session.user === 'anonymous' || session.user.startsWith('anon_')))));
|
|
data.is_mod_or_admin = !!(session && (session.admin || session.is_moderator));
|
|
data.can_manage_item = !isAnon && !!(session && (session.admin || session.is_moderator || (session.user && item.username && session.user.toLowerCase() === item.username.toLowerCase())));
|
|
data.can_extract_meta = !!(item.mime && item.mime.indexOf('flash') === -1 && !(item.mime.startsWith('application/') && cfg.mimes[item.mime] && !['swf', 'pdf'].includes(cfg.mimes[item.mime])));
|
|
data.user_has_favorited = !!(session && Array.isArray(item.favorites) && item.favorites.some(f => f.user === session.user));
|
|
data.halls_slugs = Array.isArray(item.halls) ? item.halls.map(h => h.slug).join(',') : '';
|
|
data.user_halls_slugs = Array.isArray(item.user_halls) ? item.user_halls.map(h => h.slug).join(',') : '';
|
|
// Precomputed for template engine compatibility (avoids nested { } inside {{ }})
|
|
data.item_rating_class = item.is_nsfl ? 'is-nsfl' : (item.is_nsfw ? 'is-nsfw' : (item.is_sfw ? 'is-sfw' : 'is-untagged'));
|
|
data.item_rating_label = item.is_nsfl ? 'NSFL' : (item.is_nsfw ? 'NSFW' : (item.is_sfw ? 'SFW' : '?'));
|
|
data.item_username_lower = (item.username || '').toLowerCase();
|
|
data.is_flash_item = !!(item.mime && (item.mime.indexOf('flash') !== -1 || item.mime.indexOf('shockwave') !== -1));
|
|
data.is_archive_item = !!(item.mime && item.mime.startsWith('application/') && cfg.mimes[item.mime] && !['swf', 'pdf'].includes(cfg.mimes[item.mime]));
|
|
data.current_hall_slug = (data.tmp && data.tmp.hall && typeof data.tmp.hall === 'object') ? data.tmp.hall.slug : (data.tmp && data.tmp.hall ? data.tmp.hall : '');
|
|
data.current_user_hall_slug = (data.tmp && data.tmp.userHall && typeof data.tmp.userHall === 'object') ? data.tmp.userHall.slug : (data.tmp && data.tmp.userHall ? data.tmp.userHall : '');
|
|
data.current_user_hall_owner = (data.tmp && data.tmp.userHallOwner) ? data.tmp.userHallOwner : '';
|
|
data.item_has_dimensions = !!(item.width && item.height);
|
|
}
|
|
|
|
// Render both the item content and the pagination
|
|
const itemHtml = tpl.render('ajax-item', data, req);
|
|
const paginationHtml = tpl.render('snippets/pagination', data, req);
|
|
const tAjaxRender = Date.now();
|
|
|
|
if (cfg.main.development) console.log(`[${new Date().toISOString()}] [AJAX] Complete request for ${req.params.itemid} in ${tAjaxRender - tAjaxStart}ms
|
|
- getf0ck: ${tAjaxFetch - tAjaxStart}ms
|
|
- Comments/Sub: ${tAjaxAux - tAjaxFetch}ms
|
|
- Render: ${tAjaxRender - tAjaxAux}ms`);
|
|
|
|
let itemPage = null;
|
|
if (query.onara === '1' || req.cookies?.onara === '1' || cfg.onara || query.get_page === '1') {
|
|
try {
|
|
itemPage = await f0cklib.getItemPage({
|
|
targetItemId: data.item?.id || itemid,
|
|
targetItemPinned: data.item?.is_pinned,
|
|
user: query.user,
|
|
tag: query.tag,
|
|
hall: query.hall,
|
|
userHall: query.userHall,
|
|
userHallOwner: query.userHallOwner,
|
|
mime: query.mime || (req.cookies.mime || null),
|
|
fav: query.fav === 'true',
|
|
mode: reqMode,
|
|
ratings: ratingsArr,
|
|
strict: query.strict === '1' || query.strict === 'true' || req.session?.strict_mode,
|
|
session: req.session,
|
|
exclude: req.session ? (req.session.excluded_tags || []) : [],
|
|
user_id: req.session?.id,
|
|
is_admin: req.session?.admin,
|
|
minXdScore: req.session?.min_xd_score || 0,
|
|
tagger: query.tagger || null
|
|
});
|
|
} catch (_) {}
|
|
}
|
|
|
|
res.reply({
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({
|
|
html: itemHtml,
|
|
pagination: paginationHtml,
|
|
title: data.title,
|
|
id: itemid,
|
|
slug: data.item?.slug || null,
|
|
page: itemPage
|
|
})
|
|
});
|
|
});
|
|
|
|
router.get('/ajax/halls', async (req, res) => {
|
|
try {
|
|
const halls = await f0cklib.getHalls();
|
|
res.reply({
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify(halls)
|
|
});
|
|
} catch (err) {
|
|
res.reply({
|
|
code: 500,
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ error: true, msg: 'Failed to fetch halls' })
|
|
});
|
|
}
|
|
});
|
|
|
|
|
|
|
|
// Infinite scroll endpoint for index thumbnails
|
|
router.get(/^\/ajax\/items/, async (req, res) => {
|
|
let query = {};
|
|
if (typeof req.url === 'string') {
|
|
const parsedUrl = url.parse(req.url, true);
|
|
query = parsedUrl.query;
|
|
} else {
|
|
query = req.url.qs || {};
|
|
}
|
|
|
|
const page = parseInt(query.page) || 1;
|
|
const isRandom = query.random === '1' || req.cookies.random_mode === '1';
|
|
const ratingsRaw = req.cookies.ratings;
|
|
const ratingsArr = ratingsRaw ? decodeURIComponent(ratingsRaw).split(/[|,]/).filter(r => ['sfw','nsfw','nsfl','untagged'].includes(r)) : null;
|
|
|
|
const data = await f0cklib.getf0cks({
|
|
page: page,
|
|
tag: query.tag || null,
|
|
hall: query.hall || null,
|
|
user: query.user || null,
|
|
userHall: query.userHall || null,
|
|
userHallOwner: query.userHallOwner || null,
|
|
mime: query.mime || (req.cookies.mime || null),
|
|
mode: query.mode !== undefined ? +query.mode : req.mode,
|
|
ratings: ratingsArr,
|
|
session: req.session,
|
|
user_id: req.session?.id,
|
|
is_admin: req.session?.admin,
|
|
exclude: req.session ? (req.session.excluded_tags || []) : [],
|
|
fav: query.fav === 'true',
|
|
ids: query.ids || null,
|
|
total: query.total ? parseInt(query.total, 10) : undefined,
|
|
random: isRandom,
|
|
strict: query.strict === '1' || query.strict === 'true' || req.session?.strict_mode,
|
|
explicitStrict: query.strict === '1' || query.strict === 'true',
|
|
newer: query.newer || null,
|
|
minXdScore: req.session?.min_xd_score || 0,
|
|
tagger: query.tagger || null
|
|
});
|
|
|
|
if (!data.success) {
|
|
if (data.is_private) {
|
|
const { t: tErr } = createI18n(req.session?.language || req.lang || 'en');
|
|
const privateHtml = `<div class="private-favs-msg" style="padding: 30px; text-align: center; color: var(--text-muted); font-size: 1.1em;">${tErr('profile.private_favorites')}</div>`;
|
|
return res.reply({
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({
|
|
success: false,
|
|
is_private: true,
|
|
html: privateHtml,
|
|
hasMore: false
|
|
})
|
|
});
|
|
}
|
|
return res.reply({
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({
|
|
success: false,
|
|
html: '',
|
|
hasMore: false
|
|
})
|
|
});
|
|
}
|
|
|
|
// Render just the thumbnail items
|
|
const itemsHtml = tpl.render('snippets/items-grid', {
|
|
items: data.items,
|
|
link: data.link
|
|
}, req);
|
|
|
|
// Render pagination
|
|
const paginationHtml = tpl.render('snippets/pagination', {
|
|
pagination: data.pagination,
|
|
link: data.link
|
|
}, req);
|
|
|
|
// Render title/header (for tags/users)
|
|
const titleHtml = tpl.render('snippets/page-title', {
|
|
tmp: {
|
|
user: query.user ? String(query.user).toLowerCase() : null,
|
|
tag: query.tag ? String(query.tag).toLowerCase() : null,
|
|
hall: query.hall ? String(query.hall).toLowerCase() : null,
|
|
mime: query.mime ? String(query.mime).toLowerCase() : null,
|
|
mode: query.mode,
|
|
view_mode: query.fav === 'true' ? 'favs' : 'f0cks'
|
|
},
|
|
total: data.total || 0,
|
|
session: (req.session && req.session.user) ? { ...req.session } : false
|
|
}, req);
|
|
|
|
const hasMore = data.pagination.next !== null;
|
|
|
|
return res.reply({
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
'Cache-Control': 'no-cache, must-revalidate, proxy-revalidate',
|
|
'Pragma': 'no-cache',
|
|
'Expires': '0'
|
|
},
|
|
body: JSON.stringify({
|
|
success: true,
|
|
html: itemsHtml,
|
|
titleHtml: titleHtml,
|
|
pagination: paginationHtml,
|
|
hasMore: hasMore,
|
|
nextPage: data.pagination.next,
|
|
currentPage: data.pagination.page
|
|
})
|
|
});
|
|
});
|
|
|
|
return router;
|
|
};
|