注釈付きの例

app.registerExtension({
  name: "MyExtension",
  getCanvasMenuItems(canvas) {
    const items = []
    items.push(null) // 区切り線を挿入
    items.push({
      content: "メニューのテキスト",
      callback: async () => {
        // 任意の処理を実行
      }
    })
    return items
  }
});

app.registerExtension({
  name: "MyExtension",
  getNodeMenuItems(node) {
    const items = []

    // 必要に応じてノードタイプでフィルタリングできます
    if (node.comfyClass === "MyNodeClass") {
      items.push({
        content: "楽しい処理を行う",
        callback: async () => {
          // 楽しい処理
        }
      })
    }

    return items
  }
});

app.registerExtension({
  name: "MyExtension",
  getCanvasMenuItems(canvas) {
    const items = []
    items.push({
      content: "オプション付きメニュー",
      submenu: {
        options: [
          {
            content: "オプション 1",
            callback: (v) => {
              // v を使って何か処理をする
            }
          },
          {
            content: "オプション 2",
            callback: (v) => {
              // v を使って何か処理をする
            }
          },
          {
            content: "オプション 3",
            callback: (v) => {
              // v を使って何か処理をする
            }
          }
        ]
      }
    })
    return items
  }
});

function queue_button_pressed() { console.log("Queue ボタンが押されました！") }
document.getElementById("queue-button").addEventListener("click", queue_button_pressed);

import { api } from "../../scripts/api.js";
/* setup() 内 */
    function on_execution_start() { 
        /* 任意の処理を実行 */
    }
    api.addEventListener("execution_start", on_execution_start);

import { api } from "../../scripts/api.js";
/* setup() 内 */
    const original_api_interrupt = api.interrupt;
    api.interrupt = function () {
        /* 元のメソッドが呼び出される前に何か処理をする */
        original_api_interrupt.apply(this, arguments);
        /* またはその後 */
    }

async nodeCreated(node) {
    if (node?.comfyClass === "My Node Name") {
        const original_onMouseDown = node.onMouseDown;
        node.onMouseDown = function( e, pos, canvas ) {
            alert("いた！");
            return original_onMouseDown?.apply(this, arguments);
        }        
    }
}