const path = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const MediaQueryPlugin = require('media-query-plugin'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const postcssPresetEnv = require('postcss-preset-env'); const ServiceWorkerWebpackPlugin = require('serviceworker-webpack-plugin'); const fs = require('fs'); const allowedIPs = ['195.66.140.39', '192.168.31.144', '127.0.0.1', '192.168.31.1', '192.168.31.192', '176.100.18.181', '46.219.250.22', '193.42.119.184']; const devMode = process.env.NODE_ENV !== 'production'; const useLocal = false; console.log('DEVMODE:', devMode); const opts = { MTPROTO_WORKER: true, version: 3, "ifdef-verbose": true, // add this for verbose output "ifdef-triple-slash": true // add this to use double slash comment instead of default triple slash }; module.exports = { module: { rules: [ { test: /\.scss$/, use: [ devMode ? 'style-loader' : MiniCssExtractPlugin.loader,/* { loader: MiniCssExtractPlugin.loader, options: { hmr: devMode, reloadAll: true, } }, */ 'css-loader?url=false', devMode ? undefined : MediaQueryPlugin.loader, { loader: 'postcss-loader', options: { ident: 'postcss', plugins: [ postcssPresetEnv(), ] } }, { loader: 'sass-loader', options: { sourceMap: devMode } } ].filter(l => !!l) }, { test: /\.ts?$/, use: [ 'ts-loader', { loader: "ifdef-loader", options: opts } ], exclude: /node_modules/, }, { test: /\.hbs$/, use: [ 'handlebars-loader' ] } ], }, resolve: { extensions: ['.ts', '.js'], }, entry: './src/index.ts', /* entry: { index: './src/index.ts' }, */ //devtool: 'inline-source-map', output: { path: path.resolve(__dirname, 'public'), filename: "[name].bundle.js", chunkFilename: "[name].chunk.js" }, devServer: { contentBase: path.join(__dirname, 'public'), watchContentBase: true, compress: true, http2: true, https: useLocal ? undefined : { key: fs.readFileSync(__dirname + '/certs/server-key.pem', 'utf8'), cert: fs.readFileSync(__dirname + '/certs/server-cert.pem', 'utf8') }, allowedHosts: useLocal ? undefined : [ 'tweb.enko.club' ], host: '0.0.0.0', public: useLocal ? undefined : 'tweb.enko.club', //host: '192.168.0.105', // '0.0.0.0' //host: 'tweb.enko.club', // '0.0.0.0' port: 443, overlay: true, before: function(app, server, compiler) { app.use((req, res, next) => { let IP = ''; if(req.headers['cf-connecting-ip']) { IP = req.headers['cf-connecting-ip']; } else { IP = req.connection.remoteAddress.split(':').pop(); } if(!allowedIPs.includes(IP) && !/^192\.168\.\d{1,3}\.\d{1,3}$/.test(IP)) { console.log('Bad IP connecting: ' + IP, req.url); res.status(404).send('Nothing interesting here.'); } else { if(req.url.indexOf('/assets/') !== 0) { console.log(req.url, IP); } next(); } }); }, sockHost: useLocal ? undefined : 'tweb.enko.club', }, plugins: [ new ServiceWorkerWebpackPlugin({ entry: path.join(__dirname, 'src/lib/mtproto/mtproto.service.ts'), filename: 'sw.js', excludes: ['**/*'], }), new HtmlWebpackPlugin({ filename: `index.html`, //template: 'public/index_template.html', template: 'src/index.hbs', inject: false, // true, 'head' minify: { removeComments: true, collapseWhitespace: true, removeRedundantAttributes: true, useShortDoctype: true, removeEmptyAttributes: true, removeStyleLinkTypeAttributes: true, keepClosingSlash: true, minifyJS: true, minifyCSS: true, minifyURLs: true }, chunks: "all", excludeChunks: [] }), new MiniCssExtractPlugin({ // Options similar to the same options in webpackOptions.output // both options are optional filename: '[name].css', chunkFilename: '[id].css', }), new MediaQueryPlugin({ include: [ 'style' ], queries: { 'only screen and (max-width: 720px)': 'mobile', 'only screen and (min-width: 721px)': 'desktop', } }), ], };