@hanifhan1f/vidstack 1.12.13
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.
- package/.templates/sandbox/favicon-32x32.png +0 -0
- package/.templates/sandbox/index.html +42 -0
- package/.templates/sandbox/main.ts +137 -0
- package/.templates/sandbox/styles.css +68 -0
- package/LICENSE +21 -0
- package/README.md +22 -0
- package/analyze.config.ts +133 -0
- package/build/build-styles.js +33 -0
- package/build/rollup-decorators.ts +102 -0
- package/build/rollup-minify.js +20 -0
- package/build/rollup-ts.js +57 -0
- package/npm/analyze.json.d.ts +8 -0
- package/npm/bundle.d.ts +1 -0
- package/npm/dom.d.ts +91 -0
- package/npm/empty.vtt +1 -0
- package/npm/google-cast.d.ts +1422 -0
- package/npm/player/index.d.ts +3 -0
- package/npm/player/layouts/default.d.ts +3 -0
- package/npm/player/layouts/index.d.ts +3 -0
- package/npm/player/layouts/plyr.d.ts +3 -0
- package/npm/player/ui.d.ts +3 -0
- package/npm/tailwind.cjs +101 -0
- package/npm/tailwind.d.cts +15 -0
- package/package.json +283 -0
- package/rollup.config.ts +442 -0
- package/src/components/aria/announcer.ts +181 -0
- package/src/components/layouts/default/audio-layout.ts +20 -0
- package/src/components/layouts/default/context.ts +15 -0
- package/src/components/layouts/default/default-layout.ts +67 -0
- package/src/components/layouts/default/props.ts +143 -0
- package/src/components/layouts/default/translations.ts +70 -0
- package/src/components/layouts/default/video-layout.ts +20 -0
- package/src/components/layouts/plyr/context.ts +13 -0
- package/src/components/layouts/plyr/plyr-layout.ts +90 -0
- package/src/components/layouts/plyr/props.ts +114 -0
- package/src/components/layouts/plyr/translations.ts +53 -0
- package/src/components/player.ts +758 -0
- package/src/components/provider/provider.ts +184 -0
- package/src/components/provider/source-select.ts +378 -0
- package/src/components/provider/tracks.ts +37 -0
- package/src/components/ui/buttons/airplay-button.ts +74 -0
- package/src/components/ui/buttons/caption-button.ts +68 -0
- package/src/components/ui/buttons/fullscreen-button.ts +90 -0
- package/src/components/ui/buttons/google-cast-button.ts +75 -0
- package/src/components/ui/buttons/live-button.ts +76 -0
- package/src/components/ui/buttons/mute-button.ts +69 -0
- package/src/components/ui/buttons/pip-button.ts +71 -0
- package/src/components/ui/buttons/play-button.ts +62 -0
- package/src/components/ui/buttons/seek-button.ts +92 -0
- package/src/components/ui/buttons/toggle-button-controller.ts +92 -0
- package/src/components/ui/buttons/toggle-button.ts +49 -0
- package/src/components/ui/captions/captions-renderer.ts +63 -0
- package/src/components/ui/captions/captions.ts +227 -0
- package/src/components/ui/controls-group.ts +13 -0
- package/src/components/ui/controls.ts +101 -0
- package/src/components/ui/gesture.ts +252 -0
- package/src/components/ui/menu/menu-button.ts +95 -0
- package/src/components/ui/menu/menu-context.ts +27 -0
- package/src/components/ui/menu/menu-focus-controller.ts +205 -0
- package/src/components/ui/menu/menu-item.ts +9 -0
- package/src/components/ui/menu/menu-items.ts +129 -0
- package/src/components/ui/menu/menu-portal.ts +105 -0
- package/src/components/ui/menu/menu.ts +612 -0
- package/src/components/ui/menu/radio/radio-controller.ts +18 -0
- package/src/components/ui/menu/radio/radio-group-controller.ts +81 -0
- package/src/components/ui/menu/radio/radio-group.ts +78 -0
- package/src/components/ui/menu/radio/radio.ts +151 -0
- package/src/components/ui/menu/radio-groups/audio-gain-radio-group.ts +116 -0
- package/src/components/ui/menu/radio-groups/audio-radio-group.ts +121 -0
- package/src/components/ui/menu/radio-groups/captions-radio-group.ts +153 -0
- package/src/components/ui/menu/radio-groups/chapters-radio-group.ts +211 -0
- package/src/components/ui/menu/radio-groups/quality-radio-group.ts +181 -0
- package/src/components/ui/menu/radio-groups/speed-radio-group.ts +112 -0
- package/src/components/ui/popper/popper.ts +103 -0
- package/src/components/ui/poster.ts +187 -0
- package/src/components/ui/sliders/audio-gain-slider.ts +150 -0
- package/src/components/ui/sliders/quality-slider.ts +148 -0
- package/src/components/ui/sliders/slider/api/cssvars.ts +10 -0
- package/src/components/ui/sliders/slider/api/events.ts +65 -0
- package/src/components/ui/sliders/slider/api/state.ts +101 -0
- package/src/components/ui/sliders/slider/events-controller.ts +383 -0
- package/src/components/ui/sliders/slider/format.ts +12 -0
- package/src/components/ui/sliders/slider/slider-context.ts +18 -0
- package/src/components/ui/sliders/slider/slider-controller.ts +211 -0
- package/src/components/ui/sliders/slider/slider.ts +94 -0
- package/src/components/ui/sliders/slider/types.ts +1 -0
- package/src/components/ui/sliders/slider/utils.ts +14 -0
- package/src/components/ui/sliders/slider-preview.ts +131 -0
- package/src/components/ui/sliders/slider-thumbnail.ts +28 -0
- package/src/components/ui/sliders/slider-value.ts +122 -0
- package/src/components/ui/sliders/slider-video.ts +198 -0
- package/src/components/ui/sliders/speed-slider.ts +147 -0
- package/src/components/ui/sliders/time-slider/slider-chapters.ts +444 -0
- package/src/components/ui/sliders/time-slider/time-slider.ts +319 -0
- package/src/components/ui/sliders/volume-slider.ts +145 -0
- package/src/components/ui/thumbnails/thumbnail-loader.ts +324 -0
- package/src/components/ui/thumbnails/thumbnail.ts +244 -0
- package/src/components/ui/time.ts +191 -0
- package/src/components/ui/tooltip/tooltip-content.ts +105 -0
- package/src/components/ui/tooltip/tooltip-context.ts +13 -0
- package/src/components/ui/tooltip/tooltip-trigger.ts +49 -0
- package/src/components/ui/tooltip/tooltip.ts +127 -0
- package/src/core/api/media-attrs.ts +35 -0
- package/src/core/api/media-context.ts +52 -0
- package/src/core/api/media-events.ts +601 -0
- package/src/core/api/media-request-events.ts +323 -0
- package/src/core/api/player-controller.ts +10 -0
- package/src/core/api/player-events.ts +49 -0
- package/src/core/api/player-props.ts +233 -0
- package/src/core/api/player-state.ts +940 -0
- package/src/core/api/src-types.ts +97 -0
- package/src/core/api/types.ts +69 -0
- package/src/core/controls.ts +251 -0
- package/src/core/font/font-options.ts +106 -0
- package/src/core/font/font-vars.ts +107 -0
- package/src/core/keyboard/aria-shortcuts.ts +42 -0
- package/src/core/keyboard/controller.ts +302 -0
- package/src/core/keyboard/types.ts +40 -0
- package/src/core/quality/events.ts +48 -0
- package/src/core/quality/symbols.ts +8 -0
- package/src/core/quality/utils.ts +13 -0
- package/src/core/quality/video-quality.ts +86 -0
- package/src/core/state/media-events-logger.ts +67 -0
- package/src/core/state/media-load-controller.ts +40 -0
- package/src/core/state/media-player-delegate.ts +170 -0
- package/src/core/state/media-request-manager.ts +952 -0
- package/src/core/state/media-state-manager.ts +1077 -0
- package/src/core/state/media-state-sync.ts +162 -0
- package/src/core/state/media-storage.ts +196 -0
- package/src/core/state/navigator-media-session.ts +62 -0
- package/src/core/state/remote-control.ts +584 -0
- package/src/core/state/tracked-media-events.ts +22 -0
- package/src/core/time-ranges.ts +130 -0
- package/src/core/tracks/audio/audio-tracks.ts +33 -0
- package/src/core/tracks/audio/events.ts +41 -0
- package/src/core/tracks/text/events.ts +52 -0
- package/src/core/tracks/text/render/libass-text-renderer.ts +246 -0
- package/src/core/tracks/text/render/native-text-renderer.ts +106 -0
- package/src/core/tracks/text/render/text-renderer.ts +134 -0
- package/src/core/tracks/text/symbols.ts +17 -0
- package/src/core/tracks/text/text-track.test.ts +407 -0
- package/src/core/tracks/text/text-track.ts +413 -0
- package/src/core/tracks/text/text-tracks.ts +210 -0
- package/src/core/tracks/text/utils.ts +85 -0
- package/src/elements/bundles/cdn/player.core.ts +6 -0
- package/src/elements/bundles/cdn/player.ts +8 -0
- package/src/elements/bundles/cdn/plyr.ts +6 -0
- package/src/elements/bundles/cdn-legacy/player-with-default.ts +4 -0
- package/src/elements/bundles/cdn-legacy/player-with-layouts.ts +4 -0
- package/src/elements/bundles/cdn-legacy/player-with-plyr.ts +3 -0
- package/src/elements/bundles/cdn-legacy/player.ts +3 -0
- package/src/elements/bundles/icons.ts +3 -0
- package/src/elements/bundles/player-layouts/default.ts +7 -0
- package/src/elements/bundles/player-layouts/index.ts +9 -0
- package/src/elements/bundles/player-layouts/plyr.ts +65 -0
- package/src/elements/bundles/player-ui.ts +108 -0
- package/src/elements/bundles/player.ts +7 -0
- package/src/elements/define/announcer-element.ts +20 -0
- package/src/elements/define/buttons/airplay-button-element.ts +21 -0
- package/src/elements/define/buttons/caption-button-element.ts +22 -0
- package/src/elements/define/buttons/fullscreen-button-element.ts +22 -0
- package/src/elements/define/buttons/google-cast-button-element.ts +21 -0
- package/src/elements/define/buttons/live-button-element.ts +22 -0
- package/src/elements/define/buttons/mute-button-element.ts +23 -0
- package/src/elements/define/buttons/pip-button-element.ts +22 -0
- package/src/elements/define/buttons/play-button-element.ts +23 -0
- package/src/elements/define/buttons/seek-button-element.ts +26 -0
- package/src/elements/define/buttons/toggle-button-element.ts +21 -0
- package/src/elements/define/captions-element.ts +20 -0
- package/src/elements/define/chapter-title-element.ts +54 -0
- package/src/elements/define/controls-element.ts +26 -0
- package/src/elements/define/controls-group-element.ts +26 -0
- package/src/elements/define/gesture-element.ts +24 -0
- package/src/elements/define/layouts/default/audio-layout-element.ts +137 -0
- package/src/elements/define/layouts/default/audio-layout.ts +113 -0
- package/src/elements/define/layouts/default/icons-loader.ts +17 -0
- package/src/elements/define/layouts/default/icons.ts +86 -0
- package/src/elements/define/layouts/default/slots.ts +12 -0
- package/src/elements/define/layouts/default/ui/announcer.ts +14 -0
- package/src/elements/define/layouts/default/ui/buttons.ts +291 -0
- package/src/elements/define/layouts/default/ui/captions.ts +14 -0
- package/src/elements/define/layouts/default/ui/controls.ts +5 -0
- package/src/elements/define/layouts/default/ui/keyboard-display.ts +114 -0
- package/src/elements/define/layouts/default/ui/menu/accessibility-menu.ts +79 -0
- package/src/elements/define/layouts/default/ui/menu/audio-menu.ts +135 -0
- package/src/elements/define/layouts/default/ui/menu/captions-menu.ts +114 -0
- package/src/elements/define/layouts/default/ui/menu/chapters-menu.ts +117 -0
- package/src/elements/define/layouts/default/ui/menu/episodes-menu.ts +133 -0
- package/src/elements/define/layouts/default/ui/menu/font-menu.ts +253 -0
- package/src/elements/define/layouts/default/ui/menu/items/menu-checkbox.ts +67 -0
- package/src/elements/define/layouts/default/ui/menu/items/menu-items.ts +108 -0
- package/src/elements/define/layouts/default/ui/menu/items/menu-slider.ts +59 -0
- package/src/elements/define/layouts/default/ui/menu/menu-portal.ts +56 -0
- package/src/elements/define/layouts/default/ui/menu/playback-menu.ts +183 -0
- package/src/elements/define/layouts/default/ui/menu/settings-menu.ts +98 -0
- package/src/elements/define/layouts/default/ui/slider.ts +112 -0
- package/src/elements/define/layouts/default/ui/time.ts +41 -0
- package/src/elements/define/layouts/default/ui/title.ts +25 -0
- package/src/elements/define/layouts/default/ui/utils.ts +10 -0
- package/src/elements/define/layouts/default/video-layout-element.ts +125 -0
- package/src/elements/define/layouts/default/video-layout.ts +353 -0
- package/src/elements/define/layouts/icons/icons-loader.ts +47 -0
- package/src/elements/define/layouts/icons/layout-icons-loader.ts +24 -0
- package/src/elements/define/layouts/layout-element.ts +78 -0
- package/src/elements/define/layouts/layout-name.ts +15 -0
- package/src/elements/define/layouts/plyr/icons/plyr-airplay.js +1 -0
- package/src/elements/define/layouts/plyr/icons/plyr-captions-off.js +1 -0
- package/src/elements/define/layouts/plyr/icons/plyr-captions-on.js +1 -0
- package/src/elements/define/layouts/plyr/icons/plyr-download.js +1 -0
- package/src/elements/define/layouts/plyr/icons/plyr-enter-fullscreen.js +1 -0
- package/src/elements/define/layouts/plyr/icons/plyr-exit-fullscreen.js +1 -0
- package/src/elements/define/layouts/plyr/icons/plyr-fast-forward.js +1 -0
- package/src/elements/define/layouts/plyr/icons/plyr-muted.js +1 -0
- package/src/elements/define/layouts/plyr/icons/plyr-pause.js +1 -0
- package/src/elements/define/layouts/plyr/icons/plyr-pip.js +1 -0
- package/src/elements/define/layouts/plyr/icons/plyr-play.js +1 -0
- package/src/elements/define/layouts/plyr/icons/plyr-restart.js +1 -0
- package/src/elements/define/layouts/plyr/icons/plyr-rewind.js +1 -0
- package/src/elements/define/layouts/plyr/icons/plyr-settings.js +1 -0
- package/src/elements/define/layouts/plyr/icons/plyr-volume.js +1 -0
- package/src/elements/define/layouts/plyr/icons-loader.ts +21 -0
- package/src/elements/define/layouts/plyr/icons.ts +34 -0
- package/src/elements/define/layouts/plyr/plyr-layout-element.ts +67 -0
- package/src/elements/define/layouts/plyr/ui.ts +657 -0
- package/src/elements/define/layouts/slot-manager.ts +61 -0
- package/src/elements/define/layouts/slot-observer.ts +70 -0
- package/src/elements/define/menus/_template.ts +47 -0
- package/src/elements/define/menus/audio-gain-group-element.ts +37 -0
- package/src/elements/define/menus/audio-radio-group-element.ts +37 -0
- package/src/elements/define/menus/captions-radio-group-element.ts +37 -0
- package/src/elements/define/menus/chapters-radio-group-element.ts +68 -0
- package/src/elements/define/menus/menu-button-element.ts +27 -0
- package/src/elements/define/menus/menu-element.ts +28 -0
- package/src/elements/define/menus/menu-item-element.ts +24 -0
- package/src/elements/define/menus/menu-items-element.ts +27 -0
- package/src/elements/define/menus/menu-portal-element.ts +35 -0
- package/src/elements/define/menus/quality-radio-group-element.ts +51 -0
- package/src/elements/define/menus/radio-element.ts +24 -0
- package/src/elements/define/menus/radio-group-element.ts +24 -0
- package/src/elements/define/menus/speed-radio-group-element.ts +37 -0
- package/src/elements/define/player-element.ts +33 -0
- package/src/elements/define/poster-element.ts +53 -0
- package/src/elements/define/provider-cast-display.ts +36 -0
- package/src/elements/define/provider-element.ts +158 -0
- package/src/elements/define/sliders/audio-gain-slider-element.ts +34 -0
- package/src/elements/define/sliders/quality-slider-element.ts +34 -0
- package/src/elements/define/sliders/slider-chapters-element.ts +53 -0
- package/src/elements/define/sliders/slider-element.ts +25 -0
- package/src/elements/define/sliders/slider-preview-element.ts +16 -0
- package/src/elements/define/sliders/slider-steps-element.ts +50 -0
- package/src/elements/define/sliders/slider-thumbnail-element.ts +48 -0
- package/src/elements/define/sliders/slider-value-element.ts +49 -0
- package/src/elements/define/sliders/slider-video-element.ts +59 -0
- package/src/elements/define/sliders/speed-slider-element.ts +34 -0
- package/src/elements/define/sliders/time-slider-element.ts +34 -0
- package/src/elements/define/sliders/volume-slider-element.ts +34 -0
- package/src/elements/define/spinner-element.ts +96 -0
- package/src/elements/define/thumbnail-element.ts +63 -0
- package/src/elements/define/time-element.ts +32 -0
- package/src/elements/define/title-element.ts +38 -0
- package/src/elements/define/tooltips/tooltip-content-element.ts +28 -0
- package/src/elements/define/tooltips/tooltip-element.ts +28 -0
- package/src/elements/define/tooltips/tooltip-trigger-element.ts +32 -0
- package/src/elements/icon.ts +30 -0
- package/src/elements/index.ts +71 -0
- package/src/elements/lit/directives/signal.ts +80 -0
- package/src/elements/lit/html.ts +11 -0
- package/src/elements/lit/lit-element.ts +23 -0
- package/src/elements/state-controller.ts +48 -0
- package/src/exports/components.ts +79 -0
- package/src/exports/core.ts +41 -0
- package/src/exports/events.ts +46 -0
- package/src/exports/font.ts +3 -0
- package/src/exports/foundation.ts +8 -0
- package/src/exports/maverick.ts +9 -0
- package/src/exports/providers.ts +42 -0
- package/src/exports/utils.ts +18 -0
- package/src/foundation/fullscreen/controller.ts +128 -0
- package/src/foundation/fullscreen/events.ts +26 -0
- package/src/foundation/list/list.ts +127 -0
- package/src/foundation/list/select-list.ts +86 -0
- package/src/foundation/list/symbols.ts +22 -0
- package/src/foundation/logger/colors.ts +33 -0
- package/src/foundation/logger/controller.ts +71 -0
- package/src/foundation/logger/events.ts +29 -0
- package/src/foundation/logger/grouped-log.ts +44 -0
- package/src/foundation/logger/log-level.ts +17 -0
- package/src/foundation/logger/log-printer.ts +119 -0
- package/src/foundation/logger/ms.ts +31 -0
- package/src/foundation/observers/focus-visible.ts +74 -0
- package/src/foundation/observers/intersection-observer.ts +60 -0
- package/src/foundation/observers/page-visibility.ts +105 -0
- package/src/foundation/observers/raf-loop.ts +29 -0
- package/src/foundation/orientation/controller.ts +139 -0
- package/src/foundation/orientation/events.ts +20 -0
- package/src/foundation/orientation/types.ts +96 -0
- package/src/foundation/queue/queue.ts +41 -0
- package/src/foundation/queue/request-queue.test.ts +139 -0
- package/src/foundation/queue/request-queue.ts +94 -0
- package/src/global/layouts/default.ts +28 -0
- package/src/global/layouts/loader.ts +5 -0
- package/src/global/layouts/plyr.ts +24 -0
- package/src/global/player.ts +144 -0
- package/src/global/plyr.ts +917 -0
- package/src/globals.d.ts +11 -0
- package/src/index.ts +10 -0
- package/src/plugins.ts +369 -0
- package/src/providers/audio/loader.ts +45 -0
- package/src/providers/audio/provider.ts +50 -0
- package/src/providers/dash/dash.ts +417 -0
- package/src/providers/dash/events.ts +585 -0
- package/src/providers/dash/lib-loader.ts +202 -0
- package/src/providers/dash/loader.ts +33 -0
- package/src/providers/dash/provider.ts +135 -0
- package/src/providers/dash/types.ts +21 -0
- package/src/providers/embed/EmbedProvider.ts +84 -0
- package/src/providers/google-cast/events.ts +53 -0
- package/src/providers/google-cast/loader.ts +174 -0
- package/src/providers/google-cast/media-info.ts +49 -0
- package/src/providers/google-cast/provider.ts +483 -0
- package/src/providers/google-cast/tracks.ts +170 -0
- package/src/providers/google-cast/types.ts +3 -0
- package/src/providers/google-cast/utils.ts +112 -0
- package/src/providers/hls/events.ts +472 -0
- package/src/providers/hls/hls.ts +290 -0
- package/src/providers/hls/lib-loader.ts +178 -0
- package/src/providers/hls/loader.ts +33 -0
- package/src/providers/hls/provider.ts +137 -0
- package/src/providers/hls/types.ts +10 -0
- package/src/providers/html/audio/audio-context.ts +60 -0
- package/src/providers/html/audio/audio-gain.ts +100 -0
- package/src/providers/html/html/342/200/223media-events.ts +338 -0
- package/src/providers/html/native-audio-tracks.ts +91 -0
- package/src/providers/html/provider.ts +141 -0
- package/src/providers/html/remote-playback.ts +94 -0
- package/src/providers/type-check.ts +61 -0
- package/src/providers/types.ts +95 -0
- package/src/providers/video/loader.ts +45 -0
- package/src/providers/video/native-hls-text-tracks.ts +69 -0
- package/src/providers/video/picture-in-picture.ts +54 -0
- package/src/providers/video/presentation/events.ts +12 -0
- package/src/providers/video/presentation/video-presentation.ts +110 -0
- package/src/providers/video/provider.ts +91 -0
- package/src/providers/vimeo/embed/command.ts +118 -0
- package/src/providers/vimeo/embed/event.ts +124 -0
- package/src/providers/vimeo/embed/message.ts +9 -0
- package/src/providers/vimeo/embed/misc.ts +57 -0
- package/src/providers/vimeo/embed/params.ts +168 -0
- package/src/providers/vimeo/loader.ts +61 -0
- package/src/providers/vimeo/provider.ts +730 -0
- package/src/providers/vimeo/utils.ts +53 -0
- package/src/providers/youtube/embed/command.ts +21 -0
- package/src/providers/youtube/embed/event.ts +1 -0
- package/src/providers/youtube/embed/message.ts +54 -0
- package/src/providers/youtube/embed/params.ts +238 -0
- package/src/providers/youtube/embed/quality.ts +35 -0
- package/src/providers/youtube/embed/state.ts +13 -0
- package/src/providers/youtube/loader.ts +61 -0
- package/src/providers/youtube/provider.ts +403 -0
- package/src/providers/youtube/utils.ts +45 -0
- package/src/tailwind.test.ts +413 -0
- package/src/test-utils/index.ts +22 -0
- package/src/test-utils/setup.ts +3 -0
- package/src/utils/aria.ts +14 -0
- package/src/utils/array.ts +3 -0
- package/src/utils/color.ts +5 -0
- package/src/utils/dom.ts +458 -0
- package/src/utils/error.ts +11 -0
- package/src/utils/language.ts +16 -0
- package/src/utils/manifest.ts +61 -0
- package/src/utils/mime.ts +101 -0
- package/src/utils/network.ts +118 -0
- package/src/utils/number.ts +25 -0
- package/src/utils/promise.ts +12 -0
- package/src/utils/scroll.ts +19 -0
- package/src/utils/support.ts +163 -0
- package/src/utils/time.test.ts +111 -0
- package/src/utils/time.ts +123 -0
- package/styles/player/base.css +153 -0
- package/styles/player/default/buffering.css +55 -0
- package/styles/player/default/buttons.css +175 -0
- package/styles/player/default/captions.css +181 -0
- package/styles/player/default/chapter-title.css +26 -0
- package/styles/player/default/controls.css +56 -0
- package/styles/player/default/gestures.css +19 -0
- package/styles/player/default/icons.css +6 -0
- package/styles/player/default/keyboard.css +148 -0
- package/styles/player/default/layouts/audio.css +417 -0
- package/styles/player/default/layouts/video.css +1082 -0
- package/styles/player/default/menus.css +959 -0
- package/styles/player/default/poster.css +52 -0
- package/styles/player/default/sliders.css +391 -0
- package/styles/player/default/theme.css +2461 -0
- package/styles/player/default/thumbnail.css +40 -0
- package/styles/player/default/time.css +45 -0
- package/styles/player/default/tooltips.css +141 -0
- package/styles/player/plyr/theme.css +1237 -0
- package/tsconfig.build.json +9 -0
- package/tsconfig.json +11 -0
- package/types/components/aria/announcer.d.ts +27 -0
- package/types/components/layouts/default/audio-layout.d.ts +15 -0
- package/types/components/layouts/default/context.d.ts +9 -0
- package/types/components/layouts/default/default-layout.d.ts +10 -0
- package/types/components/layouts/default/props.d.ts +125 -0
- package/types/components/layouts/default/translations.d.ts +6 -0
- package/types/components/layouts/default/video-layout.d.ts +15 -0
- package/types/components/layouts/plyr/context.d.ts +7 -0
- package/types/components/layouts/plyr/plyr-layout.d.ts +9 -0
- package/types/components/layouts/plyr/props.d.ts +68 -0
- package/types/components/layouts/plyr/translations.d.ts +6 -0
- package/types/components/player.d.ts +214 -0
- package/types/components/provider/provider.d.ts +24 -0
- package/types/components/provider/source-select.d.ts +10 -0
- package/types/components/provider/tracks.d.ts +7 -0
- package/types/components/ui/buttons/airplay-button.d.ts +23 -0
- package/types/components/ui/buttons/caption-button.d.ts +21 -0
- package/types/components/ui/buttons/fullscreen-button.d.ts +28 -0
- package/types/components/ui/buttons/google-cast-button.d.ts +23 -0
- package/types/components/ui/buttons/live-button.d.ts +30 -0
- package/types/components/ui/buttons/mute-button.d.ts +21 -0
- package/types/components/ui/buttons/pip-button.d.ts +22 -0
- package/types/components/ui/buttons/play-button.d.ts +21 -0
- package/types/components/ui/buttons/seek-button.d.ts +32 -0
- package/types/components/ui/buttons/toggle-button-controller.d.ts +20 -0
- package/types/components/ui/buttons/toggle-button.d.ts +29 -0
- package/types/components/ui/captions/captions-renderer.d.ts +12 -0
- package/types/components/ui/captions/captions.d.ts +22 -0
- package/types/components/ui/controls-group.d.ts +9 -0
- package/types/components/ui/controls.d.ts +38 -0
- package/types/components/ui/gesture.d.ts +64 -0
- package/types/components/ui/menu/menu-button.d.ts +37 -0
- package/types/components/ui/menu/menu-context.d.ts +23 -0
- package/types/components/ui/menu/menu-focus-controller.d.ts +14 -0
- package/types/components/ui/menu/menu-item.d.ts +9 -0
- package/types/components/ui/menu/menu-items.d.ts +44 -0
- package/types/components/ui/menu/menu-portal.d.ts +31 -0
- package/types/components/ui/menu/menu.d.ts +66 -0
- package/types/components/ui/menu/radio/radio-controller.d.ts +14 -0
- package/types/components/ui/menu/radio/radio-group-controller.d.ts +11 -0
- package/types/components/ui/menu/radio/radio-group.d.ts +40 -0
- package/types/components/ui/menu/radio/radio.d.ts +50 -0
- package/types/components/ui/menu/radio-groups/audio-gain-radio-group.d.ts +36 -0
- package/types/components/ui/menu/radio-groups/audio-radio-group.d.ts +37 -0
- package/types/components/ui/menu/radio-groups/captions-radio-group.d.ts +38 -0
- package/types/components/ui/menu/radio-groups/chapters-radio-group.d.ts +46 -0
- package/types/components/ui/menu/radio-groups/quality-radio-group.d.ts +48 -0
- package/types/components/ui/menu/radio-groups/speed-radio-group.d.ts +36 -0
- package/types/components/ui/popper/popper.d.ts +15 -0
- package/types/components/ui/poster.d.ts +47 -0
- package/types/components/ui/sliders/audio-gain-slider.d.ts +43 -0
- package/types/components/ui/sliders/quality-slider.d.ts +34 -0
- package/types/components/ui/sliders/slider/api/cssvars.d.ts +10 -0
- package/types/components/ui/sliders/slider/api/events.d.ts +57 -0
- package/types/components/ui/sliders/slider/api/state.d.ts +68 -0
- package/types/components/ui/sliders/slider/events-controller.d.ts +23 -0
- package/types/components/ui/sliders/slider/format.d.ts +8 -0
- package/types/components/ui/sliders/slider/slider-context.d.ts +13 -0
- package/types/components/ui/sliders/slider/slider-controller.d.ts +59 -0
- package/types/components/ui/sliders/slider/slider.d.ts +39 -0
- package/types/components/ui/sliders/slider/types.d.ts +1 -0
- package/types/components/ui/sliders/slider/utils.d.ts +2 -0
- package/types/components/ui/sliders/slider-preview.d.ts +34 -0
- package/types/components/ui/sliders/slider-thumbnail.d.ts +16 -0
- package/types/components/ui/sliders/slider-value.d.ts +59 -0
- package/types/components/ui/sliders/slider-video.d.ts +73 -0
- package/types/components/ui/sliders/speed-slider.d.ts +42 -0
- package/types/components/ui/sliders/time-slider/slider-chapters.d.ts +36 -0
- package/types/components/ui/sliders/time-slider/time-slider.d.ts +56 -0
- package/types/components/ui/sliders/volume-slider.d.ts +35 -0
- package/types/components/ui/thumbnails/thumbnail-loader.d.ts +47 -0
- package/types/components/ui/thumbnails/thumbnail.d.ts +50 -0
- package/types/components/ui/time.d.ts +62 -0
- package/types/components/ui/tooltip/tooltip-content.d.ts +39 -0
- package/types/components/ui/tooltip/tooltip-context.d.ts +11 -0
- package/types/components/ui/tooltip/tooltip-trigger.d.ts +14 -0
- package/types/components/ui/tooltip/tooltip.d.ts +23 -0
- package/types/core/api/media-attrs.d.ts +3 -0
- package/types/core/api/media-context.d.ts +37 -0
- package/types/core/api/media-events.d.ts +581 -0
- package/types/core/api/media-request-events.d.ts +319 -0
- package/types/core/api/player-controller.d.ts +6 -0
- package/types/core/api/player-events.d.ts +38 -0
- package/types/core/api/player-props.d.ts +163 -0
- package/types/core/api/player-state.d.ts +656 -0
- package/types/core/api/src-types.d.ts +50 -0
- package/types/core/api/types.d.ts +54 -0
- package/types/core/controls.d.ts +43 -0
- package/types/core/font/font-options.d.ts +42 -0
- package/types/core/font/font-vars.d.ts +1 -0
- package/types/core/keyboard/aria-shortcuts.d.ts +6 -0
- package/types/core/keyboard/controller.d.ts +9 -0
- package/types/core/keyboard/types.d.ts +33 -0
- package/types/core/quality/events.d.ts +43 -0
- package/types/core/quality/symbols.d.ts +6 -0
- package/types/core/quality/utils.d.ts +2 -0
- package/types/core/quality/video-quality.d.ts +52 -0
- package/types/core/state/media-events-logger.d.ts +7 -0
- package/types/core/state/media-load-controller.d.ts +6 -0
- package/types/core/state/media-player-delegate.d.ts +13 -0
- package/types/core/state/media-request-manager.d.ts +71 -0
- package/types/core/state/media-state-manager.d.ts +59 -0
- package/types/core/state/media-state-sync.d.ts +8 -0
- package/types/core/state/media-storage.d.ts +74 -0
- package/types/core/state/navigator-media-session.d.ts +5 -0
- package/types/core/state/remote-control.d.ts +288 -0
- package/types/core/state/tracked-media-events.d.ts +2 -0
- package/types/core/time-ranges.d.ts +12 -0
- package/types/core/tracks/audio/audio-tracks.d.ts +32 -0
- package/types/core/tracks/audio/events.d.ts +37 -0
- package/types/core/tracks/text/events.d.ts +49 -0
- package/types/core/tracks/text/render/libass-text-renderer.d.ts +181 -0
- package/types/core/tracks/text/render/native-text-renderer.d.ts +13 -0
- package/types/core/tracks/text/render/text-renderer.d.ts +17 -0
- package/types/core/tracks/text/symbols.d.ts +11 -0
- package/types/core/tracks/text/text-track.d.ts +137 -0
- package/types/core/tracks/text/text-tracks.d.ts +55 -0
- package/types/core/tracks/text/utils.d.ts +8 -0
- package/types/elements/bundles/cdn/player.core.d.ts +5 -0
- package/types/elements/bundles/cdn/player.d.ts +7 -0
- package/types/elements/bundles/cdn/plyr.d.ts +5 -0
- package/types/elements/bundles/cdn-legacy/player-with-default.d.ts +4 -0
- package/types/elements/bundles/cdn-legacy/player-with-layouts.d.ts +4 -0
- package/types/elements/bundles/cdn-legacy/player-with-plyr.d.ts +3 -0
- package/types/elements/bundles/cdn-legacy/player.d.ts +3 -0
- package/types/elements/bundles/icons.d.ts +2 -0
- package/types/elements/bundles/player-layouts/default.d.ts +1 -0
- package/types/elements/bundles/player-layouts/index.d.ts +1 -0
- package/types/elements/bundles/player-layouts/plyr.d.ts +1 -0
- package/types/elements/bundles/player-ui.d.ts +1 -0
- package/types/elements/bundles/player.d.ts +1 -0
- package/types/elements/define/announcer-element.d.ts +18 -0
- package/types/elements/define/buttons/airplay-button-element.d.ts +19 -0
- package/types/elements/define/buttons/caption-button-element.d.ts +20 -0
- package/types/elements/define/buttons/fullscreen-button-element.d.ts +20 -0
- package/types/elements/define/buttons/google-cast-button-element.d.ts +19 -0
- package/types/elements/define/buttons/live-button-element.d.ts +20 -0
- package/types/elements/define/buttons/mute-button-element.d.ts +21 -0
- package/types/elements/define/buttons/pip-button-element.d.ts +20 -0
- package/types/elements/define/buttons/play-button-element.d.ts +21 -0
- package/types/elements/define/buttons/seek-button-element.d.ts +24 -0
- package/types/elements/define/buttons/toggle-button-element.d.ts +19 -0
- package/types/elements/define/captions-element.d.ts +18 -0
- package/types/elements/define/chapter-title-element.d.ts +30 -0
- package/types/elements/define/controls-element.d.ts +24 -0
- package/types/elements/define/controls-group-element.d.ts +24 -0
- package/types/elements/define/gesture-element.d.ts +22 -0
- package/types/elements/define/layouts/default/audio-layout-element.d.ts +29 -0
- package/types/elements/define/layouts/default/audio-layout.d.ts +1 -0
- package/types/elements/define/layouts/default/icons-loader.d.ts +5 -0
- package/types/elements/define/layouts/default/icons.d.ts +52 -0
- package/types/elements/define/layouts/default/slots.d.ts +2 -0
- package/types/elements/define/layouts/default/ui/announcer.d.ts +1 -0
- package/types/elements/define/layouts/default/ui/buttons.d.ts +31 -0
- package/types/elements/define/layouts/default/ui/captions.d.ts +1 -0
- package/types/elements/define/layouts/default/ui/controls.d.ts +1 -0
- package/types/elements/define/layouts/default/ui/keyboard-display.d.ts +1 -0
- package/types/elements/define/layouts/default/ui/menu/accessibility-menu.d.ts +1 -0
- package/types/elements/define/layouts/default/ui/menu/audio-menu.d.ts +1 -0
- package/types/elements/define/layouts/default/ui/menu/captions-menu.d.ts +1 -0
- package/types/elements/define/layouts/default/ui/menu/chapters-menu.d.ts +8 -0
- package/types/elements/define/layouts/default/ui/menu/episodes-menu.d.ts +8 -0
- package/types/elements/define/layouts/default/ui/menu/font-menu.d.ts +1 -0
- package/types/elements/define/layouts/default/ui/menu/items/menu-checkbox.d.ts +8 -0
- package/types/elements/define/layouts/default/ui/menu/items/menu-items.d.ts +26 -0
- package/types/elements/define/layouts/default/ui/menu/items/menu-slider.d.ts +3 -0
- package/types/elements/define/layouts/default/ui/menu/menu-portal.d.ts +4 -0
- package/types/elements/define/layouts/default/ui/menu/playback-menu.d.ts +1 -0
- package/types/elements/define/layouts/default/ui/menu/settings-menu.d.ts +8 -0
- package/types/elements/define/layouts/default/ui/slider.d.ts +10 -0
- package/types/elements/define/layouts/default/ui/time.d.ts +3 -0
- package/types/elements/define/layouts/default/ui/title.d.ts +2 -0
- package/types/elements/define/layouts/default/ui/utils.d.ts +3 -0
- package/types/elements/define/layouts/default/video-layout-element.d.ts +29 -0
- package/types/elements/define/layouts/default/video-layout.d.ts +5 -0
- package/types/elements/define/layouts/icons/icons-loader.d.ts +11 -0
- package/types/elements/define/layouts/icons/layout-icons-loader.d.ts +4 -0
- package/types/elements/define/layouts/layout-element.d.ts +38 -0
- package/types/elements/define/layouts/layout-name.d.ts +2 -0
- package/types/elements/define/layouts/plyr/icons/plyr-airplay.d.ts +2 -0
- package/types/elements/define/layouts/plyr/icons/plyr-captions-off.d.ts +2 -0
- package/types/elements/define/layouts/plyr/icons/plyr-captions-on.d.ts +2 -0
- package/types/elements/define/layouts/plyr/icons/plyr-download.d.ts +2 -0
- package/types/elements/define/layouts/plyr/icons/plyr-enter-fullscreen.d.ts +2 -0
- package/types/elements/define/layouts/plyr/icons/plyr-exit-fullscreen.d.ts +2 -0
- package/types/elements/define/layouts/plyr/icons/plyr-fast-forward.d.ts +2 -0
- package/types/elements/define/layouts/plyr/icons/plyr-muted.d.ts +2 -0
- package/types/elements/define/layouts/plyr/icons/plyr-pause.d.ts +2 -0
- package/types/elements/define/layouts/plyr/icons/plyr-pip.d.ts +2 -0
- package/types/elements/define/layouts/plyr/icons/plyr-play.d.ts +2 -0
- package/types/elements/define/layouts/plyr/icons/plyr-restart.d.ts +2 -0
- package/types/elements/define/layouts/plyr/icons/plyr-rewind.d.ts +2 -0
- package/types/elements/define/layouts/plyr/icons/plyr-settings.d.ts +2 -0
- package/types/elements/define/layouts/plyr/icons/plyr-volume.d.ts +2 -0
- package/types/elements/define/layouts/plyr/icons-loader.d.ts +5 -0
- package/types/elements/define/layouts/plyr/icons.d.ts +18 -0
- package/types/elements/define/layouts/plyr/plyr-layout-element.d.ts +26 -0
- package/types/elements/define/layouts/plyr/ui.d.ts +3 -0
- package/types/elements/define/layouts/slot-manager.d.ts +7 -0
- package/types/elements/define/layouts/slot-observer.d.ts +12 -0
- package/types/elements/define/menus/_template.d.ts +7 -0
- package/types/elements/define/menus/audio-gain-group-element.d.ts +31 -0
- package/types/elements/define/menus/audio-radio-group-element.d.ts +31 -0
- package/types/elements/define/menus/captions-radio-group-element.d.ts +31 -0
- package/types/elements/define/menus/chapters-radio-group-element.d.ts +36 -0
- package/types/elements/define/menus/menu-button-element.d.ts +25 -0
- package/types/elements/define/menus/menu-element.d.ts +26 -0
- package/types/elements/define/menus/menu-item-element.d.ts +22 -0
- package/types/elements/define/menus/menu-items-element.d.ts +25 -0
- package/types/elements/define/menus/menu-portal-element.d.ts +25 -0
- package/types/elements/define/menus/quality-radio-group-element.d.ts +33 -0
- package/types/elements/define/menus/radio-element.d.ts +22 -0
- package/types/elements/define/menus/radio-group-element.d.ts +22 -0
- package/types/elements/define/menus/speed-radio-group-element.d.ts +31 -0
- package/types/elements/define/player-element.d.ts +24 -0
- package/types/elements/define/poster-element.d.ts +25 -0
- package/types/elements/define/provider-cast-display.d.ts +2 -0
- package/types/elements/define/provider-element.d.ts +25 -0
- package/types/elements/define/sliders/audio-gain-slider-element.d.ts +32 -0
- package/types/elements/define/sliders/quality-slider-element.d.ts +32 -0
- package/types/elements/define/sliders/slider-chapters-element.d.ts +31 -0
- package/types/elements/define/sliders/slider-element.d.ts +23 -0
- package/types/elements/define/sliders/slider-preview-element.d.ts +14 -0
- package/types/elements/define/sliders/slider-steps-element.d.ts +28 -0
- package/types/elements/define/sliders/slider-thumbnail-element.d.ts +26 -0
- package/types/elements/define/sliders/slider-value-element.d.ts +37 -0
- package/types/elements/define/sliders/slider-video-element.d.ts +25 -0
- package/types/elements/define/sliders/speed-slider-element.d.ts +32 -0
- package/types/elements/define/sliders/time-slider-element.d.ts +32 -0
- package/types/elements/define/sliders/volume-slider-element.d.ts +32 -0
- package/types/elements/define/spinner-element.d.ts +50 -0
- package/types/elements/define/thumbnail-element.d.ts +29 -0
- package/types/elements/define/time-element.d.ts +24 -0
- package/types/elements/define/title-element.d.ts +23 -0
- package/types/elements/define/tooltips/tooltip-content-element.d.ts +26 -0
- package/types/elements/define/tooltips/tooltip-element.d.ts +26 -0
- package/types/elements/define/tooltips/tooltip-trigger-element.d.ts +27 -0
- package/types/elements/icon.d.ts +10 -0
- package/types/elements/index.d.ts +56 -0
- package/types/elements/lit/directives/signal.d.ts +1 -0
- package/types/elements/lit/html.d.ts +4 -0
- package/types/elements/lit/lit-element.d.ts +8 -0
- package/types/elements/state-controller.d.ts +5 -0
- package/types/exports/components.d.ts +59 -0
- package/types/exports/core.d.ts +26 -0
- package/types/exports/events.d.ts +32 -0
- package/types/exports/font.d.ts +2 -0
- package/types/exports/foundation.d.ts +8 -0
- package/types/exports/maverick.d.ts +1 -0
- package/types/exports/providers.d.ts +22 -0
- package/types/exports/utils.d.ts +4 -0
- package/types/foundation/fullscreen/controller.d.ts +39 -0
- package/types/foundation/fullscreen/events.d.ts +25 -0
- package/types/foundation/list/list.d.ts +64 -0
- package/types/foundation/list/select-list.d.ts +30 -0
- package/types/foundation/list/symbols.d.ts +14 -0
- package/types/foundation/logger/colors.d.ts +5 -0
- package/types/foundation/logger/controller.d.ts +20 -0
- package/types/foundation/logger/events.d.ts +26 -0
- package/types/foundation/logger/grouped-log.d.ts +22 -0
- package/types/foundation/logger/log-level.d.ts +15 -0
- package/types/foundation/logger/log-printer.d.ts +11 -0
- package/types/foundation/logger/ms.d.ts +4 -0
- package/types/foundation/observers/focus-visible.d.ts +7 -0
- package/types/foundation/observers/intersection-observer.d.ts +36 -0
- package/types/foundation/observers/page-visibility.d.ts +37 -0
- package/types/foundation/observers/raf-loop.d.ts +6 -0
- package/types/foundation/orientation/controller.d.ts +62 -0
- package/types/foundation/orientation/events.d.ts +16 -0
- package/types/foundation/orientation/types.d.ts +85 -0
- package/types/foundation/queue/queue.d.ts +24 -0
- package/types/foundation/queue/request-queue.d.ts +42 -0
- package/types/global/layouts/default.d.ts +9 -0
- package/types/global/layouts/loader.d.ts +5 -0
- package/types/global/layouts/plyr.d.ts +9 -0
- package/types/global/player.d.ts +26 -0
- package/types/global/plyr.d.ts +344 -0
- package/types/index.d.ts +6 -0
- package/types/plugins.d.ts +11 -0
- package/types/providers/audio/loader.d.ts +12 -0
- package/types/providers/audio/provider.d.ts +29 -0
- package/types/providers/dash/dash.d.ts +15 -0
- package/types/providers/dash/events.d.ts +570 -0
- package/types/providers/dash/lib-loader.d.ts +6 -0
- package/types/providers/dash/loader.d.ts +10 -0
- package/types/providers/dash/provider.d.ts +62 -0
- package/types/providers/dash/types.d.ts +13 -0
- package/types/providers/embed/EmbedProvider.d.ts +18 -0
- package/types/providers/google-cast/events.d.ts +36 -0
- package/types/providers/google-cast/loader.d.ts +18 -0
- package/types/providers/google-cast/media-info.d.ts +11 -0
- package/types/providers/google-cast/provider.d.ts +48 -0
- package/types/providers/google-cast/tracks.d.ts +10 -0
- package/types/providers/google-cast/types.d.ts +3 -0
- package/types/providers/google-cast/utils.d.ts +34 -0
- package/types/providers/hls/events.d.ts +463 -0
- package/types/providers/hls/hls.d.ts +14 -0
- package/types/providers/hls/lib-loader.d.ts +6 -0
- package/types/providers/hls/loader.d.ts +10 -0
- package/types/providers/hls/provider.d.ts +64 -0
- package/types/providers/hls/types.d.ts +9 -0
- package/types/providers/html/audio/audio-context.d.ts +6 -0
- package/types/providers/html/audio/audio-gain.d.ts +10 -0
- package/types/providers/html/html/342/200/223media-events.d.ts +6 -0
- package/types/providers/html/native-audio-tracks.d.ts +6 -0
- package/types/providers/html/provider.d.ts +34 -0
- package/types/providers/html/remote-playback.d.ts +18 -0
- package/types/providers/type-check.d.ts +28 -0
- package/types/providers/types.d.ts +95 -0
- package/types/providers/video/loader.d.ts +12 -0
- package/types/providers/video/native-hls-text-tracks.d.ts +9 -0
- package/types/providers/video/picture-in-picture.d.ts +16 -0
- package/types/providers/video/presentation/events.d.ts +11 -0
- package/types/providers/video/presentation/video-presentation.d.ts +30 -0
- package/types/providers/video/provider.d.ts +34 -0
- package/types/providers/vimeo/embed/command.d.ts +81 -0
- package/types/providers/vimeo/embed/event.d.ts +58 -0
- package/types/providers/vimeo/embed/message.d.ts +8 -0
- package/types/providers/vimeo/embed/misc.d.ts +52 -0
- package/types/providers/vimeo/embed/params.d.ts +148 -0
- package/types/providers/vimeo/loader.d.ts +14 -0
- package/types/providers/vimeo/provider.d.ts +61 -0
- package/types/providers/vimeo/utils.d.ts +6 -0
- package/types/providers/youtube/embed/command.d.ts +13 -0
- package/types/providers/youtube/embed/event.d.ts +1 -0
- package/types/providers/youtube/embed/message.d.ts +50 -0
- package/types/providers/youtube/embed/params.d.ts +218 -0
- package/types/providers/youtube/embed/quality.d.ts +2 -0
- package/types/providers/youtube/embed/state.d.ts +12 -0
- package/types/providers/youtube/loader.d.ts +14 -0
- package/types/providers/youtube/provider.d.ts +61 -0
- package/types/providers/youtube/utils.d.ts +2 -0
- package/types/utils/aria.d.ts +4 -0
- package/types/utils/array.d.ts +1 -0
- package/types/utils/color.d.ts +1 -0
- package/types/utils/dom.d.ts +41 -0
- package/types/utils/error.d.ts +2 -0
- package/types/utils/language.d.ts +8 -0
- package/types/utils/manifest.d.ts +3 -0
- package/types/utils/mime.d.ts +15 -0
- package/types/utils/network.d.ts +17 -0
- package/types/utils/number.d.ts +17 -0
- package/types/utils/promise.d.ts +1 -0
- package/types/utils/scroll.d.ts +5 -0
- package/types/utils/support.d.ts +72 -0
- package/types/utils/time.d.ts +57 -0
- package/vite.config.ts +61 -0
|
Binary file
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
<html>
|
|
2
|
+
<head>
|
|
3
|
+
<title>Vidstack 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
|
+
<link rel="stylesheet" href="./styles.css" />
|
|
10
|
+
|
|
11
|
+
<script src="./main.ts" type="module"></script>
|
|
12
|
+
</head>
|
|
13
|
+
|
|
14
|
+
<body>
|
|
15
|
+
<main>
|
|
16
|
+
<media-player title="Sprite Fight" crossorigin>
|
|
17
|
+
<media-provider>
|
|
18
|
+
<media-poster
|
|
19
|
+
class="vds-poster"
|
|
20
|
+
src="https://image.mux.com/VZtzUzGRv02OhRnZCxcNg49OilvolTqdnFLEqBsTwaxU/thumbnail.webp?time=268&width=1200"
|
|
21
|
+
alt="Girl walks into campfire with gnomes surrounding her friend ready for their next meal!"
|
|
22
|
+
></media-poster>
|
|
23
|
+
</media-provider>
|
|
24
|
+
<!-- Layouts -->
|
|
25
|
+
<media-audio-layout></media-audio-layout>
|
|
26
|
+
<media-video-layout
|
|
27
|
+
thumbnails="https://image.mux.com/VZtzUzGRv02OhRnZCxcNg49OilvolTqdnFLEqBsTwaxU/storyboard.vtt"
|
|
28
|
+
></media-video-layout>
|
|
29
|
+
</media-player>
|
|
30
|
+
|
|
31
|
+
<div class="src-buttons">
|
|
32
|
+
<button id="audio-src-button">Audio</button>
|
|
33
|
+
<button id="video-src-button">Video</button>
|
|
34
|
+
<button id="hls-src-button">HLS</button>
|
|
35
|
+
<button id="live-src-button">Live</button>
|
|
36
|
+
<button id="youtube-src-button">YouTube</button>
|
|
37
|
+
<button id="dash-src-button">DASH</button>
|
|
38
|
+
<button id="vimeo-src-button">Vimeo</button>
|
|
39
|
+
</div>
|
|
40
|
+
</main>
|
|
41
|
+
</body>
|
|
42
|
+
</html>
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
// Register elements.
|
|
2
|
+
import '../src/elements/bundles/player';
|
|
3
|
+
import '../src/elements/bundles/player-layouts';
|
|
4
|
+
import '../src/elements/bundles/player-ui';
|
|
5
|
+
import '../src/elements/bundles/icons';
|
|
6
|
+
|
|
7
|
+
import { isHLSProvider, type TextTrackInit } from '../src';
|
|
8
|
+
|
|
9
|
+
const player = document.querySelector('media-player')!;
|
|
10
|
+
|
|
11
|
+
Object.defineProperty(window, 'player', {
|
|
12
|
+
get() {
|
|
13
|
+
return player;
|
|
14
|
+
},
|
|
15
|
+
});
|
|
16
|
+
|
|
17
|
+
player.addEventListener('provider-change', (event) => {
|
|
18
|
+
const provider = event.detail;
|
|
19
|
+
// We can configure provider's here.
|
|
20
|
+
if (isHLSProvider(provider)) {
|
|
21
|
+
provider.config = {};
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
|
|
25
|
+
// We can listen for the `can-play` event to be notified when the player is ready.
|
|
26
|
+
player.addEventListener('can-play', () => {
|
|
27
|
+
// ...
|
|
28
|
+
});
|
|
29
|
+
|
|
30
|
+
// ***********************************************************************************************
|
|
31
|
+
// Source Management
|
|
32
|
+
// ***********************************************************************************************
|
|
33
|
+
|
|
34
|
+
const audioSrcButton = document.querySelector('#audio-src-button'),
|
|
35
|
+
videoSrcButton = document.querySelector('#video-src-button'),
|
|
36
|
+
hlsSrcButton = document.querySelector('#hls-src-button'),
|
|
37
|
+
liveSrcButton = document.querySelector('#live-src-button'),
|
|
38
|
+
youtubeSrcButton = document.querySelector('#youtube-src-button'),
|
|
39
|
+
dashSrcButton = document.querySelector('#dash-src-button'),
|
|
40
|
+
vimeoSrcButton = document.querySelector('#vimeo-src-button');
|
|
41
|
+
|
|
42
|
+
audioSrcButton?.addEventListener('click', () => changeSource('audio'));
|
|
43
|
+
videoSrcButton?.addEventListener('click', () => changeSource('video'));
|
|
44
|
+
hlsSrcButton?.addEventListener('click', () => changeSource('hls'));
|
|
45
|
+
dashSrcButton?.addEventListener('click', () => changeSource('dash'));
|
|
46
|
+
liveSrcButton?.addEventListener('click', () => changeSource('live'));
|
|
47
|
+
youtubeSrcButton?.addEventListener('click', () => changeSource('youtube'));
|
|
48
|
+
vimeoSrcButton?.addEventListener('click', () => changeSource('vimeo'));
|
|
49
|
+
|
|
50
|
+
// URL query param support for testing
|
|
51
|
+
// ?src=vimeo|youtube|hls|video|audio|live|dash
|
|
52
|
+
// ?autoplay - enable autoplay
|
|
53
|
+
// ?muted - start muted
|
|
54
|
+
const params = new URLSearchParams(window.location.search);
|
|
55
|
+
|
|
56
|
+
if (params.has('autoplay')) player.autoplay = true;
|
|
57
|
+
if (params.has('muted')) player.muted = true;
|
|
58
|
+
|
|
59
|
+
const srcParam = params.get('src');
|
|
60
|
+
changeSource(srcParam || 'audio');
|
|
61
|
+
|
|
62
|
+
player.addEventListener('auto-play', (e) => {
|
|
63
|
+
console.log('[auto-play]', e.detail);
|
|
64
|
+
});
|
|
65
|
+
|
|
66
|
+
player.addEventListener('auto-play-fail', (e) => {
|
|
67
|
+
console.log('[auto-play-fail]', e.detail);
|
|
68
|
+
});
|
|
69
|
+
|
|
70
|
+
function changeSource(type: string) {
|
|
71
|
+
switch (type) {
|
|
72
|
+
case 'audio':
|
|
73
|
+
player.src = 'https://files.vidstack.io/sprite-fight/audio.mp3';
|
|
74
|
+
break;
|
|
75
|
+
case 'video':
|
|
76
|
+
player.src = 'https://files.vidstack.io/sprite-fight/480p.mp4';
|
|
77
|
+
break;
|
|
78
|
+
case 'hls':
|
|
79
|
+
player.src = 'https://files.vidstack.io/sprite-fight/hls/stream.m3u8';
|
|
80
|
+
break;
|
|
81
|
+
case 'dash':
|
|
82
|
+
player.src = 'https://files.vidstack.io/sprite-fight/dash/stream.mpd';
|
|
83
|
+
break;
|
|
84
|
+
case 'live':
|
|
85
|
+
player.src = 'https://stream.mux.com/v69RSHhFelSm4701snP22dYz2jICy4E4FUyk02rW4gxRM.m3u8';
|
|
86
|
+
break;
|
|
87
|
+
case 'youtube':
|
|
88
|
+
player.src = 'youtube/_cMxraX_5RE';
|
|
89
|
+
break;
|
|
90
|
+
case 'vimeo':
|
|
91
|
+
player.src = 'vimeo/640499893';
|
|
92
|
+
break;
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
// ***********************************************************************************************
|
|
97
|
+
// Text Track Management
|
|
98
|
+
// ***********************************************************************************************
|
|
99
|
+
|
|
100
|
+
/**
|
|
101
|
+
* You can add these tracks using HTML as well.
|
|
102
|
+
*
|
|
103
|
+
* @example
|
|
104
|
+
* ```html
|
|
105
|
+
* <media-provider>
|
|
106
|
+
* <track label="..." src="..." kind="..." srclang="..." default />
|
|
107
|
+
* <track label="..." src="..." kind="..." srclang="..." />
|
|
108
|
+
* </media-provider>
|
|
109
|
+
* ```
|
|
110
|
+
*/
|
|
111
|
+
const tracks: TextTrackInit[] = [
|
|
112
|
+
// Subtitles
|
|
113
|
+
{
|
|
114
|
+
src: 'https://files.vidstack.io/sprite-fight/subs/english.vtt',
|
|
115
|
+
label: 'English',
|
|
116
|
+
language: 'en-US',
|
|
117
|
+
kind: 'subtitles',
|
|
118
|
+
default: true,
|
|
119
|
+
},
|
|
120
|
+
{
|
|
121
|
+
src: 'https://files.vidstack.io/sprite-fight/subs/spanish.vtt',
|
|
122
|
+
label: 'Spanish',
|
|
123
|
+
language: 'es-ES',
|
|
124
|
+
kind: 'subtitles',
|
|
125
|
+
},
|
|
126
|
+
// Chapters
|
|
127
|
+
{
|
|
128
|
+
src: 'https://files.vidstack.io/sprite-fight/chapters.vtt',
|
|
129
|
+
kind: 'chapters',
|
|
130
|
+
language: 'en-US',
|
|
131
|
+
default: true,
|
|
132
|
+
},
|
|
133
|
+
];
|
|
134
|
+
|
|
135
|
+
for (const track of tracks) {
|
|
136
|
+
player.textTracks.add(track);
|
|
137
|
+
}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
@import '../styles/player/base.css';
|
|
2
|
+
@import '../styles/player/default/theme.css';
|
|
3
|
+
@import '../styles/player/default/layouts/audio.css';
|
|
4
|
+
@import '../styles/player/default/layouts/video.css';
|
|
5
|
+
|
|
6
|
+
/*************************************************************************************************
|
|
7
|
+
* Player
|
|
8
|
+
*************************************************************************************************/
|
|
9
|
+
|
|
10
|
+
media-player {
|
|
11
|
+
--brand-color: #f5f5f5;
|
|
12
|
+
--focus-color: #4e9cf6;
|
|
13
|
+
|
|
14
|
+
--audio-brand: var(--brand-color);
|
|
15
|
+
--audio-focus-ring-color: var(--focus-color);
|
|
16
|
+
--audio-border-radius: 2px;
|
|
17
|
+
|
|
18
|
+
--video-brand: var(--brand-color);
|
|
19
|
+
--video-focus-ring-color: var(--focus-color);
|
|
20
|
+
--video-border-radius: 2px;
|
|
21
|
+
|
|
22
|
+
/* 👉 https://vidstack.io/docs/player/components/layouts/default#css-variables for more. */
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
media-player[data-view-type='audio'] .vds-poster {
|
|
26
|
+
display: none;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
media-player[data-view-type='video'] {
|
|
30
|
+
aspect-ratio: 16 /9;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
/*************************************************************************************************
|
|
34
|
+
* Document
|
|
35
|
+
*************************************************************************************************/
|
|
36
|
+
|
|
37
|
+
* {
|
|
38
|
+
box-sizing: border-box;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
html,
|
|
42
|
+
body {
|
|
43
|
+
margin: 0;
|
|
44
|
+
padding: 0;
|
|
45
|
+
width: 100vw;
|
|
46
|
+
height: 100vh;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
body {
|
|
50
|
+
display: flex;
|
|
51
|
+
align-items: center;
|
|
52
|
+
justify-content: center;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
main {
|
|
56
|
+
width: 100%;
|
|
57
|
+
max-width: 980px;
|
|
58
|
+
margin-inline: auto;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.src-buttons {
|
|
62
|
+
display: flex;
|
|
63
|
+
align-items: center;
|
|
64
|
+
justify-content: space-evenly;
|
|
65
|
+
margin-top: 40px;
|
|
66
|
+
margin-inline: auto;
|
|
67
|
+
max-width: 300px;
|
|
68
|
+
}
|
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2023 Rahim Alwer
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
# Vidstack
|
|
2
|
+
|
|
3
|
+
[![package-badge]][package]
|
|
4
|
+
[![discord-badge]][discord]
|
|
5
|
+
|
|
6
|
+
Vidstack is a video/audio platform for frontend developers to build high-quality and accessible
|
|
7
|
+
experiences on the web.
|
|
8
|
+
|
|
9
|
+
## 📖 Docs
|
|
10
|
+
|
|
11
|
+
You can find our documentation at [vidstack.io](https://www.vidstack.io).
|
|
12
|
+
|
|
13
|
+
## 📝 License
|
|
14
|
+
|
|
15
|
+
Vidstack is [MIT licensed](./LICENSE).
|
|
16
|
+
|
|
17
|
+
[vime]: https://github.com/vime-js/vime
|
|
18
|
+
[plyr]: https://github.com/sampotts/plyr
|
|
19
|
+
[package]: https://www.npmjs.com/package/vidstack
|
|
20
|
+
[package-badge]: https://img.shields.io/npm/v/vidstack/next?style=flat-square
|
|
21
|
+
[discord]: https://discord.gg/QAjfh2gZE4
|
|
22
|
+
[discord-badge]: https://img.shields.io/discord/742612686679965696?color=%235865F2&label=%20&logo=discord&logoColor=white&style=flat-square
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
import { readdirSync, readFileSync, writeFileSync } from 'node:fs';
|
|
2
|
+
import path from 'node:path';
|
|
3
|
+
|
|
4
|
+
import {
|
|
5
|
+
createJSONPlugin,
|
|
6
|
+
createVSCodePlugin,
|
|
7
|
+
solidJSXTypesPlugin,
|
|
8
|
+
svelteJSXTypesPlugin,
|
|
9
|
+
vueJSXTypesPlugin,
|
|
10
|
+
type AnalyzePlugin,
|
|
11
|
+
} from '@maverick-js/cli/analyze';
|
|
12
|
+
|
|
13
|
+
export default [
|
|
14
|
+
createJSONPlugin({
|
|
15
|
+
outFile: 'dist-npm/analyze.json',
|
|
16
|
+
}),
|
|
17
|
+
createVSCodePlugin({
|
|
18
|
+
outFile: 'dist-npm/vscode.html-data.json',
|
|
19
|
+
transformTagData({ component }, data) {
|
|
20
|
+
const refs = (data.references ??= []);
|
|
21
|
+
|
|
22
|
+
component?.doctags
|
|
23
|
+
?.filter((tag) => (tag.name === 'docs' || tag.name === 'see') && tag.text)
|
|
24
|
+
.forEach((tag) => {
|
|
25
|
+
const w3c = tag.text!.includes('w3c.github') ? 'W3C' : undefined;
|
|
26
|
+
const mdn = tag.text!.includes('developer.mozilla') ? 'MDN' : undefined;
|
|
27
|
+
refs.push({ name: w3c ?? mdn ?? 'Documentation', url: tag.text! });
|
|
28
|
+
});
|
|
29
|
+
|
|
30
|
+
if (refs.length > 0) data.references = refs;
|
|
31
|
+
|
|
32
|
+
return data;
|
|
33
|
+
},
|
|
34
|
+
transformAttributeData(prop, data) {
|
|
35
|
+
const refs = (data.references ??= []);
|
|
36
|
+
|
|
37
|
+
prop.doctags
|
|
38
|
+
?.filter((tag) => (tag.name === 'see' || tag.name === 'link') && tag.text)
|
|
39
|
+
.forEach((tag) => {
|
|
40
|
+
const w3c = tag.text!.includes('w3c.github') ? 'W3C' : undefined;
|
|
41
|
+
const mdn = tag.text!.includes('developer.mozilla') ? 'MDN' : undefined;
|
|
42
|
+
if (!refs.some((ref) => ref.url !== tag.text)) {
|
|
43
|
+
refs.push({ name: w3c ?? mdn ?? 'Documentation', url: tag.text! });
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
|
|
47
|
+
if (refs.length > 0) data.references = refs;
|
|
48
|
+
|
|
49
|
+
return data;
|
|
50
|
+
},
|
|
51
|
+
transformOutput(output) {
|
|
52
|
+
const icons = readdirSync('node_modules/media-icons/raw'),
|
|
53
|
+
ignoredFiles = new Set(['.DS_Store']),
|
|
54
|
+
iconValues = icons
|
|
55
|
+
.filter((fileName) => !ignoredFiles.has(fileName))
|
|
56
|
+
.map((fileName) => {
|
|
57
|
+
const iconName = path.basename(fileName, path.extname(fileName));
|
|
58
|
+
return {
|
|
59
|
+
name: iconName,
|
|
60
|
+
references: [
|
|
61
|
+
{
|
|
62
|
+
name: 'Preview Icon',
|
|
63
|
+
url: `https://vidstack.io/media-icons?lib=html&icon=${iconName}`,
|
|
64
|
+
},
|
|
65
|
+
],
|
|
66
|
+
};
|
|
67
|
+
});
|
|
68
|
+
|
|
69
|
+
output.tags.push({
|
|
70
|
+
name: 'media-icon',
|
|
71
|
+
description:
|
|
72
|
+
'This component dynamically loads and renders media icons. See our ' +
|
|
73
|
+
'[media icons catalog](https://www.vidstack.io/media-icons) to preview them all. Do ' +
|
|
74
|
+
'note, the icon `type` can be dynamically changed.',
|
|
75
|
+
attributes: [{ name: 'type', values: iconValues }],
|
|
76
|
+
references: [
|
|
77
|
+
{
|
|
78
|
+
name: 'Documentation',
|
|
79
|
+
url: 'https://www.vidstack.io/docs/player/components/display/icons',
|
|
80
|
+
},
|
|
81
|
+
],
|
|
82
|
+
});
|
|
83
|
+
},
|
|
84
|
+
}),
|
|
85
|
+
elementsManifest(),
|
|
86
|
+
checkElementExports(),
|
|
87
|
+
vueJSXTypesPlugin({
|
|
88
|
+
file: 'dist-npm/vue.d.ts',
|
|
89
|
+
imports: [`import type { IconType } from "./icons";`],
|
|
90
|
+
components: [`"media-icon": HTMLAttributes & { type: IconType }`],
|
|
91
|
+
}),
|
|
92
|
+
svelteJSXTypesPlugin({
|
|
93
|
+
file: 'dist-npm/svelte.d.ts',
|
|
94
|
+
imports: [`import type { IconType } from './icons';`],
|
|
95
|
+
components: [
|
|
96
|
+
`"media-icon": import('svelte/elements').HTMLAttributes<HTMLElement> & { type: IconType }`,
|
|
97
|
+
],
|
|
98
|
+
}),
|
|
99
|
+
solidJSXTypesPlugin({
|
|
100
|
+
file: 'dist-npm/solid.d.ts',
|
|
101
|
+
imports: [`import type { IconType } from "./icons";`],
|
|
102
|
+
components: [`"media-icon": JSX.HTMLAttributes<HTMLElement> & { type: IconType };`],
|
|
103
|
+
}),
|
|
104
|
+
];
|
|
105
|
+
|
|
106
|
+
function elementsManifest(): AnalyzePlugin {
|
|
107
|
+
return {
|
|
108
|
+
name: 'elements.json',
|
|
109
|
+
async transform({ customElements }) {
|
|
110
|
+
const manifest = {};
|
|
111
|
+
|
|
112
|
+
for (const el of customElements) {
|
|
113
|
+
manifest[el.tag.name] = el.name;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
writeFileSync('dist-npm/elements.json', JSON.stringify(manifest, null, 2));
|
|
117
|
+
},
|
|
118
|
+
};
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
function checkElementExports(): AnalyzePlugin {
|
|
122
|
+
return {
|
|
123
|
+
name: 'check-element-exports',
|
|
124
|
+
async transform({ customElements }) {
|
|
125
|
+
const exports = readFileSync('src/elements/index.ts', 'utf-8');
|
|
126
|
+
for (const el of customElements) {
|
|
127
|
+
if (!exports.includes(el.name)) {
|
|
128
|
+
throw Error(`Missing element export \`${el.name}\` in module "src/elements/index.ts"`);
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
},
|
|
132
|
+
};
|
|
133
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import fs from 'node:fs/promises';
|
|
2
|
+
import path from 'node:path';
|
|
3
|
+
import { fileURLToPath } from 'node:url';
|
|
4
|
+
|
|
5
|
+
import chokidar from 'chokidar';
|
|
6
|
+
|
|
7
|
+
const DIRNAME = path.dirname(fileURLToPath(import.meta.url));
|
|
8
|
+
|
|
9
|
+
const STYLES_DIR = path.resolve(DIRNAME, '../styles'),
|
|
10
|
+
BASE_STYLES_FILE = path.resolve(STYLES_DIR, 'player/base.css'),
|
|
11
|
+
DEFAULT_THEME_DIR = path.resolve(STYLES_DIR, 'player/default'),
|
|
12
|
+
DEFAULT_THEME_FILE = path.resolve(DEFAULT_THEME_DIR, 'theme.css');
|
|
13
|
+
|
|
14
|
+
export async function buildDefaultTheme() {
|
|
15
|
+
// CSS merge.
|
|
16
|
+
let styles = await fs.readFile(BASE_STYLES_FILE, 'utf-8'),
|
|
17
|
+
themeDirFiles = await fs.readdir(DEFAULT_THEME_DIR, 'utf-8');
|
|
18
|
+
|
|
19
|
+
for (const file of themeDirFiles) {
|
|
20
|
+
if (file === 'theme.css' || file === 'layouts') continue;
|
|
21
|
+
styles += '\n' + (await fs.readFile(path.resolve(DEFAULT_THEME_DIR, file), 'utf-8'));
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
await fs.writeFile(DEFAULT_THEME_FILE, styles);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
export function watchStyles(onChange) {
|
|
28
|
+
chokidar.watch(STYLES_DIR).on('all', async (_, path) => {
|
|
29
|
+
if (path.endsWith('theme.css')) return;
|
|
30
|
+
await buildDefaultTheme();
|
|
31
|
+
onChange?.();
|
|
32
|
+
});
|
|
33
|
+
}
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
import MagicString from 'magic-string';
|
|
2
|
+
import type { Plugin } from 'rollup';
|
|
3
|
+
import * as ts from 'typescript';
|
|
4
|
+
|
|
5
|
+
export function decorators(): Plugin {
|
|
6
|
+
return {
|
|
7
|
+
name: 'decorators',
|
|
8
|
+
transform(code, id) {
|
|
9
|
+
if (id.endsWith('.ts')) {
|
|
10
|
+
return transformDecorators(code, id);
|
|
11
|
+
}
|
|
12
|
+
},
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
function transformDecorators(source: string, id: string) {
|
|
17
|
+
let code = new MagicString(source),
|
|
18
|
+
// 99 = ScriptTarget.ESNext, 1 = ScriptKind.JS
|
|
19
|
+
sourceFile = ts.createSourceFile(id, code.original, 99, true, 1),
|
|
20
|
+
map: ClassDecoratorMap = new Map();
|
|
21
|
+
|
|
22
|
+
ts.forEachChild(sourceFile, (node) => visit(node, map));
|
|
23
|
+
|
|
24
|
+
for (const classDeclaration of map.keys()) {
|
|
25
|
+
const className = classDeclaration.name as ts.Identifier,
|
|
26
|
+
classNameText = className.escapedText as string,
|
|
27
|
+
classProtoName = `${classNameText.toLowerCase()}__proto`,
|
|
28
|
+
classEnd = classDeclaration.getEnd(),
|
|
29
|
+
decorators = map.get(classDeclaration)!,
|
|
30
|
+
decorations: string[] = [];
|
|
31
|
+
|
|
32
|
+
for (const { member, decorator } of decorators) {
|
|
33
|
+
const memberName = member.name.getText(),
|
|
34
|
+
decoratorName = (decorator.expression as ts.Identifier).escapedText as string;
|
|
35
|
+
|
|
36
|
+
code.update(decorator.getStart(), decorator.getEnd(), '');
|
|
37
|
+
|
|
38
|
+
decorations.push(`${decoratorName}(${classProtoName}, "${memberName}");`);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
code.appendRight(
|
|
42
|
+
classEnd + 1,
|
|
43
|
+
[
|
|
44
|
+
'',
|
|
45
|
+
`const ${classProtoName} = ${classNameText}.prototype;`,
|
|
46
|
+
decorations.join('\n'),
|
|
47
|
+
'',
|
|
48
|
+
].join('\n'),
|
|
49
|
+
);
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
return {
|
|
53
|
+
code: code.toString(),
|
|
54
|
+
map: code.generateMap({ source: id }),
|
|
55
|
+
};
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
function visit(node: ts.Node, map: ClassDecoratorMap) {
|
|
59
|
+
if (!ts.isClassDeclaration(node) || !node.name || !ts.isIdentifier(node.name)) return;
|
|
60
|
+
|
|
61
|
+
const decorators: DecoratorMeta[] = [];
|
|
62
|
+
|
|
63
|
+
ts.forEachChild(node, (node) => {
|
|
64
|
+
if (isClassMember(node) && isPublic(node)) {
|
|
65
|
+
const decorator = getDecorator(node);
|
|
66
|
+
if (!decorator) return;
|
|
67
|
+
decorators.push({
|
|
68
|
+
member: node,
|
|
69
|
+
decorator,
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
|
|
74
|
+
if (decorators.length) {
|
|
75
|
+
map.set(node, decorators);
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
type ClassMember = ts.PropertyDeclaration | ts.GetAccessorDeclaration | ts.MethodDeclaration;
|
|
80
|
+
type DecoratorMeta = { member: ClassMember; decorator: ts.Decorator };
|
|
81
|
+
type ClassDecoratorMap = Map<ts.ClassDeclaration, DecoratorMeta[]>;
|
|
82
|
+
|
|
83
|
+
function isClassMember(node: ts.Node): node is ClassMember {
|
|
84
|
+
return ts.isPropertyDeclaration(node) || ts.isGetAccessor(node) || ts.isMethodDeclaration(node);
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
function isPublic(node: ClassMember) {
|
|
88
|
+
if (node.modifiers?.some(isPrivateModifier)) return false;
|
|
89
|
+
return node.name.kind !== ts.SyntaxKind.PrivateIdentifier;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
function getDecorator(node: ClassMember) {
|
|
93
|
+
return node.modifiers ? node.modifiers.find(isDecoratorModifier) : undefined;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
function isPrivateModifier(mod: ts.ModifierLike) {
|
|
97
|
+
return mod.kind === ts.SyntaxKind.ProtectedKeyword || mod.kind === ts.SyntaxKind.PrivateKeyword;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
function isDecoratorModifier(mod: ts.ModifierLike): mod is ts.Decorator {
|
|
101
|
+
return mod.kind === ts.SyntaxKind.Decorator && ts.isIdentifier(mod.expression);
|
|
102
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { transform as esbuild } from 'esbuild';
|
|
2
|
+
|
|
3
|
+
/** @returns {import('rollup').Plugin} */
|
|
4
|
+
export function minify() {
|
|
5
|
+
const opts = /** @type {import('esbuild').TransformOptions} */ ({
|
|
6
|
+
target: 'esnext',
|
|
7
|
+
format: 'esm',
|
|
8
|
+
platform: 'browser',
|
|
9
|
+
minify: true,
|
|
10
|
+
loader: 'js',
|
|
11
|
+
legalComments: 'none',
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
return {
|
|
15
|
+
name: 'minify',
|
|
16
|
+
renderChunk(code) {
|
|
17
|
+
return esbuild(code, opts);
|
|
18
|
+
},
|
|
19
|
+
};
|
|
20
|
+
}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import path from 'node:path';
|
|
2
|
+
|
|
3
|
+
import { transform as esbuild } from 'esbuild';
|
|
4
|
+
import fs from 'fs-extra';
|
|
5
|
+
import { getTsconfig } from 'get-tsconfig';
|
|
6
|
+
|
|
7
|
+
const configName = 'tsconfig.build.json',
|
|
8
|
+
configRaw = getTsconfig(process.cwd(), configName, new Map())?.config;
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
*
|
|
12
|
+
* @param {import('esbuild').TransformOptions} options
|
|
13
|
+
* @returns {import('rollup').Plugin}
|
|
14
|
+
*/
|
|
15
|
+
export function typescript(options) {
|
|
16
|
+
const cwd = process.cwd(),
|
|
17
|
+
include = /\.[jt]sx?$/,
|
|
18
|
+
opts = /** @type {import('esbuild').TransformOptions} */ ({
|
|
19
|
+
target: 'esnext',
|
|
20
|
+
loader: 'ts',
|
|
21
|
+
sourcemap: true,
|
|
22
|
+
tsconfigRaw: configRaw,
|
|
23
|
+
...options,
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
return {
|
|
27
|
+
name: 'typescript',
|
|
28
|
+
resolveId(id, importer) {
|
|
29
|
+
if (importer && id[0] === '.') {
|
|
30
|
+
const resolvedPath = path.resolve(importer ? path.dirname(importer) : cwd, id),
|
|
31
|
+
filePath = resolveFile(resolvedPath);
|
|
32
|
+
|
|
33
|
+
if (filePath) {
|
|
34
|
+
return filePath;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
if (fs.existsSync(resolvedPath) && fs.statSync(resolvedPath).isDirectory()) {
|
|
38
|
+
return resolveFile(resolvedPath, true);
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
transform(code, id) {
|
|
43
|
+
if (!include.test(id)) return;
|
|
44
|
+
return esbuild(code, opts);
|
|
45
|
+
},
|
|
46
|
+
};
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
const tsFileExtensions = ['ts', 'tsx'];
|
|
50
|
+
function resolveFile(file, index = false) {
|
|
51
|
+
for (const ext of tsFileExtensions) {
|
|
52
|
+
const filePath = index ? path.join(file, `index.${ext}`) : `${file}.${ext}`;
|
|
53
|
+
if (fs.existsSync(filePath)) return filePath;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
export default typescript;
|
package/npm/bundle.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/// <reference path="./elements.d.ts" />
|