${esc(uri)}

\n 등록한 뒤 여기를 눌러 계정을 연결하세요.`,\n ),\n );\n});\n\nconst page = (title: string, body: string) => `\n${title}\n\n

${title}

${body}

`;\n\nconst esc = (s: unknown) =>\n String(s ?? \"\").replace(/[&<>\"]/g, (ch) => ({ \"&\": \"&\", \"<\": \"<\", \">\": \">\", '\"': \""\" })[ch]!);\n\napp.get(\"/\", async (c) => {\n requireToken(c.req.raw);\n const jobs = await recentJobs();\n const rows = jobs\n .map(\n (j) => `\n ${esc(j.publish_at.replace(\"T\", \" \").slice(0, 16))}\n ${esc(j.slug)}\n ${j.image_count}장\n ${esc(j.status)}\n ${esc(j.ig_media_id ?? j.error ?? \"\")}\n `,\n )\n .join(\"\");\n\n const t = await tokenState();\n const banner = t.connected\n ? `

@${esc(t.username)} 연결됨 · 토큰 만료까지 ${t.daysLeft}일 (만료 10일 전에 자동 갱신합니다)

`\n : `

인스타 계정이 아직 연결되지 않았습니다.\n 연결 안내 보기

`;\n\n return c.html(`\npf-carousel\n\n

예약 발행 현황

\n${banner}\n

시각은 UTC입니다. 한국 시간은 여기에 9시간을 더하세요.

\n\n \n ${rows || ''}\n

발행 예정	덱	장수	상태	결과
예약된 글이 없습니다.

`);\n});\n\nexport default app.fetch;\n",[130],"4b944380-d3ba-40af-b33c-44afb8fad3ea",["D",1785547007023],"import { currentToken, currentUserId } from \"./auth.ts\";\n\n// 인스타그램 콘텐츠 발행 API.\n//\n// 호스트가 graph.instagram.com 인 것이 핵심입니다. 이게 \"인스타그램 로그인\"\n// 방식이고, 페이스북 페이지를 연결하지 않아도 됩니다.\n// (graph.facebook.com 은 페이스북 로그인 방식이라 페이지가 필요합니다.)\n//\n// 캐러셀 발행은 3단계입니다.\n// 1) 이미지마다 자식 컨테이너를 만든다 (is_carousel_item=true)\n// 2) 자식들을 묶어 캐러셀 컨테이너를 만든다 (캡션은 여기 붙는다)\n// 3) 컨테이너가 FINISHED 가 되면 media_publish 한다\n// 컨테이너는 24시간 유효하므로 만들어 두고 다음 크론에서 이어받아도 됩니다.\n\nconst GRAPH = \"https://graph.instagram.com\";\n\nasync function post(path: string, params: Record) {\n const res = await fetch(`${GRAPH}/${path}`, {\n method: \"POST\",\n headers: { \"content-type\": \"application/x-www-form-urlencoded\" },\n body: new URLSearchParams({ ...params, access_token: await currentToken() }),\n });\n const json = await res.json().catch(() => ({}));\n if (!res.ok || json.error) {\n const e = json.error ?? {};\n throw new Error(\n `발행 API ${res.status}: ${e.message ?? \"알 수 없는 오류\"}` +\n (e.error_user_msg ? ` — ${e.error_user_msg}` : \"\") +\n ` [${path}]`,\n );\n }\n return json;\n}\n\nasync function get(path: string, params: Record) {\n const qs = new URLSearchParams({ ...params, access_token: await currentToken() });\n const res = await fetch(`${GRAPH}/${path}?${qs}`);\n const json = await res.json().catch(() => ({}));\n if (!res.ok || json.error) {\n throw new Error(`발행 API ${res.status}: ${json.error?.message ?? \"알 수 없는 오류\"} [${path}]`);\n }\n return json;\n}\n\n/** 자식 컨테이너들 + 캐러셀 컨테이너를 만들고 캐러셀 컨테이너 ID를 돌려줍니다. */\nexport async function createCarousel(imageUrls: string[], caption: string): Promise {\n if (imageUrls.length < 2 || imageUrls.length > 10) {\n throw new Error(`캐러셀은 2~10장이어야 합니다 (현재 ${imageUrls.length}장)`);\n }\n const igId = await currentUserId();\n\n const children: string[] = [];\n for (const image_url of imageUrls) {\n const child = await post(`${igId}/media`, {\n image_url,\n media_type: \"IMAGE\",\n is_carousel_item: \"true\",\n });\n children.push(child.id);\n }\n\n const carousel = await post(`${igId}/media`, {\n media_type: \"CAROUSEL\",\n children: children.join(\",\"),\n caption,\n });\n return carousel.id;\n}\n\nexport type ContainerStatus = \"FINISHED\" | \"IN_PROGRESS\" | \"ERROR\" | \"EXPIRED\" | \"PUBLISHED\";\n\nexport async function containerStatus(\n containerId: string,\n): Promise<{ status: ContainerStatus; detail?: string }> {\n const r = await get(containerId, { fields: \"status_code,status\" });\n return { status: r.status_code as ContainerStatus, detail: r.status };\n}\n\n/** 컨테이너를 실제 게시물로 만듭니다. 돌려주는 값이 게시물 ID입니다. */\nexport async function publishContainer(containerId: string): Promise {\n const r = await post(`${await currentUserId()}/media_publish`, { creation_id: containerId });\n return r.id;\n}\n\n/** 게시된 글의 퍼머링크. 실패해도 발행 자체는 성공이므로 조용히 넘깁니다. */\nexport async function permalink(mediaId: string): Promise {\n try {\n const r = await get(mediaId, { fields: \"permalink\" });\n return r.permalink ?? null;\n } catch {\n return null;\n }\n}\n\n/** 24시간 안에 몇 건이나 더 올릴 수 있는지. 상한은 계정당 하루 50건입니다. */\nexport async function publishingQuota(): Promise<{ used: number; cap: number } | null> {\n try {\n const r = await get(`${await currentUserId()}/content_publishing_limit`, {\n fields: \"config,quota_usage\",\n });\n const row = r.data?.[0];\n return { used: row?.quota_usage ?? 0, cap: row?.config?.quota_total ?? 50 };\n } catch {\n return null;\n }\n}\n",[100],"0e95d939-78d5-45e9-ab8a-e010620c41fe",["D",1785546961352],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nexport type JobStatus =\n | \"draft\" // 이미지 업로드를 기다리는 중\n | \"queued\" // 예약 완료. 발행 시각을 기다리는 중\n | \"publishing\" // 인스타에 컨테이너를 만들고 처리를 기다리는 중\n | \"published\"\n | \"failed\";\n\nexport interface Job {\n id: string;\n slug: string;\n caption: string;\n publish_at: string; // ISO UTC\n status: JobStatus;\n image_count: number;\n base_url: string; // 크론이 이미지 공개 주소를 만들 때 씁니다\n container_id: string | null;\n ig_media_id: string | null;\n error: string | null;\n attempts: number;\n created_at: string;\n published_at: string | null;\n}\n\nexport async function initDb() {\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS jobs (\n id TEXT PRIMARY KEY,\n slug TEXT NOT NULL,\n caption TEXT NOT NULL,\n publish_at TEXT NOT NULL,\n status TEXT NOT NULL,\n image_count INTEGER NOT NULL DEFAULT 0,\n base_url TEXT NOT NULL DEFAULT '',\n container_id TEXT,\n ig_media_id TEXT,\n error TEXT,\n attempts INTEGER NOT NULL DEFAULT 0,\n created_at TEXT NOT NULL,\n published_at TEXT\n )`);\n}\n\n/**\n * 액세스 토큰처럼 런타임에 바뀌는 값을 담아 둡니다.\n * 환경변수는 코드가 못 고치는데 토큰은 60일마다 갱신해야 해서 여기 둡니다.\n */\nexport async function initSettings() {\n await sqlite.execute(\n `CREATE TABLE IF NOT EXISTS settings (key TEXT PRIMARY KEY, value TEXT NOT NULL)`,\n );\n}\n\nexport async function getSetting(key: string): Promise {\n await initSettings();\n const r = await sqlite.execute({ sql: \"SELECT value FROM settings WHERE key = ?\", args: [key] });\n return (r.rows[0]?.value as string) ?? null;\n}\n\nexport async function setSetting(key: string, value: string) {\n await initSettings();\n await sqlite.execute({\n sql: `INSERT INTO settings (key, value) VALUES (?, ?)\n ON CONFLICT(key) DO UPDATE SET value = excluded.value`,\n args: [key, value],\n });\n}\n\nexport async function createJob(job: {\n id: string;\n slug: string;\n caption: string;\n publish_at: string;\n image_count: number;\n base_url: string;\n}) {\n await initDb();\n await sqlite.execute({\n sql: `INSERT INTO jobs (id, slug, caption, publish_at, status, image_count, base_url, created_at)\n VALUES (?, ?, ?, ?, 'draft', ?, ?, ?)`,\n args: [\n job.id,\n job.slug,\n job.caption,\n job.publish_at,\n job.image_count,\n job.base_url,\n new Date().toISOString(),\n ],\n });\n}\n\nexport async function getJob(id: string): Promise {\n await initDb();\n const r = await sqlite.execute({ sql: \"SELECT * FROM jobs WHERE id = ?\", args: [id] });\n return (r.rows[0] as unknown as Job) ?? null;\n}\n\nexport async function updateJob(id: string, patch: Partial) {\n const keys = Object.keys(patch);\n if (!keys.length) return;\n await sqlite.execute({\n sql: `UPDATE jobs SET ${keys.map((k) => `${k} = ?`).join(\", \")} WHERE id = ?`,\n args: [...keys.map((k) => (patch as Record)[k] ?? null), id],\n });\n}\n\n/** 발행할 때가 된 작업. 처리 중이던 것도 함께 집어 재시도합니다. */\nexport async function dueJobs(now = new Date()): Promise {\n await initDb();\n const r = await sqlite.execute({\n sql: `SELECT * FROM jobs\n WHERE status IN ('queued', 'publishing')\n AND publish_at <= ?\n AND attempts < 10\n ORDER BY publish_at ASC`,\n args: [now.toISOString()],\n });\n return r.rows as unknown as Job[];\n}\n\nexport async function recentJobs(limit = 40): Promise {\n await initDb();\n const r = await sqlite.execute({\n sql: \"SELECT * FROM jobs ORDER BY publish_at DESC LIMIT ?\",\n args: [limit],\n });\n return r.rows as unknown as Job[];\n}\n",[90],"c8af667d-fe1d-4cea-973d-84d36b72d90d",["D",1785547053915],"import { dueJobs, updateJob } from \"./db.ts\";\nimport { containerStatus, createCarousel, permalink, publishContainer } from \"./ig.ts\";\nimport { deleteImages, imageUrls } from \"./storage.ts\";\nimport { refreshIfNeeded } from \"./auth.ts\";\n\nconst MAX_ATTEMPTS = 10;\n\n// 15분마다 돌면서 발행할 때가 된 작업을 처리합니다.\n// 한 번에 끝내려 하지 않습니다. 컨테이너가 아직 처리 중이면 그대로 두고\n// 다음 회차에서 이어받습니다. 컨테이너는 24시간 유효하므로 넉넉합니다.\nexport default async function () {\n // 토큰은 60일짜리다. 만료 10일 전부터 여기서 스스로 연장하므로\n // 사람이 다시 발급받을 일이 없다. 발행할 글이 없어도 이건 돈다.\n try {\n const refreshed = await refreshIfNeeded();\n if (refreshed) console.log(refreshed);\n } catch (err) {\n console.error(`토큰 갱신 실패: ${err instanceof Error ? err.message : err}`);\n }\n\n const jobs = await dueJobs();\n if (!jobs.length) return;\n\n console.log(`발행 대기 ${jobs.length}건`);\n\n for (const job of jobs) {\n const attempts = job.attempts + 1;\n await updateJob(job.id, { attempts });\n\n try {\n let containerId = job.container_id;\n\n if (!containerId) {\n const urls = imageUrls(job.base_url, job.id, job.image_count);\n containerId = await createCarousel(urls, job.caption);\n await updateJob(job.id, { container_id: containerId, status: \"publishing\" });\n console.log(`${job.slug}: 캐러셀 컨테이너 생성 ${containerId}`);\n }\n\n const { status, detail } = await containerStatus(containerId);\n\n if (status === \"IN_PROGRESS\") {\n console.log(`${job.slug}: 메타가 아직 이미지를 처리 중입니다. 다음 회차에 다시 봅니다.`);\n continue;\n }\n if (status !== \"FINISHED\" && status !== \"PUBLISHED\") {\n throw new Error(`컨테이너 상태 ${status}${detail ? ` — ${detail}` : \"\"}`);\n }\n\n const mediaId = await publishContainer(containerId);\n const link = await permalink(mediaId);\n\n await updateJob(job.id, {\n status: \"published\",\n ig_media_id: mediaId,\n published_at: new Date().toISOString(),\n error: null,\n });\n // 무료 티어 블롭이 10MB뿐이라 발행 직후 비워 줍니다.\n await deleteImages(job.id);\n\n console.log(`${job.slug}: 발행 완료 ${link ?? mediaId}`);\n } catch (err) {\n const message = err instanceof Error ? err.message : String(err);\n const exhausted = attempts >= MAX_ATTEMPTS;\n await updateJob(job.id, {\n error: message,\n ...(exhausted ? { status: \"failed\" as const } : {}),\n });\n console.error(`${job.slug}: ${message}${exhausted ? \" (재시도 한도 초과 — 중단)\" : \"\"}`);\n }\n }\n}\n",[149],"55aa15e2-0846-4d68-815b-1c25f1069a86",["D",1785546987014],"import { getSetting, setSetting } from \"./db.ts\";\n\n// 인스타그램 로그인 방식 OAuth.\n// 페이스북 페이지를 연결하지 않아도 되는 경로입니다. 인증은 instagram.com 에서\n// 일어나고 enable_fb_login=false 로 페이스북 로그인 선택지 자체를 숨깁니다.\n//\n// 토큰은 60일짜리입니다. 크론이 만료 전에 스스로 갱신하므로 사람이 다시\n// 발급할 일은 없습니다. 단 갱신은 발급 후 24시간이 지나야 됩니다.\n\nconst AUTHORIZE = \"https://www.instagram.com/oauth/authorize\";\nconst TOKEN = \"https://api.instagram.com/oauth/access_token\";\nconst GRAPH = \"https://graph.instagram.com\";\n\nconst SCOPES = [\"instagram_business_basic\", \"instagram_business_content_publish\"];\n\nexport const LONG_LIVED_DAYS = 60;\nconst REFRESH_WHEN_DAYS_LEFT = 10;\n\nfunction env(key: string): string {\n const v = Deno.env.get(key);\n if (!v) throw new Error(`환경변수 ${key} 가 없습니다`);\n return v;\n}\n\nexport const redirectUri = (origin: string) => `${origin}/connect/callback`;\n\nexport function authorizeUrl(origin: string, state: string): string {\n const qs = new URLSearchParams({\n client_id: env(\"IG_APP_ID\"),\n redirect_uri: redirectUri(origin),\n response_type: \"code\",\n scope: SCOPES.join(\",\"),\n state,\n enable_fb_login: \"false\",\n });\n return `${AUTHORIZE}?${qs}`;\n}\n\nasync function readJson(res: Response, what: string) {\n const json = await res.json().catch(() => ({}));\n if (!res.ok || json.error || json.error_message) {\n const msg = json.error?.message ?? json.error_message ?? JSON.stringify(json).slice(0, 200);\n throw new Error(`${what} 실패 (${res.status}): ${msg}`);\n }\n return json;\n}\n\n/** 인가 코드를 60일짜리 토큰으로 바꾸고 계정 정보까지 채워 저장합니다. */\nexport async function completeConnect(code: string, origin: string) {\n const shortRes = await fetch(TOKEN, {\n method: \"POST\",\n headers: { \"content-type\": \"application/x-www-form-urlencoded\" },\n body: new URLSearchParams({\n client_id: env(\"IG_APP_ID\"),\n client_secret: env(\"IG_APP_SECRET\"),\n grant_type: \"authorization_code\",\n redirect_uri: redirectUri(origin),\n code,\n }),\n });\n const short = await readJson(shortRes, \"인가 코드 교환\");\n\n const longRes = await fetch(\n `${GRAPH}/access_token?` +\n new URLSearchParams({\n grant_type: \"ig_exchange_token\",\n client_secret: env(\"IG_APP_SECRET\"),\n access_token: short.access_token,\n }),\n );\n const long = await readJson(longRes, \"장기 토큰 교환\");\n\n const meRes = await fetch(\n `${GRAPH}/me?` + new URLSearchParams({ fields: \"user_id,username\", access_token: long.access_token }),\n );\n const me = await readJson(meRes, \"계정 조회\");\n\n await saveToken(long.access_token, long.expires_in);\n await setSetting(\"ig_user_id\", String(me.user_id));\n await setSetting(\"ig_username\", String(me.username ?? \"\"));\n\n return { username: me.username as string, userId: String(me.user_id) };\n}\n\nasync function saveToken(token: string, expiresInSeconds: number) {\n const now = Date.now();\n await setSetting(\"access_token\", token);\n await setSetting(\"token_obtained_at\", new Date(now).toISOString());\n await setSetting(\n \"token_expires_at\",\n new Date(now + (expiresInSeconds ?? LONG_LIVED_DAYS * 86400) * 1000).toISOString(),\n );\n}\n\nexport async function currentToken(): Promise {\n const t = await getSetting(\"access_token\");\n if (!t) throw new Error(\"인스타 계정이 아직 연결되지 않았습니다. /connect 로 연결하세요.\");\n return t;\n}\n\nexport async function currentUserId(): Promise {\n const id = await getSetting(\"ig_user_id\");\n if (!id) throw new Error(\"인스타 계정이 아직 연결되지 않았습니다. /connect 로 연결하세요.\");\n return id;\n}\n\nexport async function tokenState() {\n const [token, expiresAt, obtainedAt, username] = await Promise.all([\n getSetting(\"access_token\"),\n getSetting(\"token_expires_at\"),\n getSetting(\"token_obtained_at\"),\n getSetting(\"ig_username\"),\n ]);\n if (!token) return { connected: false as const };\n\n const expires = expiresAt ? new Date(expiresAt) : null;\n const daysLeft = expires ? Math.floor((expires.getTime() - Date.now()) / 86400000) : null;\n return {\n connected: true as const,\n username,\n expiresAt,\n daysLeft,\n ageHours: obtainedAt ? (Date.now() - new Date(obtainedAt).getTime()) / 3600000 : 0,\n };\n}\n\n/**\n * 만료가 가까우면 토큰을 갱신합니다. 크론이 매번 부릅니다.\n * 갱신할 필요가 없으면 아무것도 하지 않습니다.\n */\nexport async function refreshIfNeeded(): Promise {\n const state = await tokenState();\n if (!state.connected) return null;\n if (state.daysLeft === null || state.daysLeft > REFRESH_WHEN_DAYS_LEFT) return null;\n // 메타는 발급 후 24시간이 지나야 갱신을 받아줍니다.\n if (state.ageHours < 25) return null;\n\n const res = await fetch(\n `${GRAPH}/refresh_access_token?` +\n new URLSearchParams({ grant_type: \"ig_refresh_token\", access_token: await currentToken() }),\n );\n const json = await readJson(res, \"토큰 갱신\");\n await saveToken(json.access_token, json.expires_in);\n return `토큰을 갱신했습니다. 만료 ${LONG_LIVED_DAYS}일 연장.`;\n}\n",[173],"7592e5a7-27e6-4483-b5b8-81ec2bb6afdb",["D",1785544484767],"# pf-carousel\n\ncard-maker 가 구운 카드 이미지를 받아 인스타그램 캐러셀로 예약 발행합니다.\n\n비밀값은 전부 환경변수에 있습니다. 이 저장소 코드는 공개입니다.\n",[76],"pulls","branches","forks","envVars",{"_343":52,"_345":20},"connections",{"_343":20,"_344":20},"count","unfilledCount","emptyCount",{"_45":332,"_13":76,"_74":75,"_55":-5,"_47":48,"_305":52,"_306":235,"_49":372,"_51":20,"_77":65,"_308":334,"_78":24,"_310":-5,"_354":373,"_275":374},{"_45":328,"_13":173,"_74":172,"_55":-5,"_47":48,"_305":167,"_306":235,"_49":369,"_51":20,"_77":91,"_308":330,"_78":24,"_310":-5,"_354":370,"_275":371},{"_45":324,"_13":149,"_74":148,"_55":-5,"_47":48,"_305":218,"_306":235,"_49":366,"_51":84,"_77":150,"_308":326,"_78":24,"_310":-5,"_354":367,"_275":368},{"_45":320,"_13":90,"_74":89,"_55":-5,"_47":48,"_305":160,"_306":235,"_49":363,"_51":103,"_77":91,"_308":322,"_78":24,"_310":-5,"_354":364,"_275":365},{"_45":316,"_13":100,"_74":99,"_55":-5,"_47":48,"_305":176,"_306":235,"_49":360,"_51":52,"_77":91,"_308":318,"_78":24,"_310":-5,"_354":361,"_275":362},{"_45":312,"_13":130,"_74":129,"_55":-5,"_47":48,"_305":204,"_306":235,"_49":357,"_51":110,"_77":131,"_308":314,"_78":24,"_310":-5,"_354":358,"_275":359},{"_45":304,"_13":140,"_74":139,"_55":-5,"_47":48,"_305":134,"_306":235,"_49":353,"_51":20,"_77":91,"_308":309,"_78":24,"_310":-5,"_354":355,"_275":356},["D",1785544589932],"children",[],[140],["D",1785547042781],[],[130],["D",1785547007023],[],[100],["D",1785546961352],[],[90],["D",1785547053915],[],[149],["D",1785546987014],[],[173],["D",1785544484767],[],[76],["D",1785544484752],["D",1789561254403],{"_11":12,"_274":81},{"_11":12,"_269":270,"_80":81,"_25":79,"_271":272,"_273":24},{"_51":218,"_13":16,"_45":48,"_261":223,"_262":-5,"_263":-5,"_264":-5,"_265":-5,"_266":-5,"_267":14,"_268":12},"ctx",{"_63":-5,"_294":413,"_414":415,"_416":417,"_418":24,"_419":24,"_420":24,"_421":235,"_422":-5,"_423":-7,"_424":-7,"_425":20,"_426":24,"_427":24,"_428":-5,"_429":24,"_430":24,"_431":24,"_432":-5},"ENV",{"_384":385,"_386":387,"_388":16,"_389":390,"_391":392,"_393":394,"_395":396,"_397":398,"_399":400,"_401":402,"_403":404,"_405":406,"_407":408,"_409":410,"_411":412},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History