/// <reference path="./types/jsx.d.ts" />
import { React, jsx } from "./deps.ts";

import { v4 } from "https://deno.land/std/uuid/mod.ts";

class StringReader implements Deno.Reader {
   private data: Uint8Array;
   private offset = 0;
   constructor(text: string) {
      this.data = new TextEncoder().encode(text);
   }

   async read(p: Uint8Array): Promise<number | null> {
      if (this.offset >= this.data.byteLength) return null;

      const forLength = Math.min(p.length, this.data.length - this.offset);

      for (let i = 0; i < forLength; i++) {
         p[i] = this.data[i + this.offset];
      }

      this.offset += forLength;

      return forLength;
   }
}

export default async function render(
   name: string,
   data: any
): Promise<Deno.Reader> {
   const id = v4.generate();
   const component: {
      default: () => JSX.IntrinsicElements | Promise<JSX.IntrinsicElements>;
   } = await import(`./views/${name}.tsx?id=${id}.tsx`);

   const res = await (<component.default {...data} />).render();

   return new StringReader(res as string);
}