diff --git a/apps/classbot/src/api/client.js b/apps/classbot/src/api/client.js
index 7325d9e..f93ad03 100644
--- a/apps/classbot/src/api/client.js
+++ b/apps/classbot/src/api/client.js
@@ -26,6 +26,7 @@ function readLocal() {
}
let localState = readLocal();
+if (!Array.isArray(localState.files)) localState.files = [];
function persistLocal() {
try { localStorage.setItem(STORAGE_KEY, JSON.stringify(localState)); } catch { /* private mode */ }
@@ -37,11 +38,12 @@ function nextId(prefix) {
async function request(path, options = {}) {
const { body, headers, root = false, ...rest } = options;
+ const isFormData = typeof FormData !== "undefined" && body instanceof FormData;
const response = await fetch(root ? path : resolveApiPath(path), {
credentials: "same-origin",
...rest,
- headers: body ? { "Content-Type": "application/json", ...headers } : headers,
- body: body && typeof body !== "string" ? JSON.stringify(body) : body,
+ headers: body && !isFormData ? { "Content-Type": "application/json", ...headers } : headers,
+ body: body && typeof body !== "string" && !isFormData ? JSON.stringify(body) : body,
});
const data = await response.json().catch(() => ({}));
if (!response.ok) {
@@ -111,6 +113,13 @@ export const api = {
createMember(input, options) { return remoteOrLocal(() => request("/api/admin/members", { method: "POST", headers: idempotencyHeaders("member", input, options), body: input }), () => createItem("members", "member", { status: "invited", notification_enabled: true, daily_digest_enabled: true, ...input })); },
updateMember(id, patch) { return remoteOrLocal(() => request(`/api/admin/members/${id}`, { method: "PATCH", body: patch }), () => updateItem("members", id, patch)); },
inviteMember(id, options = {}) { return remoteOrLocal(() => request(`/api/admin/members/${id}/invite`, { method: "POST", headers: { "Idempotency-Key": options.idempotencyKey || createIdempotencyKey("invite") } }), () => ({ invite_url: `${location.origin}/join/demo-${id.slice(-4)}`, expires_at: new Date(Date.now() + 7 * 86_400_000).toISOString() })); },
+ memberTimetable(id, { weekday, date } = {}) {
+ const query = new URLSearchParams();
+ if (weekday != null) query.set("weekday", String(weekday));
+ if (date) query.set("date", date);
+ return request(`/api/admin/members/${id}/timetable${query.size ? `?${query.toString()}` : ""}`);
+ },
+ saveMemberTimetable(id, rows) { return request(`/api/admin/members/${id}/timetable`, { method: "PUT", body: { rows } }); },
timetable() { return remoteOrLocal(() => request("/api/admin/timetable"), () => ({ items: structuredClone(localState.timetable) })); },
saveTimetable(weekday, items) {
return remoteOrLocal(async () => {
@@ -131,6 +140,64 @@ export const api = {
updateNotice(id, patch) { return remoteOrLocal(() => request(`/api/admin/notices/${id}`, { method: "PATCH", body: patch }), () => updateItem("notices", id, patch)); },
deleteNotice(id) { return remoteOrLocal(() => request(`/api/admin/notices/${id}`, { method: "DELETE" }), () => { localState.notices = localState.notices.filter((item) => item.id !== id); persistLocal(); return { ok: true }; }); },
sendNotice(id, options = {}) { return remoteOrLocal(() => request(`/api/admin/notices/${id}/send`, { method: "POST", headers: { "Idempotency-Key": options.idempotencyKey || createIdempotencyKey("notice-send") } }), () => updateItem("notices", id, { status: "published", published_at: new Date().toISOString() })); },
+ files() { return remoteOrLocal(() => request("/api/admin/files"), () => ({ items: structuredClone(localState.files) })); },
+ uploadFile(input, options) {
+ const body = new FormData();
+ body.append("file", input.file);
+ body.append("alias", input.alias);
+ body.append("description", input.description || "");
+ body.append("member_id", input.member_id || "");
+ body.append("visibility", input.member_id ? "private" : "class");
+ return remoteOrLocal(
+ () => request("/api/admin/files", { method: "POST", headers: idempotencyHeaders("file", input, options), body }),
+ () => {
+ const now = new Date().toISOString();
+ const item = {
+ id: nextId("file"), alias: input.alias, description: input.description || "", member_id: input.member_id || null,
+ filename: input.file.name, original_name: input.file.name, mime_type: input.file.type || "application/octet-stream",
+ size_bytes: input.file.size, visibility: input.member_id ? "private" : "class",
+ download_url: URL.createObjectURL(input.file), created_at: now, updated_at: now,
+ };
+ localState.files.unshift(item);
+ persistLocal();
+ return { item: structuredClone(item) };
+ },
+ );
+ },
+ deleteFile(id) { return remoteOrLocal(() => request(`/api/admin/files/${id}`, { method: "DELETE" }), () => { localState.files = localState.files.filter((item) => item.id !== id); persistLocal(); return { ok: true }; }); },
+ fileDownloadUrl(item) {
+ const value = item?.admin_download_url || item?.download_url || item?.file_url;
+ if (value) return new URL(value, location.href).href;
+ return new URL(resolveApiPath(`/api/admin/files/${item.id}/download`), location.href).href;
+ },
+ fileShareUrl(item) {
+ const value = item?.share_url || item?.public_url || item?.url;
+ if (value) return new URL(value, location.href).href;
+ const token = item?.share_token || item?.public_token || item?.token;
+ if (token) return new URL(resolveApiPath(`/api/files/${encodeURIComponent(token)}`), location.href).href;
+ return this.fileDownloadUrl(item);
+ },
+ portalSession() { return request("/api/portal/session"); },
+ portalLogin({ display_name, invite_code }) { return request("/api/portal/login", { method: "POST", body: { display_name, invite_code } }); },
+ portalLogout() { return request("/api/portal/logout", { method: "POST" }); },
+ portalOverview(from, to) {
+ const query = new URLSearchParams({ from, to });
+ return request(`/api/portal/overview?${query.toString()}`);
+ },
+ portalFiles() { return request("/api/portal/files"); },
+ portalFileUrl(value) {
+ if (!value) return "";
+ const url = new URL(value, location.href);
+ if (url.origin === location.origin && url.pathname.startsWith("/api/")) {
+ const base = new URL(API_PREFIX, location.href);
+ url.protocol = base.protocol; url.host = base.host;
+ url.pathname = `${base.pathname}${url.pathname.slice(4)}`;
+ }
+ return url.href;
+ },
+ portalCreateEvent(input, options) { return request("/api/portal/events", { method: "POST", headers: idempotencyHeaders("portal-event", input, options), body: input }); },
+ portalUpdateEvent(id, patch) { return request(`/api/portal/events/${id}`, { method: "PATCH", body: patch }); },
+ portalDeleteEvent(id) { return request(`/api/portal/events/${id}`, { method: "DELETE" }); },
notifications() { return remoteOrLocal(() => request("/api/admin/notifications"), () => ({ items: structuredClone(localState.notifications) })); },
testNotification(options = {}) { return remoteOrLocal(() => request("/api/admin/notifications/test", { method: "POST", headers: { "Idempotency-Key": options.idempotencyKey || createIdempotencyKey("notification-test") } }), () => createItem("notifications", "notification", { kind: "test", status: "reserved", scheduled_for: new Date().toISOString(), payload: { title: "테스트 알림" } })); },
};
diff --git a/apps/classbot/src/components/AppShell.jsx b/apps/classbot/src/components/AppShell.jsx
index 4adc96b..e73cbbf 100644
--- a/apps/classbot/src/components/AppShell.jsx
+++ b/apps/classbot/src/components/AppShell.jsx
@@ -1,6 +1,6 @@
import {
Bell, CalendarDays, ChevronDown, ClipboardList, Clock3,
- LayoutDashboard, Megaphone, Plus, Settings, Users, X,
+ FolderOpen, LayoutDashboard, Megaphone, Plus, Settings, Users, X,
} from "lucide-react";
const navItems = [
@@ -8,13 +8,14 @@ const navItems = [
["events", "일정", CalendarDays],
["timetable", "시간표", ClipboardList],
["notices", "반 공지", Megaphone],
+ ["files", "자료실", FolderOpen],
["members", "구성원", Users],
["notifications", "알림 기록", Bell],
["settings", "설정", Settings],
];
export function Brand() {
- return
Quilo
;
+ return 
Quilo schedule
;
}
export function Sidebar({ active, onNavigate, classroom, memberCount }) {
diff --git a/apps/classbot/src/pages/FilesPage.jsx b/apps/classbot/src/pages/FilesPage.jsx
new file mode 100644
index 0000000..5c286c9
--- /dev/null
+++ b/apps/classbot/src/pages/FilesPage.jsx
@@ -0,0 +1,113 @@
+import { useMemo, useRef, useState } from "react";
+import {
+ Copy, ExternalLink, FileImage, FileText, FolderOpen, LoaderCircle,
+ LockKeyhole, Trash2, Upload, Users, X,
+} from "lucide-react";
+import { dateLabel } from "../lib/format.js";
+
+const ACCEPTED_TYPES = "application/pdf,image/jpeg,image/png,image/webp,image/gif";
+const ACCEPTED_EXTENSIONS = /\.(pdf|png|jpe?g|webp|gif)$/i;
+
+function isAcceptedFile(file) {
+ return ["application/pdf", "image/jpeg", "image/png", "image/webp", "image/gif"].includes(file?.type) || ACCEPTED_EXTENSIONS.test(file?.name || "");
+}
+
+function originalName(item) {
+ return item.original_name || item.original_filename || item.file_name || item.filename || "파일";
+}
+
+function fileMime(item) {
+ return item.mime_type || item.content_type || "";
+}
+
+function fileSize(item) {
+ const value = Number(item.size_bytes ?? item.size ?? item.file_size ?? item.byte_size);
+ if (!Number.isFinite(value) || value < 0) return "용량 정보 없음";
+ if (value < 1024) return `${value} B`;
+ if (value < 1024 ** 2) return `${(value / 1024).toFixed(value < 10 * 1024 ? 1 : 0)} KB`;
+ return `${(value / 1024 ** 2).toFixed(value < 10 * 1024 ** 2 ? 1 : 0)} MB`;
+}
+
+export default function FilesPage({ files, members, busy, loading, error, onUpload, onDelete, onCopy, onRefresh, downloadUrl }) {
+ const inputRef = useRef(null);
+ const [file, setFile] = useState(null);
+ const [alias, setAlias] = useState("");
+ const [description, setDescription] = useState("");
+ const [memberId, setMemberId] = useState("");
+ const [fileError, setFileError] = useState("");
+ const targetOptions = useMemo(() => members.filter((member) => member.status !== "left"), [members]);
+ const memberNames = useMemo(() => new Map(members.map((member) => [member.id, member.display_name])), [members]);
+ const ordered = useMemo(() => [...files].sort((a, b) => new Date(b.created_at || 0) - new Date(a.created_at || 0)), [files]);
+
+ const chooseFile = (nextFile) => {
+ if (!nextFile) return;
+ if (!isAcceptedFile(nextFile)) {
+ setFileError("PDF, JPEG, PNG, WebP 또는 GIF 파일만 업로드할 수 있습니다.");
+ return;
+ }
+ setFile(nextFile);
+ setFileError("");
+ if (!alias.trim()) setAlias(nextFile.name.replace(/\.[^.]+$/, ""));
+ };
+
+ const reset = () => {
+ setFile(null); setAlias(""); setDescription(""); setMemberId(""); setFileError("");
+ if (inputRef.current) inputRef.current.value = "";
+ };
+
+ const submit = async (event) => {
+ event.preventDefault();
+ if (!file) { setFileError("업로드할 파일을 선택해 주세요."); return; }
+ if (!alias.trim() || busy) return;
+ const saved = await onUpload({ file, alias: alias.trim(), description: description.trim(), member_id: memberId || null });
+ if (saved !== false) reset();
+ };
+
+ return (
+ 
+
+
+
자료실
PDF와 이미지를 반 전체 또는 선택한 구성원에게 안전하게 공유합니다.