video-accessibility/frontend
Vadym Samoilenko e4b350cd7d feat(ux): R-8 linguist language warn, PM CC editing, timeline right-click + CC insert
R-8 — Linguist language competence:
- Add User.languages[] BCP-47 field to backend model + UserResponse schema
- Frontend: show amber warning in assign modal when selected linguist has no
  competence listed for the target language

PM VTT editing (FinalDetail):
- PM and ADMIN can now edit captions/AD in the final review stage
- VttEditor becomes read-write with onCueSave wired to updateVttMutation
- Other roles remain read-only

Timeline right-click + add pause:
- Right-click anywhere on the timeline opens a context menu showing the timestamp
- If near a pause point marker: "Edit timing" + "Regenerate TTS" options
- If on empty space: "Add AD cue at Xs" → inserts a new AD cue in the editor
- Pause point markers widened from 1px → 2px (3px on hover) for easier clicking
- Right-click on a pause point marker directly opens the editor

VttEditor insertAtTimeMs prop:
- New prop triggers programmatic insert at a specific video timestamp
- Used by the timeline right-click "Add AD cue here" action

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-30 10:51:31 +01:00
..
public initial commit 2025-08-24 16:28:33 -05:00
src feat(ux): R-8 linguist language warn, PM CC editing, timeline right-click + CC insert 2026-04-30 10:51:31 +01:00
tests initial commit 2025-08-24 16:28:33 -05:00
.env.example initial commit 2025-08-24 16:28:33 -05:00
.env.production fix(frontend): remove /api suffix from VITE_API_BASE_URL (api.ts appends /api/v1 itself) 2026-04-29 22:32:15 +01:00
.gitignore initial commit 2025-08-24 16:28:33 -05:00
Dockerfile initial commit 2025-08-24 16:28:33 -05:00
eslint.config.js initial commit 2025-08-24 16:28:33 -05:00
index.html chore: update page title to Video Accessibility Platform 2026-01-01 10:28:00 -06:00
nginx.conf initial commit 2025-08-24 16:28:33 -05:00
package-lock.json fix(frontend): remove unused useRetryTts; npm audit fix — 0 vulnerabilities 2026-04-29 22:25:18 +01:00
package.json added MSAL microsoft authentication 2025-10-10 09:19:39 -05:00
playwright.config.ts initial commit 2025-08-24 16:28:33 -05:00
postcss.config.js initial commit 2025-08-24 16:28:33 -05:00
README.md initial commit 2025-08-24 16:28:33 -05:00
tailwind.config.js initial commit 2025-08-24 16:28:33 -05:00
tsconfig.app.json bug fixes for frontend when trying to npm run build 2025-10-08 16:47:14 -05:00
tsconfig.json initial commit 2025-08-24 16:28:33 -05:00
tsconfig.node.json initial commit 2025-08-24 16:28:33 -05:00
vite.config.ts added MSAL microsoft authentication 2025-10-10 09:19:39 -05:00

React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:

export default tseslint.config([
  globalIgnores(['dist']),
  {
    files: ['**/*.{ts,tsx}'],
    extends: [
      // Other configs...

      // Remove tseslint.configs.recommended and replace with this
      ...tseslint.configs.recommendedTypeChecked,
      // Alternatively, use this for stricter rules
      ...tseslint.configs.strictTypeChecked,
      // Optionally, add this for stylistic rules
      ...tseslint.configs.stylisticTypeChecked,

      // Other configs...
    ],
    languageOptions: {
      parserOptions: {
        project: ['./tsconfig.node.json', './tsconfig.app.json'],
        tsconfigRootDir: import.meta.dirname,
      },
      // other options...
    },
  },
])

You can also install eslint-plugin-react-x and eslint-plugin-react-dom for React-specific lint rules:

// eslint.config.js
import reactX from 'eslint-plugin-react-x'
import reactDom from 'eslint-plugin-react-dom'

export default tseslint.config([
  globalIgnores(['dist']),
  {
    files: ['**/*.{ts,tsx}'],
    extends: [
      // Other configs...
      // Enable lint rules for React
      reactX.configs['recommended-typescript'],
      // Enable lint rules for React DOM
      reactDom.configs.recommended,
    ],
    languageOptions: {
      parserOptions: {
        project: ['./tsconfig.node.json', './tsconfig.app.json'],
        tsconfigRootDir: import.meta.dirname,
      },
      // other options...
    },
  },
])