12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
import { JSX, options as preactOptions, VNode } from "preact";import { Configuration, setup as twSetup, Sheet, tw } from "twind";
export const STYLE_ELEMENT_ID = "__FRSH_TWIND";
export interface Options extends Omit<Configuration, "mode" | "sheet"> {  /** The import.meta.url of the module defining these options. */  selfURL: string;}
declare module "preact" {  namespace JSX {    interface DOMAttributes<Target extends EventTarget> {      class?: string;      className?: string;    }  }}
export function setup(options: Options, sheet: Sheet) {  const config: Configuration = {    ...options,    mode: "silent",    sheet,  };  twSetup(config);
  const originalHook = preactOptions.vnode;  // deno-lint-ignore no-explicit-any  preactOptions.vnode = (vnode: VNode<JSX.DOMAttributes<any>>) => {    if (typeof vnode.type === "string" && typeof vnode.props === "object") {      const { props } = vnode;      const classes: string[] = [];      if (props.class) {        classes.push(tw(props.class));        props.class = undefined;      }      if (props.className) {        classes.push(tw(props.className));      }      if (classes.length) {        props.class = classes.join(" ");      }    }
    originalHook?.(vnode);  };}