takker99/ScrapBindings

設定例

todo.icon

「う」でURLボタン起動したい

2024/6/16 導入 v0.3.1

2024/11/3 v0.3.2

code:mod.ts

code:config.ts

import { insertText, popupMenu } from '../scrapbox-userscript-std/dom.ts';

import { splitCodeBlock } from '../コードブロックを分割/script.ts';

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

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

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();

};

export const config = {

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

"う": (e: KeyboardEvent) => clickPopup(e, "URL"), // does not work

"4": (e: KeyboardEvent) => clickPopup(e, "$"),

"l": (e: KeyboardEvent) => clickPopup(e, "link authors"),

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

};

todo.icon

done.icon

code:bindings.ts

import { Mousetrap } from "./mod.ts";

import {

useStatusBar,

addTextInputEventListener,

removeTextInputEventListener,

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

import { config } from "./config.ts";

import { Scrapbox } from "../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, }

));

};

export const scrapBindings = new Mousetrap(

{

addEventListener: addTextInputEventListener,

removeEventListener: removeTextInputEventListener,

},

{

onSequenceUpdate,

},

);

const errors = scrapBindings.bind(config);

if(errors.size > 0) {

}`

).join("\n"));

}