Setting up for basic luci development

[twinkleLED]

I want to build a simple application luci configuration page, and modify some of the existing gui. I have a router with 21.02rc3 installed.

https://github.com/openwrt/luci/wiki/DevelopmentEnvironmentHowTo suggests

The recommended way to develop LuCI is to edit it on a real OpenWrt system in conjunction with an editor or IDE which supports remotely editing files via the SCP or SFTP protocol.

This seems lightweight and nice. But the Javascript files on the router are minified, and so don't exactly match what is on github.

Q: Is there an easy/recommended way of upgrading the router files to be uncompressed before editing them?

[stangri]

I would just grab the corresponding files from github, they shouldn't be minimized there.

[jow]

As files are minimized independently and not bundled in any way you can replace them one-by-one with github versions.

[hnyman]

@twinkleLED

the Javascript files on the router are minified, and so don't exactly match what is on github.

If you compile your own image, you can disable the minification for LuCI, so that files on router match the GitHub version.

[twinkleLED]

I have installed a full beautiful /www/luci-static/resources/view/system/system.js on the router. To make sure everything is working I have tweaked some text labels and default values, added a new field to the uci, etc. Seems to work (after I figured out caching). Thank you each!

My next goal is to figure out how to add/remove bigger "pages" from luci. In the new Javascript luci world, how would I remove the whole Network menu, or remove the Software part of the System menu? On the wiki I find the older lua descriptions for entry() in the Wiki, but how is that done in Javascript?

[twinkleLED]

I have found /usr/share/luci/menu.d (on router) which seems to have the JSON defining the top of the screen menus, those in BLACK in the photo above. I can very crudely edit those files and see the impact.

I would still find any develop/build documentation for the modern preferred way of doing these things very helpful, in case anyone has any pointers.

[biangbiangmian]

Vscode remote missing bash

Just wanted to add that yeah seems like the vscode remote development doesn't work with openwrt for me either but I have been pretty seamlessly mounting the openwrt filesystem with sftp, as @SirToffski said, and specificially with https://marketplace.visualstudio.com/items?itemName=liximomo.remotefs on vscode it feels jsut like editing any other folder.

[twinkleLED]

Thank you. Great idea!

[westurner]

Is running OpenWRT w/ LuCI in Docker an option?

OpenWrt in Docker (openwrt/docker, docker-openwrt) best practices, LuCI [app] development, PQ Post-Quantum crypto (!RSA,) (2023)

Went looking for resources to learn to develop a simple luci app, https://openwrt.org/docs/guide-user/virtualization/docker_openwrt_image#openwrt_as_a_native_docker_image openwrt/docker https://github.com/openwrt/docker/blob/main/Dockerfile https://github.com/openwrt/docker/blob/main/.github/workflows/containers.yml https://github.com/openwrt/docker#rootfs-experimental ::docker run --rm -it openwrt/rootfs # inside the Docker container mkdir /var/lock/ opkg update opkg install tmate tmate T…