@scarlett-player/vue 0.1.0

package/README.md

@@ -0,0 +1,502 @@
+# @scarlett-player/vue
+
+Vue 3 component wrapper for Scarlett Player.
+
+## Installation
+
+```bash
+npm install @scarlett-player/vue @scarlett-player/core
+```
+
+## Quick Start
+
+### Basic Component Usage
+
+```vue
+<template>
+  <div class="video-container">
+    <ScarlettPlayer
+      ref="playerRef"
+      :src="videoUrl"
+      :autoplay="false"
+      :plugins="plugins"
+      @ready="onPlayerReady"
+      @play="onPlay"
+      @pause="onPause"
+      @timeupdate="onTimeUpdate"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import { ScarlettPlayerComponent } from '@scarlett-player/vue';
+import { createHLSPlugin } from '@scarlett-player/hls';
+import { createNativePlugin } from '@scarlett-player/native';
+import { uiPlugin } from '@scarlett-player/ui';
+
+const playerRef = ref();
+const videoUrl = ref('https://example.com/video.m3u8');
+
+const plugins = [
+  createHLSPlugin(),
+  createNativePlugin(),
+  uiPlugin({
+    theme: {
+      accentColor: '#e50914',
+    },
+  }),
+];
+
+function onPlayerReady(player) {
+  console.log('Player ready!', player);
+}
+
+function onPlay() {
+  console.log('Playing');
+}
+
+function onPause() {
+  console.log('Paused');
+}
+
+function onTimeUpdate({ currentTime, duration }) {
+  console.log(`Time: ${currentTime}s / ${duration}s`);
+}
+
+// Control player programmatically
+async function playVideo() {
+  await playerRef.value?.play();
+}
+
+function pauseVideo() {
+  playerRef.value?.pause();
+}
+
+function seekTo(time: number) {
+  playerRef.value?.seek(time);
+}
+</script>
+
+<style scoped>
+.video-container {
+  width: 100%;
+  max-width: 1280px;
+  aspect-ratio: 16 / 9;
+}
+</style>
+```
+
+### Using the Composable API
+
+For more control and reactive state management:
+
+```vue
+<template>
+  <div>
+    <div ref="containerRef" class="video-container"></div>
+
+    <div class="controls">
+      <button @click="play" :disabled="playing">Play</button>
+      <button @click="pause" :disabled="!playing">Pause</button>
+      <button @click="toggleFullscreen">Fullscreen</button>
+
+      <div class="time">
+        {{ formatTime(currentTime) }} / {{ formatTime(duration) }}
+      </div>
+
+      <input
+        type="range"
+        :value="currentTime"
+        :max="duration"
+        @input="seek($event.target.value)"
+      />
+
+      <div class="volume">
+        <button @click="setMuted(!muted)">
+          {{ muted ? 'Unmute' : 'Mute' }}
+        </button>
+        <input
+          type="range"
+          :value="volume"
+          min="0"
+          max="1"
+          step="0.1"
+          @input="setVolume($event.target.value)"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import { useScarlettPlayer } from '@scarlett-player/vue';
+import { createHLSPlugin } from '@scarlett-player/hls';
+import { createNativePlugin } from '@scarlett-player/native';
+import { uiPlugin } from '@scarlett-player/ui';
+
+const containerRef = ref<HTMLElement | null>(null);
+
+const {
+  player,
+  isReady,
+  playing,
+  paused,
+  currentTime,
+  duration,
+  volume,
+  muted,
+  fullscreen,
+  play,
+  pause,
+  seek,
+  setVolume,
+  setMuted,
+  toggleFullscreen,
+} = useScarlettPlayer({
+  container: containerRef,
+  src: 'https://example.com/video.m3u8',
+  plugins: [
+    createHLSPlugin(),
+    createNativePlugin(),
+    uiPlugin(),
+  ],
+  autoInit: true,
+});
+
+function formatTime(seconds: number): string {
+  const mins = Math.floor(seconds / 60);
+  const secs = Math.floor(seconds % 60);
+  return `${mins}:${secs.toString().padStart(2, '0')}`;
+}
+</script>
+
+<style scoped>
+.video-container {
+  width: 100%;
+  max-width: 1280px;
+  aspect-ratio: 16 / 9;
+  background: #000;
+}
+
+.controls {
+  margin-top: 1rem;
+  display: flex;
+  gap: 1rem;
+  align-items: center;
+}
+</style>
+```
+
+## Component Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `src` | `string` | - | Video source URL |
+| `poster` | `string` | - | Poster image URL |
+| `autoplay` | `boolean` | `false` | Auto-play video on load |
+| `loop` | `boolean` | `false` | Loop playback |
+| `volume` | `number` | `1.0` | Initial volume (0-1) |
+| `muted` | `boolean` | `false` | Start muted |
+| `logLevel` | `'debug' \| 'info' \| 'warn' \| 'error'` | `'warn'` | Console log level |
+| `plugins` | `Plugin[]` | `[]` | Scarlett Player plugins |
+| `options` | `PlayerOptions` | `{}` | Additional player options |
+
+## Component Events
+
+| Event | Payload | Description |
+|-------|---------|-------------|
+| `ready` | `ScarlettPlayer` | Player initialized and ready |
+| `play` | - | Playback started |
+| `pause` | - | Playback paused |
+| `seeking` | `{ time: number }` | Seeking to new time |
+| `seeked` | - | Seek completed |
+| `timeupdate` | `{ currentTime: number, duration: number }` | Time updated |
+| `volumechange` | `{ volume: number, muted: boolean }` | Volume/mute changed |
+| `ratechange` | `{ rate: number }` | Playback rate changed |
+| `ended` | - | Playback ended |
+| `error` | `Error` | Error occurred |
+| `loaded` | `any` | Media loaded |
+| `loadedmetadata` | `any` | Metadata loaded |
+| `qualitychange` | `{ quality: string, auto: boolean }` | Quality level changed |
+| `qualitylevels` | `any` | Quality levels available |
+| `fullscreenchange` | `{ fullscreen: boolean }` | Fullscreen state changed |
+| `destroy` | - | Player destroyed |
+
+## Component Methods (via ref)
+
+Access player methods via template ref:
+
+```vue
+<template>
+  <ScarlettPlayer ref="playerRef" />
+</template>
+
+<script setup>
+const playerRef = ref();
+
+// Access methods
+playerRef.value.play();
+playerRef.value.pause();
+playerRef.value.seek(30);
+playerRef.value.setVolume(0.5);
+playerRef.value.setMuted(true);
+playerRef.value.setQuality(2);
+playerRef.value.requestFullscreen();
+</script>
+```
+
+### Available Methods
+
+- `play()` - Start playback
+- `pause()` - Pause playback
+- `seek(time: number)` - Seek to time in seconds
+- `load(src: string)` - Load new source
+- `setVolume(volume: number)` - Set volume (0-1)
+- `setMuted(muted: boolean)` - Set muted state
+- `setPlaybackRate(rate: number)` - Set playback speed
+- `getQualities()` - Get available quality levels
+- `setQuality(index: number)` - Set quality level (-1 for auto)
+- `getCurrentQuality()` - Get current quality index
+- `requestFullscreen()` - Enter fullscreen
+- `exitFullscreen()` - Exit fullscreen
+- `toggleFullscreen()` - Toggle fullscreen
+- `requestAirPlay()` - Show AirPlay picker
+- `requestChromecast()` - Request Chromecast session
+- `stopCasting()` - Stop casting
+- `seekToLive()` - Seek to live edge (for live streams)
+- `getState()` - Get current state snapshot
+- `getPlugin(name: string)` - Get plugin instance
+- `registerPlugin(plugin: Plugin)` - Register new plugin
+- `destroy()` - Destroy player instance
+
+## Composable API
+
+The `useScarlettPlayer` composable provides reactive state and methods:
+
+```typescript
+const {
+  // Instance
+  player,
+  isReady,
+  error,
+
+  // Reactive state
+  playing,
+  paused,
+  currentTime,
+  duration,
+  volume,
+  muted,
+  bufferedAmount,
+  fullscreen,
+  live,
+  progress,
+  isBuffering,
+
+  // Methods
+  init,
+  play,
+  pause,
+  seek,
+  load,
+  setVolume,
+  setMuted,
+  requestFullscreen,
+  exitFullscreen,
+  toggleFullscreen,
+  getQualities,
+  setQuality,
+  getCurrentQuality,
+} = useScarlettPlayer(options);
+```
+
+## Global Plugin Installation
+
+You can register the component globally:
+
+```typescript
+import { createApp } from 'vue';
+import { ScarlettPlayerPlugin } from '@scarlett-player/vue';
+import App from './App.vue';
+
+const app = createApp(App);
+app.use(ScarlettPlayerPlugin);
+app.mount('#app');
+```
+
+Then use it without importing:
+
+```vue
+<template>
+  <ScarlettPlayer :src="videoUrl" :plugins="plugins" />
+</template>
+```
+
+## TypeScript Support
+
+Full TypeScript support with exported types:
+
+```typescript
+import type {
+  ScarlettPlayer,
+  PlayerOptions,
+  QualityLevel,
+  ScarlettPlugin,
+  EventName,
+  StateStore,
+} from '@scarlett-player/vue';
+```
+
+## Examples
+
+### Custom Controls
+
+```vue
+<template>
+  <div class="player-wrapper">
+    <ScarlettPlayer
+      ref="playerRef"
+      :src="videoUrl"
+      :plugins="plugins"
+      @timeupdate="onTimeUpdate"
+    />
+
+    <!-- Custom UI overlay -->
+    <div class="custom-controls">
+      <button @click="playPause">
+        {{ playing ? 'Pause' : 'Play' }}
+      </button>
+
+      <div class="progress-bar" @click="handleProgressClick">
+        <div class="progress-fill" :style="{ width: progressPercent + '%' }"></div>
+      </div>
+
+      <select @change="handleQualityChange">
+        <option value="-1">Auto</option>
+        <option
+          v-for="(quality, index) in qualities"
+          :key="index"
+          :value="index"
+        >
+          {{ quality.label }}
+        </option>
+      </select>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, computed } from 'vue';
+import { ScarlettPlayerComponent } from '@scarlett-player/vue';
+import { createHLSPlugin } from '@scarlett-player/hls';
+import { uiPlugin } from '@scarlett-player/ui';
+
+const playerRef = ref();
+const videoUrl = ref('https://example.com/video.m3u8');
+const playing = ref(false);
+const currentTime = ref(0);
+const duration = ref(0);
+const qualities = ref([]);
+
+const plugins = [
+  createHLSPlugin(),
+  uiPlugin({ hideDelay: 3000 }),
+];
+
+const progressPercent = computed(() => {
+  if (duration.value === 0) return 0;
+  return (currentTime.value / duration.value) * 100;
+});
+
+function onTimeUpdate({ currentTime: ct, duration: d }) {
+  currentTime.value = ct;
+  duration.value = d;
+}
+
+function playPause() {
+  if (playing.value) {
+    playerRef.value?.pause();
+  } else {
+    playerRef.value?.play();
+  }
+  playing.value = !playing.value;
+}
+
+function handleProgressClick(e: MouseEvent) {
+  const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();
+  const percent = (e.clientX - rect.left) / rect.width;
+  const seekTime = percent * duration.value;
+  playerRef.value?.seek(seekTime);
+}
+
+function handleQualityChange(e: Event) {
+  const index = parseInt((e.target as HTMLSelectElement).value);
+  playerRef.value?.setQuality(index);
+}
+
+function loadQualities() {
+  qualities.value = playerRef.value?.getQualities() ?? [];
+}
+</script>
+```
+
+### Live Stream with DVR
+
+```vue
+<template>
+  <div>
+    <ScarlettPlayer
+      ref="playerRef"
+      :src="liveStreamUrl"
+      :autoplay="true"
+      :plugins="plugins"
+      @loadedmetadata="onMetadataLoaded"
+    />
+
+    <button v-if="isLive" @click="goToLive">
+      Go to Live
+    </button>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import { ScarlettPlayerComponent } from '@scarlett-player/vue';
+import { createHLSPlugin } from '@scarlett-player/hls';
+import { uiPlugin } from '@scarlett-player/ui';
+
+const playerRef = ref();
+const liveStreamUrl = ref('https://example.com/live.m3u8');
+const isLive = ref(false);
+
+const plugins = [
+  createHLSPlugin({ lowLatencyMode: true }),
+  uiPlugin(),
+];
+
+function onMetadataLoaded(payload) {
+  isLive.value = payload.live ?? false;
+}
+
+function goToLive() {
+  playerRef.value?.seekToLive();
+}
+</script>
+```
+
+## Browser Support
+
+- Chrome 80+
+- Firefox 78+
+- Safari 14+
+- Edge 80+
+
+## License
+
+MIT
+
+## Credits
+
+Built with Scarlett Player - Modular. Extensible. Yours.

package/dist/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.create,Object.defineProperty,Object.getOwnPropertyDescriptor,Object.getOwnPropertyNames,Object.getPrototypeOf,Object.prototype.hasOwnProperty;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=((e,a)=>{const l=e.__vccOpts||e;for(const[t,u]of a)l[t]=u;return l})(e.defineComponent({__name:"ScarlettPlayer",props:{src:{type:String,required:!1},poster:{type:String,required:!1},autoplay:{type:Boolean,default:!1},loop:{type:Boolean,default:!1},volume:{type:Number,default:1,validator:e=>e>=0&&e<=1},muted:{type:Boolean,default:!1},logLevel:{type:String,default:"warn"},plugins:{type:Array,default:()=>[]},options:{type:Object,default:()=>({})}},emits:["ready","play","pause","seeking","seeked","timeupdate","volumechange","ratechange","ended","error","loaded","loadedmetadata","qualitychange","qualitylevels","fullscreenchange","destroy"],setup(a,{expose:l,emit:t}){const u=a,r=t,n=e.ref(null),o=e.ref(null);return e.onMounted(async()=>{var e;if(n.value)try{const{ScarlettPlayer:a}=await import("@scarlett-player/core"),l={container:n.value,src:u.src,poster:u.poster,autoplay:u.autoplay,loop:u.loop,volume:u.volume,muted:u.muted,logLevel:u.logLevel,plugins:u.plugins,...u.options};o.value=new a(l),await o.value.init(),(e=o.value).on("player:ready",()=>r("ready",e)),e.on("player:destroy",()=>r("destroy")),e.on("playback:play",()=>r("play")),e.on("playback:pause",()=>r("pause")),e.on("playback:seeking",e=>r("seeking",e)),e.on("playback:seeked",()=>r("seeked")),e.on("playback:timeupdate",e=>r("timeupdate",e)),e.on("playback:ended",()=>r("ended")),e.on("playback:ratechange",e=>r("ratechange",e)),e.on("media:loaded",e=>r("loaded",e)),e.on("media:loadedmetadata",e=>r("loadedmetadata",e)),e.on("volume:change",e=>r("volumechange",e)),e.on("quality:change",e=>r("qualitychange",e)),e.on("quality:levels",e=>r("qualitylevels",e)),e.on("fullscreen:change",e=>r("fullscreenchange",e)),e.on("error",e=>r("error",e)),r("ready",o.value)}catch(a){console.error("Failed to initialize ScarlettPlayer:",a),r("error",a)}else console.error("ScarlettPlayer: Container ref not found")}),e.onBeforeUnmount(()=>{o.value&&(o.value.destroy(),o.value=null)}),e.watch(()=>u.src,async e=>{e&&o.value&&await o.value.load(e)}),e.watch(()=>u.volume,e=>{o.value&&o.value.setVolume(e)}),e.watch(()=>u.muted,e=>{o.value&&o.value.setMuted(e)}),e.watch(()=>u.autoplay,e=>{o.value&&o.value.setAutoplay(e)}),l({player:o,async play(){var e;await(null==(e=o.value)?void 0:e.play())},pause(){var e;null==(e=o.value)||e.pause()},seek(e){var a;null==(a=o.value)||a.seek(e)},setVolume(e){var a;null==(a=o.value)||a.setVolume(e)},setMuted(e){var a;null==(a=o.value)||a.setMuted(e)},setPlaybackRate(e){var a;null==(a=o.value)||a.setPlaybackRate(e)},getQualities(){var e;return(null==(e=o.value)?void 0:e.getQualities())??[]},setQuality(e){var a;null==(a=o.value)||a.setQuality(e)},getCurrentQuality(){var e;return(null==(e=o.value)?void 0:e.getCurrentQuality())??-1},async requestFullscreen(){var e;await(null==(e=o.value)?void 0:e.requestFullscreen())},async exitFullscreen(){var e;await(null==(e=o.value)?void 0:e.exitFullscreen())},async toggleFullscreen(){var e;await(null==(e=o.value)?void 0:e.toggleFullscreen())},requestAirPlay(){var e;null==(e=o.value)||e.requestAirPlay()},async requestChromecast(){var e;await(null==(e=o.value)?void 0:e.requestChromecast())},stopCasting(){var e;null==(e=o.value)||e.stopCasting()},seekToLive(){var e;null==(e=o.value)||e.seekToLive()},getState(){var e;return null==(e=o.value)?void 0:e.getState()},getPlugin(e){var a;return(null==(a=o.value)?void 0:a.getPlugin(e))??null},registerPlugin(e){var a;null==(a=o.value)||a.registerPlugin(e)},async load(e){var a;await(null==(a=o.value)?void 0:a.load(e))},destroy(){var e;null==(e=o.value)||e.destroy()},get playing(){var e;return(null==(e=o.value)?void 0:e.playing)??!1},get paused(){var e;return(null==(e=o.value)?void 0:e.paused)??!0},get currentTime(){var e;return(null==(e=o.value)?void 0:e.currentTime)??0},get duration(){var e;return(null==(e=o.value)?void 0:e.duration)??0},get volume(){var e;return(null==(e=o.value)?void 0:e.volume)??1},get muted(){var e;return(null==(e=o.value)?void 0:e.muted)??!1},get playbackRate(){var e;return(null==(e=o.value)?void 0:e.playbackRate)??1},get bufferedAmount(){var e;return(null==(e=o.value)?void 0:e.bufferedAmount)??0},get fullscreen(){var e;return(null==(e=o.value)?void 0:e.fullscreen)??!1},get live(){var e;return(null==(e=o.value)?void 0:e.live)??!1},get autoplay(){var e;return(null==(e=o.value)?void 0:e.autoplay)??!1}}),(a,l)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"containerRef",ref:n,class:"scarlett-player-container"},null,512))}}),[["__scopeId","data-v-5f43baa1"]]);const l={install(e){e.component("ScarlettPlayer",a)}};exports.ScarlettPlayerComponent=a,exports.ScarlettPlayerPlugin=l,exports.default=a,exports.useScarlettPlayer=function(a){const l=e.ref(null),t=e.ref(!1),u=e.ref(null),r=e.ref(!1),n=e.ref(!0),o=e.ref(0),v=e.ref(0),i=e.ref(a.volume??1),s=e.ref(a.muted??!1),c=e.ref(0),d=e.ref(!1);async function y(){var e;if(a.container.value)try{const{ScarlettPlayer:y}=await import("@scarlett-player/core"),p=new y({container:a.container.value,src:a.src,poster:a.poster,autoplay:a.autoplay,loop:a.loop,volume:a.volume,muted:a.muted,logLevel:a.logLevel,plugins:a.plugins});await p.init(),l.value=p,(e=p).on("playback:play",()=>{r.value=!0,n.value=!1}),e.on("playback:pause",()=>{r.value=!1,n.value=!0}),e.on("playback:timeupdate",e=>{o.value=e.currentTime}),e.on("volume:change",e=>{i.value=e.volume,s.value=e.muted}),e.on("media:progress",e=>{c.value=e.buffered}),e.on("fullscreen:change",e=>{d.value=e.fullscreen}),e.on("media:loadedmetadata",e=>{v.value=e.duration??0}),e.on("error",e=>{u.value=e}),t.value=!0}catch(y){u.value=y,console.error("Failed to initialize Scarlett Player:",y)}else u.value=new Error("Container element not found")}const p=e.computed(()=>0===v.value?0:o.value/v.value*100),g=e.computed(()=>{if(!l.value)return!1;return l.value.getState().buffering??!1});return e.onMounted(()=>{!1!==a.autoInit&&y()}),e.onBeforeUnmount(()=>{l.value&&(l.value.destroy(),l.value=null)}),{player:l,isReady:t,error:u,playing:r,paused:n,currentTime:o,duration:v,volume:i,muted:s,bufferedAmount:c,fullscreen:d,progress:p,isBuffering:g,init:y,play:async function(){l.value&&await l.value.play()},pause:function(){l.value&&l.value.pause()},seek:function(e){l.value&&l.value.seek(e)},load:async function(e){l.value&&await l.value.load(e)},setVolume:function(e){l.value&&l.value.setVolume(e)},setMuted:function(e){l.value&&l.value.setMuted(e)},requestFullscreen:async function(){l.value&&await l.value.requestFullscreen()},exitFullscreen:async function(){l.value&&await l.value.exitFullscreen()},toggleFullscreen:async function(){l.value&&await l.value.toggleFullscreen()},getQualities:function(){var e;return(null==(e=l.value)?void 0:e.getQualities())??[]},setQuality:function(e){l.value&&l.value.setQuality(e)},getCurrentQuality:function(){var e;return(null==(e=l.value)?void 0:e.getCurrentQuality())??-1}}};
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/ScarlettPlayer.vue","../src/index.ts","../src/composables/useScarlettPlayer.ts"],"sourcesContent":["<template>\n  <div ref=\"containerRef\" class=\"scarlett-player-container\"></div>\n</template>\n\n<script setup lang=\"ts\">\nimport {\n  ref,\n  onMounted,\n  onBeforeUnmount,\n  watch,\n  type PropType,\n  defineExpose,\n} from 'vue';\nimport type { ScarlettPlayer, PlayerOptions, Plugin } from '@scarlett-player/core';\n\n// Props\nconst props = defineProps({\n  /**\n   * Video source URL\n   */\n  src: {\n    type: String,\n    required: false,\n  },\n  /**\n   * Poster image URL\n   */\n  poster: {\n    type: String,\n    required: false,\n  },\n  /**\n   * Autoplay video\n   */\n  autoplay: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * Loop playback\n   */\n  loop: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * Initial volume (0-1)\n   */\n  volume: {\n    type: Number,\n    default: 1.0,\n    validator: (value: number) => value >= 0 && value <= 1,\n  },\n  /**\n   * Start muted\n   */\n  muted: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * Log level\n   */\n  logLevel: {\n    type: String as PropType<'debug' | 'info' | 'warn' | 'error'>,\n    default: 'warn',\n  },\n  /**\n   * Plugins to register\n   */\n  plugins: {\n    type: Array as PropType<Plugin[]>,\n    default: () => [],\n  },\n  /**\n   * Player options (overrides individual props)\n   */\n  options: {\n    type: Object as PropType<Partial<PlayerOptions>>,\n    default: () => ({}),\n  },\n});\n\n// Emits\nconst emit = defineEmits<{\n  ready: [player: ScarlettPlayer];\n  play: [];\n  pause: [];\n  seeking: [payload: { time: number }];\n  seeked: [];\n  timeupdate: [payload: { currentTime: number; duration: number }];\n  volumechange: [payload: { volume: number; muted: boolean }];\n  ratechange: [payload: { rate: number }];\n  ended: [];\n  error: [error: any];\n  loaded: [payload: any];\n  loadedmetadata: [payload: any];\n  qualitychange: [payload: { quality: string; auto: boolean }];\n  qualitylevels: [payload: any];\n  fullscreenchange: [payload: { fullscreen: boolean }];\n  destroy: [];\n}>();\n\n// Refs\nconst containerRef = ref<HTMLElement | null>(null);\nconst playerInstance = ref<ScarlettPlayer | null>(null);\n\n// Lifecycle\nonMounted(async () => {\n  if (!containerRef.value) {\n    console.error('ScarlettPlayer: Container ref not found');\n    return;\n  }\n\n  try {\n    // Import ScarlettPlayer dynamically to avoid SSR issues\n    const { ScarlettPlayer: PlayerClass } = await import('@scarlett-player/core');\n\n    // Merge props into options\n    const playerOptions: PlayerOptions = {\n      container: containerRef.value,\n      src: props.src,\n      poster: props.poster,\n      autoplay: props.autoplay,\n      loop: props.loop,\n      volume: props.volume,\n      muted: props.muted,\n      logLevel: props.logLevel,\n      plugins: props.plugins,\n      ...props.options, // Allow options prop to override\n    };\n\n    // Create player instance\n    playerInstance.value = new PlayerClass(playerOptions);\n\n    // Initialize player\n    await playerInstance.value.init();\n\n    // Set up event listeners\n    setupEventListeners(playerInstance.value);\n\n    // Emit ready event\n    emit('ready', playerInstance.value);\n  } catch (error) {\n    console.error('Failed to initialize ScarlettPlayer:', error);\n    emit('error', error);\n  }\n});\n\nonBeforeUnmount(() => {\n  if (playerInstance.value) {\n    playerInstance.value.destroy();\n    playerInstance.value = null;\n  }\n});\n\n// Watch for src changes\nwatch(\n  () => props.src,\n  async (newSrc) => {\n    if (newSrc && playerInstance.value) {\n      await playerInstance.value.load(newSrc);\n    }\n  }\n);\n\n// Watch for volume changes\nwatch(\n  () => props.volume,\n  (newVolume) => {\n    if (playerInstance.value) {\n      playerInstance.value.setVolume(newVolume);\n    }\n  }\n);\n\n// Watch for muted changes\nwatch(\n  () => props.muted,\n  (newMuted) => {\n    if (playerInstance.value) {\n      playerInstance.value.setMuted(newMuted);\n    }\n  }\n);\n\n// Watch for autoplay changes\nwatch(\n  () => props.autoplay,\n  (newAutoplay) => {\n    if (playerInstance.value) {\n      playerInstance.value.setAutoplay(newAutoplay);\n    }\n  }\n);\n\n// Event listeners setup\nfunction setupEventListeners(player: ScarlettPlayer) {\n  // Player events\n  player.on('player:ready', () => emit('ready', player));\n  player.on('player:destroy', () => emit('destroy'));\n\n  // Playback events\n  player.on('playback:play', () => emit('play'));\n  player.on('playback:pause', () => emit('pause'));\n  player.on('playback:seeking', (payload) => emit('seeking', payload));\n  player.on('playback:seeked', () => emit('seeked'));\n  player.on('playback:timeupdate', (payload) => emit('timeupdate', payload));\n  player.on('playback:ended', () => emit('ended'));\n  player.on('playback:ratechange', (payload) => emit('ratechange', payload));\n\n  // Media events\n  player.on('media:loaded', (payload) => emit('loaded', payload));\n  player.on('media:loadedmetadata', (payload) => emit('loadedmetadata', payload));\n\n  // Volume events\n  player.on('volume:change', (payload) => emit('volumechange', payload));\n\n  // Quality events\n  player.on('quality:change', (payload) => emit('qualitychange', payload));\n  player.on('quality:levels', (payload) => emit('qualitylevels', payload));\n\n  // Fullscreen events\n  player.on('fullscreen:change', (payload) => emit('fullscreenchange', payload));\n\n  // Error events\n  player.on('error', (error) => emit('error', error));\n}\n\n// Public API (exposed to parent component via ref)\ndefineExpose({\n  player: playerInstance,\n\n  // Playback methods\n  async play() {\n    await playerInstance.value?.play();\n  },\n  pause() {\n    playerInstance.value?.pause();\n  },\n  seek(time: number) {\n    playerInstance.value?.seek(time);\n  },\n\n  // Volume methods\n  setVolume(volume: number) {\n    playerInstance.value?.setVolume(volume);\n  },\n  setMuted(muted: boolean) {\n    playerInstance.value?.setMuted(muted);\n  },\n\n  // Playback rate\n  setPlaybackRate(rate: number) {\n    playerInstance.value?.setPlaybackRate(rate);\n  },\n\n  // Quality methods\n  getQualities() {\n    return playerInstance.value?.getQualities() ?? [];\n  },\n  setQuality(index: number) {\n    playerInstance.value?.setQuality(index);\n  },\n  getCurrentQuality() {\n    return playerInstance.value?.getCurrentQuality() ?? -1;\n  },\n\n  // Fullscreen methods\n  async requestFullscreen() {\n    await playerInstance.value?.requestFullscreen();\n  },\n  async exitFullscreen() {\n    await playerInstance.value?.exitFullscreen();\n  },\n  async toggleFullscreen() {\n    await playerInstance.value?.toggleFullscreen();\n  },\n\n  // Casting methods\n  requestAirPlay() {\n    playerInstance.value?.requestAirPlay();\n  },\n  async requestChromecast() {\n    await playerInstance.value?.requestChromecast();\n  },\n  stopCasting() {\n    playerInstance.value?.stopCasting();\n  },\n\n  // Live stream methods\n  seekToLive() {\n    playerInstance.value?.seekToLive();\n  },\n\n  // State methods\n  getState() {\n    return playerInstance.value?.getState();\n  },\n\n  // Plugin methods\n  getPlugin<T>(name: string) {\n    return playerInstance.value?.getPlugin<T>(name) ?? null;\n  },\n  registerPlugin(plugin: Plugin) {\n    playerInstance.value?.registerPlugin(plugin);\n  },\n\n  // Load source\n  async load(src: string) {\n    await playerInstance.value?.load(src);\n  },\n\n  // Destroy\n  destroy() {\n    playerInstance.value?.destroy();\n  },\n\n  // State getters\n  get playing() {\n    return playerInstance.value?.playing ?? false;\n  },\n  get paused() {\n    return playerInstance.value?.paused ?? true;\n  },\n  get currentTime() {\n    return playerInstance.value?.currentTime ?? 0;\n  },\n  get duration() {\n    return playerInstance.value?.duration ?? 0;\n  },\n  get volume() {\n    return playerInstance.value?.volume ?? 1;\n  },\n  get muted() {\n    return playerInstance.value?.muted ?? false;\n  },\n  get playbackRate() {\n    return playerInstance.value?.playbackRate ?? 1;\n  },\n  get bufferedAmount() {\n    return playerInstance.value?.bufferedAmount ?? 0;\n  },\n  get fullscreen() {\n    return playerInstance.value?.fullscreen ?? false;\n  },\n  get live() {\n    return playerInstance.value?.live ?? false;\n  },\n  get autoplay() {\n    return playerInstance.value?.autoplay ?? false;\n  },\n});\n</script>\n\n<style scoped>\n.scarlett-player-container {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n</style>\n","/**\n * @scarlett-player/vue - Vue 3 component wrapper for Scarlett Player\n *\n * Provides a Vue 3 component that wraps the Scarlett Player core.\n * Supports Composition API, TypeScript, and reactive props.\n *\n * @packageDocumentation\n */\n\nimport ScarlettPlayerComponent from './ScarlettPlayer.vue';\nimport type { App, Plugin } from 'vue';\n\n// Export the component\nexport { ScarlettPlayerComponent };\nexport default ScarlettPlayerComponent;\n\n// Export composables\nexport { useScarlettPlayer } from './composables/useScarlettPlayer';\n\n// Re-export core types for convenience\nexport type {\n  ScarlettPlayer,\n  PlayerOptions,\n  QualityLevel,\n  Plugin as ScarlettPlugin,\n  PluginType,\n  EventName,\n  EventPayload,\n  StateStore,\n  PlaybackState,\n  MediaType,\n} from '@scarlett-player/core';\n\n// Vue plugin installation (optional)\nexport const ScarlettPlayerPlugin: Plugin = {\n  install(app: App) {\n    app.component('ScarlettPlayer', ScarlettPlayerComponent);\n  },\n};\n","/**\n * Composable for using Scarlett Player in Vue 3\n *\n * Provides a reactive API for controlling the player programmatically.\n */\n\nimport { ref, onMounted, onBeforeUnmount, computed, type Ref } from 'vue';\nimport type { ScarlettPlayer, PlayerOptions } from '@scarlett-player/core';\n\nexport interface UseScarlettPlayerOptions extends Omit<PlayerOptions, 'container'> {\n  /**\n   * Container element ref\n   */\n  container: Ref<HTMLElement | null>;\n\n  /**\n   * Auto-initialize player on mount\n   */\n  autoInit?: boolean;\n}\n\nexport function useScarlettPlayer(options: UseScarlettPlayerOptions) {\n  const player = ref<ScarlettPlayer | null>(null);\n  const isReady = ref(false);\n  const error = ref<Error | null>(null);\n\n  // Reactive state\n  const playing = ref(false);\n  const paused = ref(true);\n  const currentTime = ref(0);\n  const duration = ref(0);\n  const volume = ref(options.volume ?? 1);\n  const muted = ref(options.muted ?? false);\n  const bufferedAmount = ref(0);\n  const fullscreen = ref(false);\n\n  // Initialize player\n  async function init() {\n    if (!options.container.value) {\n      error.value = new Error('Container element not found');\n      return;\n    }\n\n    try {\n      const { ScarlettPlayer: PlayerClass } = await import('@scarlett-player/core');\n\n      const playerOptions: PlayerOptions = {\n        container: options.container.value,\n        src: options.src,\n        poster: options.poster,\n        autoplay: options.autoplay,\n        loop: options.loop,\n        volume: options.volume,\n        muted: options.muted,\n        logLevel: options.logLevel,\n        plugins: options.plugins,\n      };\n\n      const instance = new PlayerClass(playerOptions);\n      await instance.init();\n      player.value = instance;\n\n      // Setup state sync\n      setupStateSync(instance);\n\n      isReady.value = true;\n    } catch (err) {\n      error.value = err as Error;\n      console.error('Failed to initialize Scarlett Player:', err);\n    }\n  }\n\n  // Setup state synchronization\n  function setupStateSync(playerInstance: ScarlettPlayer) {\n    // Sync playback state\n    playerInstance.on('playback:play', () => {\n      playing.value = true;\n      paused.value = false;\n    });\n\n    playerInstance.on('playback:pause', () => {\n      playing.value = false;\n      paused.value = true;\n    });\n\n    playerInstance.on('playback:timeupdate', (payload) => {\n      currentTime.value = payload.currentTime;\n    });\n\n    // Sync volume state\n    playerInstance.on('volume:change', (payload) => {\n      volume.value = payload.volume;\n      muted.value = payload.muted;\n    });\n\n    // Sync buffering state\n    playerInstance.on('media:progress', (payload) => {\n      bufferedAmount.value = payload.buffered;\n    });\n\n    // Sync fullscreen state\n    playerInstance.on('fullscreen:change', (payload) => {\n      fullscreen.value = payload.fullscreen;\n    });\n\n    // Sync media metadata\n    playerInstance.on('media:loadedmetadata', (payload) => {\n      duration.value = payload.duration ?? 0;\n    });\n\n    // Handle errors\n    playerInstance.on('error', (err) => {\n      error.value = err as unknown as Error;\n    });\n  }\n\n  // Playback methods\n  async function play() {\n    if (player.value) {\n      await player.value.play();\n    }\n  }\n\n  function pause() {\n    if (player.value) {\n      player.value.pause();\n    }\n  }\n\n  function seek(time: number) {\n    if (player.value) {\n      player.value.seek(time);\n    }\n  }\n\n  async function load(src: string) {\n    if (player.value) {\n      await player.value.load(src);\n    }\n  }\n\n  // Volume methods\n  function setVolume(vol: number) {\n    if (player.value) {\n      player.value.setVolume(vol);\n    }\n  }\n\n  function setMuted(mute: boolean) {\n    if (player.value) {\n      player.value.setMuted(mute);\n    }\n  }\n\n  // Fullscreen methods\n  async function requestFullscreen() {\n    if (player.value) {\n      await player.value.requestFullscreen();\n    }\n  }\n\n  async function exitFullscreen() {\n    if (player.value) {\n      await player.value.exitFullscreen();\n    }\n  }\n\n  async function toggleFullscreen() {\n    if (player.value) {\n      await player.value.toggleFullscreen();\n    }\n  }\n\n  // Quality methods\n  function getQualities() {\n    return player.value?.getQualities() ?? [];\n  }\n\n  function setQuality(index: number) {\n    if (player.value) {\n      player.value.setQuality(index);\n    }\n  }\n\n  function getCurrentQuality() {\n    return player.value?.getCurrentQuality() ?? -1;\n  }\n\n  // Computed properties\n  const progress = computed(() => {\n    if (duration.value === 0) return 0;\n    return (currentTime.value / duration.value) * 100;\n  });\n\n  const isBuffering = computed(() => {\n    if (!player.value) return false;\n    const state = player.value.getState();\n    return state.buffering ?? false;\n  });\n\n  // Lifecycle\n  onMounted(() => {\n    if (options.autoInit !== false) {\n      init();\n    }\n  });\n\n  onBeforeUnmount(() => {\n    if (player.value) {\n      player.value.destroy();\n      player.value = null;\n    }\n  });\n\n  return {\n    // Instance\n    player,\n    isReady,\n    error,\n\n    // State\n    playing,\n    paused,\n    currentTime,\n    duration,\n    volume,\n    muted,\n    bufferedAmount,\n    fullscreen,\n    progress,\n    isBuffering,\n\n    // Methods\n    init,\n    play,\n    pause,\n    seek,\n    load,\n    setVolume,\n    setMuted,\n    requestFullscreen,\n    exitFullscreen,\n    toggleFullscreen,\n    getQualities,\n    setQuality,\n    getCurrentQuality,\n  };\n}\n"],"names":["props","__props","emit","__emit","containerRef","ref","playerInstance","onMounted","async","player","value","ScarlettPlayer","PlayerClass","import","playerOptions","container","src","poster","autoplay","loop","volume","muted","logLevel","plugins","options","init","on","payload","error","console","onBeforeUnmount","destroy","watch","newSrc","load","newVolume","setVolume","newMuted","setMuted","newAutoplay","setAutoplay","__expose","play","_a","pause","seek","time","setPlaybackRate","rate","getQualities","setQuality","index","getCurrentQuality","requestFullscreen","exitFullscreen","toggleFullscreen","requestAirPlay","requestChromecast","stopCasting","seekToLive","getState","getPlugin","name","registerPlugin","plugin","playing","paused","currentTime","duration","playbackRate","bufferedAmount","fullscreen","live","_createElementBlock","class","ScarlettPlayerPlugin","install","app","component","ScarlettPlayerComponent","isReady","instance","buffered","err","Error","progress","computed","isBuffering","buffering","autoInit","vol","mute"],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,511 @@
+import { defineComponent, ref, onMounted, onBeforeUnmount, watch, createElementBlock, openBlock, computed } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ScarlettPlayer",
+  props: {
+    /**
+     * Video source URL
+     */
+    src: {
+      type: String,
+      required: false
+    },
+    /**
+     * Poster image URL
+     */
+    poster: {
+      type: String,
+      required: false
+    },
+    /**
+     * Autoplay video
+     */
+    autoplay: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Loop playback
+     */
+    loop: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Initial volume (0-1)
+     */
+    volume: {
+      type: Number,
+      default: 1,
+      validator: (value) => value >= 0 && value <= 1
+    },
+    /**
+     * Start muted
+     */
+    muted: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Log level
+     */
+    logLevel: {
+      type: String,
+      default: "warn"
+    },
+    /**
+     * Plugins to register
+     */
+    plugins: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * Player options (overrides individual props)
+     */
+    options: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["ready", "play", "pause", "seeking", "seeked", "timeupdate", "volumechange", "ratechange", "ended", "error", "loaded", "loadedmetadata", "qualitychange", "qualitylevels", "fullscreenchange", "destroy"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const containerRef = ref(null);
+    const playerInstance = ref(null);
+    onMounted(async () => {
+      if (!containerRef.value) {
+        console.error("ScarlettPlayer: Container ref not found");
+        return;
+      }
+      try {
+        const { ScarlettPlayer: PlayerClass } = await import("@scarlett-player/core");
+        const playerOptions = {
+          container: containerRef.value,
+          src: props.src,
+          poster: props.poster,
+          autoplay: props.autoplay,
+          loop: props.loop,
+          volume: props.volume,
+          muted: props.muted,
+          logLevel: props.logLevel,
+          plugins: props.plugins,
+          ...props.options
+          // Allow options prop to override
+        };
+        playerInstance.value = new PlayerClass(playerOptions);
+        await playerInstance.value.init();
+        setupEventListeners(playerInstance.value);
+        emit("ready", playerInstance.value);
+      } catch (error) {
+        console.error("Failed to initialize ScarlettPlayer:", error);
+        emit("error", error);
+      }
+    });
+    onBeforeUnmount(() => {
+      if (playerInstance.value) {
+        playerInstance.value.destroy();
+        playerInstance.value = null;
+      }
+    });
+    watch(
+      () => props.src,
+      async (newSrc) => {
+        if (newSrc && playerInstance.value) {
+          await playerInstance.value.load(newSrc);
+        }
+      }
+    );
+    watch(
+      () => props.volume,
+      (newVolume) => {
+        if (playerInstance.value) {
+          playerInstance.value.setVolume(newVolume);
+        }
+      }
+    );
+    watch(
+      () => props.muted,
+      (newMuted) => {
+        if (playerInstance.value) {
+          playerInstance.value.setMuted(newMuted);
+        }
+      }
+    );
+    watch(
+      () => props.autoplay,
+      (newAutoplay) => {
+        if (playerInstance.value) {
+          playerInstance.value.setAutoplay(newAutoplay);
+        }
+      }
+    );
+    function setupEventListeners(player) {
+      player.on("player:ready", () => emit("ready", player));
+      player.on("player:destroy", () => emit("destroy"));
+      player.on("playback:play", () => emit("play"));
+      player.on("playback:pause", () => emit("pause"));
+      player.on("playback:seeking", (payload) => emit("seeking", payload));
+      player.on("playback:seeked", () => emit("seeked"));
+      player.on("playback:timeupdate", (payload) => emit("timeupdate", payload));
+      player.on("playback:ended", () => emit("ended"));
+      player.on("playback:ratechange", (payload) => emit("ratechange", payload));
+      player.on("media:loaded", (payload) => emit("loaded", payload));
+      player.on("media:loadedmetadata", (payload) => emit("loadedmetadata", payload));
+      player.on("volume:change", (payload) => emit("volumechange", payload));
+      player.on("quality:change", (payload) => emit("qualitychange", payload));
+      player.on("quality:levels", (payload) => emit("qualitylevels", payload));
+      player.on("fullscreen:change", (payload) => emit("fullscreenchange", payload));
+      player.on("error", (error) => emit("error", error));
+    }
+    __expose({
+      player: playerInstance,
+      // Playback methods
+      async play() {
+        var _a;
+        await ((_a = playerInstance.value) == null ? void 0 : _a.play());
+      },
+      pause() {
+        var _a;
+        (_a = playerInstance.value) == null ? void 0 : _a.pause();
+      },
+      seek(time) {
+        var _a;
+        (_a = playerInstance.value) == null ? void 0 : _a.seek(time);
+      },
+      // Volume methods
+      setVolume(volume) {
+        var _a;
+        (_a = playerInstance.value) == null ? void 0 : _a.setVolume(volume);
+      },
+      setMuted(muted) {
+        var _a;
+        (_a = playerInstance.value) == null ? void 0 : _a.setMuted(muted);
+      },
+      // Playback rate
+      setPlaybackRate(rate) {
+        var _a;
+        (_a = playerInstance.value) == null ? void 0 : _a.setPlaybackRate(rate);
+      },
+      // Quality methods
+      getQualities() {
+        var _a;
+        return ((_a = playerInstance.value) == null ? void 0 : _a.getQualities()) ?? [];
+      },
+      setQuality(index) {
+        var _a;
+        (_a = playerInstance.value) == null ? void 0 : _a.setQuality(index);
+      },
+      getCurrentQuality() {
+        var _a;
+        return ((_a = playerInstance.value) == null ? void 0 : _a.getCurrentQuality()) ?? -1;
+      },
+      // Fullscreen methods
+      async requestFullscreen() {
+        var _a;
+        await ((_a = playerInstance.value) == null ? void 0 : _a.requestFullscreen());
+      },
+      async exitFullscreen() {
+        var _a;
+        await ((_a = playerInstance.value) == null ? void 0 : _a.exitFullscreen());
+      },
+      async toggleFullscreen() {
+        var _a;
+        await ((_a = playerInstance.value) == null ? void 0 : _a.toggleFullscreen());
+      },
+      // Casting methods
+      requestAirPlay() {
+        var _a;
+        (_a = playerInstance.value) == null ? void 0 : _a.requestAirPlay();
+      },
+      async requestChromecast() {
+        var _a;
+        await ((_a = playerInstance.value) == null ? void 0 : _a.requestChromecast());
+      },
+      stopCasting() {
+        var _a;
+        (_a = playerInstance.value) == null ? void 0 : _a.stopCasting();
+      },
+      // Live stream methods
+      seekToLive() {
+        var _a;
+        (_a = playerInstance.value) == null ? void 0 : _a.seekToLive();
+      },
+      // State methods
+      getState() {
+        var _a;
+        return (_a = playerInstance.value) == null ? void 0 : _a.getState();
+      },
+      // Plugin methods
+      getPlugin(name) {
+        var _a;
+        return ((_a = playerInstance.value) == null ? void 0 : _a.getPlugin(name)) ?? null;
+      },
+      registerPlugin(plugin) {
+        var _a;
+        (_a = playerInstance.value) == null ? void 0 : _a.registerPlugin(plugin);
+      },
+      // Load source
+      async load(src) {
+        var _a;
+        await ((_a = playerInstance.value) == null ? void 0 : _a.load(src));
+      },
+      // Destroy
+      destroy() {
+        var _a;
+        (_a = playerInstance.value) == null ? void 0 : _a.destroy();
+      },
+      // State getters
+      get playing() {
+        var _a;
+        return ((_a = playerInstance.value) == null ? void 0 : _a.playing) ?? false;
+      },
+      get paused() {
+        var _a;
+        return ((_a = playerInstance.value) == null ? void 0 : _a.paused) ?? true;
+      },
+      get currentTime() {
+        var _a;
+        return ((_a = playerInstance.value) == null ? void 0 : _a.currentTime) ?? 0;
+      },
+      get duration() {
+        var _a;
+        return ((_a = playerInstance.value) == null ? void 0 : _a.duration) ?? 0;
+      },
+      get volume() {
+        var _a;
+        return ((_a = playerInstance.value) == null ? void 0 : _a.volume) ?? 1;
+      },
+      get muted() {
+        var _a;
+        return ((_a = playerInstance.value) == null ? void 0 : _a.muted) ?? false;
+      },
+      get playbackRate() {
+        var _a;
+        return ((_a = playerInstance.value) == null ? void 0 : _a.playbackRate) ?? 1;
+      },
+      get bufferedAmount() {
+        var _a;
+        return ((_a = playerInstance.value) == null ? void 0 : _a.bufferedAmount) ?? 0;
+      },
+      get fullscreen() {
+        var _a;
+        return ((_a = playerInstance.value) == null ? void 0 : _a.fullscreen) ?? false;
+      },
+      get live() {
+        var _a;
+        return ((_a = playerInstance.value) == null ? void 0 : _a.live) ?? false;
+      },
+      get autoplay() {
+        var _a;
+        return ((_a = playerInstance.value) == null ? void 0 : _a.autoplay) ?? false;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "containerRef",
+        ref: containerRef,
+        class: "scarlett-player-container"
+      }, null, 512);
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const ScarlettPlayerComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5f43baa1"]]);
+function useScarlettPlayer(options) {
+  const player = ref(null);
+  const isReady = ref(false);
+  const error = ref(null);
+  const playing = ref(false);
+  const paused = ref(true);
+  const currentTime = ref(0);
+  const duration = ref(0);
+  const volume = ref(options.volume ?? 1);
+  const muted = ref(options.muted ?? false);
+  const bufferedAmount = ref(0);
+  const fullscreen = ref(false);
+  async function init() {
+    if (!options.container.value) {
+      error.value = new Error("Container element not found");
+      return;
+    }
+    try {
+      const { ScarlettPlayer: PlayerClass } = await import("@scarlett-player/core");
+      const playerOptions = {
+        container: options.container.value,
+        src: options.src,
+        poster: options.poster,
+        autoplay: options.autoplay,
+        loop: options.loop,
+        volume: options.volume,
+        muted: options.muted,
+        logLevel: options.logLevel,
+        plugins: options.plugins
+      };
+      const instance = new PlayerClass(playerOptions);
+      await instance.init();
+      player.value = instance;
+      setupStateSync(instance);
+      isReady.value = true;
+    } catch (err) {
+      error.value = err;
+      console.error("Failed to initialize Scarlett Player:", err);
+    }
+  }
+  function setupStateSync(playerInstance) {
+    playerInstance.on("playback:play", () => {
+      playing.value = true;
+      paused.value = false;
+    });
+    playerInstance.on("playback:pause", () => {
+      playing.value = false;
+      paused.value = true;
+    });
+    playerInstance.on("playback:timeupdate", (payload) => {
+      currentTime.value = payload.currentTime;
+    });
+    playerInstance.on("volume:change", (payload) => {
+      volume.value = payload.volume;
+      muted.value = payload.muted;
+    });
+    playerInstance.on("media:progress", (payload) => {
+      bufferedAmount.value = payload.buffered;
+    });
+    playerInstance.on("fullscreen:change", (payload) => {
+      fullscreen.value = payload.fullscreen;
+    });
+    playerInstance.on("media:loadedmetadata", (payload) => {
+      duration.value = payload.duration ?? 0;
+    });
+    playerInstance.on("error", (err) => {
+      error.value = err;
+    });
+  }
+  async function play() {
+    if (player.value) {
+      await player.value.play();
+    }
+  }
+  function pause() {
+    if (player.value) {
+      player.value.pause();
+    }
+  }
+  function seek(time) {
+    if (player.value) {
+      player.value.seek(time);
+    }
+  }
+  async function load(src) {
+    if (player.value) {
+      await player.value.load(src);
+    }
+  }
+  function setVolume(vol) {
+    if (player.value) {
+      player.value.setVolume(vol);
+    }
+  }
+  function setMuted(mute) {
+    if (player.value) {
+      player.value.setMuted(mute);
+    }
+  }
+  async function requestFullscreen() {
+    if (player.value) {
+      await player.value.requestFullscreen();
+    }
+  }
+  async function exitFullscreen() {
+    if (player.value) {
+      await player.value.exitFullscreen();
+    }
+  }
+  async function toggleFullscreen() {
+    if (player.value) {
+      await player.value.toggleFullscreen();
+    }
+  }
+  function getQualities() {
+    var _a;
+    return ((_a = player.value) == null ? void 0 : _a.getQualities()) ?? [];
+  }
+  function setQuality(index) {
+    if (player.value) {
+      player.value.setQuality(index);
+    }
+  }
+  function getCurrentQuality() {
+    var _a;
+    return ((_a = player.value) == null ? void 0 : _a.getCurrentQuality()) ?? -1;
+  }
+  const progress = computed(() => {
+    if (duration.value === 0) return 0;
+    return currentTime.value / duration.value * 100;
+  });
+  const isBuffering = computed(() => {
+    if (!player.value) return false;
+    const state = player.value.getState();
+    return state.buffering ?? false;
+  });
+  onMounted(() => {
+    if (options.autoInit !== false) {
+      init();
+    }
+  });
+  onBeforeUnmount(() => {
+    if (player.value) {
+      player.value.destroy();
+      player.value = null;
+    }
+  });
+  return {
+    // Instance
+    player,
+    isReady,
+    error,
+    // State
+    playing,
+    paused,
+    currentTime,
+    duration,
+    volume,
+    muted,
+    bufferedAmount,
+    fullscreen,
+    progress,
+    isBuffering,
+    // Methods
+    init,
+    play,
+    pause,
+    seek,
+    load,
+    setVolume,
+    setMuted,
+    requestFullscreen,
+    exitFullscreen,
+    toggleFullscreen,
+    getQualities,
+    setQuality,
+    getCurrentQuality
+  };
+}
+const ScarlettPlayerPlugin = {
+  install(app) {
+    app.component("ScarlettPlayer", ScarlettPlayerComponent);
+  }
+};
+export {
+  ScarlettPlayerComponent,
+  ScarlettPlayerPlugin,
+  ScarlettPlayerComponent as default,
+  useScarlettPlayer
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/ScarlettPlayer.vue","../src/composables/useScarlettPlayer.ts","../src/index.ts"],"sourcesContent":["<template>\n  <div ref=\"containerRef\" class=\"scarlett-player-container\"></div>\n</template>\n\n<script setup lang=\"ts\">\nimport {\n  ref,\n  onMounted,\n  onBeforeUnmount,\n  watch,\n  type PropType,\n  defineExpose,\n} from 'vue';\nimport type { ScarlettPlayer, PlayerOptions, Plugin } from '@scarlett-player/core';\n\n// Props\nconst props = defineProps({\n  /**\n   * Video source URL\n   */\n  src: {\n    type: String,\n    required: false,\n  },\n  /**\n   * Poster image URL\n   */\n  poster: {\n    type: String,\n    required: false,\n  },\n  /**\n   * Autoplay video\n   */\n  autoplay: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * Loop playback\n   */\n  loop: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * Initial volume (0-1)\n   */\n  volume: {\n    type: Number,\n    default: 1.0,\n    validator: (value: number) => value >= 0 && value <= 1,\n  },\n  /**\n   * Start muted\n   */\n  muted: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * Log level\n   */\n  logLevel: {\n    type: String as PropType<'debug' | 'info' | 'warn' | 'error'>,\n    default: 'warn',\n  },\n  /**\n   * Plugins to register\n   */\n  plugins: {\n    type: Array as PropType<Plugin[]>,\n    default: () => [],\n  },\n  /**\n   * Player options (overrides individual props)\n   */\n  options: {\n    type: Object as PropType<Partial<PlayerOptions>>,\n    default: () => ({}),\n  },\n});\n\n// Emits\nconst emit = defineEmits<{\n  ready: [player: ScarlettPlayer];\n  play: [];\n  pause: [];\n  seeking: [payload: { time: number }];\n  seeked: [];\n  timeupdate: [payload: { currentTime: number; duration: number }];\n  volumechange: [payload: { volume: number; muted: boolean }];\n  ratechange: [payload: { rate: number }];\n  ended: [];\n  error: [error: any];\n  loaded: [payload: any];\n  loadedmetadata: [payload: any];\n  qualitychange: [payload: { quality: string; auto: boolean }];\n  qualitylevels: [payload: any];\n  fullscreenchange: [payload: { fullscreen: boolean }];\n  destroy: [];\n}>();\n\n// Refs\nconst containerRef = ref<HTMLElement | null>(null);\nconst playerInstance = ref<ScarlettPlayer | null>(null);\n\n// Lifecycle\nonMounted(async () => {\n  if (!containerRef.value) {\n    console.error('ScarlettPlayer: Container ref not found');\n    return;\n  }\n\n  try {\n    // Import ScarlettPlayer dynamically to avoid SSR issues\n    const { ScarlettPlayer: PlayerClass } = await import('@scarlett-player/core');\n\n    // Merge props into options\n    const playerOptions: PlayerOptions = {\n      container: containerRef.value,\n      src: props.src,\n      poster: props.poster,\n      autoplay: props.autoplay,\n      loop: props.loop,\n      volume: props.volume,\n      muted: props.muted,\n      logLevel: props.logLevel,\n      plugins: props.plugins,\n      ...props.options, // Allow options prop to override\n    };\n\n    // Create player instance\n    playerInstance.value = new PlayerClass(playerOptions);\n\n    // Initialize player\n    await playerInstance.value.init();\n\n    // Set up event listeners\n    setupEventListeners(playerInstance.value);\n\n    // Emit ready event\n    emit('ready', playerInstance.value);\n  } catch (error) {\n    console.error('Failed to initialize ScarlettPlayer:', error);\n    emit('error', error);\n  }\n});\n\nonBeforeUnmount(() => {\n  if (playerInstance.value) {\n    playerInstance.value.destroy();\n    playerInstance.value = null;\n  }\n});\n\n// Watch for src changes\nwatch(\n  () => props.src,\n  async (newSrc) => {\n    if (newSrc && playerInstance.value) {\n      await playerInstance.value.load(newSrc);\n    }\n  }\n);\n\n// Watch for volume changes\nwatch(\n  () => props.volume,\n  (newVolume) => {\n    if (playerInstance.value) {\n      playerInstance.value.setVolume(newVolume);\n    }\n  }\n);\n\n// Watch for muted changes\nwatch(\n  () => props.muted,\n  (newMuted) => {\n    if (playerInstance.value) {\n      playerInstance.value.setMuted(newMuted);\n    }\n  }\n);\n\n// Watch for autoplay changes\nwatch(\n  () => props.autoplay,\n  (newAutoplay) => {\n    if (playerInstance.value) {\n      playerInstance.value.setAutoplay(newAutoplay);\n    }\n  }\n);\n\n// Event listeners setup\nfunction setupEventListeners(player: ScarlettPlayer) {\n  // Player events\n  player.on('player:ready', () => emit('ready', player));\n  player.on('player:destroy', () => emit('destroy'));\n\n  // Playback events\n  player.on('playback:play', () => emit('play'));\n  player.on('playback:pause', () => emit('pause'));\n  player.on('playback:seeking', (payload) => emit('seeking', payload));\n  player.on('playback:seeked', () => emit('seeked'));\n  player.on('playback:timeupdate', (payload) => emit('timeupdate', payload));\n  player.on('playback:ended', () => emit('ended'));\n  player.on('playback:ratechange', (payload) => emit('ratechange', payload));\n\n  // Media events\n  player.on('media:loaded', (payload) => emit('loaded', payload));\n  player.on('media:loadedmetadata', (payload) => emit('loadedmetadata', payload));\n\n  // Volume events\n  player.on('volume:change', (payload) => emit('volumechange', payload));\n\n  // Quality events\n  player.on('quality:change', (payload) => emit('qualitychange', payload));\n  player.on('quality:levels', (payload) => emit('qualitylevels', payload));\n\n  // Fullscreen events\n  player.on('fullscreen:change', (payload) => emit('fullscreenchange', payload));\n\n  // Error events\n  player.on('error', (error) => emit('error', error));\n}\n\n// Public API (exposed to parent component via ref)\ndefineExpose({\n  player: playerInstance,\n\n  // Playback methods\n  async play() {\n    await playerInstance.value?.play();\n  },\n  pause() {\n    playerInstance.value?.pause();\n  },\n  seek(time: number) {\n    playerInstance.value?.seek(time);\n  },\n\n  // Volume methods\n  setVolume(volume: number) {\n    playerInstance.value?.setVolume(volume);\n  },\n  setMuted(muted: boolean) {\n    playerInstance.value?.setMuted(muted);\n  },\n\n  // Playback rate\n  setPlaybackRate(rate: number) {\n    playerInstance.value?.setPlaybackRate(rate);\n  },\n\n  // Quality methods\n  getQualities() {\n    return playerInstance.value?.getQualities() ?? [];\n  },\n  setQuality(index: number) {\n    playerInstance.value?.setQuality(index);\n  },\n  getCurrentQuality() {\n    return playerInstance.value?.getCurrentQuality() ?? -1;\n  },\n\n  // Fullscreen methods\n  async requestFullscreen() {\n    await playerInstance.value?.requestFullscreen();\n  },\n  async exitFullscreen() {\n    await playerInstance.value?.exitFullscreen();\n  },\n  async toggleFullscreen() {\n    await playerInstance.value?.toggleFullscreen();\n  },\n\n  // Casting methods\n  requestAirPlay() {\n    playerInstance.value?.requestAirPlay();\n  },\n  async requestChromecast() {\n    await playerInstance.value?.requestChromecast();\n  },\n  stopCasting() {\n    playerInstance.value?.stopCasting();\n  },\n\n  // Live stream methods\n  seekToLive() {\n    playerInstance.value?.seekToLive();\n  },\n\n  // State methods\n  getState() {\n    return playerInstance.value?.getState();\n  },\n\n  // Plugin methods\n  getPlugin<T>(name: string) {\n    return playerInstance.value?.getPlugin<T>(name) ?? null;\n  },\n  registerPlugin(plugin: Plugin) {\n    playerInstance.value?.registerPlugin(plugin);\n  },\n\n  // Load source\n  async load(src: string) {\n    await playerInstance.value?.load(src);\n  },\n\n  // Destroy\n  destroy() {\n    playerInstance.value?.destroy();\n  },\n\n  // State getters\n  get playing() {\n    return playerInstance.value?.playing ?? false;\n  },\n  get paused() {\n    return playerInstance.value?.paused ?? true;\n  },\n  get currentTime() {\n    return playerInstance.value?.currentTime ?? 0;\n  },\n  get duration() {\n    return playerInstance.value?.duration ?? 0;\n  },\n  get volume() {\n    return playerInstance.value?.volume ?? 1;\n  },\n  get muted() {\n    return playerInstance.value?.muted ?? false;\n  },\n  get playbackRate() {\n    return playerInstance.value?.playbackRate ?? 1;\n  },\n  get bufferedAmount() {\n    return playerInstance.value?.bufferedAmount ?? 0;\n  },\n  get fullscreen() {\n    return playerInstance.value?.fullscreen ?? false;\n  },\n  get live() {\n    return playerInstance.value?.live ?? false;\n  },\n  get autoplay() {\n    return playerInstance.value?.autoplay ?? false;\n  },\n});\n</script>\n\n<style scoped>\n.scarlett-player-container {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n</style>\n","/**\n * Composable for using Scarlett Player in Vue 3\n *\n * Provides a reactive API for controlling the player programmatically.\n */\n\nimport { ref, onMounted, onBeforeUnmount, computed, type Ref } from 'vue';\nimport type { ScarlettPlayer, PlayerOptions } from '@scarlett-player/core';\n\nexport interface UseScarlettPlayerOptions extends Omit<PlayerOptions, 'container'> {\n  /**\n   * Container element ref\n   */\n  container: Ref<HTMLElement | null>;\n\n  /**\n   * Auto-initialize player on mount\n   */\n  autoInit?: boolean;\n}\n\nexport function useScarlettPlayer(options: UseScarlettPlayerOptions) {\n  const player = ref<ScarlettPlayer | null>(null);\n  const isReady = ref(false);\n  const error = ref<Error | null>(null);\n\n  // Reactive state\n  const playing = ref(false);\n  const paused = ref(true);\n  const currentTime = ref(0);\n  const duration = ref(0);\n  const volume = ref(options.volume ?? 1);\n  const muted = ref(options.muted ?? false);\n  const bufferedAmount = ref(0);\n  const fullscreen = ref(false);\n\n  // Initialize player\n  async function init() {\n    if (!options.container.value) {\n      error.value = new Error('Container element not found');\n      return;\n    }\n\n    try {\n      const { ScarlettPlayer: PlayerClass } = await import('@scarlett-player/core');\n\n      const playerOptions: PlayerOptions = {\n        container: options.container.value,\n        src: options.src,\n        poster: options.poster,\n        autoplay: options.autoplay,\n        loop: options.loop,\n        volume: options.volume,\n        muted: options.muted,\n        logLevel: options.logLevel,\n        plugins: options.plugins,\n      };\n\n      const instance = new PlayerClass(playerOptions);\n      await instance.init();\n      player.value = instance;\n\n      // Setup state sync\n      setupStateSync(instance);\n\n      isReady.value = true;\n    } catch (err) {\n      error.value = err as Error;\n      console.error('Failed to initialize Scarlett Player:', err);\n    }\n  }\n\n  // Setup state synchronization\n  function setupStateSync(playerInstance: ScarlettPlayer) {\n    // Sync playback state\n    playerInstance.on('playback:play', () => {\n      playing.value = true;\n      paused.value = false;\n    });\n\n    playerInstance.on('playback:pause', () => {\n      playing.value = false;\n      paused.value = true;\n    });\n\n    playerInstance.on('playback:timeupdate', (payload) => {\n      currentTime.value = payload.currentTime;\n    });\n\n    // Sync volume state\n    playerInstance.on('volume:change', (payload) => {\n      volume.value = payload.volume;\n      muted.value = payload.muted;\n    });\n\n    // Sync buffering state\n    playerInstance.on('media:progress', (payload) => {\n      bufferedAmount.value = payload.buffered;\n    });\n\n    // Sync fullscreen state\n    playerInstance.on('fullscreen:change', (payload) => {\n      fullscreen.value = payload.fullscreen;\n    });\n\n    // Sync media metadata\n    playerInstance.on('media:loadedmetadata', (payload) => {\n      duration.value = payload.duration ?? 0;\n    });\n\n    // Handle errors\n    playerInstance.on('error', (err) => {\n      error.value = err as unknown as Error;\n    });\n  }\n\n  // Playback methods\n  async function play() {\n    if (player.value) {\n      await player.value.play();\n    }\n  }\n\n  function pause() {\n    if (player.value) {\n      player.value.pause();\n    }\n  }\n\n  function seek(time: number) {\n    if (player.value) {\n      player.value.seek(time);\n    }\n  }\n\n  async function load(src: string) {\n    if (player.value) {\n      await player.value.load(src);\n    }\n  }\n\n  // Volume methods\n  function setVolume(vol: number) {\n    if (player.value) {\n      player.value.setVolume(vol);\n    }\n  }\n\n  function setMuted(mute: boolean) {\n    if (player.value) {\n      player.value.setMuted(mute);\n    }\n  }\n\n  // Fullscreen methods\n  async function requestFullscreen() {\n    if (player.value) {\n      await player.value.requestFullscreen();\n    }\n  }\n\n  async function exitFullscreen() {\n    if (player.value) {\n      await player.value.exitFullscreen();\n    }\n  }\n\n  async function toggleFullscreen() {\n    if (player.value) {\n      await player.value.toggleFullscreen();\n    }\n  }\n\n  // Quality methods\n  function getQualities() {\n    return player.value?.getQualities() ?? [];\n  }\n\n  function setQuality(index: number) {\n    if (player.value) {\n      player.value.setQuality(index);\n    }\n  }\n\n  function getCurrentQuality() {\n    return player.value?.getCurrentQuality() ?? -1;\n  }\n\n  // Computed properties\n  const progress = computed(() => {\n    if (duration.value === 0) return 0;\n    return (currentTime.value / duration.value) * 100;\n  });\n\n  const isBuffering = computed(() => {\n    if (!player.value) return false;\n    const state = player.value.getState();\n    return state.buffering ?? false;\n  });\n\n  // Lifecycle\n  onMounted(() => {\n    if (options.autoInit !== false) {\n      init();\n    }\n  });\n\n  onBeforeUnmount(() => {\n    if (player.value) {\n      player.value.destroy();\n      player.value = null;\n    }\n  });\n\n  return {\n    // Instance\n    player,\n    isReady,\n    error,\n\n    // State\n    playing,\n    paused,\n    currentTime,\n    duration,\n    volume,\n    muted,\n    bufferedAmount,\n    fullscreen,\n    progress,\n    isBuffering,\n\n    // Methods\n    init,\n    play,\n    pause,\n    seek,\n    load,\n    setVolume,\n    setMuted,\n    requestFullscreen,\n    exitFullscreen,\n    toggleFullscreen,\n    getQualities,\n    setQuality,\n    getCurrentQuality,\n  };\n}\n","/**\n * @scarlett-player/vue - Vue 3 component wrapper for Scarlett Player\n *\n * Provides a Vue 3 component that wraps the Scarlett Player core.\n * Supports Composition API, TypeScript, and reactive props.\n *\n * @packageDocumentation\n */\n\nimport ScarlettPlayerComponent from './ScarlettPlayer.vue';\nimport type { App, Plugin } from 'vue';\n\n// Export the component\nexport { ScarlettPlayerComponent };\nexport default ScarlettPlayerComponent;\n\n// Export composables\nexport { useScarlettPlayer } from './composables/useScarlettPlayer';\n\n// Re-export core types for convenience\nexport type {\n  ScarlettPlayer,\n  PlayerOptions,\n  QualityLevel,\n  Plugin as ScarlettPlugin,\n  PluginType,\n  EventName,\n  EventPayload,\n  StateStore,\n  PlaybackState,\n  MediaType,\n} from '@scarlett-player/core';\n\n// Vue plugin installation (optional)\nexport const ScarlettPlayerPlugin: Plugin = {\n  install(app: App) {\n    app.component('ScarlettPlayer', ScarlettPlayerComponent);\n  },\n};\n"],"names":["_createElementBlock"],"mappings":"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"}

package/dist/style.css

@@ -0,0 +1 @@
+.scarlett-player-container[data-v-5f43baa1]{width:100%;height:100%;position:relative}

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@scarlett-player/vue",
+  "version": "0.1.0",
+  "description": "Vue 3 component wrapper for Scarlett Player",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc && vite build",
+    "test": "vitest --run",
+    "test:watch": "vitest",
+    "typecheck": "tsc --noEmit",
+    "clean": "rimraf dist"
+  },
+  "keywords": [
+    "video",
+    "player",
+    "vue",
+    "vue3",
+    "composition-api",
+    "scarlett",
+    "hls",
+    "streaming"
+  ],
+  "author": "The Stream Platform",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Hackney-Enterprises-Inc/scarlett-player.git",
+    "directory": "packages/vue"
+  },
+  "bugs": {
+    "url": "https://github.com/Hackney-Enterprises-Inc/scarlett-player/issues"
+  },
+  "homepage": "https://github.com/Hackney-Enterprises-Inc/scarlett-player#readme",
+  "peerDependencies": {
+    "@scarlett-player/core": "^0.1.0",
+    "vue": "^3.3.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.0.0",
+    "@vitejs/plugin-vue": "^4.5.0",
+    "rimraf": "^5.0.5",
+    "typescript": "^5.3.3",
+    "vite": "^5.0.11",
+    "vitest": "^1.1.0",
+    "vue": "^3.3.0"
+  }
+}