Refactoring: cleaning up main.ts file

src/DomElements.ts

@@ -0,0 +1,83 @@
+export type ElementMap = {
+  [key: string]:
+    | HTMLElement
+    | HTMLButtonElement
+    | HTMLDivElement
+    | HTMLInputElement
+    | HTMLSelectElement
+    | HTMLCanvasElement
+    | HTMLFormElement;
+};
+
+export const singleElements = {
+  topos_logo: "topos-logo",
+  fill_viewer: "fillviewer",
+  load_universe_button: "load-universe-button",
+  download_universe_button: "download-universes",
+  upload_universe_button: "upload-universes",
+  destroy_universes_button: "destroy-universes",
+  documentation_button: "doc-button-1",
+  eval_button: "eval-button-1",
+  local_button: "local-button",
+  global_button: "global-button",
+  init_button: "init-button",
+  note_button: "note-button",
+  settings_button: "settings-button",
+  close_settings_button: "close-settings-button",
+  close_universes_button: "close-universes-button",
+  universe_viewer: "universe-viewer",
+  buffer_modal: "modal-buffers",
+  buffer_search: "buffer-search",
+  universe_creator: "universe-creator",
+  local_script_tabs: "local-script-tabs",
+  font_size_input: "font-size-input",
+  font_family_selector: "font-family",
+  vim_mode_checkbox: "vim-mode",
+  line_numbers_checkbox: "show-line-numbers",
+  time_position_checkbox: "show-time-position",
+  tips_checkbox: "show-tips",
+  midi_clock_checkbox: "send-midi-clock",
+  midi_channels_scripts: "midi-channels-scripts",
+  midi_clock_ppqn: "midi-clock-ppqn-input",
+  load_demo_songs: "load-demo-songs",
+  normal_mode_button: "normal-mode",
+  vim_mode_button: "vim-mode",
+  share_button: "share-button",
+  audio_nudge_range: "audio_nudge",
+  dough_nudge_range: "dough_nudge",
+  error_line: "error_line",
+  hydra_canvas: "hydra-bg",
+};
+
+export const buttonGroups = {
+  play_buttons: ["play-button-1"],
+  stop_buttons: ["stop-button-1"],
+  clear_buttons: ["clear-button-1"],
+};
+
+export const classMap = {
+  h1: "text-white lg:text-4xl text-xl lg:ml-4 lg:mx-4 mx-2 lg:my-4 my-2 lg:mb-4 mb-4 bg-neutral-900 rounded-lg py-2 px-2",
+  h2: "text-white lg:text-3xl text-xl lg:ml-4 lg:mx-4 mx-2 lg:my-4 my-2 lg:mb-4 mb-4 bg-neutral-900 rounded-lg py-2 px-2",
+  h3: "text-white lg:text-2xl text-xl lg:ml-4 lg:mx-4 mx-2 lg:my-4 my-2 lg:mb-4 mb-4 bg-neutral-700 rounded-lg py-2 px-2 lg:mt-16",
+  ul: "text-underline pl-6",
+  li: "list-disc lg:text-2xl text-base text-white lg:mx-4 mx-2 my-4 my-2 leading-normal",
+  p: "lg:text-2xl text-base text-white lg:mx-6 mx-2 my-4 leading-normal",
+  warning:
+    "animate-pulse lg:text-2xl font-bold text-rose-600 lg:mx-6 mx-2 my-4 leading-normal",
+  a: "lg:text-2xl text-base text-orange-300",
+  code: "lg:my-4 sm:my-1 text-base lg:text-xl block whitespace-pre overflow-x-hidden",
+  icode:
+    "lg:my-1 my-1 lg:text-xl sm:text-xs text-white font-mono bg-neutral-600",
+  ic: "lg:my-1 my-1 lg:text-xl sm:text-xs text-white font-mono bg-neutral-600",
+  blockquote: "text-neutral-200 border-l-4 border-neutral-500 pl-4 my-4 mx-4",
+  details:
+    "lg:mx-12 py-2 px-6 lg:text-2xl text-white rounded-lg bg-neutral-600",
+  summary: "font-semibold text-xl",
+  table:
+    "justify-center lg:my-12 my-2 lg:mx-12 mx-2 lg:text-2xl text-base w-full text-left text-white border-collapse",
+  thead:
+    "text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400",
+  th: "",
+  td: "",
+  tr: "",
+};