aewing 26092b314b Add video recording UI and preview functionality
- Show visible 'Recording Video...' indicator with pulsing red dot when recording starts
- Add 'Stop Recording' button for easy access (not just text feedback)
- Display video preview player after recording completes
- Add 'Use Video' button to attach recorded video to form
- Add 'Remove Video' button to discard recording without attaching
- Implement separate video recording for note and conversation containers
- Store video blob in window.noteVideoBlob and window.conversationVideoBlob
- Video player shows up to 300px height with full controls
- Red/green color scheme for visual feedback (recording = red, actions = green)
2026-01-10 23:02:34 +00:00
2025-12-22 18:02:05 -06:00
2025-12-29 17:40:05 -06:00

Prism Notes

PocketBase + Microsoft Graph OAuth capture app. Frontend is a Tailwind-powered note and audio capture page; backend is a Bun/Hono server that validates PocketBase tokens and can mint Graph tokens (client credentials flow).

What you get

  • server.ts — Bun + Hono server with /health, /api/graph/status, /api/submit, and static index.html serving.
  • index.html — Microsoft OAuth via PocketBase plus note/audio capture UI.
  • tsconfig.json, package.json, bun.lock — project configuration.

Setup

  1. Install Bun (https://bun.sh).
  2. Add a .env file at the project root with the variables below.
  3. Install deps: bun install
  4. Run dev server: bun run --watch server.ts (default port 5500).

Open http://localhost:5500 and sign in with Microsoft.

Environment variables

Name Description
CLIENT_ID Azure AD app (client) ID
CLIENT_SECRET Azure AD client secret
TENANT_ID Azure AD tenant ID
REDIRECT_URI Redirect URI configured in the Azure app
PB_DB PocketBase URL (e.g., http://127.0.0.1:8090)
PB_COLLECTION Collection to store submissions (default Job_Info_TestEnv)
PB_AUTH_COLLECTION Auth collection for token refresh (default Users)
PORT Server port (default 5500)

Notes

  • getGraphToken() in server.ts is ready for Graph API calls; extend with additional routes as needed.
  • /api/submit validates the provided pbToken then writes the payload to PB_COLLECTION; adjust fields to match your schema.
  • Static file serving uses index.html from the repo root.
S
Description
No description provided
Readme Apache-2.0 1.9 MiB
Languages
HTML 74.1%
TypeScript 18.5%
JavaScript 7.4%