// For local development // const API_BASE = 'https://api.backend.pdftest.co'; const API_BASE = 'https://api.backend.pdf.co'; // const LOGIN_URL = 'https://app.pdftest.co/login'; const LOGIN_URL = 'https://app.pdf.co/login'; const INTERCOM_APP_ID = 'scdmuj33'; const NAVBAR_SELECTOR = '#navbar, [data-top-chrome]'; const THEME_MENU_SELECTOR = '[data-component-name="theme-preference-menu"], #theme-preference-menu-trigger'; const LEGACY_THEME_TOGGLE_SELECTOR = 'button[aria-label="Toggle dark mode"], [data-component-name="theme-toggle"]'; const NAVBAR_RIGHT_CLUSTER_SELECTOR = '[class*="ml-auto"][class*="justify-end"]'; const MAX_AUTH_RETRIES = 3; const NAVBAR_RECHECK_DELAYS_MS = [300, 1000, 3000]; let pdfcoDocumentClickHandler = null; let pdfcoDocumentKeydownHandler = null; let pdfcoUiObserver = null; let pdfcoAuthPending = false; let pdfcoAuthUnresolved = false; let pdfcoAuthRetryCount = 0; let pdfcoReportedSlotLevel = null; let pdfcoIntercomBooted = false; let pdfcoIntercomUserId = null; let pdfcoLastUrl = typeof location !== 'undefined' && location.href ? location.href : ''; function ensureIntercomLoaded() { try { if (window.Intercom && typeof window.Intercom === 'function') return true; (function () { var w = window; var ic = w.Intercom; if (typeof ic === 'function') { ic('reattach_activator'); ic('update', w.intercomSettings); } else { var d = document; var i = function () { i.c(arguments); }; i.q = []; i.c = function (args) { i.q.push(args); }; w.Intercom = i; var l = function () { var s = d.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'https://widget.intercom.io/widget/' + INTERCOM_APP_ID; var x = d.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); }; if (document.readyState === 'complete') { l(); } else if (w.attachEvent) { w.attachEvent('onload', l); } else { w.addEventListener('load', l, false); } } })(); return true; } catch (error) { console.error('Intercom ensure loaded error', error); return false; } } function shutdownIntercom() { if (window.Intercom && pdfcoIntercomBooted) { window.Intercom('shutdown'); pdfcoIntercomBooted = false; pdfcoIntercomUserId = null; } } function bootVisitorIntercom() { if (!ensureIntercomLoaded()) return; try { if (pdfcoIntercomBooted && pdfcoIntercomUserId === null) { window.Intercom('update'); return; } shutdownIntercom(); const settings = { api_base: 'https://api-iam.intercom.io', app_id: INTERCOM_APP_ID, }; window.intercomSettings = settings; window.Intercom('boot', settings); pdfcoIntercomBooted = true; pdfcoIntercomUserId = null; } catch (error) { console.error('Intercom boot visitor error', error); } } function bootAuthenticatedIntercom(userData) { if (!ensureIntercomLoaded()) return; try { const id = userData && userData.id ? String(userData.id) : undefined; const name = (userData && userData.name) || undefined; const email = (userData && userData.email) || undefined; const jwt = (userData && userData.intercom_jwt) || undefined; const settings = { api_base: 'https://api-iam.intercom.io', app_id: INTERCOM_APP_ID, user_id: id, name, email, intercom_user_jwt: jwt, }; if (pdfcoIntercomBooted && pdfcoIntercomUserId === settings.user_id) { window.Intercom('update', settings); return; } shutdownIntercom(); window.intercomSettings = settings; window.Intercom('boot', settings); pdfcoIntercomBooted = true; pdfcoIntercomUserId = settings.user_id || null; } catch (error) { console.error('Intercom boot authenticated error', error); } } function cleanupGlobalHandlers() { if (pdfcoDocumentClickHandler) { document.removeEventListener('click', pdfcoDocumentClickHandler); pdfcoDocumentClickHandler = null; } if (pdfcoDocumentKeydownHandler) { document.removeEventListener('keydown', pdfcoDocumentKeydownHandler); pdfcoDocumentKeydownHandler = null; } } function getCookie(name) { const value = `; ${document.cookie}`; const parts = value.split(`; ${name}=`); if (parts.length === 2) { return decodeURIComponent(parts.pop().split(';').shift()); } return null; } function addSharedStyles() { if (document.getElementById('pdfco-shared-styles')) return; const sharedStyles = ` `; document.head.insertAdjacentHTML('beforeend', sharedStyles); } function resolveNavbarSlot() { const navbar = document.querySelector(NAVBAR_SELECTOR); if (!navbar) return null; const themeMenu = navbar.querySelector(THEME_MENU_SELECTOR); if (themeMenu) { const wrapper = themeMenu.parentElement; const anchor = wrapper && wrapper.matches('div.flex.items-center') ? wrapper : themeMenu; return { level: 1, position: 'beforebegin', el: anchor }; } const legacyToggle = navbar.querySelector(LEGACY_THEME_TOGGLE_SELECTOR); if (legacyToggle) { return { level: 2, position: 'beforebegin', el: legacyToggle }; } // Take the last match, not the first: the right-hand cluster is by definition // the trailing one, so extra matches can't pull the buttons to the wrong side. const clusters = navbar.querySelectorAll(NAVBAR_RIGHT_CLUSTER_SELECTOR); if (clusters.length) { return { level: 3, position: 'beforeend', el: clusters[clusters.length - 1] }; } return { level: 4, position: 'beforeend', el: navbar }; } function reportNavbarSlot(slot) { const level = slot ? slot.level : 0; if (level > 0 && level < 3) return; if (pdfcoReportedSlotLevel === level) return; // Level 0 means no navbar at all, which is also what a not-yet-rendered page // looks like. Re-check over a few seconds before alarming, so a slow render // doesn't raise an alert the observer is about to resolve on its own — this // event is only useful if people trust it. setTimeout rather than // requestAnimationFrame: rAF never fires in a background tab, which would // swallow the alarm entirely for anyone opening the docs in one. if (level === 0) { const attempt = reportNavbarSlot._recheckAttempt || 0; if (attempt < NAVBAR_RECHECK_DELAYS_MS.length) { reportNavbarSlot._recheckAttempt = attempt + 1; setTimeout(() => { if (resolveNavbarSlot()) { reportNavbarSlot._recheckAttempt = 0; return; } reportNavbarSlot(null); }, NAVBAR_RECHECK_DELAYS_MS[attempt]); return; } } pdfcoReportedSlotLevel = level; const anchor = slot && slot.el; console.warn(`[pdfco] navbar anchor degraded (level ${level})`); try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'pdfco_navbar_anchor_degraded', pdfco_anchor_level: level, pdfco_anchor_tag: anchor ? anchor.tagName.toLowerCase() : null, pdfco_anchor_id: (anchor && anchor.id) || null, pdfco_page: location.pathname, }); } catch (error) { console.error('navbar anchor report error', error); } } function mountNavbarUi(html, rootId) { const slot = resolveNavbarSlot(); reportNavbarSlot(slot); if (!slot) return false; slot.el.insertAdjacentHTML(slot.position, html); const root = document.getElementById(rootId); if (root && slot.level >= 4) { const cs = window.getComputedStyle(slot.el); if (cs && cs.position === 'static') { slot.el.style.position = 'relative'; } root.style.position = 'absolute'; root.style.top = '12px'; root.style.right = '16px'; root.style.zIndex = '40'; } return !!root; } function addLoggedOutUi() { cleanupGlobalHandlers(); disableApiTesterInteractions(); bootVisitorIntercom(); if (document.getElementById('pdfco-logged-out-nav')) return; const loggedOutNav = `

`; mountNavbarUi(loggedOutNav, 'pdfco-logged-out-nav'); return; } function disableApiTesterInteractions() { const tryItButton = document.querySelector( '[data-testid="try-it-button"], .tryit-button, [class*="tryit-button"]' ); if (!tryItButton) return; tryItButton.disabled = true; const container = tryItButton.closest('[data-testid="api-playground-modal"]') || tryItButton.parentElement; if (!container) return; const cs = window.getComputedStyle(container); if (cs && cs.position === 'static') { container.style.position = 'relative'; } let msg = container.querySelector('#tryit-login-msg'); if (!msg) { msg = document.createElement('div'); msg.id = 'tryit-login-msg'; container.appendChild(msg); } msg.style.position = 'absolute'; msg.style.fontSize = '14px'; msg.style.lineHeight = '20px'; msg.style.color = 'inherit'; msg.style.fontWeight = '500'; msg.style.zIndex = '10'; msg.style.left = '0'; msg.style.top = 'calc(100% + 16px)'; msg.innerHTML = `Please login to test the API`; } function addLoggedInFlow(userData) { cleanupGlobalHandlers(); bootAuthenticatedIntercom(userData); const { name = '', credits = 0, credits_subscription = 0 } = userData || {}; const firstLetter = (name || 'U').charAt(0).toUpperCase(); const displayedCredits = ( (credits || 0) + (credits_subscription || 0) ).toLocaleString('en-US'); if (document.getElementById('pdfco-logged-in-nav')) return; const loggedInNav = `

Dashboard

`; if (!mountNavbarUi(loggedInNav, 'pdfco-logged-in-nav')) return; const profileBtn = document.getElementById('pdfco-custom-profile-btn'); const firstFocusEl = document.getElementById( 'pdfco-custom-profile-info-credits-add-more' ); if (!profileBtn) return; const profileMenuEl = document.getElementById('pdfco-custom-profile-menu'); if (profileMenuEl) { profileMenuEl.addEventListener('click', (e) => { e.stopPropagation(); }); } profileBtn.addEventListener('click', (e) => { e.stopPropagation(); const willOpen = !profileBtn.classList.contains('open'); profileBtn.classList.toggle('open'); profileBtn.setAttribute('aria-expanded', willOpen ? 'true' : 'false'); if (willOpen && firstFocusEl) { setTimeout(() => { firstFocusEl.focus(); }, 0); } }); if (pdfcoDocumentClickHandler) { document.removeEventListener('click', pdfcoDocumentClickHandler); } pdfcoDocumentClickHandler = (e) => { if (!profileBtn.contains(e.target)) { profileBtn.classList.remove('open'); profileBtn.setAttribute('aria-expanded', 'false'); } }; document.addEventListener('click', pdfcoDocumentClickHandler); if (pdfcoDocumentKeydownHandler) { document.removeEventListener('keydown', pdfcoDocumentKeydownHandler); } pdfcoDocumentKeydownHandler = (e) => { if (e.key === 'Escape') { profileBtn.classList.remove('open'); profileBtn.setAttribute('aria-expanded', 'false'); } }; document.addEventListener('keydown', pdfcoDocumentKeydownHandler); return; } async function bootLoginFlow() { if (pdfcoAuthPending) return; pdfcoAuthPending = true; try { let token = null; try { token = getCookie('token'); } catch (error) { console.error('cookie access error', error); } addSharedStyles(); if (!token) { pdfcoAuthUnresolved = false; pdfcoAuthRetryCount = 0; addLoggedOutUi(); return; } try { const response = await fetch(`${API_BASE}/api/v1/user`, { headers: { Authorization: `Bearer ${token}`, }, }); if (!response || !response.ok) { throw new Error('Failed to fetch user'); } const userData = await response.json().catch(() => null); if (!userData) { throw new Error('Failed to parse user data'); } pdfcoAuthUnresolved = false; pdfcoAuthRetryCount = 0; addLoggedInFlow(userData.data); return; } catch (error) { console.error('Error fetching user:', error); pdfcoAuthUnresolved = true; if (pdfcoAuthRetryCount < MAX_AUTH_RETRIES) { pdfcoAuthRetryCount += 1; setTimeout(bootLoginFlow, 2000 * pdfcoAuthRetryCount); return; } // Retries exhausted. Still no nav — we cannot say whether this visitor is // signed in, and guessing is what this change exists to avoid. Support // chat does not depend on that answer, so keep it available rather than // leaving the page with no way to reach us. bootVisitorIntercom(); return; } } finally { pdfcoAuthPending = false; } } function bootLoginFlowIfNeeded() { if (pdfcoAuthPending || pdfcoAuthUnresolved) return; const hasUserNav = !!( document.getElementById('pdfco-logged-in-nav') || document.getElementById('pdfco-logged-out-nav') ); if (!hasUserNav) { bootLoginFlow(); } } function ensureSpaReinit() { if (ensureSpaReinit._initialized) return; ensureSpaReinit._initialized = true; if (!pdfcoUiObserver && window.MutationObserver) { pdfcoUiObserver = new MutationObserver(() => { const href = location.href; if (href !== pdfcoLastUrl) { pdfcoLastUrl = href; pdfcoAuthUnresolved = false; pdfcoAuthRetryCount = 0; if (window.Intercom) { window.Intercom('update'); } } if (document.querySelector(NAVBAR_SELECTOR)) { bootLoginFlowIfNeeded(); } }); const startObserving = () => { if (!document.body) return; pdfcoUiObserver.observe(document.body, { childList: true, subtree: true, }); }; if (document.body) { startObserving(); } else { document.addEventListener('DOMContentLoaded', startObserving, { once: true, }); } } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', bootLoginFlow); } else { bootLoginFlow(); } ensureSpaReinit();

​Airtable and PDF.co Plugins

​Airtable and PDF.co Integration via Zapier

​How to Generate PDF Files

Airtable and PDF.co Plugins

Airtable and PDF.co Integration via Zapier

How to Generate PDF Files