Struggling to get Dial show up in Stream Deck profile

[makerwolf]

Hello!

I have just started with the basic plugin via node js on mac os. The increment Plugin shows up just fine and works as expected. I have created a new action for the Dial:

import { action, DialRotateEvent, DialDownEvent, DialUpEvent, SingletonAction } from "@elgato/streamdeck";
import streamDeck, { LogLevel } from "@elgato/streamdeck";

/**
 * An example action class that displays a count that increments by one each time the button is pressed.
 */
@action({ UUID: "com.makerwolf.lightroom-plugin.ex-dial" })
export class ExDial extends SingletonAction<DialSettings> {
    override onDialRotate(event: DialRotateEvent<DialSettings>): Promise<void> | void {
        // Update the count from the settings.
        const { settings } = event.payload;

        const ticks = event.payload.ticks || 0;
        settings.value = (settings.value ?? 0);
        settings.value += ticks; // Increment or decrement value based on rotation direction

        streamDeck.logger.info(`Dial rotated ${ticks} Ticks, New Value: ${settings.value}`);

        event.action.setFeedback({
            indicator: {
                value: settings.value,
            },
        });
    }

    override onDialDown(ev: DialDownEvent<DialSettings>): Promise<void> | void {
        
    }
}

/**
 * Settings for {@link IncrementCounter}.
 */
type DialSettings = {
	value?: number;
	incrementBy?: number;
};

and load it in plugin.ts:

import streamDeck, { LogLevel } from "@elgato/streamdeck";

import { IncrementCounter } from "./actions/increment-counter";
import { ExDial } from "./actions/ex-dial";

// We can enable "trace" logging so that all messages between the Stream Deck, and the plugin are recorded. When storing sensitive information
streamDeck.logger.setLevel(LogLevel.TRACE);

streamDeck.logger.info('registering Actions');

// Register the increment action.
streamDeck.actions.registerAction(new IncrementCounter());
streamDeck.actions.registerAction(new ExDial());

streamDeck.logger.info('Connect to Streamdeck');

// Finally, connect to the Stream Deck.
streamDeck.connect();

and finally add the action in manifest.json right after the increment

        "Actions": [
             {
                "Name": "Counter",
                "UUID": "com.makerwolf.lightroom-plugin.increment",
                "Icon": "imgs/actions/counter/icon",
                "Tooltip": "Displays a count, which increments by one on press.",
                "PropertyInspectorPath": "ui/increment-counter.html",
                "Controllers": [
                    "Keypad"
                ],
                "States": [
                    {
                        "Image": "imgs/actions/counter/key",
                        "TitleAlignment": "middle"
                    }
            ]
        },
        {
            "Icon": "action-icon",
            "Name": "Ex Dial",
            "Controllers": ["Encoder"],
            "Encoder": {
                "layout": "$B1"
            },
            "States": [
                {
                    "Image": "imgs/actions/counter/key"
                }
            ],
            "UUID": "com.makerwolf.lightroom-plugin.ex-dial"
        }

Unfortunately the Dial and Plugin just does not show up in the Dial of the configurator, only the Counter shows up under Keys. I've looked through the examples and tried all the docs, but could not find anything. Obviously I must have overlooked somethign simple.

Could anybody help, please?

Additionally, it also seems that there's no logging in the log file in the .sdPlugin/logs folder taking place. Is there maybe a connection?

I am using VSCode on MacOS.

Thank you!

[makerwolf]

Ahh, it turns out there was a second instance of stream deck running. I closed the instance that showed up in the titlebar, closed the plugin in vscode and re-ran npm run watch, now i have both my logs and the dial available.