Skip to content

Comments

Brand after build#452

Closed
SystemsPurge wants to merge 47 commits intomasterfrom
brand-after-build
Closed

Brand after build#452
SystemsPurge wants to merge 47 commits intomasterfrom
brand-after-build

Conversation

@SystemsPurge
Copy link
Contributor

@SystemsPurge SystemsPurge commented Aug 19, 2025

Branding can be applied by mounting a volume with data that looks much like the previous branding data.
Namely :

  • footer.html
  • welcome.html
  • home.html
  • style.css ( for migrating what was previously JSX interpolated inside the functions.js )
  • img ( for all the images )
  • values.json ( now a json file )

The folder containing all this data is now mounted to /usr/share/nginx/html/branding
A good template for it is the default branding in src/branding/default
The html files that reference images from img, have to reference their absolute path from the serving context (/branding/img/)
The build process then appends two tags to the index.html body, one of which is a script tag referencing the js that injects all that is needed at (almost) runtime.
Needless to say that the helm chart for the frontend needs to change accordingly, but this now allows to change the appearance of the website, after building it, by simply modfiying values.json ( or the html files ) and reloading the website.
PS: I am using XHR to request the files from the server as if they were local files. No sensitive data should go in any of the mounted files because they are directly accessible through a browser request. I would love to avoid this by aggreeing on a subset of elements to be modified by the branding, and limiting the mounted files to a single json file + images. The contents of the json file can then be interpolated to be the innerHTML of already known elements
PPS: Also meant to to be merged after the backlog of PR's to come

SystemsPurge and others added 30 commits May 8, 2025 09:37
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: Andrii Podriez <andrey5577990@gmail.com>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: Andrii Podriez <andrey5577990@gmail.com>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: Andrii Podriez <andrey5577990@gmail.com>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
…te changes

Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
…og for a slew specific endpoint

Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
…g manager

Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
…state for values array per dashboard

Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: Andrii Podriez <andrey5577990@gmail.com>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: Andrii Podriez <andrey5577990@gmail.com>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: Andrii Podriez <andrey5577990@gmail.com>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: Andrii Podriez <andrey5577990@gmail.com>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: Andrii Podriez <andrey5577990@gmail.com>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
…mponents

Signed-off-by: Andrii Podriez <andrey5577990@gmail.com>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Anyandsi and others added 17 commits May 8, 2025 09:37
Signed-off-by: Andrii Podriez <andrey5577990@gmail.com>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: Andrii Podriez <andrey5577990@gmail.com>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: Andrii Podriez <andrey5577990@gmail.com>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Implement toggle mode
Adjust size of the box for the WidgetPlayer

Signed-off-by: Andrii Podriez <andrey5577990@gmail.com>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
… mount to the nginx image

Signed-off-by: SystemsPurge <naktiyoussef@proton.me>
@SystemsPurge SystemsPurge deleted the brand-after-build branch August 20, 2025 07:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants