compress.js 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. const { gzip } = require('@gfx/zopfli');
  2. const FS = require('fs');
  3. const path = require('path');
  4. const BUNDLE_JS = FS.readFileSync(path.resolve(__dirname, './dist/js/app.js'));
  5. const HTML = `
  6. <!DOCTYPE html>
  7. <html lang=en>
  8. <head>
  9. <meta charset=utf-8>
  10. <meta http-equiv=X-UA-Compatible content="IE=edge">
  11. <meta name=viewport content="width=device-width,initial-scale=1">
  12. <link rel=icon href=/favicon.ico> <title>ElegantOTA</title>
  13. <script data-name="BMC-Widget" async src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js" data-id="6QGVpSj" data-description="Support me on Buy me a coffee!" data-message="You can always support my work by buying me a coffee!" data-color="#FF813F" data-position="right" data-x_margin="24" data-y_margin="24"></script>
  14. </head>
  15. <body style="overflow: hidden;">
  16. <noscript>
  17. <strong>We're sorry but ElegantOTA doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
  18. </noscript>
  19. <div id=app></div>
  20. <script defer>${BUNDLE_JS}</script>
  21. </body>
  22. </html>
  23. `;
  24. gzip(HTML, { numiterations: 15 }, (err, output) => {
  25. if (err) {
  26. return console.error(err);
  27. }
  28. const FILE = `const uint32_t ELEGANT_HTML_SIZE = ${output.length};
  29. const uint8_t ELEGANT_HTML[] PROGMEM = { ${output} };`;
  30. FS.writeFileSync(path.resolve(__dirname, '../src/elegantWebpage.h'), FILE);
  31. console.log(`[COMPRESS] Compressed Build Files to elegantWebpage.h: ${output.length} Bytes`);
  32. });