npm - pageproof - Versions diffs - 0.1.0 - Mend

pageproof 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (68) hide show

package/assets/default.html ADDED Viewed

@@ -0,0 +1,496 @@
+<!doctype html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>MDPREVIEW_BROWSER_TITLE</title>
+  <link rel="icon" href="favicon.svg" type="image/svg+xml">
+  $for(css)$
+  <link rel="stylesheet" href="$css$">
+  $endfor$
+  <style data-pagedjs-ignore>
+    .mdpreview-diagnostics-widget {
+      position: fixed;
+      top: 12pt;
+      right: 12pt;
+      z-index: 10000;
+      font-family: Calibri, Arial, sans-serif;
+    }
+    .mdpreview-diagnostics-details {
+      position: relative;
+    }
+    .mdpreview-diagnostics-button {
+      display: grid;
+      width: 24pt;
+      height: 24pt;
+      border: 1pt solid #b5475a;
+      border-radius: 50%;
+      background: #fff7f8;
+      color: #8f2638;
+      place-items: center;
+      font-family: Calibri, Arial, sans-serif;
+      font-size: 15pt;
+      font-weight: bold;
+      line-height: 1;
+      box-shadow: 0 1.5pt 5pt rgba(0, 0, 0, 0.18);
+      cursor: pointer;
+      list-style: none;
+      user-select: none;
+      -webkit-user-select: none;
+    }
+    .mdpreview-diagnostics-button::-webkit-details-marker {
+      display: none;
+    }
+    .mdpreview-diagnostics-panel {
+      box-sizing: border-box;
+      position: absolute;
+      top: 30pt;
+      right: 0;
+      width: min(330pt, calc(100vw - 24pt));
+      max-height: calc(100vh - 54pt);
+      overflow: auto;
+      padding: 12pt 14pt;
+      border-top: 4px solid #b5475a;
+      background: #fff7f8;
+      color: black;
+      font-family: Calibri, Arial, sans-serif;
+      font-size: 10.5pt;
+      line-height: 1.45;
+      box-shadow: 0 3pt 12pt rgba(0, 0, 0, 0.22);
+    }
+    .mdpreview-diagnostics-panel h2 {
+      margin: 0 0 8pt;
+      font-family: Calibri, Arial, sans-serif;
+      font-size: 13pt;
+      font-weight: bold;
+      color: black;
+    }
+    /* The diagnostics drawer is chrome and must not carry document heading
+       numbers, regardless of which user style file is in effect. Neutralise
+       any counter side-effects on chrome headings and suppress generated
+       numbering content. The empty custom property mirrors the trick used
+       in numbered.css: Paged.js's CSS preprocessor scans counter-increment /
+       counter-reset for bare identifiers, but leaves var() functions alone,
+       so the rule survives pagination without polluting Paged.js's counter
+       registry. */
+    .mdpreview-diagnostics-widget {
+      --mdpreview-no-counter: ;
+    }
+    .mdpreview-diagnostics-widget h1, .mdpreview-diagnostics-widget h2,
+    .mdpreview-diagnostics-widget h3, .mdpreview-diagnostics-widget h4 {
+      counter-increment: var(--mdpreview-no-counter) !important;
+      counter-reset: var(--mdpreview-no-counter) !important;
+    }
+    .mdpreview-diagnostics-widget h1::before, .mdpreview-diagnostics-widget h2::before,
+    .mdpreview-diagnostics-widget h3::before, .mdpreview-diagnostics-widget h4::before {
+      content: none !important;
+    }
+    .mdpreview-diagnostics-panel p {
+      margin: 0 0 8pt;
+    }
+    .mdpreview-diagnostics-panel ul {
+      margin: 0 0 8pt;
+      padding-left: 16pt;
+    }
+    .mdpreview-diagnostics-panel details {
+      margin-top: 8pt;
+    }
+    .mdpreview-diagnostics-panel summary {
+      cursor: pointer;
+    }
+    .mdpreview-diagnostics-panel pre {
+      max-height: 160pt;
+      overflow: auto;
+      margin: 0;
+      padding: 0;
+      background: transparent;
+      font-size: 8.5pt;
+      white-space: pre-wrap;
+    }
+    body.mdpreview-disconnected {
+      background: #737373 !important;
+    }
+    body.mdpreview-disconnected .pagedjs_pages {
+      opacity: 0.55;
+      filter: grayscale(1);
+    }
+    body.mdpreview-disconnected .mdpreview-empty-preview {
+      opacity: 0.55;
+    }
+    body.mdpreview-disconnected .mdpreview-diagnostics-button {
+      border-color: #3f3f3f;
+      background: #5b5b5b;
+      color: #f2f2f2;
+    }
+    body.mdpreview-disconnected .mdpreview-disconnect-null {
+      position: relative;
+      font-size: 0;
+    }
+    body.mdpreview-disconnected .mdpreview-disconnect-null::before,
+    body.mdpreview-disconnected .mdpreview-disconnect-null::after {
+      content: "";
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform-origin: center;
+    }
+    body.mdpreview-disconnected .mdpreview-disconnect-null::before {
+      box-sizing: border-box;
+      width: 12pt;
+      height: 12pt;
+      border: 2pt solid currentColor;
+      border-radius: 50%;
+      transform: translate(-50%, -50%);
+    }
+    body.mdpreview-disconnected .mdpreview-disconnect-null::after {
+      width: 14pt;
+      height: 2pt;
+      border-radius: 1pt;
+      background: currentColor;
+      transform: translate(-50%, -50%) rotate(-45deg);
+    }
+    body.mdpreview-disconnected .mdpreview-diagnostics-panel {
+      border-top-color: #3f3f3f;
+      background: #ededed;
+    }
+    .pagedjs_area [data-footnote-call].mdpreview-metadata-footnote {
+      counter-increment: mdpreview-metadata-footnote !important;
+    }
+    [data-footnote-marker].mdpreview-metadata-footnote:not([data-split-from]) {
+      counter-increment: mdpreview-metadata-footnote-marker !important;
+    }
+    @media print {
+      :root,
+      body {
+        background: white !important;
+      }
+      .pagedjs_pages {
+        gap: 0 !important;
+        padding: 0 !important;
+        margin: 0 !important;
+      }
+      .pagedjs_page {
+        box-shadow: none !important;
+      }
+      #mdpreview-chrome,
+      [data-mdpreview-chrome],
+      .mdpreview-diagnostics-widget {
+        display: none !important;
+      }
+    }
+  </style>
+  $if(math)$
+  <script>
+    window.PagedConfig = { auto: false };
+    window.MathJax = {
+      output: {
+        font: 'mathjax-tex',
+        fontPath: '/mathjax-fonts/%%FONT%%-font'
+      }
+    };
+  </script>
+  $endif$
+  $math$
+</head>
+<body$if(mdpreview-has-diagnostics)$ class="mdpreview-has-diagnostics"$endif$>
+  <div id="mdpreview-chrome">
+    <!-- MDPREVIEW_DIAGNOSTICS -->
+  </div>
+  <div id="mdpreview-pages" aria-label="Paginated preview"></div>
+  <main id="mdpreview-source" class="mdpreview-document">
+    $if(title)$
+    <header>
+      <div class="document-title">$title$</div>
+      $for(author)$
+      <div class="document-author">$author$</div>
+      $endfor$
+      $if(date)$
+      <div class="document-date">$date$</div>
+      $endif$
+    </header>
+    $else$
+    $if(author)$
+    <header>
+      $for(author)$
+      <div class="document-author">$author$</div>
+      $endfor$
+      $if(date)$
+      <div class="document-date">$date$</div>
+      $endif$
+    </header>
+    $else$
+    $if(date)$
+    <header>
+      <div class="document-date">$date$</div>
+    </header>
+    $endif$
+    $endif$
+    $endif$
+    $body$
+  </main>
+  <script>
+    window.mdpreviewBrowserDebug = false;
+    window.mdpreviewBuildId = 0;
+    window.mdpreviewBrowserLogErrors = [];
+    window.mdpreviewSourceSnapshot = { text: '', html: '' };
+    const mdpreviewRecordBrowserError = (message, source, line, column) => {
+      window.mdpreviewBrowserLogErrors.push({
+        message: String(message || 'Unknown browser error'),
+        source: source || undefined,
+        line: line || undefined,
+        column: column || undefined
+      });
+    };
+    window.addEventListener('error', (event) => {
+      mdpreviewRecordBrowserError(event.message, event.filename, event.lineno, event.colno);
+      setTimeout(() => window.mdpreviewReportBrowserRender?.(false, { phase: 'browser-error' }), 0);
+    });
+    window.addEventListener('unhandledrejection', (event) => {
+      mdpreviewRecordBrowserError(event.reason?.message || event.reason || 'Unhandled promise rejection');
+      setTimeout(() => window.mdpreviewReportBrowserRender?.(false, { phase: 'browser-unhandled-rejection' }), 0);
+    });
+    const mdpreviewTextHead = (value) => String(value || '').replace(/\s+/g, ' ').trim().slice(0, 500);
+    const mdpreviewTextTail = (value) => String(value || '').replace(/\s+/g, ' ').trim().slice(-500);
+    window.mdpreviewPostBrowserLog = (payload) => {
+      const body = JSON.stringify(payload);
+      if (!window.mdpreviewBrowserDebug && navigator.sendBeacon) {
+        const sent = navigator.sendBeacon('/__browser-log', new Blob([body], { type: 'application/json' }));
+        if (sent) return;
+      }
+      fetch('/__browser-log', {
+        method: 'POST',
+        headers: { 'content-type': 'application/json' },
+        body,
+        keepalive: !window.mdpreviewBrowserDebug
+      }).catch(() => {});
+    };
+    window.mdpreviewReportBrowserRender = (ok, extra = {}) => {
+      const pages = document.querySelector('#mdpreview-pages');
+      const source = extra.sourceNode || document.querySelector('#mdpreview-source') || window.PagedConfig?.content;
+      const renderedText = pages?.innerText || pages?.textContent || '';
+      const sourceText = window.mdpreviewSourceSnapshot.text || source?.innerText || source?.textContent || '';
+      const payload = {
+        type: 'browser-rendered',
+        buildId: window.mdpreviewBuildId,
+        phase: extra.phase || 'paged-rendered',
+        ok,
+        url: location.href,
+        pageCount: document.querySelectorAll('.pagedjs_page').length,
+        renderedTextLength: renderedText.length,
+        sourceTextLength: sourceText.length,
+        renderedTextTail: mdpreviewTextTail(renderedText),
+        errors: window.mdpreviewBrowserLogErrors.slice(-20)
+      };
+      if (extra.error) payload.error = String(extra.error?.message || extra.error);
+      if (window.mdpreviewBrowserDebug) {
+        payload.renderedTextHead = mdpreviewTextHead(renderedText);
+        payload.documentHtml = document.documentElement.outerHTML;
+        payload.pagesHtml = pages?.outerHTML || '';
+        payload.sourceHtml = window.mdpreviewSourceSnapshot.html || source?.outerHTML || '';
+      }
+      window.mdpreviewPostBrowserLog(payload);
+    };
+    const mdpreviewPagedTargets = () => {
+      const source = document.querySelector('#mdpreview-source');
+      return {
+        content: source,
+        renderTo: document.querySelector('#mdpreview-pages'),
+        sourceNode: source
+      };
+    };
+    const mdpreviewPreparePagedTargets = () => {
+      const { sourceNode, renderTo } = mdpreviewPagedTargets();
+      const content = document.createDocumentFragment();
+      if (sourceNode) {
+        window.mdpreviewSourceSnapshot = {
+          text: sourceNode.innerText || sourceNode.textContent || '',
+          html: sourceNode.outerHTML || ''
+        };
+        while (sourceNode.firstChild) {
+          content.appendChild(sourceNode.firstChild);
+        }
+        sourceNode.remove();
+      }
+      return { content, renderTo };
+    };
+    const mdpreviewAutoPaginate = !window.PagedConfig || window.PagedConfig.auto !== false;
+    window.PagedConfig = {
+      ...window.PagedConfig,
+      ...(mdpreviewAutoPaginate ? mdpreviewPreparePagedTargets() : mdpreviewPagedTargets()),
+      ...(mdpreviewAutoPaginate
+        ? { after: (flow) => {
+            window.mdpreviewReportBrowserRender(true, {
+              phase: 'paged-rendered'
+            });
+            return flow;
+          } }
+        : {})
+    };
+    window.mdpreviewRenderPages = () => {
+      const { content, renderTo } = mdpreviewPreparePagedTargets();
+      if (!content?.childNodes?.length || !renderTo) {
+        const error = new Error('mdpreview pagination targets are missing');
+        window.mdpreviewReportBrowserRender(false, { phase: 'paged-failed', error });
+        return Promise.reject(error);
+      }
+      return Promise.resolve(window.PagedPolyfill.preview(content, undefined, renderTo))
+        .then((flow) => {
+          window.mdpreviewReportBrowserRender(true, {
+            phase: 'paged-rendered'
+          });
+          return flow;
+        }, (error) => {
+          window.mdpreviewReportBrowserRender(false, {
+            phase: 'paged-failed',
+            error
+          });
+          throw error;
+        });
+    };
+  </script>
+  <script src="/paged.polyfill.js"></script>
+  $if(math)$
+  <script>
+    const runPagedAfterMath = () => {
+      const mathReady = window.MathJax && window.MathJax.startup
+        ? window.MathJax.startup.promise
+        : Promise.resolve();
+      mathReady.catch((error) => {
+        mdpreviewRecordBrowserError(error?.message || error || 'MathJax failed before pagination');
+        console.error('MathJax failed before pagination', error);
+      })
+        .then(() => window.mdpreviewRenderPages());
+    };
+    if (document.readyState === 'loading') {
+      document.addEventListener('DOMContentLoaded', runPagedAfterMath, { once: true });
+    } else {
+      runPagedAfterMath();
+    }
+  </script>
+  $endif$
+  <script>
+    const mdpreviewDisconnectedTitle = 'Preview disconnected';
+    const mdpreviewEnsureDiagnosticsWidget = () => {
+      let widget = document.querySelector('.mdpreview-diagnostics-widget');
+      if (widget) return widget;
+      const chrome = document.querySelector('#mdpreview-chrome') || document.body;
+      widget = document.createElement('aside');
+      widget.className = 'mdpreview-diagnostics-widget';
+      widget.dataset.mdpreviewChrome = '';
+      widget.dataset.mdpreviewCreatedForDisconnect = 'true';
+      widget.setAttribute('aria-live', 'polite');
+      const details = document.createElement('details');
+      details.className = 'mdpreview-diagnostics-details';
+      const button = document.createElement('summary');
+      button.className = 'mdpreview-diagnostics-button';
+      button.setAttribute('title', mdpreviewDisconnectedTitle);
+      button.setAttribute('aria-label', mdpreviewDisconnectedTitle);
+      const panel = document.createElement('section');
+      panel.className = 'mdpreview-diagnostics-panel';
+      details.append(button, panel);
+      widget.append(details);
+      chrome.prepend(widget);
+      return widget;
+    };
+    const mdpreviewMarkDisconnected = () => {
+      document.body.classList.add('mdpreview-disconnected');
+      const widget = mdpreviewEnsureDiagnosticsWidget();
+      const button = widget.querySelector('.mdpreview-diagnostics-button');
+      if (button && !button.dataset.mdpreviewOriginalText) {
+        button.dataset.mdpreviewOriginalText = button.textContent;
+        button.dataset.mdpreviewOriginalTitle = button.getAttribute('title') || '';
+        button.dataset.mdpreviewOriginalAriaLabel = button.getAttribute('aria-label') || '';
+      }
+      if (button) {
+        button.textContent = '';
+        button.classList.add('mdpreview-disconnect-null');
+        button.setAttribute('title', mdpreviewDisconnectedTitle);
+        button.setAttribute('aria-label', mdpreviewDisconnectedTitle);
+      }
+      const panel = widget.querySelector('.mdpreview-diagnostics-panel');
+      if (panel && !panel.querySelector('[data-mdpreview-disconnected-title]')) {
+        const message = document.createElement('h2');
+        message.dataset.mdpreviewDisconnectedTitle = '';
+        message.textContent = mdpreviewDisconnectedTitle;
+        panel.prepend(message);
+      }
+    };
+    const mdpreviewClearDisconnected = () => {
+      document.body.classList.remove('mdpreview-disconnected');
+      const widget = document.querySelector('.mdpreview-diagnostics-widget');
+      if (!widget) return;
+      if (widget.dataset.mdpreviewCreatedForDisconnect === 'true') {
+        widget.remove();
+        return;
+      }
+      const button = widget.querySelector('.mdpreview-diagnostics-button');
+      if (button?.dataset.mdpreviewOriginalText !== undefined) {
+        button.textContent = button.dataset.mdpreviewOriginalText;
+        button.classList.remove('mdpreview-disconnect-null');
+        button.setAttribute('title', button.dataset.mdpreviewOriginalTitle || '');
+        button.setAttribute('aria-label', button.dataset.mdpreviewOriginalAriaLabel || '');
+        delete button.dataset.mdpreviewOriginalText;
+        delete button.dataset.mdpreviewOriginalTitle;
+        delete button.dataset.mdpreviewOriginalAriaLabel;
+      }
+      widget.querySelector('[data-mdpreview-disconnected-title]')?.remove();
+    };
+    let mdpreviewDisconnectTimer;
+    const events = new EventSource('/events');
+    events.addEventListener('open', () => {
+      clearTimeout(mdpreviewDisconnectTimer);
+      mdpreviewClearDisconnected();
+    });
+    events.addEventListener('error', () => {
+      clearTimeout(mdpreviewDisconnectTimer);
+      mdpreviewDisconnectTimer = setTimeout(mdpreviewMarkDisconnected, 2500);
+    });
+    events.addEventListener('reload', () => location.reload());
+  </script>
+</body>
+</html>

package/assets/doublespaced.css ADDED Viewed

@@ -0,0 +1,8 @@
+/* mdpreview-style: Double-spaced text override for manuscript drafts. */
+html {
+  line-height: 2;
+}
+p {
+  margin-bottom: 0;
+}