@gallerist/plugin-video 0.0.0-stage → 0.3.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Shafayet Ahmmed
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,29 @@
-# Temporary Holding Version
+# @gallerist/plugin-video
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Gallerist plugin — HTML5 <video> media adapter (play/pause on slide enter/leave, advance on ended).
+
+Part of [Gallerist](https://github.com/shafayet9780/gallerist#readme) — a headless, framework-agnostic media viewer for grouped / nested galleries with image-space overlays and virtualized rendering.
+
+## Install
+
+```bash
+npm i @gallerist/plugin-video
+```
+
+## Usage
+
+Tree-shakeable Gallerist plugin. Register it when you create the viewer:
+
+```ts
+import { createViewer } from '@gallerist/core'
+// import the plugin's factory from this package and pass it to `plugins`
+const viewer = createViewer({ items, plugins: [/* plugin() */] })
+```
+
+See [Plugin authoring](https://github.com/shafayet9780/gallerist/blob/main/docs/PLUGIN-AUTHORING.md).
+
+Full docs: the [monorepo README](https://github.com/shafayet9780/gallerist#readme) and [`docs/`](https://github.com/shafayet9780/gallerist/tree/main/docs).
+
+## License
+
+MIT © Shafayet Ahmmed

package/dist/index.cjs

@@ -0,0 +1,72 @@
+'use strict';
+
+// src/index.ts
+function srcOf(source) {
+  if (typeof source === "string") return source;
+  if ("src" in source) return source.src;
+  return null;
+}
+function videoAdapter(viewer, opts = {}) {
+  return {
+    type: "video",
+    match: (item) => item.type === "video",
+    mount(item, slot, ctx) {
+      const video2 = document.createElement("video");
+      video2.className = "gallerist-media gallerist-media-video";
+      video2.controls = opts.controls ?? true;
+      video2.muted = opts.muted ?? false;
+      video2.playsInline = true;
+      video2.preload = "metadata";
+      if (item.placeholder) video2.poster = item.placeholder;
+      const src = srcOf(item.source);
+      if (src) video2.src = src;
+      else if (typeof item.source === "object" && "loader" in item.source) {
+        item.source.loader(ctx.signal).then((res) => {
+          if (!ctx.signal.aborted && typeof res === "string") video2.src = res;
+        });
+      }
+      const onEnded = () => {
+        if (opts.advanceOnEnded === false) return;
+        if (opts.advanceAxis === "item") viewer.nextItem();
+        else viewer.next();
+      };
+      video2.addEventListener("ended", onEnded);
+      slot.appendChild(video2);
+      const ready = new Promise((resolve, reject) => {
+        if (ctx.signal.aborted) return reject(new DOMException("aborted", "AbortError"));
+        video2.addEventListener("loadeddata", () => resolve(), { once: true });
+        video2.addEventListener("error", () => reject(new Error(`video error: ${item.id}`)), {
+          once: true
+        });
+      });
+      ready.catch(() => {
+      });
+      return {
+        element: video2,
+        ready,
+        supportsZoom: false,
+        naturalSize: () => video2.videoWidth ? { w: video2.videoWidth, h: video2.videoHeight } : item.naturalSize ?? null,
+        activate: () => {
+          void video2.play().catch(() => {
+          });
+        },
+        deactivate: () => video2.pause(),
+        destroy: () => {
+          video2.removeEventListener("ended", onEnded);
+          video2.pause();
+          video2.removeAttribute("src");
+          video2.load();
+          video2.remove();
+        }
+      };
+    }
+  };
+}
+function video(opts = {}) {
+  return (viewer) => ({ name: "video", mediaAdapters: [videoAdapter(viewer, opts)] });
+}
+
+exports.video = video;
+exports.videoAdapter = videoAdapter;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"names":["video"],"mappings":"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","file":"index.cjs","sourcesContent":["// @gallerist/plugin-video — HTML5 <video> media adapter (spec §12/§14). The renderer calls\n// activate/deactivate on slide enter/leave (play/pause); \"advance on ended\" drives navigation.\n\nimport type {\n  AdapterCtx,\n  Item,\n  MediaAdapter,\n  MediaSource,\n  Plugin,\n  ViewerApi,\n} from '@gallerist/core'\n\nexport interface VideoOptions {\n  controls?: boolean\n  muted?: boolean\n  /** advance to the next slide when a video ends (default true). */\n  advanceOnEnded?: boolean\n  /** which axis to advance on ended (default 'group'). */\n  advanceAxis?: 'group' | 'item'\n}\n\nfunction srcOf(source: MediaSource): string | null {\n  if (typeof source === 'string') return source\n  if ('src' in source) return source.src\n  return null // loader handled async below; tiles unsupported\n}\n\nexport function videoAdapter(viewer: ViewerApi, opts: VideoOptions = {}): MediaAdapter {\n  return {\n    type: 'video',\n    match: (item) => item.type === 'video',\n    mount(item: Item, slot: HTMLElement, ctx: AdapterCtx) {\n      const video = document.createElement('video')\n      video.className = 'gallerist-media gallerist-media-video'\n      video.controls = opts.controls ?? true\n      video.muted = opts.muted ?? false\n      video.playsInline = true\n      video.preload = 'metadata'\n      if (item.placeholder) video.poster = item.placeholder\n\n      const src = srcOf(item.source)\n      if (src) video.src = src\n      else if (typeof item.source === 'object' && 'loader' in item.source) {\n        item.source.loader(ctx.signal).then((res) => {\n          if (!ctx.signal.aborted && typeof res === 'string') video.src = res\n        })\n      }\n\n      const onEnded = () => {\n        if (opts.advanceOnEnded === false) return\n        if (opts.advanceAxis === 'item') viewer.nextItem()\n        else viewer.next()\n      }\n      video.addEventListener('ended', onEnded)\n      slot.appendChild(video)\n\n      const ready = new Promise<void>((resolve, reject) => {\n        if (ctx.signal.aborted) return reject(new DOMException('aborted', 'AbortError'))\n        video.addEventListener('loadeddata', () => resolve(), { once: true })\n        video.addEventListener('error', () => reject(new Error(`video error: ${item.id}`)), {\n          once: true,\n        })\n      })\n      ready.catch(() => {})\n\n      return {\n        element: video,\n        ready,\n        supportsZoom: false,\n        naturalSize: () =>\n          video.videoWidth\n            ? { w: video.videoWidth, h: video.videoHeight }\n            : (item.naturalSize ?? null),\n        activate: () => {\n          void video.play().catch(() => {})\n        },\n        deactivate: () => video.pause(),\n        destroy: () => {\n          video.removeEventListener('ended', onEnded)\n          video.pause()\n          video.removeAttribute('src')\n          video.load()\n          video.remove()\n        },\n      }\n    },\n  }\n}\n\nexport function video(opts: VideoOptions = {}): Plugin {\n  return (viewer) => ({ name: 'video', mediaAdapters: [videoAdapter(viewer, opts)] })\n}\n"]}

package/dist/index.d.cts

@@ -0,0 +1,14 @@
+import { Plugin, ViewerApi, MediaAdapter } from '@gallerist/core';
+
+interface VideoOptions {
+    controls?: boolean;
+    muted?: boolean;
+    /** advance to the next slide when a video ends (default true). */
+    advanceOnEnded?: boolean;
+    /** which axis to advance on ended (default 'group'). */
+    advanceAxis?: 'group' | 'item';
+}
+declare function videoAdapter(viewer: ViewerApi, opts?: VideoOptions): MediaAdapter;
+declare function video(opts?: VideoOptions): Plugin;
+
+export { type VideoOptions, video, videoAdapter };

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+import { Plugin, ViewerApi, MediaAdapter } from '@gallerist/core';
+
+interface VideoOptions {
+    controls?: boolean;
+    muted?: boolean;
+    /** advance to the next slide when a video ends (default true). */
+    advanceOnEnded?: boolean;
+    /** which axis to advance on ended (default 'group'). */
+    advanceAxis?: 'group' | 'item';
+}
+declare function videoAdapter(viewer: ViewerApi, opts?: VideoOptions): MediaAdapter;
+declare function video(opts?: VideoOptions): Plugin;
+
+export { type VideoOptions, video, videoAdapter };

package/dist/index.js

@@ -0,0 +1,69 @@
+// src/index.ts
+function srcOf(source) {
+  if (typeof source === "string") return source;
+  if ("src" in source) return source.src;
+  return null;
+}
+function videoAdapter(viewer, opts = {}) {
+  return {
+    type: "video",
+    match: (item) => item.type === "video",
+    mount(item, slot, ctx) {
+      const video2 = document.createElement("video");
+      video2.className = "gallerist-media gallerist-media-video";
+      video2.controls = opts.controls ?? true;
+      video2.muted = opts.muted ?? false;
+      video2.playsInline = true;
+      video2.preload = "metadata";
+      if (item.placeholder) video2.poster = item.placeholder;
+      const src = srcOf(item.source);
+      if (src) video2.src = src;
+      else if (typeof item.source === "object" && "loader" in item.source) {
+        item.source.loader(ctx.signal).then((res) => {
+          if (!ctx.signal.aborted && typeof res === "string") video2.src = res;
+        });
+      }
+      const onEnded = () => {
+        if (opts.advanceOnEnded === false) return;
+        if (opts.advanceAxis === "item") viewer.nextItem();
+        else viewer.next();
+      };
+      video2.addEventListener("ended", onEnded);
+      slot.appendChild(video2);
+      const ready = new Promise((resolve, reject) => {
+        if (ctx.signal.aborted) return reject(new DOMException("aborted", "AbortError"));
+        video2.addEventListener("loadeddata", () => resolve(), { once: true });
+        video2.addEventListener("error", () => reject(new Error(`video error: ${item.id}`)), {
+          once: true
+        });
+      });
+      ready.catch(() => {
+      });
+      return {
+        element: video2,
+        ready,
+        supportsZoom: false,
+        naturalSize: () => video2.videoWidth ? { w: video2.videoWidth, h: video2.videoHeight } : item.naturalSize ?? null,
+        activate: () => {
+          void video2.play().catch(() => {
+          });
+        },
+        deactivate: () => video2.pause(),
+        destroy: () => {
+          video2.removeEventListener("ended", onEnded);
+          video2.pause();
+          video2.removeAttribute("src");
+          video2.load();
+          video2.remove();
+        }
+      };
+    }
+  };
+}
+function video(opts = {}) {
+  return (viewer) => ({ name: "video", mediaAdapters: [videoAdapter(viewer, opts)] });
+}
+
+export { video, videoAdapter };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"names":["video"],"mappings":"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","file":"index.js","sourcesContent":["// @gallerist/plugin-video — HTML5 <video> media adapter (spec §12/§14). The renderer calls\n// activate/deactivate on slide enter/leave (play/pause); \"advance on ended\" drives navigation.\n\nimport type {\n  AdapterCtx,\n  Item,\n  MediaAdapter,\n  MediaSource,\n  Plugin,\n  ViewerApi,\n} from '@gallerist/core'\n\nexport interface VideoOptions {\n  controls?: boolean\n  muted?: boolean\n  /** advance to the next slide when a video ends (default true). */\n  advanceOnEnded?: boolean\n  /** which axis to advance on ended (default 'group'). */\n  advanceAxis?: 'group' | 'item'\n}\n\nfunction srcOf(source: MediaSource): string | null {\n  if (typeof source === 'string') return source\n  if ('src' in source) return source.src\n  return null // loader handled async below; tiles unsupported\n}\n\nexport function videoAdapter(viewer: ViewerApi, opts: VideoOptions = {}): MediaAdapter {\n  return {\n    type: 'video',\n    match: (item) => item.type === 'video',\n    mount(item: Item, slot: HTMLElement, ctx: AdapterCtx) {\n      const video = document.createElement('video')\n      video.className = 'gallerist-media gallerist-media-video'\n      video.controls = opts.controls ?? true\n      video.muted = opts.muted ?? false\n      video.playsInline = true\n      video.preload = 'metadata'\n      if (item.placeholder) video.poster = item.placeholder\n\n      const src = srcOf(item.source)\n      if (src) video.src = src\n      else if (typeof item.source === 'object' && 'loader' in item.source) {\n        item.source.loader(ctx.signal).then((res) => {\n          if (!ctx.signal.aborted && typeof res === 'string') video.src = res\n        })\n      }\n\n      const onEnded = () => {\n        if (opts.advanceOnEnded === false) return\n        if (opts.advanceAxis === 'item') viewer.nextItem()\n        else viewer.next()\n      }\n      video.addEventListener('ended', onEnded)\n      slot.appendChild(video)\n\n      const ready = new Promise<void>((resolve, reject) => {\n        if (ctx.signal.aborted) return reject(new DOMException('aborted', 'AbortError'))\n        video.addEventListener('loadeddata', () => resolve(), { once: true })\n        video.addEventListener('error', () => reject(new Error(`video error: ${item.id}`)), {\n          once: true,\n        })\n      })\n      ready.catch(() => {})\n\n      return {\n        element: video,\n        ready,\n        supportsZoom: false,\n        naturalSize: () =>\n          video.videoWidth\n            ? { w: video.videoWidth, h: video.videoHeight }\n            : (item.naturalSize ?? null),\n        activate: () => {\n          void video.play().catch(() => {})\n        },\n        deactivate: () => video.pause(),\n        destroy: () => {\n          video.removeEventListener('ended', onEnded)\n          video.pause()\n          video.removeAttribute('src')\n          video.load()\n          video.remove()\n        },\n      }\n    },\n  }\n}\n\nexport function video(opts: VideoOptions = {}): Plugin {\n  return (viewer) => ({ name: 'video', mediaAdapters: [videoAdapter(viewer, opts)] })\n}\n"]}

package/package.json

@@ -1,6 +1,68 @@
 {
   "name": "@gallerist/plugin-video",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.3.1",
+  "description": "Gallerist plugin — HTML5 <video> media adapter (play/pause on slide enter/leave, advance on ended).",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "LICENSE",
+    "README.md"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "peerDependencies": {
+    "@gallerist/core": ">=0.3.0 <1"
+  },
+  "devDependencies": {
+    "tsup": "^8.3.5",
+    "typescript": "^5.7.2",
+    "@gallerist/core": "0.3.1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/shafayet9780/gallerist.git",
+    "directory": "packages/plugin-video"
+  },
+  "homepage": "https://github.com/shafayet9780/gallerist#readme",
+  "bugs": {
+    "url": "https://github.com/shafayet9780/gallerist/issues"
+  },
+  "author": "Shafayet Ahmmed",
+  "keywords": [
+    "lightbox",
+    "gallery",
+    "image-viewer",
+    "media-viewer",
+    "photo-gallery",
+    "carousel",
+    "zoom",
+    "pan",
+    "overlays",
+    "headless",
+    "framework-agnostic",
+    "virtualized",
+    "nested-gallery"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup",
+    "typecheck": "tsc --noEmit"
+  }
 }