@waline/client 2.15.5 → 2.15.7

package/src/config/default.ts

@@ -39,10 +39,10 @@ export const defaultUploadImage = (file: File): Promise<string> =>
     reader.onerror = reject;
   });
 
-export const defaultTexRenderer = (blockMode: boolean): string =>
+export const defaultTeXRenderer = (blockMode: boolean): string =>
   blockMode === true
-    ? '<p class="wl-tex">Tex is not available in preview</p>'
-    : '<span class="wl-tex">Tex is not available in preview</span>';
+    ? '<p class="wl-tex">TeX is not available in preview</p>'
+    : '<span class="wl-tex">TeX is not available in preview</span>';
 
 export const getDefaultSearchOptions = (lang: string): WalineSearchOptions => {
   interface GifResult {
@@ -63,7 +63,7 @@ export const getDefaultSearchOptions = (lang: string): WalineSearchOptions => {
 
   const fetchGiphy = async (
     url: string,
-    params: Record<string, string> = {}
+    params: Record<string, string> = {},
   ): Promise<WalineSearchResult> =>
     fetch(
       `https://api.giphy.com/v1/gifs/${url}?${new URLSearchParams({
@@ -73,14 +73,14 @@ export const getDefaultSearchOptions = (lang: string): WalineSearchOptions => {
         // eslint-disable-next-line @typescript-eslint/naming-convention
         api_key: '6CIMLkNMMOhRcXPoMCPkFy4Ybk2XUiMp',
         ...params,
-      }).toString()}`
+      }).toString()}`,
     )
       .then((resp) => <Promise<GifResult>>resp.json())
       .then(({ data }) =>
         data.map((gif) => ({
           title: gif.title,
           src: gif.images.downsized_medium.url,
-        }))
+        })),
       );
 
   return {

package/src/config/highlighter.ts

@@ -30,7 +30,7 @@ const LINE_COMMENT_REGEXP = /(?:^|\s)\/\/(.+?)$/gm;
 const BLOCK_COMMENT_REGEXP = /\/\*([\S\s]*?)\*\//gm;
 const REGEXP = new RegExp(
   `(${WORD_REGEXP.source}|${LEFT_ANGLE_REGEXP.source})|((?:${LINE_COMMENT_REGEXP.source})|(?:${BLOCK_COMMENT_REGEXP.source}))`,
-  'gmi'
+  'gmi',
 );
 
 const COLORS = [

package/src/config/i18n/generate.ts

@@ -54,5 +54,5 @@ const localeKeys = [
 
 export const generateLocale = (locale: string[]): WalineLocale =>
   Object.fromEntries(
-    locale.map((item, index) => [localeKeys[index], item])
+    locale.map((item, index) => [localeKeys[index], item]),
   ) as unknown as WalineLocale;

package/src/entries/legacy.ts

@@ -10,7 +10,7 @@ import { type WalineInitOptions } from '../typings/index.js';
 export { WalineInstance } from '../init.js';
 
 warning(
-  ' This is a legacy package compatible with Valine and Waline@v1, please switch to Waline@v2 using https://<CDN.LINK>/@waline/client/dist/waline.js instead!'
+  ' This is a legacy package compatible with Valine and Waline@v1, please switch to Waline@v2 using https://<CDN.LINK>/@waline/client/dist/waline.js instead!',
 );
 
 // inject css styles
@@ -23,7 +23,9 @@ link.href = '//unpkg.com/@waline/client@v2/dist/waline.css';
 document.head.appendChild(link);
 
 export default function legacyWaline(
-  options: WalineInitOptions & DeprecatedValineOptions & DeprecatedWalineOptions
+  options: WalineInitOptions &
+    DeprecatedValineOptions &
+    DeprecatedWalineOptions,
 ): WalineInstance | null {
   return init(covertOptions(options));
 }

package/src/pageview.ts

@@ -49,7 +49,7 @@ export interface WalinePageviewCountOptions {
 
 const renderVisitorCount = (
   counts: number[],
-  countElements: HTMLElement[]
+  countElements: HTMLElement[],
 ): void => {
   countElements.forEach((element, index) => {
     element.innerText = counts[index].toString();
@@ -67,7 +67,7 @@ export const pageviewCount = ({
 
   const elements = Array.from(
     // pageview selectors
-    document.querySelectorAll<HTMLElement>(selector)
+    document.querySelectorAll<HTMLElement>(selector),
   );
 
   const filter = (element: HTMLElement): boolean => {
@@ -98,8 +98,8 @@ export const pageviewCount = ({
     }).then((count) =>
       renderVisitorCount(
         new Array<number>(normalElements.length).fill(count),
-        normalElements
-      )
+        normalElements,
+      ),
     );
 
     // if we should fetch count of other pages

package/src/styles/emoji.scss

@@ -14,7 +14,9 @@
   opacity: 0;
   visibility: hidden;
 
-  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
+  transition:
+    transform 0.2s ease-out,
+    opacity 0.2s ease-out;
   transform: scale(0.9, 0.9);
   transform-origin: 0 0;
 

package/src/styles/gif.scss

@@ -15,7 +15,9 @@
   opacity: 0;
   visibility: hidden;
 
-  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
+  transition:
+    transform 0.2s ease-out,
+    opacity 0.2s ease-out;
   transform: scale(0.9, 0.9);
   transform-origin: 0 0;
 

package/src/typings/base.ts

@@ -120,4 +120,4 @@ export type WalineImageUploader = (image: File) => Promise<string>;
 
 export type WalineHighlighter = (code: string, lang: string) => string;
 
-export type WalineTexRenderer = (blockMode: boolean, tex: string) => string;
+export type WalineTeXRenderer = (blockMode: boolean, tex: string) => string;

package/src/typings/waline.ts

@@ -6,7 +6,7 @@ import {
   type WalineImageUploader,
   type WalineLoginStatus,
   type WalineMeta,
-  type WalineTexRenderer,
+  type WalineTeXRenderer,
   type WalineSearchOptions,
 } from './base.js';
 import { type WalineLocale } from './locale.js';
@@ -201,7 +201,7 @@ export interface WalineProps {
    *
    * @default true
    */
-  texRenderer?: WalineTexRenderer | boolean;
+  texRenderer?: WalineTeXRenderer | boolean;
 
   /**
    *

package/src/utils/config.ts

@@ -6,7 +6,7 @@ import {
   DEFAULT_REACTION,
   defaultUploadImage,
   defaultHighlighter,
-  defaultTexRenderer,
+  defaultTeXRenderer,
   getDefaultSearchOptions,
   getMeta,
 } from '../config/index.js';
@@ -52,13 +52,13 @@ export const getServerURL = (serverURL: string): string => {
 };
 
 const getWordLimit = (
-  wordLimit: WalineProps['wordLimit']
+  wordLimit: WalineProps['wordLimit'],
 ): [number, number] | false =>
   Array.isArray(wordLimit) ? wordLimit : wordLimit ? [0, wordLimit] : false;
 
 const fallback = <T = unknown>(
   value: T | boolean | undefined,
-  fallback: T
+  fallback: T,
 ): T | false =>
   typeof value === 'function' ? value : value === false ? false : fallback;
 
@@ -97,7 +97,7 @@ export const getConfig = ({
   requiredMeta: getMeta(requiredMeta),
   imageUploader: fallback(imageUploader, defaultUploadImage),
   highlighter: fallback(highlighter, defaultHighlighter),
-  texRenderer: fallback(texRenderer, defaultTexRenderer),
+  texRenderer: fallback(texRenderer, defaultTeXRenderer),
   lang: Object.keys(DEFAULT_LOCALES).includes(lang) ? lang : 'en-US',
   dark,
   emoji: typeof emoji === 'boolean' ? (emoji ? DEFAULT_EMOJI : []) : emoji,

package/src/utils/date.ts

@@ -21,7 +21,7 @@ export const dateFormat = (date: Date): string => {
 export const getTimeAgo = (
   date: Date | string,
   now: Date,
-  locale: WalineDateLocale
+  locale: WalineDateLocale,
 ): string => {
   if (!date) return '';
 

package/src/utils/emoji.ts

@@ -10,7 +10,7 @@ const hasVersion = (url: string): boolean =>
 const fetchEmoji = (link: string): Promise<WalineEmojiInfo> => {
   const emojiStore = useStorage<Record<string, WalineEmojiInfo>>(
     'WALINE_EMOJI',
-    {}
+    {},
   );
 
   const result = hasVersion(link);
@@ -39,14 +39,14 @@ const getLink = (name: string, folder = '', prefix = '', type = ''): string =>
   `${folder ? `${folder}/` : ''}${prefix}${name}${type ? `.${type}` : ''}`;
 
 export const getEmojis = (
-  emojis: (string | WalineEmojiInfo)[]
+  emojis: (string | WalineEmojiInfo)[],
 ): Promise<WalineEmojiConfig> =>
   Promise.all(
     emojis.map((emoji) =>
       typeof emoji === 'string'
         ? fetchEmoji(removeEndingSplash(emoji))
-        : Promise.resolve(emoji)
-    )
+        : Promise.resolve(emoji),
+    ),
   ).then((emojiInfos) => {
     const emojiConfig: WalineEmojiConfig = {
       tabs: [],

package/src/utils/getRoot.ts

@@ -1,5 +1,5 @@
 export const getRoot = (
-  el: string | HTMLElement | undefined
+  el: string | HTMLElement | undefined,
 ): HTMLElement | null =>
   el instanceof HTMLElement
     ? el

package/src/utils/image.ts

@@ -2,7 +2,7 @@ const isImage = (item: DataTransferItem): boolean =>
   item.type.includes('image');
 
 export const getImageFromDataTransfer = (
-  items: DataTransferItemList
+  items: DataTransferItemList,
 ): File | null => {
   const image = Array.from(items).find(isImage);
 

package/src/utils/markdown.ts

@@ -1,28 +1,28 @@
 import { marked } from 'marked';
 
-import { markedTexExtensions } from './markedMathExtension.js';
+import { markedTeXExtensions } from './markedMathExtension.js';
 import {
   type WalineEmojiMaps,
   type WalineHighlighter,
-  type WalineTexRenderer,
+  type WalineTeXRenderer,
 } from '../typings/index.js';
 
 export const parseEmoji = (text = '', emojiMap: WalineEmojiMaps = {}): string =>
   text.replace(/:(.+?):/g, (placeholder, key: string) =>
     emojiMap[key]
       ? `<img class="wl-emoji" src="${emojiMap[key]}" alt="${key}">`
-      : placeholder
+      : placeholder,
   );
 
 export interface ParseMarkdownOptions {
   emojiMap: WalineEmojiMaps;
   highlighter: WalineHighlighter | false;
-  texRenderer: WalineTexRenderer | false;
+  texRenderer: WalineTeXRenderer | false;
 }
 
 export const parseMarkdown = (
   content: string,
-  { emojiMap, highlighter, texRenderer }: ParseMarkdownOptions
+  { emojiMap, highlighter, texRenderer }: ParseMarkdownOptions,
 ): string => {
   marked.setOptions({
     highlight: highlighter || undefined,
@@ -32,7 +32,7 @@ export const parseMarkdown = (
   });
 
   if (texRenderer) {
-    const extensions = markedTexExtensions(texRenderer);
+    const extensions = markedTeXExtensions(texRenderer);
 
     marked.use({ extensions });
   }

package/src/utils/markedMathExtension.ts

@@ -1,13 +1,13 @@
 import { type marked } from 'marked';
 
-import { type WalineTexRenderer } from '../typings/index.js';
+import { type WalineTeXRenderer } from '../typings/index.js';
 
 const inlineMathStart = /\$.*?\$/;
 const inlineMathReg = /^\$(.*?)\$/;
 const blockMathReg = /^(?:\s{0,3})\$\$((?:[^\n]|\n[^\n])+?)\n{0,1}\$\$/;
 
-export const markedTexExtensions = (
-  texRenderer: WalineTexRenderer
+export const markedTeXExtensions = (
+  texRenderer: WalineTeXRenderer,
 ): marked.TokenizerExtension[] => {
   const blockMathExtension: marked.TokenizerExtension = {
     name: 'blockMath',

package/src/utils/wordCount.ts

@@ -27,5 +27,5 @@ export const getWordNumber = (content: string): number =>
   (getWords(content)?.reduce<number>(
     (accumulator, word) =>
       accumulator + (word.trim() === '' ? 0 : word.trim().split(/\s+/u).length),
-    0
+    0,
   ) || 0) + (getChinese(content)?.length || 0);

package/src/widgets/recentComments.ts

@@ -72,7 +72,7 @@ export const RecentComments = ({
       root.innerHTML = `<ul class="wl-recent-list">${comments
         .map(
           (comment) =>
-            `<li class="wl-recent-item"><a href="${comment.url}">${comment.nick}</a>：${comment.comment}</li>`
+            `<li class="wl-recent-item"><a href="${comment.url}">${comment.nick}</a>：${comment.comment}</li>`,
         )
         .join('')}</ul>`;
 

package/src/widgets/userList.ts

@@ -121,7 +121,7 @@ export const UserList = ({
           '</li>',
         ]
           .filter((v) => v)
-          .join('')
+          .join(''),
       )
       .join('')}</ul>`;