slint/tools/figma-inspector/backend/utils/code-utils.ts

// Copyright © SixtyFPS GmbH <info@slint.dev>
// SPDX-License-Identifier: MIT

import type { Message, PluginMessageEvent } from "../../src/globals";
import type { EventTS } from "../../shared/universals";
import { generateSlintSnippet } from "./property-parsing.js";

export const dispatch = (data: any, origin = "*") => {
    figma.ui.postMessage(data, {
        origin,
    });
};

export const dispatchTS = <Key extends keyof EventTS>(
    event: Key,
    data: EventTS[Key],
    origin = "*",
) => {
    dispatch({ event, data }, origin);
};

export const listenTS = <Key extends keyof EventTS>(
    eventName: Key,
    callback: (data: EventTS[Key]) => any,
    listenOnce = false,
) => {
    const func = (event: any) => {
        if (event.event === eventName) {
            callback(event);
            if (listenOnce) {
                figma.ui?.off("message", func); // Remove Listener so we only listen once
            }
        }
    };

    figma.ui.on("message", func);
};

export const getStore = async (key: string) => {
    const value = await figma.clientStorage.getAsync(key);
    return value;
};

export const setStore = async (key: string, value: string) => {
    await figma.clientStorage.setAsync(key, value);
};

export function updateUI() {
    const currentSelection = figma.currentPage.selection;

    if (currentSelection.length === 0) {
        const title = "Nothing selected";
        const slintSnippet = "";
        figma.ui.postMessage({ title, slintSnippet });
        dispatchTS("updatePropertiesCallback", { title, slintSnippet });
        return;
    }

    const node = currentSelection[0];
    const title = "Slint Code: " + node.name;
    const slintSnippet = generateSlintSnippet(node) ?? "";
    dispatchTS("updatePropertiesCallback", { title, slintSnippet });
}