Skip to content

"WLED Matrix tool": new image & scrolling text interface #4982

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 16 commits into
base: main
Choose a base branch
from
Open

"WLED Matrix tool": new image & scrolling text interface #4982

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
07c6d13
WIP: new matrix tool
DedeHai Oct 3, 2025
7471875
many bugfixes, updated UI
DedeHai Oct 3, 2025
73781a3
moved matrix tool into its own folder, fixed and broke some stuff
DedeHai Oct 3, 2025
97fff52
add support for animated gif
DedeHai Oct 4, 2025
6d216fa
using style.css, add option in cdata.js to not inline css
DedeHai Oct 4, 2025
c03acc8
Many fixes and updated UI
DedeHai Oct 4, 2025
91ef12d
minor optimizations
DedeHai Oct 4, 2025
18c91c4
adding FS memory info
DedeHai Oct 4, 2025
5dde517
adding initial version of scrolling text tool, some more styling needed
DedeHai Oct 5, 2025
890b21e
Fixed UI styling, added proper tabs
DedeHai Oct 5, 2025
cc1c48c
update default button styling: adding hover like in main UI
DedeHai Oct 5, 2025
b3458b9
minor cleanup
DedeHai Oct 5, 2025
15eb30a
skip 1D segments, change indentation to tabs
DedeHai Oct 6, 2025
e5e1b81
removed some margin, fixed old additional parameter
DedeHai Oct 6, 2025
de942ad
Code refactoring & optimization, removed some CSS styling, rename of …
DedeHai Oct 6, 2025
bbf5476
change @import to link for proper minification
DedeHai Oct 9, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 5 additions & 4 deletions tools/cdata.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ const packageJson = require("../package.json");
// Export functions for testing
module.exports = { isFileNewerThan, isAnyFileInFolderNewerThan };

const output = ["wled00/html_ui.h", "wled00/html_pixart.h", "wled00/html_cpal.h", "wled00/html_pxmagic.h", "wled00/html_settings.h", "wled00/html_other.h"]
const output = ["wled00/html_ui.h", "wled00/html_pixart.h", "wled00/html_cpal.h", "wled00/html_pxmagic.h", "wled00/html_matrixtool.h", "wled00/html_settings.h", "wled00/html_other.h"]

// \x1b[34m is blue, \x1b[36m is cyan, \x1b[0m is reset
const wledBanner = `
Expand Down Expand Up @@ -126,12 +126,13 @@ async function minify(str, type = "plain") {
throw new Error("Unknown filter: " + type);
}

async function writeHtmlGzipped(sourceFile, resultFile, page) {
async function writeHtmlGzipped(sourceFile, resultFile, page, inlineCss = true) {
console.info("Reading " + sourceFile);
inline.html({
fileContent: fs.readFileSync(sourceFile, "utf8"),
relativeTo: path.dirname(sourceFile),
strict: true,
strict: inlineCss, // when not inlining css, ignore errors (enables linking style.css from subfolder htm files)
stylesheets: inlineCss // when true (default), css is inlined
},
async function (error, html) {
if (error) throw error;
Expand Down Expand Up @@ -244,8 +245,8 @@ if (isAlreadyBuilt("wled00/data") && process.argv[2] !== '--force' && process.ar

writeHtmlGzipped("wled00/data/index.htm", "wled00/html_ui.h", 'index');
writeHtmlGzipped("wled00/data/pixart/pixart.htm", "wled00/html_pixart.h", 'pixart');
//writeHtmlGzipped("wled00/data/cpal/cpal.htm", "wled00/html_cpal.h", 'cpal');
writeHtmlGzipped("wled00/data/pxmagic/pxmagic.htm", "wled00/html_pxmagic.h", 'pxmagic');
writeHtmlGzipped("wled00/data/matrixtool/matrixtool.htm", "wled00/html_matrixtool.h", 'matrixtool', false); // do not inline css

writeChunks(
"wled00/data/cpal",
Expand Down
2 changes: 1 addition & 1 deletion wled00/data/index.htm
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -128,7 +128,7 @@
</div>
<div style="padding: 8px 0;" id="btns">
<button class="btn btn-xs" title="File editor" type="button" id="edit" onclick="window.location.href=getURL('/edit')"><i class="icons btn-icon">&#xe2c6;</i></button>
<button class="btn btn-xs" title="Pixel Magic Tool" type="button" id="pxmb" onclick="window.location.href=getURL('/pxmagic.htm')"><i class="icons btn-icon">&#xe410;</i></button>
<button class="btn btn-xs" title="Matrix Tool" type="button" id="pxmb" onclick="window.location.href=getURL('/matrixtool.htm')"><i class="icons btn-icon">&#xe410;</i></button>
<button class="btn btn-xs" title="Add custom palette" type="button" id="adPal" onclick="window.location.href=getURL('/cpal.htm')"><i class="icons btn-icon">&#xe18a;</i></button>
<button class="btn btn-xs" title="Remove last custom palette" type="button" id="rmPal" onclick="palettesData=null;localStorage.removeItem('wledPalx');requestJson({rmcpal:true});setTimeout(loadPalettes,250,loadPalettesData);"><i class="icons btn-icon">&#xe037;</i></button>
</div>
Expand Down
Loading