vistaview 1.0.5 → 2.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 MotionRail
+
+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,81 +1,34 @@
 # VistaView
 
-A lightweight, modern image lightbox library for the web. Zero dependencies, framework-agnostic, and highly customizable.
+A lightweight, zero-dependency image lightbox library with smooth animations and touch support.
 
-For full documentation, visit [https://vistaview.jujiplay.com/](https://vistaview.jujiplay.com/)
+## Packages
 
-## Features
+| Path | Description |
+|------|-------------|
+| `main/` | Core library |
+| `frameworks/` | React, Vue, Svelte, Solid bindings |
+| `extensions/` | Optional plugins (video, maps, UI) |
+| `doc/` | Documentation site (Astro + Starlight) |
 
-- 🪶 **Lightweight** — ~42KB ESM (~10KB gzip), minimal footprint
-- 📱 **Touch-first** — Swipe gestures for navigation and closing, pinch-to-zoom support
-- 🎨 **Customizable** — Configurable controls, animations, and styling via CSS variables
-- ♿ **Accessible** — Keyboard navigation, ARIA labels, reduced motion support
-- 🔧 **Framework-agnostic** — Works with vanilla JS, React, Vue, Svelte, Solid, or any framework
-- 🖼️ **Progressive loading** — Low-res thumbnails → high-res images with smooth transitions
-- 🔍 **Smart zoom** — Pan and zoom with momentum physics, respects actual image resolution
-- 🎯 **Pointer-aware** — Advanced multi-touch tracking with context menu prevention
-- 🎬 **Video embeds** — Support for YouTube, Vimeo, Dailymotion, Wistia, Vidyard, Streamable
-- 🗺️ **Map embeds** — Support for Google Maps, Mapbox, OpenStreetMap with interactive controls
+## Extensions
 
-## Installation
-
-```bash
-npm install vistaview
-```
-
-### Using CDN (UMD)
-
-For quick prototyping or non-bundler environments, use the UMD build via CDN:
-
-```html
-<!-- unpkg -->
-<link rel="stylesheet" href="https://unpkg.com/vistaview/dist/style.css" />
-<script src="https://unpkg.com/vistaview/dist/vistaview.umd.js"></script>
-
-<!-- or jsDelivr -->
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vistaview/dist/style.css" />
-<script src="https://cdn.jsdelivr.net/npm/vistaview/dist/vistaview.umd.js"></script>
-
-<script>
-  // VistaView is available globally
-  VistaView.vistaView({
-    elements: '#gallery a',
-  });
-</script>
-```
+Public extensions are documented at [opencode.ai](https://opencode.ai). Some extensions exist in the repo but are **not publicly documented** — they are available for use but don't appear in the sidebar or have dedicated doc pages (`select-box`, `twitch-video`).
 
 ## Quick Start
 
-### Using anchor elements (recommended)
-
-```html
-<div id="gallery">
-  <a href="/images/photo1-full.jpg">
-    <img src="/images/photo1-thumb.jpg" alt="Photo 1" />
-  </a>
-  <a href="/images/photo2-full.jpg">
-    <img src="/images/photo2-thumb.jpg" alt="Photo 2" />
-  </a>
-</div>
-
-<script type="module">
-  import { vistaView } from 'vistaview';
-  import 'vistaview/style.css';
-
-  vistaView({
-    elements: '#gallery a',
-  });
-</script>
+```bash
+pnpm install
+pnpm dev
 ```
 
-## Documentation
+## Test
 
-For full documentation, visit [https://vistaview.jujiplay.com/](https://vistaview.jujiplay.com/)
+```bash
+pnpm test:core      # Core library (170 tests)
+pnpm test           # All workspace packages with test scripts
+```
 
 ## License
 
 MIT
-
----
-
-[![Sponsor juji](https://img.shields.io/badge/sponsor-juji-ea4aaa?style=for-the-badge&logo=github)](https://github.com/sponsors/juji)

package/{dist/lib/extensions/dailymotion-video.d.ts → extensions/dailymotion-video/dist/main.d.ts}

@@ -1,5 +1,5 @@
-import { VistaExtension, VistaImageParams } from '../types';
-import { VistaBox } from '../vista-box';
+import type { VistaExtension, VistaImageParams } from 'vistaview';
+import { VistaBox } from 'vistaview';
 /**
  * Parse Dailymotion URL and extract video ID
  * Supports various Dailymotion URL formats:
@@ -31,4 +31,4 @@ export declare class VistaDailymotionVideo extends VistaBox {
     } | undefined;
 }
 export declare function dailymotionVideo(): VistaExtension;
-//# sourceMappingURL=dailymotion-video.d.ts.map
+//# sourceMappingURL=main.d.ts.map

package/extensions/dailymotion-video/dist/main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,cAAc,EAAE,gBAAgB,EAAa,MAAM,WAAW,CAAC;AACxF,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAErC;;;;;;;;GAQG;AACH,wBAAgB,uBAAuB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAkBlE;AAED;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAQhE;AAED,qBAAa,qBAAsB,SAAQ,QAAQ;IACjD,OAAO,EAAE,cAAc,CAAC;IACxB,GAAG,EAAE,MAAM,CAAC;gBAEA,GAAG,EAAE,gBAAgB;IA0DjC,SAAS,CAAC,cAAc,IAAI;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;IAU7D,iBAAiB;;;;CAGlB;AAED,wBAAgB,gBAAgB,IAAI,cAAc,CAiBjD"}

package/extensions/dailymotion-video/dist/main.js

@@ -0,0 +1,72 @@
+import { VistaBox } from "vistaview";
+function parseDailymotionVideoId(e) {
+	if (!e) return null;
+	for (let t of [
+		/dailymotion\.com\/video\/([a-zA-Z0-9]+)/,
+		/dai\.ly\/([a-zA-Z0-9]+)/,
+		/dailymotion\.com\/embed\/video\/([a-zA-Z0-9]+)/
+	]) {
+		let n = e.match(t);
+		if (n && n[1]) return n[1];
+	}
+	return null;
+}
+function getDailymotionThumbnail(e) {
+	let n = parseDailymotionVideoId(e);
+	if (!n) throw Error("Invalid Dailymotion video URL");
+	return `https://www.dailymotion.com/thumbnail/video/${n}`;
+}
+var VistaDailymotionVideo = class extends VistaBox {
+	element;
+	url;
+	constructor(e) {
+		super(e);
+		let r = e.elm.config.src;
+		this.url = r;
+		let i = document.createElement("div");
+		i.style.position = "relative";
+		let a = document.createElement("img");
+		i.appendChild(a), a.src = this.origin?.image.src || getDailymotionThumbnail(r), a.style.width = "100%", a.style.height = "100%", a.style.objectFit = "cover", a.classList.add("vvw--pulsing"), this.element = i, this.element.classList.add("vvw-img-hi");
+		let { width: o, height: s } = this.getFullSizeDim();
+		if (this.fullH = s, this.fullW = o, this.minW = this.fullW * .5, this.maxW = this.fullW, this.element.style.width = `${o}px`, this.element.style.height = `${s}px`, this.setSizes({
+			stableSize: !1,
+			initDimension: !0
+		}), this.pos === 0) {
+			let e = document.createElement("iframe");
+			e.frameBorder = "0", e.allow = "autoplay; fullscreen; picture-in-picture", e.allowFullscreen = !0, e.width = "100%", e.height = "100%", e.style.position = "absolute", e.style.top = "0", e.style.left = "0", e.style.opacity = "0", e.style.transition = "opacity 333ms ease", e.src = `https://www.dailymotion.com/embed/video/${parseDailymotionVideoId(r)}?autoplay=1`, i.appendChild(e), e.onload = () => {
+				e.style.opacity = "1", a.classList.remove("vvw--pulsing");
+			};
+		}
+		this.isLoadedResolved(!0);
+	}
+	getFullSizeDim() {
+		let e = Math.min(window.innerWidth, 800);
+		return {
+			width: e,
+			height: e * 9 / 16
+		};
+	}
+	setFinalTransform() {
+		return super.setFinalTransform({ propagateEvent: !1 });
+	}
+};
+function dailymotionVideo() {
+	return {
+		name: "dailymotionVideo",
+		onInitializeImage: (e) => {
+			let n = e.elm.config.src;
+			if (parseDailymotionVideoId(n)) return new VistaDailymotionVideo(e);
+		},
+		onImageView: async (e, t) => {
+			let n = e.images.to[Math.floor(e.images.to.length / 2)];
+			n instanceof VistaDailymotionVideo && t.deactivateUi([
+				"download",
+				"zoomIn",
+				"zoomOut"
+			], n);
+		}
+	};
+}
+export { VistaDailymotionVideo, dailymotionVideo, getDailymotionThumbnail, parseDailymotionVideoId };
+
+//# sourceMappingURL=main.js.map

package/extensions/dailymotion-video/dist/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","names":[],"sources":["../src/main.ts"],"sourcesContent":["import type { VistaData, VistaExtension, VistaImageParams, VistaView } from 'vistaview';\nimport { VistaBox } from 'vistaview';\n\n/**\n * Parse Dailymotion URL and extract video ID\n * Supports various Dailymotion URL formats:\n * - https://www.dailymotion.com/video/VIDEO_ID\n * - https://dai.ly/VIDEO_ID\n * - https://www.dailymotion.com/embed/video/VIDEO_ID\n * @param url - Dailymotion video URL\n * @returns Video ID or null if not found\n */\nexport function parseDailymotionVideoId(url: string): string | null {\n  if (!url) return null;\n\n  // Try different Dailymotion URL patterns\n  const patterns = [\n    /dailymotion\\.com\\/video\\/([a-zA-Z0-9]+)/,\n    /dai\\.ly\\/([a-zA-Z0-9]+)/,\n    /dailymotion\\.com\\/embed\\/video\\/([a-zA-Z0-9]+)/,\n  ];\n\n  for (const pattern of patterns) {\n    const match = url.match(pattern);\n    if (match && match[1]) {\n      return match[1];\n    }\n  }\n\n  return null;\n}\n\n/**\n * Get Dailymotion video thumbnail URL\n * @param videoUrl - Dailymotion video URL\n * @param quality - Thumbnail quality: 'large' | 'medium' | 'small'\n * @returns Thumbnail URL\n */\nexport function getDailymotionThumbnail(videoUrl: string): string {\n  const videoId = parseDailymotionVideoId(videoUrl);\n  if (!videoId) {\n    throw new Error('Invalid Dailymotion video URL');\n  }\n\n  // Dailymotion thumbnail URL pattern\n  return `https://www.dailymotion.com/thumbnail/video/${videoId}`;\n}\n\nexport class VistaDailymotionVideo extends VistaBox {\n  element: HTMLDivElement;\n  url: string;\n\n  constructor(par: VistaImageParams) {\n    super(par);\n\n    const url = par.elm.config.src;\n    this.url = url;\n\n    const div = document.createElement('div');\n    div.style.position = 'relative';\n    const image = document.createElement('img');\n    div.appendChild(image);\n    image.src = this.origin?.image.src || getDailymotionThumbnail(url);\n    image.style.width = '100%';\n    image.style.height = '100%';\n    image.style.objectFit = 'cover';\n    image.classList.add('vvw--pulsing');\n\n    this.element = div;\n\n    this.element.classList.add('vvw-img-hi');\n\n    // set sizes\n    const { width: fullWidth, height: fullHeight } = this.getFullSizeDim();\n    this.fullH = fullHeight;\n    this.fullW = fullWidth;\n    this.minW = this.fullW * 0.5;\n    this.maxW = this.fullW; // no scaling\n    this.element.style.width = `${fullWidth}px`;\n    this.element.style.height = `${fullHeight}px`;\n\n    // trigger setSizes to setup thumb and iframe initial style\n    this.setSizes({ stableSize: false, initDimension: true });\n\n    if (this.pos === 0) {\n      const iframe = document.createElement('iframe');\n      iframe.frameBorder = '0';\n      iframe.allow = 'autoplay; fullscreen; picture-in-picture';\n      iframe.allowFullscreen = true;\n      iframe.width = '100%';\n      iframe.height = '100%';\n      iframe.style.position = 'absolute';\n      iframe.style.top = '0';\n      iframe.style.left = '0';\n      iframe.style.opacity = '0';\n      iframe.style.transition = 'opacity 333ms ease';\n      iframe.src = `https://www.dailymotion.com/embed/video/${parseDailymotionVideoId(url)}?autoplay=1`;\n      div.appendChild(iframe);\n\n      iframe.onload = () => {\n        iframe.style.opacity = '1';\n        image.classList.remove('vvw--pulsing');\n      };\n    }\n\n    this.isLoadedResolved!(true);\n  }\n\n  // the default full size is the scaled thumbnail size\n  // so we change it to 16:9 full window width size (or max 800px)\n  protected getFullSizeDim(): { width: number; height: number } {\n    const maxWidth = Math.min(window.innerWidth, 800);\n    return {\n      width: maxWidth,\n      height: (maxWidth * 9) / 16,\n    };\n  }\n\n  // override to avoid propagating content change event\n  // (because no change will happen on iframe)\n  setFinalTransform() {\n    return super.setFinalTransform({ propagateEvent: false });\n  }\n}\n\nexport function dailymotionVideo(): VistaExtension {\n  return {\n    name: 'dailymotionVideo',\n    onInitializeImage: (params: VistaImageParams) => {\n      const url = params.elm.config.src;\n      const videoId = parseDailymotionVideoId(url);\n      if (!videoId) return;\n\n      return new VistaDailymotionVideo(params);\n    },\n    onImageView: async (data: VistaData, v: VistaView) => {\n      const mainData = data.images.to![Math.floor(data.images.to!.length / 2)];\n      if (mainData instanceof VistaDailymotionVideo) {\n        v.deactivateUi(['download', 'zoomIn', 'zoomOut'], mainData);\n      }\n    },\n  };\n}\n"],"mappings":";AAYA,SAAgB,wBAAwB,GAA4B;AAClE,KAAI,CAAC,EAAK,QAAO;AASjB,MAAK,IAAM,KANM;EACf;EACA;EACA;EACD,EAE+B;EAC9B,IAAM,IAAQ,EAAI,MAAM,EAAQ;AAChC,MAAI,KAAS,EAAM,GACjB,QAAO,EAAM;;AAIjB,QAAO;;AAST,SAAgB,wBAAwB,GAA0B;CAChE,IAAM,IAAU,wBAAwB,EAAS;AACjD,KAAI,CAAC,EACH,OAAU,MAAM,gCAAgC;AAIlD,QAAO,+CAA+C;;AAGxD,IAAa,wBAAb,cAA2C,SAAS;CAClD;CACA;CAEA,YAAY,GAAuB;AACjC,QAAM,EAAI;EAEV,IAAM,IAAM,EAAI,IAAI,OAAO;AAC3B,OAAK,MAAM;EAEX,IAAM,IAAM,SAAS,cAAc,MAAM;AACzC,IAAI,MAAM,WAAW;EACrB,IAAM,IAAQ,SAAS,cAAc,MAAM;AAU3C,EATA,EAAI,YAAY,EAAM,EACtB,EAAM,MAAM,KAAK,QAAQ,MAAM,OAAO,wBAAwB,EAAI,EAClE,EAAM,MAAM,QAAQ,QACpB,EAAM,MAAM,SAAS,QACrB,EAAM,MAAM,YAAY,SACxB,EAAM,UAAU,IAAI,eAAe,EAEnC,KAAK,UAAU,GAEf,KAAK,QAAQ,UAAU,IAAI,aAAa;EAGxC,IAAM,EAAE,OAAO,GAAW,QAAQ,MAAe,KAAK,gBAAgB;AAWtE,MAVA,KAAK,QAAQ,GACb,KAAK,QAAQ,GACb,KAAK,OAAO,KAAK,QAAQ,IACzB,KAAK,OAAO,KAAK,OACjB,KAAK,QAAQ,MAAM,QAAQ,GAAG,EAAU,KACxC,KAAK,QAAQ,MAAM,SAAS,GAAG,EAAW,KAG1C,KAAK,SAAS;GAAE,YAAY;GAAO,eAAe;GAAM,CAAC,EAErD,KAAK,QAAQ,GAAG;GAClB,IAAM,IAAS,SAAS,cAAc,SAAS;AAc/C,GAbA,EAAO,cAAc,KACrB,EAAO,QAAQ,4CACf,EAAO,kBAAkB,IACzB,EAAO,QAAQ,QACf,EAAO,SAAS,QAChB,EAAO,MAAM,WAAW,YACxB,EAAO,MAAM,MAAM,KACnB,EAAO,MAAM,OAAO,KACpB,EAAO,MAAM,UAAU,KACvB,EAAO,MAAM,aAAa,sBAC1B,EAAO,MAAM,2CAA2C,wBAAwB,EAAI,CAAC,cACrF,EAAI,YAAY,EAAO,EAEvB,EAAO,eAAe;AAEpB,IADA,EAAO,MAAM,UAAU,KACvB,EAAM,UAAU,OAAO,eAAe;;;AAI1C,OAAK,iBAAkB,GAAK;;CAK9B,iBAA8D;EAC5D,IAAM,IAAW,KAAK,IAAI,OAAO,YAAY,IAAI;AACjD,SAAO;GACL,OAAO;GACP,QAAS,IAAW,IAAK;GAC1B;;CAKH,oBAAoB;AAClB,SAAO,MAAM,kBAAkB,EAAE,gBAAgB,IAAO,CAAC;;;AAI7D,SAAgB,mBAAmC;AACjD,QAAO;EACL,MAAM;EACN,oBAAoB,MAA6B;GAC/C,IAAM,IAAM,EAAO,IAAI,OAAO;AACd,+BAAwB,EAAI,CAG5C,QAAO,IAAI,sBAAsB,EAAO;;EAE1C,aAAa,OAAO,GAAiB,MAAiB;GACpD,IAAM,IAAW,EAAK,OAAO,GAAI,KAAK,MAAM,EAAK,OAAO,GAAI,SAAS,EAAE;AACvE,GAAI,aAAoB,yBACtB,EAAE,aAAa;IAAC;IAAY;IAAU;IAAU,EAAE,EAAS;;EAGhE"}

package/extensions/dailymotion-video/dist/main.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=main.test.d.ts.map

package/extensions/dailymotion-video/dist/main.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.test.d.ts","sourceRoot":"","sources":["../src/main.test.ts"],"names":[],"mappings":""}

package/extensions/dailymotion-video/dist/main.umd.cjs

@@ -0,0 +1,2 @@
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vistaview`)):typeof define==`function`&&define.amd?define([`exports`,`vistaview`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.VistaView=e.VistaView||{},e.VistaView))})(this,function(e,t){function n(e){if(!e)return null;for(let t of[/dailymotion\.com\/video\/([a-zA-Z0-9]+)/,/dai\.ly\/([a-zA-Z0-9]+)/,/dailymotion\.com\/embed\/video\/([a-zA-Z0-9]+)/]){let n=e.match(t);if(n&&n[1])return n[1]}return null}function r(e){let t=n(e);if(!t)throw Error(`Invalid Dailymotion video URL`);return`https://www.dailymotion.com/thumbnail/video/${t}`}var i=class extends t.VistaBox{element;url;constructor(e){super(e);let t=e.elm.config.src;this.url=t;let i=document.createElement(`div`);i.style.position=`relative`;let a=document.createElement(`img`);i.appendChild(a),a.src=this.origin?.image.src||r(t),a.style.width=`100%`,a.style.height=`100%`,a.style.objectFit=`cover`,a.classList.add(`vvw--pulsing`),this.element=i,this.element.classList.add(`vvw-img-hi`);let{width:o,height:s}=this.getFullSizeDim();if(this.fullH=s,this.fullW=o,this.minW=this.fullW*.5,this.maxW=this.fullW,this.element.style.width=`${o}px`,this.element.style.height=`${s}px`,this.setSizes({stableSize:!1,initDimension:!0}),this.pos===0){let e=document.createElement(`iframe`);e.frameBorder=`0`,e.allow=`autoplay; fullscreen; picture-in-picture`,e.allowFullscreen=!0,e.width=`100%`,e.height=`100%`,e.style.position=`absolute`,e.style.top=`0`,e.style.left=`0`,e.style.opacity=`0`,e.style.transition=`opacity 333ms ease`,e.src=`https://www.dailymotion.com/embed/video/${n(t)}?autoplay=1`,i.appendChild(e),e.onload=()=>{e.style.opacity=`1`,a.classList.remove(`vvw--pulsing`)}}this.isLoadedResolved(!0)}getFullSizeDim(){let e=Math.min(window.innerWidth,800);return{width:e,height:e*9/16}}setFinalTransform(){return super.setFinalTransform({propagateEvent:!1})}};function a(){return{name:`dailymotionVideo`,onInitializeImage:e=>{let t=e.elm.config.src;if(n(t))return new i(e)},onImageView:async(e,t)=>{let n=e.images.to[Math.floor(e.images.to.length/2)];n instanceof i&&t.deactivateUi([`download`,`zoomIn`,`zoomOut`],n)}}}e.VistaDailymotionVideo=i,e.dailymotionVideo=a,e.getDailymotionThumbnail=r,e.parseDailymotionVideoId=n});
+//# sourceMappingURL=main.umd.cjs.map

package/extensions/dailymotion-video/dist/main.umd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.umd.cjs","names":[],"sources":["../src/main.ts"],"sourcesContent":["import type { VistaData, VistaExtension, VistaImageParams, VistaView } from 'vistaview';\nimport { VistaBox } from 'vistaview';\n\n/**\n * Parse Dailymotion URL and extract video ID\n * Supports various Dailymotion URL formats:\n * - https://www.dailymotion.com/video/VIDEO_ID\n * - https://dai.ly/VIDEO_ID\n * - https://www.dailymotion.com/embed/video/VIDEO_ID\n * @param url - Dailymotion video URL\n * @returns Video ID or null if not found\n */\nexport function parseDailymotionVideoId(url: string): string | null {\n  if (!url) return null;\n\n  // Try different Dailymotion URL patterns\n  const patterns = [\n    /dailymotion\\.com\\/video\\/([a-zA-Z0-9]+)/,\n    /dai\\.ly\\/([a-zA-Z0-9]+)/,\n    /dailymotion\\.com\\/embed\\/video\\/([a-zA-Z0-9]+)/,\n  ];\n\n  for (const pattern of patterns) {\n    const match = url.match(pattern);\n    if (match && match[1]) {\n      return match[1];\n    }\n  }\n\n  return null;\n}\n\n/**\n * Get Dailymotion video thumbnail URL\n * @param videoUrl - Dailymotion video URL\n * @param quality - Thumbnail quality: 'large' | 'medium' | 'small'\n * @returns Thumbnail URL\n */\nexport function getDailymotionThumbnail(videoUrl: string): string {\n  const videoId = parseDailymotionVideoId(videoUrl);\n  if (!videoId) {\n    throw new Error('Invalid Dailymotion video URL');\n  }\n\n  // Dailymotion thumbnail URL pattern\n  return `https://www.dailymotion.com/thumbnail/video/${videoId}`;\n}\n\nexport class VistaDailymotionVideo extends VistaBox {\n  element: HTMLDivElement;\n  url: string;\n\n  constructor(par: VistaImageParams) {\n    super(par);\n\n    const url = par.elm.config.src;\n    this.url = url;\n\n    const div = document.createElement('div');\n    div.style.position = 'relative';\n    const image = document.createElement('img');\n    div.appendChild(image);\n    image.src = this.origin?.image.src || getDailymotionThumbnail(url);\n    image.style.width = '100%';\n    image.style.height = '100%';\n    image.style.objectFit = 'cover';\n    image.classList.add('vvw--pulsing');\n\n    this.element = div;\n\n    this.element.classList.add('vvw-img-hi');\n\n    // set sizes\n    const { width: fullWidth, height: fullHeight } = this.getFullSizeDim();\n    this.fullH = fullHeight;\n    this.fullW = fullWidth;\n    this.minW = this.fullW * 0.5;\n    this.maxW = this.fullW; // no scaling\n    this.element.style.width = `${fullWidth}px`;\n    this.element.style.height = `${fullHeight}px`;\n\n    // trigger setSizes to setup thumb and iframe initial style\n    this.setSizes({ stableSize: false, initDimension: true });\n\n    if (this.pos === 0) {\n      const iframe = document.createElement('iframe');\n      iframe.frameBorder = '0';\n      iframe.allow = 'autoplay; fullscreen; picture-in-picture';\n      iframe.allowFullscreen = true;\n      iframe.width = '100%';\n      iframe.height = '100%';\n      iframe.style.position = 'absolute';\n      iframe.style.top = '0';\n      iframe.style.left = '0';\n      iframe.style.opacity = '0';\n      iframe.style.transition = 'opacity 333ms ease';\n      iframe.src = `https://www.dailymotion.com/embed/video/${parseDailymotionVideoId(url)}?autoplay=1`;\n      div.appendChild(iframe);\n\n      iframe.onload = () => {\n        iframe.style.opacity = '1';\n        image.classList.remove('vvw--pulsing');\n      };\n    }\n\n    this.isLoadedResolved!(true);\n  }\n\n  // the default full size is the scaled thumbnail size\n  // so we change it to 16:9 full window width size (or max 800px)\n  protected getFullSizeDim(): { width: number; height: number } {\n    const maxWidth = Math.min(window.innerWidth, 800);\n    return {\n      width: maxWidth,\n      height: (maxWidth * 9) / 16,\n    };\n  }\n\n  // override to avoid propagating content change event\n  // (because no change will happen on iframe)\n  setFinalTransform() {\n    return super.setFinalTransform({ propagateEvent: false });\n  }\n}\n\nexport function dailymotionVideo(): VistaExtension {\n  return {\n    name: 'dailymotionVideo',\n    onInitializeImage: (params: VistaImageParams) => {\n      const url = params.elm.config.src;\n      const videoId = parseDailymotionVideoId(url);\n      if (!videoId) return;\n\n      return new VistaDailymotionVideo(params);\n    },\n    onImageView: async (data: VistaData, v: VistaView) => {\n      const mainData = data.images.to![Math.floor(data.images.to!.length / 2)];\n      if (mainData instanceof VistaDailymotionVideo) {\n        v.deactivateUi(['download', 'zoomIn', 'zoomOut'], mainData);\n      }\n    },\n  };\n}\n"],"mappings":"gRAYA,SAAgB,EAAwB,EAA4B,CAClE,GAAI,CAAC,EAAK,OAAO,KASjB,IAAK,IAAM,IANM,CACf,0CACA,0BACA,iDACD,CAE+B,CAC9B,IAAM,EAAQ,EAAI,MAAM,EAAQ,CAChC,GAAI,GAAS,EAAM,GACjB,OAAO,EAAM,GAIjB,OAAO,KAST,SAAgB,EAAwB,EAA0B,CAChE,IAAM,EAAU,EAAwB,EAAS,CACjD,GAAI,CAAC,EACH,MAAU,MAAM,gCAAgC,CAIlD,MAAO,+CAA+C,IAGxD,IAAa,EAAb,cAA2C,EAAA,QAAS,CAClD,QACA,IAEA,YAAY,EAAuB,CACjC,MAAM,EAAI,CAEV,IAAM,EAAM,EAAI,IAAI,OAAO,IAC3B,KAAK,IAAM,EAEX,IAAM,EAAM,SAAS,cAAc,MAAM,CACzC,EAAI,MAAM,SAAW,WACrB,IAAM,EAAQ,SAAS,cAAc,MAAM,CAC3C,EAAI,YAAY,EAAM,CACtB,EAAM,IAAM,KAAK,QAAQ,MAAM,KAAO,EAAwB,EAAI,CAClE,EAAM,MAAM,MAAQ,OACpB,EAAM,MAAM,OAAS,OACrB,EAAM,MAAM,UAAY,QACxB,EAAM,UAAU,IAAI,eAAe,CAEnC,KAAK,QAAU,EAEf,KAAK,QAAQ,UAAU,IAAI,aAAa,CAGxC,GAAM,CAAE,MAAO,EAAW,OAAQ,GAAe,KAAK,gBAAgB,CAWtE,GAVA,KAAK,MAAQ,EACb,KAAK,MAAQ,EACb,KAAK,KAAO,KAAK,MAAQ,GACzB,KAAK,KAAO,KAAK,MACjB,KAAK,QAAQ,MAAM,MAAQ,GAAG,EAAU,IACxC,KAAK,QAAQ,MAAM,OAAS,GAAG,EAAW,IAG1C,KAAK,SAAS,CAAE,WAAY,GAAO,cAAe,GAAM,CAAC,CAErD,KAAK,MAAQ,EAAG,CAClB,IAAM,EAAS,SAAS,cAAc,SAAS,CAC/C,EAAO,YAAc,IACrB,EAAO,MAAQ,2CACf,EAAO,gBAAkB,GACzB,EAAO,MAAQ,OACf,EAAO,OAAS,OAChB,EAAO,MAAM,SAAW,WACxB,EAAO,MAAM,IAAM,IACnB,EAAO,MAAM,KAAO,IACpB,EAAO,MAAM,QAAU,IACvB,EAAO,MAAM,WAAa,qBAC1B,EAAO,IAAM,2CAA2C,EAAwB,EAAI,CAAC,aACrF,EAAI,YAAY,EAAO,CAEvB,EAAO,WAAe,CACpB,EAAO,MAAM,QAAU,IACvB,EAAM,UAAU,OAAO,eAAe,EAI1C,KAAK,iBAAkB,GAAK,CAK9B,gBAA8D,CAC5D,IAAM,EAAW,KAAK,IAAI,OAAO,WAAY,IAAI,CACjD,MAAO,CACL,MAAO,EACP,OAAS,EAAW,EAAK,GAC1B,CAKH,mBAAoB,CAClB,OAAO,MAAM,kBAAkB,CAAE,eAAgB,GAAO,CAAC,GAI7D,SAAgB,GAAmC,CACjD,MAAO,CACL,KAAM,mBACN,kBAAoB,GAA6B,CAC/C,IAAM,EAAM,EAAO,IAAI,OAAO,IACd,KAAwB,EAAI,CAG5C,OAAO,IAAI,EAAsB,EAAO,EAE1C,YAAa,MAAO,EAAiB,IAAiB,CACpD,IAAM,EAAW,EAAK,OAAO,GAAI,KAAK,MAAM,EAAK,OAAO,GAAI,OAAS,EAAE,EACnE,aAAoB,GACtB,EAAE,aAAa,CAAC,WAAY,SAAU,UAAU,CAAE,EAAS,EAGhE"}

package/extensions/download/dist/main.d.ts

@@ -0,0 +1,4 @@
+import type { VistaExtension } from 'vistaview';
+export declare function getDownloadFileName(url: string, alt?: string | null): string;
+export declare function download(): VistaExtension;
+//# sourceMappingURL=main.d.ts.map

package/extensions/download/dist/main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,cAAc,EAAa,MAAM,WAAW,CAAC;AAMtE,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAW5E;AAED,wBAAgB,QAAQ,IAAI,cAAc,CAuEzC"}

package/extensions/download/dist/main.js

@@ -0,0 +1,42 @@
+var downloadIcon = "<svg viewBox=\"0 0 24 24\"><path d=\"M12 15V3\"/><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/><path d=\"m7 10 5 5 5-5\"/></svg>";
+function getDownloadFileName(e, t) {
+	let n = e.split("?")[0].split("#")[0].split("/").pop() || "", r = n.lastIndexOf(".");
+	if (r > -1) {
+		let e = n.slice(r + 1);
+		return t ? `${t}.${e}` : n;
+	}
+	return t || n || "download";
+}
+function download() {
+	let n = null, r = null, i = null;
+	return {
+		name: "download",
+		control: () => (i = document.createElement("button"), i.setAttribute("aria-label", "Download"), i.innerHTML = downloadIcon, i.addEventListener("click", async () => {
+			if (!n || i?.classList.contains("vvw--pulsing")) return;
+			i?.classList.add("vvw--pulsing");
+			let e = await fetch(n), a = await e.blob(), o = e.url, s = getDownloadFileName(o, r), c = document.createElement("a");
+			c.href = URL.createObjectURL(a), c.download = s, document.body.appendChild(c), c.click(), document.body.removeChild(c), a = null, e = null, i?.classList.remove("vvw--pulsing");
+		}), i),
+		onImageView: (e, t) => {
+			let i = e.images.to ? e.images.to[Math.floor(e.images.to.length / 2)] : null;
+			if (!i) {
+				n = null, r = null;
+				return;
+			}
+			let { parsedSrcSet: a, config: o } = i;
+			n = a && a.length > 0 ? a[a.length - 1].src : o.src || null, r = o.alt || null;
+		},
+		onDeactivateUi: (e, t, n) => {
+			e.includes("download") && i && i.setAttribute("disabled", "true");
+		},
+		onReactivateUi: (e, t, n) => {
+			e.includes("download") && i && i.removeAttribute("disabled");
+		},
+		onClose: (e) => {
+			i?.remove(), i = null, n = null, r = null;
+		}
+	};
+}
+export { download, getDownloadFileName };
+
+//# sourceMappingURL=main.js.map

package/extensions/download/dist/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","names":["currentImage: string | null","currentAlt: string | null","button: HTMLButtonElement | null","response: Response | null","blob: Blob | null"],"sources":["../src/main.ts"],"sourcesContent":["import type { VistaData, VistaExtension, VistaView } from 'vistaview';\nimport type { VistaBox } from 'vistaview';\n\n// okayy\nconst downloadIcon = `<svg viewBox=\"0 0 24 24\"><path d=\"M12 15V3\"/><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/><path d=\"m7 10 5 5 5-5\"/></svg>`;\n\nexport function getDownloadFileName(url: string, alt?: string | null): string {\n  const clean = url.split('?')[0].split('#')[0];\n  const lastSegment = clean.split('/').pop() || '';\n  const dotIndex = lastSegment.lastIndexOf('.');\n  if (dotIndex > -1) {\n    const ext = lastSegment.slice(dotIndex + 1);\n    if (alt) return `${alt}.${ext}`;\n    return lastSegment;\n  }\n  if (alt) return alt;\n  return lastSegment || 'download';\n}\n\nexport function download(): VistaExtension {\n  let currentImage: string | null = null;\n  let currentAlt: string | null = null;\n  let button: HTMLButtonElement | null = null;\n\n  return {\n    name: 'download',\n    control: () => {\n      button = document.createElement('button');\n      button.setAttribute('aria-label', 'Download');\n      button.innerHTML = downloadIcon;\n      button.addEventListener('click', async () => {\n        if (!currentImage) return;\n        if (button?.classList.contains('vvw--pulsing')) return; // prevent multiple clicks\n        button?.classList.add('vvw--pulsing');\n\n        let response: Response | null = await fetch(currentImage);\n        let blob: Blob | null = await response.blob();\n        const finalUrl = response.url; // This is the redirected URL\n\n        const fileName = getDownloadFileName(finalUrl, currentAlt);\n\n        const link = document.createElement('a');\n        link.href = URL.createObjectURL(blob);\n        link.download = fileName;\n        document.body.appendChild(link);\n        link.click();\n        document.body.removeChild(link);\n        blob = null;\n        response = null;\n        button?.classList.remove('vvw--pulsing');\n      });\n      return button;\n    },\n    onImageView: (vistaData: VistaData, _v: VistaView) => {\n      const centerImage = vistaData.images.to\n        ? vistaData.images.to[Math.floor(vistaData.images.to.length / 2)]\n        : null;\n\n      if (!centerImage) {\n        currentImage = null;\n        currentAlt = null;\n        return;\n      }\n      const { parsedSrcSet, config } = centerImage;\n\n      // get the biggest image || the current image\n      currentImage =\n        parsedSrcSet && parsedSrcSet.length > 0\n          ? parsedSrcSet[parsedSrcSet.length - 1].src\n          : config.src || null;\n\n      currentAlt = config.alt || null;\n    },\n    onDeactivateUi: (names: string[], _requestBy: VistaBox | null, _v: VistaView) => {\n      if (names.includes('download') && button) {\n        button.setAttribute('disabled', 'true');\n      }\n    },\n    onReactivateUi: (names: string[], _requestBy: VistaBox | null, _v: VistaView) => {\n      if (names.includes('download') && button) {\n        button.removeAttribute('disabled');\n      }\n    },\n    onClose: (_vistaView: VistaView) => {\n      button?.remove();\n      button = null;\n      currentImage = null;\n      currentAlt = null;\n    },\n  };\n}\n"],"mappings":"AAIA,IAAM,eAAe;AAErB,SAAgB,oBAAoB,GAAa,GAA6B;CAE5E,IAAM,IADQ,EAAI,MAAM,IAAI,CAAC,GAAG,MAAM,IAAI,CAAC,GACjB,MAAM,IAAI,CAAC,KAAK,IAAI,IACxC,IAAW,EAAY,YAAY,IAAI;AAC7C,KAAI,IAAW,IAAI;EACjB,IAAM,IAAM,EAAY,MAAM,IAAW,EAAE;AAE3C,SADI,IAAY,GAAG,EAAI,GAAG,MACnB;;AAGT,QADI,KACG,KAAe;;AAGxB,SAAgB,WAA2B;CACzC,IAAIA,IAA8B,MAC9BC,IAA4B,MAC5BC,IAAmC;AAEvC,QAAO;EACL,MAAM;EACN,gBACE,IAAS,SAAS,cAAc,SAAS,EACzC,EAAO,aAAa,cAAc,WAAW,EAC7C,EAAO,YAAY,cACnB,EAAO,iBAAiB,SAAS,YAAY;AAE3C,OADI,CAAC,KACD,GAAQ,UAAU,SAAS,eAAe,CAAE;AAChD,MAAQ,UAAU,IAAI,eAAe;GAErC,IAAIC,IAA4B,MAAM,MAAM,EAAa,EACrDC,IAAoB,MAAM,EAAS,MAAM,EACvC,IAAW,EAAS,KAEpB,IAAW,oBAAoB,GAAU,EAAW,EAEpD,IAAO,SAAS,cAAc,IAAI;AAQxC,GAPA,EAAK,OAAO,IAAI,gBAAgB,EAAK,EACrC,EAAK,WAAW,GAChB,SAAS,KAAK,YAAY,EAAK,EAC/B,EAAK,OAAO,EACZ,SAAS,KAAK,YAAY,EAAK,EAC/B,IAAO,MACP,IAAW,MACX,GAAQ,UAAU,OAAO,eAAe;IACxC,EACK;EAET,cAAc,GAAsB,MAAkB;GACpD,IAAM,IAAc,EAAU,OAAO,KACjC,EAAU,OAAO,GAAG,KAAK,MAAM,EAAU,OAAO,GAAG,SAAS,EAAE,IAC9D;AAEJ,OAAI,CAAC,GAAa;AAEhB,IADA,IAAe,MACf,IAAa;AACb;;GAEF,IAAM,EAAE,iBAAc,cAAW;AAQjC,GALA,IACE,KAAgB,EAAa,SAAS,IAClC,EAAa,EAAa,SAAS,GAAG,MACtC,EAAO,OAAO,MAEpB,IAAa,EAAO,OAAO;;EAE7B,iBAAiB,GAAiB,GAA6B,MAAkB;AAC/E,GAAI,EAAM,SAAS,WAAW,IAAI,KAChC,EAAO,aAAa,YAAY,OAAO;;EAG3C,iBAAiB,GAAiB,GAA6B,MAAkB;AAC/E,GAAI,EAAM,SAAS,WAAW,IAAI,KAChC,EAAO,gBAAgB,WAAW;;EAGtC,UAAU,MAA0B;AAIlC,GAHA,GAAQ,QAAQ,EAChB,IAAS,MACT,IAAe,MACf,IAAa;;EAEhB"}

package/extensions/download/dist/main.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=main.test.d.ts.map

package/extensions/download/dist/main.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.test.d.ts","sourceRoot":"","sources":["../src/main.test.ts"],"names":[],"mappings":""}

package/extensions/download/dist/main.umd.cjs

@@ -0,0 +1,2 @@
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports):typeof define==`function`&&define.amd?define([`exports`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.VistaView=e.VistaView||{}))})(this,function(e){var t=`<svg viewBox="0 0 24 24"><path d="M12 15V3"/><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><path d="m7 10 5 5 5-5"/></svg>`;function n(e,t){let n=e.split(`?`)[0].split(`#`)[0].split(`/`).pop()||``,r=n.lastIndexOf(`.`);if(r>-1){let e=n.slice(r+1);return t?`${t}.${e}`:n}return t||n||`download`}function r(){let e=null,r=null,i=null;return{name:`download`,control:()=>(i=document.createElement(`button`),i.setAttribute(`aria-label`,`Download`),i.innerHTML=t,i.addEventListener(`click`,async()=>{if(!e||i?.classList.contains(`vvw--pulsing`))return;i?.classList.add(`vvw--pulsing`);let t=await fetch(e),a=await t.blob(),o=t.url,s=n(o,r),c=document.createElement(`a`);c.href=URL.createObjectURL(a),c.download=s,document.body.appendChild(c),c.click(),document.body.removeChild(c),a=null,t=null,i?.classList.remove(`vvw--pulsing`)}),i),onImageView:(t,n)=>{let i=t.images.to?t.images.to[Math.floor(t.images.to.length/2)]:null;if(!i){e=null,r=null;return}let{parsedSrcSet:a,config:o}=i;e=a&&a.length>0?a[a.length-1].src:o.src||null,r=o.alt||null},onDeactivateUi:(e,t,n)=>{e.includes(`download`)&&i&&i.setAttribute(`disabled`,`true`)},onReactivateUi:(e,t,n)=>{e.includes(`download`)&&i&&i.removeAttribute(`disabled`)},onClose:t=>{i?.remove(),i=null,e=null,r=null}}}e.download=r,e.getDownloadFileName=n});
+//# sourceMappingURL=main.umd.cjs.map

package/extensions/download/dist/main.umd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.umd.cjs","names":["currentImage: string | null","currentAlt: string | null","button: HTMLButtonElement | null","response: Response | null","blob: Blob | null"],"sources":["../src/main.ts"],"sourcesContent":["import type { VistaData, VistaExtension, VistaView } from 'vistaview';\nimport type { VistaBox } from 'vistaview';\n\n// okayy\nconst downloadIcon = `<svg viewBox=\"0 0 24 24\"><path d=\"M12 15V3\"/><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/><path d=\"m7 10 5 5 5-5\"/></svg>`;\n\nexport function getDownloadFileName(url: string, alt?: string | null): string {\n  const clean = url.split('?')[0].split('#')[0];\n  const lastSegment = clean.split('/').pop() || '';\n  const dotIndex = lastSegment.lastIndexOf('.');\n  if (dotIndex > -1) {\n    const ext = lastSegment.slice(dotIndex + 1);\n    if (alt) return `${alt}.${ext}`;\n    return lastSegment;\n  }\n  if (alt) return alt;\n  return lastSegment || 'download';\n}\n\nexport function download(): VistaExtension {\n  let currentImage: string | null = null;\n  let currentAlt: string | null = null;\n  let button: HTMLButtonElement | null = null;\n\n  return {\n    name: 'download',\n    control: () => {\n      button = document.createElement('button');\n      button.setAttribute('aria-label', 'Download');\n      button.innerHTML = downloadIcon;\n      button.addEventListener('click', async () => {\n        if (!currentImage) return;\n        if (button?.classList.contains('vvw--pulsing')) return; // prevent multiple clicks\n        button?.classList.add('vvw--pulsing');\n\n        let response: Response | null = await fetch(currentImage);\n        let blob: Blob | null = await response.blob();\n        const finalUrl = response.url; // This is the redirected URL\n\n        const fileName = getDownloadFileName(finalUrl, currentAlt);\n\n        const link = document.createElement('a');\n        link.href = URL.createObjectURL(blob);\n        link.download = fileName;\n        document.body.appendChild(link);\n        link.click();\n        document.body.removeChild(link);\n        blob = null;\n        response = null;\n        button?.classList.remove('vvw--pulsing');\n      });\n      return button;\n    },\n    onImageView: (vistaData: VistaData, _v: VistaView) => {\n      const centerImage = vistaData.images.to\n        ? vistaData.images.to[Math.floor(vistaData.images.to.length / 2)]\n        : null;\n\n      if (!centerImage) {\n        currentImage = null;\n        currentAlt = null;\n        return;\n      }\n      const { parsedSrcSet, config } = centerImage;\n\n      // get the biggest image || the current image\n      currentImage =\n        parsedSrcSet && parsedSrcSet.length > 0\n          ? parsedSrcSet[parsedSrcSet.length - 1].src\n          : config.src || null;\n\n      currentAlt = config.alt || null;\n    },\n    onDeactivateUi: (names: string[], _requestBy: VistaBox | null, _v: VistaView) => {\n      if (names.includes('download') && button) {\n        button.setAttribute('disabled', 'true');\n      }\n    },\n    onReactivateUi: (names: string[], _requestBy: VistaBox | null, _v: VistaView) => {\n      if (names.includes('download') && button) {\n        button.removeAttribute('disabled');\n      }\n    },\n    onClose: (_vistaView: VistaView) => {\n      button?.remove();\n      button = null;\n      currentImage = null;\n      currentAlt = null;\n    },\n  };\n}\n"],"mappings":"iOAIA,IAAM,EAAe,oIAErB,SAAgB,EAAoB,EAAa,EAA6B,CAE5E,IAAM,EADQ,EAAI,MAAM,IAAI,CAAC,GAAG,MAAM,IAAI,CAAC,GACjB,MAAM,IAAI,CAAC,KAAK,EAAI,GACxC,EAAW,EAAY,YAAY,IAAI,CAC7C,GAAI,EAAW,GAAI,CACjB,IAAM,EAAM,EAAY,MAAM,EAAW,EAAE,CAE3C,OADI,EAAY,GAAG,EAAI,GAAG,IACnB,EAGT,OADI,GACG,GAAe,WAGxB,SAAgB,GAA2B,CACzC,IAAIA,EAA8B,KAC9BC,EAA4B,KAC5BC,EAAmC,KAEvC,MAAO,CACL,KAAM,WACN,aACE,EAAS,SAAS,cAAc,SAAS,CACzC,EAAO,aAAa,aAAc,WAAW,CAC7C,EAAO,UAAY,EACnB,EAAO,iBAAiB,QAAS,SAAY,CAE3C,GADI,CAAC,GACD,GAAQ,UAAU,SAAS,eAAe,CAAE,OAChD,GAAQ,UAAU,IAAI,eAAe,CAErC,IAAIC,EAA4B,MAAM,MAAM,EAAa,CACrDC,EAAoB,MAAM,EAAS,MAAM,CACvC,EAAW,EAAS,IAEpB,EAAW,EAAoB,EAAU,EAAW,CAEpD,EAAO,SAAS,cAAc,IAAI,CACxC,EAAK,KAAO,IAAI,gBAAgB,EAAK,CACrC,EAAK,SAAW,EAChB,SAAS,KAAK,YAAY,EAAK,CAC/B,EAAK,OAAO,CACZ,SAAS,KAAK,YAAY,EAAK,CAC/B,EAAO,KACP,EAAW,KACX,GAAQ,UAAU,OAAO,eAAe,EACxC,CACK,GAET,aAAc,EAAsB,IAAkB,CACpD,IAAM,EAAc,EAAU,OAAO,GACjC,EAAU,OAAO,GAAG,KAAK,MAAM,EAAU,OAAO,GAAG,OAAS,EAAE,EAC9D,KAEJ,GAAI,CAAC,EAAa,CAChB,EAAe,KACf,EAAa,KACb,OAEF,GAAM,CAAE,eAAc,UAAW,EAGjC,EACE,GAAgB,EAAa,OAAS,EAClC,EAAa,EAAa,OAAS,GAAG,IACtC,EAAO,KAAO,KAEpB,EAAa,EAAO,KAAO,MAE7B,gBAAiB,EAAiB,EAA6B,IAAkB,CAC3E,EAAM,SAAS,WAAW,EAAI,GAChC,EAAO,aAAa,WAAY,OAAO,EAG3C,gBAAiB,EAAiB,EAA6B,IAAkB,CAC3E,EAAM,SAAS,WAAW,EAAI,GAChC,EAAO,gBAAgB,WAAW,EAGtC,QAAU,GAA0B,CAClC,GAAQ,QAAQ,CAChB,EAAS,KACT,EAAe,KACf,EAAa,MAEhB"}

package/{dist/lib/extensions/google-maps.d.ts → extensions/google-maps/dist/main.d.ts}

@@ -1,5 +1,5 @@
-import { VistaExtension, VistaImageParams } from '../types';
-import { VistaBox } from '../vista-box';
+import type { VistaExtension, VistaImageParams } from 'vistaview';
+import { VistaBox } from 'vistaview';
 export interface GoogleMapsConfig {
     apiKey?: string;
     zoom?: number;
@@ -46,4 +46,4 @@ export declare class VistaGoogleMaps extends VistaBox {
     } | undefined;
 }
 export declare function googleMaps(config?: GoogleMapsConfig): VistaExtension;
-//# sourceMappingURL=google-maps.d.ts.map
+//# sourceMappingURL=main.d.ts.map

package/extensions/google-maps/dist/main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,cAAc,EAAE,gBAAgB,EAAa,MAAM,WAAW,CAAC;AACxF,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAErC,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;CAC1D;AAED,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;GASG;AACH,wBAAgB,uBAAuB,CAAC,GAAG,EAAE,MAAM,GAAG,kBAAkB,GAAG,IAAI,CA4C9E;AAED;;;;;GAKG;AACH,wBAAgB,wBAAwB,CACtC,QAAQ,EAAE,kBAAkB,EAC5B,MAAM,EAAE,gBAAgB,GACvB,MAAM,CAcR;AAED,qBAAa,eAAgB,SAAQ,QAAQ;IAC3C,OAAO,EAAE,cAAc,CAAC;IACxB,OAAO,CAAC,UAAU,CAAmB;IACrC,OAAO,CAAC,QAAQ,CAAqB;gBAEzB,GAAG,EAAE,gBAAgB,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,CAAC,EAAE,gBAAgB;IAmE1F,SAAS,CAAC,cAAc,IAAI;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;IAS7D,iBAAiB;;;;CAGlB;AAED,wBAAgB,UAAU,CAAC,MAAM,CAAC,EAAE,gBAAgB,GAAG,cAAc,CAiBpE"}

package/extensions/google-maps/dist/main.js

@@ -0,0 +1,96 @@
+import { VistaBox } from "vistaview";
+function parseGoogleMapsLocation(e) {
+	if (!e) return null;
+	try {
+		let t = new URL(e), n = e.match(/@(-?\d+\.?\d*),(-?\d+\.?\d*),?(\d+\.?\d*)?z?/);
+		if (n) return {
+			lat: parseFloat(n[1]),
+			lng: parseFloat(n[2]),
+			zoom: n[3] ? parseFloat(n[3]) : void 0
+		};
+		let r = t.searchParams.get("q");
+		if (r) {
+			let e = r.match(/(-?\d+\.?\d*),\s*(-?\d+\.?\d*)/);
+			return e ? {
+				lat: parseFloat(e[1]),
+				lng: parseFloat(e[2]),
+				query: r
+			} : {
+				lat: 0,
+				lng: 0,
+				query: r
+			};
+		}
+		let i = t.searchParams.get("ll");
+		if (i) {
+			let [e, t] = i.split(",").map(parseFloat);
+			if (!isNaN(e) && !isNaN(t)) return {
+				lat: e,
+				lng: t
+			};
+		}
+	} catch (e) {
+		console.error("Failed to parse Google Maps URL:", e);
+	}
+	return null;
+}
+function getGoogleMapsStaticImage(e, t) {
+	if (!t.apiKey) throw Error("Google Maps API key is required");
+	let n = e.zoom || t.zoom || 15, r = t.width || 800, i = t.height || 600, a = t.mapType || "roadmap", o = e.query || `${e.lat},${e.lng}`, s = e.query ? "" : `&markers=color:red|${e.lat},${e.lng}`;
+	return `https://maps.googleapis.com/maps/api/staticmap?center=${encodeURIComponent(o)}&zoom=${n}&size=${r}x${i}&maptype=${a}${s}&key=${t.apiKey}`;
+}
+var VistaGoogleMaps = class extends VistaBox {
+	element;
+	mapsConfig;
+	location;
+	constructor(e, t, r) {
+		super(e), this.mapsConfig = r || {}, this.location = t;
+		let i = document.createElement("div");
+		i.style.position = "relative";
+		let a = document.createElement("img");
+		i.appendChild(a), a.src = this.origin?.image.src || (r && r.apiKey ? getGoogleMapsStaticImage(t, r) : ""), a.style.width = "100%", a.style.height = "100%", a.style.objectFit = "cover", a.classList.add("vvw--pulsing"), this.element = i, this.element.classList.add("vvw-img-hi");
+		let { width: o, height: s } = this.getFullSizeDim();
+		if (this.fullH = s, this.fullW = o, this.minW = this.fullW * .5, this.maxW = this.fullW, this.element.style.width = `${o}px`, this.element.style.height = `${s}px`, this.setSizes({
+			stableSize: !1,
+			initDimension: !0
+		}), this.pos === 0) {
+			let e = document.createElement("iframe");
+			e.frameBorder = "0", e.allow = "geolocation", e.allowFullscreen = !0, e.width = "100%", e.height = "100%", e.style.position = "absolute", e.style.top = "0", e.style.left = "0", e.style.opacity = "0", e.style.transition = "opacity 1s ease";
+			let t;
+			t = this.location.query ? `https://www.google.com/maps?q=${encodeURIComponent(this.location.query)}&output=embed` : `https://www.google.com/maps?q=${this.location.lat},${this.location.lng}&output=embed`, e.src = t, i.appendChild(e), e.onload = () => {
+				e.style.opacity = "1", a.classList.remove("vvw--pulsing");
+			};
+		}
+		this.isLoadedResolved(!0);
+	}
+	getFullSizeDim() {
+		let e = Math.min(window.innerWidth, this.mapsConfig.width || 800);
+		return {
+			width: e,
+			height: e * 9 / 16
+		};
+	}
+	setFinalTransform() {
+		return super.setFinalTransform({ propagateEvent: !1 });
+	}
+};
+function googleMaps(e) {
+	return {
+		name: "googleMaps",
+		onInitializeImage: (n) => {
+			let i = n.elm.config.src, a = parseGoogleMapsLocation(i);
+			if (a) return new VistaGoogleMaps(n, a, e);
+		},
+		onImageView: async (e, t) => {
+			let n = e.images.to[Math.floor(e.images.to.length / 2)];
+			n instanceof VistaGoogleMaps && t.deactivateUi([
+				"download",
+				"zoomIn",
+				"zoomOut"
+			], n);
+		}
+	};
+}
+export { VistaGoogleMaps, getGoogleMapsStaticImage, googleMaps, parseGoogleMapsLocation };
+
+//# sourceMappingURL=main.js.map

package/extensions/google-maps/dist/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","names":["embedUrl: string"],"sources":["../src/main.ts"],"sourcesContent":["import type { VistaData, VistaExtension, VistaImageParams, VistaView } from 'vistaview';\nimport { VistaBox } from 'vistaview';\n\nexport interface GoogleMapsConfig {\n  apiKey?: string;\n  zoom?: number; // Default zoom level (1-20)\n  width?: number; // Map width in pixels\n  height?: number; // Map height in pixels\n  mapType?: 'roadmap' | 'satellite' | 'hybrid' | 'terrain';\n}\n\nexport interface GoogleMapsLocation {\n  lat: number;\n  lng: number;\n  zoom?: number;\n  query?: string;\n}\n\n/**\n * Parse Google Maps URL and extract location data\n * Supports various Google Maps URL formats:\n * - https://www.google.com/maps?q=40.7128,-74.0060\n * - https://www.google.com/maps/@40.7128,-74.0060,15z\n * - https://maps.google.com?q=40.7128,-74.0060\n * - https://goo.gl/maps/...\n * @param url - Google Maps URL\n * @returns Location data or null if not found\n */\nexport function parseGoogleMapsLocation(url: string): GoogleMapsLocation | null {\n  if (!url) return null;\n\n  try {\n    const urlObj = new URL(url);\n\n    // Check for @lat,lng,zoom format\n    const atMatch = url.match(/@(-?\\d+\\.?\\d*),(-?\\d+\\.?\\d*),?(\\d+\\.?\\d*)?z?/);\n    if (atMatch) {\n      return {\n        lat: parseFloat(atMatch[1]),\n        lng: parseFloat(atMatch[2]),\n        zoom: atMatch[3] ? parseFloat(atMatch[3]) : undefined,\n      };\n    }\n\n    // Check for q=lat,lng format\n    const qParam = urlObj.searchParams.get('q');\n    if (qParam) {\n      const coordMatch = qParam.match(/(-?\\d+\\.?\\d*),\\s*(-?\\d+\\.?\\d*)/);\n      if (coordMatch) {\n        return {\n          lat: parseFloat(coordMatch[1]),\n          lng: parseFloat(coordMatch[2]),\n          query: qParam,\n        };\n      }\n      // If q param doesn't contain coordinates, store it as a query\n      return { lat: 0, lng: 0, query: qParam };\n    }\n\n    // Check for ll= parameter (lat,lng)\n    const llParam = urlObj.searchParams.get('ll');\n    if (llParam) {\n      const [lat, lng] = llParam.split(',').map(parseFloat);\n      if (!isNaN(lat) && !isNaN(lng)) {\n        return { lat, lng };\n      }\n    }\n  } catch (error) {\n    console.error('Failed to parse Google Maps URL:', error);\n  }\n\n  return null;\n}\n\n/**\n * Get Google Maps static image URL\n * @param location - Location data\n * @param config - Google Maps configuration\n * @returns Static map image URL\n */\nexport function getGoogleMapsStaticImage(\n  location: GoogleMapsLocation,\n  config: GoogleMapsConfig\n): string {\n  if (!config.apiKey) {\n    throw new Error('Google Maps API key is required');\n  }\n\n  const zoom = location.zoom || config.zoom || 15;\n  const width = config.width || 800;\n  const height = config.height || 600;\n  const mapType = config.mapType || 'roadmap';\n\n  const center = location.query || `${location.lat},${location.lng}`;\n  const marker = location.query ? '' : `&markers=color:red|${location.lat},${location.lng}`;\n\n  return `https://maps.googleapis.com/maps/api/staticmap?center=${encodeURIComponent(center)}&zoom=${zoom}&size=${width}x${height}&maptype=${mapType}${marker}&key=${config.apiKey}`;\n}\n\nexport class VistaGoogleMaps extends VistaBox {\n  element: HTMLDivElement;\n  private mapsConfig: GoogleMapsConfig;\n  private location: GoogleMapsLocation;\n\n  constructor(par: VistaImageParams, location: GoogleMapsLocation, config?: GoogleMapsConfig) {\n    super(par);\n\n    this.mapsConfig = config || {};\n    this.location = location;\n\n    const div = document.createElement('div');\n    div.style.position = 'relative';\n    const image = document.createElement('img');\n    div.appendChild(image);\n    image.src =\n      this.origin?.image.src ||\n      (config && config.apiKey ? getGoogleMapsStaticImage(location, config) : '');\n    image.style.width = '100%';\n    image.style.height = '100%';\n    image.style.objectFit = 'cover';\n    image.classList.add('vvw--pulsing');\n\n    this.element = div;\n\n    this.element.classList.add('vvw-img-hi');\n\n    // Set sizes\n    const { width: fullWidth, height: fullHeight } = this.getFullSizeDim();\n    this.fullH = fullHeight;\n    this.fullW = fullWidth;\n    this.minW = this.fullW * 0.5;\n    this.maxW = this.fullW; // no scaling\n    this.element.style.width = `${fullWidth}px`;\n    this.element.style.height = `${fullHeight}px`;\n\n    // Trigger setSizes to setup thumb and iframe initial style\n    this.setSizes({ stableSize: false, initDimension: true });\n\n    if (this.pos === 0) {\n      const iframe = document.createElement('iframe');\n      iframe.frameBorder = '0';\n      iframe.allow = 'geolocation';\n      iframe.allowFullscreen = true;\n      iframe.width = '100%';\n      iframe.height = '100%';\n      iframe.style.position = 'absolute';\n      iframe.style.top = '0';\n      iframe.style.left = '0';\n      iframe.style.opacity = '0';\n      iframe.style.transition = 'opacity 1s ease';\n\n      // Use standard Google Maps iframe embed\n      let embedUrl: string;\n      if (this.location.query) {\n        embedUrl = `https://www.google.com/maps?q=${encodeURIComponent(this.location.query)}&output=embed`;\n      } else {\n        embedUrl = `https://www.google.com/maps?q=${this.location.lat},${this.location.lng}&output=embed`;\n      }\n      iframe.src = embedUrl;\n      div.appendChild(iframe);\n\n      iframe.onload = () => {\n        iframe.style.opacity = '1';\n        image.classList.remove('vvw--pulsing');\n      };\n    }\n\n    this.isLoadedResolved!(true);\n  }\n\n  // Use 16:9 aspect ratio with max 800px width\n  protected getFullSizeDim(): { width: number; height: number } {\n    const maxWidth = Math.min(window.innerWidth, this.mapsConfig.width || 800);\n    return {\n      width: maxWidth,\n      height: (maxWidth * 9) / 16,\n    };\n  }\n\n  // Override to avoid propagating content change event\n  setFinalTransform() {\n    return super.setFinalTransform({ propagateEvent: false });\n  }\n}\n\nexport function googleMaps(config?: GoogleMapsConfig): VistaExtension {\n  return {\n    name: 'googleMaps',\n    onInitializeImage: (params: VistaImageParams) => {\n      const url = params.elm.config.src;\n      const location = parseGoogleMapsLocation(url);\n      if (!location) return;\n\n      return new VistaGoogleMaps(params, location, config);\n    },\n    onImageView: async (data: VistaData, v: VistaView) => {\n      const mainData = data.images.to![Math.floor(data.images.to!.length / 2)];\n      if (mainData instanceof VistaGoogleMaps) {\n        v.deactivateUi(['download', 'zoomIn', 'zoomOut'], mainData);\n      }\n    },\n  };\n}\n"],"mappings":"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"}

package/extensions/google-maps/dist/main.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=main.test.d.ts.map

package/extensions/google-maps/dist/main.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.test.d.ts","sourceRoot":"","sources":["../src/main.test.ts"],"names":[],"mappings":""}

package/extensions/google-maps/dist/main.umd.cjs

@@ -0,0 +1,2 @@
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vistaview`)):typeof define==`function`&&define.amd?define([`exports`,`vistaview`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.VistaView=e.VistaView||{},e.VistaView))})(this,function(e,t){function n(e){if(!e)return null;try{let t=new URL(e),n=e.match(/@(-?\d+\.?\d*),(-?\d+\.?\d*),?(\d+\.?\d*)?z?/);if(n)return{lat:parseFloat(n[1]),lng:parseFloat(n[2]),zoom:n[3]?parseFloat(n[3]):void 0};let r=t.searchParams.get(`q`);if(r){let e=r.match(/(-?\d+\.?\d*),\s*(-?\d+\.?\d*)/);return e?{lat:parseFloat(e[1]),lng:parseFloat(e[2]),query:r}:{lat:0,lng:0,query:r}}let i=t.searchParams.get(`ll`);if(i){let[e,t]=i.split(`,`).map(parseFloat);if(!isNaN(e)&&!isNaN(t))return{lat:e,lng:t}}}catch(e){console.error(`Failed to parse Google Maps URL:`,e)}return null}function r(e,t){if(!t.apiKey)throw Error(`Google Maps API key is required`);let n=e.zoom||t.zoom||15,r=t.width||800,i=t.height||600,a=t.mapType||`roadmap`,o=e.query||`${e.lat},${e.lng}`,s=e.query?``:`&markers=color:red|${e.lat},${e.lng}`;return`https://maps.googleapis.com/maps/api/staticmap?center=${encodeURIComponent(o)}&zoom=${n}&size=${r}x${i}&maptype=${a}${s}&key=${t.apiKey}`}var i=class extends t.VistaBox{element;mapsConfig;location;constructor(e,t,n){super(e),this.mapsConfig=n||{},this.location=t;let i=document.createElement(`div`);i.style.position=`relative`;let a=document.createElement(`img`);i.appendChild(a),a.src=this.origin?.image.src||(n&&n.apiKey?r(t,n):``),a.style.width=`100%`,a.style.height=`100%`,a.style.objectFit=`cover`,a.classList.add(`vvw--pulsing`),this.element=i,this.element.classList.add(`vvw-img-hi`);let{width:o,height:s}=this.getFullSizeDim();if(this.fullH=s,this.fullW=o,this.minW=this.fullW*.5,this.maxW=this.fullW,this.element.style.width=`${o}px`,this.element.style.height=`${s}px`,this.setSizes({stableSize:!1,initDimension:!0}),this.pos===0){let e=document.createElement(`iframe`);e.frameBorder=`0`,e.allow=`geolocation`,e.allowFullscreen=!0,e.width=`100%`,e.height=`100%`,e.style.position=`absolute`,e.style.top=`0`,e.style.left=`0`,e.style.opacity=`0`,e.style.transition=`opacity 1s ease`;let t;t=this.location.query?`https://www.google.com/maps?q=${encodeURIComponent(this.location.query)}&output=embed`:`https://www.google.com/maps?q=${this.location.lat},${this.location.lng}&output=embed`,e.src=t,i.appendChild(e),e.onload=()=>{e.style.opacity=`1`,a.classList.remove(`vvw--pulsing`)}}this.isLoadedResolved(!0)}getFullSizeDim(){let e=Math.min(window.innerWidth,this.mapsConfig.width||800);return{width:e,height:e*9/16}}setFinalTransform(){return super.setFinalTransform({propagateEvent:!1})}};function a(e){return{name:`googleMaps`,onInitializeImage:t=>{let r=t.elm.config.src,a=n(r);if(a)return new i(t,a,e)},onImageView:async(e,t)=>{let n=e.images.to[Math.floor(e.images.to.length/2)];n instanceof i&&t.deactivateUi([`download`,`zoomIn`,`zoomOut`],n)}}}e.VistaGoogleMaps=i,e.getGoogleMapsStaticImage=r,e.googleMaps=a,e.parseGoogleMapsLocation=n});
+//# sourceMappingURL=main.umd.cjs.map

package/extensions/google-maps/dist/main.umd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.umd.cjs","names":["embedUrl: string"],"sources":["../src/main.ts"],"sourcesContent":["import type { VistaData, VistaExtension, VistaImageParams, VistaView } from 'vistaview';\nimport { VistaBox } from 'vistaview';\n\nexport interface GoogleMapsConfig {\n  apiKey?: string;\n  zoom?: number; // Default zoom level (1-20)\n  width?: number; // Map width in pixels\n  height?: number; // Map height in pixels\n  mapType?: 'roadmap' | 'satellite' | 'hybrid' | 'terrain';\n}\n\nexport interface GoogleMapsLocation {\n  lat: number;\n  lng: number;\n  zoom?: number;\n  query?: string;\n}\n\n/**\n * Parse Google Maps URL and extract location data\n * Supports various Google Maps URL formats:\n * - https://www.google.com/maps?q=40.7128,-74.0060\n * - https://www.google.com/maps/@40.7128,-74.0060,15z\n * - https://maps.google.com?q=40.7128,-74.0060\n * - https://goo.gl/maps/...\n * @param url - Google Maps URL\n * @returns Location data or null if not found\n */\nexport function parseGoogleMapsLocation(url: string): GoogleMapsLocation | null {\n  if (!url) return null;\n\n  try {\n    const urlObj = new URL(url);\n\n    // Check for @lat,lng,zoom format\n    const atMatch = url.match(/@(-?\\d+\\.?\\d*),(-?\\d+\\.?\\d*),?(\\d+\\.?\\d*)?z?/);\n    if (atMatch) {\n      return {\n        lat: parseFloat(atMatch[1]),\n        lng: parseFloat(atMatch[2]),\n        zoom: atMatch[3] ? parseFloat(atMatch[3]) : undefined,\n      };\n    }\n\n    // Check for q=lat,lng format\n    const qParam = urlObj.searchParams.get('q');\n    if (qParam) {\n      const coordMatch = qParam.match(/(-?\\d+\\.?\\d*),\\s*(-?\\d+\\.?\\d*)/);\n      if (coordMatch) {\n        return {\n          lat: parseFloat(coordMatch[1]),\n          lng: parseFloat(coordMatch[2]),\n          query: qParam,\n        };\n      }\n      // If q param doesn't contain coordinates, store it as a query\n      return { lat: 0, lng: 0, query: qParam };\n    }\n\n    // Check for ll= parameter (lat,lng)\n    const llParam = urlObj.searchParams.get('ll');\n    if (llParam) {\n      const [lat, lng] = llParam.split(',').map(parseFloat);\n      if (!isNaN(lat) && !isNaN(lng)) {\n        return { lat, lng };\n      }\n    }\n  } catch (error) {\n    console.error('Failed to parse Google Maps URL:', error);\n  }\n\n  return null;\n}\n\n/**\n * Get Google Maps static image URL\n * @param location - Location data\n * @param config - Google Maps configuration\n * @returns Static map image URL\n */\nexport function getGoogleMapsStaticImage(\n  location: GoogleMapsLocation,\n  config: GoogleMapsConfig\n): string {\n  if (!config.apiKey) {\n    throw new Error('Google Maps API key is required');\n  }\n\n  const zoom = location.zoom || config.zoom || 15;\n  const width = config.width || 800;\n  const height = config.height || 600;\n  const mapType = config.mapType || 'roadmap';\n\n  const center = location.query || `${location.lat},${location.lng}`;\n  const marker = location.query ? '' : `&markers=color:red|${location.lat},${location.lng}`;\n\n  return `https://maps.googleapis.com/maps/api/staticmap?center=${encodeURIComponent(center)}&zoom=${zoom}&size=${width}x${height}&maptype=${mapType}${marker}&key=${config.apiKey}`;\n}\n\nexport class VistaGoogleMaps extends VistaBox {\n  element: HTMLDivElement;\n  private mapsConfig: GoogleMapsConfig;\n  private location: GoogleMapsLocation;\n\n  constructor(par: VistaImageParams, location: GoogleMapsLocation, config?: GoogleMapsConfig) {\n    super(par);\n\n    this.mapsConfig = config || {};\n    this.location = location;\n\n    const div = document.createElement('div');\n    div.style.position = 'relative';\n    const image = document.createElement('img');\n    div.appendChild(image);\n    image.src =\n      this.origin?.image.src ||\n      (config && config.apiKey ? getGoogleMapsStaticImage(location, config) : '');\n    image.style.width = '100%';\n    image.style.height = '100%';\n    image.style.objectFit = 'cover';\n    image.classList.add('vvw--pulsing');\n\n    this.element = div;\n\n    this.element.classList.add('vvw-img-hi');\n\n    // Set sizes\n    const { width: fullWidth, height: fullHeight } = this.getFullSizeDim();\n    this.fullH = fullHeight;\n    this.fullW = fullWidth;\n    this.minW = this.fullW * 0.5;\n    this.maxW = this.fullW; // no scaling\n    this.element.style.width = `${fullWidth}px`;\n    this.element.style.height = `${fullHeight}px`;\n\n    // Trigger setSizes to setup thumb and iframe initial style\n    this.setSizes({ stableSize: false, initDimension: true });\n\n    if (this.pos === 0) {\n      const iframe = document.createElement('iframe');\n      iframe.frameBorder = '0';\n      iframe.allow = 'geolocation';\n      iframe.allowFullscreen = true;\n      iframe.width = '100%';\n      iframe.height = '100%';\n      iframe.style.position = 'absolute';\n      iframe.style.top = '0';\n      iframe.style.left = '0';\n      iframe.style.opacity = '0';\n      iframe.style.transition = 'opacity 1s ease';\n\n      // Use standard Google Maps iframe embed\n      let embedUrl: string;\n      if (this.location.query) {\n        embedUrl = `https://www.google.com/maps?q=${encodeURIComponent(this.location.query)}&output=embed`;\n      } else {\n        embedUrl = `https://www.google.com/maps?q=${this.location.lat},${this.location.lng}&output=embed`;\n      }\n      iframe.src = embedUrl;\n      div.appendChild(iframe);\n\n      iframe.onload = () => {\n        iframe.style.opacity = '1';\n        image.classList.remove('vvw--pulsing');\n      };\n    }\n\n    this.isLoadedResolved!(true);\n  }\n\n  // Use 16:9 aspect ratio with max 800px width\n  protected getFullSizeDim(): { width: number; height: number } {\n    const maxWidth = Math.min(window.innerWidth, this.mapsConfig.width || 800);\n    return {\n      width: maxWidth,\n      height: (maxWidth * 9) / 16,\n    };\n  }\n\n  // Override to avoid propagating content change event\n  setFinalTransform() {\n    return super.setFinalTransform({ propagateEvent: false });\n  }\n}\n\nexport function googleMaps(config?: GoogleMapsConfig): VistaExtension {\n  return {\n    name: 'googleMaps',\n    onInitializeImage: (params: VistaImageParams) => {\n      const url = params.elm.config.src;\n      const location = parseGoogleMapsLocation(url);\n      if (!location) return;\n\n      return new VistaGoogleMaps(params, location, config);\n    },\n    onImageView: async (data: VistaData, v: VistaView) => {\n      const mainData = data.images.to![Math.floor(data.images.to!.length / 2)];\n      if (mainData instanceof VistaGoogleMaps) {\n        v.deactivateUi(['download', 'zoomIn', 'zoomOut'], mainData);\n      }\n    },\n  };\n}\n"],"mappings":"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"}

package/extensions/image-story/dist/main.d.ts

@@ -0,0 +1,16 @@
+import type { VistaExtension } from 'vistaview';
+type VistaGetStoryResult = {
+    content: string;
+    onLoad?: () => void;
+    onUnload?: () => void;
+};
+export declare function removeStory(currentIndex: string, storyCache: {
+    [key: string]: VistaGetStoryResult;
+}, maxStoryCache: number): void;
+export declare function imageStory({ getStory, maxStoryCache, sanitize, }: {
+    getStory: (imageIndex: number) => Promise<VistaGetStoryResult>;
+    maxStoryCache?: number;
+    sanitize?: (content: string) => string;
+}): VistaExtension;
+export {};
+//# sourceMappingURL=main.d.ts.map

package/extensions/image-story/dist/main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,cAAc,EAAa,MAAM,WAAW,CAAC;AAKtE,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,wBAAgB,WAAW,CACzB,YAAY,EAAE,MAAM,EACpB,UAAU,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,mBAAmB,CAAA;CAAE,EAClD,aAAa,EAAE,MAAM,QA4BtB;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,aAAiB,EACjB,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,mBAAmB,CAAC,CAAC;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;CACxC,GAAG,cAAc,CAyFjB"}