ScrapBindings

code:config.ts

import {

caret, getCharDOM, getLineDOM, press, insertText,

goHeadLine, goLastLine,

scrollUp, scrollDown,

useStatusBar,

} from "/api/code/takker/scrapbox-userscript-std/dom.ts";

import { setDebugMode } from "/api/code/takker/takker99%2FScrapBindings/mod.ts";

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

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

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

const clickPopup = (e: KeyboardEvent, buttonName: string | RegExp): void => {

const buttons = popupMenu()?.getElementsByClassName?.("button");

if (!buttons) return;

(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, "link"),

"u": (e: KeyboardEvent) => clickPopup(e, "URL"),

"<C-n>": (e: KeyboardEvent) => clickPopup(e, "\\n"),

};

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 {

outdentLines, downLines, upLines, indentLines,

outdentBlocks, downBlocks, upBlocks, indentBlocks,

press, insertText, takeCursor, textInput

} from "/api/code/takker/scrapbox-userscript-std/dom.ts";

import { Scrapbox } from "/api/code/takker/scrapbox-jp%2Ftypes/userscript.ts";

declare const scrapbox: Scrapbox;

const edit = {

"<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(); },

"<S-BS>": (e: KeyboardEvent) => { pd(e);sp(e);press("ArrowLeft", {ctrlKey: true,shiftKey: true}); },

"<A-Enter>": (e: KeyboardEvent) => { pd(e);sp(e);press("End");press("Enter") },

"<C-Enter>": async (e: KeyboardEvent) => { pd(e);sp(e);

if (scrapbox.Layout !== "page") return;

const cursor = takeCursor()

const line = cursor.getPosition().line;

if (!("codeBlock" in cursorLine) || cursorLine.codeBlock.start || cursorLine.codeBlock.end) {

press("End");

press("Enter");

press("ArrowUp",{ctrlKey: true});

return

}

press("End");

press("Enter");

cursor.setPosition({ line: cursor.getPosition().line, char: cursorLine.codeBlock.indent - 1 });

press("End", { shiftKey: true });

press("Home");

press("Enter");

press("ArrowUp");

},

};

export const config = {

...popup,

...navigation,

...motion,

...edit,

};

code:main.ts

import { Mousetrap } from "/api/code/takker/takker99%2FScrapBindings/mod.ts";

import {

useStatusBar,

addTextInputEventListener,

removeTextInputEventListener,

} from "/api/code/takker/scrapbox-userscript-std/dom.ts";

import { config } from "/api/code/yuyasurarin/ScrapBindings/config.ts";

import { Scrapbox } from "/api/code/takker/scrapbox-jp%2Ftypes/userscript.ts";

declare const scrapbox: Scrapbox;

const { render } = useStatusBar();

let animationId: number| undefined;

const onSequenceUpdate = (text: string) => {

if(animationId !== undefined) cancelAnimationFrame(animationId);

animationId = requestAnimationFrame(() => render(

{ type: "text", text, }

));

};

const scrapBindings = new Mousetrap(

{

addEventListener: addTextInputEventListener,

removeEventListener: removeTextInputEventListener,

},

{

onSequenceUpdate,

},

);

const errors = scrapBindings.bind({

...config,

});

if(errors.size > 0) {

}`

).join("\n"));

}

code:minify.js

`));