LotusGuild/cinny
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: P1 features — quick switcher, media gallery, DM previews, knock-to-join, syntax highlighting

Browse Source 
P1-1: Quick room switcher (Ctrl+K/Cmd+K) — QuickSwitcher.tsx + ClientNonUIFeatures hotkey
P1-2: Media gallery drawer (images/videos/files) — MediaGallery.tsx + RoomViewHeader toggle
P1-4: DM last message preview + relative timestamp in RoomNavItem when direct=true
P1-7: Code syntax highlighting — TDS tokenizer (syntaxHighlight.ts), custom CSS theme
       (.prism-tds-dark/.prism-tds-light), applied in react-custom-html-parser.tsx
P1-11: Knock-to-join — "Request to Join" in RoomIntro + Pending Requests in MembersDrawer

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Jared Vititoe
2026-06-02 19:45:57 -04:00
parent afe957015b
commit d43044ccbf
11 changed files with 1468 additions and 271 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/plugins/react-prism/ReactPrism.css
+48
View File
@@ -22,6 +22,54 @@
--prism-regex: #fd971f;
}
/* ── Lotus Terminal Design System syntax theme ─────────────────────────────
Applied when the lotus-terminal-theme body class is active.
Maps Prism token roles to TDS accent variables:
keyword → --lt-accent-cyan (language control flow)
selector → --lt-accent-green (strings / inserted text)
boolean → --lt-accent-orange (numbers / booleans)
atrule → --lt-accent-purple (functions / class names)
comment → dimmed italic (comments use opacity)
property → --lt-accent-orange (properties / tags)
regex → --lt-accent-amber (regex / important)
─────────────────────────────────────────────────────────────────────── */
.prism-tds-dark {
--prism-comment: rgba(0, 255, 136, 0.4);
--prism-punctuation: rgba(196, 217, 238, 0.65);
--prism-property: var(--lt-accent-orange, #ff6b00);
--prism-boolean: var(--lt-accent-orange, #ff6b00);
--prism-selector: var(--lt-accent-green, #00ff88);
--prism-operator: rgba(196, 217, 238, 0.8);
--prism-atrule: var(--lt-accent-purple, #bf5fff);
--prism-keyword: var(--lt-accent-cyan, #00d4ff);
--prism-regex: var(--lt-accent-amber, #ffb300);
}
.prism-tds-light {
--prism-comment: rgba(0, 109, 53, 0.55);
--prism-punctuation: rgba(45, 61, 86, 0.7);
--prism-property: var(--lt-accent-orange, #c44e00);
--prism-boolean: var(--lt-accent-orange, #c44e00);
--prism-selector: var(--lt-accent-green, #006d35);
--prism-operator: rgba(45, 61, 86, 0.85);
--prism-atrule: var(--lt-accent-purple, #6b2fb8);
--prism-keyword: var(--lt-accent-cyan, #0062b8);
--prism-regex: var(--lt-accent-amber, #8a5a00);
}
/* Comment tokens get italic treatment in TDS themes */
.prism-tds-dark code .token.comment,
.prism-tds-dark code .token.prolog,
.prism-tds-dark code .token.doctype,
.prism-tds-dark code .token.cdata,
.prism-tds-light code .token.comment,
.prism-tds-light code .token.prolog,
.prism-tds-light code .token.doctype,
.prism-tds-light code .token.cdata {
font-style: italic;
opacity: 0.65;
}
code .token.comment,
code .token.prolog,
code .token.doctype,