@cvfile/viewer-web 0.1.0

package/LICENSE

@@ -0,0 +1,190 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for describing the origin of the Work and
+      reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Support. While redistributing the Work or
+      Derivative Works thereof, You may choose to offer, and charge a
+      fee for, acceptance of support, warranty, indemnity, or other
+      liability obligations and/or rights consistent with this License.
+      However, in accepting such obligations, You may act only on Your
+      own behalf and on Your sole responsibility, not on behalf of any
+      other Contributor, and only if You agree to indemnify, defend,
+      and hold each Contributor harmless for any liability incurred by,
+      or claims asserted against, such Contributor by reason of your
+      accepting any such warranty or support.
+
+   END OF TERMS AND CONDITIONS
+
+   Copyright 2026 The cvfile.org authors
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/dist/index.d.ts

@@ -0,0 +1,43 @@
+import * as lit from 'lit';
+import { LitElement, TemplateResult } from 'lit';
+
+type Tab = 'pdf' | 'md' | 'html';
+type Theme = 'auto' | 'light' | 'dark';
+type ChangedKeys = Map<PropertyKey, unknown>;
+declare class CvEmbed extends LitElement {
+    static styles: lit.CSSResult;
+    src: string;
+    view: Tab | 'auto';
+    language: string;
+    tabBar: boolean;
+    theme: Theme;
+    private file;
+    private error;
+    private activeTab;
+    private loading;
+    private pdfPage;
+    private pdfPageCount;
+    private pdfModulePromise;
+    connectedCallback(): Promise<void>;
+    willUpdate(changed: ChangedKeys): void;
+    updated(changed: ChangedKeys): void;
+    loadFromBytes(bytes: Uint8Array): Promise<void>;
+    /** Public API: re-attempt the last load (used by error retry button). */
+    retry(): Promise<void>;
+    private loadFromSrc;
+    private processBytes;
+    private pickInitialTab;
+    private renderPdf;
+    private switchTab;
+    /** Keyboard navigation per WAI-ARIA tablist authoring practices. */
+    private handleTabKeydown;
+    render(): TemplateResult;
+    private renderMd;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-embed': CvEmbed;
+    }
+}
+
+export { CvEmbed };

package/dist/index.js

@@ -0,0 +1,581 @@
+import * as pdfjsLib from 'pdfjs-dist';
+import workerUrl from 'pdfjs-dist/build/pdf.worker.min.mjs?url';
+import { LitElement, css, html } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { extract } from '@cvfile/sdk';
+import DOMPurify from 'dompurify';
+import { marked } from 'marked';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = void 0 ;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (decorator(target, key, result) ) || result;
+  if (result) __defProp(target, key, result);
+  return result;
+};
+
+// src/render-pdf.ts
+var render_pdf_exports = {};
+__export(render_pdf_exports, {
+  renderPdfPage: () => renderPdfPage
+});
+function ensureWorker() {
+  if (workerConfigured) return;
+  pdfjsLib.GlobalWorkerOptions.workerSrc = workerUrl;
+  workerConfigured = true;
+}
+async function renderPdfPage(bytes, pageNumber, canvas) {
+  ensureWorker();
+  const view = new Uint8Array(bytes.byteLength);
+  view.set(bytes);
+  const loadingTask = pdfjsLib.getDocument({ data: view });
+  const pdf = await loadingTask.promise;
+  const page = await pdf.getPage(pageNumber);
+  const dpr = window.devicePixelRatio || 1;
+  const baseViewport = page.getViewport({ scale: 1 });
+  const containerWidth = canvas.parentElement?.clientWidth ?? baseViewport.width;
+  const targetWidth = Math.min(containerWidth - 32, 900);
+  const scale = targetWidth / baseViewport.width * dpr;
+  const viewport = page.getViewport({ scale });
+  canvas.width = Math.floor(viewport.width);
+  canvas.height = Math.floor(viewport.height);
+  canvas.style.width = `${Math.floor(viewport.width / dpr)}px`;
+  canvas.style.height = `${Math.floor(viewport.height / dpr)}px`;
+  const ctx = canvas.getContext("2d");
+  if (!ctx) {
+    throw new Error("Could not acquire 2D canvas context");
+  }
+  await page.render({ canvasContext: ctx, viewport }).promise;
+  return { numPages: pdf.numPages };
+}
+var workerConfigured;
+var init_render_pdf = __esm({
+  "src/render-pdf.ts"() {
+    workerConfigured = false;
+  }
+});
+function renderMarkdown(source) {
+  const raw = marked.parse(source, { async: false });
+  return DOMPurify.sanitize(raw, {
+    USE_PROFILES: { html: true },
+    FORBID_TAGS: ["script", "style", "iframe", "object", "embed"],
+    FORBID_ATTR: ["onerror", "onload", "onclick", "onmouseover"]
+  });
+}
+
+// src/cv-embed.ts
+var CvEmbed = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.src = "";
+    this.view = "auto";
+    this.language = "";
+    this.tabBar = true;
+    this.theme = "auto";
+    this.file = null;
+    this.error = null;
+    this.activeTab = "pdf";
+    this.loading = true;
+    this.pdfPage = 1;
+    this.pdfPageCount = 1;
+    this.pdfModulePromise = null;
+  }
+  static {
+    this.styles = css`
+    :host {
+      --cv-color: #111;
+      --cv-bg: #fafaf9;
+      --cv-border: #e5e5e3;
+      --cv-toolbar-bg: #ffffff;
+      --cv-stage-bg: #f4f4f2;
+      --cv-meta: #6b7280;
+      --cv-tab-hover: rgba(0, 0, 0, 0.04);
+      --cv-tab-active: rgba(0, 0, 0, 0.08);
+      --cv-card-bg: #ffffff;
+      --cv-card-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+      --cv-focus-ring: #4f46e5;
+      --cv-error: #b91c1c;
+      --cv-error-bg: #fef2f2;
+
+      display: block;
+      font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+      color: var(--cv-color);
+      background: var(--cv-bg);
+      border: 1px solid var(--cv-border);
+      border-radius: 12px;
+      overflow: hidden;
+      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
+      width: 100%;
+      min-height: 480px;
+      contain: paint;
+    }
+
+    :host([theme='dark']),
+    :host([theme='auto']) {
+      color-scheme: light dark;
+    }
+    :host([theme='dark']) {
+      --cv-color: #f3f4f6;
+      --cv-bg: #0b0b0d;
+      --cv-border: #2a2a2e;
+      --cv-toolbar-bg: #15151a;
+      --cv-stage-bg: #0f0f12;
+      --cv-meta: #9ca3af;
+      --cv-tab-hover: rgba(255, 255, 255, 0.05);
+      --cv-tab-active: rgba(255, 255, 255, 0.10);
+      --cv-card-bg: #15151a;
+      --cv-card-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
+      --cv-error-bg: #2a1414;
+    }
+    @media (prefers-color-scheme: dark) {
+      :host([theme='auto']) {
+        --cv-color: #f3f4f6;
+        --cv-bg: #0b0b0d;
+        --cv-border: #2a2a2e;
+        --cv-toolbar-bg: #15151a;
+        --cv-stage-bg: #0f0f12;
+        --cv-meta: #9ca3af;
+        --cv-tab-hover: rgba(255, 255, 255, 0.05);
+        --cv-tab-active: rgba(255, 255, 255, 0.10);
+        --cv-card-bg: #15151a;
+        --cv-card-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
+        --cv-error-bg: #2a1414;
+      }
+    }
+
+    .toolbar {
+      display: flex;
+      align-items: center;
+      gap: 0.25rem;
+      padding: 0.5rem 0.75rem;
+      border-bottom: 1px solid var(--cv-border);
+      background: var(--cv-toolbar-bg);
+      flex-wrap: wrap;
+    }
+    .tab {
+      appearance: none;
+      border: 0;
+      background: transparent;
+      padding: 0.4rem 0.8rem;
+      border-radius: 6px;
+      font: inherit;
+      color: inherit;
+      cursor: pointer;
+      opacity: 0.6;
+      transition: background 120ms, opacity 120ms;
+    }
+    .tab:hover:not([disabled]) { background: var(--cv-tab-hover); opacity: 0.95; }
+    .tab[aria-selected='true'] {
+      background: var(--cv-tab-active);
+      opacity: 1;
+      font-weight: 600;
+    }
+    .tab[disabled] { opacity: 0.3; cursor: not-allowed; }
+    .tab:focus-visible {
+      outline: 2px solid var(--cv-focus-ring);
+      outline-offset: 2px;
+    }
+    .meta {
+      margin-left: auto;
+      font-size: 0.8rem;
+      color: var(--cv-meta);
+      display: flex;
+      gap: 0.75rem;
+      flex-wrap: wrap;
+    }
+    .meta code { font: inherit; opacity: 0.85; }
+    .stage {
+      position: relative;
+      min-height: 420px;
+      max-height: var(--cv-max-height, 80vh);
+      overflow: auto;
+      padding: 0;
+      background: var(--cv-stage-bg);
+    }
+    .pdf-canvas {
+      display: block;
+      margin: 1rem auto;
+      box-shadow: var(--cv-card-shadow);
+      background: #fff;
+      max-width: 100%;
+    }
+    .pager {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      gap: 0.5rem;
+      padding: 0.5rem;
+      background: var(--cv-toolbar-bg);
+      border-top: 1px solid var(--cv-border);
+      font-size: 0.85rem;
+    }
+    .pager button {
+      appearance: none;
+      border: 1px solid var(--cv-border);
+      background: var(--cv-card-bg);
+      color: inherit;
+      padding: 0.25rem 0.6rem;
+      border-radius: 6px;
+      cursor: pointer;
+      font: inherit;
+    }
+    .pager button:focus-visible {
+      outline: 2px solid var(--cv-focus-ring);
+      outline-offset: 2px;
+    }
+    .pager button[disabled] { opacity: 0.4; cursor: not-allowed; }
+    .md, .html {
+      padding: 1.5rem 2rem;
+      background: var(--cv-card-bg);
+      max-width: 760px;
+      margin: 1rem auto;
+      box-shadow: var(--cv-card-shadow);
+      border-radius: 8px;
+      line-height: 1.6;
+    }
+    .html iframe {
+      width: 100%;
+      min-height: 420px;
+      border: 0;
+      background: #fff;
+      border-radius: 4px;
+    }
+    .md :first-child { margin-top: 0; }
+    .md h1 { font-size: 1.75rem; }
+    .md h2 { font-size: 1.25rem; border-bottom: 1px solid var(--cv-border); padding-bottom: 0.25rem; margin-top: 1.5rem; }
+    .md ul { padding-left: 1.25rem; }
+    .md a { color: var(--cv-focus-ring); }
+
+    .skeleton {
+      display: flex;
+      flex-direction: column;
+      gap: 1rem;
+      padding: 1.5rem 2rem;
+      max-width: 760px;
+      margin: 1rem auto;
+    }
+    .skeleton .bar {
+      height: 1rem;
+      background: linear-gradient(90deg, var(--cv-tab-hover) 0%, var(--cv-tab-active) 50%, var(--cv-tab-hover) 100%);
+      background-size: 200% 100%;
+      border-radius: 4px;
+      animation: shimmer 1.4s infinite;
+    }
+    .skeleton .bar.short { width: 40%; }
+    .skeleton .bar.medium { width: 70%; }
+    @keyframes shimmer {
+      0% { background-position: 200% 0; }
+      100% { background-position: -200% 0; }
+    }
+
+    .empty {
+      padding: 2rem;
+      text-align: center;
+      color: var(--cv-meta);
+    }
+
+    .err {
+      margin: 1rem;
+      padding: 1.5rem;
+      background: var(--cv-error-bg);
+      color: var(--cv-error);
+      border-radius: 8px;
+      border: 1px solid var(--cv-error);
+    }
+    .err button {
+      margin-top: 0.75rem;
+      appearance: none;
+      border: 1px solid var(--cv-error);
+      background: transparent;
+      color: var(--cv-error);
+      padding: 0.4rem 0.9rem;
+      border-radius: 6px;
+      cursor: pointer;
+      font: inherit;
+    }
+
+    /* Compact mode for narrow viewports */
+    @media (max-width: 480px) {
+      .toolbar { padding: 0.4rem 0.5rem; }
+      .tab { padding: 0.35rem 0.6rem; font-size: 0.9rem; }
+      .meta { width: 100%; margin-left: 0; padding-top: 0.25rem; font-size: 0.75rem; }
+      .md, .html { padding: 1rem 1.25rem; margin: 0.5rem; }
+    }
+
+    /* Honour user motion preferences. */
+    @media (prefers-reduced-motion: reduce) {
+      .skeleton .bar { animation: none; }
+      .tab { transition: none; }
+    }
+  `;
+  }
+  async connectedCallback() {
+    super.connectedCallback();
+    if (this.src) {
+      await this.loadFromSrc();
+    }
+  }
+  willUpdate(changed) {
+    if (changed.has("src") && this.src) {
+      void this.loadFromSrc();
+    }
+    if (changed.has("view") && this.view !== "auto" && this.file) {
+      this.activeTab = this.view;
+    }
+  }
+  updated(changed) {
+    if (changed.has("activeTab") || changed.has("file") || changed.has("pdfPage")) {
+      if (this.activeTab === "pdf" && this.file) {
+        void this.renderPdf();
+      }
+    }
+  }
+  loadFromBytes(bytes) {
+    return this.processBytes(bytes);
+  }
+  /** Public API: re-attempt the last load (used by error retry button). */
+  async retry() {
+    this.error = null;
+    if (this.src) {
+      await this.loadFromSrc();
+    }
+  }
+  async loadFromSrc() {
+    this.loading = true;
+    this.error = null;
+    this.file = null;
+    try {
+      const res = await fetch(this.src);
+      if (!res.ok) {
+        throw new Error(`Fetch failed: ${res.status} ${res.statusText}`);
+      }
+      const buf = new Uint8Array(await res.arrayBuffer());
+      await this.processBytes(buf);
+    } catch (err) {
+      this.error = err.message;
+      this.loading = false;
+    }
+  }
+  async processBytes(bytes) {
+    this.loading = true;
+    try {
+      const file = await extract(bytes);
+      this.file = file;
+      this.activeTab = this.pickInitialTab(file);
+      this.loading = false;
+    } catch (err) {
+      this.error = err.message;
+      this.loading = false;
+    }
+  }
+  pickInitialTab(file) {
+    if (this.view !== "auto") return this.view;
+    return "pdf";
+  }
+  async renderPdf() {
+    if (!this.file) return;
+    const canvas = this.renderRoot.querySelector(".pdf-canvas");
+    if (!canvas) return;
+    if (!this.pdfModulePromise) {
+      this.pdfModulePromise = Promise.resolve().then(() => (init_render_pdf(), render_pdf_exports));
+    }
+    try {
+      const mod = await this.pdfModulePromise;
+      const { numPages } = await mod.renderPdfPage(this.file.bytes, this.pdfPage, canvas);
+      if (numPages !== this.pdfPageCount) {
+        this.pdfPageCount = numPages;
+      }
+    } catch (err) {
+      this.error = `PDF render failed: ${err.message}`;
+    }
+  }
+  switchTab(tab, available) {
+    if (!available[tab]) return;
+    this.activeTab = tab;
+  }
+  /** Keyboard navigation per WAI-ARIA tablist authoring practices. */
+  handleTabKeydown(event, available) {
+    const order = ["pdf", "md", "html"].filter((t) => available[t]);
+    const idx = order.indexOf(this.activeTab);
+    let next = null;
+    switch (event.key) {
+      case "ArrowRight":
+      case "ArrowDown":
+        next = order[(idx + 1) % order.length] ?? null;
+        break;
+      case "ArrowLeft":
+      case "ArrowUp":
+        next = order[(idx - 1 + order.length) % order.length] ?? null;
+        break;
+      case "Home":
+        next = order[0] ?? null;
+        break;
+      case "End":
+        next = order[order.length - 1] ?? null;
+        break;
+    }
+    if (next) {
+      event.preventDefault();
+      this.switchTab(next, available);
+      requestAnimationFrame(() => {
+        const button = this.renderRoot.querySelector(`button[data-tab="${next}"]`);
+        button?.focus();
+      });
+    }
+  }
+  render() {
+    if (this.error) {
+      return html`<div class="err" role="alert">
+        <strong>Could not load .cv</strong>
+        <div>${this.error}</div>
+        ${this.src ? html`<button type="button" @click=${() => void this.retry()}>Retry</button>` : null}
+        <slot name="error"></slot>
+      </div>`;
+    }
+    if (this.loading || !this.file) {
+      return html`<div class="empty" aria-busy="true" aria-live="polite">
+        <div class="skeleton" part="skeleton">
+          <div class="bar short"></div>
+          <div class="bar"></div>
+          <div class="bar medium"></div>
+          <div class="bar"></div>
+          <div class="bar short"></div>
+        </div>
+      </div>`;
+    }
+    const file = this.file;
+    const md = file.payloads.find((p) => p.mimeType === "text/markdown");
+    const htmlPayload = file.payloads.find((p) => p.mimeType === "text/html");
+    const available = {
+      pdf: true,
+      md: !!md,
+      html: !!htmlPayload
+    };
+    const panelId = "cv-embed-panel";
+    return html`
+      ${this.tabBar ? html`<div
+            class="toolbar"
+            role="tablist"
+            aria-label="Document representations"
+            part="toolbar"
+            @keydown=${(e) => this.handleTabKeydown(e, available)}
+          >
+            ${["pdf", "md", "html"].map((t) => {
+      const enabled = available[t];
+      const selected = this.activeTab === t;
+      const labels = { pdf: "PDF", md: "Markdown", html: "HTML" };
+      return html`<button
+                class="tab"
+                data-tab=${t}
+                role="tab"
+                part="tab tab-${t}${selected ? " tab-active" : ""}"
+                aria-selected=${selected}
+                aria-controls=${panelId}
+                tabindex=${selected ? 0 : -1}
+                ?disabled=${!enabled}
+                @click=${() => this.switchTab(t, available)}
+              >
+                ${labels[t]}
+              </button>`;
+    })}
+            <div class="meta" part="meta">
+              <span><code>cv:${file.metadata.version}</code></span>
+              <span>${file.metadata.primaryLanguage}</span>
+              <span>${file.payloads.length} payload${file.payloads.length === 1 ? "" : "s"}</span>
+            </div>
+          </div>` : null}
+      <div
+        id=${panelId}
+        class="stage"
+        role="tabpanel"
+        part="stage"
+        aria-label="${this.activeTab.toUpperCase()} representation"
+      >
+        ${this.activeTab === "pdf" ? html`<canvas class="pdf-canvas" part="pdf-canvas" aria-label="PDF preview"></canvas>` : this.activeTab === "md" && md ? html`<div class="md" part="md">${this.renderMd(md.text())}</div>` : this.activeTab === "html" && htmlPayload ? html`<div class="html" part="html">
+                  <iframe sandbox="" srcdoc=${htmlPayload.text()} title="HTML rendering"></iframe>
+                </div>` : html`<div class="empty">No payload available for this view.</div>`}
+      </div>
+      ${this.activeTab === "pdf" && this.pdfPageCount > 1 ? html`<div class="pager" part="pager">
+            <button
+              type="button"
+              ?disabled=${this.pdfPage <= 1}
+              aria-label="Previous page"
+              @click=${() => {
+      this.pdfPage = Math.max(1, this.pdfPage - 1);
+    }}
+            >
+              ← Prev
+            </button>
+            <span aria-live="polite">Page ${this.pdfPage} of ${this.pdfPageCount}</span>
+            <button
+              type="button"
+              ?disabled=${this.pdfPage >= this.pdfPageCount}
+              aria-label="Next page"
+              @click=${() => {
+      this.pdfPage = Math.min(this.pdfPageCount, this.pdfPage + 1);
+    }}
+            >
+              Next →
+            </button>
+          </div>` : null}
+    `;
+  }
+  renderMd(source) {
+    const safeHtml = renderMarkdown(source);
+    const tmpl = document.createElement("template");
+    tmpl.innerHTML = safeHtml;
+    return html`${tmpl.content.cloneNode(true)}`;
+  }
+};
+__decorateClass([
+  property({ type: String })
+], CvEmbed.prototype, "src");
+__decorateClass([
+  property({ type: String })
+], CvEmbed.prototype, "view");
+__decorateClass([
+  property({ type: String, attribute: "language" })
+], CvEmbed.prototype, "language");
+__decorateClass([
+  property({ type: Boolean, attribute: "tab-bar" })
+], CvEmbed.prototype, "tabBar");
+__decorateClass([
+  property({ type: String, reflect: true })
+], CvEmbed.prototype, "theme");
+__decorateClass([
+  state()
+], CvEmbed.prototype, "file");
+__decorateClass([
+  state()
+], CvEmbed.prototype, "error");
+__decorateClass([
+  state()
+], CvEmbed.prototype, "activeTab");
+__decorateClass([
+  state()
+], CvEmbed.prototype, "loading");
+__decorateClass([
+  state()
+], CvEmbed.prototype, "pdfPage");
+__decorateClass([
+  state()
+], CvEmbed.prototype, "pdfPageCount");
+
+// src/index.ts
+if (typeof window !== "undefined" && !customElements.get("cv-embed")) {
+  customElements.define("cv-embed", CvEmbed);
+}
+
+export { CvEmbed };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/render-pdf.ts","../src/render-markdown.ts","../src/cv-embed.ts","../src/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import * as pdfjsLib from 'pdfjs-dist';\nimport workerUrl from 'pdfjs-dist/build/pdf.worker.min.mjs?url';\n\nlet workerConfigured = false;\n\nfunction ensureWorker(): void {\n  if (workerConfigured) return;\n  pdfjsLib.GlobalWorkerOptions.workerSrc = workerUrl;\n  workerConfigured = true;\n}\n\nexport interface RenderResult {\n  numPages: number;\n}\n\nexport async function renderPdfPage(\n  bytes: Uint8Array,\n  pageNumber: number,\n  canvas: HTMLCanvasElement,\n): Promise<RenderResult> {\n  ensureWorker();\n  const view = new Uint8Array(bytes.byteLength);\n  view.set(bytes);\n  const loadingTask = pdfjsLib.getDocument({ data: view });\n  const pdf = await loadingTask.promise;\n  const page = await pdf.getPage(pageNumber);\n\n  const dpr = window.devicePixelRatio || 1;\n  const baseViewport = page.getViewport({ scale: 1 });\n  const containerWidth = canvas.parentElement?.clientWidth ?? baseViewport.width;\n  const targetWidth = Math.min(containerWidth - 32, 900);\n  const scale = (targetWidth / baseViewport.width) * dpr;\n  const viewport = page.getViewport({ scale });\n\n  canvas.width = Math.floor(viewport.width);\n  canvas.height = Math.floor(viewport.height);\n  canvas.style.width = `${Math.floor(viewport.width / dpr)}px`;\n  canvas.style.height = `${Math.floor(viewport.height / dpr)}px`;\n\n  const ctx = canvas.getContext('2d');\n  if (!ctx) {\n    throw new Error('Could not acquire 2D canvas context');\n  }\n  await page.render({ canvasContext: ctx, viewport }).promise;\n  return { numPages: pdf.numPages };\n}\n","import DOMPurify from 'dompurify';\nimport { marked } from 'marked';\n\nexport function renderMarkdown(source: string): string {\n  const raw = marked.parse(source, { async: false }) as string;\n  return DOMPurify.sanitize(raw, {\n    USE_PROFILES: { html: true },\n    FORBID_TAGS: ['script', 'style', 'iframe', 'object', 'embed'],\n    FORBID_ATTR: ['onerror', 'onload', 'onclick', 'onmouseover'],\n  });\n}\n","import { LitElement, css, html, type TemplateResult } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { extract } from '@cvfile/sdk';\nimport type { CvFile } from '@cvfile/sdk';\nimport { renderMarkdown } from './render-markdown.js';\nimport { renderPdfPage } from './render-pdf.js';\n\ntype Tab = 'pdf' | 'md' | 'html';\ntype Theme = 'auto' | 'light' | 'dark';\ntype ChangedKeys = Map<PropertyKey, unknown>;\n\nexport class CvEmbed extends LitElement {\n  static override styles = css`\n    :host {\n      --cv-color: #111;\n      --cv-bg: #fafaf9;\n      --cv-border: #e5e5e3;\n      --cv-toolbar-bg: #ffffff;\n      --cv-stage-bg: #f4f4f2;\n      --cv-meta: #6b7280;\n      --cv-tab-hover: rgba(0, 0, 0, 0.04);\n      --cv-tab-active: rgba(0, 0, 0, 0.08);\n      --cv-card-bg: #ffffff;\n      --cv-card-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);\n      --cv-focus-ring: #4f46e5;\n      --cv-error: #b91c1c;\n      --cv-error-bg: #fef2f2;\n\n      display: block;\n      font-family: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif;\n      color: var(--cv-color);\n      background: var(--cv-bg);\n      border: 1px solid var(--cv-border);\n      border-radius: 12px;\n      overflow: hidden;\n      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);\n      width: 100%;\n      min-height: 480px;\n      contain: paint;\n    }\n\n    :host([theme='dark']),\n    :host([theme='auto']) {\n      color-scheme: light dark;\n    }\n    :host([theme='dark']) {\n      --cv-color: #f3f4f6;\n      --cv-bg: #0b0b0d;\n      --cv-border: #2a2a2e;\n      --cv-toolbar-bg: #15151a;\n      --cv-stage-bg: #0f0f12;\n      --cv-meta: #9ca3af;\n      --cv-tab-hover: rgba(255, 255, 255, 0.05);\n      --cv-tab-active: rgba(255, 255, 255, 0.10);\n      --cv-card-bg: #15151a;\n      --cv-card-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);\n      --cv-error-bg: #2a1414;\n    }\n    @media (prefers-color-scheme: dark) {\n      :host([theme='auto']) {\n        --cv-color: #f3f4f6;\n        --cv-bg: #0b0b0d;\n        --cv-border: #2a2a2e;\n        --cv-toolbar-bg: #15151a;\n        --cv-stage-bg: #0f0f12;\n        --cv-meta: #9ca3af;\n        --cv-tab-hover: rgba(255, 255, 255, 0.05);\n        --cv-tab-active: rgba(255, 255, 255, 0.10);\n        --cv-card-bg: #15151a;\n        --cv-card-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);\n        --cv-error-bg: #2a1414;\n      }\n    }\n\n    .toolbar {\n      display: flex;\n      align-items: center;\n      gap: 0.25rem;\n      padding: 0.5rem 0.75rem;\n      border-bottom: 1px solid var(--cv-border);\n      background: var(--cv-toolbar-bg);\n      flex-wrap: wrap;\n    }\n    .tab {\n      appearance: none;\n      border: 0;\n      background: transparent;\n      padding: 0.4rem 0.8rem;\n      border-radius: 6px;\n      font: inherit;\n      color: inherit;\n      cursor: pointer;\n      opacity: 0.6;\n      transition: background 120ms, opacity 120ms;\n    }\n    .tab:hover:not([disabled]) { background: var(--cv-tab-hover); opacity: 0.95; }\n    .tab[aria-selected='true'] {\n      background: var(--cv-tab-active);\n      opacity: 1;\n      font-weight: 600;\n    }\n    .tab[disabled] { opacity: 0.3; cursor: not-allowed; }\n    .tab:focus-visible {\n      outline: 2px solid var(--cv-focus-ring);\n      outline-offset: 2px;\n    }\n    .meta {\n      margin-left: auto;\n      font-size: 0.8rem;\n      color: var(--cv-meta);\n      display: flex;\n      gap: 0.75rem;\n      flex-wrap: wrap;\n    }\n    .meta code { font: inherit; opacity: 0.85; }\n    .stage {\n      position: relative;\n      min-height: 420px;\n      max-height: var(--cv-max-height, 80vh);\n      overflow: auto;\n      padding: 0;\n      background: var(--cv-stage-bg);\n    }\n    .pdf-canvas {\n      display: block;\n      margin: 1rem auto;\n      box-shadow: var(--cv-card-shadow);\n      background: #fff;\n      max-width: 100%;\n    }\n    .pager {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      gap: 0.5rem;\n      padding: 0.5rem;\n      background: var(--cv-toolbar-bg);\n      border-top: 1px solid var(--cv-border);\n      font-size: 0.85rem;\n    }\n    .pager button {\n      appearance: none;\n      border: 1px solid var(--cv-border);\n      background: var(--cv-card-bg);\n      color: inherit;\n      padding: 0.25rem 0.6rem;\n      border-radius: 6px;\n      cursor: pointer;\n      font: inherit;\n    }\n    .pager button:focus-visible {\n      outline: 2px solid var(--cv-focus-ring);\n      outline-offset: 2px;\n    }\n    .pager button[disabled] { opacity: 0.4; cursor: not-allowed; }\n    .md, .html {\n      padding: 1.5rem 2rem;\n      background: var(--cv-card-bg);\n      max-width: 760px;\n      margin: 1rem auto;\n      box-shadow: var(--cv-card-shadow);\n      border-radius: 8px;\n      line-height: 1.6;\n    }\n    .html iframe {\n      width: 100%;\n      min-height: 420px;\n      border: 0;\n      background: #fff;\n      border-radius: 4px;\n    }\n    .md :first-child { margin-top: 0; }\n    .md h1 { font-size: 1.75rem; }\n    .md h2 { font-size: 1.25rem; border-bottom: 1px solid var(--cv-border); padding-bottom: 0.25rem; margin-top: 1.5rem; }\n    .md ul { padding-left: 1.25rem; }\n    .md a { color: var(--cv-focus-ring); }\n\n    .skeleton {\n      display: flex;\n      flex-direction: column;\n      gap: 1rem;\n      padding: 1.5rem 2rem;\n      max-width: 760px;\n      margin: 1rem auto;\n    }\n    .skeleton .bar {\n      height: 1rem;\n      background: linear-gradient(90deg, var(--cv-tab-hover) 0%, var(--cv-tab-active) 50%, var(--cv-tab-hover) 100%);\n      background-size: 200% 100%;\n      border-radius: 4px;\n      animation: shimmer 1.4s infinite;\n    }\n    .skeleton .bar.short { width: 40%; }\n    .skeleton .bar.medium { width: 70%; }\n    @keyframes shimmer {\n      0% { background-position: 200% 0; }\n      100% { background-position: -200% 0; }\n    }\n\n    .empty {\n      padding: 2rem;\n      text-align: center;\n      color: var(--cv-meta);\n    }\n\n    .err {\n      margin: 1rem;\n      padding: 1.5rem;\n      background: var(--cv-error-bg);\n      color: var(--cv-error);\n      border-radius: 8px;\n      border: 1px solid var(--cv-error);\n    }\n    .err button {\n      margin-top: 0.75rem;\n      appearance: none;\n      border: 1px solid var(--cv-error);\n      background: transparent;\n      color: var(--cv-error);\n      padding: 0.4rem 0.9rem;\n      border-radius: 6px;\n      cursor: pointer;\n      font: inherit;\n    }\n\n    /* Compact mode for narrow viewports */\n    @media (max-width: 480px) {\n      .toolbar { padding: 0.4rem 0.5rem; }\n      .tab { padding: 0.35rem 0.6rem; font-size: 0.9rem; }\n      .meta { width: 100%; margin-left: 0; padding-top: 0.25rem; font-size: 0.75rem; }\n      .md, .html { padding: 1rem 1.25rem; margin: 0.5rem; }\n    }\n\n    /* Honour user motion preferences. */\n    @media (prefers-reduced-motion: reduce) {\n      .skeleton .bar { animation: none; }\n      .tab { transition: none; }\n    }\n  `;\n\n  @property({ type: String }) src = '';\n  @property({ type: String }) view: Tab | 'auto' = 'auto';\n  @property({ type: String, attribute: 'language' }) language = '';\n  @property({ type: Boolean, attribute: 'tab-bar' }) tabBar = true;\n  @property({ type: String, reflect: true }) theme: Theme = 'auto';\n\n  @state() private file: CvFile | null = null;\n  @state() private error: string | null = null;\n  @state() private activeTab: Tab = 'pdf';\n  @state() private loading = true;\n  @state() private pdfPage = 1;\n  @state() private pdfPageCount = 1;\n\n  private pdfModulePromise: Promise<typeof import('./render-pdf.js')> | null = null;\n\n  override async connectedCallback(): Promise<void> {\n    super.connectedCallback();\n    if (this.src) {\n      await this.loadFromSrc();\n    }\n  }\n\n  override willUpdate(changed: ChangedKeys): void {\n    if (changed.has('src') && this.src) {\n      void this.loadFromSrc();\n    }\n    if (changed.has('view') && this.view !== 'auto' && this.file) {\n      this.activeTab = this.view;\n    }\n  }\n\n  override updated(changed: ChangedKeys): void {\n    if (changed.has('activeTab') || changed.has('file') || changed.has('pdfPage')) {\n      if (this.activeTab === 'pdf' && this.file) {\n        void this.renderPdf();\n      }\n    }\n  }\n\n  loadFromBytes(bytes: Uint8Array): Promise<void> {\n    return this.processBytes(bytes);\n  }\n\n  /** Public API: re-attempt the last load (used by error retry button). */\n  async retry(): Promise<void> {\n    this.error = null;\n    if (this.src) {\n      await this.loadFromSrc();\n    }\n  }\n\n  private async loadFromSrc(): Promise<void> {\n    this.loading = true;\n    this.error = null;\n    this.file = null;\n    try {\n      const res = await fetch(this.src);\n      if (!res.ok) {\n        throw new Error(`Fetch failed: ${res.status} ${res.statusText}`);\n      }\n      const buf = new Uint8Array(await res.arrayBuffer());\n      await this.processBytes(buf);\n    } catch (err) {\n      this.error = (err as Error).message;\n      this.loading = false;\n    }\n  }\n\n  private async processBytes(bytes: Uint8Array): Promise<void> {\n    this.loading = true;\n    try {\n      const file = await extract(bytes);\n      this.file = file;\n      this.activeTab = this.pickInitialTab(file);\n      this.loading = false;\n    } catch (err) {\n      this.error = (err as Error).message;\n      this.loading = false;\n    }\n  }\n\n  private pickInitialTab(file: CvFile): Tab {\n    if (this.view !== 'auto') return this.view;\n    void file;\n    return 'pdf';\n  }\n\n  private async renderPdf(): Promise<void> {\n    if (!this.file) return;\n    const canvas = this.renderRoot.querySelector<HTMLCanvasElement>('.pdf-canvas');\n    if (!canvas) return;\n    if (!this.pdfModulePromise) {\n      this.pdfModulePromise = import('./render-pdf.js');\n    }\n    try {\n      const mod = await this.pdfModulePromise;\n      const { numPages } = await mod.renderPdfPage(this.file.bytes, this.pdfPage, canvas);\n      if (numPages !== this.pdfPageCount) {\n        this.pdfPageCount = numPages;\n      }\n    } catch (err) {\n      this.error = `PDF render failed: ${(err as Error).message}`;\n    }\n  }\n\n  private switchTab(tab: Tab, available: Record<Tab, boolean>): void {\n    if (!available[tab]) return;\n    this.activeTab = tab;\n  }\n\n  /** Keyboard navigation per WAI-ARIA tablist authoring practices. */\n  private handleTabKeydown(event: KeyboardEvent, available: Record<Tab, boolean>): void {\n    const order: Tab[] = (['pdf', 'md', 'html'] as Tab[]).filter((t) => available[t]);\n    const idx = order.indexOf(this.activeTab);\n    let next: Tab | null = null;\n    switch (event.key) {\n      case 'ArrowRight':\n      case 'ArrowDown':\n        next = order[(idx + 1) % order.length] ?? null;\n        break;\n      case 'ArrowLeft':\n      case 'ArrowUp':\n        next = order[(idx - 1 + order.length) % order.length] ?? null;\n        break;\n      case 'Home':\n        next = order[0] ?? null;\n        break;\n      case 'End':\n        next = order[order.length - 1] ?? null;\n        break;\n    }\n    if (next) {\n      event.preventDefault();\n      this.switchTab(next, available);\n      requestAnimationFrame(() => {\n        const button = this.renderRoot.querySelector<HTMLButtonElement>(`button[data-tab=\"${next}\"]`);\n        button?.focus();\n      });\n    }\n  }\n\n  override render(): TemplateResult {\n    if (this.error) {\n      return html`<div class=\"err\" role=\"alert\">\n        <strong>Could not load .cv</strong>\n        <div>${this.error}</div>\n        ${this.src\n          ? html`<button type=\"button\" @click=${() => void this.retry()}>Retry</button>`\n          : null}\n        <slot name=\"error\"></slot>\n      </div>`;\n    }\n    if (this.loading || !this.file) {\n      return html`<div class=\"empty\" aria-busy=\"true\" aria-live=\"polite\">\n        <div class=\"skeleton\" part=\"skeleton\">\n          <div class=\"bar short\"></div>\n          <div class=\"bar\"></div>\n          <div class=\"bar medium\"></div>\n          <div class=\"bar\"></div>\n          <div class=\"bar short\"></div>\n        </div>\n      </div>`;\n    }\n\n    const file = this.file;\n    const md = file.payloads.find((p) => p.mimeType === 'text/markdown');\n    const htmlPayload = file.payloads.find((p) => p.mimeType === 'text/html');\n    const available: Record<Tab, boolean> = {\n      pdf: true,\n      md: !!md,\n      html: !!htmlPayload,\n    };\n    const panelId = 'cv-embed-panel';\n\n    return html`\n      ${this.tabBar\n        ? html`<div\n            class=\"toolbar\"\n            role=\"tablist\"\n            aria-label=\"Document representations\"\n            part=\"toolbar\"\n            @keydown=${(e: KeyboardEvent) => this.handleTabKeydown(e, available)}\n          >\n            ${(['pdf', 'md', 'html'] as Tab[]).map((t) => {\n              const enabled = available[t];\n              const selected = this.activeTab === t;\n              const labels: Record<Tab, string> = { pdf: 'PDF', md: 'Markdown', html: 'HTML' };\n              return html`<button\n                class=\"tab\"\n                data-tab=${t}\n                role=\"tab\"\n                part=\"tab tab-${t}${selected ? ' tab-active' : ''}\"\n                aria-selected=${selected}\n                aria-controls=${panelId}\n                tabindex=${selected ? 0 : -1}\n                ?disabled=${!enabled}\n                @click=${() => this.switchTab(t, available)}\n              >\n                ${labels[t]}\n              </button>`;\n            })}\n            <div class=\"meta\" part=\"meta\">\n              <span><code>cv:${file.metadata.version}</code></span>\n              <span>${file.metadata.primaryLanguage}</span>\n              <span>${file.payloads.length} payload${file.payloads.length === 1 ? '' : 's'}</span>\n            </div>\n          </div>`\n        : null}\n      <div\n        id=${panelId}\n        class=\"stage\"\n        role=\"tabpanel\"\n        part=\"stage\"\n        aria-label=\"${this.activeTab.toUpperCase()} representation\"\n      >\n        ${this.activeTab === 'pdf'\n          ? html`<canvas class=\"pdf-canvas\" part=\"pdf-canvas\" aria-label=\"PDF preview\"></canvas>`\n          : this.activeTab === 'md' && md\n            ? html`<div class=\"md\" part=\"md\">${this.renderMd(md.text())}</div>`\n            : this.activeTab === 'html' && htmlPayload\n              ? html`<div class=\"html\" part=\"html\">\n                  <iframe sandbox=\"\" srcdoc=${htmlPayload.text()} title=\"HTML rendering\"></iframe>\n                </div>`\n              : html`<div class=\"empty\">No payload available for this view.</div>`}\n      </div>\n      ${this.activeTab === 'pdf' && this.pdfPageCount > 1\n        ? html`<div class=\"pager\" part=\"pager\">\n            <button\n              type=\"button\"\n              ?disabled=${this.pdfPage <= 1}\n              aria-label=\"Previous page\"\n              @click=${() => {\n                this.pdfPage = Math.max(1, this.pdfPage - 1);\n              }}\n            >\n              ← Prev\n            </button>\n            <span aria-live=\"polite\">Page ${this.pdfPage} of ${this.pdfPageCount}</span>\n            <button\n              type=\"button\"\n              ?disabled=${this.pdfPage >= this.pdfPageCount}\n              aria-label=\"Next page\"\n              @click=${() => {\n                this.pdfPage = Math.min(this.pdfPageCount, this.pdfPage + 1);\n              }}\n            >\n              Next →\n            </button>\n          </div>`\n        : null}\n    `;\n  }\n\n  private renderMd(source: string): TemplateResult {\n    const safeHtml = renderMarkdown(source);\n    const tmpl = document.createElement('template');\n    tmpl.innerHTML = safeHtml;\n    return html`${tmpl.content.cloneNode(true)}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cv-embed': CvEmbed;\n  }\n}\n\nexport { renderPdfPage };\n","import { CvEmbed } from './cv-embed.js';\n\nif (typeof window !== 'undefined' && !customElements.get('cv-embed')) {\n  customElements.define('cv-embed', CvEmbed);\n}\n\nexport { CvEmbed };\n"]}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@cvfile/viewer-web",
+  "version": "0.1.0",
+  "description": "<cv-embed> web component and standalone viewer for the .cv open file format.",
+  "license": "Apache-2.0",
+  "homepage": "https://cvfile.org",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/cvfile/cv",
+    "directory": "packages/viewer-web"
+  },
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": [
+    "./dist/index.js",
+    "./src/index.ts"
+  ],
+  "dependencies": {
+    "lit": "^3.2.0",
+    "marked": "^14.1.0",
+    "dompurify": "^3.2.0",
+    "pdfjs-dist": "^4.7.76",
+    "@cvfile/sdk": "0.1.0"
+  },
+  "devDependencies": {
+    "@types/dompurify": "^3.0.5",
+    "tsup": "^8.3.0",
+    "typescript": "^5.6.0",
+    "vite": "^5.4.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "vite",
+    "preview": "vite preview",
+    "typecheck": "tsc --noEmit"
+  }
+}