mirror of
https://github.com/home-assistant/frontend.git
synced 2025-12-20 18:58:57 +00:00
512b07963b
* Add build using polymer-build * Use bundle strategies to tweak stripExcludes * Only vulcanize hass.io panel * Rename hassio panel generate script * Remove hydrolysis * Get it all somewhat working * Fixes * Allow ES2015 + fix minify JS * Clarify we need to fix service worker minify * Move service worker template out of tasks folder * Fix broken CSS * Wrap it up * Fix maps
111 lines
3.2 KiB
JavaScript
Executable File
111 lines
3.2 KiB
JavaScript
Executable File
/*
|
|
Generate a caching service worker for HA
|
|
|
|
Will be called as part of build_frontend.
|
|
|
|
Expects home-assistant-polymer repo as submodule of HA repo.
|
|
Creates a caching service worker based on the CURRENT content of HA repo.
|
|
Output service worker to build/service_worker.js
|
|
|
|
TODO:
|
|
- Use gulp streams
|
|
- Fix minifying the stream
|
|
*/
|
|
var gulp = require('gulp');
|
|
var crypto = require('crypto');
|
|
var fs = require('fs');
|
|
var path = require('path');
|
|
var swPrecache = require('sw-precache');
|
|
var uglifyJS = require('uglify-js');
|
|
|
|
const config = require('../config');
|
|
|
|
const DEV = !!JSON.parse(process.env.BUILD_DEV || 'true');
|
|
|
|
var rootDir = config.static_dir;
|
|
var panelDir = path.resolve(rootDir, 'panels');
|
|
|
|
var dynamicUrlToDependencies = {
|
|
'/': [
|
|
rootDir + '/frontend.html',
|
|
rootDir + '/core.js',
|
|
rootDir + '/compatibility.js',
|
|
],
|
|
};
|
|
|
|
var staticFingerprinted = [
|
|
'frontend.html',
|
|
'mdi.html',
|
|
'core.js',
|
|
'compatibility.js',
|
|
];
|
|
|
|
// These panels will always be registered inside HA and thus can
|
|
// be safely assumed to be able to preload.
|
|
var panelsFingerprinted = [
|
|
'map', 'dev-event', 'dev-info', 'dev-service', 'dev-state', 'dev-template',
|
|
'dev-mqtt',
|
|
];
|
|
|
|
function md5(filename) {
|
|
return crypto.createHash('md5')
|
|
.update(fs.readFileSync(filename)).digest('hex');
|
|
}
|
|
|
|
gulp.task('gen-service-worker', () => {
|
|
// Create fingerprinted versions of our dependencies.
|
|
staticFingerprinted.forEach(fn => {
|
|
var parts = path.parse(fn);
|
|
var hash = md5(rootDir + '/' + parts.name + parts.ext);
|
|
var url = '/static/' + parts.name + '-' + hash + parts.ext;
|
|
var fpath = rootDir + '/' + parts.name + parts.ext;
|
|
dynamicUrlToDependencies[url] = [fpath];
|
|
});
|
|
|
|
panelsFingerprinted.forEach(panel => {
|
|
var fpath = panelDir + '/ha-panel-' + panel + '.html';
|
|
var hash = md5(fpath);
|
|
var url = '/frontend/panels/' + panel + '-' + hash + '.html';
|
|
dynamicUrlToDependencies[url] = [fpath];
|
|
});
|
|
|
|
var options = {
|
|
navigateFallback: '/',
|
|
navigateFallbackWhitelist: [/^((?!(static|api|local|service_worker.js|manifest.json)).)*$/],
|
|
dynamicUrlToDependencies: dynamicUrlToDependencies,
|
|
staticFileGlobs: [
|
|
rootDir + '/icons/favicon.ico',
|
|
rootDir + '/icons/favicon-192x192.png',
|
|
rootDir + '/webcomponents-lite.min.js',
|
|
rootDir + '/fonts/roboto/Roboto-Light.ttf',
|
|
rootDir + '/fonts/roboto/Roboto-Medium.ttf',
|
|
rootDir + '/fonts/roboto/Roboto-Regular.ttf',
|
|
rootDir + '/fonts/roboto/Roboto-Bold.ttf',
|
|
rootDir + '/images/card_media_player_bg.png',
|
|
],
|
|
stripPrefix: '..',
|
|
replacePrefix: 'static',
|
|
verbose: true,
|
|
};
|
|
|
|
var devBase = 'console.warn("Service worker caching disabled in development")';
|
|
|
|
var swHass = fs.readFileSync(path.resolve(__dirname, '../service-worker.js.tmpl'), 'UTF-8');
|
|
|
|
var genPromise = DEV ? Promise.resolve(devBase) : swPrecache.generate(options);
|
|
|
|
genPromise = genPromise.then(swString => swString + '\n' + swHass);
|
|
|
|
// Fix this
|
|
// if (!DEV) {
|
|
// genPromise = genPromise.then(
|
|
// swString => uglifyJS.minify(swString, { fromString: true }).code);
|
|
// }
|
|
|
|
genPromise.then(swString => {
|
|
fs.writeFileSync(path.resolve(config.build_dir, 'service_worker.js'), swString);
|
|
});
|
|
|
|
return genPromise;
|
|
});
|