import { Component, inject, signal } from "@angular/core";
import { MarkpdfService } from "@markpdf/angular";

@Component({
  selector: "app-upload",
  standalone: true,
  template: `
    <input type="file" (change)="onFile($event)" accept=".pdf,.docx" />
    @if (progress() > 0 && progress() < 100) {
      <progress [value]="progress()" max="100"></progress>
    }
    @if (markdown()) {
      <pre>{{ markdown() }}</pre>
    }
  `,
})
export class UploadComponent {
  private markpdf = inject(MarkpdfService);
  progress = signal(0);
  markdown = signal("");

  onFile(event: Event) {
    const file = (event.target as { files?: FileList | null }).files?.[0];
    if (!file) return;

    this.markpdf
      .convertFile(file, { mode: "fast" }, { reportProgress: true })
      .subscribe((event) => {
        if (event.type === "progress") {
          this.progress.set(event.percent);
        } else if (event.type === "result") {
          this.markdown.set(event.markdown);
          this.progress.set(100);
        }
      });
  }
}

import { Component, inject, signal } from "@angular/core";
import { MarkpdfService } from "@markpdf/angular";

interface Section { page: number; level: number; text: string }

@Component({
  selector: "app-pdf-explorer",
  standalone: true,
  template: `
    <button (click)="loadIndex()">Cargar índice</button>
    <ul>
      @for (s of sections(); track s.page) {
        <li [style.marginLeft.px]="s.level * 16">
          <button (click)="loadSection(s)">{{ s.text }} (p. {{ s.page }})</button>
        </li>
      }
    </ul>
    <pre>{{ markdown() }}</pre>
  `,
})
export class PdfExplorerComponent {
  private markpdf = inject(MarkpdfService);
  sections = signal<Section[]>([]);
  markdown = signal("");
  private pdfUrl = "https://bucket.example.com/informe-anual.pdf?sig=...";

  loadIndex() {
    this.markpdf.pdfIndex(this.pdfUrl).subscribe((spine) => this.sections.set(spine.sections));
  }

  loadSection(section: Section) {
    const all = this.sections();
    const next = all.find((s) => s.page > section.page);
    const endPage = next ? next.page - 1 : undefined;
    const pages = endPage ? `${section.page}-${endPage}` : `${section.page}-`;

    this.markpdf
      .convertFromUrl(this.pdfUrl, { pages, mode: "fast" })
      .subscribe((md) => this.markdown.set(md as string));
  }
}