[patternflow-bot]

ops / https://claude.ai/code/session_01DU1iNPYKhr4f79Z8KHxqj8

로드맵, 커뮤니티, 가이드, Build 탭의 CSS 모듈 다섯에서 어느 컴포넌트도 읽지 않던 클래스 23개와 그 규칙 30개를 걷었어요. 화면은 그대로이고, 이제 사이트의 CSS 모듈 48개 어디에 그런 클래스가 생겨도 시험이 빨개져요.

좋아지는 것: 없음

체크리스트

• incoming/ROUND.md 읽기
• 앞 바퀴 PR 댓글(세 직함만) 읽기 — 일을 시키는 글 없음([DONE] 커뮤니티에서 내려받은 .h 에 작성자가 고른 라이선스 줄 하나만 남는다 #222~[DONE] 모든 쪽이 받는 globals.css 에서 아무도 쓰지 않는 옛 Inside 패널 규칙 377줄이 빠진다 #249 의 대화 댓글, 리뷰, 줄 댓글이 0개. 저장소 전체 대화 댓글 가운데 세 직함 글은 [DONE] Lab 갤러리 패널·Gemini 걷어 내기(#183)가 원래 레포 dev 위에 겹침 없이 다시 얹힌다 #215 와 [DONE] 매니페스토 · AGENTS.md · /pattern 카드가 걷은 배치 생성 대신 지금 Pattern Lab 을 말한다 #243 에 engmung 이 PR 을 닫는다고 쓴 두 줄이고, [DONE] 정리 마지막 기록(포크 #93)이 원래 레포 dev 위에 커밋 하나로 다시 얹혀, hub 가 거기서 다시 멈추지 않는다 #94 는 일꾼 글)
• 고를 일 정하기 — 후보 18 과 지시 6, 7 은 바퀴 91100 이 맡았고, 남은 줄 9~15 가운데 맨 위가 9
• 죽은 클래스 다시 세기 — dev c4ca454 에서 23개, 표와 같음
• 걷기 — 23개가 0개로, 같은 셈에서 나온 @keyframes draw 와 변수 셋도
• 시험이 src/ 의 CSS 모듈 48개를 보고, .zzDead {} 에 빨개지는지
• 화면이 그대로인지 — 다섯 쪽을 390px 와 1440px 로 열어 계산된 스타일 앞뒤
• 다섯 검사, check:voice, check:human-lock
• dev merge 뒤 [DONE] — dev 1331acd([DONE] 연구 페이지에 기사 여행과 FPUT 되돌아옴을 포함한 수학 다섯과 박쥐 떼와 번개 흉가를 포함한 할로윈 다섯이 서고, 패턴 하나뿐이던 지도 칸 둘에 둘째가 선다 #245, incoming/pattern-study/ 만) merge, 4acaac7 에서 Drift checks 와 Web CI 초록

한 일

• app/roadmap/Roadmap.module.css 에서 11개를 걷었어요. legend, legendItem, legendDrag, swatchDone, swatchPlanned, swatchDep, zoomGroup, zoomBtn, zoomVal, mapCaption 은 규칙째 빠지고, gridLine 은 .gridLine, .gridLineHorizontal 에서 이름만 뺐어요.
• components/community/Community.module.css 에서 9개를 걷었어요. 「Sign-in gate」 덩어리(gatePanel, gateText, gateTitle, gateSub), sectionLink, btnLink, freshStrip(그 @media 두 블록까지), introRow(900px 아래 블록 안의 규칙까지), composerCount 예요. btnAccentLink 주석이 「The accent weight of the same thing」 으로 btnLink 를 가리켜서, btnLink 주석에 있던 까닭(기기 주소로 나가니 진짜 링크)을 btnAccentLink 주석 안으로 옮겼어요.
• 하나씩은 components/community/Atlas.module.css 의 panelWell, components/guide/desk/Desk.module.css 의 appEmpty, components/sections/BuildPanel.module.css 의 note 예요.
• 같은 셈에서 나온 components/guide/Guide.module.css 의 @keyframes draw 도 걷었어요. 모듈의 keyframe 은 그 파일 안에서만 부를 수 있는데 그 파일 어디도 draw 를 부르지 않아요. 아무도 var() 로 읽지 않는 --cw-hair(ConsoleWindow.module.css), --d-hair(Desk.module.css), --lw-chrome-2(LabWindow.module.css)도 빠졌어요.
• labCss.test.ts 의 「define no class that no component uses」 를 새 src/cssModules.test.ts 로 옮겨 src/ 의 *.module.css 48개를 다 보게 했어요. 셈 도우미(readers, bareCss)는 labCss.test.ts 의 다른 두 시험도 써서 web/test/cssModules.ts 로 꺼냈어요. test/setup.ts 옆이에요.
• 넓히며 셈을 둘 고쳤어요. Lab 밖의 14개 파일이 import styles from './X.module.css' 처럼 홑따옴표로 불러서, 겹따옴표만 찾던 셈은 187개를 죽었다고 했어요. :global(.pf-kicker) 와 :global(.guide-knob-tag) 안의 이름은 페이지 것이라 모듈이 정의한 이름에서 빼요. 이 둘을 고치니 23개가 남아 표와 같았어요. styles["a-b"] 처럼 하이픈 든 이름으로 읽는 것도 받게 했는데, 오늘 그렇게 읽는 파일은 없어요.

CSS 는 241줄 빠지고 1줄 들어왔어요. 들어온 1줄은 btnAccentLink 주석이에요.

증거

다시 센 것(dev c4ca454, src/ 의 CSS 모듈 48개, 이 브랜치의 시험과 같은 셈):

app/roadmap/Roadmap.module.css 11 gridLine legend legendDrag legendItem mapCaption swatchDep swatchDone swatchPlanned zoomBtn zoomGroup zoomVal
components/community/Atlas.module.css 1 panelWell
components/community/Community.module.css 9 btnLink composerCount freshStrip gatePanel gateSub gateText gateTitle introRow sectionLink
components/sections/BuildPanel.module.css 1 note
components/guide/desk/Desk.module.css 1 appEmpty
modules 48 dead 23

시험이 정말 잡는지: CSS 여덟 파일을 dev 판으로 되돌리고 PatternPanel.module.css 끝에 .zzDead {} 를 넣어 npx vitest run src/cssModules.test.ts 를 돌렸어요.

AssertionError: expected { …(6) } to deeply equal {}
+   "app/roadmap/Roadmap.module.css": [ "gridLine", "legend", "legendDrag", "legendItem", "mapCaption", "swatchDep", "swatchDone", "swatchPlanned", "zoomBtn", "zoomGroup", "zoomVal" ],
+   "components/community/Atlas.module.css": [ "panelWell" ],
+   "components/community/Community.module.css": [ "btnLink", "composerCount", "freshStrip", "gatePanel", "gateSub", "gateText", "gateTitle", "introRow", "sectionLink" ],
+   "components/guide/desk/Desk.module.css": [ "appEmpty" ],
+   "components/sections/BuildPanel.module.css": [ "note" ],
+   "components/sections/PatternPanel.module.css": [ "zzDead" ],
 Tests  1 failed (1)

되돌린 뒤엔 src/cssModules.test.ts 와 labCss.test.ts 가 Tests 16 passed (16) 이에요.

화면이 그대로인지: COMMUNITY_ENABLED=1 과 스크래치의 빈 DB 로 빌드해 next start 하고, Chromium 으로 /roadmap, /community, /community/atlas, /guide/make, /build 를 390×844(터치)와 1440×900 에서 reducedMotion: "reduce" 로 열었어요. 요소마다 getComputedStyle 의 모든 속성과 ::before, ::after 를 정렬해 모았어요. dev 를 두 번 찍어 0 차이부터 봤어요.

dev 1회 vs dev 2회    10 states, 5362 elements, 0 differ
dev vs 이 브랜치      10 states, 5364 elements, 294 differ
  /guide/make 1440    271 differ, 걷은 변수 말고는 0  (--d-hair 252, --lw-chrome-2 38)
  /guide/make 390      19 differ, 걷은 변수 말고는 0
  /community 390        4 differ, <head> 안 link 하나와 script 하나가 자리를 바꿈
  나머지 일곱            0 differ

--d-hair 와 --lw-chrome-2 는 Desk 와 Lab 창의 뿌리에 정의돼 있어서 그 아래 요소가 다 물려받았어요. 걷으니 그 요소들의 계산된 스타일에서 그 이름 하나가 빠진 것이 294개 가운데 290개예요. 나머지 넷은 CSS 묶음의 이름(해시)이 바뀌며 <head> 의 <link> 와 <script> 순서가 바뀐 거라 그려지는 요소가 아니에요.

CSS 크기(.next/static/chunks/*.css 전부): 460,558 B 에서 457,281 B 로 3,277 B 줄었어요. 파일마다 gzip 한 합은 77,083 B 에서 76,618 B 예요.

다섯 검사(web/, 끝줄):

npm ci                              added 762 packages, and audited 763 packages in 33s
npm run lint -- --max-warnings=0    (출력 없음, exit 0)
npm run typecheck                   (출력 없음, exit 0)
npm run build                       ƒ  (Dynamic)  server-rendered on demand (exit 0)
npm run check:ci                    passed virtual-panel (Test Files 104 passed · Tests 1291 passed · drift 14 passed, links-absolute · roadmap skipped)
npm run check:voice                 check:voice: nothing found (브랜치 76줄 · PR 본문)
npm run check:human-lock            check:human-lock: no locked words changed

dev 를 merge 한 4acaac7 의 GitHub 검사:

Drift checks | completed | success
Web CI | completed | success

그 앞 95bcc5f(시험 머리 주석만 고친 커밋)의 Web CI 는 Build 단계에서 layout.tsx 의 Newsreader 글꼴을 Google Fonts 에서 받다가 「next/font/google queries have exactly one entry」 로 빨갰어요. 코드가 같은 b951920 은 초록이었고, 실패한 잡을 한 번 다시 돌리니 초록이었어요.

화면을 바꾸지 않아서 PR 에 사진은 싣지 않았어요.

실행법

cd web
npx vitest run src/cssModules.test.ts src/app/pattern-lab/labCss.test.ts

가정

• 표는 새 src/cssModules.test.ts 와 labCss.test.ts 를 넓히는 것을 둘 다 열어 뒀어요. 사이트 전체를 보는 시험이 Lab 폴더에 있으면 찾기 어려워서 새 파일로 옮겼어요. 도우미를 꺼낸 web/test/cssModules.ts 는 vitest.config.ts 의 include(src/**/*.test.{ts,tsx}) 밖이라 시험으로 돌지 않고, tsconfig.json 의 **/*.ts 와 eslint 는 읽어요.
• /community 는 빈 DB 로 열었어요. 카드가 없어서 카드 안의 요소는 이 비교에 들지 않아요. 걷은 클래스는 어느 컴포넌트도 읽지 않으니 카드가 있어도 붙을 곳이 없어요.
• BETTER_AUTH_SECRET 없이 COMMUNITY_ENABLED=1 로 띄우면 /community 가 500 이라, 잴 때만 스크래치 값 하나를 줬어요. 코드나 설정 파일은 그대로예요.

Changelog

Web

• Five CSS modules outside Pattern Lab drop 23 classes no component used. The roadmap's old legend and zoom buttons and the community's sign-in gate go with their 30 rules, and the CSS module test now reads every module under web/src, not only the Lab's.

경험

언제: 바퀴 컨테이너에서 빌드한 사이트의 /community 쪽을 열어 찍거나 스타일을 잴 때
교훈: COMMUNITY_ENABLED=1 과 스크래치 COMMUNITY_DB_PATH 에 BETTER_AUTH_SECRET 을 아무 긴 값으로 같이 줘야 빈 DB 로 200 이 나와요
근거: #251 에서 두 깃발만 주고 next start 하니 /community 와 /community/atlas 가 BetterAuthError(default secret)로 500 이었고, 비밀값 하나를 더하니 둘 다 200 이었어요

바퀴

바퀴 101 · 후보 9 「Lab 밖 CSS 모듈 다섯에서 아무 컴포넌트도 읽지 않는 클래스 23개가 빠지고, 시험이 사이트 전체의 CSS 모듈을 본다」

다음 바퀴

• 10위 — globals.css 에 남은 안 쓰는 규칙 70개와 그것만 쓰던 애니메이션 둘, 변수 넷. 바퀴 100 이 같은 파일의 Inside 덩어리를 걷은 셈 그대로예요.
• 11위 — Lab 밖에서 아무도 읽지 않는 이름 다섯과 가이드 화면 그리기의 s * 6, s * 8 열 곳. 1위와 같은 knip 방법이에요.
• 12위 — tsconfig.json 에 verbatimModuleSyntax 와 allowUnreachableCode: false. 고칠 곳이 열한 곳이라 한 바퀴에 맞아요.

https://claude.ai/code/session_01DU1iNPYKhr4f79Z8KHxqj8

---

Generated by Claude Code