./browser/dom/

from ./browser/

scrapbox-userscript-std/browser/dom at main · takker99/scrapbox-userscript-std

>websocketを使わない函数

>元々↓( ./browser/websocket/ )とまとめてre exportしていたが、bundleでなぜかこちらでは使用していないscrapbox-parserのコードが混じってしまう現象が起きたので、websocketありとなしとでdirectoryを分けた

./browser/dom/cache.ts

>scrapbox.ioが管理しているcache storageから、最新のresponseを取得する

./browser/dom/caret.ts

Scrapboxエディタのキャレットや選択範囲に関する関数が入っている

./browser/dom/click.ts

マウスクリックを再現する

座標指定・押すボタンの指定・Shift, Ctrl, Altの同時押しに対応している

./browser/dom/cursor.d.ts

カーソルの型定義

./browser/dom/cursor.ts

takeCursor()

カーソルを取得する

./browser/dom/stores.tsを使っている

./browser/dom/dom.ts

ScrapboxのDOMを取得するための関数が入っている

./browser/dom/edit.ts

undo()

redo()

insertIcon()

insertTimestamp()

insertLine()

replaceLines()

deleteLines()

indentLines()

outdentLines()

moveLines()

moveLinesBefore()

upLines()

downLines()

indentBlocks()

outdentBlocks()

moveBlocks()

upBlocks()

downBlocks()

insertText()

1. 編集時に使えるショートカットキーによるアクションを実行する

2. カーソル(キャレット)を移動したりスクロールしたりする

./browser/dom/ensure.ts

値の型を判定する

引数は

value ：判定したい値

name ：値の名称

value の型が正しくなかった場合はTypeError例外が発生する

mod.ts には含まれていない

lib.dom.d.tsに関係するType Guardtakker

./browser/dom/extractCodeFiles.test.ts

（v0.19.0 ～）

./browser/dom/extractCodeFiles.ts

（v0.19.0 ～）

scrapbox.Page.lines で取得できるような行データを渡して、中に含まれるコードブロックを抽出する

./browser/dom/isHeightViewable.ts

>/takker/要素が画面内にあるかどうかの判定

>今は使っていない

>まともに動いてなかった気がするtakker

mod.ts には含まれていない

./browser/dom/mod.ts

./browser/ 直下にある *.ts ファイルをほぼ全てbundleに含めるためのファイル

どれが含まれているかは当該ファイルを参照

./browser/dom/motion.ts

モバイル用 edit.ts のような感じ？

./browser/dom/node.ts

行の取得や解析に関する関数が入っている

./browser/dom/open.ts

別のページを開く

開くと同時にページ末尾にテキストを追記することもできる

./browser/dom/page.d.ts

./browser/dom/position.ts

カーソル座標の型定義

./browser/dom/press.ts

キーを押したときの処理をスクリプト内部から発火させる

./browser/dom/pushPageTransition.ts

（v0.18.0 ～）

Scrapboxのリンク先へスクロールする機能を、UserScript上から実行できるようにしたもの

参考：/takker/✅リンク先へスクロールする機能をscrapbox-userscript-stdに入れ

ページ遷移と同時にスクロールする仕込みをしたいのであれば、open()のoptionsのcontextに遷移先の情報を渡す方法がある

./browser/dom/selection.d.ts

選択範囲の型定義

./browser/dom/selection.ts

選択範囲を取得する

内部的には stores.ts を呼び出して、その返値を抽出しているだけ

./browser/dom/statusBar.ts

右下の通信ステータスに任意の文字を表示させる

./browser/dom/stores.ts

カーソルと選択範囲を取得するためのものらしい

takeStores(): {Cursor, Selection} => {Cursor, Selection}

./browser/dom/takeInternalLines.ts