import { SettingUtils } from './sn0w.js';
import { app } from "../../../scripts/app.js";
import { api } from '../../scripts/api.js';
import { ComfyWidgets } from "../../../scripts/widgets.js";

app.registerExtension({
    name: "sn0w.Textbox",
    async beforeRegisterNodeDef(nodeType, nodeData, app) {
        if (nodeData.name === "Copy/Paste Textbox") {
            // Get textbox text
            nodeType.prototype.getTextboxText = function() {
                const textbox = this.inputEl ? this.inputEl.value : '';
                return textbox;
            };

            nodeType.prototype.populate = function() {
                this.inputEl = this.widgets[0];

                // Implement copy functionality with proper callback
                this.addWidget("button", "Copy", "Copy", () => {
                    navigator.clipboard.writeText(this.getTextboxText());
                }, { serialize: false });

                // Implement paste functionality with proper callback handling asynchronous operation
                this.addWidget("button", "Paste", "Paste", () => {
                    navigator.clipboard.readText().then(text => {
                        this.inputEl.value = text;
                    }).catch(error => {
                        console.error('Failed to read clipboard contents:', error);
                    });
                }, { serialize: false });
            };

            nodeType.prototype.onNodeCreated = function () {
                this.populate();
                // Bind the getTextboxText to this instance
                this.getTextboxText = this.getTextboxText.bind(this);

                api.addEventListener('textbox', (event) => {
                    const data = event.detail
                    console.log("ID:", data.id);
                    const outputText = this.getTextboxText();
                    api.fetchApi(`${SettingUtils.API_PREFIX}/textbox_string`, {
                        method: "POST",
                        headers: {
                            "Content-Type": "application/json",
                        },
                        body: JSON.stringify(
                            {
                                node_id: data.id,
                                outputs: {
                                    output: outputText
                                }
                            }
                        ),
                    })
                })
            }
        }
    },
});