445 lines
11 KiB
JavaScript
445 lines
11 KiB
JavaScript
// Sshwifty - A Web SSH client
|
|
//
|
|
// Copyright (C) 2019-2020 Rui NI <nirui@gmx.com>
|
|
//
|
|
// This program 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.
|
|
//
|
|
// This program 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 this program. If not, see <https://www.gnu.org/licenses/>.
|
|
|
|
const webpack = require("webpack"),
|
|
{ spawn } = require("child_process"),
|
|
path = require("path"),
|
|
HtmlWebpackPlugin = require("html-webpack-plugin"),
|
|
MiniCssExtractPlugin = require("mini-css-extract-plugin"),
|
|
OptimizeCssAssetsPlugin = require("optimize-css-assets-webpack-plugin"),
|
|
VueLoaderPlugin = require("vue-loader/lib/plugin"),
|
|
FaviconsWebpackPlugin = require("favicons-webpack-plugin"),
|
|
ManifestPlugin = require("webpack-manifest-plugin"),
|
|
ImageminPlugin = require("imagemin-webpack-plugin").default,
|
|
CopyPlugin = require("copy-webpack-plugin"),
|
|
TerserPlugin = require("terser-webpack-plugin"),
|
|
{ CleanWebpackPlugin } = require("clean-webpack-plugin");
|
|
|
|
let appSpawnProc = null,
|
|
appBuildProc = null;
|
|
|
|
const killSpawnProc = (proc, then) => {
|
|
if (proc === null) {
|
|
then();
|
|
|
|
return;
|
|
}
|
|
|
|
process.stdout.write("Shutdown application ...\n");
|
|
|
|
process.kill(-proc.proc.pid, "SIGINT");
|
|
|
|
let forceKill = setTimeout(() => {
|
|
process.kill(-proc.proc.pid);
|
|
}, 3000);
|
|
|
|
proc.waiter.then(() => {
|
|
clearTimeout(forceKill);
|
|
|
|
then();
|
|
});
|
|
};
|
|
|
|
const startAppSpawnProc = (onExit) => {
|
|
killSpawnProc(appSpawnProc, () => {
|
|
let mEnv = {};
|
|
|
|
for (let i in process.env) {
|
|
mEnv[i] = process.env[i];
|
|
}
|
|
|
|
mEnv["SSHWIFTY_CONFIG"] = path.join(
|
|
__dirname,
|
|
"sshwifty.conf.example.json"
|
|
);
|
|
|
|
mEnv["SSHWIFTY_DEBUG"] = "_";
|
|
|
|
process.stdout.write("Starting application ...\n");
|
|
|
|
let proc = spawn("go", ["run", "sshwifty.go"], {
|
|
env: mEnv,
|
|
detached: true,
|
|
}),
|
|
waiter = new Promise((resolve) => {
|
|
let closed = false;
|
|
|
|
proc.stdout.on("data", (msg) => {
|
|
process.stdout.write(msg.toString());
|
|
});
|
|
|
|
proc.stderr.on("data", (msg) => {
|
|
process.stderr.write(msg.toString());
|
|
});
|
|
|
|
proc.on("exit", (n) => {
|
|
process.stdout.write("Application process is exited.\n");
|
|
|
|
if (closed) {
|
|
return;
|
|
}
|
|
|
|
closed = true;
|
|
|
|
appSpawnProc = null;
|
|
resolve(n);
|
|
|
|
onExit();
|
|
});
|
|
});
|
|
|
|
appSpawnProc = {
|
|
proc,
|
|
waiter,
|
|
};
|
|
});
|
|
};
|
|
|
|
const startBuildSpawnProc = (onExit) => {
|
|
killSpawnProc(appBuildProc, () => {
|
|
let mEnv = {};
|
|
|
|
for (let i in process.env) {
|
|
mEnv[i] = process.env[i];
|
|
}
|
|
|
|
mEnv["NODE_ENV"] = process.env.NODE_ENV;
|
|
|
|
process.stdout.write("Generating source code ...\n");
|
|
|
|
let proc = spawn("go", ["generate", "./..."], {
|
|
env: mEnv,
|
|
detached: true,
|
|
}),
|
|
waiter = new Promise((resolve) => {
|
|
let closed = false;
|
|
|
|
proc.stdout.on("data", (msg) => {
|
|
process.stdout.write(msg.toString());
|
|
});
|
|
|
|
proc.stderr.on("data", (msg) => {
|
|
process.stderr.write(msg.toString());
|
|
});
|
|
|
|
proc.on("exit", (n) => {
|
|
process.stdout.write("Code generation process is exited.\n");
|
|
|
|
if (closed) {
|
|
return;
|
|
}
|
|
|
|
closed = true;
|
|
|
|
appBuildProc = null;
|
|
resolve(n);
|
|
|
|
onExit();
|
|
});
|
|
});
|
|
|
|
appBuildProc = {
|
|
proc,
|
|
waiter,
|
|
};
|
|
});
|
|
};
|
|
|
|
const killAllProc = () => {
|
|
if (appBuildProc !== null) {
|
|
killSpawnProc(appBuildProc, () => {
|
|
killSpawnProc(appSpawnProc, () => {
|
|
process.exit(0);
|
|
});
|
|
});
|
|
|
|
return;
|
|
}
|
|
|
|
killSpawnProc(appSpawnProc, () => {
|
|
process.exit(0);
|
|
});
|
|
};
|
|
|
|
process.on("SIGTERM", killAllProc);
|
|
process.on("SIGINT", killAllProc);
|
|
|
|
module.exports = {
|
|
entry: {
|
|
app: path.join(__dirname, "ui", "app.js"),
|
|
},
|
|
devtool:
|
|
process.env.NODE_ENV === "development" ? "inline-source-map" : "source-map",
|
|
output: {
|
|
publicPath: "/sshwifty/assets/",
|
|
path: path.join(__dirname, ".tmp", "dist"),
|
|
filename: process.env.NODE_ENV === "development" ? "[id].js" : "[hash].js",
|
|
},
|
|
resolve: {
|
|
alias: {
|
|
vue$: "vue/dist/vue.esm.js",
|
|
},
|
|
},
|
|
optimization: {
|
|
nodeEnv: process.env.NODE_ENV,
|
|
concatenateModules: true,
|
|
runtimeChunk: true,
|
|
mergeDuplicateChunks: true,
|
|
flagIncludedChunks: true,
|
|
occurrenceOrder: true,
|
|
providedExports: true,
|
|
usedExports: true,
|
|
splitChunks:
|
|
process.env.NODE_ENV === "development"
|
|
? {}
|
|
: {
|
|
chunks: "all",
|
|
minSize: 102400,
|
|
maxSize: 244000,
|
|
automaticNameDelimiter: ".",
|
|
automaticNameMaxLength: 8,
|
|
maxAsyncRequests: 8,
|
|
maxInitialRequests: 8,
|
|
name: true,
|
|
},
|
|
minimize: process.env.NODE_ENV !== "development",
|
|
minimizer:
|
|
process.env.NODE_ENV === "development"
|
|
? []
|
|
: [
|
|
new TerserPlugin({
|
|
test: /\.js(\?.*)?$/i,
|
|
terserOptions: {
|
|
warnings: false,
|
|
parse: {},
|
|
compress: {},
|
|
mangle: true,
|
|
module: false,
|
|
passes: 2,
|
|
output: {
|
|
beautify: false,
|
|
comments: false,
|
|
},
|
|
toplevel: false,
|
|
nameCache: null,
|
|
ie8: false,
|
|
keep_classnames: false,
|
|
keep_fnames: false,
|
|
safari10: false,
|
|
extractComments: /^\**!|@preserve|@license|@cc_on/i,
|
|
},
|
|
}),
|
|
],
|
|
},
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.css$/,
|
|
use: ["vue-style-loader", MiniCssExtractPlugin.loader, "css-loader"],
|
|
},
|
|
{
|
|
test: /\.html/,
|
|
use: "html-loader",
|
|
},
|
|
{
|
|
test: /\.vue$/,
|
|
loader: "vue-loader",
|
|
},
|
|
{
|
|
test: /\.(woff(2)?|ttf|eot)(\?v=\d+\.\d+\.\d+)?$/,
|
|
use: "file-loader",
|
|
},
|
|
{
|
|
test: /\.(gif|png|jpe?g|svg)$/i,
|
|
use: [
|
|
{
|
|
loader: "file-loader",
|
|
options: {
|
|
name: "[contenthash].[ext]",
|
|
esModule: false,
|
|
},
|
|
},
|
|
],
|
|
},
|
|
{
|
|
test: /\.js$/,
|
|
exclude: /(node_modules)/,
|
|
use: "babel-loader",
|
|
},
|
|
],
|
|
},
|
|
plugins: (function () {
|
|
var plugins = [
|
|
new webpack.DefinePlugin(
|
|
process.env.NODE_ENV === "production"
|
|
? {
|
|
"process.env": {
|
|
NODE_ENV: JSON.stringify(process.env.NODE_ENV),
|
|
},
|
|
}
|
|
: {}
|
|
),
|
|
new webpack.LoaderOptionsPlugin({
|
|
options: {
|
|
handlebarsLoader: {},
|
|
},
|
|
}),
|
|
new CopyPlugin({
|
|
patterns: [
|
|
{
|
|
from: path.join(__dirname, "ui", "robots.txt"),
|
|
to: path.join(__dirname, ".tmp", "dist"),
|
|
},
|
|
{
|
|
from: path.join(__dirname, "README.md"),
|
|
to: path.join(__dirname, ".tmp", "dist"),
|
|
},
|
|
{
|
|
from: path.join(__dirname, "DEPENDENCIES.md"),
|
|
to: path.join(__dirname, ".tmp", "dist"),
|
|
},
|
|
{
|
|
from: path.join(__dirname, "LICENSE.md"),
|
|
to: path.join(__dirname, ".tmp", "dist"),
|
|
},
|
|
],
|
|
}),
|
|
new VueLoaderPlugin(),
|
|
{
|
|
apply(compiler) {
|
|
compiler.hooks.afterEmit.tapAsync(
|
|
"AfterEmitPlugin",
|
|
(_param, callback) => {
|
|
killSpawnProc(appBuildProc, () => {
|
|
startBuildSpawnProc(() => {
|
|
callback();
|
|
|
|
if (process.env.NODE_ENV !== "development") {
|
|
return;
|
|
}
|
|
|
|
startAppSpawnProc(() => {
|
|
process.stdout.write("Application is closed\n");
|
|
});
|
|
});
|
|
});
|
|
}
|
|
);
|
|
},
|
|
},
|
|
new FaviconsWebpackPlugin({
|
|
logo: path.join(__dirname, "ui", "sshwifty.svg"),
|
|
prefix: "",
|
|
cache: false,
|
|
inject: true,
|
|
favicons: {
|
|
appName: "Sshwifty SSH Client",
|
|
appDescription: "Web SSH Client",
|
|
developerName: "Rui NI",
|
|
developerURL: "https://vaguly.com",
|
|
background: "#333",
|
|
theme_color: "#333",
|
|
appleStatusBarStyle: "black",
|
|
display: "standalone",
|
|
icons: {
|
|
android: { offset: 0, overlayGlow: false, overlayShadow: true },
|
|
appleIcon: { offset: 5, overlayGlow: false },
|
|
appleStartup: { offset: 5, overlayGlow: false },
|
|
coast: false,
|
|
favicons: { overlayGlow: false },
|
|
firefox: { offset: 5, overlayGlow: false },
|
|
windows: { offset: 5, overlayGlow: false },
|
|
yandex: false,
|
|
},
|
|
},
|
|
}),
|
|
new HtmlWebpackPlugin({
|
|
inject: true,
|
|
template: path.join(__dirname, "ui", "index.html"),
|
|
meta: [
|
|
{
|
|
name: "description",
|
|
content: "Connect to a SSH Server from your web browser",
|
|
},
|
|
],
|
|
mobile: true,
|
|
lang: "en-US",
|
|
inlineManifestWebpackName: "webpackManifest",
|
|
title: "Sshwifty Web SSH Client",
|
|
minify: {
|
|
html5: true,
|
|
collapseWhitespace: process.env.NODE_ENV !== "development",
|
|
caseSensitive: true,
|
|
removeComments: true,
|
|
removeEmptyElements: false,
|
|
},
|
|
}),
|
|
new HtmlWebpackPlugin({
|
|
filename: "error.html",
|
|
inject: true,
|
|
template: path.join(__dirname, "ui", "error.html"),
|
|
meta: [
|
|
{
|
|
name: "description",
|
|
content: "Connect to a SSH Server from your web browser",
|
|
},
|
|
],
|
|
mobile: true,
|
|
lang: "en-US",
|
|
minify: {
|
|
html5: true,
|
|
collapseWhitespace: process.env.NODE_ENV !== "development",
|
|
caseSensitive: true,
|
|
removeComments: true,
|
|
removeEmptyElements: false,
|
|
},
|
|
}),
|
|
new ImageminPlugin({
|
|
disable: process.env.NODE_ENV === "development",
|
|
pngquant: {
|
|
speed: 3,
|
|
strip: true,
|
|
quality: "0-3",
|
|
},
|
|
}),
|
|
new MiniCssExtractPlugin({
|
|
filename:
|
|
process.env.NODE_ENV === "development" ? "[id].css" : "[hash].css",
|
|
chunkFilename:
|
|
process.env.NODE_ENV === "development"
|
|
? "[id].css"
|
|
: "[chunkhash].css",
|
|
}),
|
|
new OptimizeCssAssetsPlugin({
|
|
assetNameRegExp: /\.css$/,
|
|
cssProcessor: require("cssnano"),
|
|
cssProcessorPluginOptions: {
|
|
preset: ["default", { discardComments: { removeAll: true } }],
|
|
},
|
|
canPrint: true,
|
|
}),
|
|
new ManifestPlugin(),
|
|
];
|
|
|
|
if (process.env.NODE_ENV !== "development") {
|
|
plugins.push(new CleanWebpackPlugin());
|
|
}
|
|
|
|
return plugins;
|
|
})(),
|
|
};
|