@youtyan/code-viewer 0.6.1 → 0.6.3

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.
Files changed (6) hide show
  1. package/README.md +24 -4
  2. package/dist/code-viewer.js +1036 -312
  3. package/package.json +1 -1
  4. package/web/app.js +2053 -266
  5. package/web/index.html +40 -13
  6. package/web/style.css +787 -41
package/web/index.html CHANGED
@@ -34,13 +34,14 @@
34
34
  <button id="annotations-toggle" class="global-icon-action" title="code annotations" aria-label="code annotations"><span class="goi-icon" aria-hidden="true"></span><span id="annotations-count" hidden></span></button>
35
35
  <button id="viewer-settings" class="global-icon-action" title="viewer settings" aria-label="viewer settings"></button>
36
36
  <button id="doctor-btn" class="global-icon-action" title="environment doctor" aria-label="environment doctor"><span class="goi-icon" aria-hidden="true"></span><span id="doctor-badge" class="doctor-badge" hidden></span></button>
37
- <button id="copy-ai-context" class="global-icon-action" title="Copy AI context" aria-label="Copy AI context"></button>
37
+ <button id="copy-ai-context" class="global-icon-action ai-context-action" title="Copy AI context" aria-label="Copy AI context"><span class="goi-icon" aria-hidden="true"></span><span class="ai-context-label"></span></button>
38
38
  <span id="copy-ai-context-feedback" class="goi-feedback" role="status" hidden></span>
39
- <button id="auto-update" class="global-icon-action active" title="auto update on file change">auto</button>
40
- <button id="cancel-requests" class="global-icon-action" title="no in-flight requests" aria-label="cancel in-flight requests" disabled>stop</button>
39
+ <button id="auto-update" class="global-icon-action active" title="auto update on file change" aria-label="auto update on file change"><span class="goi-icon" aria-hidden="true"></span><span class="auto-update-label"></span></button>
40
+ <button id="cancel-requests" class="global-icon-action" title="no in-flight requests" aria-label="no in-flight requests" disabled><span class="goi-icon" aria-hidden="true"></span></button>
41
41
  <button id="theme" title="toggle theme" aria-label="toggle theme"></button>
42
- <span id="status" class="status"></span>
42
+ <span id="status" class="status" role="status" aria-live="polite"><span class="status-label"></span></span>
43
43
  <a id="repo-web-link" class="global-help-link" href="#" target="_blank" rel="noopener" hidden>GitHub</a>
44
+ <button id="quick-help-btn" class="global-icon-action quick-help-btn" title="quick help (shortcuts)" aria-label="quick help (shortcuts)">?</button>
44
45
  <a class="global-help-link" data-route="help" href="/help">Help</a>
45
46
  <span class="product-label" aria-hidden="true">code viewer</span>
46
47
  </div>
@@ -51,8 +52,8 @@
51
52
  <span data-ref-selector-mount data-ref-id="ref-from" data-placeholder="from..."></span>
52
53
  <span class="ref-dots">…</span>
53
54
  <span data-ref-selector-mount data-ref-id="ref-to" data-placeholder="to..."></span>
54
- <button id="ref-reset" title="reset to HEAD .. worktree">×</button>
55
- <button id="reload-prom" title="reload diff (R)">↻</button>
55
+ <button id="ref-reset" title="reset to HEAD .. worktree" aria-label="reset to HEAD .. worktree"></button>
56
+ <button id="reload-prom" title="reload diff (R)" aria-label="reload diff (R)"></button>
56
57
  </div>
57
58
  <div class="spacer"></div>
58
59
  <div class="controls">
@@ -119,6 +120,7 @@
119
120
  </div>
120
121
  <div class="sb-filter-wrap">
121
122
  <input id="sb-filter" type="search" placeholder="filter files… / ⌘K" title="Use /pattern/ for regex. Press / to focus this field, Cmd/Ctrl+K for the full-file palette, Ctrl+G for grep, ? for help." autocomplete="off" />
123
+ <button id="sb-filter-clear" type="button" class="sb-filter-clear" title="Clear file filter" aria-label="Clear file filter" hidden>Clear</button>
122
124
  </div>
123
125
  <ul id="filelist"></ul>
124
126
  <div id="sidebar-resizer" aria-hidden="true"></div>
@@ -202,6 +204,17 @@
202
204
  </div>
203
205
  </div>
204
206
 
207
+ <div id="quick-help-popover" hidden role="dialog" aria-label="quick help" aria-modal="false">
208
+ <div class="quick-help-head">
209
+ <strong id="quick-help-title">Quick Help</strong>
210
+ <button id="quick-help-close" type="button" aria-label="close quick help">×</button>
211
+ </div>
212
+ <div id="quick-help-groups"></div>
213
+ <div class="quick-help-foot">
214
+ <a id="quick-help-full-link" href="/help?section=keybindings">View all keybindings →</a>
215
+ </div>
216
+ </div>
217
+
205
218
  <aside id="annotation-panel" hidden>
206
219
  <div id="annotation-panel-resizer" aria-hidden="true"></div>
207
220
  <div class="annotation-panel-head">
@@ -214,11 +227,11 @@
214
227
  <button id="annotation-panel-close" type="button">close</button>
215
228
  </div>
216
229
  <div id="annotation-player" hidden>
217
- <button id="annotation-player-toggle" type="button" title="Play / Pause">▶</button>
218
- <button id="annotation-player-prev" type="button" title="Previous">‹</button>
219
- <button id="annotation-player-next" type="button" title="Next">›</button>
230
+ <button id="annotation-player-toggle" type="button" title="Play annotation playback" aria-label="Play annotation playback"></button>
231
+ <button id="annotation-player-prev" type="button" title="Previous annotation" aria-label="Previous annotation"></button>
232
+ <button id="annotation-player-next" type="button" title="Next annotation" aria-label="Next annotation"></button>
220
233
  <span id="annotation-player-progress"></span>
221
- <button id="annotation-player-mute" type="button" title="Mute">🔊</button>
234
+ <button id="annotation-player-mute" type="button" title="Mute annotation playback" aria-label="Mute annotation playback"></button>
222
235
  <select id="annotation-player-rate" title="Speed" aria-label="Playback speed">
223
236
  <option value="0.5">0.5x</option>
224
237
  <option value="0.75">0.75x</option>
@@ -238,8 +251,8 @@
238
251
  <span id="annotation-detail-session"></span>
239
252
  <span id="annotation-detail-time"></span>
240
253
  <span id="annotation-detail-step"></span>
241
- <button id="annotation-detail-prev" type="button" title="previous annotation">‹</button>
242
- <button id="annotation-detail-next" type="button" title="next annotation">›</button>
254
+ <button id="annotation-detail-prev" class="annotation-icon-btn" type="button" title="previous annotation" aria-label="previous annotation"></button>
255
+ <button id="annotation-detail-next" class="annotation-icon-btn" type="button" title="next annotation" aria-label="next annotation"></button>
243
256
  <button id="annotation-detail-close" type="button">close</button>
244
257
  </div>
245
258
  <a id="annotation-detail-location" href="#"></a>
@@ -261,7 +274,21 @@
261
274
  <main id="content">
262
275
  <section id="history-commit-info" hidden></section>
263
276
  <div id="empty" class="empty hidden">
264
- <div class="emoji">✨</div>
277
+ <div class="empty-icon" aria-hidden="true">
278
+ <svg
279
+ class="octicon octicon-git-branch"
280
+ viewBox="0 0 16 16"
281
+ width="16"
282
+ height="16"
283
+ fill="currentColor"
284
+ aria-hidden="true"
285
+ >
286
+ <path
287
+ fill="currentColor"
288
+ d="M9.5 3.25a2.25 2.25 0 1 1 3 2.122V6A2.5 2.5 0 0 1 10 8.5H6a1 1 0 0 0-1 1v1.128a2.251 2.251 0 1 1-1.5 0V5.372a2.25 2.25 0 1 1 1.5 0v1.836A2.493 2.493 0 0 1 6 7h4a1 1 0 0 0 1-1v-.628A2.25 2.25 0 0 1 9.5 3.25Zm-6 0a.75.75 0 1 0 1.5 0 .75.75 0 0 0-1.5 0Zm8.25-.75a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM4.25 12a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Z"
289
+ ></path>
290
+ </svg>
291
+ </div>
265
292
  <h2>No changes</h2>
266
293
  <p>The working tree is clean against this ref.</p>
267
294
  </div>