import {html} from 'htm/preact';

declare global {
  // See Vite documentation for `import.meta.env` usage.
  // https://vitejs.dev/guide/env-and-mode.html

  interface ImportMeta {
    readonly env: ImportMetaEnv;
  }

  interface ImportMetaEnv {
    readonly BASE_URL: string;
    readonly DEV: boolean;
    readonly MODE: string;
    readonly PROD: boolean;
  }

  type HtmComponent = ReturnType<typeof html>;

  namespace Queue {
    type Item = {
      added: Date;
      id: number;
      text: string;
      url: string;
    };

    type MessageAction = 'queue open url' | 'queue update badge';

    type Message<T> = {
      action: MessageAction;
      data: T;
    };
  }
}