@frameset/plex-player 1.0.0

package/dist/vue/index.js

@@ -0,0 +1,291 @@
+/*!
+ * @frameset/plex-player v1.0.0
+ * Professional video player with VAST ads, Chromecast, PiP, subtitles, playlists and more. Built by FRAMESET Studio.
+ * (c) 2026 FRAMESET Studio
+ * Released under the MIT License
+ * https://frameset.dev/plex-player
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var PlexPlayer = require('../core/index.js');
+
+/**
+ * @frameset/plex-player - Vue Component
+ * Professional Video Player by FRAMESET Studio
+ * https://frameset.dev
+ */
+
+
+// Provide/inject key
+const PlexPlayerKey = Symbol('PlexPlayer');
+
+/**
+ * Composable to access player instance
+ */
+function usePlexPlayer() {
+  return vue.inject(PlexPlayerKey, vue.ref(null));
+}
+
+/**
+ * PlexPlayer Vue Component
+ */
+const PlexPlayerVue = vue.defineComponent({
+  name: 'PlexPlayer',
+  props: {
+    src: {
+      type: String,
+      default: ''
+    },
+    playlist: {
+      type: Array,
+      default: () => []
+    },
+    autoplay: {
+      type: Boolean,
+      default: false
+    },
+    muted: {
+      type: Boolean,
+      default: false
+    },
+    loop: {
+      type: Boolean,
+      default: false
+    },
+    volume: {
+      type: Number,
+      default: 1
+    },
+    poster: {
+      type: String,
+      default: ''
+    },
+    preload: {
+      type: String,
+      default: 'metadata'
+    },
+    keyboard: {
+      type: Boolean,
+      default: true
+    },
+    touch: {
+      type: Boolean,
+      default: true
+    },
+    pip: {
+      type: Boolean,
+      default: true
+    },
+    cast: {
+      type: Boolean,
+      default: true
+    },
+    fullscreen: {
+      type: Boolean,
+      default: true
+    },
+    controlsHideDelay: {
+      type: Number,
+      default: 3000
+    },
+    theme: {
+      type: Object,
+      default: () => ({})
+    },
+    subtitles: {
+      type: Object,
+      default: () => ({})
+    },
+    ads: {
+      type: Object,
+      default: () => ({})
+    },
+    i18n: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ['play', 'pause', 'ended', 'timeupdate', 'progress', 'volumechange', 'fullscreenchange', 'error', 'ready'],
+  setup(props, {
+    emit,
+    slots,
+    expose
+  }) {
+    const containerRef = vue.ref(null);
+    const playerRef = vue.ref(null);
+    const isReady = vue.ref(false);
+
+    // Provide player to child components
+    vue.provide(PlexPlayerKey, playerRef);
+    vue.onMounted(() => {
+      if (!containerRef.value) return;
+
+      // Create player instance
+      const player = new PlexPlayer({
+        container: containerRef.value,
+        autoplay: props.autoplay,
+        muted: props.muted,
+        loop: props.loop,
+        volume: props.volume,
+        poster: props.poster,
+        preload: props.preload,
+        keyboard: props.keyboard,
+        touch: props.touch,
+        pip: props.pip,
+        cast: props.cast,
+        fullscreen: props.fullscreen,
+        controlsHideDelay: props.controlsHideDelay,
+        theme: props.theme,
+        subtitles: props.subtitles,
+        ads: props.ads,
+        i18n: props.i18n
+      });
+      playerRef.value = player;
+
+      // Bind events
+      player.on('play', () => emit('play'));
+      player.on('pause', () => emit('pause'));
+      player.on('ended', () => emit('ended'));
+      player.on('timeupdate', data => emit('timeupdate', data.currentTime));
+      player.on('progress', data => emit('progress', data.buffered));
+      player.on('volumechange', data => emit('volumechange', data));
+      player.on('fullscreenchange', data => emit('fullscreenchange', data.isFullscreen));
+      player.on('error', error => emit('error', error));
+      isReady.value = true;
+      emit('ready', player);
+
+      // Load initial source
+      if (props.src) {
+        player.load(props.src);
+      } else if (props.playlist.length > 0) {
+        player.loadPlaylist(props.playlist);
+      }
+    });
+    vue.onBeforeUnmount(() => {
+      if (playerRef.value) {
+        playerRef.value.destroy();
+        playerRef.value = null;
+      }
+    });
+
+    // Watch for src changes
+    vue.watch(() => props.src, newSrc => {
+      if (playerRef.value && newSrc) {
+        playerRef.value.load(newSrc);
+      }
+    });
+
+    // Watch for playlist changes
+    vue.watch(() => props.playlist, newPlaylist => {
+      if (playerRef.value && newPlaylist?.length > 0) {
+        playerRef.value.loadPlaylist(newPlaylist);
+      }
+    }, {
+      deep: true
+    });
+
+    // Watch for volume changes
+    vue.watch(() => props.volume, newVolume => {
+      if (playerRef.value) {
+        playerRef.value.setVolume(newVolume);
+      }
+    });
+
+    // Watch for muted changes
+    vue.watch(() => props.muted, newMuted => {
+      if (playerRef.value) {
+        if (newMuted) {
+          playerRef.value.mute();
+        } else {
+          playerRef.value.unmute();
+        }
+      }
+    });
+
+    // Expose methods
+    expose({
+      play: () => playerRef.value?.play(),
+      pause: () => playerRef.value?.pause(),
+      togglePlay: () => playerRef.value?.togglePlay(),
+      seek: time => playerRef.value?.seek(time),
+      seekPercent: percent => playerRef.value?.seekPercent(percent),
+      setVolume: vol => playerRef.value?.setVolume(vol),
+      getVolume: () => playerRef.value?.getVolume(),
+      mute: () => playerRef.value?.mute(),
+      unmute: () => playerRef.value?.unmute(),
+      toggleMute: () => playerRef.value?.toggleMute(),
+      setPlaybackRate: rate => playerRef.value?.setPlaybackRate(rate),
+      enterFullscreen: () => playerRef.value?.enterFullscreen(),
+      exitFullscreen: () => playerRef.value?.exitFullscreen(),
+      toggleFullscreen: () => playerRef.value?.toggleFullscreen(),
+      enterPiP: () => playerRef.value?.enterPiP(),
+      exitPiP: () => playerRef.value?.exitPiP(),
+      togglePiP: () => playerRef.value?.togglePiP(),
+      cast: () => playerRef.value?.cast(),
+      getState: () => playerRef.value?.getState(),
+      getPlayer: () => playerRef.value,
+      next: () => playerRef.value?.next(),
+      previous: () => playerRef.value?.previous(),
+      playAt: index => playerRef.value?.playAt(index)
+    });
+    return () => vue.h('div', {
+      ref: containerRef,
+      class: 'plex-player-container',
+      style: {
+        width: '100%',
+        height: '100%',
+        position: 'relative'
+      }
+    }, slots.default?.());
+  }
+});
+
+// Composables
+function usePlexPlayerState() {
+  const player = usePlexPlayer();
+  const state = vue.ref(null);
+  vue.watch(player, p => {
+    if (!p) return;
+    const updateState = () => {
+      state.value = p.getState();
+    };
+    p.on('timeupdate', updateState);
+    p.on('play', updateState);
+    p.on('pause', updateState);
+    p.on('volumechange', updateState);
+    updateState();
+  }, {
+    immediate: true
+  });
+  return state;
+}
+function usePlexPlayerTime() {
+  const player = usePlexPlayer();
+  const time = vue.ref({
+    current: 0,
+    duration: 0
+  });
+  vue.watch(player, p => {
+    if (!p) return;
+    p.on('timeupdate', data => {
+      time.value = {
+        current: data.currentTime,
+        duration: data.duration
+      };
+    });
+  }, {
+    immediate: true
+  });
+  return time;
+}
+
+exports.PlexPlayer = PlexPlayer;
+exports.PlexPlayerVue = PlexPlayerVue;
+exports.default = PlexPlayerVue;
+exports.usePlexPlayer = usePlexPlayer;
+exports.usePlexPlayerState = usePlexPlayerState;
+exports.usePlexPlayerTime = usePlexPlayerTime;
+//# sourceMappingURL=index.js.map

package/dist/vue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/vue/index.js"],"sourcesContent":["/**\r\n * @frameset/plex-player - Vue Component\r\n * Professional Video Player by FRAMESET Studio\r\n * https://frameset.dev\r\n */\r\n\r\nimport { \r\n  defineComponent, \r\n  ref, \r\n  onMounted, \r\n  onBeforeUnmount, \r\n  watch,\r\n  provide,\r\n  inject,\r\n  h\r\n} from 'vue';\r\n\r\n// Import core player\r\nimport PlexPlayer from '../core/index.js';\r\n\r\n// Provide/inject key\r\nconst PlexPlayerKey = Symbol('PlexPlayer');\r\n\r\n/**\r\n * Composable to access player instance\r\n */\r\nexport function usePlexPlayer() {\r\n  return inject(PlexPlayerKey, ref(null));\r\n}\r\n\r\n/**\r\n * PlexPlayer Vue Component\r\n */\r\nexport const PlexPlayerVue = defineComponent({\r\n  name: 'PlexPlayer',\r\n\r\n  props: {\r\n    src: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n    playlist: {\r\n      type: Array,\r\n      default: () => [],\r\n    },\r\n    autoplay: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    muted: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    loop: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    volume: {\r\n      type: Number,\r\n      default: 1,\r\n    },\r\n    poster: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n    preload: {\r\n      type: String,\r\n      default: 'metadata',\r\n    },\r\n    keyboard: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    touch: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    pip: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    cast: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    fullscreen: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    controlsHideDelay: {\r\n      type: Number,\r\n      default: 3000,\r\n    },\r\n    theme: {\r\n      type: Object,\r\n      default: () => ({}),\r\n    },\r\n    subtitles: {\r\n      type: Object,\r\n      default: () => ({}),\r\n    },\r\n    ads: {\r\n      type: Object,\r\n      default: () => ({}),\r\n    },\r\n    i18n: {\r\n      type: Object,\r\n      default: () => ({}),\r\n    },\r\n  },\r\n\r\n  emits: [\r\n    'play',\r\n    'pause',\r\n    'ended',\r\n    'timeupdate',\r\n    'progress',\r\n    'volumechange',\r\n    'fullscreenchange',\r\n    'error',\r\n    'ready',\r\n  ],\r\n\r\n  setup(props, { emit, slots, expose }) {\r\n    const containerRef = ref(null);\r\n    const playerRef = ref(null);\r\n    const isReady = ref(false);\r\n\r\n    // Provide player to child components\r\n    provide(PlexPlayerKey, playerRef);\r\n\r\n    onMounted(() => {\r\n      if (!containerRef.value) return;\r\n\r\n      // Create player instance\r\n      const player = new PlexPlayer({\r\n        container: containerRef.value,\r\n        autoplay: props.autoplay,\r\n        muted: props.muted,\r\n        loop: props.loop,\r\n        volume: props.volume,\r\n        poster: props.poster,\r\n        preload: props.preload,\r\n        keyboard: props.keyboard,\r\n        touch: props.touch,\r\n        pip: props.pip,\r\n        cast: props.cast,\r\n        fullscreen: props.fullscreen,\r\n        controlsHideDelay: props.controlsHideDelay,\r\n        theme: props.theme,\r\n        subtitles: props.subtitles,\r\n        ads: props.ads,\r\n        i18n: props.i18n,\r\n      });\r\n\r\n      playerRef.value = player;\r\n\r\n      // Bind events\r\n      player.on('play', () => emit('play'));\r\n      player.on('pause', () => emit('pause'));\r\n      player.on('ended', () => emit('ended'));\r\n      player.on('timeupdate', (data) => emit('timeupdate', data.currentTime));\r\n      player.on('progress', (data) => emit('progress', data.buffered));\r\n      player.on('volumechange', (data) => emit('volumechange', data));\r\n      player.on('fullscreenchange', (data) => emit('fullscreenchange', data.isFullscreen));\r\n      player.on('error', (error) => emit('error', error));\r\n\r\n      isReady.value = true;\r\n      emit('ready', player);\r\n\r\n      // Load initial source\r\n      if (props.src) {\r\n        player.load(props.src);\r\n      } else if (props.playlist.length > 0) {\r\n        player.loadPlaylist(props.playlist);\r\n      }\r\n    });\r\n\r\n    onBeforeUnmount(() => {\r\n      if (playerRef.value) {\r\n        playerRef.value.destroy();\r\n        playerRef.value = null;\r\n      }\r\n    });\r\n\r\n    // Watch for src changes\r\n    watch(() => props.src, (newSrc) => {\r\n      if (playerRef.value && newSrc) {\r\n        playerRef.value.load(newSrc);\r\n      }\r\n    });\r\n\r\n    // Watch for playlist changes\r\n    watch(() => props.playlist, (newPlaylist) => {\r\n      if (playerRef.value && newPlaylist?.length > 0) {\r\n        playerRef.value.loadPlaylist(newPlaylist);\r\n      }\r\n    }, { deep: true });\r\n\r\n    // Watch for volume changes\r\n    watch(() => props.volume, (newVolume) => {\r\n      if (playerRef.value) {\r\n        playerRef.value.setVolume(newVolume);\r\n      }\r\n    });\r\n\r\n    // Watch for muted changes\r\n    watch(() => props.muted, (newMuted) => {\r\n      if (playerRef.value) {\r\n        if (newMuted) {\r\n          playerRef.value.mute();\r\n        } else {\r\n          playerRef.value.unmute();\r\n        }\r\n      }\r\n    });\r\n\r\n    // Expose methods\r\n    expose({\r\n      play: () => playerRef.value?.play(),\r\n      pause: () => playerRef.value?.pause(),\r\n      togglePlay: () => playerRef.value?.togglePlay(),\r\n      seek: (time) => playerRef.value?.seek(time),\r\n      seekPercent: (percent) => playerRef.value?.seekPercent(percent),\r\n      setVolume: (vol) => playerRef.value?.setVolume(vol),\r\n      getVolume: () => playerRef.value?.getVolume(),\r\n      mute: () => playerRef.value?.mute(),\r\n      unmute: () => playerRef.value?.unmute(),\r\n      toggleMute: () => playerRef.value?.toggleMute(),\r\n      setPlaybackRate: (rate) => playerRef.value?.setPlaybackRate(rate),\r\n      enterFullscreen: () => playerRef.value?.enterFullscreen(),\r\n      exitFullscreen: () => playerRef.value?.exitFullscreen(),\r\n      toggleFullscreen: () => playerRef.value?.toggleFullscreen(),\r\n      enterPiP: () => playerRef.value?.enterPiP(),\r\n      exitPiP: () => playerRef.value?.exitPiP(),\r\n      togglePiP: () => playerRef.value?.togglePiP(),\r\n      cast: () => playerRef.value?.cast(),\r\n      getState: () => playerRef.value?.getState(),\r\n      getPlayer: () => playerRef.value,\r\n      next: () => playerRef.value?.next(),\r\n      previous: () => playerRef.value?.previous(),\r\n      playAt: (index) => playerRef.value?.playAt(index),\r\n    });\r\n\r\n    return () => h(\r\n      'div',\r\n      {\r\n        ref: containerRef,\r\n        class: 'plex-player-container',\r\n        style: {\r\n          width: '100%',\r\n          height: '100%',\r\n          position: 'relative',\r\n        },\r\n      },\r\n      slots.default?.()\r\n    );\r\n  },\r\n});\r\n\r\n// Composables\r\nexport function usePlexPlayerState() {\r\n  const player = usePlexPlayer();\r\n  const state = ref(null);\r\n\r\n  watch(player, (p) => {\r\n    if (!p) return;\r\n\r\n    const updateState = () => {\r\n      state.value = p.getState();\r\n    };\r\n\r\n    p.on('timeupdate', updateState);\r\n    p.on('play', updateState);\r\n    p.on('pause', updateState);\r\n    p.on('volumechange', updateState);\r\n\r\n    updateState();\r\n  }, { immediate: true });\r\n\r\n  return state;\r\n}\r\n\r\nexport function usePlexPlayerTime() {\r\n  const player = usePlexPlayer();\r\n  const time = ref({ current: 0, duration: 0 });\r\n\r\n  watch(player, (p) => {\r\n    if (!p) return;\r\n\r\n    p.on('timeupdate', (data) => {\r\n      time.value = {\r\n        current: data.currentTime,\r\n        duration: data.duration,\r\n      };\r\n    });\r\n  }, { immediate: true });\r\n\r\n  return time;\r\n}\r\n\r\n// Named exports\r\nexport { PlexPlayer };\r\nexport default PlexPlayerVue;\r\n"],"names":["PlexPlayerKey","Symbol","usePlexPlayer","inject","ref","PlexPlayerVue","defineComponent","name","props","src","type","String","default","playlist","Array","autoplay","Boolean","muted","loop","volume","Number","poster","preload","keyboard","touch","pip","cast","fullscreen","controlsHideDelay","theme","Object","subtitles","ads","i18n","emits","setup","emit","slots","expose","containerRef","playerRef","isReady","provide","onMounted","value","player","PlexPlayer","container","on","data","currentTime","buffered","isFullscreen","error","load","length","loadPlaylist","onBeforeUnmount","destroy","watch","newSrc","newPlaylist","deep","newVolume","setVolume","newMuted","mute","unmute","play","pause","togglePlay","seek","time","seekPercent","percent","vol","getVolume","toggleMute","setPlaybackRate","rate","enterFullscreen","exitFullscreen","toggleFullscreen","enterPiP","exitPiP","togglePiP","getState","getPlayer","next","previous","playAt","index","h","class","style","width","height","position","usePlexPlayerState","state","p","updateState","immediate","usePlexPlayerTime","current","duration"],"mappings":"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"}

package/package.json

@@ -0,0 +1,132 @@
+{
+  "name": "@frameset/plex-player",
+  "version": "1.0.0",
+  "type": "module",
+  "description": "Professional video player with VAST ads, Chromecast, PiP, subtitles, playlists and more. Built by FRAMESET Studio.",
+  "main": "dist/plex-player.cjs.js",
+  "module": "dist/plex-player.esm.js",
+  "browser": "dist/plex-player.min.js",
+  "types": "dist/plex-player.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/plex-player.esm.js",
+      "require": "./dist/plex-player.cjs.js",
+      "types": "./dist/plex-player.d.ts"
+    },
+    "./react": {
+      "import": "./dist/react/index.esm.js",
+      "require": "./dist/react/index.js",
+      "types": "./src/types/index.d.ts"
+    },
+    "./vue": {
+      "import": "./dist/vue/index.esm.js",
+      "require": "./dist/vue/index.js",
+      "types": "./src/types/index.d.ts"
+    },
+    "./css": "./dist/plex-player.css",
+    "./dist/*": "./dist/*"
+  },
+  "files": [
+    "dist",
+    "src",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "rollup -c",
+    "build:watch": "rollup -c -w",
+    "dev": "vite",
+    "preview": "vite preview",
+    "test": "vitest",
+    "lint": "eslint src/",
+    "prepare": "npm run build",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "video",
+    "player",
+    "video-player",
+    "html5-video",
+    "chromecast",
+    "cast",
+    "vast",
+    "ads",
+    "advertising",
+    "pip",
+    "picture-in-picture",
+    "subtitles",
+    "vtt",
+    "srt",
+    "ass",
+    "playlist",
+    "react",
+    "vue",
+    "typescript",
+    "responsive",
+    "touch",
+    "mobile",
+    "streaming",
+    "media",
+    "frameset"
+  ],
+  "author": {
+    "name": "FRAMESET Studio",
+    "email": "hello@frameset.dev",
+    "url": "https://frameset.dev"
+  },
+  "license": "MIT",
+  "homepage": "https://frameset.dev/plex-player",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/deadseti/plex-player.git"
+  },
+  "bugs": {
+    "url": "https://github.com/deadseti/plex-player/issues"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/deadseti"
+  },
+  "engines": {
+    "node": ">=16.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
+    "vue": ">=3.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@babel/core": "^7.24.0",
+    "@babel/preset-env": "^7.24.0",
+    "@babel/preset-react": "^7.24.0",
+    "@rollup/plugin-babel": "^6.0.0",
+    "@rollup/plugin-commonjs": "^25.0.0",
+    "@rollup/plugin-node-resolve": "^15.0.0",
+    "@rollup/plugin-terser": "^0.4.0",
+    "@types/node": "^20.0.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "eslint": "^8.0.0",
+    "postcss": "^8.0.0",
+    "rollup": "^4.0.0",
+    "rollup-plugin-copy": "^3.5.0",
+    "rollup-plugin-postcss": "^4.0.0",
+    "typescript": "^5.0.0",
+    "vite": "^5.0.0",
+    "vitest": "^1.0.0"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ]
+}