feat(feed2): add title link

Author: xinbenlv

components/PureRevisionPanel.vue

@@ -1,7 +1,7 @@
 <template>
   <section>
     <template v-if="infoLoaded">
-      <h2 class="rev-title">{{item.title}}</h2>
+      <h2 class="rev-title"><a :href="wikiPageLink(item.wiki, item.title)">{{item.title}}</a></h2>
       <div class="rev-info">
         <div class="rev-info__item"><i class="fas fa-faucet fa-fw"></i>{{item.feed || 'default'}}</div>
         <div class="rev-info__item"><i class="fas fa-info-circle fa-fw"></i>{{item.wiki}}:{{item.revId}}</div>
@@ -36,6 +36,7 @@ import { mapState } from 'vuex';
 
 import { Component, Prop, Vue} from 'nuxt-property-decorator';
 import { RevisionPanelItem } from '~/shared/interfaces';
+import { wikiPageLink } from '~/shared/mwapi2';
 
 @Component({
   components: {
@@ -47,6 +48,8 @@ export default class PureRevisionPanel extends Vue {
   @Prop({ type: Boolean}) readonly infoLoaded: boolean;
   @Prop({ type: Boolean}) readonly diffLoaded: boolean;
   @Prop({ type: Object }) readonly item: RevisionPanelItem;
+
+  public wikiPageLink = wikiPageLink;
 }
 </script>
 <style lang="scss" scoped>

package.json

@@ -19,6 +19,7 @@
     "prod:pm2": "npx pm2 start eco.yml --env=production",
     "prod": "npm run build && npm run start",
     "release": "HUSKY_SKIP_HOOKS=1 standard-version",
+    "sb": "nuxt storybook",
     "start": "npm run dev",
     "test:integration": "jest --testPathIgnorePatterns=THIS_SHALL_NEVER_MATCH_ANYTHING --testPathPattern=integration --verbose",
     "test:full": "jest --testPathIgnorePatterns=THIS_SHALL_NEVER_MATCH_ANYTHING --verbose",

shared/mwapi2.ts

@@ -52,6 +52,11 @@ export interface MwRevisionInfo extends MwPageInfo {
     timestampStr:string,
 }
 
+export function wikiPageLink(wiki, title) {
+    let encodedTitle = title.replace(' ', '_');
+    return `https://${wikiToDomain[wiki]}/wiki/${encodedTitle}`;
+}
+
 /**
  * An class for utility functions for MediaWiki Action Client.
  */

shared/utility-shared.ts

@@ -81,7 +81,6 @@ export const wikiToLangMap = (function() {
   return _wikiToLangMap;
 })();
 
-
 export let getUrlBaseByWiki = function(wiki) {
     return `http://${wikiToDomain[wiki]}`;
 };