Make CONFIG more overridable & Fix quicklink

- Deprecate quicklink.ignores but not obsolete it
- Rename `load-config.js` in source/js/ to `config.js`

_config.yml

@@ -553,6 +553,7 @@ quicklink:
 
   # For more flexibility you can add some patterns (RegExp, Function, or Array) to ignores.
   # See: https://github.com/GoogleChromeLabs/quicklink#custom-ignore-patterns
+  # This option is deprecated. Use `CONFIG.quicklink.ignores` in your custom scripts instead.
   ignores:
 
 

layout/_layout.njk

@@ -4,7 +4,7 @@
   {{ partial('_partials/head/head.njk', {}, {cache: theme.cache.enable}) }}
   {%- include '_partials/head/head-unique.njk' -%}
   <title>{% block title %}{% endblock %}</title>
-  {{- next_js('load-config.js') }}
+  {{- next_js('config.js') }}
   {{- next_inject('head') }}
   {{ partial('_third-party/analytics/index.njk', {}, {cache: theme.cache.enable}) }}
   <noscript>

layout/_third-party/quicklink.njk

@@ -1,6 +1,7 @@
 {%- if theme.quicklink.enable %}
+  <script src="{{ theme.vendors.quicklink }}"></script>
   {{ next_data('quicklink', page.quicklink, {
-    js: theme.vendors.quicklink
+    url: url | replace(r/index\.html$/, '')
   }) }}
   {{ next_js('third-party/quicklink.js') }}
 {%- endif %}

scripts/helpers/engine.js

@@ -32,8 +32,8 @@ hexo.extend.helper.register('next_js', function(file, pjax = false) {
 hexo.extend.helper.register('next_data', function(name, ...data) {
   const { escape_html } = this;
   const json = data.length === 1 ? data[0] : Object.assign({}, ...data);
-  return `<script id="next-config-${name}" type="application/json">${
-    escape_html(JSON.stringify(json) ?? '')
+  return `<script class="next-config" data-name="${name}" type="application/json">${
+    escape_html(JSON.stringify(json))
   }</script>`;
 });
 

source/js/config.js

@@ -0,0 +1,60 @@
+{
+  if (!window.NexT) window.NexT = {};
+
+  const className = 'next-config';
+
+  const staticConfig = {};
+  let variableConfig = {};
+
+  const parse = (text) => {
+    const jsonString = new DOMParser()
+      .parseFromString(text, 'text/html').documentElement
+      .textContent;
+    return JSON.parse(jsonString || '{}');
+  };
+
+  const update = (name) => {
+    const targetEle = document.querySelector(`.${className}[data-name="${name}"]`);
+    if (!targetEle) return;
+    const parsedConfig = parse(targetEle.text);
+    if (name === 'main') {
+      Object.assign(staticConfig, parsedConfig);
+    } else {
+      variableConfig[name] = parsedConfig;
+    }
+  };
+
+  update('main');
+
+  window.CONFIG = new Proxy({}, {
+    get(overrideConfig, name) {
+      let existing;
+      if (name in staticConfig) {
+        existing = staticConfig[name];
+      } else {
+        if (!(name in variableConfig)) update(name);
+        existing = variableConfig[name];
+      }
+
+      let override = overrideConfig[name];
+      if (override === undefined && typeof existing === 'object') {
+        override = {};
+        overrideConfig[name] = override;
+      }
+
+      if (typeof override === 'object') {
+        return new Proxy({...existing, ...override}, {
+          set(target, prop, value) {
+            override[prop] = value;
+            return true;
+          }
+        });
+      }
+      return existing;
+    }
+  });
+
+  document.addEventListener('pjax:success', () => {
+    variableConfig = {};
+  });
+}

source/js/third-party/quicklink.js

@@ -1,29 +1,41 @@
-/* global NexT, CONFIG, quicklink */
+/* global CONFIG, quicklink */
 
 {
-  const quicklinkListen = () => {
-    quicklink.listen({
+  let resetFn = null;
+
+  const onRefresh = () => {
+    if (resetFn) resetFn();
+    if (!CONFIG.quicklink.enable) return;
+
+    let ignoresArr = CONFIG.quicklink.ignores || [];
+    if (typeof ignoresArr === 'string') {
+      try {
+        ignoresArr = JSON.parse(`[${ignoresArr}]`);
+      } catch {
+        // eslint-disable-next-line no-console
+        console.error('Setting regex and function in config file is deprecated. Try setting `CONFIG.quicklink.ignores` in any script code.');
+        // eslint-disable-next-line no-eval
+        ignoresArr = eval(`[${ignoresArr}]`);
+      }
+    } else if (!Array.isArray(ignoresArr)) {
+      ignoresArr = [ignoresArr];
+    }
+
+    resetFn = quicklink.listen({
       timeout : CONFIG.quicklink.timeout,
       priority: CONFIG.quicklink.priority,
       ignores : [
         uri => uri.includes('#'),
         uri => uri === CONFIG.quicklink.url,
-        // TODO: `quicklink.ignores` may includes functions that can not be parsed safely in JS runtime
-        ...JSON.parse(`[${CONFIG.quicklink.ignores}]`)
+        ...ignoresArr
       ]
     });
   };
 
-  document.addEventListener('page:loaded', () => {
-    if (!CONFIG.quicklink.enable) return;
-
-    NexT.utils.getScript(CONFIG.quicklink.js)
-      .then(() => {
-        if (CONFIG.quicklink.delay) {
-          window.addEventListener('load', quicklinkListen);
-        } else {
-          quicklinkListen();
-        }
-      });
-  });
+  if (CONFIG.quicklink.delay) {
+    window.addEventListener('load', onRefresh);
+    document.addEventListener('pjax:success', onRefresh);
+  } else {
+    document.addEventListener('page:loaded', onRefresh);
+  }
 }