LLRL

Hello,
I want to use WebSockets to send messages to a web page, 
today I used Node.js for the first time in Max.
I referred to this example:
https://github.com/Cycling74/n4m-examples/blob/master/sockets/max_sockets.js

which allows me to send three values to the web page. However, I'm not sure how to modify the program to send three strings instead of three numbers. I have been trying for a whole day, but whenever I send a 3-string group message from Max, the web page always displays "NaN" (Not a number). 

I am trying to modify this part :

Max.addHandler("send", (...args) => {
		console.log("send args: " + args);
		if (args.length === 3) {
			sender(args[0], args[1], args[2]);
		}

But still I couldn't find out the right way...

Can you please tell me how to modify the program to achieve this?

Hello,
I want to use WebSockets to send messages to a web page, 
today I used Node.js for the first time in Max.
I referred to this ... 

nodejs-string-transferring-via-web-socket

just on first look it seems like the parsing of the values happens on the frontend. So the code to adjust wouldn't necessarily be the Node part but the JS that runs in the browser.

It seems like in mySockets.js you can find the handle that processes incoming messages on the websocket.

After removing the math operations in mySockets.js, it works very well !

I now only have one issue left to solve, which is that I can't access port 8080 from external sources to see the webpage. I can see the webpage, but I can't see the continuously updating string values. Still working on a solution for that.

NodeJs string transferring via web socket 

hal bay

From documentation for get_all_notes_extended: 

"It is possible to optionally provide a single [dict] argument to this function, containing a single key-value pair: the key is "return" and the associated value is a list of the note properties as listed above in the discussion of the returned note dictionaries, e.g. ["note_id", "pitch", "velocity"]. The effect of this will be that the returned note dictionaries will only contain the key-value pairs for the specified properties, which can be useful to improve patch performance when processing large notes dictionaries."

I am trying to make use of new "get_all_notes_extended" function on a clip with notes in it. I want to make use of  filtering functionality through dict argument as explained in the docs.

I tried code below:

var filtered_notes = clip.call("get_all_notes_extended", { return: ["note_id", "pitch", "velocity"] });

post("filtered_notes", filtered_notes, "\n");

var notes_raw = clip.call("get_all_notes_extended");

As seen in the screenshot, "notes_raw" has expected values, however "filtered_notes" is 0.00 for the same clip object. So filtering with dict object with return key, as explained in the docs, is not working for me.

What am I missing here?
Thanks!


Edit: I also tried code below after learning about Dict objects of Max. However, it is still returning all of the keys like notes_raw above, and not filtering anything:

var note_filter = new Dict("note_filter").set("return", ["note_id", "pitch", "velocity"]);
var filtered_notes = clip.call("get_all_notes_extended", note_filter);

Screenshot 2023-09-16 at 14.18.04.png

From documentation for get_all_notes_extended: 

"It is possible to optionally provide a single [dict] argument to this function, ... 

filtering-properties-for-getallnotesextended-return-values-is-not-working

Solution found: Apparently, I should have use "set" method on a seperate function call, like below:

var note_filter = new Dict("note_filter");
note_filter.set("return", ["note_id", "pitch", "velocity"]);
clip.call("get_all_notes_extended", note_filter);

Filtering properties for get_all_notes_extended return values is not working

Neil Baldwin

I have a JSUI project where I want to present some attributes as a list but I can't figure out how it works. I've tried using the Display Mode setting for the attrui object in the Max inspector but it doesn't seem to do anything. I was wondering if there's something I have to do in my getter/setter functions for the attribute in order to present them in a drop-down list format in the same way you can set the Orientation attribute for an attrui object.

I have a JSUI project where I want to present some attributes as a list but I can't figure out how it works. 

attrui-handlingdisplaying-as-list

Attrui: handling/displaying as list?

Jarrett Confrey

I noticed that the Node.js version bundled with Max is 16.6.0

Node.js 16.x is scheduled for end of life on 2023-09-11

https://github.com/nodejs/release#release-schedule
https://nodejs.org/en/blog/announcements/nodejs16-eol

Node.js 18.x is the current Long Term Support version but goes into maintenance on 2023-10-18

Node.js 20.x is the current version and will become the new Long Term Support version on 2023-10-24

I realize that the node.script object has node_bin_path and npm_bin_path attributes I could use to update my version but I think it would make sense to update the version of node bundled with Max to 20.x

I noticed that the Node.js version bundled with Max is 16.6.0

Node.js 16.x is scheduled for end of life on ... 

bundled-nodejs-version-end-of-life-on-2023-09-11

this is correct, I don’t have an ETA or too much detail right now but we’ll be looking into this for a future update alongside supporting modern module loading that is required by some npm packages. 

In the meantime we recommend using node_bin_path and npm_bin_path as suggested to change the version of node if required. 

Thank you 

Bundled Node.js Version End Of Life On 2023-09-11

tekfunkdub

I am trying to reuse some javascript code I have.  it basically takes a sysex current program dump from a KORG Monologue and gets the params to fill a UI.  I have it working fine in a NEXT/React app but when I try to use it in a Max for Live Device, I am getting weird errors.  the biggest issue is that certain prototype methods like padStart() just don't work. I get `padStart is not a function.`

I am trying to reuse some javascript code I have. 

can-i-use-the-padstart-method

JS in Max is ES5 (ECMAScript 2009), so it lacks lots of modern niceties.

Can I use the padStart() method?

tiago morais morgado

Subject: Seeking Guidance on Creating Relative Paths to Max for Live Devices via node.script

I hope this message finds you well. I am currently working on a project involving Max for Live devices and the node.script API. I'm in search of some insights and guidance from fellow enthusiasts who might have experience with this particular combination.

My challenge revolves around creating a relative path to a Max for Live device within the context of node.script. I am aware that the path needs to be constructed in a way that accommodates different installations and locations. While I'm familiar with relative paths in other contexts, I'm keen to understand how this can be achieved effectively within the Max for Live and node.script ecosystem.

If anyone has successfully tackled this task or possesses knowledge about creating relative paths to Max for Live devices via node.script, I would greatly appreciate your expertise. Any advice, code snippets, or pointers to resources would be incredibly valuable as I work towards a solution.

Feel free to reply here, or you can reach me directly through private messages or email at [Your Contact Information]. Your contribution will not only aid me but also benefit others in the community who might be facing a similar challenge.

Thank you for your time and consideration. Looking forward to learning from your experiences!

you can find the code here
https://bpa.st/LXCHY 

Subject: Seeking Guidance on Creating Relative Paths to Max for Live Devices via node.script
Hello Max/MSP Community,
I hope this message ... 

seeking-guidance-on-creating-relative-paths-to-max-for-live-devices-via-nodescript

have you looked at this document that explains some details of how to use node.script with project and Max for Live Devices?

https://docs.cycling74.com/max8/vignettes/03_n4m_projects_devices 

// my project structure
- https://hastebin.com/share/liwolujeni.bash 

// my bash script for renaming projects
- https://hastebin.com/share/olavupecex.bash

// my javsacript file for setting up random cues
- https://hastebin.com/share/nujivotosa.javascript 

so basically what i did:
- gave all my samples unique names using a bash script (a lot of files, so didn't do that manually);
- changed that in the node.script file;
- added the path of the project to the maxmsp system path

Seeking Guidance on Creating Relative Paths to Max for Live Devices via node.script

s4i ko

I'm trying to get Max to communicate with a web server using Node.js, but I can't get the script running. I know I can only run the script from Max for it to find 'max-api', and I've tried with several examples, but it won't work.

Each time I press 'script npm install' or 'script start' it will log 'node process manager not running'. If I press 'script reboot' it will try to start it 5 times and say 'Node for Max process manager quit after 5 restarts'.

I can't find anyone with the same problem, and i really don't know how to solve it. I hope someone will be able to help !

image.png

Hello,
I'm trying to get Max to communicate with a web server using Node.js, but I can't get the script running. I know I can only run the s

node-for-max-node-process-manager-not-running

It sounds like there's a syntax error in the code you are trying to run. It would be helpful to see the node console, you can see that if you use the node.script debugging tool. You can find the debugging tool in the [node.script] helpfile. It's a bpatcher you can copy to your patch and connect to your [node.script]. To see the console click the button on the top right corner of the debugging tool.

Thank you for answering. I believe the debugging tool is already in the patch I'm using. I comes from there, I didn't modify it : https://github.com/avantcontra/osc-websocket-example/tree/master/max 

Here is a screenshot, the debug console says empty when I press any button ('npm install', 'start', 'reboot'...)

I guess the problem comes from my machine, I'm already using npm for several websites. Maybe Max isn't allowed to access npm or to start anything. I've tried a global installation of node process manager, without success.

I also installed it in that folder with the terminal, it successfully reads the package.json.

Unless I'm misremembering this already came up on the Github repo, where we suggested to get in touch with the Cycling '74 support? It appears that the Process Manager itself that Node for Max uses internally is failing to start on your machine, which hints at nothing being wrong with your scripts but something else blocking it.

To confirm are you able to open the node.script help patch and start the examples in there? The easiest way is to just open the node.script help file and see if you use the script start and script stop messages in the basic tab successfully. (debug tool shows a green success banner).

If not please get in touch with support, who will help figuring out further what might be at odds here as it might in fact be specific to your environment.

As an aside - no additional or even machine wide install of Node, NPM or any other tool is required and you don't have to use the terminal. In fact, Max ships with everything necessary to run node.script.

Indeed, I also asked it in Github. I got the email notification from your answer, I assumed it came also from here, I forgot I did also ask on Github...

I can't open any script, in the node.script help patch as well.

I will contact the support right now to figure out what can be going wrong. Sorry for the duplicate topic on both plateforms.

Hey, did you find any solutions on this? I'm experiencing the same issue although I'm running Max with Ubuntu via Wine.

Node for Max - node process manager not running

pseudostereo

The Javascript Math object includes the static method Math.cbrt(), to calculate the cube root.

However, when I try to run a js object that uses this method, I get this error:

js: test.js: Javascript TypeError: Math.cbrt is not a function, line 8

I'm not getting the error with any other Math methods.

The Javascript Math object includes the static method Math.cbrt(), to calculate the cube root.

However, when I try to run a js object that ... 

no-cube-root-in-javascript

no cube root in javascript?

Is possible to declare an attribute to pick a color in JSUI ? I can declare it as an array like this:

var background_color = [0.1,0.1,0.1,1];
declareattribute("background_color", null, null, 1)
but would be nice to have a color picker like standard UI objects.

Is possible to declare an attribute to pick a color in JSUI ? I can declare it as an array like this:

var background_color = ... 

jsui-color-attribute

JSUI color attribute

I'm trying to determine the global (screen) location of the top-left of a patcher but it seems that you need to know the height/size of the toolbar otherwise the reported location from patcher.win.location is incorrect (can be confirmed by turning off the toolbars).

Does anyone know the proper way to compensate for this? I've tried searching for information regarding the toolbarvisible property but there seems to be no way of reading this or if there is there's no information regarding the size of the toolbar.

I'm trying to determine the global (screen) location of the top-left of a patcher but it seems that you need to know the height/size of the ... 

get-sizevisibility-of-toolbar-in-max

The thispatcher Max object can give this information

But I don't see a way to do it in js. this.patcher.window("getwindowrect") doesn't work.

This is a way to get the toolbarvisible attribute: this.patcher.getattr("toolbarvisible")

the toolbar size could change over runtime versions, so it makes sense that an external can do it but not js. 
i had a similar issue with the menubars of the 4 different macos i use and "solved" it by always hiding it, then 0 0 is always 0 0.

Fortunately, we can script-create any object, send it a message and get the result before you can even say cheating.

function bang()
{
	var myObject = this.patcher.newdefault(0,0,"thispatcher");
	this.patcher.connect(myObject,0,this.box,0); 
	myObject.message("window", "getwindowrect");
	this.patcher.remove(myObject); 
}
function window()
{
	if (arguments[0] == "windowrect")
		post("windowrect:", arguments[1],arguments[2],arguments[3],arguments[4]);
}

Yeah, there's a few way to fake it. Something I'm doing at the moment is constantly sending the output from `mousestate` (global screen position) into my JSUI object (using polling mode). Inside the JSUI I'm using the difference between two points. Point A is the X/Y origin of where the pointer was when the user clicks inside the JSUI subtracted from the X/Y position of the JSUI window inside the Max window (`this.box.rect` information of the JSUI). Point B is the global position of the mouse (`mousestate`) when the user clicks the mouse button. The X/Y difference between these two gives you the correct offset to calculate the position of the click inside your JSUI, *inside* the Max window, *inside* your screen. It works but having to pipe the `mousestate` constantly into the JSUI is a bit icky.

This is confusing. What type of coordinates you want to get for the click? 

What I'm trying to do is hide the mouse pointer when you click and drag an element inside a JSUI so when you release the mouse button it's position is restored to where you clicked via `pupdate(x,y)`. The difficulty arises because pupdate() uses screen-based coordinates and the window/rectangle parameters inside Max don't take into account the toolbar.

Here's a video of it in action using the `mousestate` method I described. You'll see the mouse pointer reappears over the node after I've stopped dragging it, even though in the real world the mouse pointer has likely gone way outside of the frame of the JSUI.


Ok, I get it now. If you use the patcher rect attr instead of the wind.location, your calculation should work without [mousestate].

function onclick(x,y,but,cmd,shift,capslock,option,ctrl)
{
	//box2screen
	post(this.patcher.getattr('rect')[0] + x + this.box.rect[0]);
	post(this.patcher.getattr('rect')[1] + y + this.box.rect[1]);
	post();
}

That's working perfectly! Thank you so much 🙏

You also need to have in mind that patcher scrolling is changing the position. And zooming may also affect the result. 

Cycling '74 Forums

Thank you so much Florian, After removing the math operations in mySockets.js, it works very well ! I now only have one issue left to ...

Solution found: Apparently, I should have use "set" method on a seperate function call, like below: var note_filter = new ...

I have a JSUI project where I want to present some attributes as a list but I can't figure out how it works.

Hi Jarret, this is correct, I don’t have an ETA or too much detail right now but we’ll be looking into this for a future update alongside ...

JS in Max is ES5 (ECMAScript 2009), so it lacks lots of modern niceties.

hey florian i did it.

Hey, did you find any solutions on this? I'm experiencing the same issue although I'm running Max with Ubuntu via Wine.

Got it. Too bad, but thanks.

Is possible to declare an attribute to pick a color in JSUI ? I can declare it as an array like this: var background_color = ...

Good point. It's a great start though!