Atusy's blog
mini.surroundはvim-sandwichのような、括弧やクオーテーションなどで囲まれた文字列を編集するためのNeovim向けプラグインです。
選択範囲を()で囲う、文字列の囲いを()から""に変更する、""による囲いを削除するといったことが可能です。同様にHTMLタグに対する操作にも対応していますが素朴なものです。
emmet記法に対応すると、div.fooで<div class=foo></div>に相当するタグの追加や削除などができて便利そうなので実装してみました。他にもdiv>pで<div><p></p></div>のようなネストしたタグも扱えるのでなかなか便利です。現在はとりあえずタグの追加と置換時の新しいタグでemmet記法を使えます。
設定方法は記事後半の実装または私の設定を参考にしてください。
実装方法ですが、emmet記法をどうパースするかが課題ですね。たぶん、文字列操作でもそこまで大変にはなりません。でもせっかくならもっとそれっぽいパーサーが欲しいですね。
Neovimユーザーであれば、パーサーと聞くとtreesitterを思い浮かべます。残念ながらtreesitterで書かれたemmetパーサーはなさそうです。かと言ってmini.surroundの用途でtreesitterのパーサーをがっつり書こうという気にもなれません。
実はNeovimはlpegというパターンマッチングライブラリを内蔵しており、これを使ってパーサーを実装できます。
実際以下の84行程度のファイルで実装しています。実体としてはパーサーは47行で実装しており、残りはパースした結果をHTMLタグに変換するコードです。
というわけで、mini.surroundをemmet対応させられて便利！という話でもありつつ、Neovimのマイナー（？）機能なlpegの紹介でした。
ENJOY!
実装
私の設定から必要な部分を抜き出したものです。たぶん動くはず。
-- emmet parserの実装
local lpeg = vim.lpeg
local name = (lpeg.P(1) - lpeg.S("#.[>")) ^ 1
local tag = lpeg.Cg(name, "tag")
local id = lpeg.P("#") * name
local cls = lpeg.P(".") * name
local kv = lpeg.P({ "[" * ((1 - lpeg.S("[]")) + lpeg.V(1)) ^ 0 * "]" })
local child = lpeg.P(">") * lpeg.P(1) ^ 1
local attr = lpeg.C(child + kv + id + cls) ^ 0
local kindmap = {
["."] = "class",
["#"] = "id",
["["] = "kv",
[">"] = "child",
}
local function parse(s)
local splits = lpeg.match(lpeg.Ct(tag * attr), s)
if type(splits) ~= "table" then
return
end
local res = {
tag = splits.tag,
class = {},
id = {},
kv = {},
child = nil,
}
for _, sp in ipairs(splits) do
local k, v = string.match(sp, "(.)(.*)")
local kind = kindmap[k]
if kind == "child" then
res.child = parse(v)
else
if kind == "kv" then
v = string.gsub(v, "%]$", "")
end
table.insert(res[kind], v)
end
end
return res
end
-- emmet -> HTMLタグの変換の実装
local function opentag(x)
local res = "<" .. x.tag
if #x.id > 0 then
res = res .. ' id="' .. x.id[1] .. '"'
end
if #x.class > 0 then
res = res .. ' class="' .. table.concat(x.class, " ") .. '"'
end
if #x.kv > 0 then
res = res .. " " .. table.concat(x.kv, " ")
end
res = res .. ">"
if x.child then
res = res .. opentag(x.child)
end
return res
end
local function closetag(x)
local res = ""
if x.child then
res = closetag(x.child) .. res
end
res = res .. "</" .. x.tag .. ">"
return res
end
local function totag(x)
local p = parse(x)
return { left = opentag(p), right = closetag(p) }
end
-- mini.surroundの設定
require("mini.surround").setup({
n_lines = 100,
custom_surroundings = {
t = {
input = { "<(%w-)%f[^<%w][^<>]->.-</%1>", "^<.->().*()</[^/]->$" }, -- from https://github.com/echasnovski/mini.surround/blob/14f418209ecf52d1a8de9d091eb6bd63c31a4e01/lua/mini/surround.lua#LL1048C13-L1048C72
output = function()
local emmet = require("mini.surround").user_input("Emmet")
if not emmet then
return nil
end
return totag(emmet)
end,
}
},
})