devd VS algo

Your technique is one I would turn towards as a developer who understands HTML/CSS flow so much better than I do any typesetting tool. I actually use a very similar technique for managing my CV and generating invoices for clients; I have a little "static site" generator I've written that takes JSON, throws it through a templating engine, and spits out HTML files. I then host a server in the output folder and print-to-pdf directly from there. This approach seems quite rare; I don't think enough people appreciate just how flexible CSS is or its support for common print-related tasks.

There are plenty of solutions to that specific problem. Nowadays, I only work on Nuxt/Next/Astro projects that come with hot reload out of the box so I don't have a need for it anymore, but I have used https://github.com/cortesi/devd a lot in the past, with much success.

A no-install solution would be to use the "workspace" feature of Chrome's Dev Tools:

1. Open your .html file in Chrome.

2. Open the Dev Tools.

3. In the "Sources" tab, activate the "Filesystem" sub-tab.

4. Click on "+ Add folder to workspace" and choose the directory containing your .html and .css files.

5. Edit the .css file with autocompletion and live preview.

6. Save your work so that it is synchronized with your filesystem.

In action: https://i.imgur.com/slcSt9X.gif

Try https://github.com/cortesi/devd

This pair of tools do both front-end and back-end live reloading with a small amount of config: https://github.com/cortesi/modd https://github.com/cortesi/devd

In tandem with https://github.com/cortesi/devd I've found it a good setup for web development.

Modd watches file changes and rebuilds, while Devd enables livereload, letting me make changes in my text editor and then see the rendered changes in the browser, side-by-side, in near real-time.

This is for go web development but I'm pretty sure these two tools are language-agnostic.

My favourite is https://github.com/cortesi/devd

Since we're already presuming you have a functional PFSense box with Wireguard installed and a VPS stood up, now you need to get Algo installed on the VPS. I'm not going to write this part out in detail, but basically you need to follow the procedures here to get Algo installed. However, *before* running ./algo you probably want to edit some of the config.cfg settings. I disabled IPSec (which saves a bunch of package installs and prevents a bunch of failures I saw on some of my VPSs), set my reduce_mtu setting to 80 just to prevent any MTU issues down the line, turned off DNS encryption, and renamed my users to the servers in question (for example: pfsense, vps_server, etc)

Check out the command line args for Auto1111, it talks about a gradio setup that can be accessed remotely. There's a time limit on gradio links though, I think. You could also set up a vpn that will allow you to access your PC remotely, then run A1111 with the --listen command and access it that way. I've done this with an Algo VPN on Azure and a Wireguard client for Windows for Android, but any VPN that lets you access your PC remotely would work.

One way you could try to get around is building your own VPN service, like this: https://github.com/trailofbits/algo/blob/master/README.md

Things I have tried so far: Clear network cache and reset adapters - IDK it fix aprevious problem I had https://github.com/trailofbits/algo/discussions/14504

(I can simply install Algo and get the Wireguard tunnel working, easy peasy... But from there, I can never get Plex port 32400 open... so I'm just trying from scratch now...)

Maybe try running algo vpn (following the road-warrior setup) in a VM instead? It has very light requirements. https://github.com/trailofbits/algo/blob/master/docs/deploy-to-ubuntu.md