Atay-Makhzan/web_src/js/standalone/devtest.ts

import '../../css/standalone/devtest.css';
import {showInfoToast, showWarningToast, showErrorToast, type Toast} from '../modules/toast.ts';

type LevelMap = Record<string, (message: string) => Toast | null>;

function initDevtestToast() {
  const levelMap: LevelMap = {info: showInfoToast, warning: showWarningToast, error: showErrorToast};
  for (const el of document.querySelectorAll('.toast-test-button')) {
    el.addEventListener('click', () => {
      const level = el.getAttribute('data-toast-level')!;
      const message = el.getAttribute('data-toast-message')!;
      levelMap[level](message);
    });
  }
}

// NOTICE: keep in mind that this file is not in "index.js", they do not share the same module system.
initDevtestToast();