refactor(store): simplify state management + computeds

[mihar-22]

Summary

Simplified state management API - easier to reason about with explicit access patterns. Total size is 560B.

import { createState, createComputed, flush, isState } from '@videojs/store';

State API

// Access via .current (frozen on update)
const { volume, muted } = store.state.current;

// Subscribe to changes  
state.subscribe(() => { ... });
state.subscribe(['volume'], () => { ... });

// Mutate via explicit methods
state.set('volume', 0.5);
state.patch({ volume: 0.5, muted: true });

Computed (new)

const effectiveVolume = createComputed(
  store.state,
  ['volume', 'muted'],
  ({ volume, muted }) => muted ? 0 : volume
);

effectiveVolume.current;      // derived value
effectiveVolume.subscribe();  // notified on change
effectiveVolume.destroy();    // cleanup

Simplified React/Lit integrations

// React - was 15 lines, now 3
export function useSnapshot<T extends object>(state: State<T>): T {
  return useSyncExternalStore(state.subscribe, () => state.current, () => state.current);
}

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Review	Updated (UTC)
vjs-10-website	Skipped		Jan 22, 2026 10:55am