Skip to content

Commit 5fa2aaf

Browse files
ijboijbo
committed
feat: view-locked sharing & shared versions tracking
- View-lock pill selector (Default/Preview/PPT) in share modal - View lock stored in Firestore document (tamper-proof) - setViewMode() guard blocks mode switching on locked links - View mode buttons visually disabled for non-matching modes - Shared versions tracked in localStorage per parent doc - Previously Shared section with timestamps, badges, copy/delete - Dynamic hint text shows/hides based on view selection
1 parent 067f1ae commit 5fa2aaf

8 files changed

Lines changed: 472 additions & 13 deletions

File tree

‎CHANGELOG-view-lock-sharing.md‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
# View-Locked Sharing & Shared Versions Tracking
2+
3+
- View-locked share links: sharer can select PPT or Preview mode when generating a share link; recipients are restricted to that view mode
4+
- View lock stored in Firestore document (tamper-proof — stripping `&view=ppt` from URL doesn't bypass the lock)
5+
- `setViewMode()` guard in `ui-panels.js` blocks mode switching when view-locked shared links are active
6+
- View mode buttons visually disabled (`.view-lock-disabled` class) for non-matching modes on locked documents
7+
- Share view-lock pill selector (Default / Preview / PPT) added to share options modal
8+
- Hint text dynamically shows/hides based on view selection
9+
- Shared versions tracking: each share is recorded in localStorage keyed by parent cloud doc ID
10+
- "Previously Shared" section in share options modal shows all past shares with timestamp, view mode badge, secure badge, Copy and Delete buttons
11+
12+
---
13+
14+
## Summary
15+
16+
Adds view-locked sharing and shared versions tracking. Sharers can lock a document to PPT or Preview mode. Recipients see only the locked view and cannot switch modes. The lock is stored server-side in Firestore for tamper-proofing. A "Previously Shared" section in the share modal lets users manage their share history.
17+
18+
---
19+
20+
## 1. View-Locked Share Links
21+
**Files:** `js/cloud-share.js`, `js/ui-panels.js`, `css/view-mode.css`
22+
**What:** Added `M.sharedViewLock` property, `view` parameter parsing from URL hash, `applyViewLockUI()` function to disable non-matching view buttons, and `setViewMode()` guard to block mode changes when a view lock is active. View lock stored in Firestore `view` field for tamper-proofing.
23+
**Impact:** Recipients of view-locked links see only the intended view (PPT or Preview) and cannot switch to other modes. Even stripping the URL parameter doesn't bypass the lock since it's stored server-side.
24+
25+
## 2. Share View-Lock Pill Selector
26+
**Files:** `js/modal-templates.js`, `js/cloud-share.js`, `css/modals.css`
27+
**What:** Added "Open in view mode" section with three pill buttons (Default, Preview, PPT) to the share options modal. Selection is appended as `&view=<mode>` to generated URLs and stored in the Firestore document.
28+
**Impact:** Users can choose a view mode when generating a shareable link, with a dynamic hint text that appears when a non-default view is selected.
29+
30+
## 3. Shared Versions Tracking
31+
**Files:** `js/cloud-share.js`, `js/modal-templates.js`, `css/modals.css`
32+
**What:** Added `getSharedVersions()`, `saveSharedVersion()`, `deleteSharedVersion()` helper functions. Modified `doQuickShare()` and `doSecureShare()` to return `{url, id}` objects. Added `renderSharedVersions()` to dynamically build version cards with timestamp, view-mode badges (PPT/Preview), secure badge, and Copy/Delete buttons. Added "Previously Shared" container in share modal HTML.
33+
**Impact:** After the first share, a "Previously Shared" section appears in the share modal showing all previous shares for the current document, with quick copy and remove actions.
34+
35+
---
36+
37+
## Files Changed (5 total)
38+
39+
| File | Lines Changed | Type |
40+
|------|:---:|------|
41+
| `js/cloud-share.js` | +200 −12 | View lock logic, shared versions tracking, Firestore storage |
42+
| `js/modal-templates.js` | +17 | View-lock pills + shared versions container HTML |
43+
| `css/modals.css` | +159 | View-lock pill styles + shared versions list styles |
44+
| `css/view-mode.css` | +14 | `.view-lock-disabled` button styles |
45+
| `js/ui-panels.js` | +2 | `setViewMode()` guard for view lock |

‎README.md‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@
3131
| **🔊 Text-to-Speech** | Hybrid Kokoro TTS engine — 9 languages (English, Japanese, Chinese, Spanish, French, Hindi, Italian, Portuguese) via [Kokoro 82M v1.0 ONNX](https://huggingface.co/textagent/Kokoro-82M-v1.0-ONNX) (~80 MB, off-thread WebWorker), Korean, German & others via Web Speech API fallback; TTS card with separate ▶ Run (generate audio) / ▷ Play (replay) / 💾 Save (WAV download) buttons; hover any preview text and click 🔊 to hear pronunciation; voice auto-selection by language |
3232
| **Import** | MD, DOCX, XLSX/XLS, CSV, HTML, JSON, XML, PDF — drag & drop or click to import |
3333
| **Export** | Markdown, self-contained styled HTML, PDF (smart page-breaks, shared rendering pipeline), LLM Memory (5 formats: XML, JSON, Compact JSON, Markdown, Plain Text + shareable link) |
34-
| **Sharing** | AES-256-GCM encrypted sharing via Firebase; read-only shared links with auto-dismiss banner + floating "Read-only" pill indicator, optional passphrase protection — decryption key stays in URL fragment (never sent to server) |
34+
| **Sharing** | AES-256-GCM encrypted sharing via Firebase; read-only shared links with auto-dismiss banner + floating "Read-only" pill indicator, optional passphrase protection — decryption key stays in URL fragment (never sent to server); **view-locked links** (lock recipients to PPT or Preview mode, stored in Firestore to prevent URL tampering); **shared versions tracking** ("Previously Shared" panel with timestamps, view-mode badges, copy/delete actions) |
3535
| **Presentation** | Slide mode using `---` separators, keyboard navigation, multiple layouts & transitions, speaker notes, overview grid, 20+ PPT templates with image backgrounds |
3636
| **Desktop** | Native app via Neutralino.js with system tray and offline support |
3737
| **Code Execution** | 7 languages in-browser: Bash ([just-bash](https://justbash.dev/)), Math (Nerdamer), LaTeX (MathJax + Nerdamer evaluation), Python ([Pyodide](https://pyodide.org/)), HTML (sandboxed iframe, `html-autorun` for widgets/quizzes), JavaScript (sandboxed iframe), SQL ([sql.js](https://sql.js.org/) SQLite) · 25+ compiled languages via [Judge0 CE](https://ce.judge0.com): C, C++, Rust, Go, Java, TypeScript, Kotlin, Scala, Ruby, Swift, Haskell, Dart, C#, and more · **▶ Run All** notebook engine — one-click sequential execution with preflight dialog (block table with model/status), pre-execution model loading (AI + TTS auto-loaded before blocks run), progress bar, abort, per-block status badges, detailed console logging, and SQLite shared context store |
@@ -459,6 +459,7 @@ TextAgent has undergone significant evolution since its inception. What started
459459

460460
| Date | Commits | Feature / Update |
461461
|------|---------|-----------------:|
462+
| **2026-03-17** | | 🔒 **View-Locked Sharing & Shared Versions** — sharers can lock recipients to PPT or Preview mode via new pill selector in share modal; view lock stored server-side in Firestore (tamper-proof — stripping `&view=ppt` from URL doesn't bypass); `setViewMode()` guard blocks mode switching; non-matching view buttons visually disabled; "Previously Shared" section in share modal shows past shares per document with timestamps, view-mode badges (PPT/Preview), secure badge, and Copy/Delete buttons; shared versions tracked in localStorage keyed by parent cloud doc ID |
462463
| **2026-03-17** | | 🎨 **Three-Level Header & Read-Only Pill** — new three-level header visibility toggle (Full → Compact QAB → fully Hidden with floating "TextAgent" restore pill at top-center, 35% opacity, hover to reveal); header level persists via `localStorage`; "Read-only" shared-view pill repositioned from top-right to bottom-right corner with upward slide-in animation |
463464
| **2026-03-17** | | 🎨 **Shared Banner Auto-Dismiss UX** — green "Viewing shared markdown (read-only)" banner now auto-hides after 4s with smooth slide-up animation; collapses to a floating green "🔒 Read-only" pill in the top-right corner; clicking the editor or pill re-expands the full banner with Edit Copy/Close buttons (auto-hides again after 5s); dynamic `SHARE_BASE_URL` uses `localhost` in dev and `textagent.github.io` in production |
464465
| **2026-03-17** | | 🚀 **AI Worker Limits Upgrade** — raised all task-specific token limits to industry-standard values (e.g. `chat`/`generate`/`markdown` 512→8192, `expand`/`elaborate` 512→4096, `summarize` 256→2048, `autocomplete` 128→512); unified document context limits to 16K/32K chars across Qwen, Gemini, and Common workers; expanded chat history from 10→30 messages with 8x per-message content (500→4000 chars) |

‎changelogs/CHANGELOG-view-lock-sharing.md‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
# View-Locked Sharing & Shared Versions Tracking
2+
3+
- View-locked share links: sharer can select PPT or Preview mode when generating a share link; recipients are restricted to that view mode
4+
- View lock stored in Firestore document (tamper-proof — stripping `&view=ppt` from URL doesn't bypass the lock)
5+
- `setViewMode()` guard in `ui-panels.js` blocks mode switching when view-locked shared links are active
6+
- View mode buttons visually disabled (`.view-lock-disabled` class) for non-matching modes on locked documents
7+
- Share view-lock pill selector (Default / Preview / PPT) added to share options modal
8+
- Hint text dynamically shows/hides based on view selection
9+
- Shared versions tracking: each share is recorded in localStorage keyed by parent cloud doc ID
10+
- "Previously Shared" section in share options modal shows all past shares with timestamp, view mode badge, secure badge, Copy and Delete buttons
11+
12+
---
13+
14+
## Summary
15+
16+
Adds view-locked sharing and shared versions tracking. Sharers can lock a document to PPT or Preview mode. Recipients see only the locked view and cannot switch modes. The lock is stored server-side in Firestore for tamper-proofing. A "Previously Shared" section in the share modal lets users manage their share history.
17+
18+
---
19+
20+
## 1. View-Locked Share Links
21+
**Files:** `js/cloud-share.js`, `js/ui-panels.js`, `css/view-mode.css`
22+
**What:** Added `M.sharedViewLock` property, `view` parameter parsing from URL hash, `applyViewLockUI()` function to disable non-matching view buttons, and `setViewMode()` guard to block mode changes when a view lock is active. View lock stored in Firestore `view` field for tamper-proofing.
23+
**Impact:** Recipients of view-locked links see only the intended view (PPT or Preview) and cannot switch to other modes. Even stripping the URL parameter doesn't bypass the lock since it's stored server-side.
24+
25+
## 2. Share View-Lock Pill Selector
26+
**Files:** `js/modal-templates.js`, `js/cloud-share.js`, `css/modals.css`
27+
**What:** Added "Open in view mode" section with three pill buttons (Default, Preview, PPT) to the share options modal. Selection is appended as `&view=<mode>` to generated URLs and stored in the Firestore document.
28+
**Impact:** Users can choose a view mode when generating a shareable link, with a dynamic hint text that appears when a non-default view is selected.
29+
30+
## 3. Shared Versions Tracking
31+
**Files:** `js/cloud-share.js`, `js/modal-templates.js`, `css/modals.css`
32+
**What:** Added `getSharedVersions()`, `saveSharedVersion()`, `deleteSharedVersion()` helper functions. Modified `doQuickShare()` and `doSecureShare()` to return `{url, id}` objects. Added `renderSharedVersions()` to dynamically build version cards with timestamp, view-mode badges (PPT/Preview), secure badge, and Copy/Delete buttons. Added "Previously Shared" container in share modal HTML.
33+
**Impact:** After the first share, a "Previously Shared" section appears in the share modal showing all previous shares for the current document, with quick copy and remove actions.
34+
35+
---
36+
37+
## Files Changed (5 total)
38+
39+
| File | Lines Changed | Type |
40+
|------|:---:|------|
41+
| `js/cloud-share.js` | +200 −12 | View lock logic, shared versions tracking, Firestore storage |
42+
| `js/modal-templates.js` | +17 | View-lock pills + shared versions container HTML |
43+
| `css/modals.css` | +159 | View-lock pill styles + shared versions list styles |
44+
| `css/view-mode.css` | +14 | `.view-lock-disabled` button styles |
45+
| `js/ui-panels.js` | +2 | `setViewMode()` guard for view lock |

‎css/modals.css‎

Lines changed: 159 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -427,6 +427,165 @@
427427
color: #f85149;
428428
}
429429

430+
/* ========================================
431+
SHARE VIEW-LOCK PILLS
432+
======================================== */
433+
434+
.share-view-lock-section {
435+
margin-top: 16px;
436+
padding-top: 14px;
437+
border-top: 1px solid var(--border-color);
438+
}
439+
440+
.share-view-lock-label {
441+
display: block;
442+
font-size: 13px;
443+
font-weight: 600;
444+
color: var(--text-color);
445+
margin-bottom: 8px;
446+
}
447+
448+
.share-view-lock-pills {
449+
display: flex;
450+
gap: 0;
451+
border-radius: 8px;
452+
overflow: hidden;
453+
border: 1px solid var(--border-color);
454+
}
455+
456+
.share-view-pill {
457+
flex: 1;
458+
padding: 8px 12px;
459+
font-size: 13px;
460+
font-weight: 500;
461+
border: none;
462+
background-color: var(--button-bg);
463+
color: var(--text-color);
464+
cursor: pointer;
465+
display: flex;
466+
align-items: center;
467+
justify-content: center;
468+
gap: 4px;
469+
transition: all 0.2s ease;
470+
}
471+
472+
.share-view-pill:not(:last-child) {
473+
border-right: 1px solid var(--border-color);
474+
}
475+
476+
.share-view-pill:hover {
477+
background-color: var(--button-hover);
478+
}
479+
480+
.share-view-pill.active {
481+
background-color: var(--accent-color);
482+
color: #fff;
483+
}
484+
485+
.share-view-lock-hint {
486+
display: block;
487+
margin-top: 6px;
488+
font-size: 11px;
489+
color: var(--text-color);
490+
opacity: 0.5;
491+
}
492+
493+
/* ========================================
494+
SHARED VERSIONS LIST
495+
======================================== */
496+
497+
.share-versions-section {
498+
margin-top: 16px;
499+
padding-top: 14px;
500+
border-top: 1px solid var(--border-color);
501+
}
502+
503+
.share-versions-list {
504+
max-height: 160px;
505+
overflow-y: auto;
506+
display: flex;
507+
flex-direction: column;
508+
gap: 4px;
509+
}
510+
511+
.share-version-row {
512+
display: flex;
513+
align-items: center;
514+
justify-content: space-between;
515+
padding: 6px 10px;
516+
border-radius: 6px;
517+
background: var(--button-bg);
518+
border: 1px solid var(--border-color);
519+
font-size: 12px;
520+
}
521+
522+
.share-version-info {
523+
display: flex;
524+
align-items: center;
525+
gap: 6px;
526+
flex: 1;
527+
min-width: 0;
528+
}
529+
530+
.share-version-time {
531+
color: var(--text-color);
532+
opacity: 0.7;
533+
white-space: nowrap;
534+
}
535+
536+
.share-version-badge {
537+
display: inline-flex;
538+
align-items: center;
539+
gap: 3px;
540+
padding: 1px 6px;
541+
border-radius: 4px;
542+
font-size: 10px;
543+
font-weight: 600;
544+
white-space: nowrap;
545+
}
546+
547+
.badge-ppt {
548+
background: rgba(168, 85, 247, 0.15);
549+
color: #a855f7;
550+
}
551+
552+
.badge-preview {
553+
background: rgba(59, 130, 246, 0.15);
554+
color: #3b82f6;
555+
}
556+
557+
.badge-secure {
558+
background: rgba(34, 197, 94, 0.15);
559+
color: #22c55e;
560+
}
561+
562+
.share-version-actions {
563+
display: flex;
564+
gap: 2px;
565+
flex-shrink: 0;
566+
}
567+
568+
.share-version-btn {
569+
background: none;
570+
border: none;
571+
color: var(--text-color);
572+
opacity: 0.5;
573+
cursor: pointer;
574+
padding: 3px 6px;
575+
border-radius: 4px;
576+
font-size: 13px;
577+
transition: all 0.15s ease;
578+
}
579+
580+
.share-version-btn:hover {
581+
opacity: 1;
582+
background: var(--button-hover);
583+
}
584+
585+
.share-version-delete:hover {
586+
color: #f85149;
587+
}
588+
430589
/* ========================================
431590
PASSPHRASE PROMPT MODAL
432591
======================================== */

‎css/view-mode.css‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -461,4 +461,18 @@
461461
[data-theme="dark"] .pdf-export table th[rowspan],
462462
[data-theme="dark"] .pdf-export table td[rowspan] {
463463
background-color: var(--table-bg, #161b22) !important;
464+
}
465+
466+
/* ========================================
467+
VIEW-LOCKED SHARED LINKS
468+
======================================== */
469+
470+
.view-lock-disabled {
471+
opacity: 0.3 !important;
472+
cursor: not-allowed !important;
473+
pointer-events: none;
474+
}
475+
476+
.view-lock-disabled:hover {
477+
background-color: transparent !important;
464478
}

0 commit comments

Comments
 (0)