Switch to standalone Netlify Function for admin API
Remove Astro adapter (causes esbuild bundling errors on Netlify) and use a pure static build + standalone Netlify Function instead. - Removed @astrojs/netlify adapter — site builds as fully static - Created netlify/functions/admin.mts as a standalone Netlify Function - Function handles all admin API operations via GitHub API - Removed src/pages/api/admin.ts (Astro SSR route) - Local dev: admin syncs to localStorage (server sync fails silently) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Neeldhara Misra
parent
a90cd7283c
commit
8e61afac2b
4 changed files with 210 additions and 251 deletions
|
|
@ -1,249 +0,0 @@
|
|||
import type { APIRoute } from "astro";
|
||||
import { readFileSync, writeFileSync } from "node:fs";
|
||||
import { resolve } from "node:path";
|
||||
import { ADMIN_PASSWORD } from "@/lib/admin";
|
||||
|
||||
export const prerender = false;
|
||||
|
||||
// Use env var with fallback to hardcoded value
|
||||
const SERVER_ADMIN_PASSWORD = import.meta.env.ADMIN_PASSWORD || ADMIN_PASSWORD;
|
||||
|
||||
// GitHub API for committing changes (used in production on Netlify)
|
||||
const GITHUB_TOKEN = import.meta.env.GITHUB_TOKEN || "";
|
||||
const GITHUB_REPO = "nm-static/interactives";
|
||||
const GITHUB_BRANCH = "main";
|
||||
|
||||
const DATA_PATH = resolve("src/data/admin-data.json");
|
||||
const INTERACTIVES_PATH = resolve("src/lib/interactives.ts");
|
||||
|
||||
const DEFAULT_DATA = { statusOverrides: {}, notes: {}, ideas: [], todos: {} };
|
||||
|
||||
async function readData() {
|
||||
if (isNetlify()) {
|
||||
const file = await githubGetFile("src/data/admin-data.json");
|
||||
if (file) return { ...DEFAULT_DATA, ...JSON.parse(file.content), _sha: file.sha };
|
||||
return { ...DEFAULT_DATA };
|
||||
}
|
||||
try {
|
||||
return JSON.parse(readFileSync(DATA_PATH, "utf-8"));
|
||||
} catch {
|
||||
return { ...DEFAULT_DATA };
|
||||
}
|
||||
}
|
||||
|
||||
async function writeData(data: any) {
|
||||
const { _sha, ...cleanData } = data;
|
||||
const content = JSON.stringify(cleanData, null, 2) + "\n";
|
||||
if (isNetlify()) {
|
||||
await githubPutFile(
|
||||
"src/data/admin-data.json",
|
||||
content,
|
||||
"admin: update admin data",
|
||||
_sha
|
||||
);
|
||||
} else {
|
||||
writeFileSync(DATA_PATH, content);
|
||||
}
|
||||
}
|
||||
|
||||
function applyStatusChange(source: string, slug: string, newStatus: string): string | null {
|
||||
const slugPattern = `slug: "${slug}"`;
|
||||
const slugIndex = source.indexOf(slugPattern);
|
||||
if (slugIndex === -1) return null;
|
||||
const closingIndex = source.indexOf("\n },", slugIndex);
|
||||
if (closingIndex === -1) return null;
|
||||
const block = source.substring(slugIndex, closingIndex);
|
||||
const statusMatch = block.match(/status: "(\w+)" as const,/);
|
||||
if (!statusMatch) return null;
|
||||
const oldStatusStr = `status: "${statusMatch[1]}" as const,`;
|
||||
const newStatusStr = `status: "${newStatus}" as const,`;
|
||||
const statusOffset = block.indexOf(oldStatusStr);
|
||||
if (statusOffset === -1) return null;
|
||||
const absOffset = slugIndex + statusOffset;
|
||||
return source.substring(0, absOffset) + newStatusStr + source.substring(absOffset + oldStatusStr.length);
|
||||
}
|
||||
|
||||
function applyDelete(source: string, slug: string): string | null {
|
||||
const slugPattern = `slug: "${slug}"`;
|
||||
const slugIndex = source.indexOf(slugPattern);
|
||||
if (slugIndex === -1) return null;
|
||||
let braceStart = source.lastIndexOf(" {", slugIndex);
|
||||
if (braceStart === -1) return null;
|
||||
const closingPattern = "\n },";
|
||||
let braceEnd = source.indexOf(closingPattern, slugIndex);
|
||||
if (braceEnd === -1) return null;
|
||||
braceEnd += closingPattern.length;
|
||||
const beforeBrace = source.substring(0, braceStart);
|
||||
const lastNewline = beforeBrace.lastIndexOf("\n");
|
||||
const lineBefore = beforeBrace.substring(lastNewline + 1).trim();
|
||||
const deleteFrom = lineBefore.startsWith("//") ? lastNewline + 1 : braceStart;
|
||||
return source.substring(0, deleteFrom) + source.substring(braceEnd).replace(/\n{3,}/g, "\n\n");
|
||||
}
|
||||
|
||||
async function updateInteractivesSource(slug: string, newStatus: string): Promise<boolean> {
|
||||
try {
|
||||
if (isNetlify()) {
|
||||
const file = await githubGetFile("src/lib/interactives.ts");
|
||||
if (!file) return false;
|
||||
const updated = applyStatusChange(file.content, slug, newStatus);
|
||||
if (!updated) return false;
|
||||
return await githubPutFile("src/lib/interactives.ts", updated, `admin: set ${slug} to ${newStatus}`, file.sha);
|
||||
}
|
||||
const source = readFileSync(INTERACTIVES_PATH, "utf-8");
|
||||
const updated = applyStatusChange(source, slug, newStatus);
|
||||
if (!updated) return false;
|
||||
writeFileSync(INTERACTIVES_PATH, updated);
|
||||
return true;
|
||||
} catch (e) {
|
||||
console.error("Failed to update interactives.ts:", e);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
async function deleteInteractiveFromSource(slug: string): Promise<boolean> {
|
||||
try {
|
||||
if (isNetlify()) {
|
||||
const file = await githubGetFile("src/lib/interactives.ts");
|
||||
if (!file) return false;
|
||||
const updated = applyDelete(file.content, slug);
|
||||
if (!updated) return false;
|
||||
return await githubPutFile("src/lib/interactives.ts", updated, `admin: delete ${slug}`, file.sha);
|
||||
}
|
||||
const source = readFileSync(INTERACTIVES_PATH, "utf-8");
|
||||
const updated = applyDelete(source, slug);
|
||||
if (!updated) return false;
|
||||
writeFileSync(INTERACTIVES_PATH, updated);
|
||||
return true;
|
||||
} catch (e) {
|
||||
console.error("Failed to delete from interactives.ts:", e);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
function checkAuth(request: Request): boolean {
|
||||
const auth = request.headers.get("x-admin-password");
|
||||
return auth === SERVER_ADMIN_PASSWORD;
|
||||
}
|
||||
|
||||
// --- GitHub API helpers for production persistence ---
|
||||
|
||||
async function githubGetFile(path: string): Promise<{ content: string; sha: string } | null> {
|
||||
if (!GITHUB_TOKEN) return null;
|
||||
try {
|
||||
const res = await fetch(
|
||||
`https://api.github.com/repos/${GITHUB_REPO}/contents/${path}?ref=${GITHUB_BRANCH}`,
|
||||
{ headers: { Authorization: `Bearer ${GITHUB_TOKEN}`, Accept: "application/vnd.github.v3+json" } }
|
||||
);
|
||||
if (!res.ok) return null;
|
||||
const data = await res.json();
|
||||
return { content: Buffer.from(data.content, "base64").toString("utf-8"), sha: data.sha };
|
||||
} catch { return null; }
|
||||
}
|
||||
|
||||
async function githubPutFile(path: string, content: string, message: string, sha?: string): Promise<boolean> {
|
||||
if (!GITHUB_TOKEN) return false;
|
||||
try {
|
||||
const body: any = {
|
||||
message,
|
||||
content: Buffer.from(content).toString("base64"),
|
||||
branch: GITHUB_BRANCH,
|
||||
};
|
||||
if (sha) body.sha = sha;
|
||||
const res = await fetch(
|
||||
`https://api.github.com/repos/${GITHUB_REPO}/contents/${path}`,
|
||||
{
|
||||
method: "PUT",
|
||||
headers: { Authorization: `Bearer ${GITHUB_TOKEN}`, Accept: "application/vnd.github.v3+json", "Content-Type": "application/json" },
|
||||
body: JSON.stringify(body),
|
||||
}
|
||||
);
|
||||
return res.ok;
|
||||
} catch { return false; }
|
||||
}
|
||||
|
||||
// Check if we're running on Netlify (serverless) vs local dev
|
||||
function isNetlify(): boolean {
|
||||
return !!GITHUB_TOKEN;
|
||||
}
|
||||
|
||||
export const GET: APIRoute = async ({ request }) => {
|
||||
if (!checkAuth(request)) {
|
||||
return new Response(JSON.stringify({ error: "Unauthorized" }), { status: 401 });
|
||||
}
|
||||
const data = await readData();
|
||||
const { _sha, ...cleanData } = data;
|
||||
return new Response(JSON.stringify(cleanData), {
|
||||
headers: { "Content-Type": "application/json" },
|
||||
});
|
||||
};
|
||||
|
||||
export const POST: APIRoute = async ({ request }) => {
|
||||
if (!checkAuth(request)) {
|
||||
return new Response(JSON.stringify({ error: "Unauthorized" }), { status: 401 });
|
||||
}
|
||||
|
||||
const body = await request.json();
|
||||
const data = await readData();
|
||||
|
||||
if (body.action === "setStatus") {
|
||||
data.statusOverrides[body.slug] = body.status;
|
||||
} else if (body.action === "clearStatus") {
|
||||
delete data.statusOverrides[body.slug];
|
||||
} else if (body.action === "commitStatus") {
|
||||
const success = await updateInteractivesSource(body.slug, body.status);
|
||||
if (success) {
|
||||
delete data.statusOverrides[body.slug];
|
||||
await writeData(data);
|
||||
return new Response(
|
||||
JSON.stringify({ ok: true, committed: true }),
|
||||
{ headers: { "Content-Type": "application/json" } }
|
||||
);
|
||||
} else {
|
||||
return new Response(
|
||||
JSON.stringify({ ok: false, error: "Failed to update source file" }),
|
||||
{ status: 500, headers: { "Content-Type": "application/json" } }
|
||||
);
|
||||
}
|
||||
} else if (body.action === "setNote") {
|
||||
if (body.note?.trim()) {
|
||||
data.notes[body.slug] = body.note;
|
||||
} else {
|
||||
delete data.notes[body.slug];
|
||||
}
|
||||
} else if (body.action === "addIdea") {
|
||||
const idea = body.idea;
|
||||
data.ideas.push({
|
||||
...idea,
|
||||
id: idea.id || crypto.randomUUID(),
|
||||
createdAt: idea.createdAt || new Date().toISOString().split("T")[0],
|
||||
});
|
||||
} else if (body.action === "removeIdea") {
|
||||
data.ideas = data.ideas.filter((i: any) => i.id !== body.id);
|
||||
} else if (body.action === "updateIdea") {
|
||||
data.ideas = data.ideas.map((i: any) =>
|
||||
i.id === body.id ? { ...i, ...body.updates } : i
|
||||
);
|
||||
} else if (body.action === "deleteInteractive") {
|
||||
const success = await deleteInteractiveFromSource(body.slug);
|
||||
delete data.statusOverrides[body.slug];
|
||||
delete data.notes[body.slug];
|
||||
delete data.todos[body.slug];
|
||||
await writeData(data);
|
||||
return new Response(
|
||||
JSON.stringify({ ok: success, deleted: success }),
|
||||
{ headers: { "Content-Type": "application/json" } }
|
||||
);
|
||||
} else if (body.action === "setTodos") {
|
||||
data.todos = body.todos;
|
||||
} else if (body.action === "saveAll") {
|
||||
if (body.statusOverrides) data.statusOverrides = body.statusOverrides;
|
||||
if (body.notes) data.notes = body.notes;
|
||||
if (body.ideas) data.ideas = body.ideas;
|
||||
if (body.todos) data.todos = body.todos;
|
||||
}
|
||||
|
||||
await writeData(data);
|
||||
return new Response(JSON.stringify({ ok: true }), {
|
||||
headers: { "Content-Type": "application/json" },
|
||||
});
|
||||
};
|
||||
Loading…
Add table
Add a link
Reference in a new issue