@hanifhan1f/vidstack-react 1.12.13 → 1.12.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (389) hide show
  1. package/dev/chunks/vidstack-B-FM4-oZ.js +668 -0
  2. package/dev/chunks/vidstack-B92UncBI.js +61 -0
  3. package/dev/chunks/vidstack-BDiAEW1N.js +11691 -0
  4. package/dev/chunks/vidstack-BZIhWvGa.js +1371 -0
  5. package/dev/chunks/vidstack-Bfi_jCvb.js +476 -0
  6. package/dev/chunks/vidstack-CBF7iUqu.js +22 -0
  7. package/dev/chunks/vidstack-CFZ0rYJz.js +34 -0
  8. package/dev/chunks/vidstack-CM82l-7o.js +551 -0
  9. package/dev/chunks/vidstack-CvWDiSTs.js +84 -0
  10. package/dev/chunks/vidstack-CzU-uC5f.js +189 -0
  11. package/dev/chunks/vidstack-D-hQD1eE.js +9 -0
  12. package/dev/chunks/vidstack-D6_9yy0x.js +643 -0
  13. package/dev/chunks/vidstack-DJQOTrl6.js +180 -0
  14. package/dev/chunks/vidstack-DNbKNc4R.js +288 -0
  15. package/dev/chunks/vidstack-D_bWd66h.js +2023 -0
  16. package/dev/chunks/vidstack-Dm1xEU9Q.js +36 -0
  17. package/dev/chunks/vidstack-f6WXkmfP.js +375 -0
  18. package/dev/chunks/vidstack-krOAtKMi.js +34 -0
  19. package/dev/chunks/vidstack-lYFZKRUc.js +401 -0
  20. package/dev/player/vidstack-default-components.js +14 -0
  21. package/dev/player/vidstack-default-icons.js +88 -0
  22. package/dev/player/vidstack-default-layout.js +14 -0
  23. package/dev/player/vidstack-plyr-icons.js +62 -0
  24. package/dev/player/vidstack-plyr-layout.js +636 -0
  25. package/dev/player/vidstack-remotion.js +345 -0
  26. package/dev/vidstack.js +587 -0
  27. package/dom.d.ts +91 -0
  28. package/google-cast.d.ts +1422 -0
  29. package/icons.d.ts +5 -0
  30. package/index.d.ts +8 -0
  31. package/package.json +9 -60
  32. package/player/layouts/default.d.ts +11392 -0
  33. package/player/layouts/plyr.d.ts +5 -0
  34. package/player/remotion.d.ts +5 -0
  35. package/player/styles/base.css +153 -0
  36. package/player/styles/default/buffering.css +55 -0
  37. package/player/styles/default/buttons.css +175 -0
  38. package/player/styles/default/captions.css +181 -0
  39. package/player/styles/default/chapter-title.css +26 -0
  40. package/player/styles/default/controls.css +56 -0
  41. package/player/styles/default/gestures.css +19 -0
  42. package/player/styles/default/icons.css +6 -0
  43. package/player/styles/default/keyboard.css +148 -0
  44. package/player/styles/default/layouts/audio.css +417 -0
  45. package/player/styles/default/layouts/video.css +1082 -0
  46. package/player/styles/default/menus.css +959 -0
  47. package/player/styles/default/poster.css +52 -0
  48. package/player/styles/default/sliders.css +391 -0
  49. package/player/styles/default/theme.css +2461 -0
  50. package/player/styles/default/thumbnail.css +40 -0
  51. package/player/styles/default/time.css +45 -0
  52. package/player/styles/default/tooltips.css +141 -0
  53. package/player/styles/plyr/theme.css +1237 -0
  54. package/prod/chunks/vidstack-0Foyib2F.js +34 -0
  55. package/prod/chunks/vidstack-BbPEqH3g.js +11196 -0
  56. package/prod/chunks/vidstack-Bh7M8kL6.js +663 -0
  57. package/prod/chunks/vidstack-BlPINAXN.js +189 -0
  58. package/prod/chunks/vidstack-C5Rzkyfp.js +375 -0
  59. package/prod/chunks/vidstack-CBF7iUqu.js +22 -0
  60. package/prod/chunks/vidstack-CZNlvfmV.js +288 -0
  61. package/prod/chunks/vidstack-CZgUA94N.js +1979 -0
  62. package/prod/chunks/vidstack-D0XCUWbp.js +159 -0
  63. package/prod/chunks/vidstack-DTyDOhwS.js +504 -0
  64. package/prod/chunks/vidstack-DhC5F6c8.js +470 -0
  65. package/prod/chunks/vidstack-Dm1xEU9Q.js +36 -0
  66. package/prod/chunks/vidstack-Ma9rwtR0.js +386 -0
  67. package/prod/chunks/vidstack-WsodkLQg.js +1371 -0
  68. package/prod/chunks/vidstack-jIPoNqhj.js +545 -0
  69. package/prod/chunks/vidstack-krOAtKMi.js +34 -0
  70. package/prod/chunks/vidstack-vqp2QaHR.js +9 -0
  71. package/prod/chunks/vidstack-xo_SmgiV.js +84 -0
  72. package/prod/chunks/vidstack-xvxeRtaN.js +61 -0
  73. package/prod/player/vidstack-default-components.js +14 -0
  74. package/prod/player/vidstack-default-icons.js +88 -0
  75. package/prod/player/vidstack-default-layout.js +14 -0
  76. package/prod/player/vidstack-plyr-icons.js +62 -0
  77. package/prod/player/vidstack-plyr-layout.js +636 -0
  78. package/prod/player/vidstack-remotion.js +335 -0
  79. package/prod/vidstack-icons.js +435 -0
  80. package/prod/vidstack.js +648 -0
  81. package/server/chunks/vidstack-2zMSe4ym.js +1371 -0
  82. package/server/chunks/vidstack-BtqWstSj.js +375 -0
  83. package/server/chunks/vidstack-C-HdFsZi.js +84 -0
  84. package/server/chunks/vidstack-C4iWXMC-.js +545 -0
  85. package/server/chunks/vidstack-C5zFBMwg.js +386 -0
  86. package/server/chunks/vidstack-CBF7iUqu.js +22 -0
  87. package/server/chunks/vidstack-CEh38XpD.js +288 -0
  88. package/server/chunks/vidstack-CkMAeO-e.js +34 -0
  89. package/server/chunks/vidstack-Cm0qnRvu.js +11196 -0
  90. package/server/chunks/vidstack-CoGzBr_V.js +663 -0
  91. package/server/chunks/vidstack-CyFwkPiu.js +470 -0
  92. package/server/chunks/vidstack-D-hQD1eE.js +9 -0
  93. package/server/chunks/vidstack-D_bWd66h.js +2023 -0
  94. package/server/chunks/vidstack-Dm1xEU9Q.js +36 -0
  95. package/server/chunks/vidstack-DtQSvsQr.js +189 -0
  96. package/server/chunks/vidstack-jlaBqZq5.js +61 -0
  97. package/server/chunks/vidstack-krOAtKMi.js +34 -0
  98. package/server/chunks/vidstack-rWs25cS9.js +159 -0
  99. package/server/chunks/vidstack-uyCXITen.js +504 -0
  100. package/server/player/vidstack-default-components.js +14 -0
  101. package/server/player/vidstack-default-icons.js +88 -0
  102. package/server/player/vidstack-default-layout.js +14 -0
  103. package/server/player/vidstack-plyr-icons.js +62 -0
  104. package/server/player/vidstack-plyr-layout.js +636 -0
  105. package/server/player/vidstack-remotion.js +335 -0
  106. package/server/vidstack.js +648 -0
  107. package/tailwind.cjs +101 -0
  108. package/tailwind.d.cts +15 -0
  109. package/.templates/sandbox/document.css +0 -27
  110. package/.templates/sandbox/favicon-32x32.png +0 -0
  111. package/.templates/sandbox/index.html +0 -21
  112. package/.templates/sandbox/main.tsx +0 -12
  113. package/.templates/sandbox/player.css +0 -39
  114. package/.templates/sandbox/player.tsx +0 -121
  115. package/.templates/sandbox/tracks.ts +0 -23
  116. package/analyze.config.ts +0 -7
  117. package/build/build-icons.js +0 -62
  118. package/rollup.config.ts +0 -256
  119. package/src/components/announcer.tsx +0 -47
  120. package/src/components/layouts/default/audio-layout.tsx +0 -231
  121. package/src/components/layouts/default/context.ts +0 -28
  122. package/src/components/layouts/default/hooks.ts +0 -13
  123. package/src/components/layouts/default/icons.tsx +0 -225
  124. package/src/components/layouts/default/index.ts +0 -11
  125. package/src/components/layouts/default/media-layout.tsx +0 -259
  126. package/src/components/layouts/default/slots.tsx +0 -98
  127. package/src/components/layouts/default/ui/announcer.tsx +0 -22
  128. package/src/components/layouts/default/ui/buttons.tsx +0 -301
  129. package/src/components/layouts/default/ui/captions.tsx +0 -16
  130. package/src/components/layouts/default/ui/controls.tsx +0 -12
  131. package/src/components/layouts/default/ui/keyboard-display.tsx +0 -132
  132. package/src/components/layouts/default/ui/menus/accessibility-menu.tsx +0 -100
  133. package/src/components/layouts/default/ui/menus/audio-menu.tsx +0 -167
  134. package/src/components/layouts/default/ui/menus/captions-menu.tsx +0 -61
  135. package/src/components/layouts/default/ui/menus/chapters-menu.tsx +0 -132
  136. package/src/components/layouts/default/ui/menus/font-menu.tsx +0 -331
  137. package/src/components/layouts/default/ui/menus/items/menu-checkbox.tsx +0 -72
  138. package/src/components/layouts/default/ui/menus/items/menu-items.tsx +0 -135
  139. package/src/components/layouts/default/ui/menus/items/menu-slider.tsx +0 -92
  140. package/src/components/layouts/default/ui/menus/playback-menu.tsx +0 -232
  141. package/src/components/layouts/default/ui/menus/settings-menu.tsx +0 -114
  142. package/src/components/layouts/default/ui/menus/utils.ts +0 -12
  143. package/src/components/layouts/default/ui/sliders.tsx +0 -136
  144. package/src/components/layouts/default/ui/time.tsx +0 -73
  145. package/src/components/layouts/default/ui/title.tsx +0 -24
  146. package/src/components/layouts/default/ui/tooltip.tsx +0 -27
  147. package/src/components/layouts/default/ui.ts +0 -8
  148. package/src/components/layouts/default/video-layout.tsx +0 -344
  149. package/src/components/layouts/plyr/context.ts +0 -26
  150. package/src/components/layouts/plyr/icons/plyr-airplay.js +0 -1
  151. package/src/components/layouts/plyr/icons/plyr-captions-off.js +0 -1
  152. package/src/components/layouts/plyr/icons/plyr-captions-on.js +0 -1
  153. package/src/components/layouts/plyr/icons/plyr-download.js +0 -1
  154. package/src/components/layouts/plyr/icons/plyr-enter-fullscreen.js +0 -1
  155. package/src/components/layouts/plyr/icons/plyr-exit-fullscreen.js +0 -1
  156. package/src/components/layouts/plyr/icons/plyr-fast-forward.js +0 -1
  157. package/src/components/layouts/plyr/icons/plyr-muted.js +0 -1
  158. package/src/components/layouts/plyr/icons/plyr-pause.js +0 -1
  159. package/src/components/layouts/plyr/icons/plyr-pip.js +0 -1
  160. package/src/components/layouts/plyr/icons/plyr-play.js +0 -1
  161. package/src/components/layouts/plyr/icons/plyr-restart.js +0 -1
  162. package/src/components/layouts/plyr/icons/plyr-rewind.js +0 -1
  163. package/src/components/layouts/plyr/icons/plyr-settings.js +0 -1
  164. package/src/components/layouts/plyr/icons/plyr-volume.js +0 -1
  165. package/src/components/layouts/plyr/icons.tsx +0 -71
  166. package/src/components/layouts/plyr/index.ts +0 -11
  167. package/src/components/layouts/plyr/layout.tsx +0 -1024
  168. package/src/components/layouts/plyr/props.ts +0 -104
  169. package/src/components/layouts/plyr/slots.tsx +0 -52
  170. package/src/components/layouts/remotion-ui.ts +0 -13
  171. package/src/components/layouts/utils.ts +0 -17
  172. package/src/components/player-callbacks.ts +0 -67
  173. package/src/components/player.tsx +0 -67
  174. package/src/components/primitives/instances.ts +0 -92
  175. package/src/components/primitives/nodes.tsx +0 -58
  176. package/src/components/primitives/slot.tsx +0 -132
  177. package/src/components/provider.tsx +0 -187
  178. package/src/components/text-track.tsx +0 -106
  179. package/src/components/ui/buttons/airplay-button.tsx +0 -53
  180. package/src/components/ui/buttons/caption-button.tsx +0 -55
  181. package/src/components/ui/buttons/fullscreen-button.tsx +0 -55
  182. package/src/components/ui/buttons/google-cast-button.tsx +0 -53
  183. package/src/components/ui/buttons/live-button.tsx +0 -56
  184. package/src/components/ui/buttons/mute-button.tsx +0 -60
  185. package/src/components/ui/buttons/pip-button.tsx +0 -54
  186. package/src/components/ui/buttons/play-button.tsx +0 -53
  187. package/src/components/ui/buttons/seek-button.tsx +0 -55
  188. package/src/components/ui/buttons/toggle-button.tsx +0 -51
  189. package/src/components/ui/caption.tsx +0 -70
  190. package/src/components/ui/captions.tsx +0 -41
  191. package/src/components/ui/chapter-title.tsx +0 -40
  192. package/src/components/ui/controls.tsx +0 -90
  193. package/src/components/ui/gesture.tsx +0 -43
  194. package/src/components/ui/menu.tsx +0 -251
  195. package/src/components/ui/poster.tsx +0 -101
  196. package/src/components/ui/radio-group.tsx +0 -88
  197. package/src/components/ui/sliders/audio-gain-slider.tsx +0 -55
  198. package/src/components/ui/sliders/quality-slider.tsx +0 -54
  199. package/src/components/ui/sliders/slider-callbacks.ts +0 -14
  200. package/src/components/ui/sliders/slider-value.tsx +0 -13
  201. package/src/components/ui/sliders/slider.tsx +0 -254
  202. package/src/components/ui/sliders/speed-slider.tsx +0 -54
  203. package/src/components/ui/sliders/time-slider.tsx +0 -379
  204. package/src/components/ui/sliders/volume-slider.tsx +0 -55
  205. package/src/components/ui/spinner.tsx +0 -105
  206. package/src/components/ui/thumbnail.tsx +0 -82
  207. package/src/components/ui/time.tsx +0 -77
  208. package/src/components/ui/title.tsx +0 -32
  209. package/src/components/ui/tooltip.tsx +0 -135
  210. package/src/globals.d.ts +0 -3
  211. package/src/hooks/create-text-track.ts +0 -22
  212. package/src/hooks/options/use-audio-gain-options.ts +0 -75
  213. package/src/hooks/options/use-audio-options.ts +0 -71
  214. package/src/hooks/options/use-caption-options.ts +0 -95
  215. package/src/hooks/options/use-chapter-options.ts +0 -97
  216. package/src/hooks/options/use-playback-rate-options.ts +0 -75
  217. package/src/hooks/options/use-video-quality-options.ts +0 -123
  218. package/src/hooks/use-active-text-cues.ts +0 -28
  219. package/src/hooks/use-active-text-track.ts +0 -19
  220. package/src/hooks/use-chapter-title.ts +0 -12
  221. package/src/hooks/use-dom.ts +0 -121
  222. package/src/hooks/use-media-context.ts +0 -6
  223. package/src/hooks/use-media-player.ts +0 -19
  224. package/src/hooks/use-media-provider.ts +0 -31
  225. package/src/hooks/use-media-remote.ts +0 -37
  226. package/src/hooks/use-media-state.ts +0 -58
  227. package/src/hooks/use-signals.ts +0 -24
  228. package/src/hooks/use-slider-preview.ts +0 -126
  229. package/src/hooks/use-slider-state.ts +0 -63
  230. package/src/hooks/use-state.ts +0 -47
  231. package/src/hooks/use-text-cues.ts +0 -33
  232. package/src/hooks/use-thumbnails.ts +0 -69
  233. package/src/icon.ts +0 -37
  234. package/src/icons.ts +0 -754
  235. package/src/index.ts +0 -181
  236. package/src/providers/remotion/index.ts +0 -10
  237. package/src/providers/remotion/layout-engine.ts +0 -123
  238. package/src/providers/remotion/loader.ts +0 -35
  239. package/src/providers/remotion/playback-engine.ts +0 -142
  240. package/src/providers/remotion/provider.tsx +0 -514
  241. package/src/providers/remotion/type-check.ts +0 -13
  242. package/src/providers/remotion/types.ts +0 -94
  243. package/src/providers/remotion/ui/context.tsx +0 -120
  244. package/src/providers/remotion/ui/error-boundary.tsx +0 -57
  245. package/src/providers/remotion/ui/poster.tsx +0 -33
  246. package/src/providers/remotion/ui/slider-thumbnail.tsx +0 -41
  247. package/src/providers/remotion/ui/thumbnail.tsx +0 -166
  248. package/src/providers/remotion/validate.ts +0 -220
  249. package/src/source.ts +0 -5
  250. package/src/utils.ts +0 -27
  251. package/tsconfig.build.json +0 -10
  252. package/tsconfig.json +0 -11
  253. package/types/react/src/components/announcer.d.ts +0 -16
  254. package/types/react/src/components/layouts/default/audio-layout.d.ts +0 -27
  255. package/types/react/src/components/layouts/default/context.d.ts +0 -14
  256. package/types/react/src/components/layouts/default/hooks.d.ts +0 -2
  257. package/types/react/src/components/layouts/default/icons.d.ts +0 -95
  258. package/types/react/src/components/layouts/default/index.d.ts +0 -5
  259. package/types/react/src/components/layouts/default/media-layout.d.ts +0 -133
  260. package/types/react/src/components/layouts/default/slots.d.ts +0 -22
  261. package/types/react/src/components/layouts/default/ui/announcer.d.ts +0 -6
  262. package/types/react/src/components/layouts/default/ui/buttons.d.ts +0 -54
  263. package/types/react/src/components/layouts/default/ui/captions.d.ts +0 -6
  264. package/types/react/src/components/layouts/default/ui/controls.d.ts +0 -6
  265. package/types/react/src/components/layouts/default/ui/keyboard-display.d.ts +0 -8
  266. package/types/react/src/components/layouts/default/ui/menus/accessibility-menu.d.ts +0 -10
  267. package/types/react/src/components/layouts/default/ui/menus/audio-menu.d.ts +0 -10
  268. package/types/react/src/components/layouts/default/ui/menus/captions-menu.d.ts +0 -10
  269. package/types/react/src/components/layouts/default/ui/menus/chapters-menu.d.ts +0 -7
  270. package/types/react/src/components/layouts/default/ui/menus/font-menu.d.ts +0 -6
  271. package/types/react/src/components/layouts/default/ui/menus/items/menu-checkbox.d.ts +0 -13
  272. package/types/react/src/components/layouts/default/ui/menus/items/menu-items.d.ts +0 -49
  273. package/types/react/src/components/layouts/default/ui/menus/items/menu-slider.d.ts +0 -26
  274. package/types/react/src/components/layouts/default/ui/menus/playback-menu.d.ts +0 -10
  275. package/types/react/src/components/layouts/default/ui/menus/settings-menu.d.ts +0 -15
  276. package/types/react/src/components/layouts/default/ui/menus/utils.d.ts +0 -1
  277. package/types/react/src/components/layouts/default/ui/sliders.d.ts +0 -24
  278. package/types/react/src/components/layouts/default/ui/time.d.ts +0 -30
  279. package/types/react/src/components/layouts/default/ui/title.d.ts +0 -6
  280. package/types/react/src/components/layouts/default/ui/tooltip.d.ts +0 -12
  281. package/types/react/src/components/layouts/default/ui.d.ts +0 -8
  282. package/types/react/src/components/layouts/default/video-layout.d.ts +0 -47
  283. package/types/react/src/components/layouts/plyr/context.d.ts +0 -12
  284. package/types/react/src/components/layouts/plyr/icons/plyr-airplay.d.ts +0 -2
  285. package/types/react/src/components/layouts/plyr/icons/plyr-captions-off.d.ts +0 -2
  286. package/types/react/src/components/layouts/plyr/icons/plyr-captions-on.d.ts +0 -2
  287. package/types/react/src/components/layouts/plyr/icons/plyr-download.d.ts +0 -2
  288. package/types/react/src/components/layouts/plyr/icons/plyr-enter-fullscreen.d.ts +0 -2
  289. package/types/react/src/components/layouts/plyr/icons/plyr-exit-fullscreen.d.ts +0 -2
  290. package/types/react/src/components/layouts/plyr/icons/plyr-fast-forward.d.ts +0 -2
  291. package/types/react/src/components/layouts/plyr/icons/plyr-muted.d.ts +0 -2
  292. package/types/react/src/components/layouts/plyr/icons/plyr-pause.d.ts +0 -2
  293. package/types/react/src/components/layouts/plyr/icons/plyr-pip.d.ts +0 -2
  294. package/types/react/src/components/layouts/plyr/icons/plyr-play.d.ts +0 -2
  295. package/types/react/src/components/layouts/plyr/icons/plyr-restart.d.ts +0 -2
  296. package/types/react/src/components/layouts/plyr/icons/plyr-rewind.d.ts +0 -2
  297. package/types/react/src/components/layouts/plyr/icons/plyr-settings.d.ts +0 -2
  298. package/types/react/src/components/layouts/plyr/icons/plyr-volume.d.ts +0 -2
  299. package/types/react/src/components/layouts/plyr/icons.d.ts +0 -25
  300. package/types/react/src/components/layouts/plyr/index.d.ts +0 -6
  301. package/types/react/src/components/layouts/plyr/layout.d.ts +0 -17
  302. package/types/react/src/components/layouts/plyr/props.d.ts +0 -71
  303. package/types/react/src/components/layouts/plyr/slots.d.ts +0 -9
  304. package/types/react/src/components/layouts/remotion-ui.d.ts +0 -3
  305. package/types/react/src/components/layouts/utils.d.ts +0 -1
  306. package/types/react/src/components/player-callbacks.d.ts +0 -6
  307. package/types/react/src/components/player.d.ts +0 -32
  308. package/types/react/src/components/primitives/instances.d.ts +0 -83
  309. package/types/react/src/components/primitives/nodes.d.ts +0 -15
  310. package/types/react/src/components/primitives/slot.d.ts +0 -11
  311. package/types/react/src/components/provider.d.ts +0 -26
  312. package/types/react/src/components/text-track.d.ts +0 -100
  313. package/types/react/src/components/ui/buttons/airplay-button.d.ts +0 -22
  314. package/types/react/src/components/ui/buttons/caption-button.d.ts +0 -24
  315. package/types/react/src/components/ui/buttons/fullscreen-button.d.ts +0 -24
  316. package/types/react/src/components/ui/buttons/google-cast-button.d.ts +0 -22
  317. package/types/react/src/components/ui/buttons/live-button.d.ts +0 -26
  318. package/types/react/src/components/ui/buttons/mute-button.d.ts +0 -30
  319. package/types/react/src/components/ui/buttons/pip-button.d.ts +0 -24
  320. package/types/react/src/components/ui/buttons/play-button.d.ts +0 -23
  321. package/types/react/src/components/ui/buttons/seek-button.d.ts +0 -25
  322. package/types/react/src/components/ui/buttons/toggle-button.d.ts +0 -22
  323. package/types/react/src/components/ui/caption.d.ts +0 -11
  324. package/types/react/src/components/ui/captions.d.ts +0 -20
  325. package/types/react/src/components/ui/chapter-title.d.ts +0 -20
  326. package/types/react/src/components/ui/controls.d.ts +0 -40
  327. package/types/react/src/components/ui/gesture.d.ts +0 -20
  328. package/types/react/src/components/ui/menu.d.ts +0 -102
  329. package/types/react/src/components/ui/poster.d.ts +0 -25
  330. package/types/react/src/components/ui/radio-group.d.ts +0 -39
  331. package/types/react/src/components/ui/sliders/audio-gain-slider.d.ts +0 -29
  332. package/types/react/src/components/ui/sliders/quality-slider.d.ts +0 -28
  333. package/types/react/src/components/ui/sliders/slider-callbacks.d.ts +0 -6
  334. package/types/react/src/components/ui/sliders/slider-value.d.ts +0 -9
  335. package/types/react/src/components/ui/sliders/slider.d.ts +0 -134
  336. package/types/react/src/components/ui/sliders/speed-slider.d.ts +0 -28
  337. package/types/react/src/components/ui/sliders/time-slider.d.ts +0 -124
  338. package/types/react/src/components/ui/sliders/volume-slider.d.ts +0 -29
  339. package/types/react/src/components/ui/spinner.d.ts +0 -31
  340. package/types/react/src/components/ui/thumbnail.d.ts +0 -26
  341. package/types/react/src/components/ui/time.d.ts +0 -20
  342. package/types/react/src/components/ui/title.d.ts +0 -15
  343. package/types/react/src/components/ui/tooltip.d.ts +0 -63
  344. package/types/react/src/hooks/create-text-track.d.ts +0 -7
  345. package/types/react/src/hooks/options/use-audio-gain-options.d.ts +0 -22
  346. package/types/react/src/hooks/options/use-audio-options.d.ts +0 -17
  347. package/types/react/src/hooks/options/use-caption-options.d.ts +0 -24
  348. package/types/react/src/hooks/options/use-chapter-options.d.ts +0 -18
  349. package/types/react/src/hooks/options/use-playback-rate-options.d.ts +0 -22
  350. package/types/react/src/hooks/options/use-video-quality-options.d.ts +0 -35
  351. package/types/react/src/hooks/use-active-text-cues.d.ts +0 -6
  352. package/types/react/src/hooks/use-active-text-track.d.ts +0 -5
  353. package/types/react/src/hooks/use-chapter-title.d.ts +0 -4
  354. package/types/react/src/hooks/use-dom.d.ts +0 -9
  355. package/types/react/src/hooks/use-media-context.d.ts +0 -1
  356. package/types/react/src/hooks/use-media-player.d.ts +0 -7
  357. package/types/react/src/hooks/use-media-provider.d.ts +0 -7
  358. package/types/react/src/hooks/use-media-remote.d.ts +0 -12
  359. package/types/react/src/hooks/use-media-state.d.ts +0 -15
  360. package/types/react/src/hooks/use-signals.d.ts +0 -5
  361. package/types/react/src/hooks/use-slider-preview.d.ts +0 -27
  362. package/types/react/src/hooks/use-slider-state.d.ts +0 -16
  363. package/types/react/src/hooks/use-state.d.ts +0 -18
  364. package/types/react/src/hooks/use-text-cues.d.ts +0 -6
  365. package/types/react/src/hooks/use-thumbnails.d.ts +0 -16
  366. package/types/react/src/icon.d.ts +0 -17
  367. package/types/react/src/icons.d.ts +0 -215
  368. package/types/react/src/index.d.ts +0 -78
  369. package/types/react/src/providers/remotion/index.d.ts +0 -7
  370. package/types/react/src/providers/remotion/layout-engine.d.ts +0 -8
  371. package/types/react/src/providers/remotion/loader.d.ts +0 -9
  372. package/types/react/src/providers/remotion/playback-engine.d.ts +0 -11
  373. package/types/react/src/providers/remotion/provider.d.ts +0 -26
  374. package/types/react/src/providers/remotion/type-check.d.ts +0 -6
  375. package/types/react/src/providers/remotion/types.d.ts +0 -91
  376. package/types/react/src/providers/remotion/ui/context.d.ts +0 -17
  377. package/types/react/src/providers/remotion/ui/error-boundary.d.ts +0 -21
  378. package/types/react/src/providers/remotion/ui/poster.d.ts +0 -18
  379. package/types/react/src/providers/remotion/ui/slider-thumbnail.d.ts +0 -17
  380. package/types/react/src/providers/remotion/ui/thumbnail.d.ts +0 -32
  381. package/types/react/src/providers/remotion/validate.d.ts +0 -12
  382. package/types/react/src/source.d.ts +0 -3
  383. package/types/react/src/utils.d.ts +0 -3
  384. package/types/vidstack/src/core/api/src-types.d.ts +0 -50
  385. package/types/vidstack/src/utils/mime.d.ts +0 -15
  386. package/types/vidstack/src/utils/network.d.ts +0 -17
  387. package/types/vidstack/src/utils/support.d.ts +0 -72
  388. package/vite.config.ts +0 -23
  389. /package/{npm/analyze.json.d.ts → analyze.json.d.ts} +0 -0
package/tailwind.cjs ADDED
@@ -0,0 +1,101 @@
1
+ const createPlugin = require('tailwindcss/plugin');
2
+
3
+ const mediaAttributes = [
4
+ 'autoplay-error',
5
+ 'autoplay',
6
+ 'buffering',
7
+ 'can-fullscreen',
8
+ 'can-load-poster',
9
+ 'can-load',
10
+ 'can-pip',
11
+ 'can-play',
12
+ 'can-seek',
13
+ 'captions',
14
+ 'controls',
15
+ 'ended',
16
+ 'error',
17
+ 'fullscreen',
18
+ 'ios-controls',
19
+ 'live-edge',
20
+ 'live',
21
+ 'loop',
22
+ 'muted',
23
+ 'paused',
24
+ 'pip',
25
+ 'playing',
26
+ 'playsinline',
27
+ 'preview',
28
+ 'seeking',
29
+ 'started',
30
+ 'waiting',
31
+ ];
32
+
33
+ module.exports = createPlugin.withOptions(function (options) {
34
+ const selector = options?.selector ?? (options?.webComponents ? 'media-player' : 'div'),
35
+ prefixOpt = options?.prefix ?? options?.mediaPrefix,
36
+ prefix = prefixOpt ? `${prefixOpt}-` : 'media-';
37
+
38
+ return function ({ addVariant }) {
39
+ function createVariant(name, attrName = name, extend = '') {
40
+ addVariant(`${prefix}${name}`, `${selector}[data-${attrName}]${extend} &`);
41
+ addVariant(`not-${prefix}${name}`, `${selector}:not([data-${attrName}]${extend}) &`);
42
+ }
43
+
44
+ // media-type + view type
45
+ for (const type of ['audio', 'video', 'unknown']) {
46
+ // e.g, media-video: => data-media-type="video"
47
+ createVariant(type, `media-type="${type}"`);
48
+ // e.g, media-view-video: => data-view-type="video"
49
+ createVariant(`view-${type}`, `view-type="${type}"`);
50
+ }
51
+
52
+ // stream type
53
+ const streamTypes = {
54
+ unknown: 'unknown',
55
+ demand: 'on-demand',
56
+ live: 'live',
57
+ dvr: 'live:dvr',
58
+ ll: 'll-live',
59
+ 'll-dvr': 'll-live:dvr',
60
+ };
61
+
62
+ for (const [type, attrName] of Object.entries(streamTypes)) {
63
+ // e.g, media-stream-live: => data-stream-type="video"
64
+ createVariant(`stream-${type}`, `stream-type="${attrName}"`);
65
+ }
66
+
67
+ // remote playback state
68
+ for (const state of ['connected', 'connecting', 'disconnected']) {
69
+ // e.g, media-remote-connecting: => data-remote-state="connecting"
70
+ createVariant(`remote-${state}`, `remote-state="${state}"`);
71
+ }
72
+
73
+ // remote playback
74
+ const remoteTypeAlias = { airplay: 'air', 'google-cast': 'cast' };
75
+
76
+ for (const attr of ['airplay', 'can-airplay']) {
77
+ const name = attr.replace('airplay', remoteTypeAlias.airplay);
78
+ createVariant(name, attr);
79
+ }
80
+
81
+ for (const attr of ['google-cast', 'can-google-cast']) {
82
+ const name = attr.replace('google-cast', remoteTypeAlias['google-cast']);
83
+ createVariant(name, attr);
84
+ }
85
+
86
+ for (const type of ['airplay', 'google-cast']) {
87
+ for (const state of ['connecting', 'disconnected']) {
88
+ // e.g, media-air-connecting: => [data-remote-type="airplay"][data-remote-state="connecting"]
89
+ createVariant(
90
+ `${remoteTypeAlias[type]}-${state}`,
91
+ `remote-type="${type}"`,
92
+ `[data-remote-state="${state}"]`,
93
+ );
94
+ }
95
+ }
96
+
97
+ for (const name of mediaAttributes) {
98
+ createVariant(name);
99
+ }
100
+ };
101
+ });
package/tailwind.d.cts ADDED
@@ -0,0 +1,15 @@
1
+ declare function plugin(options?: PluginOptions): {
2
+ handler: () => void;
3
+ };
4
+
5
+ declare namespace plugin {
6
+ const __isOptionsFunction: true;
7
+ }
8
+
9
+ export = plugin;
10
+
11
+ export interface PluginOptions {
12
+ selector?: string;
13
+ prefix?: string;
14
+ webComponents?: boolean;
15
+ }
package/.templates/sandbox/document.css DELETED
@@ -1,27 +0,0 @@
1
- /*************************************************************************************************
2
- * Document
3
- *************************************************************************************************/
4
-
5
- * {
6
- box-sizing: border-box;
7
- }
8
-
9
- html,
10
- body {
11
- margin: 0;
12
- padding: 0;
13
- width: 100vw;
14
- height: 100vh;
15
- }
16
-
17
- body {
18
- display: flex;
19
- align-items: center;
20
- justify-content: center;
21
- }
22
-
23
- main {
24
- width: 100%;
25
- max-width: 980px;
26
- margin-inline: auto;
27
- }
package/.templates/sandbox/index.html DELETED
@@ -1,21 +0,0 @@
1
- <html>
2
- <head>
3
- <title>Vidstack React Sandbox</title>
4
-
5
- <meta charset="utf-8" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1" />
7
-
8
- <link rel="icon" type="image/png" sizes="32x32" href="/sandbox/favicon-32x32.png" />
9
-
10
- <link rel="stylesheet" href="./document.css" />
11
- <link rel="stylesheet" href="./player.css" />
12
-
13
- <script src="./main.tsx" type="module"></script>
14
- </head>
15
-
16
- <body>
17
- <main>
18
- <div id="player"></div>
19
- </main>
20
- </body>
21
- </html>
package/.templates/sandbox/main.tsx DELETED
@@ -1,12 +0,0 @@
1
- import React from 'react';
2
-
3
- import ReactDOM from 'react-dom/client';
4
-
5
- import { Player } from './player';
6
-
7
- const root = document.getElementById('player')!;
8
- ReactDOM.createRoot(root).render(
9
- <React.StrictMode>
10
- <Player />
11
- </React.StrictMode>,
12
- );
package/.templates/sandbox/player.css DELETED
@@ -1,39 +0,0 @@
1
- @import '../../vidstack/styles/player/base.css';
2
- @import '../../vidstack/styles/player/default/theme.css';
3
- @import '../../vidstack/styles/player/default/layouts/audio.css';
4
- @import '../../vidstack/styles/player/default/layouts/video.css';
5
- @import '../../vidstack/styles/player/plyr/theme.css';
6
-
7
- .player {
8
- --brand-color: #f5f5f5;
9
- --focus-color: #4e9cf6;
10
-
11
- --audio-brand: var(--brand-color);
12
- --audio-focus-ring-color: var(--focus-color);
13
- --audio-border-radius: 2px;
14
-
15
- --video-brand: var(--brand-color);
16
- --video-focus-ring-color: var(--focus-color);
17
- --video-border-radius: 2px;
18
-
19
- /* 👉 https://vidstack.io/docs/player/components/layouts/default#css-variables for more. */
20
-
21
- width: 100%;
22
- }
23
-
24
- .player[data-view-type='audio'] .vds-poster {
25
- display: none;
26
- }
27
-
28
- .player[data-view-type='video'] {
29
- aspect-ratio: 16 /9;
30
- }
31
-
32
- .src-buttons {
33
- display: flex;
34
- align-items: center;
35
- justify-content: space-evenly;
36
- margin-top: 40px;
37
- margin-inline: auto;
38
- max-width: 300px;
39
- }
package/.templates/sandbox/player.tsx DELETED
@@ -1,121 +0,0 @@
1
- import * as React from 'react';
2
-
3
- import {
4
- isHLSProvider,
5
- MediaPlayer,
6
- MediaProvider,
7
- Poster,
8
- Track,
9
- type MediaCanPlayDetail,
10
- type MediaCanPlayEvent,
11
- type MediaPlayerInstance,
12
- type MediaProviderAdapter,
13
- type MediaProviderChangeEvent,
14
- } from '../src';
15
- import {
16
- DefaultAudioLayout,
17
- defaultLayoutIcons,
18
- DefaultVideoLayout,
19
- } from '../src/components/layouts/default';
20
- import { PlyrLayout, plyrLayoutIcons } from '../src/components/layouts/plyr';
21
- import { textTracks } from './tracks';
22
-
23
- export function Player() {
24
- let player = React.useRef<MediaPlayerInstance>(null),
25
- [src, setSrc] = React.useState('');
26
-
27
- React.useEffect(() => {
28
- // Initialize src.
29
- changeSource('audio');
30
-
31
- // Subscribe to state updates.
32
- return player.current!.subscribe(({ paused, viewType }) => {
33
- // console.log('is paused?', '->', paused);
34
- // console.log('is audio view?', '->', viewType === 'audio');
35
- });
36
- }, []);
37
-
38
- function onProviderChange(
39
- provider: MediaProviderAdapter | null,
40
- nativeEvent: MediaProviderChangeEvent,
41
- ) {
42
- // We can configure provider's here.
43
- if (isHLSProvider(provider)) {
44
- provider.config = {};
45
- }
46
- }
47
-
48
- // We can listen for the `can-play` event to be notified when the player is ready.
49
- function onCanPlay(detail: MediaCanPlayDetail, nativeEvent: MediaCanPlayEvent) {
50
- // ...
51
- }
52
-
53
- function changeSource(type: string) {
54
- switch (type) {
55
- case 'audio':
56
- setSrc('https://files.vidstack.io/sprite-fight/audio.mp3');
57
- break;
58
- case 'video':
59
- setSrc('https://files.vidstack.io/sprite-fight/480p.mp4');
60
- break;
61
- case 'hls':
62
- setSrc('https://files.vidstack.io/sprite-fight/hls/stream.m3u8');
63
- break;
64
- case 'dash':
65
- setSrc('https://files.vidstack.io/sprite-fight/dash/stream.mpd');
66
- break;
67
- case 'live':
68
- setSrc('https://stream.mux.com/v69RSHhFelSm4701snP22dYz2jICy4E4FUyk02rW4gxRM.m3u8');
69
- break;
70
- case 'youtube':
71
- setSrc('youtube/_cMxraX_5RE');
72
- break;
73
- case 'vimeo':
74
- setSrc('vimeo/640499893');
75
- break;
76
- }
77
- }
78
-
79
- return (
80
- <>
81
- <MediaPlayer
82
- className="player"
83
- title="Sprite Fight"
84
- src={src}
85
- crossOrigin
86
- playsInline
87
- onProviderChange={onProviderChange}
88
- onCanPlay={onCanPlay}
89
- ref={player}
90
- >
91
- <MediaProvider>
92
- <Poster
93
- className="vds-poster"
94
- src="https://image.mux.com/VZtzUzGRv02OhRnZCxcNg49OilvolTqdnFLEqBsTwaxU/thumbnail.webp?time=268&width=1200"
95
- alt="Girl walks into campfire with gnomes surrounding her friend ready for their next meal!"
96
- />
97
- {textTracks.map((track) => (
98
- <Track {...track} key={track.src} />
99
- ))}
100
- </MediaProvider>
101
-
102
- {/* Layouts */}
103
- <DefaultAudioLayout icons={defaultLayoutIcons} />
104
- <DefaultVideoLayout
105
- icons={defaultLayoutIcons}
106
- thumbnails="https://image.mux.com/VZtzUzGRv02OhRnZCxcNg49OilvolTqdnFLEqBsTwaxU/storyboard.vtt"
107
- />
108
- </MediaPlayer>
109
-
110
- <div className="src-buttons">
111
- <button onClick={() => changeSource('audio')}>Audio</button>
112
- <button onClick={() => changeSource('video')}>Video</button>
113
- <button onClick={() => changeSource('hls')}>HLS</button>
114
- <button onClick={() => changeSource('dash')}>DASH</button>
115
- <button onClick={() => changeSource('live')}>Live</button>
116
- <button onClick={() => changeSource('youtube')}>YouTube</button>
117
- <button onClick={() => changeSource('vimeo')}>Vimeo</button>
118
- </div>
119
- </>
120
- );
121
- }
package/.templates/sandbox/tracks.ts DELETED
@@ -1,23 +0,0 @@
1
- export const textTracks = [
2
- // Subtitles
3
- {
4
- src: 'https://files.vidstack.io/sprite-fight/subs/english.vtt',
5
- label: 'English',
6
- language: 'en-US',
7
- kind: 'subtitles',
8
- default: true,
9
- },
10
- {
11
- src: 'https://files.vidstack.io/sprite-fight/subs/spanish.vtt',
12
- label: 'Spanish',
13
- language: 'es-ES',
14
- kind: 'subtitles',
15
- },
16
- // Chapters
17
- {
18
- src: 'https://files.vidstack.io/sprite-fight/chapters.vtt',
19
- kind: 'chapters',
20
- language: 'en-US',
21
- default: true,
22
- },
23
- ] as const;
package/analyze.config.ts DELETED
@@ -1,7 +0,0 @@
1
- import { createJSONPlugin } from '@maverick-js/cli/analyze';
2
-
3
- export default [
4
- createJSONPlugin({
5
- outFile: 'dist-npm/analyze.json',
6
- }),
7
- ];
package/build/build-icons.js DELETED
@@ -1,62 +0,0 @@
1
- import path from 'node:path';
2
- import { fileURLToPath } from 'node:url';
3
-
4
- import fs from 'fs-extra';
5
- import { kebabToCamelCase, kebabToPascalCase } from 'maverick.js/std';
6
-
7
- const DIRNAME = path.dirname(fileURLToPath(import.meta.url));
8
-
9
- const ROOT_DIR = path.resolve(DIRNAME, '..'),
10
- ICONS_DIR = path.resolve(ROOT_DIR, 'node_modules/media-icons/raw');
11
-
12
- async function buildIcons() {
13
- const files = await fs.readdir(ICONS_DIR, 'utf-8'),
14
- icons = {},
15
- ignore = new Set(['.DS_Store']);
16
-
17
- for (const file of files) {
18
- if (ignore.has(file)) continue;
19
- const name = path.basename(file, path.extname(file));
20
- icons[name] = await fs.readFile(path.resolve(ICONS_DIR, file), 'utf-8');
21
- }
22
-
23
- const outFile = path.resolve(ROOT_DIR, 'src/icons.ts');
24
-
25
- const svgPathImports = Object.keys(icons)
26
- .map((name) => kebabToCamelCase(name) + 'Paths')
27
- .join(',\n');
28
-
29
- const alias = {
30
- airplay: 'AirPlay',
31
- };
32
-
33
- const components = Object.keys(icons)
34
- .map((iconName) => {
35
- const IconName = (alias[iconName] ?? kebabToPascalCase(iconName)) + 'Icon';
36
- return (
37
- `/** [Click here to preview icon](https://vidstack.io/media-icons?lib=react&icon=${iconName}) */\n` +
38
- `export const ${IconName}: IconComponent = /* #__PURE__*/ forwardRef` +
39
- '((props, ref) => {\n' +
40
- ` return createElement(Icon, { ...props, className: cn(props.className), ref, paths: ${
41
- kebabToCamelCase(iconName) + 'Paths'
42
- } });\n` +
43
- '});\n' +
44
- `${IconName}.displayName = 'Vidstack${IconName}';`
45
- );
46
- })
47
- .join('\n\n');
48
-
49
- await fs.writeFile(
50
- outFile,
51
- `import { ${svgPathImports} } from 'media-icons';
52
- import { createElement, forwardRef } from 'react';
53
-
54
- import { Icon, type IconComponent } from './icon';
55
-
56
- const cn = (className?: string) => className ? \`\${className} vds-icon\` : 'vds-icon';
57
-
58
- ${components}`,
59
- );
60
- }
61
-
62
- await buildIcons();
package/rollup.config.ts DELETED
@@ -1,256 +0,0 @@
1
- import path from 'node:path';
2
- import { fileURLToPath } from 'node:url';
3
-
4
- import { nodeResolve } from '@rollup/plugin-node-resolve';
5
- import fs from 'fs-extra';
6
- import { defineConfig, type Plugin, type RollupOptions } from 'rollup';
7
- import dts from 'rollup-plugin-dts';
8
-
9
- import { copyPkgFiles } from '../../.build/copy-pkg-files.js';
10
- import { buildDefaultTheme, watchStyles } from '../vidstack/build/build-styles.js';
11
- import { decorators } from '../vidstack/build/rollup-decorators';
12
- import typescript from '../vidstack/build/rollup-ts';
13
-
14
- const MODE_WATCH = process.argv.includes('-w'),
15
- MODE_TYPES = process.argv.includes('--config-types');
16
-
17
- const DIRNAME = path.dirname(fileURLToPath(import.meta.url)),
18
- ROOT_DIR = path.resolve(DIRNAME, '.'),
19
- DIST_NPM_DIR = path.resolve(ROOT_DIR, 'dist-npm');
20
-
21
- const VIDSTACK_PKG_DIR = path.resolve(ROOT_DIR, 'node_modules/vidstack');
22
-
23
- const NPM_EXTERNAL_PACKAGES = [
24
- 'react',
25
- 'react-dom',
26
- 'media-icons',
27
- 'media-captions',
28
- 'hls.js',
29
- 'dashjs',
30
- /^@floating-ui/,
31
- /^remotion/,
32
- ],
33
- NPM_BUNDLES = [
34
- defineNPMBundle({ type: 'server' }),
35
- defineNPMBundle({ type: 'dev' }),
36
- defineNPMBundle({ type: 'prod' }),
37
- ],
38
- TYPES_BUNDLES = defineTypesBundle();
39
-
40
- if (!MODE_TYPES) {
41
- if (MODE_WATCH) {
42
- watchStyles();
43
- }
44
- }
45
-
46
- export default defineConfig(
47
- MODE_WATCH ? [...TYPES_BUNDLES, ...NPM_BUNDLES] : MODE_TYPES ? TYPES_BUNDLES : NPM_BUNDLES,
48
- );
49
-
50
- function defineTypesBundle(): RollupOptions[] {
51
- return [
52
- {
53
- input: {
54
- index: 'types/react/src/index.d.ts',
55
- icons: 'types/react/src/icons.d.ts',
56
- 'player/remotion': 'types/react/src/providers/remotion/index.d.ts',
57
- 'player/layouts/default': 'types/react/src/components/layouts/default/index.d.ts',
58
- 'player/layouts/plyr': 'types/react/src/components/layouts/plyr/index.d.ts',
59
- },
60
- output: {
61
- dir: 'dist-npm',
62
- compact: false,
63
- minifyInternalExports: false,
64
- chunkFileNames: 'types/[name].d.ts',
65
- manualChunks(id) {
66
- if (id.includes('primitives/instances')) return 'vidstack-instances';
67
- if (id.includes('react/src')) return 'vidstack-react';
68
- if (id.includes('vidstack')) return 'vidstack';
69
- },
70
- },
71
- external: NPM_EXTERNAL_PACKAGES,
72
- plugins: [
73
- resolveVidstackTypes(),
74
- dts({
75
- respectExternal: true,
76
- }),
77
- resolveGlobalTypes(),
78
- ],
79
- },
80
- ];
81
- }
82
-
83
- function resolveVidstackTypes(): Plugin {
84
- return {
85
- name: 'resolve-vidstack-types',
86
- resolveId(id) {
87
- if (id === 'vidstack') {
88
- return '../vidstack/types/index.d.ts';
89
- }
90
-
91
- if (id.startsWith('vidstack')) {
92
- return id.replace('vidstack', '../vidstack/types').replace('.ts', '.d.ts');
93
- }
94
- },
95
- };
96
- }
97
-
98
- function resolveGlobalTypes(): Plugin {
99
- return {
100
- name: 'globals',
101
- generateBundle(_, bundle) {
102
- const indexFile = Object.values(bundle).find((file) => file.fileName === 'index.d.ts'),
103
- globalFiles = ['dom.d.ts', 'google-cast.d.ts'],
104
- references = globalFiles.map((path) => `/// <reference path="./${path}" />`).join('\n');
105
-
106
- if (!fs.existsSync('dist-npm')) {
107
- fs.mkdirSync('dist-npm');
108
- }
109
-
110
- for (const file of globalFiles) {
111
- fs.copyFileSync(path.resolve(`../vidstack/npm/${file}`), `dist-npm/${file}`);
112
- }
113
-
114
- if (indexFile?.type === 'chunk') {
115
- indexFile.code = references + `\n\n${indexFile.code}`;
116
- }
117
- },
118
- };
119
- }
120
-
121
- interface NPMBundleOptions {
122
- type: 'dev' | 'prod' | 'server';
123
- }
124
-
125
- function defineNPMBundle({ type }: NPMBundleOptions): RollupOptions {
126
- const isProd = type === 'prod',
127
- isServer = type === 'server';
128
-
129
- let input = {
130
- vidstack: 'src/index.ts',
131
- 'player/vidstack-remotion': 'src/providers/remotion/index.ts',
132
- 'player/vidstack-default-layout': 'src/components/layouts/default/index.ts',
133
- 'player/vidstack-plyr-layout': 'src/components/layouts/plyr/index.ts',
134
- 'player/vidstack-plyr-icons': 'src/components/layouts/plyr/icons.tsx',
135
- 'player/vidstack-default-components': 'src/components/layouts/default/ui.ts',
136
- 'player/vidstack-default-icons': 'src/components/layouts/default/icons.tsx',
137
- };
138
-
139
- if (isProd) {
140
- input['vidstack-icons'] = 'src/icons.ts';
141
- }
142
-
143
- return {
144
- input,
145
- treeshake: true,
146
- preserveEntrySignatures: 'allow-extension',
147
- maxParallelFileOps: isProd ? 1 : 20,
148
- external: NPM_EXTERNAL_PACKAGES,
149
- output: {
150
- format: 'esm',
151
- compact: false,
152
- minifyInternalExports: false,
153
- dir: `dist-npm/${type}`,
154
- chunkFileNames: `chunks/vidstack-[hash].js`,
155
- manualChunks(id) {
156
- if (id.includes('node_modules')) return 'vidstack-deps';
157
- },
158
- },
159
- plugins: [
160
- env(),
161
- nodeResolve({
162
- exportConditions: isServer
163
- ? ['node', 'default', 'development']
164
- : isProd
165
- ? ['production', 'default']
166
- : ['development', 'production', 'default'],
167
- }),
168
- decorators(),
169
- typescript({
170
- loader: 'tsx',
171
- platform: isServer ? 'node' : 'browser',
172
- define: {
173
- __DEV__: !isProd && !isServer ? 'true' : 'false',
174
- __SERVER__: isServer ? 'true' : 'false',
175
- },
176
- }),
177
- rscDirectives(),
178
- isProd && copyAssets(),
179
- ],
180
- };
181
- }
182
-
183
- function env(): Plugin {
184
- return {
185
- name: 'virtual-env',
186
- resolveId(id) {
187
- if (id === ':virtual/env') {
188
- return id;
189
- }
190
- },
191
- load(id) {
192
- if (id === ':virtual/env') {
193
- return 'export const IS_SERVER = typeof document === "undefined";';
194
- }
195
- },
196
- transform(code) {
197
- if (code.includes('__SERVER__')) {
198
- code = code.replace(/__SERVER__/g, 'IS_SERVER');
199
- return "import { IS_SERVER } from ':virtual/env';\n" + code;
200
- }
201
- },
202
- };
203
- }
204
-
205
- function rscDirectives(): Plugin {
206
- return {
207
- name: 'rsc-directives',
208
- resolveId(id) {
209
- if (id.startsWith('maverick.js')) {
210
- return this.resolve('maverick.js/rsc', '', { skipSelf: true });
211
- }
212
- },
213
- generateBundle(_, bundle) {
214
- const serverChunks = new Set(),
215
- neutralChunks = new Set(['vidstack-icons.js']);
216
-
217
- for (const fileName of Object.keys(bundle)) {
218
- const chunk = bundle[fileName];
219
-
220
- if (chunk.type !== 'chunk') continue;
221
-
222
- if (serverChunks.has(chunk.fileName)) {
223
- chunk.code = `"use server"\n\n` + chunk.code;
224
- } else if (!neutralChunks.has(fileName)) {
225
- chunk.code = `"use client"\n\n` + chunk.code;
226
- }
227
- }
228
- },
229
- };
230
- }
231
-
232
- function copyAssets(): Plugin {
233
- return {
234
- name: 'copy-assets',
235
- async buildEnd() {
236
- copyPkgFiles();
237
- await copyStyles();
238
- await copyTailwind();
239
- await buildDefaultTheme();
240
- await fs.copy('npm', 'dist-npm');
241
- },
242
- };
243
- }
244
-
245
- async function copyStyles() {
246
- const from = path.resolve(VIDSTACK_PKG_DIR, 'styles/player'),
247
- to = path.resolve(DIST_NPM_DIR, 'player/styles');
248
- await fs.copy(from, to);
249
- }
250
-
251
- async function copyTailwind() {
252
- const tailwindFilePath = path.resolve(VIDSTACK_PKG_DIR, 'npm/tailwind.cjs'),
253
- tailwindDTSFilePath = path.resolve(VIDSTACK_PKG_DIR, 'npm/tailwind.d.cts');
254
- await fs.copyFile(tailwindFilePath, path.resolve(DIST_NPM_DIR, 'tailwind.cjs'));
255
- await fs.copyFile(tailwindDTSFilePath, path.resolve(DIST_NPM_DIR, 'tailwind.d.cts'));
256
- }