/// <reference lib="dom.iterable" />

import {
  caret, getCharDOM, getLineDOM, press, insertText,
  goHeadLine, goLastLine,
  scrollUp, scrollDown,
  useStatusBar,
} from "../scrapbox-userscript-std/dom.ts";
import { setDebugMode } from "../takker99%2FScrapBindings/mod.ts";

const pd = (e: Event) => e.preventDefault();
const sp = (e: Event) => e.stopPropagation();

import { popupMenu } from "../scrapbox-userscript-std/dom.ts";

const clickPopup = (e: KeyboardEvent, buttonName: string | RegExp): void => {
  const buttons = popupMenu()?.getElementsByClassName?.("button");
  if (!buttons) return;
  const button = [...buttons].find(
    (button) => buttonName instanceof RegExp ?
      buttonName.test(button.textContent ?? "") :
      button.textContent === buttonName
  );
  if (!(button instanceof HTMLDivElement)) return;
  if (e.target !== document.activeElement) return;
  pd(e);sp(e);
  button.click();
};

const popup = {
  // 複数行打ち消し線
  "-": (e: KeyboardEvent) => clickPopup(e, "\uf0cc"),
  // リンクを外す
  "]": (e: KeyboardEvent) => clickPopup(e, "\uf127"),
  "c": (e: KeyboardEvent) => clickPopup(e, "Copy plain"),
  // 数式記法にする
  "$": (e: KeyboardEvent) => clickPopup(e, "\uf698"),
  // takker-books用
  "{": (e: KeyboardEvent) => clickPopup(e, /{{c\d+}}/),
  "}": (e: KeyboardEvent) => clickPopup(e, "reset cloze"),
  "n": (e: KeyboardEvent) => clickPopup(e, "make note"),
};

const navigation = {
  // リンクを踏む
  "<C-]>": (e: KeyboardEvent) => {
    const { position: { line, char } } = caret();
    const a = getCharDOM(line, char)?.closest("a.page-link")
      // なかったらその行の中で一番先頭のリンクを踏む
      ?? getLineDOM(line)?.querySelector?.("a.page-link");
    if (!(a instanceof HTMLAnchorElement)) return;
    pd(e);sp(e);
    a.click();
  },
  "<C-o>": (e: KeyboardEvent) => { pd(e);sp(e);history.back(); },
};

const motion = {
  "<C-home>": (e: KeyboardEvent) => { pd(e);sp(e);goHeadLine(); },
  "<C-end>": (e: KeyboardEvent) => { pd(e);sp(e);goLastLine(); },
};

import { makeNewPage } from "../custom-new-page/mod.ts";
import {
  newPageHook,
  splittedLinkHook,
  taskLineHook,
} from "../for-custom-new-page/mod.ts";
import {
  outdentLines, downLines, upLines, indentLines,
  outdentBlocks, downBlocks, upBlocks, indentBlocks,
} from "../scrapbox-userscript-std/dom.ts";
import { Scrapbox } from "../scrapbox-jp%2Ftypes/userscript.ts";
declare const scrapbox: Scrapbox;

const hooks = [taskLineHook, newPageHook, splittedLinkHook];
const edit = {
  "<C-X>": (e: KeyboardEvent) => {
    const project = window.prompt("Create a new page at", scrapbox.Project.name);
    if (!project) return;
    pd(e);sp(e);
    makeNewPage({ project, mode: "self", hooks })?.();
  },
  "<C-D>": (e: KeyboardEvent) => {
    const project = window.prompt("Create a new page at", scrapbox.Project.name);
    if (!project) return;
    pd(e);sp(e);
    makeNewPage({ project, mode: "noopen", hooks })?.();
  },
  "<C-h>": (e: KeyboardEvent) => { pd(e);sp(e);outdentLines(); },
  "<C-j>": (e: KeyboardEvent) => { pd(e);sp(e);downLines(); },
  "<C-k>": (e: KeyboardEvent) => { pd(e);sp(e);upLines(); },
  "<C-l>": (e: KeyboardEvent) => { pd(e);sp(e);indentLines(); },
  "<A-h>": (e: KeyboardEvent) => { pd(e);sp(e);outdentBlocks(); },
  "<A-j>": (e: KeyboardEvent) => { pd(e);sp(e);downBlocks(); },
  "<A-k>": (e: KeyboardEvent) => { pd(e);sp(e);upBlocks(); },
  "<A-l>": (e: KeyboardEvent) => { pd(e);sp(e);indentBlocks(); },
};

import { lightFormat, addDays } from "../date-fns/mod.ts";

// timestampを無効化する
// alt+tの誤動作を防止する
// @ts-ignore scrapbox-jp/typesのバグ
scrapbox.TimeStamp.removeAllFormats();

const timestamp = {
  "<A-t><A-t>": (e: KeyboardEvent) => {
    pd(e);sp(e);
    insertText(lightFormat(new Date(), '#yyyy-MM-dd HH:mm:ss '));
  },
  "<A-t><A-j>": (e: KeyboardEvent) => {
    pd(e);sp(e);
    insertText(lightFormat(new Date(), 'yyyy-MM-dd HH:mm:ss '));
  },
  "<A-t><A-k>": (e: KeyboardEvent) => {
    pd(e);sp(e);
    insertText(lightFormat(new Date(), 'HH:mm:ss '));
  },
  "<A-t><A-l>": (e: KeyboardEvent) => {
    pd(e);sp(e);
    insertText(lightFormat(new Date(), 'yyyy-MM-dd'));
  },
};

import { taskCommon } from "./task-common.ts";

export { task } from "./task.ts";
export const config = {
  ...popup,
  ...navigation,
  ...motion,
  ...edit,
  ...timestamp,
  ...taskCommon,
};