WebUI v3 Extension - Hold Monitor

[jeyeager (Jason Yeager)]

This came up in another thread about automating Z leveling with gcode. It would be nice to have a popup display with an appropriate message when a hold occurs so you can resume from a popup. Otherwise, you have to find the button and it might not show the right message.

GCode Variables and Loops

Also, since sometimes I can’t turn my brain off, I have this idea that by having the gcode output a message in a certain format, an extension could be created to process that message and translate it into the modal popup functionality of WebUI v3. This would allow you to create a gcode script that can prompt the user instead of having to manually set them in the gcode before running. I’ve successfully been able to trigger a modal popup via an extension based on messages followed by a hold. Se…

That describes some extra functionality for prompting for input that may get added later.

I wasn’t the only one with this thought:

GCode Variables and Loops

This was the #1 thing I wanted WebUI v3 for. It’s always been a goal of mine to replace the built-in terminal or something with a custom one, so I can get modal prompts for “attach probe” etc… Because sometimes I’m just staring at the machine waiting, until I realize what’s going on. Or I have accidentally pressed PLAY a 2nd time forgetting I was supposed to be doing something… Unfortunately, too many other things took over my time so I never got to it…

This is super helpful.

Check it out and let me know what you think!

ESP3D-WEBUI-Mods/Extensions/HoldMonitor at main · jeyeager65/ESP3D-WEBUI-Mods

[Michael_Melancon (Mike M)]

Awesome, I’ll definitely check it out. I’m really far behind in all this stuff. I think I’m still running my self-built FluidNC for WEbUI3 from before it was officially accepted and built

I sent this to someone in a DM back in May… just never got around to actually doing it…

@Michael_Melancon

I’d really like to make a better Terminal panel that can do alert boxes for my prompts and stuff.

[jeyeager (Jason Yeager)]

I thought about making it part of a new status panel or maybe the terminal. I’d like a version of the terminal where you can optionally hide the status messages.

[Michael_Melancon (Mike M)]

I’d also like a jog panel that had easier ways to do “Go To this specific spot” or make bigger movements, or even make changing the speeds a bit easier on a tablet…

Some of that functionality was on Mitch’s old Tablet UI.

I guess I need to actually upgrade all my stuff and see how his stuff looks and what’s missing now. I operate on a 7" iPad and I find some things kinda clunky having to scroll up and down

I’m going to try to remember tomorrow to sync the WebUI with the latest from Luc and make a new build.

Then maybe I’ll upgrade everything at some point this week and play with some of the extensions.

@jeyeager You can take the theme-FluidNC file from my releases page and add that to your theme repository if you want for a FluidLight theme.

That will maybe make it more accessible for people looking for a light theme better than the default purple look

[Michael_Melancon (Mike M)]

@Michael_Melancon

I’m going to try to remember tomorrow to sync the WebUI with the latest from Luc and make a new build.

Release 3.0.0-a77 · michmela44/ESP3D-WEBUI

[vicious1 (Ryan)]

So I just need to swap that one file out in the config repo right?

[Michael_Melancon (Mike M)]

yes, index.html.gz is the only one.

I ran it briefly in the simulator, but I have not tried running it on the machine and really tested it fully, so may want to give it a whirl first

[jeyeager (Jason Yeager)]

I made some minor formatting updates to this to take advantage of the space available with changes in the WebUI 3.0.0-5-FluidNC release.

Just wanted to throw out there that of the WebUI v3 mods that I’ve done, this is easily my favorite and the most useful. Seeing the feed hold messages in a prompt when the gcode is probing or doing tool changes is handy.

[vicious1 (Ryan)]

I think it is time to put together a complete Jason approved V3 list for the V1 Github repo. Finally time to move over to V3 I think.

[srcnet]

@vicious1

I think it is time to put together a complete Jason approved V3 list for the V1 Github repo.

For what it’s worth, I read almost every post and visit every day and I still have no idea what to do for V3, which firmware, and which Jason updates etc. It is all over the place haha

[jeyeager (Jason Yeager)]

@srcnet

For what it’s worth, I read almost every post and visit every day and I still have no idea what to do for V3, which firmware, and which Jason updates etc. It is all over the place haha

Yea, I can absolutely understand that. I was thinking about making some videos but I kind of suck at that (and don’t like hearing myself talk). I think that as WebUI v3 becomes the recommended version, some documentation and repos will get updated so hopefully it gets clearer.

Here’s a run down which gives some overview and thoughts on the confusion:

Why I Prefer WebUI v3

• I like the jog panel (even the default one) waaaaay more than v2. The v2 one is fine if using a mouse, but terrible with a touch screen.
• Macros are much easier.
• I like that things can be customized through themes and extensions.
• It is a lot more customizable. Show what you want and hide the rest.
• Other Features
  • Keyboard/gamepad control - I tried this but don’t use regularly.
  • Drag and drop files to upload - I use this all the time.

Firmware

This is still whatever the V1 recommended firmware version is. It’s officially 3.9.1 but I think that’s going to change to 3.9.7 soon. For the most part, the WebUI is independent of the FluidNC version.

WebUI v3 Version

3.0.0.5-FluidNC
Release 3.0.0-5-FluidNC · michmela44/ESP3D-WEBUI

My Stuff

This is all completely optional. All the links go to my Github page with instructions.

• Themes - Dark V1E and FluidNC Themes
  • These are nice if you like dark themes. They used to have some additional tweaks but they’re now a part of the base theme. I think the base theme is completely fine now.
  • ESP3D-WEBUI-Mods/Themes at main · jeyeager65/ESP3D-WEBUI-Mods
• Extension - Joystick Jogging - Just an alternate jogging panel for touch based joystick control. If you don’t like the included jog panel, you can try this.
  • ESP3D-WEBUI-Mods/Extensions/JoyJog at main · jeyeager65/ESP3D-WEBUI-Mods
• Extension - Hold Monitor (this thread) - Shows a message history and shows a popup of any M0 messages with a resume button. It’s handy because otherwise you need to go find the message in the terminal, but if it’s still giving status updates, it won’t be the latest thing in the terminal.
  • ESP3D-WEBUI-Mods/Extensions/HoldMonitor at main · jeyeager65/ESP3D-WEBUI-Mods

WebUI v3 Installation

This is where instructions could probably be improved.

Source

Right now, there’s Mike’s Github (linked above) which is the official FluidNC fork of the WebUI.

Ryan has versions in the FluidNC_Configs repo:

• Lowrider: FluidNC_Configs/LowRider CNC/UI V3 LRCNC at main · V1EngineeringInc/FluidNC_Configs
• MPCNC: FluidNC_Configs/MPCNC/UI V3 MPCNC at main · V1EngineeringInc/FluidNC_Configs

Both of those folders have the same files as far as the WebUI is concerned:

• favicon.ico - Just the icon shown in the corner of the browser window.
• index.html.gz - Main WebUI v3 page
• preferences.json - WebUI configuration. WebUI v2 has this file as well, but it’s completely different.
• theme-FluidNC.gz - This file isn’t needed anymore because it’s integrated into the main page.

I wonder if the WebUI files should be separated from the config.yaml file.

Actually Installing It

First I would backup the existing files on Flash so you can restore if necessary.

1. Get the WebUI v3 index.html.gz from Mike’s repo or Ryan’s repo (which I assume will be updated soon so they’re the same version).
2. Get the preferences.json and favicon.ico from Ryan’s repo.
3. Upload them all to Flash. On WebUI v2, that’s under FluidNC tab, then green folder icon to “Manage local files”. You can do it via FluidTerm or the Web Installer.

But the WebInstaller…

This is where I don’t know all the details. The WebInstaller (https://installer.fluidnc.com/) is sometimes quirky for me and I don’t really use it.

Not too long ago, they added the option to add WebUI v2 or v3 with that. At some point, Mike will create a PR to update the FluidNC repo, which will then make that the version installed from the web installer.

But, I don’t think that installs a preferences.json file. It’s not that bad to setup yourself, but having a start helps.

So, yea, it’s a little all over the place, but ignoring my stuff, it’s not any more all over the place than WebUI v2. This is why I understand Ryan trying to put stuff all in a single folder to help to simplify things a bit. I’m not sure what the complete solution is.

[vicious1 (Ryan)]

@jeyeager

This is where I don’t know all the details. The WebInstaller (https://installer.fluidnc.com/) is sometimes quirky for me and I don’t really use it.

Yeah it is just not working for me very well. It always says hold boot button and then does not work. I need to let him know.

@jeyeager

This is why I understand Ryan trying to put stuff all in a single folder to help to simplify things a bit. I’m not sure what the complete solution is.

Soon

[Michael_Melancon (Mike M)]

@jeyeager

At some point, Mike will create a PR to update the FluidNC repo, which will then make that the version installed from the web installer.

The pull request is in, but it may require them to do another release before the installer is updated…I’m not sure. I did update the path so that it’s always the latest, though.

Here is the latest WebUI download link