Sign in

Nodes Browser

ComfyDeploy: How WebUI Monaco Prompt works in ComfyUI?

What is WebUI Monaco Prompt?

Make it possible to edit the prompt using the Monaco Editor, an editor implementation used in VSCode. NOTE: This extension supports both ComfyUI and A1111 simultaneously.

How to install it in ComfyDeploy?

Head over to the machine page

  1. Click on the "Create a new machine" button
  2. Select the Edit build steps
  3. Add a new step -> Custom Node
  4. Search for WebUI Monaco Prompt and select it
  5. Close the build step dialig and then click on the "Save" button to rebuild the machine

WebUI Monaco Prompt

これは AUTOMATIC1111 氏の stable-diffusion-webui と ComfyUI 用の拡張です。

プロンプトの編集をVSCodeでも使用されているエディタ実装 Monaco Editor で行えるようにします。

インストール

AUTOMATIC1111 Stable Diffusion WebUI

stable-diffusion-webui の Install from URL からこのリポジトリのURL https://github.com/Taremin/webui-monaco-prompt を入力してインストールしてください。

ComfyUI (Experimental)

下記の二通りからお好きな方法でインストールしてください。

  1. custom_nodes にこのリポジトリを clone する
  2. ComfyUI Manager Menu の Install via Git URL にこのリポジトリのURLを入力してインストールする

以前のインストール方法

~~Releases からzipファイルをダウンロードして web/extensions に展開してください。~~ v0.1.2からはこの方法ではインストールできなくなりました。

機能

  • VIM キーバインディング対応 (monaco-vim)

  • 色付け機能

    • 標準表記
    • Dynamic Prompts拡張表記

  • オートコンプリート対応

    • デフォルトでは danbooru.csv, extra-quality-tags.csv を読み込んでいるので既に a1111-sd-webui-tagcompete を使用している方は違和感なく使えます
    • < を入力すると Extra Networks (HN/LoRA/LyCORIS) のみの候補を出せます
      • LyCORISは[a1111-sd-webui-lycoris](https://github.com/KohakuBlueleaf/ a1111-sd-webui-lycoris)拡張導入時に使用可能です
      • この機能は Deprecated (非推奨)になりました
        • 今後のアップデートで削除される予定です
        • スニペットとモデル名サジェストを使用してください

  • モデル名サジェスト

    • Ctrl-M から始まるショートカットキーでモデル名の挿入が行えます

      | モデル | ショートカットキー | |--------------|----------------------| | Checkpoint | Ctrl-M -> Ctrl-M | | LoRA | Ctrl-M -> Ctrl-L | | Embedding | Ctrl-M -> Ctrl-E | | Hypernetwork | Ctrl-M -> Ctrl-H | | VAE | Ctrl-M -> Ctrl-A |

  • スニペット

    • Ctrl-M -> Ctrl-S で挿入可能
    • 詳細は後述

また、他にも Monaco に備わっている VSCode 互換のショートカットキーなども使用可能です。

スニペット

スニペット(断片)はよく使う入力をテンプレートで行えるようにする機能です。

追加方法

スニペットはこの拡張の snippets ディレクトリか、各カスタムノード/拡張機能以下の snippets ディレクトリに含まれる .json を読み込みます。

JSONのフォーマットは {"label": string, "insertText": string, documentation: string} か、その配列です。 insertText では下記のスニペット構文が使用可能です。 documentation では Markdown 及び一部の HTML タグが使用可能です。

構文

スニペット構文は VSCode 互換のものが使用できます。 https://code.visualstudio.com/docs/editor/userdefinedsnippets#_snippet-syntax

注意

AUTOMATIC1111 Stable Diffusion WebUI

この拡張では標準のプロンプト編集で使用するtextareaを差し替えたり Extra Networks のリフレッシュへの対応などで、特定のHTML要素に依存したあまり汎用的でない手段を用いています。 そのため、HTML構造が変化したり既存機能の変更が行われた場合、利用できなくなることがあるかもしれません。 その場合は一時的に利用を中止することをおすすめします。

その他

共通

ヘッダが邪魔な場合はエディタのコンテキストメニューから非表示にできます。（ヘッダで行える設定もコンテキストメニューから行えます。）

AUTOMATIC1111 Stable Diffusion WebUI

設定はこの拡張のあるディレクトリの settings 内に保存されます。 認証未設定時は global.json 認証設定時は user_[username].json というファイル名です。

オートコンプリート

Language が plaintext 以外の場合にCSVによる自動補完が有効になります。

CSV 追加方法

この拡張の csv ディレクトリにファイルを追加します。 A1111の場合は再読み込み、ComfyUIの場合は Refresh で使用できるようになります。

クレジット

この拡張には a1111-sd-webui-tagcomplete のタグデータ(danbooru.csv, extra-quality-tags.csv)を同梱しています。

ライセンス

MIT