Compare commits

...

12 Commits

Author SHA1 Message Date
DESKTOP-KSVGT20\shkim 58f16c1dd6 사진 모집 서버 종료 2026-06-05 12:53:43 +09:00
Codex 14f7f33023 Add photoreq admin allowed IP 2026-06-01 10:28:54 +09:00
DESKTOP-KSVGT20\shkim 8aec7abd01 Cloudflare 프록시 환경의 관리자 IP 판별 보정 2026-05-18 02:00:38 +09:00
DESKTOP-KSVGT20\shkim 5cb2919e84 안내 변경 2026-05-17 11:52:32 +09:00
DESKTOP-KSVGT20\shkim 31e0f8e5ca 이상한 접근 금지 2026-05-17 11:13:01 +09:00
DESKTOP-KSVGT20\shkim f9634b37a1 관리자 페이지 IP 허용 목록 적용 2026-05-17 11:07:28 +09:00
DESKTOP-KSVGT20\shkim 290cebd2cc 루트 경로 관리자 리다이렉트 제거 2026-05-14 00:34:03 +09:00
DESKTOP-KSVGT20\shkim ad04e1b5c7 익명 제출 안내 표시 위치 조정 2026-05-13 23:21:25 +09:00
DESKTOP-KSVGT20\shkim c626f392a8 연락처 입력 기본값 설정 2026-05-13 23:19:28 +09:00
DESKTOP-KSVGT20\shkim 2ec0ab6697 업로드 연락처 라벨 크기 조정 2026-05-13 23:16:40 +09:00
DESKTOP-KSVGT20\shkim da1b761975 업로드 연락처 안내 문구 개선 2026-05-13 23:13:54 +09:00
DESKTOP-KSVGT20\shkim 02711a5593 모바일 업로드 안내 문구 크기 조정 2026-05-13 23:10:37 +09:00
7 changed files with 371 additions and 85 deletions
+1
View File
@@ -0,0 +1 @@
*.sh text eol=lf
+1
View File
@@ -32,6 +32,7 @@ The server cron runs this once per minute.
- DB: `data/db.json` - DB: `data/db.json`
- Deploy log: `data/deploy.log` - Deploy log: `data/deploy.log`
- Uploads: `/volume2/AKA Drive/사진 받기` - Uploads: `/volume2/AKA Drive/사진 받기`
- Admin allowlist: `ADMIN_ALLOWED_IPS` comma-separated IPs, default `112.159.64.27,162.12.184.41,192.168.219.100,192.168.219.1`
- Upload page template: `src/public/upload.html` - Upload page template: `src/public/upload.html`
- Upload page style: `src/public/upload.css` - Upload page style: `src/public/upload.css`
- Upload page illustration: `src/public/wedding-illustration.png` - Upload page illustration: `src/public/wedding-illustration.png`
+2 -3
View File
@@ -24,7 +24,6 @@ echo "$(date '+%Y-%m-%d %H:%M:%S') deploy start" >> "$LOG_FILE"
git -c credential.helper="store --file=/var/services/homes/whitekomani/.git-credentials" fetch origin main >> "$LOG_FILE" 2>&1 git -c credential.helper="store --file=/var/services/homes/whitekomani/.git-credentials" fetch origin main >> "$LOG_FILE" 2>&1
git reset --hard origin/main >> "$LOG_FILE" 2>&1 git reset --hard origin/main >> "$LOG_FILE" 2>&1
/usr/local/bin/docker build -t photoreq:latest . >> "$LOG_FILE" 2>&1 /usr/local/bin/docker rm -f photoreq >> "$LOG_FILE" 2>&1 || true
./run.sh >> "$LOG_FILE" 2>&1
echo "$(date '+%Y-%m-%d %H:%M:%S') deploy done $(git rev-parse --short HEAD)" >> "$LOG_FILE" echo "$(date '+%Y-%m-%d %H:%M:%S') deploy stopped photoreq $(git rev-parse --short HEAD)" >> "$LOG_FILE"
+1 -11
View File
@@ -2,16 +2,6 @@
set -eu set -eu
APP_DIR="$(cd "$(dirname "$0")" && pwd)" APP_DIR="$(cd "$(dirname "$0")" && pwd)"
UPLOAD_DIR="/volume2/AKA Drive/사진 받기"
/usr/local/bin/docker rm -f photoreq >/dev/null 2>&1 || true /usr/local/bin/docker rm -f photoreq >/dev/null 2>&1 || true
/usr/local/bin/docker run -d \ echo "photoreq is closed; container removed from $APP_DIR"
--name photoreq \
--restart unless-stopped \
-p 18082:8080 \
--env-file "$APP_DIR/.env" \
-e PUBLIC_BASE_URL="https://photoreq.mokaya.org" \
-e MAX_FIELDS_SIZE_MB="2" \
-v "$APP_DIR/data:/data" \
-v "$UPLOAD_DIR:/uploads" \
photoreq:latest
+14 -2
View File
@@ -152,7 +152,7 @@ h1 {
margin: -6px auto 16px; margin: -6px auto 16px;
color: #5f6f6b; color: #5f6f6b;
font-family: "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif; font-family: "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;
font-size: 12px; font-size: 14px;
line-height: 1.55; line-height: 1.55;
word-break: keep-all; word-break: keep-all;
} }
@@ -207,7 +207,7 @@ h1 {
gap: 6px; gap: 6px;
color: #45615c; color: #45615c;
font-family: "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif; font-family: "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;
font-size: 13px; font-size: 16px;
font-weight: 700; font-weight: 700;
} }
@@ -233,6 +233,14 @@ h1 {
outline-offset: 2px; outline-offset: 2px;
} }
.guest-fields__anonymous {
color: #a64635;
font-family: "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 1.45;
}
.file-picker input[type="file"] { .file-picker input[type="file"] {
position: absolute; position: absolute;
inset: 0; inset: 0;
@@ -494,4 +502,8 @@ h1 {
.upload-panel__today { .upload-panel__today {
font-size: clamp(23px, 6.5vw, 29px); font-size: clamp(23px, 6.5vw, 29px);
} }
.upload-panel__notice {
font-size: 15px;
}
} }
+17 -2
View File
@@ -15,12 +15,13 @@
<form class="upload-panel" method="post" action="/r/{{slug}}" enctype="multipart/form-data"> <form class="upload-panel" method="post" action="/r/{{slug}}" enctype="multipart/form-data">
<p class="upload-panel__today">오늘의 순간</p> <p class="upload-panel__today">오늘의 순간</p>
<p class="upload-panel__notice">업로드 시 개인정보 수집 및 이용에 동의한 것으로 간주되며, 연락처는 상품 전달 후 삭제됩니다.<br>※ 익명 제출 시 경품 대상에서 제외됩니다.</p> <p class="upload-panel__notice">연락처는 상품 전달 목적 외에는 사용되지 않으며, 전달 후 삭제됩니다.</p>
<div class="guest-fields" aria-label="업로드하시는 분 정보"> <div class="guest-fields" aria-label="업로드하시는 분 정보">
<label> <label>
<span>연락처</span> <span>연락처</span>
<input type="tel" name="guestPhone" autocomplete="tel" inputmode="tel" placeholder="연락처를 입력해 주세요."> <input type="tel" name="guestPhone" autocomplete="tel" inputmode="tel" value="010-">
<span class="guest-fields__anonymous" hidden>※ 익명 제출 시 추첨 대상에서 제외됩니다.</span>
</label> </label>
</div> </div>
@@ -54,6 +55,8 @@
<script> <script>
document.querySelectorAll(".upload-panel").forEach((form) => { document.querySelectorAll(".upload-panel").forEach((form) => {
const input = form.querySelector('input[type="file"][name="files"]'); const input = form.querySelector('input[type="file"][name="files"]');
const guestPhone = form.querySelector('input[name="guestPhone"]');
const anonymousNotice = form.querySelector(".guest-fields__anonymous");
const submit = form.querySelector('button[type="submit"][aria-label="업로드"]'); const submit = form.querySelector('button[type="submit"][aria-label="업로드"]');
const summary = form.querySelector(".file-summary"); const summary = form.querySelector(".file-summary");
const empty = form.querySelector(".file-summary__empty"); const empty = form.querySelector(".file-summary__empty");
@@ -86,6 +89,14 @@
scrollTopButton.hidden = list.scrollHeight <= list.clientHeight || list.scrollTop < 8; scrollTopButton.hidden = list.scrollHeight <= list.clientHeight || list.scrollTop < 8;
}; };
const hasValidPhone = () => /^010\d{8}$/.test((guestPhone?.value || "").replace(/\D/g, ""));
const updateAnonymousNotice = () => {
if (!anonymousNotice) return;
const hasFiles = Boolean(input?.files && input.files.length > 0);
anonymousNotice.hidden = !hasFiles || hasValidPhone();
};
input?.addEventListener("change", () => { input?.addEventListener("change", () => {
const files = Array.from(input.files || []); const files = Array.from(input.files || []);
clearPreviews(); clearPreviews();
@@ -98,6 +109,7 @@
submit.disabled = true; submit.disabled = true;
submit.hidden = true; submit.hidden = true;
updateScrollTopButton(); updateScrollTopButton();
updateAnonymousNotice();
setStatus(""); setStatus("");
return; return;
} }
@@ -135,9 +147,12 @@
submit.hidden = false; submit.hidden = false;
list.scrollTop = 0; list.scrollTop = 0;
requestAnimationFrame(updateScrollTopButton); requestAnimationFrame(updateScrollTopButton);
updateAnonymousNotice();
setStatus(`${files.length}개 파일을 선택했어요.`); setStatus(`${files.length}개 파일을 선택했어요.`);
}); });
guestPhone?.addEventListener("input", updateAnonymousNotice);
list.addEventListener("scroll", updateScrollTopButton); list.addEventListener("scroll", updateScrollTopButton);
scrollTopButton?.addEventListener("click", () => { scrollTopButton?.addEventListener("click", () => {
list.scrollTo({ top: 0, behavior: "smooth" }); list.scrollTo({ top: 0, behavior: "smooth" });
+335 -67
View File
@@ -15,17 +15,38 @@ const publicDir = path.resolve("src", "public");
const adminPassword = process.env.ADMIN_PASSWORD; const adminPassword = process.env.ADMIN_PASSWORD;
const sessionSecret = process.env.SESSION_SECRET; const sessionSecret = process.env.SESSION_SECRET;
const publicBaseUrl = (process.env.PUBLIC_BASE_URL || "").replace(/\/$/, ""); const publicBaseUrl = (process.env.PUBLIC_BASE_URL || "").replace(/\/$/, "");
const adminAllowedIps = parseIpList(
process.env.ADMIN_ALLOWED_IPS ||
"112.159.64.27,162.12.184.41,192.168.219.100,192.168.219.1"
);
if (!adminPassword || !sessionSecret) { if (!adminPassword || !sessionSecret) {
throw new Error("ADMIN_PASSWORD and SESSION_SECRET are required."); throw new Error("ADMIN_PASSWORD and SESSION_SECRET are required.");
} }
app.set("trust proxy", true); app.set("trust proxy", true);
app.use(express.urlencoded({ extended: false, limit: `${Number(process.env.MAX_FIELDS_SIZE_MB || 2)}mb` })); app.use(
express.urlencoded({
extended: false,
limit: `${Number(process.env.MAX_FIELDS_SIZE_MB || 2)}mb`,
})
);
app.use(cookieParser(sessionSecret)); app.use(cookieParser(sessionSecret));
app.use("/assets", express.static(publicDir, { fallthrough: true })); app.use("/assets", express.static(publicDir, { fallthrough: true }));
const imageExts = ["jpg", "jpeg", "png", "gif", "webp", "heic", "heif", "tif", "tiff", "bmp", "avif"]; const imageExts = [
"jpg",
"jpeg",
"png",
"gif",
"webp",
"heic",
"heif",
"tif",
"tiff",
"bmp",
"avif",
];
const videoExts = ["mp4", "mov", "m4v", "avi", "mkv", "webm"]; const videoExts = ["mp4", "mov", "m4v", "avi", "mkv", "webm"];
const defaultExts = [...imageExts, ...videoExts]; const defaultExts = [...imageExts, ...videoExts];
@@ -51,7 +72,10 @@ function sanitizeName(value, fallback = "request") {
function sanitizeFileName(value) { function sanitizeFileName(value) {
const parsed = path.parse(sanitizeName(value, "upload")); const parsed = path.parse(sanitizeName(value, "upload"));
const base = sanitizeName(parsed.name, "upload").replace(/^\.+$/, "upload"); const base = sanitizeName(parsed.name, "upload").replace(/^\.+$/, "upload");
const ext = parsed.ext.replace(/[^\w.]/g, "").slice(0, 16).toLowerCase(); const ext = parsed.ext
.replace(/[^\w.]/g, "")
.slice(0, 16)
.toLowerCase();
return `${base}${ext}`; return `${base}${ext}`;
} }
@@ -66,7 +90,7 @@ function cleanGuestField(value) {
function submissionFolderName(guestPhone) { function submissionFolderName(guestPhone) {
const phone = cleanGuestField(guestPhone).replace(/[^\d]/g, ""); const phone = cleanGuestField(guestPhone).replace(/[^\d]/g, "");
return phone || "익명"; return /^010\d{8}$/.test(phone) ? phone : "익명";
} }
function normalizeExts(value) { function normalizeExts(value) {
@@ -74,7 +98,10 @@ function normalizeExts(value) {
.split(/[\s,;]+/) .split(/[\s,;]+/)
.map((item) => item.trim().replace(/^\./, "").toLowerCase()) .map((item) => item.trim().replace(/^\./, "").toLowerCase())
.filter(Boolean) .filter(Boolean)
.filter((item, index, list) => /^[a-z0-9]+$/.test(item) && list.indexOf(item) === index); .filter(
(item, index, list) =>
/^[a-z0-9]+$/.test(item) && list.indexOf(item) === index
);
} }
async function ensureDb() { async function ensureDb() {
@@ -101,7 +128,10 @@ function sign(value) {
} }
function makeSession() { function makeSession() {
const payload = JSON.stringify({ admin: true, exp: Date.now() + 1000 * 60 * 60 * 12 }); const payload = JSON.stringify({
admin: true,
exp: Date.now() + 1000 * 60 * 60 * 12,
});
const encoded = Buffer.from(payload).toString("base64url"); const encoded = Buffer.from(payload).toString("base64url");
return `${encoded}.${sign(encoded)}`; return `${encoded}.${sign(encoded)}`;
} }
@@ -111,7 +141,9 @@ function isAuthed(req) {
const [encoded, mac] = token.split("."); const [encoded, mac] = token.split(".");
if (!encoded || !mac || sign(encoded) !== mac) return false; if (!encoded || !mac || sign(encoded) !== mac) return false;
try { try {
const payload = JSON.parse(Buffer.from(encoded, "base64url").toString("utf8")); const payload = JSON.parse(
Buffer.from(encoded, "base64url").toString("utf8")
);
return payload.admin === true && payload.exp > Date.now(); return payload.admin === true && payload.exp > Date.now();
} catch { } catch {
return false; return false;
@@ -168,13 +200,82 @@ function page(title, body) {
} }
function renderTemplate(template, values) { function renderTemplate(template, values) {
return template.replaceAll(/\{\{(\w+)\}\}/g, (match, key) => values[key] ?? match); return template.replaceAll(
/\{\{(\w+)\}\}/g,
(match, key) => values[key] ?? match
);
} }
function wantsJson(req) { function wantsJson(req) {
return String(req.get("accept") || "").includes("application/json"); return String(req.get("accept") || "").includes("application/json");
} }
function parseIpList(value) {
return String(value || "")
.split(/[\s,;]+/)
.map(normalizeIp)
.filter(Boolean);
}
function normalizeIp(value) {
let ip = String(value || "").trim();
if (!ip) return "";
if (ip.startsWith("[") && ip.endsWith("]")) ip = ip.slice(1, -1);
if (ip.startsWith("::ffff:")) ip = ip.slice("::ffff:".length);
return ip;
}
function clientIp(req) {
const cloudflareIp = normalizeIp(req.get("cf-connecting-ip") || "");
if (cloudflareIp) return cloudflareIp;
const forwarded = String(req.get("x-forwarded-for") || "")
.split(",")
.map(normalizeIp)
.filter(Boolean);
const closestPublicIp =
forwarded.toReversed().find((ip) => !isPrivateIp(ip)) || "";
return normalizeIp(
closestPublicIp ||
forwarded[0] ||
req.get("x-real-ip") ||
req.ip ||
req.socket.remoteAddress ||
""
);
}
function isPrivateIp(ip) {
if (ip === "localhost" || ip === "::1") return true;
if (ip.startsWith("fe80:") || ip.startsWith("fc") || ip.startsWith("fd"))
return true;
const parts = ip.split(".").map((part) => Number(part));
if (parts.length !== 4 || parts.some((part) => !Number.isInteger(part)))
return false;
const [a, b] = parts;
return (
a === 10 ||
a === 127 ||
(a === 172 && b >= 16 && b <= 31) ||
(a === 192 && b === 168) ||
(a === 169 && b === 254)
);
}
function requireAdminIp(req, res, next) {
const ip = clientIp(req);
if (adminAllowedIps.includes(ip)) {
next();
return;
}
console.warn(
`blocked admin path from ${ip || "unknown"}: ${req.method} ${
req.originalUrl
}`
);
res.status(404).send(page("잘못된 접근", ""));
}
function uploadResultPage(request, { heading, message, isError = false }) { function uploadResultPage(request, { heading, message, isError = false }) {
const slug = escapeHtml(request.slug); const slug = escapeHtml(request.slug);
return `<!doctype html> return `<!doctype html>
@@ -192,10 +293,14 @@ function uploadResultPage(request, { heading, message, isError = false }) {
<img class="poster__art" src="/assets/wedding-illustration.png?v=single-illustration-1" alt=""> <img class="poster__art" src="/assets/wedding-illustration.png?v=single-illustration-1" alt="">
</div> </div>
<section class="thank-you${isError ? " thank-you--error" : ""}"> <section class="thank-you${isError ? " thank-you--error" : ""}">
<p class="thank-you__eyebrow">${isError ? "PLEASE TRY AGAIN" : "THANK YOU"}</p> <p class="thank-you__eyebrow">${
isError ? "PLEASE TRY AGAIN" : "THANK YOU"
}</p>
<h2>${escapeHtml(heading)}</h2> <h2>${escapeHtml(heading)}</h2>
<p>${escapeHtml(message)}</p> <p>${escapeHtml(message)}</p>
<a class="upload-again" href="/r/${slug}">${isError ? "다시 올리기" : "사진 더 올리기"}</a> <a class="upload-again" href="/r/${slug}">${
isError ? "다시 올리기" : "사진 더 올리기"
}</a>
</section> </section>
</section> </section>
</main> </main>
@@ -213,10 +318,12 @@ async function uploadPage(request) {
accept: escapeHtml(accept), accept: escapeHtml(accept),
allowedExts: escapeHtml(request.allowedExts.join(", ")), allowedExts: escapeHtml(request.allowedExts.join(", ")),
maxMb: escapeHtml(Math.round(request.maxBytes / 1024 / 1024)), maxMb: escapeHtml(Math.round(request.maxBytes / 1024 / 1024)),
cssPath: "/assets/upload.css" cssPath: "/assets/upload.css",
}; };
if (template) return renderTemplate(template, values); if (template) return renderTemplate(template, values);
return page(request.title, ` return page(
request.title,
`
<section class="panel"> <section class="panel">
<h1>${values.title}</h1> <h1>${values.title}</h1>
<form method="post" action="/r/${values.slug}" enctype="multipart/form-data"> <form method="post" action="/r/${values.slug}" enctype="multipart/form-data">
@@ -229,15 +336,18 @@ async function uploadPage(request) {
<div class="actions"><button type="submit">업로드</button></div> <div class="actions"><button type="submit">업로드</button></div>
</form> </form>
</section> </section>
`); `
);
} }
async function directorySize(dir) { async function directorySize(dir) {
let total = 0; let total = 0;
const entries = await fsp.readdir(dir, { withFileTypes: true }).catch((error) => { const entries = await fsp
if (error.code === "ENOENT") return []; .readdir(dir, { withFileTypes: true })
throw error; .catch((error) => {
}); if (error.code === "ENOENT") return [];
throw error;
});
for (const entry of entries) { for (const entry of entries) {
const fullPath = path.join(dir, entry.name); const fullPath = path.join(dir, entry.name);
if (entry.isDirectory()) { if (entry.isDirectory()) {
@@ -262,7 +372,10 @@ async function moveUploadedFiles(files, targetDir) {
} }
} }
async function appendUploadMetadata(targetDir, { guestPhone, folderName, files }) { async function appendUploadMetadata(
targetDir,
{ guestPhone, folderName, files }
) {
const entry = { const entry = {
uploadedAt: new Date().toISOString(), uploadedAt: new Date().toISOString(),
guestPhone, guestPhone,
@@ -270,19 +383,25 @@ async function appendUploadMetadata(targetDir, { guestPhone, folderName, files }
files: files.map((file) => ({ files: files.map((file) => ({
storedName: file.filename, storedName: file.filename,
originalName: Buffer.from(file.originalname, "latin1").toString("utf8"), originalName: Buffer.from(file.originalname, "latin1").toString("utf8"),
size: file.size size: file.size,
})) })),
}; };
await fsp.appendFile(path.join(targetDir, "upload-metadata.jsonl"), `${JSON.stringify(entry)}\n`, "utf8"); await fsp.appendFile(
path.join(targetDir, "upload-metadata.jsonl"),
`${JSON.stringify(entry)}\n`,
"utf8"
);
} }
async function readUploadMetadata(folderName) { async function readUploadMetadata(folderName) {
const requestDir = path.join(uploadsDir, folderName); const requestDir = path.join(uploadsDir, folderName);
const paths = [path.join(requestDir, "upload-metadata.jsonl")]; const paths = [path.join(requestDir, "upload-metadata.jsonl")];
const entries = await fsp.readdir(requestDir, { withFileTypes: true }).catch((error) => { const entries = await fsp
if (error.code === "ENOENT") return []; .readdir(requestDir, { withFileTypes: true })
throw error; .catch((error) => {
}); if (error.code === "ENOENT") return [];
throw error;
});
for (const entry of entries) { for (const entry of entries) {
if (entry.isDirectory()) { if (entry.isDirectory()) {
paths.push(path.join(requestDir, entry.name, "upload-metadata.jsonl")); paths.push(path.join(requestDir, entry.name, "upload-metadata.jsonl"));
@@ -303,7 +422,9 @@ async function readUploadMetadata(folderName) {
} }
} }
} }
return submissions.sort((a, b) => String(a.uploadedAt || "").localeCompare(String(b.uploadedAt || ""))); return submissions.sort((a, b) =>
String(a.uploadedAt || "").localeCompare(String(b.uploadedAt || ""))
);
} }
function formatDateTime(value) { function formatDateTime(value) {
@@ -312,14 +433,28 @@ function formatDateTime(value) {
return new Intl.DateTimeFormat("ko-KR", { return new Intl.DateTimeFormat("ko-KR", {
timeZone: "Asia/Seoul", timeZone: "Asia/Seoul",
dateStyle: "medium", dateStyle: "medium",
timeStyle: "short" timeStyle: "short",
}).format(date); }).format(date);
} }
app.get("/", (req, res) => res.redirect("/admin")); app.get("/", (req, res) => {
res
.status(404)
.send(
page(
"페이지 없음",
`error`
)
);
});
app.use("/admin", requireAdminIp);
app.get("/admin/login", (req, res) => { app.get("/admin/login", (req, res) => {
res.send(page("관리자 로그인", ` res.send(
page(
"관리자 로그인",
`
<section class="panel"> <section class="panel">
<h1>사진 요청 관리자</h1> <h1>사진 요청 관리자</h1>
<form method="post" action="/admin/login"> <form method="post" action="/admin/login">
@@ -328,18 +463,34 @@ app.get("/admin/login", (req, res) => {
<div class="actions"><button type="submit">로그인</button></div> <div class="actions"><button type="submit">로그인</button></div>
</form> </form>
</section> </section>
`)); `
)
);
}); });
app.post("/admin/login", (req, res) => { app.post("/admin/login", (req, res) => {
const supplied = Buffer.from(req.body.password || ""); const supplied = Buffer.from(req.body.password || "");
const expected = Buffer.from(adminPassword); const expected = Buffer.from(adminPassword);
const ok = supplied.length === expected.length && crypto.timingSafeEqual(supplied, expected); const ok =
supplied.length === expected.length &&
crypto.timingSafeEqual(supplied, expected);
if (!ok) { if (!ok) {
res.status(401).send(page("로그인 실패", `<section class="panel"><h1>로그인 실패</h1><p class="muted">비밀번호가 맞지 않아.</p><a class="button" href="/admin/login">다시 시도</a></section>`)); res
.status(401)
.send(
page(
"로그인 실패",
`<section class="panel"><h1>로그인 실패</h1><p class="muted">비밀번호가 맞지 않아.</p><a class="button" href="/admin/login">다시 시도</a></section>`
)
);
return; return;
} }
res.cookie("session", makeSession(), { httpOnly: true, sameSite: "lax", secure: req.secure, maxAge: 1000 * 60 * 60 * 12 }); res.cookie("session", makeSession(), {
httpOnly: true,
sameSite: "lax",
secure: req.secure,
maxAge: 1000 * 60 * 60 * 12,
});
res.redirect("/admin"); res.redirect("/admin");
}); });
@@ -356,22 +507,34 @@ app.get("/admin", requireAdmin, async (req, res) => {
.map((item) => { .map((item) => {
const url = `${publicBaseUrl}/r/${item.slug}`; const url = `${publicBaseUrl}/r/${item.slug}`;
return `<tr> return `<tr>
<td><strong>${escapeHtml(item.title)}</strong><br><span class="muted">${escapeHtml(item.folderName)}</span></td> <td><strong>${escapeHtml(
item.title
)}</strong><br><span class="muted">${escapeHtml(
item.folderName
)}</span></td>
<td><a href="${escapeHtml(url)}">${escapeHtml(url)}</a></td> <td><a href="${escapeHtml(url)}">${escapeHtml(url)}</a></td>
<td>${Math.round(item.maxBytes / 1024 / 1024)} MB</td> <td>${Math.round(item.maxBytes / 1024 / 1024)} MB</td>
<td>${escapeHtml(item.allowedExts.join(", "))}</td> <td>${escapeHtml(item.allowedExts.join(", "))}</td>
<td> <td>
<div class="stack"> <div class="stack">
<a class="button secondary" href="/admin/requests/${escapeHtml(item.slug)}/submissions">제출 내역</a> <a class="button secondary" href="/admin/requests/${escapeHtml(
<form method="post" action="/admin/requests/${escapeHtml(item.slug)}/delete" onsubmit="return confirm('링크를 삭제할까? 업로드된 파일은 유지돼.');"> item.slug
)}/submissions">제출 내역</a>
<form method="post" action="/admin/requests/${escapeHtml(
item.slug
)}/delete" onsubmit="return confirm('링크를 삭제할까? 업로드된 파일은 유지돼.');">
<button class="danger" type="submit">삭제</button> <button class="danger" type="submit">삭제</button>
</form> </form>
</div> </div>
</td> </td>
</tr>`; </tr>`;
}).join(""); })
.join("");
res.send(page("사진 요청 관리자", ` res.send(
page(
"사진 요청 관리자",
`
<section class="panel"> <section class="panel">
<form method="post" action="/admin/logout" style="float:right"><button type="submit">로그아웃</button></form> <form method="post" action="/admin/logout" style="float:right"><button type="submit">로그아웃</button></form>
<h1>사진 요청 관리자</h1> <h1>사진 요청 관리자</h1>
@@ -387,23 +550,37 @@ app.get("/admin", requireAdmin, async (req, res) => {
</div> </div>
</div> </div>
<label>허용 확장자</label> <label>허용 확장자</label>
<input name="allowedExts" value="${escapeHtml(defaultExts.join(", "))}" required> <input name="allowedExts" value="${escapeHtml(
defaultExts.join(", ")
)}" required>
<div class="actions"><button type="submit">링크 만들기</button></div> <div class="actions"><button type="submit">링크 만들기</button></div>
</form> </form>
<h2>활성 링크</h2> <h2>활성 링크</h2>
<table class="table"> <table class="table">
<thead><tr><th>요청</th><th>링크</th><th>총 용량 제한</th><th>확장자</th><th></th></tr></thead> <thead><tr><th>요청</th><th>링크</th><th>총 용량 제한</th><th>확장자</th><th></th></tr></thead>
<tbody>${rows || `<tr><td colspan="5" class="muted">아직 만든 링크가 없어.</td></tr>`}</tbody> <tbody>${
rows ||
`<tr><td colspan="5" class="muted">아직 만든 링크가 없어.</td></tr>`
}</tbody>
</table> </table>
</section> </section>
`)); `
)
);
}); });
app.get("/admin/requests/:slug/submissions", requireAdmin, async (req, res) => { app.get("/admin/requests/:slug/submissions", requireAdmin, async (req, res) => {
const db = await readDb(); const db = await readDb();
const item = db.requests.find((request) => request.slug === req.params.slug); const item = db.requests.find((request) => request.slug === req.params.slug);
if (!item) { if (!item) {
res.status(404).send(page("제출 내역 없음", `<section class="panel"><h1>제출 내역 없음</h1><p class="muted">해당 링크를 찾을 수 없어.</p><a class="button" href="/admin">돌아가기</a></section>`)); res
.status(404)
.send(
page(
"제출 내역 없음",
`<section class="panel"><h1>제출 내역 없음</h1><p class="muted">해당 링크를 찾을 수 없어.</p><a class="button" href="/admin">돌아가기</a></section>`
)
);
return; return;
} }
@@ -424,25 +601,39 @@ app.get("/admin/requests/:slug/submissions", requireAdmin, async (req, res) => {
<dl> <dl>
<dt>연락처</dt><dd>${escapeHtml(submission.guestPhone || "-")}</dd> <dt>연락처</dt><dd>${escapeHtml(submission.guestPhone || "-")}</dd>
<dt>저장 폴더</dt><dd>${escapeHtml(submission.folderName || "-")}</dd> <dt>저장 폴더</dt><dd>${escapeHtml(submission.folderName || "-")}</dd>
<dt>제출 시간</dt><dd>${escapeHtml(formatDateTime(submission.uploadedAt))}</dd> <dt>제출 시간</dt><dd>${escapeHtml(
formatDateTime(submission.uploadedAt)
)}</dd>
<dt>파일 수</dt><dd>${files.length}개</dd> <dt>파일 수</dt><dd>${files.length}개</dd>
</dl> </dl>
<ul class="file-list-admin">${fileItems || `<li class="muted">파일 기록이 없어.</li>`}</ul> <ul class="file-list-admin">${
fileItems || `<li class="muted">파일 기록이 없어.</li>`
}</ul>
</article>`; </article>`;
}) })
.join(""); .join("");
res.send(page(`${item.title} 제출 내역`, ` res.send(
page(
`${item.title} 제출 내역`,
`
<section class="panel"> <section class="panel">
<div class="actions" style="float:right"> <div class="actions" style="float:right">
<a class="button secondary" href="/admin">관리자 홈</a> <a class="button secondary" href="/admin">관리자 홈</a>
</div> </div>
<h1>${escapeHtml(item.title)} 제출 내역</h1> <h1>${escapeHtml(item.title)} 제출 내역</h1>
<p class="muted">저장 위치: ${escapeHtml(path.join(uploadsDir, item.folderName))}</p> <p class="muted">저장 위치: ${escapeHtml(
path.join(uploadsDir, item.folderName)
)}</p>
<p class="muted">제출 정보 파일: 각 연락처/익명 폴더의 upload-metadata.jsonl</p> <p class="muted">제출 정보 파일: 각 연락처/익명 폴더의 upload-metadata.jsonl</p>
${rows || `<div class="notice">아직 이 링크로 제출된 내역이 없어. 예전 업로드는 메타데이터가 없으면 여기에는 표시되지 않을 수 있어.</div>`} ${
rows ||
`<div class="notice">아직 이 링크로 제출된 내역이 없어. 예전 업로드는 메타데이터가 없으면 여기에는 표시되지 않을 수 있어.</div>`
}
</section> </section>
`)); `
)
);
}); });
app.post("/admin/requests", requireAdmin, async (req, res) => { app.post("/admin/requests", requireAdmin, async (req, res) => {
@@ -451,11 +642,20 @@ app.post("/admin/requests", requireAdmin, async (req, res) => {
const allowedExts = normalizeExts(req.body.allowedExts); const allowedExts = normalizeExts(req.body.allowedExts);
const maxMb = Math.max(1, Math.min(20480, Number(req.body.maxMb || 500))); const maxMb = Math.max(1, Math.min(20480, Number(req.body.maxMb || 500)));
if (allowedExts.length === 0) { if (allowedExts.length === 0) {
res.status(400).send(page("입력 오류", `<section class="panel"><h1>입력 오류</h1><p class="muted">허용 확장자를 하나 이상 넣어야 해.</p><a class="button" href="/admin">돌아가기</a></section>`)); res
.status(400)
.send(
page(
"입력 오류",
`<section class="panel"><h1>입력 오류</h1><p class="muted">허용 확장자를 하나 이상 넣어야 해.</p><a class="button" href="/admin">돌아가기</a></section>`
)
);
return; return;
} }
const slug = crypto.randomBytes(16).toString("base64url"); const slug = crypto.randomBytes(16).toString("base64url");
const folderName = `${new Date().toISOString().slice(0, 10)}_${title}_${slug.slice(0, 6)}`; const folderName = `${new Date()
.toISOString()
.slice(0, 10)}_${title}_${slug.slice(0, 6)}`;
await fsp.mkdir(path.join(uploadsDir, folderName), { recursive: true }); await fsp.mkdir(path.join(uploadsDir, folderName), { recursive: true });
db.requests.push({ db.requests.push({
slug, slug,
@@ -463,7 +663,7 @@ app.post("/admin/requests", requireAdmin, async (req, res) => {
folderName, folderName,
maxBytes: maxMb * 1024 * 1024, maxBytes: maxMb * 1024 * 1024,
allowedExts, allowedExts,
createdAt: new Date().toISOString() createdAt: new Date().toISOString(),
}); });
await writeDb(db); await writeDb(db);
res.redirect("/admin"); res.redirect("/admin");
@@ -471,7 +671,9 @@ app.post("/admin/requests", requireAdmin, async (req, res) => {
app.post("/admin/requests/:slug/delete", requireAdmin, async (req, res) => { app.post("/admin/requests/:slug/delete", requireAdmin, async (req, res) => {
const db = await readDb(); const db = await readDb();
const item = db.requests.find((request) => request.slug === req.params.slug && !request.deletedAt); const item = db.requests.find(
(request) => request.slug === req.params.slug && !request.deletedAt
);
if (item) item.deletedAt = new Date().toISOString(); if (item) item.deletedAt = new Date().toISOString();
await writeDb(db); await writeDb(db);
res.redirect("/admin"); res.redirect("/admin");
@@ -479,7 +681,9 @@ app.post("/admin/requests/:slug/delete", requireAdmin, async (req, res) => {
async function findRequest(slug) { async function findRequest(slug) {
const db = await readDb(); const db = await readDb();
return db.requests.find((request) => request.slug === slug && !request.deletedAt); return db.requests.find(
(request) => request.slug === slug && !request.deletedAt
);
} }
function uploadMiddleware(request) { function uploadMiddleware(request) {
@@ -494,25 +698,40 @@ function uploadMiddleware(request) {
} }
}, },
filename: (req, file, cb) => { filename: (req, file, cb) => {
const safe = sanitizeFileName(Buffer.from(file.originalname, "latin1").toString("utf8")); const safe = sanitizeFileName(
cb(null, `${Date.now()}_${crypto.randomBytes(4).toString("hex")}_${safe}`); Buffer.from(file.originalname, "latin1").toString("utf8")
} );
cb(
null,
`${Date.now()}_${crypto.randomBytes(4).toString("hex")}_${safe}`
);
},
}); });
return multer({ return multer({
storage, storage,
limits: { files: 100 }, limits: { files: 100 },
fileFilter: (req, file, cb) => { fileFilter: (req, file, cb) => {
const ext = path.extname(file.originalname).replace(".", "").toLowerCase(); const ext = path
.extname(file.originalname)
.replace(".", "")
.toLowerCase();
cb(null, request.allowedExts.includes(ext)); cb(null, request.allowedExts.includes(ext));
} },
}).array("files", 100); }).array("files", 100);
} }
app.get("/r/:slug", async (req, res) => { app.get("/r/:slug", async (req, res) => {
const request = await findRequest(req.params.slug); const request = await findRequest(req.params.slug);
if (!request) { if (!request) {
res.status(404).send(page("링크 없음", `<section class="panel"><h1>링크가 없거나 삭제됐어</h1></section>`)); res
.status(404)
.send(
page(
"링크 없음",
`<section class="panel"><h1>링크가 없거나 삭제됐어</h1></section>`
)
);
return; return;
} }
res.send(await uploadPage(request)); res.send(await uploadPage(request));
@@ -521,7 +740,14 @@ app.get("/r/:slug", async (req, res) => {
app.post("/r/:slug", async (req, res) => { app.post("/r/:slug", async (req, res) => {
const request = await findRequest(req.params.slug); const request = await findRequest(req.params.slug);
if (!request) { if (!request) {
res.status(404).send(page("링크 없음", `<section class="panel"><h1>링크가 없거나 삭제됐어</h1></section>`)); res
.status(404)
.send(
page(
"링크 없음",
`<section class="panel"><h1>링크가 없거나 삭제됐어</h1></section>`
)
);
return; return;
} }
const upload = uploadMiddleware(request); const upload = uploadMiddleware(request);
@@ -533,7 +759,15 @@ app.post("/r/:slug", async (req, res) => {
res.status(400).json({ ok: false, message }); res.status(400).json({ ok: false, message });
return; return;
} }
res.status(400).send(uploadResultPage(request, { heading: "업로드 실패", message, isError: true })); res
.status(400)
.send(
uploadResultPage(request, {
heading: "업로드 실패",
message,
isError: true,
})
);
return; return;
} }
try { try {
@@ -546,12 +780,28 @@ app.post("/r/:slug", async (req, res) => {
const incomingBytes = files.reduce((total, file) => total + file.size, 0); const incomingBytes = files.reduce((total, file) => total + file.size, 0);
if (existingBytes + incomingBytes > request.maxBytes) { if (existingBytes + incomingBytes > request.maxBytes) {
await removeFiles(files); await removeFiles(files);
const remainMb = Math.max(0, Math.floor((request.maxBytes - existingBytes) / 1024 / 1024)); const remainMb = Math.max(
0,
Math.floor((request.maxBytes - existingBytes) / 1024 / 1024)
);
if (wantsJson(req)) { if (wantsJson(req)) {
res.status(400).json({ ok: false, message: `업로드 가능한 용량을 넘었어요. 남은 용량은 약 ${remainMb} MB예요.` }); res
.status(400)
.json({
ok: false,
message: `업로드 가능한 용량을 넘었어요. 남은 용량은 약 ${remainMb} MB예요.`,
});
return; return;
} }
res.status(400).send(uploadResultPage(request, { heading: "업로드 실패", message: `업로드 가능한 용량을 넘었어요. 남은 용량은 약 ${remainMb} MB예요.`, isError: true })); res
.status(400)
.send(
uploadResultPage(request, {
heading: "업로드 실패",
message: `업로드 가능한 용량을 넘었어요. 남은 용량은 약 ${remainMb} MB예요.`,
isError: true,
})
);
return; return;
} }
await moveUploadedFiles(files, targetDir); await moveUploadedFiles(files, targetDir);
@@ -560,14 +810,32 @@ app.post("/r/:slug", async (req, res) => {
res.json({ ok: true, count: files.length }); res.json({ ok: true, count: files.length });
return; return;
} }
res.send(uploadResultPage(request, { heading: "감사합니다", message: `${files.length}개의 파일 잘 받았습니다. 소중한 오늘을 함께 남겨주셔서 감사드립니다.` })); res.send(
uploadResultPage(request, {
heading: "감사합니다",
message: `${files.length}개의 파일 잘 받았습니다. 소중한 오늘을 함께 남겨주셔서 감사드립니다.`,
})
);
} catch { } catch {
await removeFiles(req.files); await removeFiles(req.files);
if (wantsJson(req)) { if (wantsJson(req)) {
res.status(500).json({ ok: false, message: "파일을 저장하는 중 오류가 났어요. 다시 시도해 주세요." }); res
.status(500)
.json({
ok: false,
message: "파일을 저장하는 중 오류가 났어요. 다시 시도해 주세요.",
});
return; return;
} }
res.status(500).send(uploadResultPage(request, { heading: "업로드 실패", message: "파일을 저장하는 중 오류가 났어요. 다시 시도해 주세요.", isError: true })); res
.status(500)
.send(
uploadResultPage(request, {
heading: "업로드 실패",
message: "파일을 저장하는 중 오류가 났어요. 다시 시도해 주세요.",
isError: true,
})
);
} }
}); });
}); });