question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

The index.html is minified and breaks some automation

See original GitHub issue

The minified index.html (all content in one single line) in Element-Web v1.7.28 (and maybe one or two versions prior) completely breaks (our) Ansible-automated installation and configuration scripts.

Can this please be reverted? Element still offers no proper way of customisation and almost any new elements that are introduced use hardcoded color values instead of existing color variables … it’s simple not possible to properly modify element with just the color variable definitions in config.json, and now breaking the proper HTML-structure in index.html even makes it close to impossible to automatically change/add contents in that file, like e.g. adding custom css.

Please revert this to non-minified, proper HTML.

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:15 (14 by maintainers)

github_iconTop GitHub Comments

3reactions
jryanscommented, May 17, 2021

The content of the index.html file is not a supported API surface, so it might change at any time.

This document minification was not done on purpose, but instead it happened as a side effect of upgrading. We would happily accept a PR to fix this, but it is also not a priority for the core team.

2reactions
t3chguycommented, May 17, 2021

Please revert this to non-minified, proper HTML.

pretty sure it is quite proper & valid; https://validator.w3.org/nu/?doc=https%3A%2F%2Fapp.element.io%2F doesn’t complain about the formatting of the file.

Can this please be reverted?

This was not an intentional change, but likely caused by a dependency being upgraded.

completely breaks (our) Ansible-automated installation and configuration scripts.

Your scripts were brittle then.

almost any new elements that are introduced use hardcoded color values instead of existing color variables

Please report these specifically because this should not be happening.

makes it close to impossible to automatically change/add contents in that file, like e.g. adding custom css.

Not impossible at all, you just have to write more resilient scripts that don’t break when handed VALID HTML.

Read more comments on GitHub >

github_iconTop Results From Across the Web

ng build production should minify index.html in dist #11360
We recognize that optimizing index.html is a clear area of improvement for Angular, and understand the desire for automated metrics to ...
Read more >
What is Minification and why is it Wreaking Havoc
It removes whitespace and unnecessary characters from your HTML, CSS, and Javascript code (the files that are sent to your visitor's browsers).
Read more >
minify - HTML minification? - Stack Overflow
It allows you to automate a lot of tasks. Among them JS, CSS, HTML minification, file concatenation and many others.
Read more >
What is Minification | Why minify JS, HTML, CSS files - Imperva
Minification is the process of minimizing code and markup in your web pages and script files. It's one of the main methods used...
Read more >
How to Minify HTML - Rigor
Minifying your HTML can improve your PageSpeed Score, decrease your page's render and load times, and reduce your overall page size.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found