@hanifhan1f/vidstack 1.12.13

package/npm/player/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference path="../elements.d.ts" />
+
+export {};

package/npm/player/layouts/default.d.ts

@@ -0,0 +1,3 @@
+/// <reference path="../../elements.d.ts" />
+
+export {};

package/npm/player/layouts/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference path="../../elements.d.ts" />
+
+export {};

package/npm/player/layouts/plyr.d.ts

@@ -0,0 +1,3 @@
+/// <reference path="../../elements.d.ts" />
+
+export {};

package/npm/player/ui.d.ts

@@ -0,0 +1,3 @@
+/// <reference path="../elements.d.ts" />
+
+export {};

package/npm/tailwind.cjs

@@ -0,0 +1,101 @@
+const createPlugin = require('tailwindcss/plugin');
+
+const mediaAttributes = [
+  'autoplay-error',
+  'autoplay',
+  'buffering',
+  'can-fullscreen',
+  'can-load-poster',
+  'can-load',
+  'can-pip',
+  'can-play',
+  'can-seek',
+  'captions',
+  'controls',
+  'ended',
+  'error',
+  'fullscreen',
+  'ios-controls',
+  'live-edge',
+  'live',
+  'loop',
+  'muted',
+  'paused',
+  'pip',
+  'playing',
+  'playsinline',
+  'preview',
+  'seeking',
+  'started',
+  'waiting',
+];
+
+module.exports = createPlugin.withOptions(function (options) {
+  const selector = options?.selector ?? (options?.webComponents ? 'media-player' : 'div'),
+    prefixOpt = options?.prefix ?? options?.mediaPrefix,
+    prefix = prefixOpt ? `${prefixOpt}-` : 'media-';
+
+  return function ({ addVariant }) {
+    function createVariant(name, attrName = name, extend = '') {
+      addVariant(`${prefix}${name}`, `${selector}[data-${attrName}]${extend} &`);
+      addVariant(`not-${prefix}${name}`, `${selector}:not([data-${attrName}]${extend}) &`);
+    }
+
+    // media-type + view type
+    for (const type of ['audio', 'video', 'unknown']) {
+      // e.g, media-video: => data-media-type="video"
+      createVariant(type, `media-type="${type}"`);
+      // e.g, media-view-video: => data-view-type="video"
+      createVariant(`view-${type}`, `view-type="${type}"`);
+    }
+
+    // stream type
+    const streamTypes = {
+      unknown: 'unknown',
+      demand: 'on-demand',
+      live: 'live',
+      dvr: 'live:dvr',
+      ll: 'll-live',
+      'll-dvr': 'll-live:dvr',
+    };
+
+    for (const [type, attrName] of Object.entries(streamTypes)) {
+      // e.g, media-stream-live: => data-stream-type="video"
+      createVariant(`stream-${type}`, `stream-type="${attrName}"`);
+    }
+
+    // remote playback state
+    for (const state of ['connected', 'connecting', 'disconnected']) {
+      // e.g, media-remote-connecting: => data-remote-state="connecting"
+      createVariant(`remote-${state}`, `remote-state="${state}"`);
+    }
+
+    // remote playback
+    const remoteTypeAlias = { airplay: 'air', 'google-cast': 'cast' };
+
+    for (const attr of ['airplay', 'can-airplay']) {
+      const name = attr.replace('airplay', remoteTypeAlias.airplay);
+      createVariant(name, attr);
+    }
+
+    for (const attr of ['google-cast', 'can-google-cast']) {
+      const name = attr.replace('google-cast', remoteTypeAlias['google-cast']);
+      createVariant(name, attr);
+    }
+
+    for (const type of ['airplay', 'google-cast']) {
+      for (const state of ['connecting', 'disconnected']) {
+        // e.g, media-air-connecting: => [data-remote-type="airplay"][data-remote-state="connecting"]
+        createVariant(
+          `${remoteTypeAlias[type]}-${state}`,
+          `remote-type="${type}"`,
+          `[data-remote-state="${state}"]`,
+        );
+      }
+    }
+
+    for (const name of mediaAttributes) {
+      createVariant(name);
+    }
+  };
+});

package/npm/tailwind.d.cts

@@ -0,0 +1,15 @@
+declare function plugin(options?: PluginOptions): {
+  handler: () => void;
+};
+
+declare namespace plugin {
+  const __isOptionsFunction: true;
+}
+
+export = plugin;
+
+export interface PluginOptions {
+  selector?: string;
+  prefix?: string;
+  webComponents?: boolean;
+}

package/package.json

@@ -0,0 +1,283 @@
+{
+  "name": "@hanifhan1f/vidstack",
+  "version": "1.12.13",
+  "description": "UI component library for building high-quality, accessible video and audio experiences on the web.",
+  "license": "MIT",
+  "type": "module",
+  "types": "src/index.ts",
+  "sideEffects": [
+    "./src/global/*.ts",
+    "./src/elements/bundles/**/*.ts",
+    "./dev/define/*.js",
+    "./prod/define/*.js",
+    "./dev/global/*.js",
+    "./prod/global/*.js"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "scripts": {
+    "analyze": "maverick analyze \"src/**/*.ts\" -p tsconfig.build.json",
+    "build": "rollup --config rollup.config.ts --configPlugin ./build/rollup-ts.js",
+    "build:css": "pnpm run build --config-css",
+    "build:cdn": "rimraf dist-cdn && pnpm run build --config-cdn",
+    "build:plugins": "pnpm run build --config-plugins",
+    "build:types": "pnpm run build --config-types",
+    "dev": "pnpm clean && pnpm declarations && pnpm watch",
+    "declarations": "tsc -p tsconfig.build.json",
+    "types": "pnpm declarations && pnpm run build:types",
+    "clean": "rimraf dist-npm",
+    "format": "prettier src --write --loglevel warn",
+    "sandbox": "node ../../.scripts/sandbox.js & pnpm run build:css -w",
+    "sandbox:build": "vite build sandbox",
+    "test": "vitest --run",
+    "test:watch": "vitest --watch",
+    "test:server": "SERVER=true vitest --run",
+    "test:server:watch": "SERVER=true vitest --watch",
+    "watch": "pnpm run watch:types & pnpm run build -w",
+    "watch:cdn": "pnpm run build:cdn -w",
+    "watch:types": "pnpm run declarations -w & pnpm run build:types -w"
+  },
+  "dependencies": {
+    "@floating-ui/dom": "^1.6.10",
+    "lit-html": "^2.8.0",
+    "media-captions": "^1.0.4",
+    "unplugin": "^1.12.0"
+  },
+  "devDependencies": {
+    "@maverick-js/cli": "0.43.2",
+    "@open-wc/semantic-dom-diff": "^0.20.1",
+    "@open-wc/testing-helpers": "^3.0.1",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@types/fs-extra": "^11.0.4",
+    "@types/fscreen": "^1.0.4",
+    "autoprefixer": "^10.4.20",
+    "compute-scroll-into-view": "^3.1.0",
+    "dashjs": "^4.7.4",
+    "es-module-lexer": "^1.5.4",
+    "esbuild": "^0.23.0",
+    "fscreen": "^1.2.0",
+    "get-tsconfig": "^4.7.6",
+    "hls.js": "^1.5.14",
+    "jassub": "^1.7.16",
+    "jsdom": "^21.1.2",
+    "just-debounce-it": "^3.2.0",
+    "just-throttle": "^4.2.0",
+    "magic-string": "^0.30.11",
+    "maverick.js": "0.43.2",
+    "media-icons": "^1.1.5",
+    "postcss": "^8.4.41",
+    "rimraf": "^3.0.2",
+    "rollup": "^4.20.0",
+    "rollup-plugin-dts": "^6.1.1",
+    "rollup-pluginutils": "^2.8.2",
+    "solid-js": "^1.8.19",
+    "svelte": "^4.2.18",
+    "tailwindcss": "^3.4.7",
+    "tslib": "^2.6.3",
+    "tsx": "^4.16.5",
+    "type-fest": "^3.13.1",
+    "typescript": "^5.6.0",
+    "vite": "^5.3.5",
+    "vitest": "^0.34.6",
+    "vue": "^3.4.36"
+  },
+  "contributors": [
+    "Rahim Alwer <rahim.alwer@gmail.com>",
+    "Dave Furfero <furf@furf.com>",
+    "Sam Potts <sam@potts.es>"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vidstack/player.git",
+    "directory": "packages/vidstack"
+  },
+  "bugs": {
+    "url": "https://github.com/vidstack/player/issues"
+  },
+  "exports": {
+    ".": "./src/index.ts",
+    "./elements": "./src/elements/index.ts",
+    "./global/player": "./src/global/player.ts",
+    "./global/plyr": "./src/global/plyr.ts",
+    "./icons": "./src/elements/bundles/icons.ts",
+    "./player": "./src/elements/bundles/player.ts",
+    "./player/ui": "./src/elements/bundles/player-ui.ts",
+    "./player/layouts": "./src/elements/bundles/player-layouts/index.ts",
+    "./player/layouts/default": "./src/elements/bundles/player-layouts/default.ts",
+    "./player/layouts/plyr": "./src/elements/bundles/player-layouts/plyr.ts",
+    "./types/*": "./types/*",
+    "./player/styles/*": "./styles/player/*",
+    "./vue": "./npm/vue.d.ts",
+    "./svelte": "./npm/svelte.d.ts",
+    "./solid": "./npm/solid.d.ts",
+    "./bundle": {
+      "types": "./src/elements/index.ts"
+    },
+    "./exports/*": "./src/exports/*",
+    "./plugins": "./src/plugins.ts",
+    "./package.json": "./package.json"
+  },
+  "$types": "index.d.ts",
+  "$exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "worker": "./server/vidstack.js",
+      "browser": {
+        "development": "./dev/vidstack.js",
+        "default": "./prod/vidstack.js"
+      },
+      "default": "./server/vidstack.js"
+    },
+    "./elements": {
+      "types": "./elements.d.ts",
+      "worker": "./server/vidstack-elements.js",
+      "browser": {
+        "development": "./dev/vidstack-elements.js",
+        "default": "./prod/vidstack-elements.js"
+      },
+      "default": "./server/vidstack-elements.js"
+    },
+    "./global/player": {
+      "types": "./global/player.d.ts",
+      "worker": "./server/global/vidstack-player.js",
+      "browser": {
+        "development": "./dev/global/vidstack-player.js",
+        "default": "./prod/global/vidstack-player.js"
+      },
+      "default": "./server/global/vidstack-player.js"
+    },
+    "./global/plyr": {
+      "types": "./global/plyr.d.ts",
+      "worker": "./server/global/plyr.js",
+      "browser": {
+        "development": "./dev/global/plyr.js",
+        "default": "./prod/global/plyr.js"
+      },
+      "default": "./server/global/plyr.js"
+    },
+    "./icons": {
+      "types": "./icons.d.ts",
+      "worker": "./server/define/vidstack-icons.js",
+      "browser": {
+        "development": "./dev/define/vidstack-icons.js",
+        "default": "./prod/define/vidstack-icons.js"
+      },
+      "default": "./server/define/vidstack-icons.js"
+    },
+    "./player": {
+      "types": "./player/index.d.ts",
+      "worker": "./server/define/vidstack-player.js",
+      "browser": {
+        "development": "./dev/define/vidstack-player.js",
+        "default": "./prod/define/vidstack-player.js"
+      },
+      "default": "./server/define/vidstack-player.js"
+    },
+    "./player/ui": {
+      "types": "./player/ui.d.ts",
+      "worker": "./server/define/vidstack-player-ui.js",
+      "browser": {
+        "development": "./dev/define/vidstack-player-ui.js",
+        "default": "./prod/define/vidstack-player-ui.js"
+      },
+      "default": "./server/define/vidstack-player-ui.js"
+    },
+    "./player/layouts": {
+      "types": "./player/layouts/index.d.ts",
+      "worker": "./server/define/vidstack-player-layouts.js",
+      "browser": {
+        "development": "./dev/define/vidstack-player-layouts.js",
+        "default": "./prod/define/vidstack-player-layouts.js"
+      },
+      "default": "./server/define/vidstack-player-layouts.js"
+    },
+    "./player/layouts/default": {
+      "types": "./player/layouts/default.d.ts",
+      "worker": "./server/define/vidstack-player-default-layout.js",
+      "browser": {
+        "development": "./dev/define/vidstack-player-default-layout.js",
+        "default": "./prod/define/vidstack-player-default-layout.js"
+      },
+      "default": "./server/define/vidstack-player-default-layout.js"
+    },
+    "./player/layouts/plyr": {
+      "types": "./player/layouts/plyr.d.ts",
+      "worker": "./server/define/plyr-layout.js",
+      "browser": {
+        "development": "./dev/define/plyr-layout.js",
+        "default": "./prod/define/plyr-layout.js"
+      },
+      "default": "./server/define/plyr-layout.js"
+    },
+    "./types/*": "./types/*",
+    "./player/styles/*": "./player/styles/*",
+    "./package.json": "./package.json",
+    "./tailwind.cjs": {
+      "types": "./tailwind.d.cts",
+      "default": "./tailwind.cjs"
+    },
+    "./analyze.json": {
+      "types": "./analyze.json.d.ts",
+      "default": "./analyze.json"
+    },
+    "./elements.json": "./elements.json",
+    "./vue": {
+      "types": "./vue.d.ts",
+      "default": "./vue.d.ts"
+    },
+    "./svelte": {
+      "types": "./svelte.d.ts",
+      "default": "./svelte.d.ts"
+    },
+    "./solid": {
+      "types": "./solid.d.ts",
+      "default": "./solid.d.ts"
+    },
+    "./bundle": {
+      "types": "./bundle.d.ts",
+      "default": "./bundle.d.ts"
+    },
+    "./plugins": {
+      "types": "./plugins.d.ts",
+      "default": "./plugins.js"
+    },
+    "./dom.d.ts": "./dom.d.ts",
+    "./google-cast.d.ts": "./google-cast.d.ts",
+    "./vscode.html-data.json": "./vscode.html-data.json"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "accessible",
+    "analytics",
+    "audio",
+    "customizable",
+    "dailymotion",
+    "elements",
+    "extensible",
+    "file",
+    "framework-agnostic",
+    "headless",
+    "hls",
+    "html5",
+    "jwplayer",
+    "media",
+    "plyr",
+    "player",
+    "spec-compliant",
+    "tailwind",
+    "universal",
+    "uploader",
+    "vds",
+    "video",
+    "videojs",
+    "vidstack",
+    "vime",
+    "vimeo",
+    "web-component",
+    "universal",
+    "youtube"
+  ]
+}