uifolio 0.4.0 → 0.5.3

package/src/lib/video.ts

@@ -1,6 +1,6 @@
 /**
- * Helpers vidéo partagés par les composants de la librairie.
- * Aucune dépendance : copier ce fichier avec le composant suffit.
+ * Video helpers shared by the library components.
+ * No dependency: copying this file along with the component is enough.
  */
 
 export type PlayerSource =
@@ -28,7 +28,7 @@ export function toSourceList(input: PlayerSource | PlayerSource[]): PlayerSource
   return Array.isArray(input) ? input : [input]
 }
 
-/** Signature stable, utilisée pour ne pas recréer les object URLs à chaque render. */
+/** Stable signature, so object URLs are not recreated on every render. */
 export function sourceSignature(input: PlayerSource | PlayerSource[]): string {
   return toSourceList(input)
     .map((source) => {
@@ -75,7 +75,7 @@ export function youtubeThumbnailFallback(id: string): string {
   loop?: boolean
   muted?: boolean
   controls?: boolean
-  /** Origine de la page hôte : l'API iframe YouTube lui associe les commandes postMessage. */
+  /** Host page origin: the YouTube iframe API matches postMessage commands to it. */
   origin?: string
   playsinline?: boolean
 }
@@ -123,7 +123,7 @@ export function buildEmbedUrl(
 
 
 /* -------------------------------------------------------------------------- */
-/* Pilotage des embeds (YouTube / Vimeo) par postMessage                      */
+/* Driving the embeds (YouTube / Vimeo) through postMessage                   */
 /* -------------------------------------------------------------------------- */
 
 export type EmbedKind = 'youtube' | 'vimeo'
@@ -132,12 +132,12 @@ export type EmbedCommand =
   | { type: 'play' }
   | { type: 'pause' }
   | { type: 'seek'; time: number }
-  /** Volume normalisé 0–1, converti dans l'unité de chaque plateforme. */
+  /** Normalized volume 0–1, converted into each platform's unit. */
   | { type: 'volume'; volume: number }
   | { type: 'mute'; muted: boolean }
   | { type: 'rate'; rate: number }
 
-/** Message à poster dans l'iframe : chaîne JSON pour YouTube, objet pour Vimeo. */
+/** Message to post into the iframe: a JSON string for YouTube, an object for Vimeo. */
 export function embedCommand(
   kind: EmbedKind,
   command: EmbedCommand,
@@ -190,10 +190,10 @@ const VIMEO_EVENTS = [
   'playbackratechange',
 ]
 
-/** Messages à envoyer à l'iframe pour recevoir son état et ses événements. */
+/** Messages to send to the iframe to receive its state and events. */
 export function embedHandshake(kind: EmbedKind): Array<Record<string, unknown> | string> {
   if (kind === 'youtube') {
-    // Démarre l'émission des messages `infoDelivery` (temps, durée, état).
+    // Starts the `infoDelivery` messages (time, duration, state).
     return [JSON.stringify({ event: 'listening', id: 1, channel: 'widget' })]
   }
   return [
@@ -249,7 +249,7 @@ function parseYoutubeStatus(raw: unknown): EmbedStatus | null {
   if (duration !== undefined && duration > 0) status.duration = duration
 
   const playerState = toNumber(info.playerState)
-  // -1 non démarré, 0 terminé, 1 lecture, 2 pause, 3 buffering, 5 prêt.
+  // -1 unstarted, 0 ended, 1 playing, 2 paused, 3 buffering, 5 cued.
   if (playerState !== undefined) status.playing = playerState === 1 || playerState === 3
 
   const muted = info.muted
@@ -312,7 +312,7 @@ function parseVimeoStatus(raw: unknown): EmbedStatus | null {
   return null
 }
 
-/** Décode un message postMessage émis par l'iframe et en extrait l'état de lecture. */
+/** Decodes a postMessage sent by the iframe and extracts the playback state. */
 export function parseEmbedMessage(kind: EmbedKind, raw: unknown): EmbedStatus | null {
   return kind === 'youtube' ? parseYoutubeStatus(raw) : parseVimeoStatus(raw)
 }
@@ -335,7 +335,7 @@ export function formatTime(value: number): string {
   return `${minutes}:${paddedSeconds}`
 }
 
-/** "16/9" | 16/9 | 1.77 | "auto" -> valeur CSS aspect-ratio. */
+/** "16/9" | 16/9 | 1.77 | "auto" -> CSS aspect-ratio value. */
 export function toAspectRatio(value: string | number | undefined): string | undefined {
   if (value == null) return undefined
   if (typeof value === 'number') return String(value)

package/src/lib/vtt.ts

@@ -57,7 +57,7 @@ function cleanCueText(lines: string[]): string {
     .trim()
 }
 
-/** Parse un fichier WebVTT en cues. Tolérant : ignore entêtes, notes, styles et blocs invalides. */
+/** Parses a WebVTT file into cues. Tolerant: skips headers, notes, styles and invalid blocks. */
 export function parseVtt(raw: string): VttCue[] {
   const lines = raw
     .replace(/^\uFEFF/, '')

package/src/components/ui/stories-tokens.ts

@@ -1,18 +0,0 @@
-const accentToScheme: Record<string, { dark: string; light: string; foreground: string; background: string }> = {
-  '#10b981': {
-    dark: '#0f172a',
-    light: '#0f172a',
-    foreground: '#f1f5f9',
-    background: '#ecfdf5',
-  },
-  default: {
-    dark: '#f8fafc',
-    light: '#0f172a',
-    foreground: '#0f172a',
-    background: '#ffffff',
-  },
-}
-
-export function accentTokens(accent: string) {
-  return accentToScheme[accent] ?? accentToScheme.default
-}