hexo-component-inferno 2.0.0 → 2.0.2

package/lib/hexo/tag/tabs.js

@@ -73,7 +73,7 @@
  * This is hello.
  * <!-- endtab -->
  * <!-- tab id:tab_info 'icon:fas fa-info' 'title:Info Tab' -->This is info.<!-- endtab -->
- * {% endmessage %}
+ * {% endtabs %}
  */
 module.exports = function (hexo) {
   function splitTabOptions(s) {
@@ -82,10 +82,8 @@ module.exports = function (hexo) {
     let i = 0;
     let state = 1;
     let begin = 0;
-
     while (i <= s.length) {
       const c = i < s.length ? s.charAt(i) : '';
-
       switch (state) {
         case 1:
           if (c === ' ') {
@@ -102,39 +100,30 @@ module.exports = function (hexo) {
           } else {
             state = 7;
           }
-
           break;
-
         case 2:
           if (c === '\\') {
             state = 3;
           } else if (c === '"') {
             state = 6;
           }
-
           break;
-
         case 3:
           state = 2;
           break;
-
         case 4:
           if (c === '\\') {
             state = 5;
           } else if (c === "'") {
             state = 6;
           }
-
           break;
-
         case 5:
           state = 4;
           break;
-
         case 6:
           options.push(s.substring(begin, i - 1));
           begin = i + 1;
-
           if (c === ' ') {
             state = 1;
           } else if (c === '') {
@@ -142,9 +131,7 @@ module.exports = function (hexo) {
           } else {
             throw new Error(`malformatted tab options: ${s}`);
           }
-
           break;
-
         case 7:
           if (c === ' ') {
             options.push(s.substring(begin, i));
@@ -155,81 +142,63 @@ module.exports = function (hexo) {
             begin = i + 1;
             state = EOL;
           }
-
           break;
       }
-
       i++;
     }
-
     if (state !== EOL) {
       throw new Error(`malformatted tab options: ${s}`);
     }
-
     return options;
   }
-
   function processTag(options, content) {
     let classes = '';
-
     for (const option of options) {
       const [key, value] = option.split(':');
-
       switch (key) {
         case 'align':
           classes += ` is-${value}`;
           break;
-
         case 'size':
           classes += ` is-${value}`;
           break;
-
         case 'style':
           if (value === 'toggle-rounded') {
             classes += ' is-toggle';
           }
-
           classes += ` is-${value}`;
           break;
       }
     }
-
     const pattern = /<!--\s*tab\s*(.*?)\s*-->([\s\S]*?)<!--\s*endtab\s*-->/g;
     let match;
     let tabElements = '';
     let contentElements = '';
-
     while ((match = pattern.exec(content)) !== null) {
       const [, tabOptions, tabContent] = match;
       let id = 'tab-' + Date.now() + (Math.random() * 1000 | 0);
       let icon = '';
       let title = '';
       let active = false;
-
       for (const option of splitTabOptions(tabOptions)) {
         const [key, value] = option.split(':');
-
         switch (key) {
           case 'id':
             id = value;
             break;
-
           case 'active':
             active = true;
             break;
-
           case 'icon':
             icon = `<span class="icon is-small ml-0">
                 <i class="${value}" aria-hidden="true"></i>
             </span>`;
             break;
-
           case 'title':
             title = value;
             break;
         }
       }
-
       tabElements += `<li${active ? ' class="is-active"' : ''}>
           <a href="#${id}">
               ${hexo.render.renderSync({
@@ -245,7 +214,6 @@ module.exports = function (hexo) {
       })}
       </div>`;
     }
-
     return `<div class="tabs my-3${classes}">
         <ul class="mx-0 my-0">
             ${tabElements}
@@ -253,31 +221,32 @@ module.exports = function (hexo) {
     </div>
     ${contentElements}`;
   }
-
   const script = `<script>
   (function () {
       function switchTab() {
           if (!location.hash) {
             return;
           }
-          Array
-              .from(document.querySelectorAll('.tab-content'))
-              .forEach($tab => {
-                  $tab.classList.add('is-hidden');
-              });
-          Array
-              .from(document.querySelectorAll('.tabs li'))
-              .forEach($tab => {
-                  $tab.classList.remove('is-active');
-              });
-          const $activeTab = document.querySelector(location.hash);
-          if ($activeTab) {
-              $activeTab.classList.remove('is-hidden');
+
+          const id = '#' + CSS.escape(location.hash.substring(1));
+          const $tabMenu = document.querySelector(\`.tabs a[href="\${id}"]\`);
+          if (!$tabMenu) {
+            return;
           }
-          const $tabMenu = document.querySelector(\`a[href="\${location.hash}"]\`);
+
+          const $tabMenuContainer = $tabMenu.parentElement.parentElement;
+          Array.from($tabMenuContainer.children).forEach($menu => $menu.classList.remove('is-active'));
+          Array.from($tabMenuContainer.querySelectorAll('a'))
+              .map($menu => document.getElementById($menu.getAttribute("href").substring(1)))
+              .forEach($content => $content.classList.add('is-hidden'));
+
           if ($tabMenu) {
               $tabMenu.parentElement.classList.add('is-active');
           }
+          const $activeTab = document.querySelector(id);
+          if ($activeTab) {
+              $activeTab.classList.remove('is-hidden');
+          }
       }
       switchTab();
       window.addEventListener('hashchange', switchTab, false);

package/lib/hexo/tag/tabs.test.js

@@ -1,17 +1,12 @@
 const {
   join
 } = require('path');
-
 const Hexo = require('hexo');
-
 const {
   minify
 } = require('html-minifier');
-
 const cheerio = require('cheerio');
-
 const register = require('./tabs');
-
 const rootDir = join(__dirname, '../../../fixture/site');
 const hexo = new Hexo(rootDir, {
   silent: true
@@ -48,7 +43,6 @@ test('create default tabs', async () => {
 });
 test('create tabs with different alignment', async () => {
   const render = hexo.extend.tag.render.bind(hexo.extend.tag);
-
   for (const align of ['left', 'centered', 'right', 'fullwidth']) {
     const source = `{% tabs align:${align} %}<!--tab id:tab1-->content<!--endtab-->{% endtabs %}`;
     const actual = cheerio.load(await render(source), cheerioOptions, false).html();
@@ -57,7 +51,6 @@ test('create tabs with different alignment', async () => {
 });
 test('create tabs with different sizes', async () => {
   const render = hexo.extend.tag.render.bind(hexo.extend.tag);
-
   for (const size of ['small', 'medium', 'large']) {
     const source = `{% tabs size:${size} %}<!--tab id:tab1-->content<!--endtab-->{% endtabs %}`;
     const actual = cheerio.load(await render(source), cheerioOptions, false).html();
@@ -66,7 +59,6 @@ test('create tabs with different sizes', async () => {
 });
 test('create tabs with different styles', async () => {
   const render = hexo.extend.tag.render.bind(hexo.extend.tag);
-
   for (const style of ['boxed', 'toggle', 'toggle-rounded']) {
     const source = `{% tabs style:${style} %}<!--tab id:tab1-->content<!--endtab-->{% endtabs %}`;
     const actual = cheerio.load(await render(source), cheerioOptions, false).html();

package/lib/util/cache.js

@@ -3,22 +3,16 @@
  * @module util/cache
  */
 const crypto = require('crypto');
-
 const {
   Component
 } = require('inferno'); // eslint-disable-line no-unused-vars
-
-
 const {
   createElement
 } = require('inferno-create-element');
-
 const cache = {};
-
 function computeHash(props) {
   return crypto.createHash('md5').update(JSON.stringify(props)).digest('hex');
 }
-
 module.exports = {
   /**
    * Create cached component from a given component class.
@@ -42,19 +36,14 @@ module.exports = {
   cacheComponent(type, prefix, transform) {
     return props => {
       const targetProps = transform(props);
-
       if (targetProps === null || typeof targetProps !== 'object') {
         return null;
       }
-
       const cacheId = prefix + '-' + computeHash(targetProps);
-
       if (!cache[cacheId]) {
         cache[cacheId] = createElement(type, targetProps);
       }
-
       return cache[cacheId];
     };
   }
-
 };

package/lib/util/cache.test.js

@@ -1,17 +1,13 @@
 const {
   renderToStaticMarkup
 } = require('inferno-server');
-
 const {
   createElement
 } = require('inferno-create-element');
-
 const {
   cacheComponent
 } = require('../util/cache');
-
 const Example = require('../../fixture/layout/example');
-
 test('The cached component can be successfully rendered', () => {
   const props = {
     subject: 'world'

package/lib/util/classname.js

@@ -16,14 +16,11 @@ module.exports = function (classname) {
   if (typeof classname === 'string') {
     return classname;
   }
-
   if (Array.isArray(classname)) {
     return classname.join(' ');
   }
-
   if (typeof classname === 'object') {
     return Object.keys(classname).filter(key => !!classname[key]).join(' ');
   }
-
   throw new Error('Cannot process class name ' + JSON.stringify(classname));
 };

package/lib/util/classname.test.js

@@ -1,5 +1,4 @@
 const classname = require('../util/classname');
-
 test('Correctly create the class name string', () => {
   expect(classname('class-1')).toBe('class-1');
   expect(classname(['class-1', 'class-2'])).toBe('class-1 class-2');

package/lib/util/yaml.js

@@ -2,22 +2,19 @@
  * Custom YAML parse and stringify functions.
  * @module util/yaml
  */
-const yaml = require('js-yaml'); // output null as empty in yaml
-
+const yaml = require('js-yaml');
 
+// output null as empty in yaml
 const YAML_SCHEMA = yaml.DEFAULT_SCHEMA.extend({
   implicit: [new yaml.Type('tag:yaml.org,2002:null', {
     kind: 'scalar',
-
     resolve(data) {
       if (data === null) {
         return true;
       }
-
       const max = data.length;
       return max === 1 && data === '~' || max === 4 && (data === 'null' || data === 'Null' || data === 'NULL');
     },
-
     construct: () => null,
     predicate: object => object === null,
     represent: {
@@ -36,7 +33,6 @@ module.exports = {
   parse(str) {
     return yaml.load(str);
   },
-
   /**
    * Dump the YAML string of a JavaScript value.
    *
@@ -50,5 +46,4 @@ module.exports = {
       schema: YAML_SCHEMA
     });
   }
-
 };

package/lib/util/yaml.test.js

@@ -1,9 +1,6 @@
 const fs = require('fs');
-
 const path = require('path');
-
 const yaml = require('../util/yaml');
-
 test('Correctly parse YAML string', () => {
   const example = fs.readFileSync(path.join(__dirname, '../../fixture/misc/original.yaml'), {
     encoding: 'utf8'
@@ -14,7 +11,6 @@ test('Correctly parse YAML string', () => {
 });
 test('Correctly format to YAML string', () => {
   const example = require('../../fixture/misc/parsed.json');
-
   const expected = fs.readFileSync(path.join(__dirname, '../../fixture/misc/stringified.yaml'), {
     encoding: 'utf8'
   });

package/lib/view/comment/changyan.js

@@ -1,38 +1,28 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 var _inferno = require("inferno");
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 /**
  * ChangYan comment JSX component.
  * @module view/comment/changyan
  */
 var _require = require('inferno'),
-    Component = _require.Component;
-
+  Component = _require.Component;
 var _require2 = require('../../util/cache'),
-    cacheComponent = _require2.cacheComponent;
+  cacheComponent = _require2.cacheComponent;
+
 /**
  * ChangYan comment JSX component.
  *
@@ -43,32 +33,25 @@ var _require2 = require('../../util/cache'),
  *     conf="******"
  *     path="/path/to/page" />
  */
-
-
 var ChangYan = /*#__PURE__*/function (_Component) {
   _inherits(ChangYan, _Component);
-
   var _super = _createSuper(ChangYan);
-
   function ChangYan() {
     _classCallCheck(this, ChangYan);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(ChangYan, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          appId = _this$props.appId,
-          conf = _this$props.conf,
-          path = _this$props.path;
-
+        appId = _this$props.appId,
+        conf = _this$props.conf,
+        path = _this$props.path;
       if (!appId || !conf) {
         return (0, _inferno.createVNode)(1, "div", "notification is-danger", [(0, _inferno.createTextVNode)("You forgot to set the "), (0, _inferno.createVNode)(1, "code", null, "app_id", 16), (0, _inferno.createTextVNode)(" or "), (0, _inferno.createVNode)(1, "code", null, "conf", 16), (0, _inferno.createTextVNode)(" for Changyan. Please set it in "), (0, _inferno.createVNode)(1, "code", null, "_config.yml", 16), (0, _inferno.createTextVNode)(".")], 4);
       }
-
       var js = "window.changyan.api.config({appid: '".concat(appId, "',conf: '").concat(conf, "'});");
+      /* eslint-disable react/no-unknown-property */
       return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "div", null, null, 1, {
         "id": "SOHUCS",
         "sid": path
@@ -80,9 +63,9 @@ var ChangYan = /*#__PURE__*/function (_Component) {
           __html: js
         }
       })], 4);
+      /* eslint-enable react/no-unknown-property */
     }
   }]);
-
   return ChangYan;
 }(Component);
 /**
@@ -97,11 +80,9 @@ var ChangYan = /*#__PURE__*/function (_Component) {
  *     comment={{ app_id: '*******', conf='******' }}
  *     page={{ path: '/path/to/page' }} />
  */
-
-
 ChangYan.Cacheable = cacheComponent(ChangYan, 'comment.changyan', function (props) {
   var comment = props.comment,
-      page = props.page;
+    page = props.page;
   return {
     appId: comment.app_id,
     conf: comment.conf,

package/lib/view/comment/disqus.js

@@ -1,38 +1,28 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 var _inferno = require("inferno");
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 /**
  * Disqus comment JSX component.
  * @module view/comment/disqus
  */
 var _require = require('inferno'),
-    Component = _require.Component;
-
+  Component = _require.Component;
 var _require2 = require('../../util/cache'),
-    cacheComponent = _require2.cacheComponent;
+  cacheComponent = _require2.cacheComponent;
+
 /**
  * Disqus comment JSX component.
  *
@@ -44,32 +34,24 @@ var _require2 = require('../../util/cache'),
  *     permalink="/page/permanent/path"
  *     path="/path/to/page" />
  */
-
-
 var Disqus = /*#__PURE__*/function (_Component) {
   _inherits(Disqus, _Component);
-
   var _super = _createSuper(Disqus);
-
   function Disqus() {
     _classCallCheck(this, Disqus);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(Disqus, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          shortname = _this$props.shortname,
-          disqusId = _this$props.disqusId,
-          path = _this$props.path,
-          permalink = _this$props.permalink;
-
+        shortname = _this$props.shortname,
+        disqusId = _this$props.disqusId,
+        path = _this$props.path,
+        permalink = _this$props.permalink;
       if (!shortname) {
         return (0, _inferno.createVNode)(1, "div", "notification is-danger", [(0, _inferno.createTextVNode)("You forgot to set the "), (0, _inferno.createVNode)(1, "code", null, "shortname", 16), (0, _inferno.createTextVNode)(" for Disqus. Please set it in"), (0, _inferno.createTextVNode)(' '), (0, _inferno.createVNode)(1, "code", null, "_config.yml", 16), (0, _inferno.createTextVNode)(".")], 0);
       }
-
       var js = "var disqus_config = function () {\n            this.page.url = '".concat(permalink, "';\n            this.page.identifier = '").concat(disqusId || path, "';\n        };\n        (function() {\n            var d = document, s = d.createElement('script');  \n            s.src = '//' + '").concat(shortname, "' + '.disqus.com/embed.js';\n            s.setAttribute('data-timestamp', +new Date());\n            (d.head || d.body).appendChild(s);\n        })();");
       return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "div", null, (0, _inferno.createVNode)(1, "noscript", null, [(0, _inferno.createTextVNode)("Please enable JavaScript to view the"), (0, _inferno.createTextVNode)(' '), (0, _inferno.createVNode)(1, "a", null, "comments powered by Disqus.", 16, {
         "href": "//disqus.com/?ref_noscript"
@@ -82,7 +64,6 @@ var Disqus = /*#__PURE__*/function (_Component) {
       })], 4);
     }
   }]);
-
   return Disqus;
 }(Component);
 /**
@@ -101,11 +82,9 @@ var Disqus = /*#__PURE__*/function (_Component) {
  *         permalink: '/page/permanent/link'
  *     }} />
  */
-
-
 Disqus.Cacheable = cacheComponent(Disqus, 'comment.disqus', function (props) {
   var comment = props.comment,
-      page = props.page;
+    page = props.page;
   return {
     path: page.path,
     shortname: comment.shortname,