Feature: JavaScript Vendors Customization. iissnan#783

Author: iissnan

_config.yml

@@ -261,8 +261,39 @@ use_motion: true
 # Fancybox
 fancybox: true
 
-# Static files
-vendors: vendors
+
+# Script Vendors.
+# Set a CDN address for the vendor you want to customize.
+# For example
+#    jquery: https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js
+# Be aware that you should use the same version as internal ones to avoid potential problems.
+vendors:
+  # Internal path prefix. Please do not edit it.
+  _internal: vendors
+
+  # Internal version: 2.1.3
+  jquery:
+
+  # Internal version: 2.1.5
+  fancybox:
+
+  # Internal version: 1.0.6
+  fastclick:
+
+  # Internal version: 1.9.7
+  lazyload:
+
+  # Internal version: 1.2.1
+  velocity:
+
+  # Internal version: 1.2.1
+  velocity_ui:
+
+  # Internal version: 0.7.9
+  ua_parser:
+
+
+# Assets
 css: css
 js: js
 images: images

layout/_partials/head.swig

@@ -24,16 +24,15 @@
 
 
 {% if theme.fancybox %}
-  <link href="{{ url_for(theme.vendors) }}/fancybox/source/jquery.fancybox.css?v=2.1.5" rel="stylesheet" type="text/css"/>
+  <link href="{{ url_for(theme.vendors._internal) }}/fancybox/source/jquery.fancybox.css?v=2.1.5" rel="stylesheet" type="text/css"/>
 {% endif %}
 
 
 {% if theme.use_font_lato %}
   <link href="//fonts.googleapis.com/css?family=Lato:300,400,700,400italic&subset=latin,latin-ext" rel="stylesheet" type="text/css">
 {% endif %}
 
-
-<link href="{{ url_for(theme.vendors) }}/font-awesome/css/font-awesome.min.css?v=4.4.0" rel="stylesheet" type="text/css" />
+<link href="{{ url_for(theme.vendors._internal) }}/font-awesome/css/font-awesome.min.css?v=4.4.0" rel="stylesheet" type="text/css" />
 
 <link href="{{ url_for(theme.css) }}/main.css?v={{ theme.version }}" rel="stylesheet" type="text/css" />
 

layout/_scripts/third-party/comments/duoshuo.swig

@@ -21,7 +21,8 @@
 
   {% if theme.duoshuo_info.ua_enable %}
     {% if theme.duoshuo_info.admin_enable %}
-      <script src="{{ url_for(theme.vendors) }}/ua-parser-js/dist/ua-parser.min.js"></script>
+      {% set ua_parser_internal = url_for(theme.vendors._internal) + '/ua-parser-js/dist/ua-parser.min.js?v=0.7.9' %}
+      <script src="{{ theme.vendors.ua_parser | default(ua_parser_internal) }}"></script>
       <script src="{{ url_for(theme.js) }}/src/hook-duoshuo.js"></script>
     {% endif %}
   {% endif %}

layout/_scripts/vendors.swig

@@ -1,17 +1,3 @@
-{%
-  set js_vendors = [
-    'jquery/index.js?v=2.1.3',
-    'fastclick/lib/fastclick.min.js?v=1.0.6',
-    'jquery_lazyload/jquery.lazyload.js?v=1.9.7',
-    'velocity/velocity.min.js',
-    'velocity/velocity.ui.min.js'
-  ]
-%}
-
-{% if theme.fancybox %}
-  {% set js_vendors[js_vendors.length] = 'fancybox/source/jquery.fancybox.pack.js' %}
-{% endif %}
-
 {# Reset `window.Promise` when it was not a function. #}
 {# IE refers the element whose id is `Promise` as `window.Promise`, this causes Velocity throwing an exception #}
 <script type="text/javascript">
@@ -20,6 +6,18 @@
   }
 </script>
 
-{% for vendor in js_vendors %}
-  <script type="text/javascript" src="{{ url_for(theme.vendors) }}/{{ vendor }}"></script>
+{% set js_vendors = {} %}
+{% set js_vendors.jquery      = '/jquery/index.js?v=2.1.3' %}
+{% set js_vendors.fastclick   = '/fastclick/lib/fastclick.min.js?v=1.0.6' %}
+{% set js_vendors.lazyload    = '/jquery_lazyload/jquery.lazyload.js?v=1.9.7' %}
+{% set js_vendors.velocity    = '/velocity/velocity.min.js?v=1.2.1' %}
+{% set js_vendors.velocity_ui = '/velocity/velocity.ui.min.js?v=1.2.1' %}
+
+{% if theme.fancybox %}
+  {% set js_vendors.fancybox  = 'fancybox/source/jquery.fancybox.pack.js?v=2.1.5' %}
+{% endif %}
+
+{% for name, internal in js_vendors %}
+  {% set internal_script = url_for(theme.vendors._internal) + internal %}
+  <script type="text/javascript" src="{{ theme.vendors[name] | default(internal_script) }}"></script>
 {% endfor %}