@pugpigbolt/bridge 0.1.2 → 0.1.4

package/dist/chunks/bootstrap-B7Gwb_jl.mjs

@@ -0,0 +1 @@
+function e(e,t){let{paywall_locked:n,entitlements:r=[]}=e.entry;n&&r.length<=0&&(r=e.feedid?[e.feedid]:[]);let i=e.feedid?t[e.feedid]:!1,a=r.length>0?r.find(e=>t[e]):!0;return!i&&!a}const t={feed:{},rawStories:[],timelines:[],timelinesStates:{},themeURL:[],theme:{},darkTheme:{},timelineMode:`Single`,timelineType:`Timeline`,sourceURL:null,baseUrl:``,metadataLoaded:!1,initialBatchSize:0,filter:{},positionOverrides:[],debugLogs:!1,actionProviderNames:[],authorisationStatus:{},issueAuthorisationStatus:{},read:new Set,saved:new Set,get stories(){return n(this.rawStories,this.saved,this.read,this.authorisationStatus,this.issueAuthorisationStatus)},get themeFileNames(){return this.themeURL?.map(e=>e.split(`/`).pop()??``)??[]},get isSavedTimeline(){return this.timelineType===`SavedTimeline`},get isCollection(){return this.feed?.classes?.includes(`collection_type-edition`)??!1},isTimelineStyleVersion(e){return window.timelineStyleVersion===e}};function n(t,n,a,o,s){let c=!!window.parent?.pugpigBridgeService?.issueAuthorisationStatus;return t.map((t,l)=>(t.locked=c?e(t,s):r(t,o),t.hidden=i(t,o),t.saved=n.has(t.entry.id),t.read=a.has(`${t.feedid}::::${t.entry.id}`),t.originalIndex=l,t))}function r(e,t){let{state:n}=t,{paywall_locked:r=!1}=e.entry;return n!==`active`&&r}function i(e,t){let{state:n}=t,{visibility:r,categories:i,hidden:a}=e.entry,o=i?.find(({scheme:e})=>e===`http://schema.pugpig.com/attributes`);return r?r===`marketing`&&n!==`inactive`||r===`private`&&!!e.locked:o?o.term===`marketing`&&n!==`inactive`||o.term===`private`&&n!==`inactive`:!!a}async function a(e){try{let t=await e;return{data:t?JSON.parse(t):void 0}}catch(e){return{error:e}}}async function o(e,t){let n=window.parent?.pugpigBridgeService,r=n&&n[e],i=t?JSON.stringify(t):void 0;if(r){let{data:t,error:r}=await a(Promise.resolve(i?n[e](i):n[e]()));if(r)throw Error(r instanceof Error?r.message:JSON.stringify(r));return t}window.parent?.postMessage({bolt:`up`,action:e,payload:JSON.parse(i??`{}`)},`*`)}function s(){return(window.location.pathname.split(`/`).pop()?.replace(`.html`,``)??``).split(/[-_]/).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(` `)}function c(e,t){let n;return function(...r){clearTimeout(n),n=setTimeout(()=>e.apply(this,r),t)}}const l={openArticle(e,t){return o(`viewArticle`,{...e,story:e,index:t})},openEdition(e,t,n=!1,r=!0){let i={editionId:e,skipTimeline:n,autoDownload:r};return t&&(i.partition=t),o(`openEdition`,i)},shouldViewWidget(e,t){return o(`shouldViewWidget`,{...e,story:e,index:t})},setSaved(e,t,n){return o(`setSaved`,{story:e,index:t,saved:n})},setRead(e,t){return o(`setRead`,{story:e,index:t})},shareStory(e,t){return o(`shareStory`,{story:e,index:t})},addToCalendar(e,t){return o(`addToCalendar`,{story:e,index:t})}},u={logInfo(e,t){if(e===`debug`&&!this.debugLogs)return;let n=this.feed?.id?` [${this.feed.id}]`:``;o(`logInfo`,`[${document.title||`Bolt Timeline`}]${n} ${t}`)},sendAnalytics(e,t,n=0,r={}){let i=s(),a=t?.originalBaseURL||t?.baseURL,o=typeof e==`object`&&e?e:{},c={type:e,story:t,index:n,param:t?.feedid,dimensions:r,...o},l=c.paramName||`pugpigEditionID`,d=this.timelineType===`SavedTimeline`?`/SavedTimeline`:`/Timeline`;return c.dimensions.pugpigEventOrigin=i,!c.paramName&&c?.param===c?.story?.entry.title&&(l=`pugpigPageName`),c?.story?.entry.url&&a&&(c.story.entry.url=new URL(c.story.entry.url,a).href),c?.story?.entry.shareurl&&a&&(c.story.entry.shareurl=new URL(c.story.entry.shareurl,a).href),u.sendAnalyticsEvent(c.type,d,c.param,l,c.dimensions,c.story?.entry,c.story?.feedid,c.index)},sendAnalyticsEvent(e,t,n=``,r=``,i={},a,c,l){let u={name:e,category:t,paramName:r,feedid:c,storyEntry:a,index:l,dimensions:i};return n&&n!==``&&(u.param=typeof n==`string`?n:JSON.stringify(n)),u.dimensions={...i,pugpigEventOrigin:s()},o(`trackAnalyticsEvent`,u)}},d={openAudio(e,t,n){return o(`playAudio`,{story:e,index:n,...t})},openImageGallery(e,t=0){return o(`openImageGallery`,{images:e,initialImage:t})}},f={fireToast(e,t){return o(`fireToast`,{type:e,action:t})},clearForwardTouchesWithin(){return o(`clearForwardTouchesWithin`)},forwardTouchesWithin:c(async function(e){return await this.clearForwardTouchesWithin(),o(`forwardTouchesWithin`,e&&Object.values(e))},300)},p={call(e,t){return o(e,t)},timelineIsReady(){let e=import.meta.env.VITE_GIT_VERSION;o(`timelineIsReady`,{version:e}),this.logInfo(`global`,`timelineIsReady took ${performance.now()}ms`)}},m={...l,...u,...d,...f,...p},h={events:{},debounceTimers:{},$on(e,t){return Array.isArray(this.events[e])||(this.events[e]=[]),this.events[e].push(t),()=>this.removeListener(e,t)},removeListener(e,t){if(Array.isArray(this.events[e])){let n=this.events[e].indexOf(t);n>-1&&this.events[e].splice(n,1)}},$off(e,t){this.removeListener(e,t)},$emit(e,...t){let n=t?.[0]?.debounce,r=Object.keys(this.events).filter(t=>RegExp(`^`+t.replace(/\*/g,`.*`)+`$`).test(e));!r||r.length<=0||r.forEach(e=>{n?(this.debounceTimers[e]&&clearTimeout(this.debounceTimers[e]),this.debounceTimers[e]=setTimeout(()=>{this.events[e].forEach(e=>e.apply(this,t))},n)):this.events[e].forEach(e=>e.apply(this,t))})},$once(e,t){let n=this.$on(e,(...e)=>{n(),t.apply(this,e)})},subscribe(e){return e(this),this.$on(`change`,()=>e(this))}},g=Object.assign(t,{...m,resolveIssueAccess:n=>e(n,t.issueAuthorisationStatus)},h);function _(e){return new Proxy(e,{set(t,n,r,i){let a=Reflect.set(t,n,r,i);return typeof n==`string`?(e.$emit(`change:${n}`,r),e.$emit(`change`,n,r),a):a}})}function v(e,t){if(e.length!==t.length)return!0;for(let n=0;n<e.length;n++){let{entry:{id:r,updated:i}}=e[n],{entry:{id:a,updated:o}}=t[n];if(r!==a||i!==o)return!0}return!1}async function y(e,t){let n=window.parent?.pugpigBridgeService,r=t?await Promise.resolve(n?.[e](t)):await Promise.resolve(n?.[e]()),i=JSON.parse(r),a=window.parent?.pugpig?.timelineHooks?.transforms?.bridge;return a&&(i=await a({method:e,payload:i})),i}const b={stories:async function({updateAction:e}={}){let{stories:t}=await y(`stories`),n=this.rawStories,r=v(n,t);this.rawStories=t,r&&(window.pugpigUpdate(`issueAuthorisationStatus`),window.pugpigUpdate(`timelineInfo`)),n.length>0&&this.$emit(`stories-updated`,{feedUpdated:r,updateAction:e})},timelines:async function(){this.timelines=await y(`timelines`,JSON.stringify(this.filter))},timelineInfo:async function(){let{themeURL:e,timelineType:t,debugLogs:n,sourceURL:r,timelineMode:i,metadata:a,feedReference:o}=await y(`timelineInfo`);this.themeURL=e,this.sourceURL=r,this.theme=a?.configuration?.theme??{},this.darkTheme=a?.configuration?.darkTheme??this.theme,this.feed=o,this.timelineType=t,this.timelineMode=i,a&&(this.metadataLoaded=!0),this.initialBatchSize=a?.configuration?.timeline_initial_batch_size??a?.timeline_initial_batch_size??Math.floor(screen.height/150),window.useTimelineGrid&&(this.positionOverrides=window.timelinePositionOverrides??a?.configuration?.position_overrides??a?.position_overrides??[]),this.debugLogs=n},timeline:async function({editionId:e,progress:t,state:n,downloadError:r}){let i=this.timelines.findIndex(t=>t.id===e);!this.timelines||this.timelines.length<=0||!this.timelines[i]||(this.timelinesStates[e]||(this.timelinesStates[e]={}),this.timelinesStates[e].progress=t,this.timelinesStates[e].state=n,this.timelinesStates[e].downloadError=r)},timelinesInfo:async function(){let{baseurl:e,debugLogs:t,filter:n,css:r=[],theme:i={},darkTheme:a}=await y(`timelinesInfo`);this.theme=i,this.darkTheme=a??i,this.themeURL=r,this.baseUrl=e,this.filter=n,this.debugLogs=t},localeInfo:async function(){let{locale:e=`en-GB`,direction:t=`ltr`}=await y(`localeInfo`);document.documentElement.lang!==e&&(document.documentElement.lang=e?.replace(/_/g,`-`)),document.documentElement.dir!==t&&(document.documentElement.dir=t)},issueAuthorisationStatus:async function(){let e=[...new Set(this.rawStories.flatMap(({feedid:e,entry:t})=>[e,...t.entitlements??[]]))];this.issueAuthorisationStatus=await y(`issueAuthorisationStatus`,JSON.stringify(e))},authorisationStatus:async function(){this.authorisationStatus=await y(`authorisationStatus`)},actionProviderNames:async function(){this.actionProviderNames=await y(`actionProviderNames`)},readStories:async function(){let{readStories:e}=await y(`readStories`);this.read=new Set(e.map(e=>e.join(`::::`)))},savedStories:async function(){let{savedStories:e}=await y(`savedStories`);this.saved=new Set(e.map(e=>e?.[1]))},updateTime:async function(){let{dateTime:e,lastCheckedDateTime:t}=await y(`updateTime`);this.$emit(`time-updated`,{dateTime:e,lastCheckedDateTime:t})},storeGet:async function({key:e}){this.$emit(`store-updated`,{key:e})},webviewInfo:async function(){let{themeURL:e}=await y(`webviewInfo`);this.themeURL=e}};function x(e){return typeof e==`function`&&`__boltHandlers`in e}function S(){if(x(window.pugpigUpdate))return window.pugpigUpdate.__boltHandlers;let e=window.pugpigUpdate?[window.pugpigUpdate]:[],t=Object.assign((t,n={})=>e.forEach(e=>e(t,n)),{__boltHandlers:e});return window.pugpigUpdate=t,e}const C=new WeakMap;function w(e){let t=S();C.has(e)||C.set(e,(t,n={})=>{if(window.parent?.pugpigBridgeService?.[t])return document.querySelectorAll(`iframe`).forEach(e=>{try{e.contentWindow?.pugpigUpdate?.(t,n)}catch{}}),b[t]?.call(e,n);console.info(`Bolt Timeline Bridge: '${t}' not available on this platform.`)});let n=C.get(e);t.includes(n)||t.push(n)}const T=[`localeInfo`,`timelineInfo`,`authorisationStatus`,`savedStories`,`readStories`,`updateTime`,`actionProviderNames`,`stories`];function E(e=T){for(let t of e)window.pugpigUpdate(t)}function D(e,t={}){let{rootSelector:n=`#app`,readyTimeout:r=4e3}=t;`scrollRestoration`in history&&(history.scrollRestoration=`manual`),E();let i=document.querySelector(n),a=[],o=setTimeout(()=>{e.logInfo(`debug`,`${r}ms have passed, forcing timelineIsReady`),e.timelineIsReady()},r);function s(t){a.push(t),[`renderedRequiredStyles`,...e.themeFileNames??[]].every(e=>a.includes(e))&&(clearTimeout(o),document.fonts.ready.then(()=>e.timelineIsReady()))}for(let t of e.themeURL??[]){let e=document.createElement(`link`);e.rel=`stylesheet`,e.href=t,e.onload=()=>s(t),e.onerror=()=>s(t),document.head.appendChild(e)}s(`renderedRequiredStyles`);function c(){let t=[...e.feed?.classes??[]];e.isSavedTimeline&&t.push(`saved-timeline`),i&&t.length&&i.classList.add(...t)}c();let l=e.$on(`change:feed`,c);return()=>{clearTimeout(o),l()}}export{_ as a,w as i,D as n,g as o,E as r,m as s,T as t};

package/dist/chunks/development-CzUmtUQR.mjs

@@ -0,0 +1 @@
+import{n as e,r as t}from"./mockBridgeService-M_48ewQL.mjs";function n(e){return e===`origin`&&(e=window.location.origin),/^https?:\/\//i.test(e)||(e=`https://`+e),e}async function r(e){let n=`${e.live_domain}/timelines.json`,r=await t(n),i=r.timelines?.find(t=>t.id===e.edition)??r.timelines[0],a=new URL(i?.feed??``,n).href,o=await t(e?.stories||a);return Object.assign(e,{live_domain:e.live_domain,timelines:r.timelines,timeline:i,stories:o.stories,metadata:o.metadata})}async function i(e){let n=e.platform??`web`,r=(await t(`${e.live_domain}/bolt_properties.json`))?.[`${e.config}_version`]??`latest_version`,i=`${e.live_domain}/bolt/config/${r}/web/config.json`,a=(e.config?await t(i):void 0)?.timeline_css.map(t=>`${e.live_domain}/bolt/config/${r}/${n}/${t}`);return Object.assign(e,{themeUrl:a})}async function a(e,t){let a=new URLSearchParams(window.location.search),o=Object.fromEntries(a.entries());if(o.useStorage){let e=localStorage.getItem(`config`);if(e)return JSON.parse(e)}let s={...window.__TIMELINE_LOCAL_CONFIG__,...o,debugLogs:o.debugLogs===`true`};return s.live_domain&&(s.live_domain=n(s.live_domain),s=await r(s),s=await i(s)),localStorage.setItem(`config`,JSON.stringify(s)),s}async function o(t,n){window.config=await a(t,n),window.pugpigBridgeService=e(window.config)}export{o as injectBridge};

package/dist/{index-BjDhZ_q5.d.mts → chunks/index-BWVJLr0k.d.mts}

@@ -1,12 +1,6 @@
 import { App } from "vue";
 
 //#region src/types.d.ts
-/**
- * @section Story types
- *
- * Core data structures for stories and their entries, shared across the bridge
- * and widget layer.
- */
 interface StoryImage {
   src?: string;
   srcset?: string;
@@ -15,7 +9,6 @@ interface StoryImage {
   credit?: string;
   externalurl?: string;
 }
-/** A single DFP ad size — either a [width, height] tuple or the string 'fluid'. */
 type AdSize = number[] | string;
 interface StoryEntry {
   id: string;
@@ -155,62 +148,29 @@ interface Story {
   isArticleLink?: boolean;
   original_hidden?: boolean;
 }
-/**
- * @section Bridge service interface
- *
- * The `BridgeService` interface consumed by `@pugpigbolt/components` and widgets to
- * open articles, send analytics, manage saved state, and communicate with the
- * native shell via events.
- */
 interface BridgeService {
-  /** Current timeline type string, e.g. 'Timeline' | 'SavedTimeline'. */
   timelineType: string;
-  /** Processed story array — locked, hidden, saved, and read flags applied. */
   stories: Story[];
-  /** Unprocessed stories as received from the native shell before flag processing. */
   rawStories: Story[];
-  /** Number of stories rendered in the first batch. */
   initialBatchSize: number;
-  /** Position override rules applied to story ordering. */
   positionOverrides: unknown[];
-  /** Names of registered native action providers, if any. */
   actionProviderNames?: string[];
-  /** Current user authorisation status — state ('active'|'inactive'), token, userInfo. */
   authorisationStatus?: AuthorisationStatus;
-  /** The source url that loaded the timeline. */
   sourceURL?: string;
-  /** Returns true if the native app is running at least the given timeline style version. */
   isTimelineStyleVersion(version: string): boolean;
-  /** Sends an analytics event. event is a string action name or a Record with type/param. story and index identify the context. */
   sendAnalytics(event: string | Record<string, unknown>, story?: Story, index?: number, extra?: Record<string, unknown>): void;
-  /** Asks the native shell to open a story in the native article reader. */
   openArticle(story: Story, index: number): void;
-  /** Marks a story as read in the native shell's read-state store. */
   setRead(story: Story, index: number): void;
-  /** Opens the native audio player for a story. metadata carries player-specific config. */
   openAudio(story: Story, metadata: Record<string, unknown>, index: number): void;
-  /** Opens the native share sheet for a story. */
   shareStory(story: Story, index: number): void;
-  /** Saves or unsaves a story in the native shell's saved-stories store. */
   setSaved(story: Story, index: number, saved: boolean): void;
-  /** Displays a native toast notification. key is the toast identifier, action is an optional CTA. */
   fireToast(key: string, action?: string): void;
-  /** Returns whether the story is locked based on issue authorisation status. */
   resolveIssueAccess(story: Pick<Story, 'feedid' | 'entry'>): boolean;
-  /** Adds an event-type story to the device calendar. */
   addToCalendar(story: Story, index: number): void;
-  /** Dispatches an arbitrary named action to the native bridge. Use as an escape hatch when no typed method exists. */
   call(method: string, ...args: unknown[]): Promise<unknown>;
-  /** Subscribes to a bridge event by name. Returns an unsubscribe function — call it in onUnmounted. */
   $on(event: string, callback: (...args: unknown[]) => void): () => void;
-  /** Emits a named bridge event with an optional data payload. */
   $emit(event: string, data?: unknown): void;
 }
-/**
- * @section Timeline types
- *
- * Types describing timelines and their download or progress state.
- */
 interface Timeline {
   id: string;
   feed?: string;
@@ -221,12 +181,6 @@ interface TimelineState {
   state?: 'idle' | 'downloading' | 'deleting' | (string & {});
   downloadError?: string;
 }
-/**
- * @section Feed, auth, and theme
- *
- * Feed descriptor, authorisation status, issue-level access map, and theme
- * types used across the bridge.
- */
 interface Feed {
   id?: string;
   classes?: string[];
@@ -242,12 +196,6 @@ interface AuthorisationStatus {
 }
 type IssueAuthorisationStatus = Record<string, boolean>;
 type Theme = Record<string, unknown>;
-/**
- * @section Remote config
- *
- * Timeline metadata and the full remote configuration shape delivered by the
- * native shell at startup.
- */
 interface TimelineMetadata {
   configuration?: {
     theme?: Theme;
@@ -275,15 +223,9 @@ interface RemoteConfig {
   config?: string;
   globalDir?: string;
   baseurl?: string;
+  version?: string;
   [key: string]: unknown;
 }
-/**
- * @section Native bridge service interface
- *
- * The raw `parent.pugpigBridgeService` interface exposed by the native iOS and
- * Android shell. Widget code should not call this directly — use `BridgeService`
- * instead.
- */
 interface PugpigBridgeService {
   stories(payload?: string): unknown;
   timeline(payload?: string): unknown;
@@ -317,12 +259,6 @@ interface PugpigBridgeService {
   actionProviderNames?(payload?: string): unknown;
   [key: string]: ((payload?: string) => unknown) | undefined;
 }
-/**
- * @section Incoming handler payload types
- *
- * Payload shapes for each `pugpigUpdate` method call received from the native
- * shell.
- */
 interface StoriesPayload {
   stories: Story[];
 }
@@ -366,37 +302,11 @@ interface TimelineInfoPayload {
   feedReference: Feed;
   metadata: TimelineMetadata;
 }
-/**
- * @section Bootstrap
- *
- * Options passed to the bridge bootstrap process that initialises the Vue app
- * and connects it to the native shell.
- */
 interface BootstrapOptions {
-  /**
-   * CSS selector for the app root element used to apply feed classes.
-   * Defaults to `'#app'`.
-   */
   rootSelector?: string;
-  /**
-   * Milliseconds to wait for theme CSS and fonts before forcing `timelineIsReady`.
-   * Defaults to `4000`.
-   */
   readyTimeout?: number;
 }
-/**
- * @section Plugin type
- *
- * Type alias for the Vue plugin produced by the bridge factory. Pass an
- * instance to `app.use()` to install the bridge into a Vue application.
- */
 type BoltBridgePlugin = (app: App, callback?: () => void) => void;
-/**
- * @section Analytics
- *
- * Context and dimension types passed when firing analytics events through the
- * bridge.
- */
 interface AnalyticsContext {
   debugLogs: boolean;
   feed?: {
@@ -408,12 +318,6 @@ interface AnalyticsDimensions {
   pugpigEventOrigin?: string;
   [key: string]: unknown;
 }
-/**
- * @section Global window augmentation
- *
- * Extensions added to the browser `window` object by the native shell,
- * including the `pugpigUpdate` entry point and timeline configuration globals.
- */
 declare global {
   interface Window {
     boltBridge?: unknown;
@@ -549,8 +453,8 @@ declare function createPugpigBridgeService(config: BridgeServiceConfig): {
       ok: boolean;
     };
     css: string[] | undefined;
-    theme: Theme | undefined;
-    darkTheme: Theme | undefined;
+    theme: Record<string, unknown> | undefined;
+    darkTheme: Record<string, unknown> | undefined;
     debugLogs: boolean | undefined;
   };
   storeGet(payload?: string): string | null;
@@ -587,15 +491,7 @@ declare const BOOTSTRAP_METHODS: readonly ["localeInfo", "timelineInfo", "author
 declare function triggerPugpigUpdateSequence(methods?: readonly string[]): void;
 //#endregion
 //#region src/index.d.ts
-/**
- * @signature globalBridge: GlobalBridge
- * @description Singleton proxy bridge instance exposed as window.boltBridge. Emits change:prop events on every property write. Use this for non-Vue integrations; Vue apps should use useBridge() instead.
- */
 declare const globalBridge: GlobalBridge;
-/**
- * @signature bootstrap(options?: BootstrapOptions): () => void
- * @description Initialises the bridge for a non-Vue framework entry point. Call once before rendering. Returns a teardown function that removes all listeners and cleans up state.
- */
 declare function bootstrap(options?: BootstrapOptions): () => void;
 //#endregion
 export { TimelineState as A, StoryEntry as C, TimelineArgs as D, Timeline as E, UpdateTimePayload as M, WebviewInfoPayload as N, TimelineInfoPayload as O, Story as S, Theme as T, PugpigBridgeService as _, createPugpigBridgeService as a, SavedStoriesPayload as b, AnalyticsContext as c, BoltBridgePlugin as d, BootstrapOptions as f, LocaleInfoPayload as g, IssueAuthorisationStatus as h, triggerPugpigUpdateSequence as i, TimelinesInfoPayload as j, TimelineMetadata as k, AnalyticsDimensions as l, Feed as m, globalBridge as n, GlobalBridge as o, BridgeService as p, BOOTSTRAP_METHODS as r, AdSize as s, bootstrap as t, AuthorisationStatus as u, ReadStoriesPayload as v, StoryImage as w, StoriesPayload as x, RemoteConfig as y };

package/dist/chunks/mockBridgeService-M_48ewQL.mjs

@@ -0,0 +1,27 @@
+async function e(e,t){let n=await(await fetch(e)).json();return t?n?.[t]:n}function t(e){let t=0,n=`idle`;window[e]&&clearInterval(window[e]),window[e]=setInterval(()=>{let r=t<=0,i=t>=1;n=r||i?`idle`:`downloading`,i&&clearInterval(window[e]),window.pugpigUpdate(`timeline`,{editionId:e,state:n,progress:t}),t+=.05},500)}let n=null;function r(){return n||(n=document.createElement(`div`),n.id=`bridge-toast-container`,n.style.cssText=`
+    position: fixed;
+    top: 10px;
+    right: 10px;
+    z-index: 99999;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    pointer-events: none;
+  `,document.body.appendChild(n),n)}function i(e,t=3e3){let n=r(),i=document.createElement(`div`);i.style.cssText=`
+    background: #333;
+    color: #fff;
+    padding: 8px 12px;
+    border-radius: 4px;
+    font-size: 12px;
+    font-family: monospace;
+    max-width: 300px;
+    word-break: break-word;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
+    animation: slideIn 0.3s ease;
+    pointer-events: auto;
+  `,i.textContent=e;let a=document.createElement(`style`);a.textContent=`
+    @keyframes slideIn {
+      from { transform: translateX(100%); opacity: 0; }
+      to { transform: translateX(0); opacity: 1; }
+    }
+  `,document.querySelector(`#bridge-toast-styles`)||(a.id=`bridge-toast-styles`,document.head.appendChild(a)),n.appendChild(i),setTimeout(()=>{i.style.opacity=`0`,i.style.transition=`opacity 0.3s ease`,setTimeout(()=>i.remove(),300)},t)}function a(e){return{stories(){return window.stories=window.stories||o(e,e.stories),{stories:window.stories}},timeline(){return{progress:0,state:`idle`}},timelines(){return window.timelines=window.timelines||e.timelines,window.timelines},logInfo(e){return console.info(JSON.parse(e??`null`))},timelineInfo(){let{themeUrl:t,timelineType:n,metadata:r,debugLogs:i}=window.config??e,a=(window.config??e).timeline;return{themeURL:t,timelineType:n,debugLogs:i,metadata:r,sourceURL:window.sourceURL||window.location.href,feedReference:a}},forwardTouchesWithin(e){JSON.parse(e??`[]`).forEach(e=>{let t=document.createElement(`div`);t.className=`forwardTouchesWithin`,t.style.position=`absolute`,t.style.width=e.w+`px`,t.style.height=e.h+`px`,t.style.top=e.y+`px`,t.style.left=e.x+`px`,t.style.outline=`3px solid red`,t.style.pointerEvents=`none`,document.body.appendChild(t)})},clearForwardTouchesWithin(){document.querySelectorAll(`.forwardTouchesWithin`).forEach(e=>e.remove())},issueAuthorisationStatus(e){return JSON.parse(e??`[]`).reduce((e,t)=>(e[t]=!0,e),{})},shouldViewWidget(e){return!0},viewArticle(){console.log(`eheheh`)},startEditionDownload(e){let{editionId:n}=JSON.parse(e??`{}`);t(n)},deleteEdition(e){let{editionId:t}=JSON.parse(e??`{}`);window.pugpigUpdate(`timeline`,{editionId:t,state:`deleting`}),setTimeout(()=>window.pugpigUpdate(`timeline`,{editionId:t,state:`idle`,progress:0}),1e3)},cancelEditionDownload(e){let{editionId:t}=JSON.parse(e??`{}`);window[t]&&clearInterval(window[t]),window.pugpigUpdate(`timeline`,{editionId:t,state:`idle`,progress:0})},timelinesInfo(){let{theme:t,darkTheme:n,css:r,debugLogs:i,live_domain:a}=window.config??e;return{baseurl:a,filter:{ok:!0},css:r,theme:t,darkTheme:n,debugLogs:i}},storeGet(e){let t=JSON.parse(e??`null`);return localStorage.getItem(t)},storeSet(e){let{key:t,value:n}=JSON.parse(e??`{}`),r=localStorage.setItem(t,n);return setTimeout(()=>window.pugpigUpdate(`storeGet`,{key:t}),200),r},localeInfo(){let{globalDir:t}=window.config??e;return{locale:`en_GB`,direction:t}},trackAnalyticsEvent(e){return JSON.parse(e??`null`)},updateTime(){return{dateTime:Date.now(),lastCheckedDateTime:Date.now()}},authorisationStatus(e){return{state:`active`,userInfo:{}}},savedStories(){return{savedStories:window.saved||[]}},readStories(){return{readStories:window.read||[]}},localizableString(e){let{stringId:t,params:n}=JSON.parse(e??`{}`);return n?.length?`${t}(${n.join(`, `)})`:t},localizableRelativeTimeString(e){let{datetime:t}=JSON.parse(e??`{}`);return t?new Date(t).toLocaleDateString():null},localizableDateTimeString(e){let{datetime:t}=JSON.parse(e??`{}`);return t?new Date(t).toLocaleString():null},localizableQuantityString(e){let{stringId:t,quantity:n}=JSON.parse(e??`{}`);return`${t}(${n})`},setSaved(e){let{story:t,saved:n}=JSON.parse(e??`{}`);window.saved=window.saved||[];let r=window.saved.findIndex(([e,n])=>e===t.feedid&&n===t.entry.id);!n&&r>-1&&window.saved.splice(r,1),n&&window.saved.push([t.feedid,t.entry.id]),window.pugpigUpdate(`savedStories`)},setRead(e){let{story:t}=JSON.parse(e??`{}`);return window.read=window.read||[],window.read.push([t.feedid,t.entry.id]),window.pugpigUpdate(`readStories`),JSON.parse(e??`null`)}}}function o(e,t){return t.map(t=>({feedid:e?.timeline?.id||`Bolt Timeline`,entry:t,saved:!1,locked:!0,baseURL:e.live_domain}))}function s(e){let t=a(e);return new Proxy(t,{get(t,n){let r=t[n];return typeof r==`function`?(...t)=>{let a=r(t[0])??null;return e.debugLogs&&a&&(i(`${n} ${JSON.stringify(t)}`),console.log(`%c[Pugpig Bridge Service]%c[${n}]`,`color: green;`,`color: orange;`,n,r(t[0]))),a?JSON.stringify(a):void 0}:t[n]}})}export{s as n,e as r,a as t};

package/dist/index.d.mts

@@ -1,2 +1,2 @@
-import { A as TimelineState, C as StoryEntry, D as TimelineArgs, E as Timeline, M as UpdateTimePayload, N as WebviewInfoPayload, O as TimelineInfoPayload, S as Story, T as Theme, _ as PugpigBridgeService, a as createPugpigBridgeService, b as SavedStoriesPayload, c as AnalyticsContext, d as BoltBridgePlugin, f as BootstrapOptions, g as LocaleInfoPayload, h as IssueAuthorisationStatus, i as triggerPugpigUpdateSequence, j as TimelinesInfoPayload, k as TimelineMetadata, l as AnalyticsDimensions, m as Feed, n as globalBridge, o as GlobalBridge, p as BridgeService, r as BOOTSTRAP_METHODS, s as AdSize, t as bootstrap, u as AuthorisationStatus, v as ReadStoriesPayload, w as StoryImage, x as StoriesPayload, y as RemoteConfig } from "./index-BjDhZ_q5.mjs";
+import { A as TimelineState, C as StoryEntry, D as TimelineArgs, E as Timeline, M as UpdateTimePayload, N as WebviewInfoPayload, O as TimelineInfoPayload, S as Story, T as Theme, _ as PugpigBridgeService, a as createPugpigBridgeService, b as SavedStoriesPayload, c as AnalyticsContext, d as BoltBridgePlugin, f as BootstrapOptions, g as LocaleInfoPayload, h as IssueAuthorisationStatus, i as triggerPugpigUpdateSequence, j as TimelinesInfoPayload, k as TimelineMetadata, l as AnalyticsDimensions, m as Feed, n as globalBridge, o as GlobalBridge, p as BridgeService, r as BOOTSTRAP_METHODS, s as AdSize, t as bootstrap, u as AuthorisationStatus, v as ReadStoriesPayload, w as StoryImage, x as StoriesPayload, y as RemoteConfig } from "./chunks/index-BWVJLr0k.mjs";
 export { AdSize, AnalyticsContext, AnalyticsDimensions, AuthorisationStatus, BOOTSTRAP_METHODS, BoltBridgePlugin, BootstrapOptions, BridgeService, Feed, GlobalBridge, IssueAuthorisationStatus, LocaleInfoPayload, PugpigBridgeService, ReadStoriesPayload, RemoteConfig, SavedStoriesPayload, StoriesPayload, Story, StoryEntry, StoryImage, Theme, Timeline, TimelineArgs, TimelineInfoPayload, TimelineMetadata, TimelineState, TimelinesInfoPayload, UpdateTimePayload, WebviewInfoPayload, bootstrap, createPugpigBridgeService, globalBridge, triggerPugpigUpdateSequence };

package/dist/index.mjs

@@ -1,19 +1 @@
-import { a as makeProxyBridge, i as setupPugpigUpdate, n as bootstrap$1, o as rawBridge, r as triggerPugpigUpdateSequence, t as BOOTSTRAP_METHODS } from "./bootstrap-DQyoNFue.mjs";
-import { t as createPugpigBridgeService } from "./mockBridgeService-vnaAIjCu.mjs";
-//#region src/index.ts
-/**
-* @signature globalBridge: GlobalBridge
-* @description Singleton proxy bridge instance exposed as window.boltBridge. Emits change:prop events on every property write. Use this for non-Vue integrations; Vue apps should use useBridge() instead.
-*/
-const globalBridge = window.boltBridge || makeProxyBridge(rawBridge);
-window.boltBridge = globalBridge;
-setupPugpigUpdate(globalBridge);
-/**
-* @signature bootstrap(options?: BootstrapOptions): () => void
-* @description Initialises the bridge for a non-Vue framework entry point. Call once before rendering. Returns a teardown function that removes all listeners and cleans up state.
-*/
-function bootstrap(options) {
-	return bootstrap$1(globalBridge, options);
-}
-//#endregion
-export { BOOTSTRAP_METHODS, bootstrap, createPugpigBridgeService, globalBridge, triggerPugpigUpdateSequence };
+import{a as e,i as t,n,o as r,r as i,t as a}from"./chunks/bootstrap-B7Gwb_jl.mjs";import{t as o}from"./chunks/mockBridgeService-M_48ewQL.mjs";const s=window.boltBridge||e(r);window.boltBridge=s,t(s);function c(e){return n(s,e)}export{a as BOOTSTRAP_METHODS,c as bootstrap,o as createPugpigBridgeService,s as globalBridge,i as triggerPugpigUpdateSequence};

package/dist/vue.d.mts

@@ -1,4 +1,4 @@
-import { A as TimelineState, C as StoryEntry, D as TimelineArgs, E as Timeline, M as UpdateTimePayload, N as WebviewInfoPayload, O as TimelineInfoPayload, S as Story, T as Theme, _ as PugpigBridgeService, b as SavedStoriesPayload, c as AnalyticsContext, d as BoltBridgePlugin, f as BootstrapOptions, g as LocaleInfoPayload, h as IssueAuthorisationStatus, i as triggerPugpigUpdateSequence, j as TimelinesInfoPayload, k as TimelineMetadata, l as AnalyticsDimensions, m as Feed, o as GlobalBridge, p as BridgeService, r as BOOTSTRAP_METHODS, s as AdSize, u as AuthorisationStatus, v as ReadStoriesPayload, w as StoryImage, x as StoriesPayload, y as RemoteConfig } from "./index-BjDhZ_q5.mjs";
+import { A as TimelineState, C as StoryEntry, D as TimelineArgs, E as Timeline, M as UpdateTimePayload, N as WebviewInfoPayload, O as TimelineInfoPayload, S as Story, T as Theme, _ as PugpigBridgeService, b as SavedStoriesPayload, c as AnalyticsContext, d as BoltBridgePlugin, f as BootstrapOptions, g as LocaleInfoPayload, h as IssueAuthorisationStatus, i as triggerPugpigUpdateSequence, j as TimelinesInfoPayload, k as TimelineMetadata, l as AnalyticsDimensions, m as Feed, o as GlobalBridge, p as BridgeService, r as BOOTSTRAP_METHODS, s as AdSize, u as AuthorisationStatus, v as ReadStoriesPayload, w as StoryImage, x as StoriesPayload, y as RemoteConfig } from "./chunks/index-BWVJLr0k.mjs";
 import * as _$vue from "vue";
 import { App } from "vue";
 
@@ -13,43 +13,6 @@ declare function registerToolTips({
 }?: RegisterTooltipsOptions): void;
 //#endregion
 //#region src/vue/useBridge.d.ts
-/**
- * @description Returns the reactive bridge service with all store data as refs and all outgoing action methods bound to the reactive store.
- * @usage const { stories, authorisationStatus, openArticle, sendAnalytics, ... } = useBridge()
- * @returns stories {Ref<Story[]>} Derived story array with locked, hidden, saved, and read flags applied
- * @returns rawStories {Ref<Story[]>} Unprocessed raw stories as received from the bridge
- * @returns feed {Ref<Feed>} Current feed metadata
- * @returns timelines {Ref<Timeline[]>} Available timelines
- * @returns timelinesStates {Ref<Record<string, TimelineState>>} Per-timeline state records
- * @returns themeURL {Ref<string[]>} URLs for the active theme files
- * @returns theme {Ref<Theme>} Active light theme data
- * @returns darkTheme {Ref<Theme>} Active dark theme data
- * @returns timelineMode {Ref<string>} Current timeline display mode
- * @returns timelineType {Ref<string>} Current timeline type (e.g. 'Timeline' | 'SavedTimeline')
- * @returns sourceURL {Ref<string | null>} Source URL of the current feed
- * @returns baseUrl {Ref<string>} Base URL used to resolve relative paths
- * @returns metadataLoaded {Ref<boolean>} Whether feed metadata has been loaded
- * @returns initialBatchSize {Ref<number>} Number of stories in the first rendered batch
- * @returns filter {Ref<Record<string, unknown>>} Active filter state
- * @returns authorisationStatus {Ref<AuthorisationStatus>} Current user authorisation status
- * @returns issueAuthorisationStatus {Ref<IssueAuthorisationStatus>} Per-issue authorisation status
- * @returns openArticle {(story: Story, index: number) => Promise<unknown>} Opens a story in the native reader
- * @returns shareStory {(story: Story, index: number) => Promise<unknown>} Triggers the native share sheet
- * @returns setSaved {(story: Story, index: number, saved: boolean) => Promise<unknown>} Updates the saved state for a story
- * @returns setRead {(story: Story, index: number) => Promise<unknown>} Marks a story as read
- * @returns sendAnalytics {(type: string | Record<string, unknown>, story: Story, index?: number, dimensions?: AnalyticsDimensions) => Promise<unknown>} Sends an analytics event
- * @returns call {(action: string, payload?: unknown) => Promise<unknown>} Dispatches an arbitrary bridge action
- * @returns timelineIsReady {() => void} Signals that the Vue app has mounted
- * @returns fireToast {(type: string, action: string) => Promise<unknown>} Displays a native toast notification
- * @returns openAudio {(story: Story, fallback: Record<string, unknown>, index: number) => Promise<unknown>} Opens the native audio player
- * @returns openImageGallery {(images: StoryImage[] | undefined, initialImage?: number) => Promise<unknown>} Opens the native image gallery
- * @returns addToCalendar {(story: Story, index: number) => Promise<unknown>} Adds an event to the device calendar
- * @returns resolveIssueAccess {(story: Story) => boolean} Resolves whether a story is locked based on issue authorisation
- * @returns $on {(event: string, listener: (...args: unknown[]) => void) => () => void} Subscribes to a bridge event; returns an unsubscribe function
- * @returns $emit {(event: string, ...args: unknown[]) => void} Emits a bridge event
- * @returns $once {(event: string, listener: (...args: unknown[]) => void) => void} Subscribes to a bridge event for a single invocation
- * @returns bridge {BridgeService} The raw reactive bridge instance for direct access
- */
 declare function useBridge(): {
   resolveIssueAccess: (story: Story) => boolean;
   $on: (event: string, listener: (...args: unknown[]) => void) => () => void;
@@ -77,28 +40,28 @@ declare function useBridge(): {
   setRead(story: Story, index: number): Promise<unknown>;
   shareStory(story: Story, index: number): Promise<unknown>;
   addToCalendar(story: Story, index: number): Promise<unknown>;
+  authorisationStatus: _$vue.Ref<AuthorisationStatus, AuthorisationStatus>;
+  actionProviderNames: _$vue.Ref<string[], string[]>;
+  stories: _$vue.Ref<Story[], Story[]>;
+  timelineType: _$vue.Ref<string, string>;
+  debugLogs: _$vue.Ref<boolean, boolean>;
+  theme: _$vue.Ref<Theme, Theme>;
+  darkTheme: _$vue.Ref<Theme, Theme>;
   filter: _$vue.Ref<Record<string, unknown>, Record<string, unknown>>;
   feed: _$vue.Ref<Feed, Feed>;
   rawStories: _$vue.Ref<Story[], Story[]>;
   timelines: _$vue.Ref<Timeline[], Timeline[]>;
   timelinesStates: _$vue.Ref<Record<string, TimelineState>, Record<string, TimelineState>>;
   themeURL: _$vue.Ref<string[], string[]>;
-  theme: _$vue.Ref<Theme, Theme>;
-  darkTheme: _$vue.Ref<Theme, Theme>;
   timelineMode: _$vue.Ref<string, string>;
-  timelineType: _$vue.Ref<string, string>;
   sourceURL: _$vue.Ref<string | null, string | null>;
   baseUrl: _$vue.Ref<string, string>;
   metadataLoaded: _$vue.Ref<boolean, boolean>;
   initialBatchSize: _$vue.Ref<number, number>;
   positionOverrides: _$vue.Ref<unknown[], unknown[]>;
-  debugLogs: _$vue.Ref<boolean, boolean>;
-  actionProviderNames: _$vue.Ref<string[], string[]>;
-  authorisationStatus: _$vue.Ref<AuthorisationStatus, AuthorisationStatus>;
   issueAuthorisationStatus: _$vue.Ref<IssueAuthorisationStatus, IssueAuthorisationStatus>;
   read: _$vue.Ref<Set<string>, Set<string>>;
   saved: _$vue.Ref<Set<string>, Set<string>>;
-  stories: _$vue.Ref<Story[], Story[]>;
   themeFileNames: _$vue.Ref<string[], string[]>;
   isSavedTimeline: _$vue.Ref<boolean, boolean>;
   isCollection: _$vue.Ref<boolean, boolean>;

package/dist/vue.mjs

@@ -1,213 +1 @@
-import { i as setupPugpigUpdate, o as rawBridge, r as triggerPugpigUpdateSequence, s as outgoingActions, t as BOOTSTRAP_METHODS } from "./bootstrap-DQyoNFue.mjs";
-import { onUnmounted, reactive, ref, toRefs, watchEffect } from "vue";
-//#region src/vue/tooltip.ts
-const tooltipsQueue = ref([]);
-const tooltipsRequests = ref([]);
-const isScrolling = ref(false);
-const createIntersectionObserver = (id, element) => {
-	if (tooltipsRequests.value.includes(id)) return;
-	const observer = new IntersectionObserver(([entry]) => {
-		if (!entry.isIntersecting) return;
-		if (tooltipsRequests.value.includes(id)) return observer.disconnect();
-		tooltipsQueue.value.push({
-			id,
-			el: element
-		});
-		observer.disconnect();
-	}, { threshold: 1 });
-	observer.observe(element);
-	return observer;
-};
-function initToolTips() {
-	window.addEventListener("scroll", () => {
-		isScrolling.value = true;
-		window.clearTimeout(window.scrollTimeout);
-		window.scrollTimeout = setTimeout(() => isScrolling.value = false, 150);
-	}, false);
-	watchEffect(() => {
-		if (isScrolling.value) return;
-		tooltipsQueue.value.forEach((tooltip, index) => {
-			if (tooltipsRequests.value.includes(tooltip.id)) return;
-			const { x, y, width: w, height: h } = tooltip.el.getBoundingClientRect();
-			const source = {
-				w,
-				h,
-				x,
-				y: y + window.scrollY
-			};
-			window.parent?.pugpigBridgeService?.showToolTip?.(JSON.stringify({
-				id: tooltip.id,
-				source
-			}));
-			tooltipsQueue.value.splice(index, 1);
-			tooltipsRequests.value.push(tooltip.id);
-		});
-	});
-}
-function registerToolTips({ attribute = "tooltip", observerOptions } = {}) {
-	if (!window.parent?.pugpigBridgeService?.showToolTip) return;
-	initToolTips();
-	const mutationObserverCallback = (mutations) => {
-		mutations.forEach((mutation) => mutation.addedNodes.forEach((node) => {
-			if (node.nodeType !== Node.ELEMENT_NODE) return;
-			const el = node;
-			const tooltipValue = el.getAttribute(attribute);
-			if (!tooltipValue) return;
-			if (tooltipsRequests.value.includes(tooltipValue)) return;
-			createIntersectionObserver(tooltipValue, el);
-		}));
-	};
-	const mutationObserver = new MutationObserver(mutationObserverCallback);
-	mutationObserverCallback([{ addedNodes: document.body.childNodes }]);
-	mutationObserver.observe(document.body, observerOptions ?? {
-		childList: true,
-		subtree: true
-	});
-}
-function installTooltipDirective(app) {
-	if (!window.parent?.pugpigBridgeService?.showToolTip) {
-		app.directive("tooltip", {});
-		return;
-	}
-	initToolTips();
-	app.directive("tooltip", { mounted: (el, binding) => createIntersectionObserver(binding.value, el) });
-}
-//#endregion
-//#region src/vue/useBridge.ts
-const reactiveBridge = window.boltBridge || reactive(rawBridge);
-function bindAll(obj, ctx) {
-	return Object.fromEntries(Object.entries(obj).map(([k, v]) => [k, typeof v === "function" ? v.bind(ctx) : v]));
-}
-const boundActions = bindAll(outgoingActions, reactiveBridge);
-/**
-* @description Returns the reactive bridge service with all store data as refs and all outgoing action methods bound to the reactive store.
-* @usage const { stories, authorisationStatus, openArticle, sendAnalytics, ... } = useBridge()
-* @returns stories {Ref<Story[]>} Derived story array with locked, hidden, saved, and read flags applied
-* @returns rawStories {Ref<Story[]>} Unprocessed raw stories as received from the bridge
-* @returns feed {Ref<Feed>} Current feed metadata
-* @returns timelines {Ref<Timeline[]>} Available timelines
-* @returns timelinesStates {Ref<Record<string, TimelineState>>} Per-timeline state records
-* @returns themeURL {Ref<string[]>} URLs for the active theme files
-* @returns theme {Ref<Theme>} Active light theme data
-* @returns darkTheme {Ref<Theme>} Active dark theme data
-* @returns timelineMode {Ref<string>} Current timeline display mode
-* @returns timelineType {Ref<string>} Current timeline type (e.g. 'Timeline' | 'SavedTimeline')
-* @returns sourceURL {Ref<string | null>} Source URL of the current feed
-* @returns baseUrl {Ref<string>} Base URL used to resolve relative paths
-* @returns metadataLoaded {Ref<boolean>} Whether feed metadata has been loaded
-* @returns initialBatchSize {Ref<number>} Number of stories in the first rendered batch
-* @returns filter {Ref<Record<string, unknown>>} Active filter state
-* @returns authorisationStatus {Ref<AuthorisationStatus>} Current user authorisation status
-* @returns issueAuthorisationStatus {Ref<IssueAuthorisationStatus>} Per-issue authorisation status
-* @returns openArticle {(story: Story, index: number) => Promise<unknown>} Opens a story in the native reader
-* @returns shareStory {(story: Story, index: number) => Promise<unknown>} Triggers the native share sheet
-* @returns setSaved {(story: Story, index: number, saved: boolean) => Promise<unknown>} Updates the saved state for a story
-* @returns setRead {(story: Story, index: number) => Promise<unknown>} Marks a story as read
-* @returns sendAnalytics {(type: string | Record<string, unknown>, story: Story, index?: number, dimensions?: AnalyticsDimensions) => Promise<unknown>} Sends an analytics event
-* @returns call {(action: string, payload?: unknown) => Promise<unknown>} Dispatches an arbitrary bridge action
-* @returns timelineIsReady {() => void} Signals that the Vue app has mounted
-* @returns fireToast {(type: string, action: string) => Promise<unknown>} Displays a native toast notification
-* @returns openAudio {(story: Story, fallback: Record<string, unknown>, index: number) => Promise<unknown>} Opens the native audio player
-* @returns openImageGallery {(images: StoryImage[] | undefined, initialImage?: number) => Promise<unknown>} Opens the native image gallery
-* @returns addToCalendar {(story: Story, index: number) => Promise<unknown>} Adds an event to the device calendar
-* @returns resolveIssueAccess {(story: Story) => boolean} Resolves whether a story is locked based on issue authorisation
-* @returns $on {(event: string, listener: (...args: unknown[]) => void) => () => void} Subscribes to a bridge event; returns an unsubscribe function
-* @returns $emit {(event: string, ...args: unknown[]) => void} Emits a bridge event
-* @returns $once {(event: string, listener: (...args: unknown[]) => void) => void} Subscribes to a bridge event for a single invocation
-* @returns bridge {BridgeService} The raw reactive bridge instance for direct access
-*/
-function useBridge() {
-	return {
-		...toRefs(reactiveBridge),
-		...boundActions,
-		resolveIssueAccess: reactiveBridge.resolveIssueAccess,
-		$on: (event, listener) => reactiveBridge.$on(event, listener),
-		$emit: (event, ...args) => reactiveBridge.$emit(event, ...args),
-		$once: (event, listener) => reactiveBridge.$once(event, listener),
-		bridge: reactiveBridge
-	};
-}
-//#endregion
-//#region src/vue/bootstrap.ts
-function useBootstrap(options = {}) {
-	const { readyTimeout = 4e3 } = options;
-	if ("scrollRestoration" in history) history.scrollRestoration = "manual";
-	triggerPugpigUpdateSequence();
-	injectThemeAndWait(readyTimeout);
-	applyFeedClasses();
-}
-function injectThemeAndWait(readyTimeout = 4e3) {
-	const loaded = [];
-	const forceReady = setTimeout(() => {
-		globalBridge.logInfo?.("debug", `${readyTimeout}ms have passed, forcing timelineIsReady`);
-		globalBridge.timelineIsReady?.();
-	}, readyTimeout);
-	function onDepLoaded(name) {
-		loaded.push(name);
-		if (!["renderedRequiredStyles", ...globalBridge.themeFileNames ?? []].every((dep) => loaded.includes(dep))) return;
-		clearTimeout(forceReady);
-		document.fonts.ready.then(() => globalBridge.timelineIsReady?.());
-	}
-	for (const url of globalBridge.themeURL ?? []) {
-		const link = document.createElement("link");
-		link.rel = "stylesheet";
-		link.href = url;
-		link.onload = () => onDepLoaded(url);
-		link.onerror = () => onDepLoaded(url);
-		document.head.appendChild(link);
-	}
-	onDepLoaded("renderedRequiredStyles");
-}
-function applyFeedClasses(rootSelector = "#app") {
-	const rootEl = document.querySelector(rootSelector);
-	const classes = [...globalBridge.feed?.classes ?? []];
-	if (globalBridge.isSavedTimeline) classes.push("saved-timeline");
-	if (rootEl && classes.length) rootEl.classList.add(...classes);
-}
-function useDependencyTracker(options = {}) {
-	const { readyTimeout = 4e3 } = options;
-	const loadedDependencies = ref([]);
-	const forceReady = setTimeout(() => {
-		globalBridge.logInfo?.("debug", `${readyTimeout}ms have passed, forcing timelineIsReady`);
-		globalBridge.timelineIsReady?.();
-	}, readyTimeout);
-	function onDependencyLoaded(dependencyName) {
-		if (loadedDependencies.value.includes(dependencyName)) return;
-		loadedDependencies.value.push(dependencyName);
-		const isLoaded = [
-			"mainView",
-			"renderedRequiredStyles",
-			...globalBridge.themeFileNames ?? []
-		].every((dep) => loadedDependencies.value.includes(dep));
-		globalBridge.logInfo?.("debug", `Theme dependency '${dependencyName}' loaded (${performance.now()}ms)`);
-		if (!isLoaded) return;
-		clearTimeout(forceReady);
-		globalBridge.logInfo?.("debug", `Theme dependencies complete: ${loadedDependencies.value.join(", ")}`);
-		document.fonts.ready.then(() => {
-			globalBridge.logInfo?.("debug", `Document fonts loaded (${performance.now()}ms)`);
-			globalBridge.timelineIsReady?.();
-		});
-	}
-	onUnmounted(() => {
-		clearTimeout(forceReady);
-	});
-	return {
-		loadedDependencies,
-		onDependencyLoaded
-	};
-}
-//#endregion
-//#region src/vue/index.ts
-const globalBridge = window.boltBridge || reactive(rawBridge);
-window.boltBridge = globalBridge;
-const isDebug = window.location.search.includes("preview");
-const BoltBridgeVue = (app, callback) => {
-	setupPugpigUpdate(globalBridge);
-	app.config.globalProperties.$bridge = globalBridge;
-	app.provide("globalBridge", globalBridge);
-	app.use(installTooltipDirective);
-	if (isDebug) import("./development-Bl8-5E3g.mjs").then(({ injectBridge }) => injectBridge(app, callback)).then(() => callback?.());
-	else callback?.();
-};
-//#endregion
-export { BOOTSTRAP_METHODS, BoltBridgeVue, applyFeedClasses, globalBridge, injectThemeAndWait, isDebug, registerToolTips, triggerPugpigUpdateSequence, useBootstrap, useBridge, useDependencyTracker };
+import{i as e,o as t,r as n,s as r,t as i}from"./chunks/bootstrap-B7Gwb_jl.mjs";import{onUnmounted as a,reactive as o,ref as s,toRefs as c,watchEffect as l}from"vue";const u=s([]),d=s([]),f=s(!1),p=(e,t)=>{if(d.value.includes(e))return;let n=new IntersectionObserver(([r])=>{if(r.isIntersecting){if(d.value.includes(e))return n.disconnect();u.value.push({id:e,el:t}),n.disconnect()}},{threshold:1});return n.observe(t),n};function m(){window.addEventListener(`scroll`,()=>{f.value=!0,window.clearTimeout(window.scrollTimeout),window.scrollTimeout=setTimeout(()=>f.value=!1,150)},!1),l(()=>{f.value||u.value.forEach((e,t)=>{if(d.value.includes(e.id))return;let{x:n,y:r,width:i,height:a}=e.el.getBoundingClientRect(),o={w:i,h:a,x:n,y:r+window.scrollY};window.parent?.pugpigBridgeService?.showToolTip?.(JSON.stringify({id:e.id,source:o})),u.value.splice(t,1),d.value.push(e.id)})})}function h({attribute:e=`tooltip`,observerOptions:t}={}){if(!window.parent?.pugpigBridgeService?.showToolTip)return;m();let n=t=>{t.forEach(t=>t.addedNodes.forEach(t=>{if(t.nodeType!==Node.ELEMENT_NODE)return;let n=t,r=n.getAttribute(e);r&&(d.value.includes(r)||p(r,n))}))},r=new MutationObserver(n);n([{addedNodes:document.body.childNodes}]),r.observe(document.body,t??{childList:!0,subtree:!0})}function g(e){if(!window.parent?.pugpigBridgeService?.showToolTip){e.directive(`tooltip`,{});return}m(),e.directive(`tooltip`,{mounted:(e,t)=>p(t.value,e)})}const _=window.boltBridge||o(t);function v(e,t){return Object.fromEntries(Object.entries(e).map(([e,n])=>[e,typeof n==`function`?n.bind(t):n]))}const y=v(r,_);function b(){return{...c(_),...y,resolveIssueAccess:_.resolveIssueAccess,$on:(e,t)=>_.$on(e,t),$emit:(e,...t)=>_.$emit(e,...t),$once:(e,t)=>_.$once(e,t),bridge:_}}function x(e={}){let{readyTimeout:t=4e3}=e;`scrollRestoration`in history&&(history.scrollRestoration=`manual`),n(),S(t),C()}function S(e=4e3){let t=[],n=setTimeout(()=>{T.logInfo?.(`debug`,`${e}ms have passed, forcing timelineIsReady`),T.timelineIsReady?.()},e);function r(e){t.push(e),[`renderedRequiredStyles`,...T.themeFileNames??[]].every(e=>t.includes(e))&&(clearTimeout(n),document.fonts.ready.then(()=>T.timelineIsReady?.()))}for(let e of T.themeURL??[]){let t=document.createElement(`link`);t.rel=`stylesheet`,t.href=e,t.onload=()=>r(e),t.onerror=()=>r(e),document.head.appendChild(t)}r(`renderedRequiredStyles`)}function C(e=`#app`){let t=document.querySelector(e),n=[...T.feed?.classes??[]];T.isSavedTimeline&&n.push(`saved-timeline`),t&&n.length&&t.classList.add(...n)}function w(e={}){let{readyTimeout:t=4e3}=e,n=s([]),r=setTimeout(()=>{T.logInfo?.(`debug`,`${t}ms have passed, forcing timelineIsReady`),T.timelineIsReady?.()},t);function i(e){if(n.value.includes(e))return;n.value.push(e);let t=[`mainView`,`renderedRequiredStyles`,...T.themeFileNames??[]].every(e=>n.value.includes(e));T.logInfo?.(`debug`,`Theme dependency '${e}' loaded (${performance.now()}ms)`),t&&(clearTimeout(r),T.logInfo?.(`debug`,`Theme dependencies complete: ${n.value.join(`, `)}`),document.fonts.ready.then(()=>{T.logInfo?.(`debug`,`Document fonts loaded (${performance.now()}ms)`),T.timelineIsReady?.()}))}return a(()=>{clearTimeout(r)}),{loadedDependencies:n,onDependencyLoaded:i}}const T=window.boltBridge||o(t);window.boltBridge=T;const E=window.location.search.includes(`preview`),D=(t,n)=>{e(T),t.config.globalProperties.$bridge=T,t.provide(`globalBridge`,T),t.use(g),E?import(`./chunks/development-CzUmtUQR.mjs`).then(({injectBridge:e})=>e(t,n)).then(()=>n?.()):n?.()};export{i as BOOTSTRAP_METHODS,D as BoltBridgeVue,C as applyFeedClasses,T as globalBridge,S as injectThemeAndWait,E as isDebug,h as registerToolTips,n as triggerPugpigUpdateSequence,x as useBootstrap,b as useBridge,w as useDependencyTracker};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pugpigbolt/bridge",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "license": "MIT",
   "files": [
     "dist"