@hopeplayer/react 1.0.15 → 1.0.17

package/dist/HopePlayer.d.ts

@@ -1,5 +1,5 @@
 import type { CSSProperties } from 'react';
-import type { HopePlayerElement as HopePlayerEl, HopePlayerOptions, StickyCorner } from '@hopeplayer/core';
+import type { HopePlayerElement as HopePlayerEl, HopePlayerEventMap, HopePlayerOptions, StickyCorner } from '@hopeplayer/core';
 export interface HopePlayerProps extends HopePlayerOptions {
     className?: string;
     style?: CSSProperties;
@@ -15,6 +15,8 @@ export interface HopePlayerProps extends HopePlayerOptions {
     onAdError?: (message: string) => void;
     onItemChange?: (index: number, source: 'playlist' | 'story') => void;
     onSticky?: (sticky: boolean, corner?: StickyCorner) => void;
+    /** Kaynak grubu düştü, sıradakine geçildi (bkz. `sourcePriority`). */
+    onSourceFallback?: (detail: HopePlayerEventMap['hp:sourcefallback']['detail']) => void;
 }
 export interface HopePlayerHandle {
     play(): Promise<void>;

package/dist/HopePlayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HopePlayer.d.ts","sourceRoot":"","sources":["../src/HopePlayer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EACR,iBAAiB,IAAI,YAAY,EAEjC,iBAAiB,EACjB,YAAY,EACf,MAAM,kBAAkB,CAAC;AAE1B,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,KAAK,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,KAAK,IAAI,CAAC;IAC7D,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,GAAG,OAAO,KAAK,IAAI,CAAC;IACrE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;CAC/D;AAED,MAAM,WAAW,gBAAgB;IAC7B,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IACtB,KAAK,IAAI,IAAI,CAAC;IACd,6GAA6G;IAC7G,UAAU,IAAI,YAAY,GAAG,IAAI,CAAC;CACrC;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,8GAyHrB,CAAC"}
+{"version":3,"file":"HopePlayer.d.ts","sourceRoot":"","sources":["../src/HopePlayer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EACR,iBAAiB,IAAI,YAAY,EACjC,kBAAkB,EAClB,iBAAiB,EACjB,YAAY,EACf,MAAM,kBAAkB,CAAC;AAE1B,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,KAAK,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,KAAK,IAAI,CAAC;IAC7D,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,GAAG,OAAO,KAAK,IAAI,CAAC;IACrE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5D,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC;CAC1F;AAED,MAAM,WAAW,gBAAgB;IAC7B,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IACtB,KAAK,IAAI,IAAI,CAAC;IACd,6GAA6G;IAC7G,UAAU,IAAI,YAAY,GAAG,IAAI,CAAC;CACrC;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,8GA+HrB,CAAC"}

package/dist/hope-player-react.js

@@ -1,93 +1,95 @@
 "use client";
-import { jsx as g } from "react/jsx-runtime";
-import { forwardRef as j, useRef as q, useEffect as x, useImperativeHandle as w } from "react";
-const k = j(function({
-  className: H,
-  style: L,
+import { jsx as w } from "react/jsx-runtime";
+import { forwardRef as J, useRef as N, useEffect as L, useImperativeHandle as O } from "react";
+const B = J(function({
+  className: g,
+  style: j,
   onReady: i,
   onPlay: f,
   onPause: l,
   onEnded: u,
-  onError: a,
-  onQualityChange: h,
+  onError: h,
+  onQualityChange: a,
   onRateChange: c,
-  onAdStart: m,
-  onAdEnd: d,
+  onAdStart: d,
+  onAdEnd: m,
   onAdError: n,
   onItemChange: v,
   onSticky: y,
-  ...o
-}, b) {
-  const p = q(null);
-  return x(() => {
-    let r = !1;
+  onSourceFallback: x,
+  ...H
+}, q) {
+  const r = N(null);
+  return L(() => {
+    let s = !1;
     return import("@hopeplayer/core").then(() => {
-      if (r) return;
-      const t = p.current;
-      t && (t.options = o);
+      if (s) return;
+      const t = r.current;
+      t && (t.options = H);
     }), () => {
-      r = !0;
+      s = !0;
     };
-  }, [JSON.stringify(o)]), x(() => {
-    const r = p.current;
-    if (!r) return;
+  }, [JSON.stringify(H)]), L(() => {
+    const s = r.current;
+    if (!s) return;
     const t = [];
-    i && t.push(["hp:ready", () => i()]), f && t.push(["hp:play", () => f()]), l && t.push(["hp:pause", () => l()]), u && t.push(["hp:ended", () => u()]), a && t.push(["hp:error", (e) => a(e.detail.message)]), h && t.push([
+    i && t.push(["hp:ready", () => i()]), f && t.push(["hp:play", () => f()]), l && t.push(["hp:pause", () => l()]), u && t.push(["hp:ended", () => u()]), h && t.push(["hp:error", (e) => h(e.detail.message)]), a && t.push([
       "hp:qualitychange",
-      (e) => h(e.detail.label)
-    ]), c && t.push(["hp:ratechange", (e) => c(e.detail.rate)]), m && t.push([
+      (e) => a(e.detail.label)
+    ]), c && t.push(["hp:ratechange", (e) => c(e.detail.rate)]), d && t.push([
       "hp:adstart",
-      (e) => m(e.detail.type)
-    ]), d && t.push([
-      "hp:adend",
       (e) => d(e.detail.type)
+    ]), m && t.push([
+      "hp:adend",
+      (e) => m(e.detail.type)
     ]), n && t.push(["hp:aderror", (e) => n(e.detail.message)]), v && t.push([
       "hp:itemchange",
       (e) => {
-        const s = e.detail;
-        v(s.index, s.source);
+        const p = e.detail;
+        v(p.index, p.source);
       }
     ]), y && t.push([
       "hp:sticky",
       (e) => {
-        const s = e.detail;
-        y(s.sticky, s.corner);
+        const p = e.detail;
+        y(p.sticky, p.corner);
       }
-    ]);
-    for (const [e, s] of t) r.addEventListener(e, s);
+    ]), x && t.push(["hp:sourcefallback", (e) => x(e.detail)]);
+    for (const [e, p] of t) s.addEventListener(e, p);
     return () => {
-      for (const [e, s] of t) r.removeEventListener(e, s);
+      for (const [e, p] of t) s.removeEventListener(e, p);
     };
   }, [
     i,
     f,
     l,
     u,
-    a,
     h,
+    a,
     c,
-    m,
     d,
+    m,
     n,
     v,
-    y
-  ]), w(
-    b,
+    y,
+    x
+  ]), O(
+    q,
     () => ({
       play: () => {
-        var r;
-        return ((r = p.current) == null ? void 0 : r.play()) ?? Promise.resolve();
+        var s;
+        return ((s = r.current) == null ? void 0 : s.play()) ?? Promise.resolve();
       },
       pause: () => {
-        var r;
-        return (r = p.current) == null ? void 0 : r.pause();
+        var s;
+        return (s = r.current) == null ? void 0 : s.pause();
       },
-      getElement: () => p.current
+      getElement: () => r.current
     }),
     []
-  ), /* @__PURE__ */ g("hope-player", { ref: p, className: H, style: L });
+  ), /* @__PURE__ */ w("hope-player", { ref: r, className: g, style: j });
 });
 export {
-  k as HopePlayer
+  B as HopePlayer
 };
 //# sourceMappingURL=hope-player-react.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"hope-player-react.js","sources":["../src/HopePlayer.tsx"],"sourcesContent":["/// <reference path=\"./jsx.d.ts\" />\n// \"use client\" burada değil: bundler kaynak direktifini atıp uyarı veriyor — vite.config.ts banner'ı çıktının ilk satırına ekliyor.\n\nimport { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';\nimport type { CSSProperties } from 'react';\nimport type {\n    HopePlayerElement as HopePlayerEl,\n    HopePlayerEventMap,\n    HopePlayerOptions,\n    StickyCorner,\n} from '@hopeplayer/core';\n\nexport interface HopePlayerProps extends HopePlayerOptions {\n    className?: string;\n    style?: CSSProperties;\n    onReady?: () => void;\n    onPlay?: () => void;\n    onPause?: () => void;\n    onEnded?: () => void;\n    onError?: (message: string) => void;\n    onQualityChange?: (label: string) => void;\n    onRateChange?: (rate: number) => void;\n    onAdStart?: (type: 'preroll' | 'midroll' | 'postroll') => void;\n    onAdEnd?: (type: 'preroll' | 'midroll' | 'postroll') => void;\n    onAdError?: (message: string) => void;\n    onItemChange?: (index: number, source: 'playlist' | 'story') => void;\n    onSticky?: (sticky: boolean, corner?: StickyCorner) => void;\n}\n\nexport interface HopePlayerHandle {\n    play(): Promise<void>;\n    pause(): void;\n    /** Çekirdeğin kendi API'sine (settings menü, plugin instance'ları vb.) doğrudan erişim için kaçış kapısı. */\n    getElement(): HopePlayerEl | null;\n}\n\n/**\n * <hope-player> için ince React sarmalayıcı: prop'ları `.options`'a yazar, `hp:*` event'lerini callback'lere çevirir.\n * Core `useEffect` içinde dinamik import edilir — statik import `HTMLElement` olmayan SSR'da (Next.js) çöker.\n */\nexport const HopePlayer = forwardRef<HopePlayerHandle, HopePlayerProps>(function HopePlayer(\n    {\n        className,\n        style,\n        onReady,\n        onPlay,\n        onPause,\n        onEnded,\n        onError,\n        onQualityChange,\n        onRateChange,\n        onAdStart,\n        onAdEnd,\n        onAdError,\n        onItemChange,\n        onSticky,\n        ...options\n    },\n    ref\n) {\n    const elRef = useRef<HopePlayerEl | null>(null);\n\n    useEffect(() => {\n        let cancelled = false;\n        // Her seferinde import'u bekle: element upgrade olmadan .options yazmak prototip accessor'ını kalıcı olarak maskeler.\n        import('@hopeplayer/core').then(() => {\n            if (cancelled) return;\n            const el = elRef.current;\n            if (el) el.options = options as HopePlayerOptions;\n        });\n        return () => {\n            cancelled = true;\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [JSON.stringify(options)]);\n\n    useEffect(() => {\n        const el = elRef.current;\n        if (!el) return;\n\n        const listeners: Array<[keyof HopePlayerEventMap, EventListener]> = [];\n        if (onReady) listeners.push(['hp:ready', () => onReady()]);\n        if (onPlay) listeners.push(['hp:play', () => onPlay()]);\n        if (onPause) listeners.push(['hp:pause', () => onPause()]);\n        if (onEnded) listeners.push(['hp:ended', () => onEnded()]);\n        if (onError) {\n            listeners.push(['hp:error', (e) => onError((e as CustomEvent<{ message: string }>).detail.message)]);\n        }\n        if (onQualityChange) {\n            listeners.push([\n                'hp:qualitychange',\n                (e) => onQualityChange((e as CustomEvent<{ label: string }>).detail.label),\n            ]);\n        }\n        if (onRateChange) {\n            listeners.push(['hp:ratechange', (e) => onRateChange((e as CustomEvent<{ rate: number }>).detail.rate)]);\n        }\n        if (onAdStart) {\n            listeners.push([\n                'hp:adstart',\n                (e) => onAdStart((e as CustomEvent<{ type: 'preroll' | 'midroll' | 'postroll' }>).detail.type),\n            ]);\n        }\n        if (onAdEnd) {\n            listeners.push([\n                'hp:adend',\n                (e) => onAdEnd((e as CustomEvent<{ type: 'preroll' | 'midroll' | 'postroll' }>).detail.type),\n            ]);\n        }\n        if (onAdError) {\n            listeners.push(['hp:aderror', (e) => onAdError((e as CustomEvent<{ message: string }>).detail.message)]);\n        }\n        if (onItemChange) {\n            listeners.push([\n                'hp:itemchange',\n                (e) => {\n                    const detail = (e as CustomEvent<{ index: number; source: 'playlist' | 'story' }>).detail;\n                    onItemChange(detail.index, detail.source);\n                },\n            ]);\n        }\n        if (onSticky) {\n            listeners.push([\n                'hp:sticky',\n                (e) => {\n                    const detail = (e as CustomEvent<{ sticky: boolean; corner?: StickyCorner }>).detail;\n                    onSticky(detail.sticky, detail.corner);\n                },\n            ]);\n        }\n\n        for (const [name, handler] of listeners) el.addEventListener(name, handler);\n        return () => {\n            for (const [name, handler] of listeners) el.removeEventListener(name, handler);\n        };\n    }, [\n        onReady,\n        onPlay,\n        onPause,\n        onEnded,\n        onError,\n        onQualityChange,\n        onRateChange,\n        onAdStart,\n        onAdEnd,\n        onAdError,\n        onItemChange,\n        onSticky,\n    ]);\n\n    useImperativeHandle(\n        ref,\n        () => ({\n            play: () => elRef.current?.play() ?? Promise.resolve(),\n            pause: () => elRef.current?.pause(),\n            getElement: () => elRef.current,\n        }),\n        []\n    );\n\n    return <hope-player ref={elRef} className={className} style={style} />;\n});\n"],"names":["HopePlayer","forwardRef","className","style","onReady","onPlay","onPause","onEnded","onError","onQualityChange","onRateChange","onAdStart","onAdEnd","onAdError","onItemChange","onSticky","options","ref","elRef","useRef","useEffect","cancelled","el","listeners","detail","name","handler","useImperativeHandle","_a","jsx"],"mappings":"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"}
+{"version":3,"file":"hope-player-react.js","sources":["../src/HopePlayer.tsx"],"sourcesContent":["/// <reference path=\"./jsx.d.ts\" />\n// \"use client\" burada değil: bundler kaynak direktifini atıp uyarı veriyor — vite.config.ts banner'ı çıktının ilk satırına ekliyor.\n\nimport { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';\nimport type { CSSProperties } from 'react';\nimport type {\n    HopePlayerElement as HopePlayerEl,\n    HopePlayerEventMap,\n    HopePlayerOptions,\n    StickyCorner,\n} from '@hopeplayer/core';\n\nexport interface HopePlayerProps extends HopePlayerOptions {\n    className?: string;\n    style?: CSSProperties;\n    onReady?: () => void;\n    onPlay?: () => void;\n    onPause?: () => void;\n    onEnded?: () => void;\n    onError?: (message: string) => void;\n    onQualityChange?: (label: string) => void;\n    onRateChange?: (rate: number) => void;\n    onAdStart?: (type: 'preroll' | 'midroll' | 'postroll') => void;\n    onAdEnd?: (type: 'preroll' | 'midroll' | 'postroll') => void;\n    onAdError?: (message: string) => void;\n    onItemChange?: (index: number, source: 'playlist' | 'story') => void;\n    onSticky?: (sticky: boolean, corner?: StickyCorner) => void;\n    /** Kaynak grubu düştü, sıradakine geçildi (bkz. `sourcePriority`). */\n    onSourceFallback?: (detail: HopePlayerEventMap['hp:sourcefallback']['detail']) => void;\n}\n\nexport interface HopePlayerHandle {\n    play(): Promise<void>;\n    pause(): void;\n    /** Çekirdeğin kendi API'sine (settings menü, plugin instance'ları vb.) doğrudan erişim için kaçış kapısı. */\n    getElement(): HopePlayerEl | null;\n}\n\n/**\n * <hope-player> için ince React sarmalayıcı: prop'ları `.options`'a yazar, `hp:*` event'lerini callback'lere çevirir.\n * Core `useEffect` içinde dinamik import edilir — statik import `HTMLElement` olmayan SSR'da (Next.js) çöker.\n */\nexport const HopePlayer = forwardRef<HopePlayerHandle, HopePlayerProps>(function HopePlayer(\n    {\n        className,\n        style,\n        onReady,\n        onPlay,\n        onPause,\n        onEnded,\n        onError,\n        onQualityChange,\n        onRateChange,\n        onAdStart,\n        onAdEnd,\n        onAdError,\n        onItemChange,\n        onSticky,\n        onSourceFallback,\n        ...options\n    },\n    ref\n) {\n    const elRef = useRef<HopePlayerEl | null>(null);\n\n    useEffect(() => {\n        let cancelled = false;\n        // Her seferinde import'u bekle: element upgrade olmadan .options yazmak prototip accessor'ını kalıcı olarak maskeler.\n        import('@hopeplayer/core').then(() => {\n            if (cancelled) return;\n            const el = elRef.current;\n            if (el) el.options = options as HopePlayerOptions;\n        });\n        return () => {\n            cancelled = true;\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [JSON.stringify(options)]);\n\n    useEffect(() => {\n        const el = elRef.current;\n        if (!el) return;\n\n        const listeners: Array<[keyof HopePlayerEventMap, EventListener]> = [];\n        if (onReady) listeners.push(['hp:ready', () => onReady()]);\n        if (onPlay) listeners.push(['hp:play', () => onPlay()]);\n        if (onPause) listeners.push(['hp:pause', () => onPause()]);\n        if (onEnded) listeners.push(['hp:ended', () => onEnded()]);\n        if (onError) {\n            listeners.push(['hp:error', (e) => onError((e as CustomEvent<{ message: string }>).detail.message)]);\n        }\n        if (onQualityChange) {\n            listeners.push([\n                'hp:qualitychange',\n                (e) => onQualityChange((e as CustomEvent<{ label: string }>).detail.label),\n            ]);\n        }\n        if (onRateChange) {\n            listeners.push(['hp:ratechange', (e) => onRateChange((e as CustomEvent<{ rate: number }>).detail.rate)]);\n        }\n        if (onAdStart) {\n            listeners.push([\n                'hp:adstart',\n                (e) => onAdStart((e as CustomEvent<{ type: 'preroll' | 'midroll' | 'postroll' }>).detail.type),\n            ]);\n        }\n        if (onAdEnd) {\n            listeners.push([\n                'hp:adend',\n                (e) => onAdEnd((e as CustomEvent<{ type: 'preroll' | 'midroll' | 'postroll' }>).detail.type),\n            ]);\n        }\n        if (onAdError) {\n            listeners.push(['hp:aderror', (e) => onAdError((e as CustomEvent<{ message: string }>).detail.message)]);\n        }\n        if (onItemChange) {\n            listeners.push([\n                'hp:itemchange',\n                (e) => {\n                    const detail = (e as CustomEvent<{ index: number; source: 'playlist' | 'story' }>).detail;\n                    onItemChange(detail.index, detail.source);\n                },\n            ]);\n        }\n        if (onSticky) {\n            listeners.push([\n                'hp:sticky',\n                (e) => {\n                    const detail = (e as CustomEvent<{ sticky: boolean; corner?: StickyCorner }>).detail;\n                    onSticky(detail.sticky, detail.corner);\n                },\n            ]);\n        }\n\n        if (onSourceFallback) {\n            listeners.push(['hp:sourcefallback', (e) => onSourceFallback((e as HopePlayerEventMap['hp:sourcefallback']).detail)]);\n        }\n\n        for (const [name, handler] of listeners) el.addEventListener(name, handler);\n        return () => {\n            for (const [name, handler] of listeners) el.removeEventListener(name, handler);\n        };\n    }, [\n        onReady,\n        onPlay,\n        onPause,\n        onEnded,\n        onError,\n        onQualityChange,\n        onRateChange,\n        onAdStart,\n        onAdEnd,\n        onAdError,\n        onItemChange,\n        onSticky,\n        onSourceFallback,\n    ]);\n\n    useImperativeHandle(\n        ref,\n        () => ({\n            play: () => elRef.current?.play() ?? Promise.resolve(),\n            pause: () => elRef.current?.pause(),\n            getElement: () => elRef.current,\n        }),\n        []\n    );\n\n    return <hope-player ref={elRef} className={className} style={style} />;\n});\n"],"names":["HopePlayer","forwardRef","className","style","onReady","onPlay","onPause","onEnded","onError","onQualityChange","onRateChange","onAdStart","onAdEnd","onAdError","onItemChange","onSticky","onSourceFallback","options","ref","elRef","useRef","useEffect","cancelled","el","listeners","detail","name","handler","useImperativeHandle","_a","jsx"],"mappings":"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"}

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@hopeplayer/react",
-  "version": "1.0.15",
+  "version": "1.0.17",
   "description": "Thin React wrapper around <hope-player> (@hopeplayer/core) — prop/event bridge only, no state duplication",
+  "keywords": ["react", "nextjs", "react-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": {
     "type": "git",
     "url": "git+https://github.com/umutyaldiz/hopecoreplayer.git",
@@ -34,11 +35,11 @@
     "typecheck": "tsc -p tsconfig.json --noEmit"
   },
   "peerDependencies": {
-    "@hopeplayer/core": "^1.0.15",
+    "@hopeplayer/core": "^1.0.17",
     "react": ">=18"
   },
   "devDependencies": {
-    "@hopeplayer/core": "^1.0.15",
+    "@hopeplayer/core": "^1.0.17",
     "@types/react": "^18.3.0",
     "react": "^18.3.0",
     "typescript": "^5.7.0",