Rework footer

src/constants.ts

@@ -1,5 +1,12 @@
+import * as path from 'path';
 export const languages = {
   ja: 'JA',
   zh: 'ZH',
 };
-export const linkCharacter = '⧉';
+
+export const ASSETS_FOLDER = './assets';
+export const WIKIPEDIA_ICON_FILENAME = 'wikipedia-icon.png';
+export const WIKIPEDIA_ICON_FILEPATH = path.join(
+  ASSETS_FOLDER,
+  WIKIPEDIA_ICON_FILENAME
+);

src/index.ts

@@ -5,6 +5,7 @@ import { getVersion } from './util/getVersion';
 import { downloadDumps } from './util/downloadDumps';
 import { readArgs } from './util/readArgs';
 import { readAndProcessLines } from './util/readAndProcessLines';
+import { WIKIPEDIA_ICON_FILEPATH } from './constants';
 
 const outputZipName = (lang: string, date: string, version: string) =>
   `${lang} Wikipedia [${date}] (v${version}).zip`;
@@ -27,6 +28,8 @@ const OUT_DIRECTORY = './out';
     fileName: outputZipName(lang, date, version),
   });
 
+  dict.addFile(WIKIPEDIA_ICON_FILEPATH, WIKIPEDIA_ICON_FILEPATH);
+
   const processedLines = await readAndProcessLines(filePath, dict, lang, dev);
 
   console.log(`Processed ${processedLines} lines, exporting zip...`);

src/yomitan/processLine.ts

@@ -4,7 +4,8 @@ import {
   StructuredContent,
   StructuredContentNode,
 } from 'yomichan-dict-builder/dist/types/yomitan/termbank';
-import { languages, linkCharacter } from '../constants';
+import * as path from 'path';
+import { WIKIPEDIA_ICON_FILEPATH } from '../constants';
 
 /**
  * Reads a line and adds that term entry to the dictionary
@@ -88,37 +89,36 @@ function createReadMoreNode(
   lang: string
 ): StructuredContentNode {
   const articleLink = `https://${lang.toLowerCase()}.wikipedia.org/wiki/${termSlug}`;
-  const readTheRest = getReadMoreText(lang);
   return {
-    tag: 'ul',
+    tag: 'div',
     content: [
       {
-        tag: 'li',
+        tag: 'span',
         content: [
+          {
+            tag: 'img',
+            path: WIKIPEDIA_ICON_FILEPATH,
+            collapsed: false,
+            collapsible: false,
+            height: 1,
+            width: 1,
+            sizeUnits: 'em',
+            verticalAlign: 'middle',
+          },
+          ' ',
           {
             tag: 'a',
             href: articleLink,
-            content: readTheRest,
+            content: `Wikipedia`,
           },
         ],
       },
     ],
     data: {
-      wikipedia: 'continue-reading',
+      wikipedia: 'footer',
     },
     style: {
-      listStyleType: `"${linkCharacter}"`,
+      textAlign: 'end',
     },
   };
 }
-
-function getReadMoreText(lang: string): string {
-  switch (lang) {
-    case languages.ja:
-      return '続きを読む';
-    case languages.zh:
-      return '查看更多';
-    default:
-      return 'Read more';
-  }
-}