import { HtmlToPptx } from "html-in-pptx-out";

const html = `
  <div class="slide">
    <h1>Title</h1>
    <p>Content</p>
  </div>
`;

const converter = new HtmlToPptx();
await converter.load(html).convert();

const buffer = await converter.export({
  format: "pptx",
  filename: "output.pptx",
});

import { Plugin, TextElementDTO } from "html-in-pptx-out";

const myPlugin: Plugin<TextElementDTO> = {
  name: "my-plugin",
  handles: ["text"],
  onParse: (element, context) => {
    return {
      type: "text",
      id: crypto.randomUUID(),
      content: element.textContent || "",
      position: {
        left: context.boundingRect.left,
        top: context.boundingRect.top,
      },
      dimensions: {
        width: context.boundingRect.width,
        height: context.boundingRect.height,
      },
    };
  },
};

const converter = new HtmlToPptx().use(myPlugin);

class HtmlToPptx {
  constructor(config?: {
    selector?: string;           // default: ".slide"
    dimensions?: { width: number; height: number };
    plugins?: { core?: Plugin[]; extensions?: Plugin[] };
  });

  load(html: string): this;
  use(plugin: Plugin): this;
  convert(): Promise<this>;
  export(options: ExportConfig): Promise<ArrayBuffer>;
  getPresentation(): PresentationDTO;
}