AutoReloader generalization

This commit is contained in:
Sebastian Seedorf
2020-11-18 23:38:53 +01:00
parent 18d4cc0ec0
commit ad653f6568
3 changed files with 105 additions and 51 deletions

12
out/auto-reload.d.ts vendored
View File

@@ -1,3 +1,11 @@
export declare const AutoReloader: {
router: import("express-serve-static-core").Router;
import { Router } from 'express';
export declare type ReloaderConfig = {
frontendDirs: string | string[];
subPath?: string;
jsName?: string;
};
declare function getRouter(opts: ReloaderConfig): Router;
export declare const AutoReloader: {
getRouter: typeof getRouter;
};
export {};

View File

@@ -4,26 +4,35 @@ exports.AutoReloader = void 0;
const express_1 = require("express");
const _1 = require(".");
const uuid_1 = require("uuid");
const router = express_1.Router();
if (!_1.DefaultConfig.isProduction) {
let uuid = uuid_1.v4();
let updateTimeout = undefined;
Promise.resolve().then(() => require("node-watch")).then((watch) => {
watch.default('public', { recursive: true }, () => {
if (updateTimeout !== undefined)
clearTimeout(updateTimeout);
updateTimeout = setTimeout(() => {
uuid = uuid_1.v4();
}, 200);
});
}).catch((err) => { _1.Logger.error(err); });
router.get("/auto-reload/client.js", (req, res) => {
_1.Logger.debug(req.url, req.originalUrl, req.baseUrl);
res.setHeader('Content-Type', "application/javascript");
// language=JavaScript
res.send(`
function getRouter(opts) {
const config = {
frontendDirs: Array.isArray(opts.frontendDirs) ? opts.frontendDirs : [opts.frontendDirs],
subPath: opts.subPath || '/auto-reload',
jsName: opts.jsName || 'client.js',
};
const router = express_1.Router();
if (!_1.DefaultConfig.isProduction) {
let uuid = uuid_1.v4();
let updateTimeout = undefined;
Promise.resolve().then(() => require("node-watch")).then((watch) => {
for (const frontendDir of config.frontendDirs) {
watch.default(frontendDir, { recursive: true }, () => {
if (updateTimeout !== undefined)
clearTimeout(updateTimeout);
updateTimeout = setTimeout(() => {
uuid = uuid_1.v4();
}, 200);
});
}
}).catch((err) => { _1.Logger.error(err); });
// /auto-reload/client.js
router.get(_1.urlJoin(config.subPath, config.jsName), (req, res) => {
_1.Logger.debug(req.url, req.originalUrl, req.baseUrl);
res.setHeader('Content-Type', "application/javascript");
// language=JavaScript
res.send(`
const loc = window.location;
const url = loc.protocol+'//'+loc.host+'${_1.urlJoin(req.baseUrl, "/auto-reload")}';
const url = loc.protocol+'//'+loc.host+'${_1.urlJoin(req.baseUrl, config.subPath)}';
// const parse = async res => (await res.json()).uuid;
const parse = function(res) {
return res.json()
@@ -50,12 +59,15 @@ if (!_1.DefaultConfig.isProduction) {
}
}, 3000);
`.replace(/\t/g, ""));
});
router.get("/auto-reload", (req, res) => {
req.noHttpLogging = true;
res.json({ uuid });
});
});
// /auto-reload
router.get(_1.urlJoin(config.subPath), (req, res) => {
req.noHttpLogging = true;
res.json({ uuid });
});
}
return router;
}
exports.AutoReloader = {
router,
getRouter,
};