2011-07-24

ヒント

ヒントを書き直してみた。

vimperator/hints-ext.js at master · caisui/vimperator · GitHub

変更点は

ヒントの高速化(できてたらいいなぁ)
ヒントが重なって見えないよ!
番号キー(hintchars) を押した後のの遷移
キーバインドの追加(1キースロークもののみ)

です。

1.の恩恵は、tags にクエリーセレクタを利用する必要があります。
(xpath や array like なものでも動作はします)

let use_hints_ext_hinttags=1
let use_hints_ext_extendedhinttags=1

で option の hinttags, extendedhinttags をクエリセレクター版に上書きできます。

対象Node の画面内外判定が原因で遅い状況は改善するはずです。

当方の環境では、http://mxr.mozilla.org/mozilla-central/search のソース表示のような
画面外Node数が大量の場合は体感できました。

2. として、 hints.relocation を追加しました。

call すると

のようにhintが重ねっている場合に

のように重なりを除去します。

余談ですが、判りやすくなるだろうと思って、hintchars=0123456789で
スクリーンショットを撮ったのですが、
数字だと順序予測が容易なんで重なっていても支障がないのですね。

3. は、そのままなので略

4. として hints.addSimpleMap(key, callback) を追加しました。
1キーストロークしか使用できません。

上記の hints.relocation をで実行する場合は、

hints.addSimpleMap("<c-l>", function() this.relocation())

でページスクロールしたいなら

hints.addSimpleMap("<C-f>", function () {
    this.hide();
    buffer.scrollPages(1);
    this.show(this._submode, "", content.window);
});

で標準のキーマップを抑止

hints.addSimpleMap("<c-f>", function() void 0);

のような利用ができます。

また、標準のhighlight(Hint ,Hint::after ,HintActive ,HintElem ,HintImage)
を利用していません。

HintExt ,HintExtActive ,HintExtActive>span ,HintExtElem を利用しています。
色等の変更はこちらを使う必要があります。

(pluginで追加される highlight なので

autocmd VimperatorEnter ".*" :hi -a HintExt color:red;

のように遅延実行する必要があります。

最後に、

let use_hintchars_ex=1

で hintchars の一文字目の利用頻度を平等にします。

2011/07/24 22:06
highlight のコマンドの誤り訂正

2011-06-26

CARET mode

Firefox vimperator javascript hint

ヒントを自力実装して行単位分割しました。
pre,code そして text/plain もいけます。

ただし、ヒントのの実装は放棄してます。
文字による絞り込みも無いよりはいいかなって程度の微妙な実装になってます。
(TextNode に対して行なっているので、text/plain だったりすると絞り込めません)

一切 map 等を振っていないので

js mappings.addUserMap([modes.NORMAL], [""], "", function () plugins.hintsCaret.showCaret());

と map を適当に振る必要があります。

無理して hint に組込むなら

hints.addMode("c", "", null, function() {commandline.close(); window.setTimeout(function () plugins.hintsCaret.showCaret(), 0); throw 0;});

showCaret を showVisual に変更でいきなり VISUAL mode に入れます。

Firefox 4 からの機能として以下を使って実現してます

nsIDOMWindowUtils#nodesFromRectで画面全体のNodeを取得
Range.getClientRectsを使ってTextNode を行毎の box を取得
Selection.modifyで行移動や行頭移動

https://github.com/caisui/vimperator/blob/master/plugin/hints-caret.js

http://vimperator.org/vimperator

before

after

http://vimperator-labs.googlecode.com/hg/vimperator/NEWS
text/plain

2011-04-07

すけすけな子

Firefox vimperator javascript overlay

liberator-overlay-ext を更新しました。

https://github.com/caisui/vimperator/blob/master/plugin/liberator-overlay-ext.js

更新内容

アニメーションの改良
背面を確認する関数「toggleShowBackground」を追加

です。

前者は、

:set overlayanimation

_vimperatorrc では、

:autocmd VimperatorEnter ".*" set overlayanimation

(plugin なので option に難があります)

で試していただけたらと思います。

続いて、後者についてです。

重ねて表示するので、コンテンツの見たい部位見えないことがあります。
(画像は、ほぼ全面覆ってしまっていますが…)

それをこんな感じに透過するための関数です。
もう一度実行されれば、元の状態に戻ります。

map は当てていないので、

:js mappings.addUserMap([modes.COMMAND_LINE], ["<C-g>"], "", function () plugins.liberatorOverlayExt.toggleShowBackground());

のような感じで設定が必要です。

2011-03-27

vimperator3 の hintchars

Firefox vimperator javascript hint

vimperator 3 の新しい機能(過去の回帰) として hintchars オプションがあります。

hintchars の設定を変更することによって、hint のラベルを任意に変更することが可能です。
この機能は、N 進記数法を定義したと見做して実装されています。
(記数法については位取り記数法 - Wikipedia等を参考にしてください)

そして、hitchars の最初の一文字目は、普段使っている 10進数(以降 10進と略します) における「0」に相当するようになってます。

したがって、hintchars=abc のとき
自然数(N>=1) としては「b」から始まり、「c」の次は、「aa」ではなく「ba」となります。(10進では、「9 」の次は「00」ではなく「10」ですよね？)

そういうわけで、hintchars の最初の一文字目の出現頻度が少ないのは仕様となります。

ということで、"abc" においてスタートが「a」で「c」の次が「aa」な plugin を書いてみた。

https://github.com/caisui/vimperator/blob/master/plugin/hintchars-ex.js

となるとところを

とします。

ちなみに、"0123456789"だと

となります。

無しではないとは思いますが、賛否両論かな？

2011-03-25

Toolbar をコマンドラインから

Firefox vimperator javascript

Toolbar の設定をするコマンドラインを作ってみた。

customizeToolbar dialog 無しでほぼ同等のことえると思います。

https://github.com/caisui/vimperator/blob/master/plugin/toolbar-manager.js

以下を目的で作ってたものから体裁をととのえたものです。

サブコマンドを使い倒す
起動時の速度向上になるか不明だけど、なるだけ lazy処理
completer の cache を試行錯誤

使い方

toolbar の作成

toolbar create name

toolbar の削除

toolbar remove name

toolbar に item の追加

toolbar add item ...

toolbar の item の前に追加

toolbar add -b target item ...

toolbar の item の削除

toolbar rm item ...

toolbar の表示関連

toolbar show | hide | toggle item ....

みたいな感じです。

カスタマイズ用のダイアログを表示

toolbar dialog

初期値に戻す

tooolbar reset

modeの変更

toolbar mode [-iconsize small | large] icons|text|full

みたいな感じです。

toolbar や toolbaritem の指定に対しては全て、補完が動作します。

候補には、LocationBar 等が複数の画像を持っているため横幅を決め打ちできなかったので、
右側に表示してます。
それと、メニューボタンのとき、title が表示されないことが寂しかったので、
GitHub - caisui/appmenu-button-title: アプリケーションボタン状態でタイトルを表示するを作成しました。
bootstrap なので、zipで圧縮すれば再起動無しで組込めます。
(でも、メニューボタン周りは、OS毎にID が違うようなので windows (あるいはxp) でしか動きません)

最後に、サブコマンドについて

楽にサブコマンドが実装できてすばらしいです!
ただ、調子に乗ってサブコマンドを増やしていくと、completerの実装が大変でした…

2011-03-19

ひよこさんの進捗

Firefox vimperator javascript piyo

一区切りつけてコミットしました。

絶賛地雷原ですが、こんな感じです。

表示は、dowload.piyo
絞り込みの結果下部が空白になった場合は、vimっぽく「~」がでます。

表示は、places.piyo
「vim」で絞って「google」を除去したので http://code.google.com/p/vimperator-labs/
が一覧に表示されていません。

表示は、console.piyo
メッセージのcategory も表示しています。

表示は、highlight.piyo
背景色を持っているもの検索してます

表示は、selector.piyo
コンテンツをクエリーセレクタでマッチするもののtextContentを一覧で表示します。
画像の場合は

:pselector -i download a

を実行してます。マッチしたNodeが hrefを含んでいれば、openで開きます
(たぶん現状は動いたり動かなったりします)

ざっくりすぎる source 一覧

array-mru.piyo	vimp の command や search の一覧
console.piyo	console を表示
download.piyo	dowload を表示
highlight.piyo	highlight を表示
history.piyo	履歴を表示
map.piyo	全mapを表示(cheat sheet)
places.piyo	履歴やブックマークを表示 sqliteを直読み
pref.piyo	about:config
selector.piyo	:pselector というコマンド追加
source.piyo	ソース一覧を表示
tab.piyo	tab一覧を表示
tabgroup.piyo	tabgroup 一覧
window.piyo	window 一覧

次は、item の cache と source 固有map の実装かなぁ

2011-03-07

modes.EMBED からで抜けるっぽくする

Firefox vimperator javascript

windows 限定です。Firefox 4 推奨ですが、3.6でもそこそこ動いてます。
(動作確認を取ったのは、
Firefox 3.6.15(32bit) vimperator 2.4pre (created: 2010/09/22 19:04:22)
Firefox 4.0b13pre(32bit) vimperator 3.0
各 windows XP 32bit / 64bit)

仕組みは微妙ですが、
200msec 毎に Esc キーが押されていないか監視するとこによって実現してます。
従って、実際には、Esc 長押しで抜けることになります。

vimperator/embed-esc.js at master · caisui/vimperator · GitHub

監視キーコードや監視間隔は任意に変更できます。
(指定方法は、Help に記載しています。)

以下問題点(仕様)

Esc が押されているか否かのみ判定しているので、だろうとだろうと反応します。

Firefox3 で inactive な状態でも Esc に反応する

例) modes.EMBED の状態のまま vim に window を切り替えてを押しても modes.NORMAL に戻る

Firefox4 は inactive な状態は無視できるが inactive な状態から embed object(flash等)を直接クリックすると active になったことが認識できない。

以下のコードで window が acitive か判定を行っています。

document.documentElement.mozMatchesSelector(":-moz-window-inactive")

しかし、上記の切り替え方をすると active になっているのに、inactive を返し続けます。
(使い方が誤っているのかもしれません)
そこで、誤認識が分かるように inactive と判定時は "embed --(menu)--" と表示されるようにしています。

上手く認識していないときは、alt+tab 等で active 化しなおす必要があります。
(inactive でも反応して良いなら embed_esc_disabled_inactive_check=true)

最後に、監視キーコードは都度確認していますので、通常は Esc で良いけど
特定の flash では困るときは、autocmd で監視キーコードを切り替え(例えば RCONTROL) れば回避できるんじゃないかなぁと妄想しています。

Esc が 押されているか否かのみ判定しているので、だろうとだろうと反応します。

Firefox3 で inactive な 状態でも Esc に 反応する

Firefox4 は inactive な状態 は 無視できるが inactive な状態から embed object(flash等)を 直接クリックすると active に なったことが認識できない。

Esc が押されているか否かのみ判定しているので、だろうとだろうと反応します。

Firefox3 で inactive な状態でも Esc に反応する

Firefox4 は inactive な状態は無視できるが inactive な状態から embed object(flash等)を直接クリックすると active になったことが認識できない。