モバイル版Scrapboxでキャレットを外してみたい

code:js

const textInput = document.getElementById("text-input");

textInput.addEventListener("keydown", (e) => {

if (e.key !== "[" || !e.ctrlKey) return;

e.preventDefault();

e.stopPropagation();

textInput.blur();

});

あ！できた

なんだ。めちゃくちゃ簡単じゃないか

明日自分のUserScriptに入れておこうっと

使わせてもらいます

これはEscキーを押すとって感じか

物理キーボード向けかー、自分でも考えないと

文字入力はできなくなるけど、caretは依然swipeで動かせてしまう

caretそのものはいったん別のページに飛ばないと消えない

別にこれを読みたかったわけではないのだけど、迷走しているな

あ、カーソルの動かし方知りたかったんだ

37633行あたりか

カーソルオブジェクトのhide()呼べばいいのは分かったけどアクセス方法がわからん

アクセスした所でだめということを理解した

code:javascript

hide() {

v.When.touch_device && (this.focusTextarea = !1),

this.visible = !1,

this.emitChange();

}

該当箇所がこうなっているので中の人にどうにかしてもらうしかなさそう

いやこれは関係ないのか、モバイル版だと到達していない気が

MobileTextInputのonBlurがこうなってて

code:javascript

onBlur(t) {

if (t.preventDefault(),

t.stopPropagation(),

ce("onBlur"),

this.keepFocus)

return ce("onBlur: force focus back"),

void this.textarea.focus();

this.state.focusTextarea && !(0,

ae.isModalOpen)() && (Y.default.Cursor.hidePopupMenu(),

Y.default.Cursor.blur(),

this.setState({

focusTextarea: !1

}))

}

keepFocusで引っかかってる

カーソルオブジェクトにさえアクセスできればclear()叩くかvisible以下を再現することで優勝できる

延々と調べてるけどなんもわからん、Scrapboxの中核らしきオブジェクトは見付けたけど当然ながら外には露出してないし

う～んだめかあ

嘘だ、これデバッガで止めてたから見えてただけだ

よく見たらこちらで呼ばれているのはhideじゃなくてblurだ、つらい

ん、行けた？

MobileTextInputがCursorオブジェクトをsubscribeしていたのでそこから抜き出した

code:hide.js

const textarea = document.getElementById('text-input');

const reactKey = Object.keys(textarea)

.find((key) => key.startsWith("__reactFiber"));

const cursor = input._stores.find((obj) => obj.hide);

cursor.hide();

後はこれをUserScriptに仕立て上げればいい

どんなUIにしたらいいのかわからんので誰か頼んだ

気が向いたらやるかも

しっかし明日使えなくなるかもしれないハックに全力を注ぎ込みすぎた

余談だけどこの邪悪な方法を使えばカーソルや選択範囲を動かし放題

選択範囲も取れる

スマホだと狭いかも？

code:script.js

function hideCaret() {

const textarea = document.getElementById("text-input");

const reactKey = Object.keys(textarea)

.find((key) => key.startsWith("__reactFiber"));

const cursor = input._stores.find((obj) => obj.hide);

cursor.hide();

}

document.getElementById("app-container").addEventListener("touchstart", (e) => {

// ページの外をタッチするとキャレットを外す

if (!e.target.closest(".page")) {

hideCaret();

}

});

変なことはしてないはずだけどいつ動かなくなるか分からない

一度乗り切ってはいるけど

把握してメンテできるのならいいのではと思ってる

(UserScriptもっと書きやすくなってくれーという気持ち(他力本願))

VivaldiのDevToolsとPixel 4aのChromeで動作確認してます