// Custom scripts go here /** * * Use this function to adjust the logic which is used when an issue is displayed as locked. * An issue will always be displayed as locked if it is purchasable: true and purchased: false. * The checks defined here are run if the mandatory first check returns false. * * @param issue * @param purpleService * * @returns {boolean} */ window.isIssueLocked = async function (issue, purpleService) { return false; }; /** * Custom UserTags from user data such as bought subscriptions, issues and products. * Type hints are copied from purple/purpleInterface.js * See calculateStorefrontUserTags on how to use this feature. * * >>> Typings copied from gitlab / purple / purple-javascript-api / purpleInterface.js * >>> copies from merge requests are noted before the block */ // >>> AppSubscription part from MergeReq #42 /** * @typedef {Object} EligibilityInfo * * @property {boolean} [trial] Is user eligible for trial periods. Returns true/false if the server knows that the user can/cannot use a trial or null if not enough data is available to determine eligibility. Trial is only available when returned in store.getPrice-API (PriceInfo). * @property {boolean} introductoryPricing Is user eligible for introductory pricing for this subscription. Introductory pricing is only available when returned in store.getPrice-API (PriceInfo). * @property {boolean} discountOffers Is user eligible for discounted pricing for this subscription. Discounted pricing is only available when returned in store.getPrice-API (PriceInfo). * * * @typedef {Object} CurrentReceiptInfo * * @property {boolean} isTrialPeriod Current subscription period is a trial period. * @property {boolean} isIntroOfferPeriod Current subscription period is a introductory pricing period. * @property {number} expirationDate When purchased, the date of expiration for the current period, in milliseconds since epoch. * @property {number} [autoResumeDate] For paused subscription, the date when the subscription would resume, in milliseconds since epoch. NOTE: A paused subscription will have purchased set to false and a non-null value of autoResumeDate. * @property {boolean} autoRenewing When false the subscription was cancelled by the user and will end after the current subscription period. * * * @typedef {Object} HistoricReceiptInfo * * @property {boolean} hadPurchased User has purchased this subscription in the past. * @property {boolean} hadIntroductoryPricing User has previously used introductory pricing for this subscription. * @property {boolean} hadTrial User has previously used a trial for this subscription. * * * @typedef {Object} AppSubscription * * @property {string} id * @property {string} name * @property {string} description * @property {string} type * @property {"ONE_MONTH" | "TWO_MONTHS" | "THREE_MONTHS" | "SIX_MONTHS" | "ONE_YEAR"} duration * @property {boolean} hidden * @property {string} productId * @property {string} [groupId] iOS only: The group identifier for this subscription. * @property {boolean} purchased * @property {number} [expirationDate] When purchased, the date of expiration for the current period, in milliseconds since epoch. * @property {number} [autoResumeDate] For paused subscription, the date when the subscription would resume, in milliseconds since epoch. NOTE: A paused subscription will have purchased set to false and a non-null value of autoResumeDate. * @property {boolean} autoRenewing When false the subscription was cancelled by the user and will end after the current subscription period. * @property {boolean} [isEligibleForTrial] Is user eligible for trial periods. Returns true/false if the server knows that the user can/cannot use a trial or null if not enough data is available to determine eligibility. Trial is only available when returned in store.getPrice-API (PriceInfo). * @property {boolean} isEligibleForIntroductoryPrice Is user eligible for introductory pricing for this subscription. Introductory pricing is only available when returned in store.getPrice-API (PriceInfo). * @property {EligibilityInfo} eligibilityInfo Information about eligibility for trials, introductory pricing and discount offers. * @property {CurrentReceiptInfo} [currentReceiptInfo] Current or latest receipt for this subscription. If subscription lapsed it will still provide information about the last subscription period. * @property {HistoricReceiptInfo} historicReceiptInfo Historic data for this subscription. Contains information about the complete history of the subscription. * * @property {Map} thumbnails The default thumbnail is always available under the default-key. Additional thumbnails can be available under separate unique keys. * @property {Map} properties * @property {Object} publications * * * @typedef {Object} CatalogIssue * * @property {string} id * @property {string} publicationId * @property {number} version * @property {string} name * @property {string} [description] * @property {string} [alias] null, if not available * @property {string} [externalIssueId] null, if not available * @property {number} publicationDate * @property {boolean} comingSoon * @property {number} index * @property {number} contentLength * @property {number} numberOfPages * @property {boolean} purchasable * @property {boolean} purchased * @property {("APP_STORE_PURCHASE", "APP_STORE_SUBSCRIPTION", "ENTITLEMENT", "SUBSCRIPTION_CODE", "TRIAL")[]} purchasedBy * @property {string} [productId] * @property {Map} properties * @property {Map} thumbnails The default thumbnail is always available under the default-key. Additional thumbnails can be available under separate unique keys. * @property {string[]} categories * @property {string[]} tags * @property {CatalogPreviewIssue} [previewIssue] * @property {CatalogIssueState} state * * >>> from MergeReq #37 * * @typedef {('BACK_ISSUE_COMPLETION')} PublicationProductType * * @typedef {Object} PublicationProduct * * @property {string} id * @property {string} name * @property {string} description * @property {PublicationProductType} type * @property {boolean} hidden * @property {string} productId * @property {boolean} purchased * @property {number} orderIndex * * @property {Map} thumbnails The default thumbnail is always available under the default-key. Additional thumbnails can be available under separate unique keys. * @property {Map} properties * * @property {Object} publications * * @typedef {Object} PublicationProductPublication * @property {string} publicationId * @property {UnlockableIssue[]} unlockableIssues all unpurchased issues older than current pub issue (currentIssueId) * * This function gets called to calculate the user tags. * Tags, which are set to true can be accessed through $context.userTags. IS_SET * !!! Must always return all possible tags, else the tracking service can't remove unused tags. !!! * @param {AppSubscription[]} subs purchased subscriptions * @param {CatalogIssue[]} issues all purchased Issues * @param {PublicationProduct[]} pubProds all purchased publication products (TODO: check typedef after merge of #37) */ window.calculateStorefrontUserTags = async (params) => { console.log('usertag params: ', params); const activeSubs = params.subscriptions.filter(sub => sub.purchased); const active_trialist = activeSubs.length > 0 && activeSubs.findIndex(sub => sub.currentReceiptInfo.isTrialPeriod || sub.currentReceiptInfo.isIntroOfferPeriod) > -1; const token = params.metadata.entitlement_token; let access; if (token) { // decode token const decoded = parseJwt(token); // extract access field access = decoded.access; } const userTags = { 'cyc': params.publicationProducts.length > 0, 'active_trialist': active_trialist, 'active_subscriber': activeSubs.length > 0 && !active_trialist, 'lapsed_subscriber': params.subscriptions.length > 0 && activeSubs.length === 0, '1_month_subscriber': activeSubs.findIndex(sub => sub.duration === 'ONE_MONTH') > -1, 'single_issue_purchaser': params.activePurchaseTypes.includes('APP_STORE_PURCHASE'), // see https://jira.sprylab.com/browse/APPWEB-158 -> comments 'wz_plus_abo': access === 'feed', 'epaper_abo': access === 'full', 'can_read_article': access === 'feed' || access === 'full' }; /* console.table(userTags); */ return userTags; }; // https://stackoverflow.com/questions/38552003/how-to-decode-jwt-token-in-javascript-without-using-a-library function parseJwt(token) { var base64Url = token.split('.')[1]; var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/'); var jsonPayload = decodeURIComponent(window.atob(base64).split('').map(function (c) { return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2); }).join('')); return JSON.parse(jsonPayload); }; // DebugBear (function() { var dbpr = 100; if (Math.random() * 100 > 100 - dbpr) { var d = "dbbRum", w = window, o = document, a = addEventListener, scr = o.createElement("script"); scr.async = true; w[d] = w[d] || []; w[d].push(["presampling", dbpr]); ["error", "unhandledrejection"].forEach(function(t) { a(t, function(e) { w[d].push([t, e]); }); }); scr.src = "https://cdn.debugbear.com/gxsK72i6YW9w.js"; o.head.appendChild(scr); } })(); // ePaper SplitScreen document.addEventListener("purplePlayerLoadingDone", () => { window.addEventListener('resize', splitScreenUtils.helper.debounce(splitScreenUtils.handleResize, 200)); window.addEventListener('message', splitScreenUtils.handleMessageFromReadmode); splitScreenUtils.initSplitScreenMode(); }); const splitScreenUtils = { articleFolder: 'purpleshared/article', readmodeIframeWrapperId: 'readmodeArticleIframeWrapper', readmodeIframeId: 'readmodeArticleIframe', articleHighlightStyleId: 'articleHighlightStyle', postMessageWhitelistDomain: 'purplemanager.com', postMessageTypeChanged: 'readmodeArticleChanged', postMessageTypeClosed: 'closeReadmode', postMessageTypeDocked: 'dockedReadmode', postMessageTypeReady: 'readyReadmode', postMessageTypeArticlePrev: 'readmodeArticlePrev', postMessageTypeArticleNext: 'readmodeArticleNext', postMessageTypeArticleFirst: 'readmodeArticleFirst', postMessageTypeArticleLast: 'readmodeArticleLast', postMessageTypeEvent: 'readmodeEvent', keyActionMap: {}, isReadmodeSyncInProgress: false, initSplitScreenMode: () => { splitScreenUtils.resetPurplePlayer(); const webPresenter = document.querySelector('.webPresenter'); PP.externalConfig.onOpenUrl = function(url) { if (url.startsWith(splitScreenUtils.articleFolder)) { const articleURL = PP.externalConfig.urlHandler(url); const articleId = splitScreenUtils.extractArticleIdFromUrl(articleURL); let iframe = document.getElementById(splitScreenUtils.readmodeIframeId); if (iframe) { splitScreenUtils.sendMessageToReadmode({type: splitScreenUtils.postMessageTypeChanged, id: articleId}); return false; } const iframeWrapper = document.createElement("div"); iframeWrapper.id = splitScreenUtils.readmodeIframeWrapperId; iframe = splitScreenUtils.createOrReuseIframe(splitScreenUtils.readmodeIframeId, articleURL); iframeWrapper.appendChild(iframe); webPresenter.appendChild(iframeWrapper); // redraw swiper element window.dispatchEvent(new Event('resize')); // return false to abort the default open behaviour return false; } }; if (window.__splitScreenInitialised) return; window.__splitScreenInitialised = true; // With any global variable (e.g. "initialised") make sure, this code runs only once: PP.PreloadManager.onPageChange_ = PP.PreloadManager.onPageChange; PP.PreloadManager.onPageChange = function(playerId) { // break through the postmessage circle if (splitScreenUtils.isReadmodeSyncInProgress) { splitScreenUtils.isReadmodeSyncInProgress = false; return; } // get current page config const pageConfig = WP.instance.getCurrentPlayer().startConfig; // pageNumber, because pageIndex would have to increment with +1 const { pageNumber } = pageConfig; PP.PreloadManager.onPageChange_(playerId); // if in split view synchronise read mode iframe by posting a message with the current page number splitScreenUtils.sendMessageToReadmode({type: splitScreenUtils.postMessageTypeChanged, id: splitScreenUtils.buildArticleId(pageNumber)}); }; }, resetPurplePlayer: () => { document.body.removeEventListener('keydown', splitScreenUtils.keydownHandlerForReadmode, true); splitScreenUtils.removeSplitScreen(); }, keydownHandlerForReadmode: (e) => { if (e instanceof Event) { e.stopPropagation(); e.stopImmediatePropagation(); } const action = splitScreenUtils.keyActionMap[e.key]; if (action) splitScreenUtils.sendMessageToReadmode({ type: action }); }, sendMessageToReadmode: (data) => { const iframe = document.getElementById(splitScreenUtils.readmodeIframeId); if (!iframe) return; iframe.contentWindow?.postMessage(JSON.stringify(data), '*'); }, handleMessageFromReadmode: (e) => { if (!splitScreenUtils.isSameBaseDomain(e.origin)) { console.warn('[SPLITSCREEN] Blocked message from unknown origin:', e.origin); return; } let parsedData; try { parsedData = JSON.parse(e.data); } catch (err) { console.warn('[SPLITSCREEN] Invalid JSON in postMessage:', e.data); return; } const { type, id, hash, event } = parsedData ?? {}; switch (type) { case splitScreenUtils.postMessageTypeReady: document.body.addEventListener('keydown', splitScreenUtils.keydownHandlerForReadmode, true); splitScreenUtils.checkIframeAtTop(); break; case splitScreenUtils.postMessageTypeEvent: event && splitScreenUtils.keydownHandlerForReadmode(event) break; case splitScreenUtils.postMessageTypeChanged: if (id) { const index = splitScreenUtils.getIndexFromArticleId(id); const currentPageIndex = parseInt(WP.instance.getCurrentPlayer().startConfig.pageIndex, 10) + 1; if (index.pageIndex !== currentPageIndex && !splitScreenUtils.isReadmodeSyncInProgress) { splitScreenUtils.isReadmodeSyncInProgress = true; WP.instance.jumpToPageId(WP.instance.players[index.pageIndex - 1].player.startConfig.id); } } if (hash) { splitScreenUtils.setArticleHighlight(hash); } break; case splitScreenUtils.postMessageTypeClosed: splitScreenUtils.resetPurplePlayer(); break; } }, isSameBaseDomain: (origin) => { try { const originHost = new URL(origin).hostname; const ownHost = window.location.hostname; // Extract the last two segments of the domain (e.g. “purplemanager.com”) const getBaseDomain = (host) => host.split('.').slice(-2).join('.'); return getBaseDomain(originHost) === getBaseDomain(ownHost) || getBaseDomain(originHost) === splitScreenUtils.postMessageWhitelistDomain; } catch (err) { console.warn('[SPLITSCREEN] Invalid origin in message:', origin); return false; } }, createOrReuseIframe: (id, src) => { let iframe = document.getElementById(id); if (!iframe) { iframe = document.createElement("iframe"); iframe.id = id; iframe.src = src; } else if (iframe.src !== src) { iframe.src = src; } return iframe; }, setArticleHighlight: (articleId) => { let style = document.getElementById(splitScreenUtils.articleHighlightStyleId); if (!style) { style = document.createElement('style'); style.id = splitScreenUtils.articleHighlightStyleId; document.head.appendChild(style); } if (!articleId) { style.innerHTML = ''; return; } style.innerHTML = ` *[id="${articleId}"]::before { position: absolute; inset: 0; z-index: 1; display: block; background: rgba(0, 100, 175, 0.3); content: ''; } `; }, checkIframeAtTop: () => { const iframe = document.getElementById(splitScreenUtils.readmodeIframeId); if (!iframe) return; const rect = iframe.getBoundingClientRect(); // Tolerance of 1px if there is a small gap const isAtTop = Math.abs(rect.top) < 1; splitScreenUtils.sendMessageToReadmode({type: splitScreenUtils.postMessageTypeDocked, value: isAtTop}) }, removeSplitScreen: () => { document.getElementById(splitScreenUtils.articleHighlightStyleId)?.remove(); document.getElementById(splitScreenUtils.readmodeIframeWrapperId)?.remove(); // redraw swiper element window.dispatchEvent(new Event('resize')); }, extractArticleIdFromUrl: (url) => { const match = url.match(/article_\d+-\d+\.xml/); return match ? match[0] : null; }, getIndexFromArticleId: (id) => { const match = id.match(/article_(\d+)-(\d+)\.xml/); return match ? { pageIndex: parseInt(match[1], 10), articleIndex: parseInt(match[2], 10), } : null; }, buildArticleId: (page = 1, article = 1) => { return `article_${page}-${article}.xml`; }, handleResize: () => { splitScreenUtils.checkIframeAtTop(); }, helper: { debounce: (func, delay) => { let timeoutId; return function(...args) { clearTimeout(timeoutId); timeoutId = setTimeout(() => func.apply(this, args), delay); }; } } } splitScreenUtils.keyActionMap = { 'ArrowLeft': splitScreenUtils.postMessageTypeArticlePrev, 'a': splitScreenUtils.postMessageTypeArticlePrev, 'A': splitScreenUtils.postMessageTypeArticlePrev, 'w': splitScreenUtils.postMessageTypeArticlePrev, 'W': splitScreenUtils.postMessageTypeArticleFirst, 'ArrowRight': splitScreenUtils.postMessageTypeArticleNext, 'd': splitScreenUtils.postMessageTypeArticleNext, 'D': splitScreenUtils.postMessageTypeArticleNext, 's': splitScreenUtils.postMessageTypeArticleNext, 'S': splitScreenUtils.postMessageTypeArticleLast, ' ': splitScreenUtils.postMessageTypeArticleNext, 'Escape': splitScreenUtils.postMessageTypeClosed, };

Tango Test ePaper

Test Issue 2