From d39c9763e18051a29f710b138b1b2a125ed18e0d Mon Sep 17 00:00:00 2001
From: Menci <huanghaorui301@gmail.com>
Date: Wed, 12 Dec 2018 21:17:50 +0800
Subject: [PATCH] Add option to use local lib and fonts or specify cdn provider

---
 config-example.json      |  4 +++-
 views/admin_raw.ejs      |  2 +-
 views/footer.ejs         |  4 ++--
 views/forget_confirm.ejs |  2 +-
 views/header.ejs         | 23 +++++++++++++++--------
 views/login.ejs          |  2 +-
 views/problem.ejs        |  2 +-
 views/sign_up.ejs        |  2 +-
 views/statistics.ejs     |  4 ++--
 views/submission.ejs     |  8 ++++----
 views/submissions.ejs    |  6 +++---
 views/user_edit.ejs      |  2 +-
 views/util.ejs           |  8 ++++++++
 13 files changed, 43 insertions(+), 26 deletions(-)

diff --git a/config-example.json b/config-example.json
index fcadf04..53ebe0a 100644
--- a/config-example.json
+++ b/config-example.json
@@ -112,5 +112,7 @@
   "session_secret": "@SESSION_SECRET@",
   "rabbitMQ": "amqp://localhost/",
   "email_jwt_secret": "@EMAIL_JWT_SECRET@",
-  "google_analytics": "UA-XXXXXXXX-X"
+  "google_analytics": "UA-XXXXXXXX-X",
+  "cdnjs_url": "https://cdnjs.loli.net/ajax/libs",
+  "google_fonts_url": "https://fonts.loli.net"
 }
diff --git a/views/admin_raw.ejs b/views/admin_raw.ejs
index 24b92e3..b21e081 100644
--- a/views/admin_raw.ejs
+++ b/views/admin_raw.ejs
@@ -5,7 +5,7 @@
 <div id="editor" style="border: 1px solid #D4D4D5; height: 500px; margin-bottom: 20px; "><%= data %></div>
 <input type="hidden" name="data">
 
-<script src="https://cdnjs.loli.net/ajax/libs/ace/1.4.1/ace.js"></script>
+<script src="<%- lib('ace/1.4.2/ace.js') %>"></script>
 <script type="text/javascript">
 var editor = ace.edit("editor");
 
diff --git a/views/footer.ejs b/views/footer.ejs
index 0791557..99fe28f 100644
--- a/views/footer.ejs
+++ b/views/footer.ejs
@@ -5,8 +5,8 @@
       </div>
     </div>
 </div>
-<script src="https://cdnjs.loli.net/ajax/libs/semantic-ui/2.4.1/semantic.min.js"></script>
-<script src="https://cdnjs.loli.net/ajax/libs/Chart.js/2.7.2/Chart.bundle.min.js"></script>
+<script src="<%- lib('semantic-ui/2.4.1/semantic.min.js') %>"></script>
+<script src="<%- lib('Chart.js/2.7.3/Chart.bundle.min.js') %>"></script>
 <script src="/script.js?20170710"></script>
 </body>
 </html>
diff --git a/views/forget_confirm.ejs b/views/forget_confirm.ejs
index 8801a7f..ba01a5e 100644
--- a/views/forget_confirm.ejs
+++ b/views/forget_confirm.ejs
@@ -32,7 +32,7 @@
     </div>
   </div>
 </div>
-<script src="https://cdnjs.loli.net/ajax/libs/blueimp-md5/2.10.0/js/md5.min.js"></script>
+<script src="<%- lib('blueimp-md5/2.10.0/js/md5.min.js') %>"></script>
 <script type="text/javascript">
 function showMessage(mclass, content) {
     $("#msgBox").addClass(mclass);
diff --git a/views/header.ejs b/views/header.ejs
index cc0f568..be42227 100644
--- a/views/header.ejs
+++ b/views/header.ejs
@@ -6,17 +6,24 @@
     <meta content="IE=edge" http-equiv="X-UA-Compatible">
     <meta name="viewport" content="width=1200">
     <title><%= title %> - <%= syzoj.config.title %></title>
-    <link href="https://cdnjs.loli.net/ajax/libs/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet">
+    <link href="<%- lib('semantic-ui/2.4.1/semantic.min.css') %>" rel="stylesheet">
     <link href="/tomorrow.css" rel="stylesheet">
     <link href="/mathjax.css?20181105" rel="stylesheet">
-    <link href="https://cdnjs.loli.net/ajax/libs/KaTeX/0.10.0/katex.min.css" rel="stylesheet">
-    <link href="https://cdnjs.loli.net/ajax/libs/morris.js/0.5.1/morris.css" rel="stylesheet">
+    <link href="<%- lib('KaTeX/0.10.0/katex.min.css') %>" rel="stylesheet">
+    <link href="<%- lib('morris.js/0.5.1/morris.css') %>" rel="stylesheet">
     <link href="/style.css?20181212" rel="stylesheet">
-    <link href="https://fonts.loli.net/css?family=Fira+Mono" rel="stylesheet">
-    <link href="https://fonts.loli.net/css?family=Lato:400,700,400italic,700italic&subset=latin" rel="stylesheet">
-    <link href="https://fonts.loli.net/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&amp;subset=latin-ext" rel="stylesheet">
-    <link href="https://fonts.loli.net/css?family=Exo+2:600" rel="stylesheet">
-    <script src="https://cdnjs.loli.net/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+    <% if (!syzoj.config.google_fonts_url) { %>
+      <link href="<%- syzoj.utils.makeUrl(['google-fonts', 'fira-mono.css']) %>" rel="stylesheet">
+      <link href="<%- syzoj.utils.makeUrl(['google-fonts', 'lato.css']) %>" rel="stylesheet">
+      <link href="<%- syzoj.utils.makeUrl(['google-fonts', 'open-sans.css']) %>" rel="stylesheet">
+      <link href="<%- syzoj.utils.makeUrl(['google-fonts', 'exo-2.css']) %>" rel="stylesheet">
+    <% } else { %>
+      <link href="<%- syzoj.config.google_fonts_url %>/css?family=Fira+Mono" rel="stylesheet">
+      <link href="<%- syzoj.config.google_fonts_url %>/css?family=Lato:400,700,400italic,700italic&subset=latin" rel="stylesheet">
+      <link href="<%- syzoj.config.google_fonts_url %>/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&amp;subset=latin-ext" rel="stylesheet">
+      <link href="<%- syzoj.config.google_fonts_url %>/css?family=Exo+2:600" rel="stylesheet">
+    <% } %>
+    <script src="<%- lib('jquery/3.3.1/jquery.min.js') %>"></script>
     <% if (syzoj.config.google_analytics && syzoj.config.google_analytics !== 'UA-XXXXXXXX-X') { %>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
diff --git a/views/login.ejs b/views/login.ejs
index 6b0aadf..0d78f75 100644
--- a/views/login.ejs
+++ b/views/login.ejs
@@ -38,7 +38,7 @@
     </div>
   </div>
 </div>
-<script src="https://cdnjs.loli.net/ajax/libs/blueimp-md5/2.10.0/js/md5.min.js"></script>
+<script src="<%- lib('blueimp-md5/2.10.0/js/md5.min.js') %>"></script>
 <script type="text/javascript">
 function key_login(event) {
     if (event.keyCode == 13) {
diff --git a/views/problem.ejs b/views/problem.ejs
index 31927e1..6936197 100644
--- a/views/problem.ejs
+++ b/views/problem.ejs
@@ -23,7 +23,7 @@ div[class*=ace_br] {
     border-radius: 0 !important;
 }
 </style>
-<script src="https://cdnjs.loli.net/ajax/libs/ace/1.4.1/ace.js"></script>
+<script src="<%- lib('ace/1.4.2/ace.js') %>"></script>
 <div class="ui center aligned grid">
     <div class="row">
       <h1 class="ui header">
diff --git a/views/sign_up.ejs b/views/sign_up.ejs
index 9e9dfed..30ee340 100644
--- a/views/sign_up.ejs
+++ b/views/sign_up.ejs
@@ -28,7 +28,7 @@
                 <a id="sign_up" class="ui button" href="javascript:submit();">注册</a>
             </form>
 </div>
-<script src="https://cdnjs.loli.net/ajax/libs/blueimp-md5/2.10.0/js/md5.min.js"></script>
+<script src="<%- lib('blueimp-md5/2.10.0/js/md5.min.js') %>"></script>
 <script type="text/javascript">
 function show_error(error) {
     $("#error_info").text(error);
diff --git a/views/statistics.ejs b/views/statistics.ejs
index 41746fd..1fd54a7 100644
--- a/views/statistics.ejs
+++ b/views/statistics.ejs
@@ -11,8 +11,8 @@ let types = {
 };
 %>
 <% include header %>
-<script src="https://cdnjs.loli.net/ajax/libs/raphael/2.2.7/raphael.min.js"></script>
-<script src="https://cdnjs.loli.net/ajax/libs/morris.js/0.5.1/morris.min.js"></script>
+<script src="<%- lib('raphael/2.2.7/raphael.min.js') %>"></script>
+<script src="<%- lib('morris.js/0.5.1/morris.min.js') %>"></script>
 <script>
 function getColorOfScore(score) {
   var color = [];
diff --git a/views/submission.ejs b/views/submission.ejs
index c8542b3..e3fa240 100644
--- a/views/submission.ejs
+++ b/views/submission.ejs
@@ -1,7 +1,7 @@
 <% this.title = '提交记录 #' + info.submissionId %>
 <% include util %>
 <% include header %>
-<script src="https://cdnjs.loli.net/ajax/libs/textfit/2.3.1/textFit.min.js"></script>
+<script src="<%- lib('textfit/2.3.1/textFit.min.js') %>"></script>
 <style>
 .single-subtask {
     box-shadow: none !important;
@@ -124,9 +124,9 @@
     </template>
   </div>
 </div>
-<script src="https://cdnjs.loli.net/ajax/libs/vue/2.5.17/vue.min.js"></script>
-<script src="https://cdnjs.loli.net/ajax/libs/socket.io/2.2.0/socket.io.js"></script>
-<script src="https://cdnjs.loli.net/ajax/libs/jsondiffpatch/0.2.5/jsondiffpatch.min.js"></script>
+<script src="<%- lib('vue/2.5.21/vue.min.js') %>"></script>
+<script src="<%- lib('socket.io/2.2.0/socket.io.js') %>"></script>
+<script src="<%- lib('jsondiffpatch/0.2.5/jsondiffpatch.min.js') %>"></script>
 
 <% include submissions_item %>
 
diff --git a/views/submissions.ejs b/views/submissions.ejs
index c015c0a..f0f00bb 100644
--- a/views/submissions.ejs
+++ b/views/submissions.ejs
@@ -1,7 +1,7 @@
 <% this.title = '提交记录' %>
 <% include header %>
 <% include util %>
-<script src="https://cdnjs.loli.net/ajax/libs/textfit/2.3.1/textFit.min.js"></script>
+<script src="<%- lib('textfit/2.3.1/textFit.min.js') %>"></script>
 <div class="padding">
   <% if (displayConfig.inContest) { %>
     <div class="ui large info message">
@@ -120,8 +120,8 @@
   <% } %>
 </div>
 
-<script src="https://cdnjs.loli.net/ajax/libs/vue/2.4.2/vue.min.js"></script>
-<script src="https://cdnjs.loli.net/ajax/libs/socket.io/2.0.3/socket.io.js"></script>
+<script src="<%- lib('vue/2.5.21/vue.min.js') %>"></script>
+<script src="<%- lib('socket.io/2.2.0/socket.io.js') %>"></script>
 
 <% include submissions_item %>
 <script>
diff --git a/views/user_edit.ejs b/views/user_edit.ejs
index 27bb01b..722ec4e 100644
--- a/views/user_edit.ejs
+++ b/views/user_edit.ejs
@@ -84,7 +84,7 @@
 		</form>
 	</div>
 </div>
-<script src="https://cdnjs.loli.net/ajax/libs/blueimp-md5/2.10.0/js/md5.min.js"></script>
+<script src="<%- lib('blueimp-md5/2.10.0/js/md5.min.js') %>"></script>
 <script type="text/javascript">
 function make_md5(tag) {
 	if (tag.val()) {
diff --git a/views/util.ejs b/views/util.ejs
index d029acb..9e2bda1 100644
--- a/views/util.ejs
+++ b/views/util.ejs
@@ -66,4 +66,12 @@ this.iconHidden = [
   'Skipped'
 ];
 
+this.lib = uri => {
+  if (!syzoj.config.cdnjs_url) {
+    return syzoj.utils.makeUrl(['cdnjs', uri]);
+  } else {
+    return syzoj.config.cdnjs_url + '/' + uri;
+  }
+}
+
 %>