🦍

VimでUMLをプレビュー

2020/10/10に公開

3件

Vim

tech

始めに

先日 Vimでマインドマップをプレビューという記事を書きました。
その前後に、フォロワーさんからUMLをプレビューできる vim-slumlord ってのを教えてもらいました。

リンク先のGIFを見たらとてもよさそうでしたが、2年以上更新されていなくてかつJavaの実行環境が必要でした。
UMLを書くためにわざわざJavaの環境を作りたくない、dockerで実行のイメージを用意するのもアリですが、
プレビューなのでこまめに保存することを考えるとオーバーヘッドが気になってしまいます。

じゃあ作るか

自分のニーズに合わないと感じたので、じゃあ自作するかと思って preview-uml.vim を作りました。

しくみ

図の生成はplantuml serverに任せています。なのでserverをローカルもしくは外部のサーバーを使うかの2択があります。基本プロダクトでは情報を外部サーバに、送らないようにすべきなのでローカルでサーバを用意するとよいでしょう。
dockerがあれば次のコマンドで簡単にローカルサーバをサクッと用意できます。

docker run -d -p 8888:8080 plantuml/plantuml-server:jetty

あとは、Vimからcurlでサーバにテキストを送信すれば、図を取得できます。
ただ、図を取得するのがちょっと面倒で、次の処理をしないと行けないです。

curlでテキストを送信
レスポンスヘッダのLocationからURLを抜き出して、アスキーアートを取得できるURLに変換
curlで2のURLからデータを取得

これをシェルで書くと次のとおりです。

$ curl -s -i -X POST http://localhost:8888 -d "text=@startuml
Alice -> Bob
@enduml
"
HTTP/1.1 302 Found
Location: http://localhost:8888/uml/Syp9J4vLqBLJSCfF0W00
Content-Length: 0
Server: Jetty(9.4.31.v20200723)

$ curl -s http://localhost:8888/txt/Syp9J4vLqBLJSCfF0W00
     ┌─────┐          ┌───┐
     │Alice│          │Bob│
     └──┬──┘          └─┬─┘
        │               │
        │──────────────>│
     ┌──┴──┐          ┌─┴─┐
     │Alice│          │Bob│
     └─────┘          └───┘

一発でアスキーアートのURLを取得できる方法があればよいんですが、調べた限りではなさそうです。
どなたか、ご存じでしたら教えてください。

あとは上記の処理をVim scriptから実行して、レスポンスをバッファに書き込むだけなので実装はとてもシンプルです。

function! s:update() abort
  let body = getline(1, '$')
  if empty(body)
    return
  endif

  let cmd = printf('curl -X POST -s -i %s/form -d "text=%s"', s:url,
        \ body->join("\n")->escape('"'))
  let resp = systemlist(cmd)

  let location = resp->filter('v:val =~ "Location"')
  if empty(location)
    call <SID>echo_err('invalid response')
    call win_execute(s:preview.winid, 'bw!')
    return
  endif

  let url = location[0][10:]->trim()->substitute('uml', 'txt', 'g')
  let resp = systemlist(printf('curl -s %s', url))

  call win_execute(s:preview.winid, '%d_')
  call setbufline(s:preview.bufid, 1, resp)
endfunction