@pugpigbolt/bridge 0.1.1 → 0.1.3

package/dist/bootstrap-BzOJNz7-.mjs

@@ -1,530 +0,0 @@
-//#region src/core/access.ts
-function resolveIssueAccess(story, issueAuthorisationStatus) {
-	let { paywall_locked: locked, entitlements = [] } = story.entry;
-	if (locked && entitlements.length <= 0) entitlements = story.feedid ? [story.feedid] : [];
-	const hasAccess = story.feedid ? issueAuthorisationStatus[story.feedid] : false;
-	const hasArticleAccess = entitlements.length > 0 ? entitlements.find((e) => issueAuthorisationStatus[e]) : true;
-	return !hasAccess && !hasArticleAccess;
-}
-//#endregion
-//#region src/core/store.ts
-const SAVE_TIMELINE_KEY = "SavedTimeline";
-const COLLECTION_KEY = "collection_type-edition";
-const store = {
-	feed: {},
-	rawStories: [],
-	timelines: [],
-	timelinesStates: {},
-	themeURL: [],
-	theme: {},
-	darkTheme: {},
-	timelineMode: "Single",
-	timelineType: "Timeline",
-	sourceURL: null,
-	baseUrl: "",
-	metadataLoaded: false,
-	initialBatchSize: 0,
-	filter: {},
-	positionOverrides: [],
-	debugLogs: false,
-	actionProviderNames: [],
-	authorisationStatus: {},
-	issueAuthorisationStatus: {},
-	read: /* @__PURE__ */ new Set(),
-	saved: /* @__PURE__ */ new Set(),
-	get stories() {
-		return deriveStories(this.rawStories, this.saved, this.read, this.authorisationStatus, this.issueAuthorisationStatus);
-	},
-	get themeFileNames() {
-		return this.themeURL?.map((file) => file.split("/").pop() ?? "") ?? [];
-	},
-	get isSavedTimeline() {
-		return this.timelineType === SAVE_TIMELINE_KEY;
-	},
-	get isCollection() {
-		return this.feed?.classes?.includes(COLLECTION_KEY) ?? false;
-	},
-	isTimelineStyleVersion(version) {
-		return window.timelineStyleVersion === version;
-	}
-};
-function deriveStories(stories, saved, read, authorisationStatus, issueAuthorisationStatus) {
-	const hasIssueAuth = !!(window.parent?.pugpigBridgeService)?.issueAuthorisationStatus;
-	return stories.map((story, index) => {
-		story.locked = hasIssueAuth ? resolveIssueAccess(story, issueAuthorisationStatus) : resolveSubscriptionAccess(story, authorisationStatus);
-		story.hidden = resolveVisibility(story, authorisationStatus);
-		story.saved = saved.has(story.entry.id);
-		story.read = read.has(`${story.feedid}::::${story.entry.id}`);
-		story.originalIndex = index;
-		return story;
-	});
-}
-function resolveSubscriptionAccess(story, authorisationStatus) {
-	const { state } = authorisationStatus;
-	const { paywall_locked: locked = false } = story.entry;
-	return state !== "active" && locked;
-}
-function resolveVisibility(story, authorisationStatus) {
-	const { state } = authorisationStatus;
-	const { visibility, categories, hidden } = story.entry;
-	const pugpigAttributes = categories?.find(({ scheme }) => scheme === "http://schema.pugpig.com/attributes");
-	if (visibility) return visibility === "marketing" && state !== "inactive" || visibility === "private" && !!story.locked;
-	if (pugpigAttributes) return pugpigAttributes.term === "marketing" && state !== "inactive" || pugpigAttributes.term === "private" && state !== "inactive";
-	return !!hidden;
-}
-//#endregion
-//#region src/handlers/outgoing/dispatch.ts
-async function safeAwait(promise) {
-	try {
-		const response = await promise;
-		return { data: response ? JSON.parse(response) : void 0 };
-	} catch (error) {
-		return { error };
-	}
-}
-async function dispatchBridgeAction(action, payload) {
-	const bridgeService = window.parent?.pugpigBridgeService;
-	const hasBridgeServiceAction = bridgeService && bridgeService[action];
-	const payloadString = payload ? JSON.stringify(payload) : void 0;
-	if (hasBridgeServiceAction) {
-		const { data, error } = await safeAwait(Promise.resolve(payloadString ? bridgeService[action](payloadString) : bridgeService[action]()));
-		if (error) throw new Error(error instanceof Error ? error.message : JSON.stringify(error));
-		return data;
-	}
-	window.parent?.postMessage({
-		bolt: "up",
-		action,
-		payload: JSON.parse(payloadString ?? "{}")
-	}, "*");
-}
-function getPathName() {
-	return (window.location.pathname.split("/").pop()?.replace(".html", "") ?? "").split(/[-_]/).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
-}
-function debounce(func, wait) {
-	let timeout;
-	return function(...args) {
-		clearTimeout(timeout);
-		timeout = setTimeout(() => func.apply(this, args), wait);
-	};
-}
-//#endregion
-//#region src/handlers/outgoing/articles.ts
-const articles = {
-	openArticle(story, index) {
-		return dispatchBridgeAction("viewArticle", {
-			...story,
-			story,
-			index
-		});
-	},
-	openEdition(editionId, defaultPartition, skipTimeline = false, autoDownload = true) {
-		const payload = {
-			editionId,
-			skipTimeline,
-			autoDownload
-		};
-		if (defaultPartition) payload.partition = defaultPartition;
-		return dispatchBridgeAction("openEdition", payload);
-	},
-	shouldViewWidget(story, index) {
-		return dispatchBridgeAction("shouldViewWidget", {
-			...story,
-			story,
-			index
-		});
-	},
-	setSaved(story, index, saved) {
-		return dispatchBridgeAction("setSaved", {
-			story,
-			index,
-			saved
-		});
-	},
-	setRead(story, index) {
-		return dispatchBridgeAction("setRead", {
-			story,
-			index
-		});
-	},
-	shareStory(story, index) {
-		return dispatchBridgeAction("shareStory", {
-			story,
-			index
-		});
-	},
-	addToCalendar(story, index) {
-		return dispatchBridgeAction("addToCalendar", {
-			story,
-			index
-		});
-	}
-};
-//#endregion
-//#region src/handlers/outgoing/analytics.ts
-const analytics = {
-	/**
-	* Sends a log message to native.
-	* `'debug'` level messages are silently suppressed unless `store.debugLogs` is true.
-	* Use `'global'` for logs that should always appear regardless of debug mode.
-	*/
-	logInfo(logLevel, payload) {
-		if (logLevel === "debug" && !this.debugLogs) return;
-		const feedId = this.feed?.id ? ` [${this.feed.id}]` : "";
-		dispatchBridgeAction("logInfo", `[${document.title || "Bolt Timeline"}]${feedId} ${payload}`);
-	},
-	sendAnalytics(type, story, index = 0, dimensions = {}) {
-		const pathName = getPathName();
-		const baseUrl = story?.originalBaseURL || story?.baseURL;
-		const overrides = typeof type === "object" && type !== null ? type : {};
-		const payload = {
-			type,
-			story,
-			index,
-			param: story?.feedid,
-			dimensions,
-			...overrides
-		};
-		let paramName = payload.paramName || "pugpigEditionID";
-		const category = this.timelineType === "SavedTimeline" ? "/SavedTimeline" : "/Timeline";
-		payload.dimensions.pugpigEventOrigin = pathName;
-		if (!payload.paramName && payload?.param === payload?.story?.entry.title) paramName = "pugpigPageName";
-		if (payload?.story?.entry.url && baseUrl) payload.story.entry.url = new URL(payload.story.entry.url, baseUrl).href;
-		if (payload?.story?.entry.shareurl && baseUrl) payload.story.entry.shareurl = new URL(payload.story.entry.shareurl, baseUrl).href;
-		return analytics.sendAnalyticsEvent(payload.type, category, payload.param, paramName, payload.dimensions, payload.story?.entry, payload.story?.feedid, payload.index);
-	},
-	sendAnalyticsEvent(name, category, param = "", paramName = "", dimensions = {}, storyEntry, feedid, index) {
-		const payload = {
-			name,
-			category,
-			paramName,
-			feedid,
-			storyEntry,
-			index,
-			dimensions
-		};
-		if (param && param !== "") payload.param = typeof param !== "string" ? JSON.stringify(param) : param;
-		payload.dimensions = {
-			...dimensions,
-			pugpigEventOrigin: getPathName()
-		};
-		return dispatchBridgeAction("trackAnalyticsEvent", payload);
-	}
-};
-//#endregion
-//#region src/handlers/outgoing/media.ts
-const media = {
-	openAudio(story, fallback, index) {
-		return dispatchBridgeAction("playAudio", {
-			story,
-			index,
-			...fallback
-		});
-	},
-	openImageGallery(images, initialImage = 0) {
-		return dispatchBridgeAction("openImageGallery", {
-			images,
-			initialImage
-		});
-	}
-};
-//#endregion
-//#region src/handlers/outgoing/ui.ts
-const ui = {
-	fireToast(type, action) {
-		return dispatchBridgeAction("fireToast", {
-			type,
-			action
-		});
-	},
-	clearForwardTouchesWithin() {
-		return dispatchBridgeAction("clearForwardTouchesWithin");
-	},
-	/**
-	* Debounced 300ms.
-	* Automatically calls `clearForwardTouchesWithin` before each dispatch to reset the touch region.
-	* Do not call `clearForwardTouchesWithin` manually alongside this.
-	*/
-	forwardTouchesWithin: debounce(async function(payload) {
-		await this.clearForwardTouchesWithin();
-		return dispatchBridgeAction("forwardTouchesWithin", payload ? Object.values(payload) : payload);
-	}, 300)
-};
-//#endregion
-//#region src/handlers/outgoing/lifecycle.ts
-const lifecycle = {
-	call(action, payload) {
-		return dispatchBridgeAction(action, payload);
-	},
-	/**
-	* Call once after the Vue app has mounted.
-	* Sends the git version to native and logs startup timing.
-	* Calling more than once is a no-op in native but will produce duplicate log entries.
-	*/
-	timelineIsReady() {
-		const version = import.meta.env.VITE_GIT_VERSION;
-		dispatchBridgeAction("timelineIsReady", { version });
-		this.logInfo("global", `timelineIsReady took ${performance.now()}ms`);
-	}
-};
-//#endregion
-//#region src/handlers/outgoing/index.ts
-const outgoingActions = {
-	...articles,
-	...analytics,
-	...media,
-	...ui,
-	...lifecycle
-};
-//#endregion
-//#region src/core/eventEmitter.ts
-const eventEmitter = {
-	events: {},
-	debounceTimers: {},
-	$on(event, listener) {
-		if (!Array.isArray(this.events[event])) this.events[event] = [];
-		this.events[event].push(listener);
-		return () => this.removeListener(event, listener);
-	},
-	removeListener(event, listener) {
-		if (Array.isArray(this.events[event])) {
-			const idx = this.events[event].indexOf(listener);
-			if (idx > -1) this.events[event].splice(idx, 1);
-		}
-	},
-	$off(event, listener) {
-		this.removeListener(event, listener);
-	},
-	$emit(event, ...args) {
-		const debounce = (args?.[0])?.debounce;
-		const filterBy = (str) => new RegExp("^" + str.replace(/\*/g, ".*") + "$").test(event);
-		const eventMatches = Object.keys(this.events).filter(filterBy);
-		if (!eventMatches || eventMatches.length <= 0) return;
-		eventMatches.forEach((eventName) => {
-			if (debounce) {
-				if (this.debounceTimers[eventName]) clearTimeout(this.debounceTimers[eventName]);
-				this.debounceTimers[eventName] = setTimeout(() => {
-					this.events[eventName].forEach((listener) => listener.apply(this, args));
-				}, debounce);
-			} else this.events[eventName].forEach((listener) => listener.apply(this, args));
-		});
-	},
-	$once(event, listener) {
-		const remove = this.$on(event, (...args) => {
-			remove();
-			listener.apply(this, args);
-		});
-	},
-	subscribe(cb) {
-		cb(this);
-		return this.$on("change", () => cb(this));
-	}
-};
-//#endregion
-//#region src/core/bridge.ts
-const rawBridge = Object.assign(store, {
-	...outgoingActions,
-	resolveIssueAccess: (story) => resolveIssueAccess(story, store.issueAuthorisationStatus)
-}, eventEmitter);
-function makeProxyBridge(raw) {
-	return new Proxy(raw, { set(target, prop, value, receiver) {
-		const result = Reflect.set(target, prop, value, receiver);
-		if (typeof prop !== "string") return result;
-		raw.$emit(`change:${prop}`, value);
-		raw.$emit("change", prop, value);
-		return result;
-	} });
-}
-//#endregion
-//#region src/core/utils.ts
-function compareStoriesObj(oldObj, newObj) {
-	if (oldObj.length !== newObj.length) return true;
-	for (let i = 0; i < oldObj.length; i++) {
-		const { entry: { id: oldId, updated: oldUpdated } } = oldObj[i];
-		const { entry: { id: newId, updated: newUpdated } } = newObj[i];
-		if (oldId !== newId || oldUpdated !== newUpdated) return true;
-	}
-	return false;
-}
-//#endregion
-//#region src/handlers/incoming.ts
-async function fetchWithHooks(method, data) {
-	const bridgeService = window.parent?.pugpigBridgeService;
-	const payload = data ? await Promise.resolve(bridgeService?.[method](data)) : await Promise.resolve(bridgeService?.[method]());
-	let payloadJson = JSON.parse(payload);
-	const hookTransform = window.parent?.pugpig?.timelineHooks?.transforms?.bridge;
-	if (hookTransform) payloadJson = await hookTransform({
-		method,
-		payload: payloadJson
-	});
-	return payloadJson;
-}
-//#endregion
-//#region src/core/pugpigUpdate.ts
-const handlers = {
-	stories: async function({ updateAction } = {}) {
-		const { stories } = await fetchWithHooks("stories");
-		const oldStories = this.rawStories;
-		const feedUpdated = compareStoriesObj(oldStories, stories);
-		this.rawStories = stories;
-		if (feedUpdated) {
-			window.pugpigUpdate("issueAuthorisationStatus");
-			window.pugpigUpdate("timelineInfo");
-		}
-		if (oldStories.length > 0) this.$emit("stories-updated", {
-			feedUpdated,
-			updateAction
-		});
-	},
-	timelines: async function() {
-		this.timelines = await fetchWithHooks("timelines", JSON.stringify(this.filter));
-	},
-	timelineInfo: async function() {
-		const { themeURL, timelineType, debugLogs, sourceURL, timelineMode, metadata, feedReference } = await fetchWithHooks("timelineInfo");
-		this.themeURL = themeURL;
-		this.sourceURL = sourceURL;
-		this.theme = metadata?.configuration?.theme ?? {};
-		this.darkTheme = metadata?.configuration?.darkTheme ?? this.theme;
-		this.feed = feedReference;
-		this.timelineType = timelineType;
-		this.timelineMode = timelineMode;
-		if (metadata) this.metadataLoaded = true;
-		this.initialBatchSize = metadata?.configuration?.timeline_initial_batch_size ?? metadata?.timeline_initial_batch_size ?? Math.floor(screen.height / 150);
-		if (window.useTimelineGrid) this.positionOverrides = window.timelinePositionOverrides ?? metadata?.configuration?.position_overrides ?? metadata?.position_overrides ?? [];
-		this.debugLogs = debugLogs;
-	},
-	timeline: async function({ editionId, progress, state, downloadError }) {
-		const index = this.timelines.findIndex((x) => x.id === editionId);
-		if (!this.timelines || this.timelines.length <= 0 || !this.timelines[index]) return;
-		if (!this.timelinesStates[editionId]) this.timelinesStates[editionId] = {};
-		this.timelinesStates[editionId].progress = progress;
-		this.timelinesStates[editionId].state = state;
-		this.timelinesStates[editionId].downloadError = downloadError;
-	},
-	timelinesInfo: async function() {
-		const { baseurl, debugLogs, filter, css = [], theme = {}, darkTheme } = await fetchWithHooks("timelinesInfo");
-		this.theme = theme;
-		this.darkTheme = darkTheme ?? theme;
-		this.themeURL = css;
-		this.baseUrl = baseurl;
-		this.filter = filter;
-		this.debugLogs = debugLogs;
-	},
-	localeInfo: async function() {
-		const { locale = "en-GB", direction = "ltr" } = await fetchWithHooks("localeInfo");
-		if (document.documentElement.lang !== locale) document.documentElement.lang = locale?.replace(/_/g, "-");
-		if (document.documentElement.dir !== direction) document.documentElement.dir = direction;
-	},
-	issueAuthorisationStatus: async function() {
-		const feedids = [...new Set(this.rawStories.flatMap(({ feedid, entry }) => [feedid, ...entry.entitlements ?? []]))];
-		this.issueAuthorisationStatus = await fetchWithHooks("issueAuthorisationStatus", JSON.stringify(feedids));
-	},
-	authorisationStatus: async function() {
-		this.authorisationStatus = await fetchWithHooks("authorisationStatus");
-	},
-	actionProviderNames: async function() {
-		this.actionProviderNames = await fetchWithHooks("actionProviderNames");
-	},
-	readStories: async function() {
-		const { readStories } = await fetchWithHooks("readStories");
-		this.read = new Set(readStories.map((story) => story.join("::::")));
-	},
-	savedStories: async function() {
-		const { savedStories } = await fetchWithHooks("savedStories");
-		this.saved = new Set(savedStories.map((story) => story?.[1]));
-	},
-	updateTime: async function() {
-		const { dateTime, lastCheckedDateTime } = await fetchWithHooks("updateTime");
-		this.$emit("time-updated", {
-			dateTime,
-			lastCheckedDateTime
-		});
-	},
-	storeGet: async function({ key }) {
-		this.$emit("store-updated", { key });
-	},
-	webviewInfo: async function() {
-		const { themeURL } = await fetchWithHooks("webviewInfo");
-		this.themeURL = themeURL;
-	}
-};
-function isDispatcher(fn) {
-	return typeof fn === "function" && "__boltHandlers" in fn;
-}
-function getRegistry() {
-	if (isDispatcher(window.pugpigUpdate)) return window.pugpigUpdate.__boltHandlers;
-	const registry = window.pugpigUpdate ? [window.pugpigUpdate] : [];
-	const dispatcher = Object.assign((method, args = {}) => registry.forEach((h) => h(method, args)), { __boltHandlers: registry });
-	window.pugpigUpdate = dispatcher;
-	return registry;
-}
-const bridgeHandlers = /* @__PURE__ */ new WeakMap();
-function setupPugpigUpdate(globalBridge) {
-	const registry = getRegistry();
-	if (!bridgeHandlers.has(globalBridge)) bridgeHandlers.set(globalBridge, (method, args = {}) => {
-		if (window.parent?.pugpigBridgeService?.[method]) {
-			document.querySelectorAll("iframe").forEach((iframe) => {
-				try {
-					iframe.contentWindow?.pugpigUpdate?.(method, args);
-				} catch (_e) {}
-			});
-			return handlers[method]?.call(globalBridge, args);
-		}
-		console.info(`Bolt Timeline Bridge: '${method}' not available on this platform.`);
-	});
-	const handler = bridgeHandlers.get(globalBridge);
-	if (!registry.includes(handler)) registry.push(handler);
-}
-//#endregion
-//#region src/core/bootstrap.ts
-const BOOTSTRAP_METHODS = [
-	"localeInfo",
-	"timelineInfo",
-	"authorisationStatus",
-	"savedStories",
-	"readStories",
-	"updateTime",
-	"actionProviderNames",
-	"stories"
-];
-function triggerPugpigUpdateSequence() {
-	for (const method of BOOTSTRAP_METHODS) window.pugpigUpdate(method);
-}
-function bootstrap(bridge, options = {}) {
-	const { rootSelector = "#app", readyTimeout = 4e3 } = options;
-	if ("scrollRestoration" in history) history.scrollRestoration = "manual";
-	triggerPugpigUpdateSequence();
-	const rootEl = document.querySelector(rootSelector);
-	const loaded = [];
-	const forceReady = setTimeout(() => {
-		bridge.logInfo("debug", `${readyTimeout}ms have passed, forcing timelineIsReady`);
-		bridge.timelineIsReady();
-	}, readyTimeout);
-	function onDepLoaded(name) {
-		loaded.push(name);
-		if (!["renderedRequiredStyles", ...bridge.themeFileNames ?? []].every((dep) => loaded.includes(dep))) return;
-		clearTimeout(forceReady);
-		document.fonts.ready.then(() => bridge.timelineIsReady());
-	}
-	for (const url of bridge.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() {
-		const classes = [...bridge.feed?.classes ?? []];
-		if (bridge.isSavedTimeline) classes.push("saved-timeline");
-		if (rootEl && classes.length) rootEl.classList.add(...classes);
-	}
-	applyFeedClasses();
-	const stopFeed = bridge.$on("change:feed", applyFeedClasses);
-	return () => {
-		clearTimeout(forceReady);
-		stopFeed();
-	};
-}
-//#endregion
-export { makeProxyBridge as a, setupPugpigUpdate as i, bootstrap as n, rawBridge as o, triggerPugpigUpdateSequence as r, outgoingActions as s, BOOTSTRAP_METHODS as t };

package/dist/development-Bl8-5E3g.mjs

@@ -1,56 +0,0 @@
-import { n as createPugpigBridgeServiceProxy, r as fetchJson } from "./mockBridgeService-vnaAIjCu.mjs";
-//#region src/development/devConfig.ts
-function resolveUrl(url) {
-	if (url === "origin") url = window.location.origin;
-	if (!/^https?:\/\//i.test(url)) url = "https://" + url;
-	return url;
-}
-async function resolveUrlParams(config) {
-	const timelinesEndpoint = `${config.live_domain}/timelines.json`;
-	const timelinesJson = await fetchJson(timelinesEndpoint);
-	const timelinesCurrent = timelinesJson.timelines?.find((timeline) => timeline.id === config.edition) ?? timelinesJson.timelines[0];
-	const timelineEndpoint = new URL(timelinesCurrent?.feed ?? "", timelinesEndpoint).href;
-	const timelineJson = await fetchJson(config?.stories || timelineEndpoint);
-	return Object.assign(config, {
-		live_domain: config.live_domain,
-		timelines: timelinesJson.timelines,
-		timeline: timelinesCurrent,
-		stories: timelineJson.stories,
-		metadata: timelineJson.metadata
-	});
-}
-async function resolveConfigParams(config) {
-	const platformName = config.platform ?? "web";
-	const configVersion = (await fetchJson(`${config.live_domain}/bolt_properties.json`))?.[`${config.config}_version`] ?? "latest_version";
-	const configUrl = `${config.live_domain}/bolt/config/${configVersion}/web/config.json`;
-	const themeUrls = (config.config ? await fetchJson(configUrl) : void 0)?.timeline_css.map((pathname) => `${config.live_domain}/bolt/config/${configVersion}/${platformName}/${pathname}`);
-	return Object.assign(config, { themeUrl: themeUrls });
-}
-async function fetchRemoteConfig(_ctx, _callback) {
-	const urlParams = new URLSearchParams(window.location.search);
-	const paramsObj = Object.fromEntries(urlParams.entries());
-	if (paramsObj.useStorage) {
-		const cached = localStorage.getItem("config");
-		if (cached) return JSON.parse(cached);
-	}
-	let mergedConfig = {
-		...window.__TIMELINE_LOCAL_CONFIG__,
-		...paramsObj,
-		debugLogs: paramsObj.debugLogs === "true"
-	};
-	if (mergedConfig.live_domain) {
-		mergedConfig.live_domain = resolveUrl(mergedConfig.live_domain);
-		mergedConfig = await resolveUrlParams(mergedConfig);
-		mergedConfig = await resolveConfigParams(mergedConfig);
-	}
-	localStorage.setItem("config", JSON.stringify(mergedConfig));
-	return mergedConfig;
-}
-//#endregion
-//#region src/development/index.ts
-async function injectBridge(app, callback) {
-	window.config = await fetchRemoteConfig(app, callback);
-	window.pugpigBridgeService = createPugpigBridgeServiceProxy(window.config);
-}
-//#endregion
-export { injectBridge };