Marshalling: Events

[jasongin]

.NET events should be projected to JS, somehow.

There is no universal standard API or pattern for JS events; there are slightly different approaches taken for DOM events, Node.js, VS Code, and other projects. (I personally prefer the VS Code events model.)

[luanmm]

Personally, I like a lot the Deno's general concept of trying to preserve web standards - a thing that Node broadly neglected til more recently, but seems to be "adjusting its route" to it.

So, just giving an opinion (just theoric) here, I would try to find the most standard way possible in JS that adheres to the .NET standards (like going with delegates or something that could mimic technically the JS behavior).

For reference:

• https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener
• https://nodejs.org/api/events.html#nodejs-eventtarget-vs-dom-eventtarget

Thanks for all the great work, Jason Ginchereau (@jasongin)!

[DevScholar]

Hi, I created a project called Node PS1 for .NET inspired by the Node API for .NET. It communicates with the .NET Framework via PowerShell 5.1. I used AI-recommended IL-inspired event syntax add_/remove_.

For example, a WinForms program:

// Run: node ../node-ps1-dotnet/start.js src/winforms/counter/counter.ts
import dotnet from '@devscholar/node-ps1-dotnet';

dotnet.load('System.Windows.Forms');
dotnet.load('System.Drawing');

const System = dotnet.System as any;
const Forms = System.Windows.Forms;
const Drawing = System.Drawing;

let clickCount = 0;

console.log("--- WinForms Counter (XP Style) ---");

Forms.Application.EnableVisualStyles();
Forms.Application.SetCompatibleTextRenderingDefault(false);

const form = new Forms.Form();
form.Text = "Counter App";
form.Width = 640;
form.Height = 480;
form.StartPosition = 1;

const label = new Forms.Label();
label.Text = "Clicks: 0";
label.Font = new Drawing.Font("Arial", 24);
label.AutoSize = true;
label.Location = new Drawing.Point(90, 30);
form.Controls.Add(label);

const button = new Forms.Button();
button.Text = "Click to Add";
button.Font = new Drawing.Font("Arial", 14);
button.AutoSize = true;
button.Location = new Drawing.Point(100, 90);

button.add_Click(() => {
    clickCount++;
    const message = `Clicked ${clickCount} times`;
    label.Text = message;
    console.log(message);
});

form.Controls.Add(button);

console.log("Click the button to increase the counter...");
Forms.Application.Run(form);