sns-auto-builder 1.0.5 → 1.0.7

package/bin/sns-auto-builder.mjs

@@ -28,6 +28,13 @@ function workspaceDir() {
 }
 
 // 매 실행 때 최신으로 덮어쓰는 것 = 도구 자체.
+// 빌더 전용 CDP 포트. 9222 는 크롬 디버깅의 관례 포트라 사용자 본인의 크롬,
+// chrome-devtools MCP, 다른 자동화 도구가 이미 쓰고 있기 쉽다. 겹치면 한쪽이
+// ::1 을, 다른 쪽이 127.0.0.1 을 잡아서 **엉뚱한 브라우저에 붙는다** — 조용히
+// 사용자 개인 크롬을 조종하게 되므로 관례 포트를 피한다.
+// scripts/chatgpt-image-gen.js 가 같은 기본값과 같은 환경변수를 쓴다.
+const CDP_PORT = process.env.SNS_BUILDER_CDP_PORT || '19222';
+
 const TOOL_FILES = ['server.mjs', 'index.html', 'CLAUDE.md'];
 const TOOL_DIRS = ['scripts', '.claude', 'templates', 'knowledge'];
 
@@ -131,8 +138,13 @@ if (argv.includes('--login')) {
   console.log(`  로그인만 하고 창은 그대로 두거나 닫으면 됩니다.\n`);
   // 포트를 반드시 붙인다. Chrome 은 user-data-dir 당 인스턴스 하나만 띄우므로,
   // 포트 없이 뜬 창이 남으면 빌더가 그 프로필로 포트를 못 연다.
+  //
+  // 9222 가 아니라 CDP_PORT 인 이유: 9222 는 크롬 디버깅의 관례 포트라 사용자
+  // 본인의 크롬이나 다른 도구가 이미 쓰고 있는 경우가 있다. 실제로 한쪽이
+  // ::1:9222 를, 다른 한쪽이 127.0.0.1:9222 를 잡아서, 빌더가 사용자 개인
+  // 크롬에 붙을 뻔했다. chatgpt-image-gen.js 와 같은 값을 써야 한다.
   spawn(exe, [
-    '--remote-debugging-port=9222',
+    `--remote-debugging-port=${CDP_PORT}`,
     `--user-data-dir=${profile}`,
     '--no-first-run', '--no-default-browser-check',
     'https://chatgpt.com',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sns-auto-builder",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "인스타 카드뉴스 자동 제작 빌더. Claude Code + ChatGPT 웹을 그대로 써서 API 키 없이 돌아갑니다.",
   "type": "module",
   "bin": {

package/scripts/build-dist-zip.mjs

@@ -38,7 +38,14 @@ function checkBat(name, buf) {
   }
 }
 
-const files = readdirSync(DIST).filter((f) => f !== OUT).sort();
+// 확장자 화이트리스트. dist 안에서 claude 를 한 번 실행했더니 .claude/.omc 가
+// 생겨서 zip 빌드가 깨진 적이 있다. 팀원에게 갈 것만 명시적으로 고른다.
+const files = readdirSync(DIST, { withFileTypes: true })
+  .filter((e) => e.isFile() && e.name !== OUT && /\.(bat|txt)$/.test(e.name))
+  .map((e) => e.name)
+  .sort();
+
+if (files.length !== 4) throw new Error(`4개여야 하는데 ${files.length}개: ${files.join(', ')}`);
 const locals = [];
 const central = [];
 let offset = 0;

package/scripts/chatgpt-image-gen.js

@@ -24,7 +24,7 @@
  * 브라우저:
  *   기본 — .chrome-profile 로 Chrome 을 직접 띄운다. 그 프로필로 이미 Chrome 이
  *          떠 있으면(예: chrome-devtools MCP) 프로필이 잠겨 실패한다. 그때는
- *   --browser-url http://127.0.0.1:9222  로 떠 있는 Chrome 에 붙어라.
+ *   --browser-url http://127.0.0.1:19222  로 떠 있는 Chrome 에 붙어라.
  */
 import { readFileSync, writeFileSync, mkdirSync, existsSync, statSync } from 'node:fs';
 import { join, resolve, dirname } from 'node:path';
@@ -35,7 +35,12 @@ const REPO_ROOT = resolve(dirname(fileURLToPath(import.meta.url)), '..');
 const BASE_W = 1080, BASE_H = 1350, SCALE = 2; // openai-image-gen.js / html-carousel-gen.js 와 동일
 const CHATGPT = 'https://chatgpt.com/';
 const PROFILE = join(REPO_ROOT, '.chrome-profile');
-const DEBUG_URL = 'http://127.0.0.1:9222'; // .mcp.json 이 MCP Chrome 에 열어두는 포트
+// 빌더 전용 CDP 포트. bin/sns-auto-builder.mjs 의 CDP_PORT 와 같은 값이어야 한다.
+// 9222(크롬 디버깅 관례 포트)를 쓰다가, 사용자 본인 크롬이 127.0.0.1:9222 를 잡고
+// 빌더 크롬은 ::1:9222 만 잡은 적이 있다. 그 상태에서 여기가 127.0.0.1 로 붙으면
+// **사용자 개인 크롬을 조종하게 된다.** 관례 포트를 피하는 이유다.
+const CDP_PORT = process.env.SNS_BUILDER_CDP_PORT || '19222';
+const DEBUG_URL = `http://127.0.0.1:${CDP_PORT}`;
 
 // 이미지 안에 한글이 들어가므로 정확도 가드를 붙인다 (openai-image-gen.js 의 KOREAN 과 같은 역할).
 const KOREAN = '한글은 오타 없이 정확히 그대로 렌더링할 것. 지정하지 않은 문구는 넣지 말 것.';
@@ -156,13 +161,22 @@ async function waitForComposer(page) {
 // 조용히 틀리느니 시끄럽게 멈추는 게 낫다.
 async function attachRef(page, refPaths) {
   const want = refPaths.length;
-  // 파일 입력이 여러 개다. 컴포저(form) 안에 있는 것이 첨부용이다.
+  // 화면에 input[type=file] 이 네 개쯤 있다. **accept 로 고른다.**
+  //
+  // 예전에는 "form 안에 있는 것"을 골랐는데, ChatGPT 가 이미지 업로드 input 을
+  // form 밖으로 옮기면서 form 안에는 accept 없는 다른 input 만 남았다. 거기에
+  // 파일을 넣으면 아무 일도 안 일어나고, 썸네일을 2분 기다리다 실패한다
+  // (증상: "크롬은 떴는데 프롬프트를 입력하지 않는다").
   const pickInput = async () => {
-    const handles = await page.$$('input[type="file"]');
-    for (const h of handles) {
-      if (await h.evaluate((el) => !!el.closest('form'))) return h;
+    for (const sel of [
+      'input[type="file"][data-testid="upload-photos-input"]', // 현재 ChatGPT
+      'input[type="file"][accept*="image"]',                   // testid 가 바뀌어도 살아남는 조건
+      'input[type="file"]',
+    ]) {
+      const h = await page.$(sel);
+      if (h) return h;
     }
-    return handles[0] || null;
+    return null;
   };
 
   for (let attempt = 1; attempt <= 2; attempt++) {