@hopeplayer/vue 1.1.0 → 1.2.0

package/dist/hope-player-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as h, ref as m, onMounted as f, watch as g, onBeforeUnmount as B, openBlock as b, createElementBlock as k } from "vue";
+import { defineComponent as h, ref as m, onMounted as B, watch as b, onBeforeUnmount as f, openBlock as g, createElementBlock as k } from "vue";
 const O = /* @__PURE__ */ h({
   __name: "HopePlayer",
   props: {
@@ -44,6 +44,8 @@ const O = /* @__PURE__ */ h({
     markers: {},
     segments: {},
     skipSegments: {},
+    accessibility: { type: [Boolean, Object] },
+    history: { type: [Boolean, Object] },
     spriteThumbnails: {},
     countdownScreen: {},
     geoChecker: {},
@@ -56,12 +58,12 @@ const O = /* @__PURE__ */ h({
   },
   emits: ["ready", "play", "pause", "ended", "error", "qualitychange", "ratechange", "adstart", "adend", "aderror", "itemchange", "sticky", "sourcefallback"],
   setup(p, { expose: i, emit: c }) {
-    const r = p, t = c, o = m(null);
-    let s = !1, l = [];
-    f(() => {
+    const l = p, t = c, o = m(null);
+    let s = !1, r = [];
+    B(() => {
       const a = o.value;
       if (a) {
-        l = [
+        r = [
           ["hp:ready", () => t("ready")],
           ["hp:play", () => t("play")],
           ["hp:pause", () => t("pause")],
@@ -88,33 +90,33 @@ const O = /* @__PURE__ */ h({
           ],
           ["hp:sourcefallback", (e) => t("sourcefallback", e.detail)]
         ];
-        for (const [e, n] of l) a.addEventListener(e, n);
+        for (const [e, n] of r) a.addEventListener(e, n);
         import("@hopeplayer/core").then(() => {
-          s || !o.value || (o.value.options = { ...r });
+          s || !o.value || (o.value.options = { ...l });
         });
       }
-    }), g(
-      () => JSON.stringify(r),
+    }), b(
+      () => JSON.stringify(l),
       () => {
-        o.value && (o.value.options = { ...r });
+        o.value && (o.value.options = { ...l });
       }
-    ), B(() => {
+    ), f(() => {
       s = !0;
       const a = o.value;
-      if (a) for (const [e, n] of l) a.removeEventListener(e, n);
+      if (a) for (const [e, n] of r) a.removeEventListener(e, n);
     });
     function d() {
       var a;
       return ((a = o.value) == null ? void 0 : a.play()) ?? Promise.resolve();
     }
-    function u() {
+    function y() {
       var a;
       (a = o.value) == null || a.pause();
     }
-    function y() {
+    function u() {
       return o.value;
     }
-    return i({ play: d, pause: u, getElement: y }), (a, e) => (b(), k("hope-player", {
+    return i({ play: d, pause: y, getElement: u }), (a, e) => (g(), k("hope-player", {
       ref_key: "elRef",
       ref: o
     }, null, 512));

package/dist/hope-player-vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"hope-player-vue.js","sources":["../src/HopePlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// <hope-player> için ince Vue sarmalayıcı: prop'ları `.options`'a yazar, `hp:*` event'lerini emit'lere çevirir.\n// class/style Vue'nun fallthrough attribute'larıyla köke geçer. Core `onMounted` içinde dinamik import edilir —\n// statik import `HTMLElement` olmayan SSR'da (Nuxt) çöker.\nimport { ref, onMounted, onBeforeUnmount, watch } from 'vue';\nimport type { HopePlayerElement as HopePlayerEl, HopePlayerEventMap, HopePlayerOptions, StickyCorner } from '@hopeplayer/core';\n\nconst props = defineProps<HopePlayerOptions>();\n\nconst emit = defineEmits<{\n    ready: [];\n    play: [];\n    pause: [];\n    ended: [];\n    error: [message: string];\n    qualitychange: [label: string];\n    ratechange: [rate: number];\n    adstart: [type: 'preroll' | 'midroll' | 'postroll'];\n    adend: [type: 'preroll' | 'midroll' | 'postroll'];\n    aderror: [message: string];\n    itemchange: [index: number, source: 'playlist' | 'story'];\n    sticky: [sticky: boolean, corner: StickyCorner | undefined];\n    sourcefallback: [detail: HopePlayerEventMap['hp:sourcefallback']['detail']];\n}>();\n\nconst elRef = ref<HopePlayerEl | null>(null);\nlet cancelled = false;\nlet listeners: Array<[keyof HopePlayerEventMap, EventListener]> = [];\n\nonMounted(() => {\n    const el = elRef.value;\n    if (!el) return;\n\n    // Dinleyiciler import'u beklemeden eklenir: core yüklenince customElements.define() elementi senkron upgrade\n    // edip hp:ready'yi .then()'den ÖNCE dispatch ediyor — beklenirse @ready kaçırılır.\n    listeners = [\n        ['hp:ready', () => emit('ready')],\n        ['hp:play', () => emit('play')],\n        ['hp:pause', () => emit('pause')],\n        ['hp:ended', () => emit('ended')],\n        ['hp:error', (e) => emit('error', (e as CustomEvent<{ message: string }>).detail.message)],\n        ['hp:qualitychange', (e) => emit('qualitychange', (e as CustomEvent<{ label: string }>).detail.label)],\n        ['hp:ratechange', (e) => emit('ratechange', (e as CustomEvent<{ rate: number }>).detail.rate)],\n        ['hp:adstart', (e) => emit('adstart', (e as CustomEvent<{ type: 'preroll' | 'midroll' | 'postroll' }>).detail.type)],\n        ['hp:adend', (e) => emit('adend', (e as CustomEvent<{ type: 'preroll' | 'midroll' | 'postroll' }>).detail.type)],\n        ['hp:aderror', (e) => emit('aderror', (e as CustomEvent<{ message: string }>).detail.message)],\n        [\n            'hp:itemchange',\n            (e) => {\n                const detail = (e as CustomEvent<{ index: number; source: 'playlist' | 'story' }>).detail;\n                emit('itemchange', detail.index, detail.source);\n            },\n        ],\n        [\n            'hp:sticky',\n            (e) => {\n                const detail = (e as CustomEvent<{ sticky: boolean; corner?: StickyCorner }>).detail;\n                emit('sticky', detail.sticky, detail.corner);\n            },\n        ],\n        ['hp:sourcefallback', (e) => emit('sourcefallback', (e as HopePlayerEventMap['hp:sourcefallback']).detail)],\n    ];\n    for (const [name, handler] of listeners) el.addEventListener(name, handler);\n\n    // .options için import'u bekle: element upgrade olmadan yazmak prototip accessor'ını kalıcı olarak maskeler.\n    import('@hopeplayer/core').then(() => {\n        if (cancelled || !elRef.value) return;\n        elRef.value.options = { ...props } as HopePlayerOptions;\n    });\n});\n\n// Tüm prop'lar tek bir string olarak izlenir (prop başına ayrı watcher gerekmez).\nwatch(\n    () => JSON.stringify(props),\n    () => {\n        if (elRef.value) elRef.value.options = { ...props } as HopePlayerOptions;\n    }\n);\n\nonBeforeUnmount(() => {\n    cancelled = true;\n    const el = elRef.value;\n    if (el) for (const [name, handler] of listeners) el.removeEventListener(name, handler);\n});\n\nfunction play(): Promise<void> {\n    return elRef.value?.play() ?? Promise.resolve();\n}\n\nfunction pause(): void {\n    elRef.value?.pause();\n}\n\nfunction getElement(): HopePlayerEl | null {\n    return elRef.value;\n}\n\ndefineExpose({ play, pause, getElement });\n</script>\n\n<template>\n    <hope-player ref=\"elRef\" />\n</template>\n"],"names":["props","__props","emit","__emit","elRef","ref","cancelled","listeners","onMounted","el","detail","name","handler","watch","onBeforeUnmount","play","_a","pause","getElement","__expose","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAERC,IAAOC,GAgBPC,IAAQC,EAAyB,IAAI;AAC3C,QAAIC,IAAY,IACZC,IAA8D,CAAA;AAElE,IAAAC,EAAU,MAAM;AACZ,YAAMC,IAAKL,EAAM;AACjB,UAAKK,GAIL;AAAA,QAAAF,IAAY;AAAA,UACR,CAAC,YAAY,MAAML,EAAK,OAAO,CAAC;AAAA,UAChC,CAAC,WAAW,MAAMA,EAAK,MAAM,CAAC;AAAA,UAC9B,CAAC,YAAY,MAAMA,EAAK,OAAO,CAAC;AAAA,UAChC,CAAC,YAAY,MAAMA,EAAK,OAAO,CAAC;AAAA,UAChC,CAAC,YAAY,CAAC,MAAMA,EAAK,SAAU,EAAuC,OAAO,OAAO,CAAC;AAAA,UACzF,CAAC,oBAAoB,CAAC,MAAMA,EAAK,iBAAkB,EAAqC,OAAO,KAAK,CAAC;AAAA,UACrG,CAAC,iBAAiB,CAAC,MAAMA,EAAK,cAAe,EAAoC,OAAO,IAAI,CAAC;AAAA,UAC7F,CAAC,cAAc,CAAC,MAAMA,EAAK,WAAY,EAAgE,OAAO,IAAI,CAAC;AAAA,UACnH,CAAC,YAAY,CAAC,MAAMA,EAAK,SAAU,EAAgE,OAAO,IAAI,CAAC;AAAA,UAC/G,CAAC,cAAc,CAAC,MAAMA,EAAK,WAAY,EAAuC,OAAO,OAAO,CAAC;AAAA,UAC7F;AAAA,YACI;AAAA,YACA,CAAC,MAAM;AACH,oBAAMQ,IAAU,EAAmE;AACnF,cAAAR,EAAK,cAAcQ,EAAO,OAAOA,EAAO,MAAM;AAAA,YAClD;AAAA,UAAA;AAAA,UAEJ;AAAA,YACI;AAAA,YACA,CAAC,MAAM;AACH,oBAAMA,IAAU,EAA8D;AAC9E,cAAAR,EAAK,UAAUQ,EAAO,QAAQA,EAAO,MAAM;AAAA,YAC/C;AAAA,UAAA;AAAA,UAEJ,CAAC,qBAAqB,CAAC,MAAMR,EAAK,kBAAmB,EAA8C,MAAM,CAAC;AAAA,QAAA;AAE9G,mBAAW,CAACS,GAAMC,CAAO,KAAKL,EAAW,CAAAE,EAAG,iBAAiBE,GAAMC,CAAO;AAG1E,eAAO,kBAAkB,EAAE,KAAK,MAAM;AAClC,UAAIN,KAAa,CAACF,EAAM,UACxBA,EAAM,MAAM,UAAU,EAAE,GAAGJ,EAAA;AAAA,QAC/B,CAAC;AAAA;AAAA,IACL,CAAC,GAGDa;AAAA,MACI,MAAM,KAAK,UAAUb,CAAK;AAAA,MAC1B,MAAM;AACF,QAAII,EAAM,UAAOA,EAAM,MAAM,UAAU,EAAE,GAAGJ,EAAA;AAAA,MAChD;AAAA,IAAA,GAGJc,EAAgB,MAAM;AAClB,MAAAR,IAAY;AACZ,YAAMG,IAAKL,EAAM;AACjB,UAAIK,EAAI,YAAW,CAACE,GAAMC,CAAO,KAAKL,EAAW,CAAAE,EAAG,oBAAoBE,GAAMC,CAAO;AAAA,IACzF,CAAC;AAED,aAASG,IAAsB;;AAC3B,eAAOC,IAAAZ,EAAM,UAAN,gBAAAY,EAAa,WAAU,QAAQ,QAAA;AAAA,IAC1C;AAEA,aAASC,IAAc;;AACnB,OAAAD,IAAAZ,EAAM,UAAN,QAAAY,EAAa;AAAA,IACjB;AAEA,aAASE,IAAkC;AACvC,aAAOd,EAAM;AAAA,IACjB;AAEA,WAAAe,EAAa,EAAE,MAAAJ,GAAM,OAAAE,GAAO,YAAAC,EAAA,CAAY,mBAIpCE,EAA2B,eAAA;AAAA,eAAV;AAAA,MAAJ,KAAIhB;AAAA,IAAA;;;"}
+{"version":3,"file":"hope-player-vue.js","sources":["../src/HopePlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// <hope-player> için ince Vue sarmalayıcı: prop'ları `.options`'a yazar, `hp:*` event'lerini emit'lere çevirir.\n// class/style Vue'nun fallthrough attribute'larıyla köke geçer. Core `onMounted` içinde dinamik import edilir —\n// statik import `HTMLElement` olmayan SSR'da (Nuxt) çöker.\nimport { ref, onMounted, onBeforeUnmount, watch } from 'vue';\nimport type { HopePlayerElement as HopePlayerEl, HopePlayerEventMap, HopePlayerOptions, StickyCorner } from '@hopeplayer/core';\n\nconst props = defineProps<HopePlayerOptions>();\n\nconst emit = defineEmits<{\n    ready: [];\n    play: [];\n    pause: [];\n    ended: [];\n    error: [message: string];\n    qualitychange: [label: string];\n    ratechange: [rate: number];\n    adstart: [type: 'preroll' | 'midroll' | 'postroll'];\n    adend: [type: 'preroll' | 'midroll' | 'postroll'];\n    aderror: [message: string];\n    itemchange: [index: number, source: 'playlist' | 'story'];\n    sticky: [sticky: boolean, corner: StickyCorner | undefined];\n    sourcefallback: [detail: HopePlayerEventMap['hp:sourcefallback']['detail']];\n}>();\n\nconst elRef = ref<HopePlayerEl | null>(null);\nlet cancelled = false;\nlet listeners: Array<[keyof HopePlayerEventMap, EventListener]> = [];\n\nonMounted(() => {\n    const el = elRef.value;\n    if (!el) return;\n\n    // Dinleyiciler import'u beklemeden eklenir: core yüklenince customElements.define() elementi senkron upgrade\n    // edip hp:ready'yi .then()'den ÖNCE dispatch ediyor — beklenirse @ready kaçırılır.\n    listeners = [\n        ['hp:ready', () => emit('ready')],\n        ['hp:play', () => emit('play')],\n        ['hp:pause', () => emit('pause')],\n        ['hp:ended', () => emit('ended')],\n        ['hp:error', (e) => emit('error', (e as CustomEvent<{ message: string }>).detail.message)],\n        ['hp:qualitychange', (e) => emit('qualitychange', (e as CustomEvent<{ label: string }>).detail.label)],\n        ['hp:ratechange', (e) => emit('ratechange', (e as CustomEvent<{ rate: number }>).detail.rate)],\n        ['hp:adstart', (e) => emit('adstart', (e as CustomEvent<{ type: 'preroll' | 'midroll' | 'postroll' }>).detail.type)],\n        ['hp:adend', (e) => emit('adend', (e as CustomEvent<{ type: 'preroll' | 'midroll' | 'postroll' }>).detail.type)],\n        ['hp:aderror', (e) => emit('aderror', (e as CustomEvent<{ message: string }>).detail.message)],\n        [\n            'hp:itemchange',\n            (e) => {\n                const detail = (e as CustomEvent<{ index: number; source: 'playlist' | 'story' }>).detail;\n                emit('itemchange', detail.index, detail.source);\n            },\n        ],\n        [\n            'hp:sticky',\n            (e) => {\n                const detail = (e as CustomEvent<{ sticky: boolean; corner?: StickyCorner }>).detail;\n                emit('sticky', detail.sticky, detail.corner);\n            },\n        ],\n        ['hp:sourcefallback', (e) => emit('sourcefallback', (e as HopePlayerEventMap['hp:sourcefallback']).detail)],\n    ];\n    for (const [name, handler] of listeners) el.addEventListener(name, handler);\n\n    // .options için import'u bekle: element upgrade olmadan yazmak prototip accessor'ını kalıcı olarak maskeler.\n    import('@hopeplayer/core').then(() => {\n        if (cancelled || !elRef.value) return;\n        elRef.value.options = { ...props } as HopePlayerOptions;\n    });\n});\n\n// Tüm prop'lar tek bir string olarak izlenir (prop başına ayrı watcher gerekmez).\nwatch(\n    () => JSON.stringify(props),\n    () => {\n        if (elRef.value) elRef.value.options = { ...props } as HopePlayerOptions;\n    }\n);\n\nonBeforeUnmount(() => {\n    cancelled = true;\n    const el = elRef.value;\n    if (el) for (const [name, handler] of listeners) el.removeEventListener(name, handler);\n});\n\nfunction play(): Promise<void> {\n    return elRef.value?.play() ?? Promise.resolve();\n}\n\nfunction pause(): void {\n    elRef.value?.pause();\n}\n\nfunction getElement(): HopePlayerEl | null {\n    return elRef.value;\n}\n\ndefineExpose({ play, pause, getElement });\n</script>\n\n<template>\n    <hope-player ref=\"elRef\" />\n</template>\n"],"names":["props","__props","emit","__emit","elRef","ref","cancelled","listeners","onMounted","el","detail","name","handler","watch","onBeforeUnmount","play","_a","pause","getElement","__expose","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAERC,IAAOC,GAgBPC,IAAQC,EAAyB,IAAI;AAC3C,QAAIC,IAAY,IACZC,IAA8D,CAAA;AAElE,IAAAC,EAAU,MAAM;AACZ,YAAMC,IAAKL,EAAM;AACjB,UAAKK,GAIL;AAAA,QAAAF,IAAY;AAAA,UACR,CAAC,YAAY,MAAML,EAAK,OAAO,CAAC;AAAA,UAChC,CAAC,WAAW,MAAMA,EAAK,MAAM,CAAC;AAAA,UAC9B,CAAC,YAAY,MAAMA,EAAK,OAAO,CAAC;AAAA,UAChC,CAAC,YAAY,MAAMA,EAAK,OAAO,CAAC;AAAA,UAChC,CAAC,YAAY,CAAC,MAAMA,EAAK,SAAU,EAAuC,OAAO,OAAO,CAAC;AAAA,UACzF,CAAC,oBAAoB,CAAC,MAAMA,EAAK,iBAAkB,EAAqC,OAAO,KAAK,CAAC;AAAA,UACrG,CAAC,iBAAiB,CAAC,MAAMA,EAAK,cAAe,EAAoC,OAAO,IAAI,CAAC;AAAA,UAC7F,CAAC,cAAc,CAAC,MAAMA,EAAK,WAAY,EAAgE,OAAO,IAAI,CAAC;AAAA,UACnH,CAAC,YAAY,CAAC,MAAMA,EAAK,SAAU,EAAgE,OAAO,IAAI,CAAC;AAAA,UAC/G,CAAC,cAAc,CAAC,MAAMA,EAAK,WAAY,EAAuC,OAAO,OAAO,CAAC;AAAA,UAC7F;AAAA,YACI;AAAA,YACA,CAAC,MAAM;AACH,oBAAMQ,IAAU,EAAmE;AACnF,cAAAR,EAAK,cAAcQ,EAAO,OAAOA,EAAO,MAAM;AAAA,YAClD;AAAA,UAAA;AAAA,UAEJ;AAAA,YACI;AAAA,YACA,CAAC,MAAM;AACH,oBAAMA,IAAU,EAA8D;AAC9E,cAAAR,EAAK,UAAUQ,EAAO,QAAQA,EAAO,MAAM;AAAA,YAC/C;AAAA,UAAA;AAAA,UAEJ,CAAC,qBAAqB,CAAC,MAAMR,EAAK,kBAAmB,EAA8C,MAAM,CAAC;AAAA,QAAA;AAE9G,mBAAW,CAACS,GAAMC,CAAO,KAAKL,EAAW,CAAAE,EAAG,iBAAiBE,GAAMC,CAAO;AAG1E,eAAO,kBAAkB,EAAE,KAAK,MAAM;AAClC,UAAIN,KAAa,CAACF,EAAM,UACxBA,EAAM,MAAM,UAAU,EAAE,GAAGJ,EAAA;AAAA,QAC/B,CAAC;AAAA;AAAA,IACL,CAAC,GAGDa;AAAA,MACI,MAAM,KAAK,UAAUb,CAAK;AAAA,MAC1B,MAAM;AACF,QAAII,EAAM,UAAOA,EAAM,MAAM,UAAU,EAAE,GAAGJ,EAAA;AAAA,MAChD;AAAA,IAAA,GAGJc,EAAgB,MAAM;AAClB,MAAAR,IAAY;AACZ,YAAMG,IAAKL,EAAM;AACjB,UAAIK,EAAI,YAAW,CAACE,GAAMC,CAAO,KAAKL,EAAW,CAAAE,EAAG,oBAAoBE,GAAMC,CAAO;AAAA,IACzF,CAAC;AAED,aAASG,IAAsB;;AAC3B,eAAOC,IAAAZ,EAAM,UAAN,gBAAAY,EAAa,WAAU,QAAQ,QAAA;AAAA,IAC1C;AAEA,aAASC,IAAc;;AACnB,OAAAD,IAAAZ,EAAM,UAAN,QAAAY,EAAa;AAAA,IACjB;AAEA,aAASE,IAAkC;AACvC,aAAOd,EAAM;AAAA,IACjB;AAEA,WAAAe,EAAa,EAAE,MAAAJ,GAAM,OAAAE,GAAO,YAAAC,EAAA,CAAY,mBAIpCE,EAA2B,eAAA;AAAA,eAAV;AAAA,MAAJ,KAAIhB;AAAA,IAAA;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hopeplayer/vue",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Thin Vue 3 wrapper around <hope-player> (@hopeplayer/core) — prop/event bridge only, no state duplication",
   "keywords": ["vue", "vue3", "nuxt", "vue-component", "video-player", "video", "player", "html5-video", "hls", "m3u8", "web-component", "custom-element", "ima", "vast", "vmap", "prebid", "ads", "monetization", "chromecast", "airplay", "subtitles", "shadow-dom", "hopeplayer"],
   "repository": {
@@ -35,11 +35,11 @@
     "typecheck": "vue-tsc -p tsconfig.json --noEmit"
   },
   "peerDependencies": {
-    "@hopeplayer/core": "^1.1.0",
+    "@hopeplayer/core": "^1.2.0",
     "vue": ">=3.3"
   },
   "devDependencies": {
-    "@hopeplayer/core": "^1.1.0",
+    "@hopeplayer/core": "^1.2.0",
     "@vitejs/plugin-vue": "^6.0.0",
     "typescript": "^5.7.0",
     "vite": "^6.0.0",