twind.ts

// Original Code
// https://github.com/denoland/fresh/blob/main/plugins/twind.ts
//
import { Plugin } from "$fresh/server.ts";
import { STYLE_ELEMENT_ID, Options, setup } from "./twind/shared.ts";
import { stringify, virtual } from "twind";
export type { Options };

/**
 * TwindPlugin
 * @param options TwindUserConfig extended with selfURL.
 * @returns FreshPlugin
 */
export default function twind(options: Options): Plugin {
  const virtual_sheet = virtual(true);

  setup(options, virtual_sheet);

  const main = `data:application/javascript,import {hydrate} from "${
    new URL("./twind/main.ts", import.meta.url).href
  }";
  import options from "${options.selfURL}";
  export default function(state) { hydrate(options);}`;

  return {
    name: "twind",
    entrypoints: { main: main },
    render(ctx) {
      const res = ctx.render();

      const cssText = stringify(virtual_sheet.target);
      const scripts = [];

      if (res.requiresHydration) {
        scripts.push({ entrypoint: "main", state: {} });
      }

      const ret = {
        scripts,
        styles: [{ cssText: cssText, id: STYLE_ELEMENT_ID }],
      };

      return ret;
    },
  };
}