vidply 1.2.0 → 1.2.3

package/src/utils/EventEmitter.ts

@@ -1,59 +1,59 @@
-type DefaultEventMap = Record<string, unknown>;
-type Listener<T> = T extends void ? () => void : (data: T) => void;
-
-/**
- * Generic typed event emitter. The `TEvents` parameter is constrained
- * via the self-referential `Record<keyof TEvents, unknown>` so concrete
- * event maps (like `PlayerEventMap`) can be used directly without
- * adding a noisy `[key: string]: unknown` index signature, which would
- * defeat the typo-protection that strongly typed event maps provide.
- */
-export class EventEmitter<TEvents extends Record<keyof TEvents, unknown> = DefaultEventMap> {
-  private events: Partial<Record<keyof TEvents, Array<(...args: unknown[]) => void>>> = {};
-
-  on<K extends keyof TEvents>(event: K, listener: Listener<TEvents[K]>): this {
-    const listeners = this.events[event] ?? [];
-    listeners.push(listener as (...args: unknown[]) => void);
-    this.events[event] = listeners;
-    return this;
-  }
-
-  once<K extends keyof TEvents>(event: K, listener: Listener<TEvents[K]>): this {
-    const onceListener = ((...args: unknown[]) => {
-      (listener as (...a: unknown[]) => void)(...args);
-      this.off(event, onceListener as Listener<TEvents[K]>);
-    }) as unknown as Listener<TEvents[K]>;
-    return this.on(event, onceListener);
-  }
-
-  off<K extends keyof TEvents>(event: K, listener?: Listener<TEvents[K]>): this {
-    const listeners = this.events[event];
-    if (!listeners) return this;
-
-    if (!listener) {
-      delete this.events[event];
-    } else {
-      this.events[event] = listeners.filter(
-        l => l !== (listener as unknown)
-      );
-    }
-
-    return this;
-  }
-
-  emit<K extends keyof TEvents>(event: K, ...args: unknown[]): this {
-    const listeners = this.events[event];
-    if (!listeners) return this;
-
-    listeners.forEach(listener => {
-      listener(...args);
-    });
-
-    return this;
-  }
-
-  removeAllListeners(): this {
-    this.events = {};
-    return this;
-  }
-}
+type DefaultEventMap = Record<string, unknown>;
+type Listener<T> = T extends void ? () => void : (data: T) => void;
+
+/**
+ * Generic typed event emitter. The `TEvents` parameter is constrained
+ * via the self-referential `Record<keyof TEvents, unknown>` so concrete
+ * event maps (like `PlayerEventMap`) can be used directly without
+ * adding a noisy `[key: string]: unknown` index signature, which would
+ * defeat the typo-protection that strongly typed event maps provide.
+ */
+export class EventEmitter<TEvents extends Record<keyof TEvents, unknown> = DefaultEventMap> {
+  private events: Partial<Record<keyof TEvents, Array<(...args: unknown[]) => void>>> = {};
+
+  on<K extends keyof TEvents>(event: K, listener: Listener<TEvents[K]>): this {
+    const listeners = this.events[event] ?? [];
+    listeners.push(listener as (...args: unknown[]) => void);
+    this.events[event] = listeners;
+    return this;
+  }
+
+  once<K extends keyof TEvents>(event: K, listener: Listener<TEvents[K]>): this {
+    const onceListener = ((...args: unknown[]) => {
+      (listener as (...a: unknown[]) => void)(...args);
+      this.off(event, onceListener as Listener<TEvents[K]>);
+    }) as unknown as Listener<TEvents[K]>;
+    return this.on(event, onceListener);
+  }
+
+  off<K extends keyof TEvents>(event: K, listener?: Listener<TEvents[K]>): this {
+    const listeners = this.events[event];
+    if (!listeners) return this;
+
+    if (!listener) {
+      delete this.events[event];
+    } else {
+      this.events[event] = listeners.filter(
+        l => l !== (listener as unknown)
+      );
+    }
+
+    return this;
+  }
+
+  emit<K extends keyof TEvents>(event: K, ...args: unknown[]): this {
+    const listeners = this.events[event];
+    if (!listeners) return this;
+
+    listeners.forEach(listener => {
+      listener(...args);
+    });
+
+    return this;
+  }
+
+  removeAllListeners(): this {
+    this.events = {};
+    return this;
+  }
+}

package/src/utils/FormUtils.ts

@@ -1,95 +1,95 @@
-import { DOMUtils } from './DOMUtils.js';
-import { i18n } from '../i18n/i18n.js';
-
-export interface SelectOption {
-  value: string;
-  text: string;
-  selected?: boolean;
-}
-
-export interface LabeledSelectOptions {
-  classPrefix: string;
-  labelClass: string;
-  selectClass: string;
-  labelText: string;
-  selectId: string;
-  hidden?: boolean;
-  onChange?: (e: Event) => void;
-  options?: SelectOption[];
-}
-
-export function createLabeledSelect({
-  classPrefix: _classPrefix,
-  labelClass,
-  selectClass,
-  labelText,
-  selectId,
-  hidden = false,
-  onChange = undefined,
-  options = []
-}: LabeledSelectOptions): { label: HTMLLabelElement; select: HTMLSelectElement } {
-  const isI18nKey =
-    typeof labelText === 'string' &&
-    (labelText.startsWith('transcript.') ||
-      labelText.startsWith('player.') ||
-      labelText.startsWith('settings.') ||
-      labelText.startsWith('captions.'));
-  const labelTextContent = isI18nKey ? i18n.t(labelText) || labelText : labelText;
-
-  const label = DOMUtils.createElement('label', {
-    className: labelClass,
-    textContent: labelTextContent,
-    attributes: {
-      for: selectId,
-      style: hidden ? 'display: none;' : undefined
-    }
-  });
-
-  const select = DOMUtils.createElement('select', {
-    className: selectClass,
-    attributes: {
-      id: selectId,
-      style: hidden ? 'display: none;' : undefined
-    }
-  });
-
-  options.forEach(opt => {
-    const option = DOMUtils.createElement('option', {
-      textContent: opt.text,
-      attributes: {
-        value: opt.value,
-        selected: opt.selected ? 'selected' : undefined
-      }
-    });
-    select.appendChild(option);
-  });
-
-  if (onChange) {
-    select.addEventListener('change', onChange);
-  }
-
-  return { label, select };
-}
-
-export function toggleLabeledSelect(
-  label: HTMLElement | null,
-  select: HTMLElement | null,
-  show: boolean
-): void {
-  if (label) {
-    label.style.display = show ? 'block' : 'none';
-  }
-  if (select) {
-    select.style.display = show ? 'block' : 'none';
-  }
-}
-
-export function preventDragOnElement(element: HTMLElement | null): void {
-  if (!element) return;
-
-  (['pointerdown', 'mousedown', 'click'] as const).forEach(eventType => {
-    element.addEventListener(eventType, (e: Event) => {
-      e.stopPropagation();
-    });
-  });
-}
+import { DOMUtils } from './DOMUtils.js';
+import { i18n } from '../i18n/i18n.js';
+
+export interface SelectOption {
+  value: string;
+  text: string;
+  selected?: boolean;
+}
+
+export interface LabeledSelectOptions {
+  classPrefix: string;
+  labelClass: string;
+  selectClass: string;
+  labelText: string;
+  selectId: string;
+  hidden?: boolean;
+  onChange?: (e: Event) => void;
+  options?: SelectOption[];
+}
+
+export function createLabeledSelect({
+  classPrefix: _classPrefix,
+  labelClass,
+  selectClass,
+  labelText,
+  selectId,
+  hidden = false,
+  onChange = undefined,
+  options = []
+}: LabeledSelectOptions): { label: HTMLLabelElement; select: HTMLSelectElement } {
+  const isI18nKey =
+    typeof labelText === 'string' &&
+    (labelText.startsWith('transcript.') ||
+      labelText.startsWith('player.') ||
+      labelText.startsWith('settings.') ||
+      labelText.startsWith('captions.'));
+  const labelTextContent = isI18nKey ? i18n.t(labelText) || labelText : labelText;
+
+  const label = DOMUtils.createElement('label', {
+    className: labelClass,
+    textContent: labelTextContent,
+    attributes: {
+      for: selectId,
+      style: hidden ? 'display: none;' : undefined
+    }
+  });
+
+  const select = DOMUtils.createElement('select', {
+    className: selectClass,
+    attributes: {
+      id: selectId,
+      style: hidden ? 'display: none;' : undefined
+    }
+  });
+
+  options.forEach(opt => {
+    const option = DOMUtils.createElement('option', {
+      textContent: opt.text,
+      attributes: {
+        value: opt.value,
+        selected: opt.selected ? 'selected' : undefined
+      }
+    });
+    select.appendChild(option);
+  });
+
+  if (onChange) {
+    select.addEventListener('change', onChange);
+  }
+
+  return { label, select };
+}
+
+export function toggleLabeledSelect(
+  label: HTMLElement | null,
+  select: HTMLElement | null,
+  show: boolean
+): void {
+  if (label) {
+    label.style.display = show ? 'block' : 'none';
+  }
+  if (select) {
+    select.style.display = show ? 'block' : 'none';
+  }
+}
+
+export function preventDragOnElement(element: HTMLElement | null): void {
+  if (!element) return;
+
+  (['pointerdown', 'mousedown', 'click'] as const).forEach(eventType => {
+    element.addEventListener(eventType, (e: Event) => {
+      e.stopPropagation();
+    });
+  });
+}