631 lines
16 KiB
JavaScript
631 lines
16 KiB
JavaScript
(function() {
|
|
'use strict';
|
|
|
|
|
|
|
|
angular
|
|
.module('NginxConfigIoApp', ['ngclipboard', '720kb.tooltips'])
|
|
.config(appConfig)
|
|
.config(tooltipsConfig)
|
|
.directive('ngIncludeTabs', ngIncludeTabs)
|
|
.controller('NginxConfigIoController', NginxConfigIoController);
|
|
|
|
|
|
|
|
var DEFAULTS = {
|
|
ipv4: '*',
|
|
ipv6: '::',
|
|
|
|
domain: '',
|
|
path: '',
|
|
document_root: '/public',
|
|
|
|
https: true,
|
|
http2: true,
|
|
|
|
redirect: true,
|
|
force_https: true,
|
|
|
|
cert_type: 'letsencrypt',
|
|
ssl_profile: 'intermediate',
|
|
hsts: true,
|
|
hsts_subdomains: true,
|
|
hsts_preload: true,
|
|
email: '',
|
|
ssl_certificate: '',
|
|
ssl_certificate_key: '',
|
|
|
|
resolver_cloudflare: true,
|
|
resolver_google: true,
|
|
resolver_opendns: true,
|
|
|
|
non_www: true,
|
|
cdn: false,
|
|
|
|
index: 'index.php',
|
|
fallback_html: false,
|
|
fallback_php: true,
|
|
fallback_php_path: '/api/',
|
|
|
|
php: true,
|
|
php_server: '/var/run/php/php7.2-fpm.sock',
|
|
php_server_backup: '',
|
|
wordpress: false,
|
|
drupal: false,
|
|
|
|
file_structure: 'modularized',
|
|
symlink: true,
|
|
|
|
referrer_policy: 'no-referrer-when-downgrade',
|
|
content_security_policy: 'default-src * data: \'unsafe-eval\' \'unsafe-inline\'',
|
|
|
|
worker_processes: 'auto',
|
|
user: 'www-data',
|
|
pid: '/run/nginx.pid',
|
|
|
|
access_log: '/var/log/nginx/access.log',
|
|
error_log: '/var/log/nginx/error.log warn',
|
|
access_log_domain: false,
|
|
error_log_domain: false,
|
|
|
|
client_max_body_size: 16,
|
|
gzip: true,
|
|
server_tokens: false,
|
|
log_not_found: false,
|
|
limit_req: false,
|
|
|
|
expires_assets: '7d',
|
|
expires_media: '7d',
|
|
expires_svg: '7d',
|
|
expires_fonts: '7d',
|
|
|
|
proxy: false,
|
|
proxy_path: '/',
|
|
proxy_pass: 'http://127.0.0.1:3000',
|
|
};
|
|
|
|
|
|
|
|
function repeat(string, count) {
|
|
var repeatedString = '';
|
|
|
|
for (var i = 0; i < count; i++) {
|
|
repeatedString += string;
|
|
}
|
|
|
|
return repeatedString;
|
|
}
|
|
|
|
|
|
|
|
function appConfig($locationProvider) {
|
|
$locationProvider
|
|
.html5Mode(true)
|
|
.hashPrefix('!');
|
|
}
|
|
|
|
|
|
|
|
function tooltipsConfig(tooltipsConfProvider) {
|
|
tooltipsConfProvider.configure({
|
|
side: 'right',
|
|
size: 'small',
|
|
});
|
|
}
|
|
|
|
|
|
|
|
function ngIncludeTabs() {
|
|
return {
|
|
require: 'ngInclude',
|
|
restrict: 'A',
|
|
link: {
|
|
pre: function preLink(scope, iElement, iAttrs, controller) {
|
|
var tabs = parseInt(iAttrs.ngIncludeTabs || 0);
|
|
|
|
var startRegex = new RegExp(repeat('\t', tabs - 1));
|
|
|
|
controller.template = controller.template
|
|
.replace(/^(.*)$/mg, repeat('\t', tabs) + '$1')
|
|
.replace(startRegex, '')
|
|
.replace(/\s*$/, '');
|
|
},
|
|
},
|
|
};
|
|
}
|
|
|
|
|
|
|
|
function NginxConfigIoController($scope, $window, $location, $timeout) {
|
|
///////////////////////
|
|
// PRIVATE VARIABLES //
|
|
///////////////////////
|
|
var masonry;
|
|
|
|
|
|
|
|
/////////////////////
|
|
// SCOPE VARIABLES //
|
|
/////////////////////
|
|
$scope.defaultData = DEFAULTS;
|
|
|
|
$scope.dataInit = false;
|
|
$scope.isDirty = false;
|
|
$scope.tab = 'site';
|
|
$scope.data = angular.copy($scope.defaultData);
|
|
|
|
$scope.clipboardCopy = undefined;
|
|
|
|
$scope.gzipTypes = 'text/plain text/css text/xml application/json application/javascript application/xml+rss application/atom+xml image/svg+xml';
|
|
|
|
$scope.extensions = {
|
|
assets: 'css(\\.map)?|js(\\.map)?',
|
|
fonts: 'ttf|ttc|otf|eot|woff2?',
|
|
svg: 'svgz?',
|
|
images: 'jpe?g|png|gif|ico|cur|heic|webp|tiff?',
|
|
audio: 'mp3|m4a|aac|ogg|midi?|wav',
|
|
video: 'mp4|mov|webm|mpe?g|avi|ogv|flv|wmv',
|
|
docs: 'pdf|' +
|
|
'docx?|dotx?|docm|dotm|' +
|
|
'xlsx?|xltx?|xlsm|xltm|' +
|
|
'pptx?|potx?|pptm|potm|ppsx?',
|
|
};
|
|
|
|
$scope.sslProfiles = {
|
|
modern: {
|
|
protocols: 'TLSv1.2',
|
|
ciphers: 'ECDHE-ECDSA-AES256-GCM-SHA384:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-CHACHA20-POLY1305:ECDHE-RSA-CHACHA20-POLY1305:ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES256-SHA384:ECDHE-RSA-AES256-SHA384:ECDHE-ECDSA-AES128-SHA256:ECDHE-RSA-AES128-SHA256',
|
|
},
|
|
intermediate: {
|
|
protocols: 'TLSv1 TLSv1.1 TLSv1.2',
|
|
ciphers: 'ECDHE-ECDSA-CHACHA20-POLY1305:ECDHE-RSA-CHACHA20-POLY1305:ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES256-GCM-SHA384:ECDHE-RSA-AES256-GCM-SHA384:DHE-RSA-AES128-GCM-SHA256:DHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-AES128-SHA256:ECDHE-RSA-AES128-SHA256:ECDHE-ECDSA-AES128-SHA:ECDHE-RSA-AES256-SHA384:ECDHE-RSA-AES128-SHA:ECDHE-ECDSA-AES256-SHA384:ECDHE-ECDSA-AES256-SHA:ECDHE-RSA-AES256-SHA:DHE-RSA-AES128-SHA256:DHE-RSA-AES128-SHA:DHE-RSA-AES256-SHA256:DHE-RSA-AES256-SHA:ECDHE-ECDSA-DES-CBC3-SHA:ECDHE-RSA-DES-CBC3-SHA:EDH-RSA-DES-CBC3-SHA:AES128-GCM-SHA256:AES256-GCM-SHA384:AES128-SHA256:AES256-SHA256:AES128-SHA:AES256-SHA:DES-CBC3-SHA:!DSS',
|
|
},
|
|
old: {
|
|
protocols: 'SSLv3 TLSv1 TLSv1.1 TLSv1.2',
|
|
ciphers: 'ECDHE-ECDSA-CHACHA20-POLY1305:ECDHE-RSA-CHACHA20-POLY1305:ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-AES256-GCM-SHA384:DHE-RSA-AES128-GCM-SHA256:DHE-DSS-AES128-GCM-SHA256:kEDH+AESGCM:ECDHE-RSA-AES128-SHA256:ECDHE-ECDSA-AES128-SHA256:ECDHE-RSA-AES128-SHA:ECDHE-ECDSA-AES128-SHA:ECDHE-RSA-AES256-SHA384:ECDHE-ECDSA-AES256-SHA384:ECDHE-RSA-AES256-SHA:ECDHE-ECDSA-AES256-SHA:DHE-RSA-AES128-SHA256:DHE-RSA-AES128-SHA:DHE-DSS-AES128-SHA256:DHE-RSA-AES256-SHA256:DHE-DSS-AES256-SHA:DHE-RSA-AES256-SHA:ECDHE-RSA-DES-CBC3-SHA:ECDHE-ECDSA-DES-CBC3-SHA:EDH-RSA-DES-CBC3-SHA:AES128-GCM-SHA256:AES256-GCM-SHA384:AES128-SHA256:AES256-SHA256:AES128-SHA:AES256-SHA:AES:DES-CBC3-SHA:HIGH:SEED:!aNULL:!eNULL:!EXPORT:!DES:!RC4:!MD5:!PSK:!RSAPSK:!aDH:!aECDH:!EDH-DSS-DES-CBC3-SHA:!KRB5-DES-CBC3-SHA:!SRP',
|
|
},
|
|
};
|
|
|
|
|
|
|
|
/////////////////////
|
|
// SCOPE FUNCTIONS //
|
|
/////////////////////
|
|
$scope.domain = function() {
|
|
return $scope.data.domain ? $scope.data.domain : 'example.com';
|
|
};
|
|
|
|
$scope.sslCertificate = function() {
|
|
if ($scope.isCertLetsEncrypt()) {
|
|
return '/etc/letsencrypt/live/' + $scope.domain() + '/fullchain.pem';
|
|
}
|
|
|
|
if ($scope.data.ssl_certificate) {
|
|
return $scope.data.ssl_certificate;
|
|
}
|
|
|
|
return '/etc/nginx/ssl/' + $scope.domain() + '.crt';
|
|
};
|
|
|
|
$scope.sslCertificateKey = function() {
|
|
if ($scope.isCertLetsEncrypt()) {
|
|
return '/etc/letsencrypt/live/' + $scope.domain() + '/privkey.pem';
|
|
}
|
|
|
|
if ($scope.data.ssl_certificate_key) {
|
|
return $scope.data.ssl_certificate_key;
|
|
}
|
|
|
|
return '/etc/nginx/ssl/' + $scope.domain() + '.key';
|
|
};
|
|
|
|
$scope.accessLogDomainPath = function() {
|
|
return $scope.data.access_log.replace(/([^/]+)\.log$/, $scope.domain() + '.$1.log');
|
|
};
|
|
|
|
$scope.errorLogDomainPath = function() {
|
|
return $scope.data.error_log.replace(/([^/]+)\.log (.+)$/, $scope.domain() + '.$1.log $2');
|
|
};
|
|
|
|
$scope.refreshHighlighting = function() {
|
|
var sourceCodes = $window.document.querySelectorAll('main .file .code.source');
|
|
|
|
for (var i = 0; i < sourceCodes.length; i++) {
|
|
var sourceCode = sourceCodes[i];
|
|
|
|
$timeout(function(_sourceCode) {
|
|
_sourceCode.nextSibling.innerHTML = _sourceCode.innerHTML;
|
|
if (_sourceCode.nextSibling.children.length && _sourceCode.nextSibling.children[0].children.length) {
|
|
hljs.highlightBlock(_sourceCode.nextSibling.children[0].children[0]);
|
|
}
|
|
_sourceCode.setAttribute('hidden', '');
|
|
|
|
$scope.doMasonry();
|
|
}, 0, true, sourceCode);
|
|
}
|
|
};
|
|
|
|
$scope.getUrl = function() {
|
|
return $location.absUrl().replace(/#.*$/, '');
|
|
};
|
|
|
|
$scope.setDataFromHash = function() {
|
|
var hashData = $location.search();
|
|
|
|
for (var key in hashData) {
|
|
// handle false
|
|
if (hashData[key] === 'false') {
|
|
hashData[key] = false;
|
|
}
|
|
|
|
// handle true
|
|
if ((hashData[key] === 'true' || hashData[key] === '') && typeof $scope.data[key] === 'boolean') {
|
|
hashData[key] = true;
|
|
}
|
|
|
|
if ($scope.data[key] !== undefined && typeof $scope.data[key] === typeof hashData[key]) {
|
|
$scope.isDirty = true;
|
|
$scope.data[key] = hashData[key];
|
|
gtag('event', key, {
|
|
event_category: 'data_from_hash',
|
|
event_label: hashData[key],
|
|
});
|
|
}
|
|
}
|
|
};
|
|
|
|
$scope.updateHash = function() {
|
|
if (!$scope.dataInit) {
|
|
return;
|
|
}
|
|
|
|
var changedData = {};
|
|
for (var key in $scope.data) {
|
|
if (!angular.equals($scope.data[key], $scope.defaultData[key])) {
|
|
changedData[key] = $scope.data[key];
|
|
}
|
|
}
|
|
|
|
if (Object.keys(changedData).length) {
|
|
$scope.isDirty = true;
|
|
$location.search(changedData).replace();
|
|
} else {
|
|
$scope.isDirty = false;
|
|
$location.search({});
|
|
}
|
|
};
|
|
|
|
$scope.reset = function() {
|
|
$scope.defaultData.index = 'index.php';
|
|
$scope.data = angular.copy($scope.defaultData);
|
|
gtag('event', 'reset');
|
|
};
|
|
|
|
$scope.downloadZip = function() {
|
|
var zip = new JSZip();
|
|
|
|
var sourceCodes = $window.document.querySelectorAll('main .file .code.source');
|
|
|
|
for (var i = 0; i < sourceCodes.length; i++) {
|
|
var sourceCode = sourceCodes[i];
|
|
|
|
var name = sourceCode.dataset.filename;
|
|
var content = sourceCode.children[0].children[0].innerText;
|
|
|
|
if (!$scope.isSymlink() && name.match(/^sites-available\//)) {
|
|
name = name.replace(/^sites-available\//, 'sites-enabled/');
|
|
}
|
|
|
|
zip.file(name, content);
|
|
|
|
if (name.match(/^sites-available\//)) {
|
|
zip.file(name.replace(/^sites-available\//, 'sites-enabled/'), '../' + name, {
|
|
unixPermissions: parseInt('120755', 8),
|
|
});
|
|
}
|
|
}
|
|
|
|
zip.generateAsync({
|
|
type: 'blob',
|
|
platform: 'UNIX',
|
|
}).then(function(content) {
|
|
saveAs(content, 'nginxconfig.io-' + $scope.domain() + '.zip');
|
|
});
|
|
|
|
gtag('event', $scope.domain(), {
|
|
event_category: 'download_zip',
|
|
});
|
|
};
|
|
|
|
$scope.clipboardSuccess = function(key) {
|
|
$scope.clipboardCopy = key;
|
|
|
|
$timeout(function(_key) {
|
|
if ($scope.clipboardCopy === _key) {
|
|
$scope.clipboardCopy = undefined;
|
|
}
|
|
}, 1500, true, key);
|
|
|
|
gtag('event', key, {
|
|
event_category: 'clipboard',
|
|
});
|
|
};
|
|
|
|
$scope.doMasonry = function() {
|
|
masonry.reloadItems();
|
|
masonry.layout();
|
|
|
|
$timeout(function() {
|
|
masonry.layout();
|
|
}, 600);
|
|
};
|
|
|
|
$scope.initMasonry = function() {
|
|
masonry = new Masonry('main .grid', {
|
|
itemSelector: '.grid-item',
|
|
columnWidth: '.grid-sizer',
|
|
percentPosition: true,
|
|
initLayout: false,
|
|
stagger: 0,
|
|
transitionDuration: '0.6s',
|
|
});
|
|
};
|
|
|
|
$scope.setTab = function(tab) {
|
|
$scope.tab = tab;
|
|
};
|
|
|
|
$scope.setPreset = function(preset) {
|
|
$scope.data.php = $scope.defaultData.php;
|
|
$scope.data.wordpress = $scope.defaultData.wordpress;
|
|
$scope.data.drupal = $scope.defaultData.drupal;
|
|
$scope.data.proxy = $scope.defaultData.proxy;
|
|
$scope.data.index = $scope.defaultData.index;
|
|
$scope.data.fallback_html = $scope.defaultData.fallback_html;
|
|
|
|
switch (preset) {
|
|
case 'frontend':
|
|
$scope.data.php = false;
|
|
$scope.data.index = 'index.html';
|
|
$scope.data.fallback_html = true;
|
|
break;
|
|
case 'backend':
|
|
$scope.data.index = 'index.php';
|
|
break;
|
|
case 'spa':
|
|
$scope.data.index = 'index.html';
|
|
$scope.data.fallback_html = true;
|
|
break;
|
|
case 'wordpress':
|
|
$scope.data.wordpress = true;
|
|
break;
|
|
case 'drupal':
|
|
$scope.data.drupal = true;
|
|
break;
|
|
case 'nodejs':
|
|
$scope.data.php = false;
|
|
$scope.data.proxy = true;
|
|
break;
|
|
}
|
|
|
|
gtag('event', preset, {
|
|
event_category: 'preset',
|
|
});
|
|
};
|
|
|
|
$scope.getChangesForTab = function(tab) {
|
|
return $window.document.querySelectorAll('section.tabs .tab-content .tab-' + tab + ' .input-changed').length;
|
|
};
|
|
|
|
|
|
|
|
///////////////////////////
|
|
// SCOPE QUERY FUNCTIONS //
|
|
///////////////////////////
|
|
$scope.isUnified = function() {
|
|
return $scope.data.file_structure === 'unified';
|
|
};
|
|
|
|
$scope.isIPv6 = function() {
|
|
return !!$scope.data.ipv6;
|
|
};
|
|
|
|
$scope.isModularized = function() {
|
|
return !$scope.isUnified();
|
|
};
|
|
|
|
$scope.isHTTPS = function() {
|
|
return $scope.data.https;
|
|
};
|
|
|
|
$scope.isHTTP2 = function() {
|
|
return $scope.isHTTPS() && $scope.data.http2;
|
|
};
|
|
|
|
$scope.isForceHTTPS = function() {
|
|
return $scope.isHTTPS() && $scope.data.force_https;
|
|
};
|
|
|
|
$scope.isCertLetsEncrypt = function() {
|
|
return $scope.isHTTPS() && $scope.data.cert_type === 'letsencrypt';
|
|
};
|
|
|
|
$scope.isCertCustom = function() {
|
|
return $scope.isHTTPS() && $scope.data.cert_type === 'custom';
|
|
};
|
|
|
|
$scope.isSSLProfileModern = function() {
|
|
return $scope.isHTTPS() && $scope.data.ssl_profile === 'modern';
|
|
};
|
|
|
|
$scope.isSSLProfileIntermediate = function() {
|
|
return $scope.isHTTPS() && $scope.data.ssl_profile === 'intermediate';
|
|
};
|
|
|
|
$scope.isSSLProfileOld = function() {
|
|
return $scope.isHTTPS() && $scope.data.ssl_profile === 'old';
|
|
};
|
|
|
|
$scope.isHSTS = function() {
|
|
return $scope.isHTTPS() && $scope.data.hsts;
|
|
};
|
|
|
|
$scope.isHSTSSubdomains = function() {
|
|
return $scope.isHSTS() && $scope.data.hsts_subdomains;
|
|
};
|
|
|
|
$scope.isHSTSPreload = function() {
|
|
return $scope.isHSTSSubdomains() && $scope.data.hsts_preload;
|
|
};
|
|
|
|
$scope.isResolverCloudflare = function() {
|
|
return $scope.isHTTPS() && $scope.data.resolver_cloudflare;
|
|
};
|
|
|
|
$scope.isResolverGoogle = function() {
|
|
return $scope.isHTTPS() && $scope.data.resolver_google;
|
|
};
|
|
|
|
$scope.isResolverOpenDNS = function() {
|
|
return $scope.isHTTPS() && $scope.data.resolver_opendns;
|
|
};
|
|
|
|
$scope.isNonWWW = function() {
|
|
return $scope.data.non_www;
|
|
};
|
|
|
|
$scope.isWWW = function() {
|
|
return !$scope.isNonWWW();
|
|
};
|
|
|
|
$scope.isRedirect = function() {
|
|
return $scope.data.redirect;
|
|
};
|
|
|
|
$scope.isCDN = function() {
|
|
return $scope.isWWW() && $scope.data.cdn;
|
|
};
|
|
|
|
$scope.isIndexHTML = function() {
|
|
return $scope.data.index === 'index.html' || !$scope.isPHP();
|
|
};
|
|
|
|
$scope.isIndexPHP = function() {
|
|
return $scope.isPHP() && $scope.data.index === 'index.php';
|
|
};
|
|
|
|
$scope.isFallbackHTML = function() {
|
|
return $scope.data.fallback_html;
|
|
};
|
|
|
|
$scope.isFallbackPHP = function() {
|
|
return $scope.data.fallback_php && $scope.isPHP();
|
|
};
|
|
|
|
$scope.isPHP = function() {
|
|
return $scope.data.php;
|
|
};
|
|
|
|
$scope.isPHPBackup = function() {
|
|
return $scope.isPHP() && !!$scope.data.php_server_backup;
|
|
};
|
|
|
|
$scope.isWordPress = function() {
|
|
return $scope.isPHP() && $scope.data.wordpress;
|
|
};
|
|
|
|
$scope.isDrupal= function() {
|
|
return $scope.isPHP() && $scope.data.drupal;
|
|
};
|
|
|
|
$scope.isCSP = function() {
|
|
return !!$scope.data.content_security_policy;
|
|
};
|
|
|
|
$scope.isAccessLog = function() {
|
|
return !!$scope.data.access_log;
|
|
};
|
|
|
|
$scope.isErrorLog = function() {
|
|
return !!$scope.data.error_log;
|
|
};
|
|
|
|
$scope.isAccessLogDomain = function() {
|
|
return $scope.data.access_log_domain;
|
|
};
|
|
|
|
$scope.isErrorLogDomain = function() {
|
|
return $scope.data.error_log_domain;
|
|
};
|
|
|
|
$scope.isGzip = function() {
|
|
return $scope.data.gzip;
|
|
};
|
|
|
|
$scope.isServerTokens = function() {
|
|
return $scope.data.server_tokens;
|
|
};
|
|
|
|
$scope.isLogNotFound = function() {
|
|
return $scope.data.log_not_found;
|
|
};
|
|
|
|
$scope.isLimitReq = function() {
|
|
return $scope.data.limit_req;
|
|
};
|
|
|
|
$scope.isProxy = function() {
|
|
return $scope.data.proxy;
|
|
};
|
|
|
|
$scope.isSymlink = function() {
|
|
return $scope.isModularized() && $scope.data.symlink;
|
|
};
|
|
|
|
|
|
|
|
//////////////////
|
|
// SCOPE EVENTS //
|
|
//////////////////
|
|
$scope.$watch('data', function(newValue, oldValue) {
|
|
$scope.refreshHighlighting();
|
|
$scope.updateHash();
|
|
|
|
if (!$scope.data.php) {
|
|
$scope.defaultData.index = 'index.html';
|
|
} else {
|
|
$scope.defaultData.index = 'index.php';
|
|
}
|
|
|
|
$scope.data.domain = $scope.data.domain.replace(/^https?:\/\//, '');
|
|
$scope.data.domain = $scope.data.domain.replace(/\/.*$/, '');
|
|
|
|
if ($scope.data.domain.match(/^www\./)) {
|
|
$scope.data.domain = $scope.data.domain.replace(/^www./, '');
|
|
$scope.data.non_www = false;
|
|
}
|
|
|
|
for (var key in $scope.data) {
|
|
if (!angular.equals(newValue[key], oldValue[key])) {
|
|
gtag('event', key, {
|
|
event_category: 'data_changed',
|
|
event_label: $scope.data[key],
|
|
});
|
|
}
|
|
}
|
|
|
|
if (!$scope.dataInit) {
|
|
$scope.dataInit = true;
|
|
}
|
|
}, true);
|
|
|
|
|
|
|
|
//////////
|
|
// INIT //
|
|
//////////
|
|
$scope.setDataFromHash();
|
|
$scope.initMasonry();
|
|
}
|
|
})();
|