NyaoVim

これは、電子上に構築されたNeovim Frontendです。 NeoVIMエディターはWebコンポーネントとして構成されており、ユーザーは再利用可能なWebコンポーネント、HTML、CSS、JavaScriptでUIを拡張できます。

:help design-not言う：

VIMをシェルまたはIDE内のコンポーネントとして使用します。

ニャオビムは同じ精神で構築されています。 Nyaovimには、NeovimエディターがWebコンポーネントとして含まれており、他の最新の編集者やIDE（Atom、vs Code、Lighttableなど）のように、WebテクノロジーでUIを拡張します。

目標

• Nyaovimは、デフォルトで拡張UIをバンドルしません。素敵なUIプラグインアーキテクチャのみを提供します。ユーザーは、Webコンポーネント、HTML、CSSでお気に入りのUIを作成できます。また、便利なコンポーネントがバンドルされているニャオビム分布を簡単に作成することもできます。
• 別のプラグインマネージャーを紹介しないでください。 Webコンポーネント用のHTMLには、VIMプラグインにバンドルする必要があります。したがって、VIMプラグインマネージャーはUIコンポーネントを処理できるため、JSおよびVIMスクリプトコードをバンドルできます。
• デフォルトでVIMの快適性を失わないでください。パフォーマンスに注意する必要があります。
• UIコンポーネントクリエーターは、強力なAPI、パッケージ、ツールを使用できます。 node.js API、電子API、Neovim MSGPACK-RPC API）、非常に多くのNPMパッケージとChrome Devtools。
• クロスプラットフォーム（Linux、OS X、Windows）

メモ：「nyao」は日本語では「ムー」であり、その発音は「neo」に似ています。また、「もう1つのオリジナルではない」の頭字語でもあります。

アプリ構造

Nyaovimは、次の図に示すように、電子上のWebコンポーネントで構成されています。最初は<neovim-editor>のみがあり、追加のコンポーネントを追加/削除できます。

UIプラグインの例

UIプラグインは、通常のプラグインと同じくらい簡単にインストールできます。それらはそれぞれ100〜300行以内に書かれています。また、再利用可能なWebコンポーネントを作成して、それらをNyaovimに統合することもできます。

• Nyaovim-markdown-preview

• Nyaovim-Popup-Tooltip

• Nyaovim-Mini-Browser

使用法

はじめる

NyaovimをNPMパッケージとしてインストールできます。現在、パッケージのリリースはまだ利用できません。 Windowsを使用していて、Neovimをまだインストールしていない場合は、最初に最初にヒントを読んでください。

$ npm install -g nyaovim

npm 、システムパッケージマネージャーを介してnode Pacakgeをインストールした場合、 sudoが必要になる場合があります。

Nyaovimがnvimコマンドを内部的に使用しているため、Neovimをまだインストールしていない場合は、Neovimの指示に従ってインストールしてください。 nvim V0.1.6以降が必要であることに注意してください。

NPMにこのアプリをインストールすると、 nyaovimコマンドでNyaovimを開始できます。

$ nyaovim [files...]

最小限のNeovim GUIエディター（GVIMなど）が表示されます。これは電子アプリであり、neovimは<canvas>に描かれています。 「開発者ツール」メニュー項目を使用して、このアプリの開発者を見ることができます。

Nyaovimの最初のスタートアップでは、UI構成のために~/.config/nyaovim/nyaovimrc.html （Windowsの.configの代わりに%AppData% ）を作成します。はい、HTMLおよびCSSでUIコンポーネントを拡張および構成できます！

エディターオプションを構成します

あなたは今、「うーん、フォントは良くなく、小さすぎる...」と考えていると思います。 <neovim-editor>プロパティのプロパティでいくつかのエディターオプションを構成できます。たとえば、以下にフォントフェイスとフォントサイズをfontとfont-sizeプロパティで構成します。次に、ラインハイトを1.5に設定します（たとえば、Atomは1.5をラインハイトとして採用します）。

 < neovim-editor
    id =" nyaovim-editor "
    argv =" [[argv]] "
    font-size =" 14 "
    font =" Ricty,monospace "
    line-height =" 1.5 "
> </ neovim-editor >

また、 browser-config.json （ウィンドウステートの保存、単一インスタンスアプリなど）でブラウザウィンドウオプションを構成することもできます。詳細については、ヒントをご覧ください。

UIプラグインをインストールします

たとえば、Nyaovim-Popup-Tooltipをインストールしましょう。

目標セクションで説明されているように、UIプラグインは通常のNEOVIMプラグインです。他のNeovimプラグインと同じようにインストールできます。 VIMプラグを使用する場合、必要なのはinit.vimに以下の行を追加することだけです。

Plug ' rhysd/nyaovim-popup-tooltip '

次に、ポップアップツールチップUIをNyaovimインターフェイスに配置する必要があります。 ~/.config/nyaovim/nyaovimrc.html （Windowsの.configの代わりに%AppData% ）を開いてください。目標セクションで説明されているように、ユーザーはHTMLとCSSを使用してUIを構築できます。

<neovim-editor>タグの下に<popup-tooltip>タグを追加してください

 < neovim-editor id =" nyaovim-editor " argv =" [[argv]] " > </ neovim-editor >
< popup-tooltip editor =" [[editor]] " > </ popup-tooltip >

<popup-tooltip>はポリマー成分です。 editor="[[editor]]"は、ポリマーフレームワークのデータバインディングであり、エディターインスタンスを<popup-tooltip>に渡します。それは、親から子への一方向のデータフローを意味します。

Nyaovim-Popup-TooltipをNeovimプラグインとしてインストールし、HTMLにUIを追加した後、すべて完了です！ Nyaovimを開き、カーソルを任意の画像パスに移動し、 giを入力します。 Nyaovimは画像をロードし、以下のようにポップアップツールチップに表示します。

ドキュメント

Docsディレクトリにはドキュメントに詳細があります。

• UIプラグインの作り方
• ヒント
• よくある質問
• ランタイムAPI
• ブラウザ構成

バージョン化

Nyaovimは現在、ベータ段階にあります。メジャーバージョンは、安定したリリースになるまで0に固定されています。

マイナーバージョンの更新は、壊れた変更が含まれることを意味します。また、パッチバージョンを更新すると、壊れた変更が含まれていないことを意味するため、バージョンを簡単に更新できます。

ライセンス

MITライセンス。

このアプリのロゴは、CCA 3.0の下でライセンスされているNeovimロゴに基づいて作成されています。

Jason LongによるNeovimロゴは、Creative Commons Attribution 3.0 Unportedライセンスの下でライセンスされています。