/* * Copyright © 2021 Adrien Agez * * This file is part of Nexus Timers. * * Nexus Timers is free software: you can redistribute it and/or modify * it under the terms of the GNU Affero General Public License as published by * the Free Software Foundation, either version 3 of the License, or * (at your option) any later version. * * Nexus Timers is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU Affero General Public License for more details. * * You should have received a copy of the GNU Affero General Public License * along with Nexus Timers. If not, see . */ 'use strict' require('./check-versions')() const config = require('../config') if (!process.env.NODE_ENV) { process.env.NODE_ENV = JSON.parse(config.dev.env.NODE_ENV) } const opn = require('opn') const path = require('path') const express = require('express') const webpack = require('webpack') const proxyMiddleware = require('http-proxy-middleware') const webpackConfig = require('./webpack.dev.conf') // default port where dev server listens for incoming traffic const port = process.env.PORT || config.dev.port // automatically open browser, if not set will be false const autoOpenBrowser = !!config.dev.autoOpenBrowser // Define HTTP proxies to your custom API backend // https://github.com/chimurai/http-proxy-middleware const proxyTable = config.dev.proxyTable const app = express() const compiler = webpack(webpackConfig) const devMiddleware = require('webpack-dev-middleware')(compiler, { publicPath: webpackConfig.output.publicPath, quiet: true }) const hotMiddleware = require('webpack-hot-middleware')(compiler, { log: false }) // force page reload when html-webpack-plugin template changes compiler.plugin('compilation', function (compilation) { compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) { hotMiddleware.publish({ action: 'reload' }) cb() }) }) // enable hot-reload and state-preserving // compilation error display app.use(hotMiddleware) // proxy api requests Object.keys(proxyTable).forEach(function (context) { let options = proxyTable[context] if (typeof options === 'string') { options = { target: options } } app.use(proxyMiddleware(options.filter || context, options)) }) // handle fallback for HTML5 history API app.use(require('connect-history-api-fallback')()) // serve webpack bundle output app.use(devMiddleware) // serve pure static assets const staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory) app.use(staticPath, express.static('./static')) const uri = 'http://localhost:' + port let _resolve const readyPromise = new Promise(resolve => { _resolve = resolve }) console.log('> Starting dev server...') devMiddleware.waitUntilValid(() => { console.log('> Listening at ' + uri + '\n') // when env is testing, don't need open it if (autoOpenBrowser && process.env.NODE_ENV !== 'testing') { opn(uri) } _resolve() }) const server = app.listen(port) module.exports = { ready: readyPromise, close: () => { server.close() } }