visual-remote 0.3.0 → 0.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +24 -4
- package/apps/cli/dist/direct-exec-mcp.js +869 -0
- package/apps/cli/dist/index.js +585 -64
- package/apps/cli/dist/next.js +2738 -2259
- package/apps/cli/dist/vite.js +2738 -2255
- package/package.json +5 -4
- package/packages/overlay/dist/client.js +115 -7
- package/packages/overlay/dist/viewer.js +4 -4
package/README.md
CHANGED
|
@@ -85,6 +85,15 @@ node apps/cli/dist/index.js doctor
|
|
|
85
85
|
|
|
86
86
|
`doctor`에서 Git 작업 트리, 현재 프로젝트 설정과 Codex 실행 환경을 확인합니다.
|
|
87
87
|
|
|
88
|
+
Codex 작업 중 `pwd`, 버전 확인, 파일 읽기·검색과 read-only Git 명령은 Bridge가
|
|
89
|
+
등록한 구조화 도구로 실행합니다. 이 경로는 명령을 `argv` 배열과 등록된 workspace
|
|
90
|
+
`cwd`로 전달하고 `shell: false`로 실행하며, 지원되는 명령은 RTK로 자동 압축합니다.
|
|
91
|
+
직접 실행기는 명령별 읽기 전용 문법만 허용하고 경로·symlink를 Git worktree 안으로
|
|
92
|
+
제한하며, 타임아웃 시 하위 프로세스까지 종료합니다. 명령 소요 시간, RTK 사용,
|
|
93
|
+
출력 축약 여부와 Codex가 제공하는 토큰 사용량은 작업 로그에 함께 기록됩니다.
|
|
94
|
+
파일 수정, 테스트·빌드 또는 파이프처럼 셸 문법이 필요한 작업만 Codex의 sandbox
|
|
95
|
+
명령 실행기로 보냅니다.
|
|
96
|
+
|
|
88
97
|
## 자동화 셸에서 Node.js 24 사용
|
|
89
98
|
|
|
90
99
|
비대화형 셸은 `.zshrc`를 읽지 않을 수 있으므로 NVM을 명시적으로 불러와야 합니다.
|
|
@@ -162,7 +171,13 @@ paths:
|
|
|
162
171
|
- dist/**
|
|
163
172
|
```
|
|
164
173
|
|
|
174
|
+
`project.workspace`, `paths.allowed`, `paths.denied`는 설정 파일이 가리키는 앱 workspace
|
|
175
|
+
기준입니다. 모노레포의 `apps/web`에서 `init`했다면 `src/**`는
|
|
176
|
+
`apps/web/src/**`로 안전하게 정규화되고 Codex의 기본 cwd도 `apps/web`이 됩니다.
|
|
177
|
+
|
|
165
178
|
Vite 플러그인 또는 Next.js 설정 래퍼가 개발 서버와 함께 내부 Bridge를 시작합니다.
|
|
179
|
+
`visual dev`가 Bridge를 먼저 소유한 경우 자식 Vite 플러그인은 runtime registry의
|
|
180
|
+
gateway를 재사용하며, 개발 서버가 닫혀도 비소유 Bridge를 종료하지 않습니다.
|
|
166
181
|
`agent`, `verification`, `paths` 같은 상세 설정만 YAML에서 조정하면 됩니다.
|
|
167
182
|
|
|
168
183
|
## 기존 attach 방식
|
|
@@ -176,10 +191,12 @@ npx --yes visual-remote@latest http://localhost:9011
|
|
|
176
191
|
이 방식은 별도 Gateway 주소를 열어 앱 전체를 프록시합니다. 자동 통합을 사용할 수
|
|
177
192
|
있는 Vite와 Next.js 프로젝트에서는 `init`을 사용하고 원래 앱 주소로 접속합니다.
|
|
178
193
|
설정 파일을 변경하지 않거나 다른 프레임워크에 붙일 때는 `attach`를 사용합니다.
|
|
194
|
+
업스트림에 연결된 뒤 연결 실패가 5초간 계속되면 `attach` Bridge도 자동 종료됩니다.
|
|
179
195
|
|
|
180
196
|
## 브라우저에서 변경 요청
|
|
181
197
|
|
|
182
|
-
1.
|
|
198
|
+
1. 개발 서버가 출력한 `Pair:` 주소를 엽니다. 토큰은 URL fragment에서 즉시 제거되고
|
|
199
|
+
현재 탭의 sessionStorage에만 보관됩니다.
|
|
183
200
|
2. `Command+Shift+G` 또는 `Ctrl+Shift+G`로 오버레이를 열고 닫습니다.
|
|
184
201
|
3. 전체 작업 내역을 보려면 `작업 보드 ↗`를 눌러 별도 탭을 엽니다.
|
|
185
202
|
4. 변경을 요청하려면 요소 하나, 여러 요소, 영역 또는 페이지 전체를 선택합니다.
|
|
@@ -187,9 +204,10 @@ npx --yes visual-remote@latest http://localhost:9011
|
|
|
187
204
|
6. 진행 단계, 로그, 변경 파일, 차이와 검증 결과를 확인합니다.
|
|
188
205
|
7. 변경을 유지하거나, 최신 작업을 되돌리거나, 후속 요청을 보냅니다.
|
|
189
206
|
|
|
190
|
-
진행 패널의 `작업
|
|
191
|
-
|
|
192
|
-
|
|
207
|
+
진행 패널의 `작업 최소화`를 누르면 작업은 백그라운드에서 계속되고, 현재 단계와
|
|
208
|
+
원래 요청 내용은 작은 진행 바로 남습니다. 다른 요소를 선택해 다음 요청을 추가할 수
|
|
209
|
+
있으며 `작업 펼치기`로 전체 패널을 복원합니다. 작업이 끝난 뒤에는 `닫기`로
|
|
210
|
+
패널만 치울 수 있고 작업 내역은 작업 보드에 남습니다.
|
|
193
211
|
|
|
194
212
|
작업 보드는 새 작업과 상태·로그·diff를 WebSocket으로 자동 갱신합니다. 보드에는
|
|
195
213
|
별도의 읽기 전용 세션 토큰만 전달되므로 작업 생성, 취소, 유지 또는 되돌리기 API를
|
|
@@ -237,6 +255,7 @@ corepack pnpm audit --prod
|
|
|
237
255
|
- 단위 및 통합 테스트는 작업 큐, Git 스냅샷, Gateway, 에이전트와 검증 흐름을
|
|
238
256
|
확인합니다.
|
|
239
257
|
- 빌드는 브라우저 오버레이와 Node.js 명령줄 프로그램을 각각 생성합니다.
|
|
258
|
+
- Pull request와 `main` push에서는 같은 테스트, 타입 검사와 빌드를 CI가 실행합니다.
|
|
240
259
|
|
|
241
260
|
빌드 결과는 다음 위치에 생성됩니다.
|
|
242
261
|
|
|
@@ -247,6 +266,7 @@ apps/cli/dist/index.js
|
|
|
247
266
|
apps/cli/dist/vite.js
|
|
248
267
|
apps/cli/dist/next.js
|
|
249
268
|
apps/cli/dist/next-client.js
|
|
269
|
+
apps/cli/dist/direct-exec-mcp.js
|
|
250
270
|
```
|
|
251
271
|
|
|
252
272
|
## 저장소 구조
|