@waline/client 2.15.6 → 2.15.7

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/card.scss

@@ -5,7 +5,7 @@
     position: relative;
     margin-inline-end: 0.75em;
 
-    @media (width <= 720px) {
+    @media (max-width: 720px) {
       --avatar-size: var(--waline-m-avatar-size);
     }
 

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/styles/panel.scss

@@ -49,7 +49,7 @@
   border: var(--waline-border);
   border-radius: var(--waline-avatar-radius);
 
-  @media (width <= 720px) {
+  @media (max-width: 720px) {
     width: var(--waline-m-avatar-size);
     height: var(--waline-m-avatar-size);
   }
@@ -92,7 +92,7 @@
   border-top-left-radius: 0.75em;
   border-top-right-radius: 0.75em;
 
-  @media (width <= 580px) {
+  @media (max-width: 580px) {
     display: block;
   }
 
@@ -125,7 +125,7 @@
   flex: 1;
 
   &:not(:last-child) {
-    @media (width <= 580px) {
+    @media (max-width: 580px) {
       border-bottom: 2px dashed var(--waline-border-color);
     }
   }
@@ -137,7 +137,7 @@
   .wl-header-2 & {
     width: 50%;
 
-    @media (width <= 580px) {
+    @media (max-width: 580px) {
       flex: 0;
       width: 100%;
     }
@@ -146,7 +146,7 @@
   .wl-header-3 & {
     width: 33.33%;
 
-    @media (width <= 580px) {
+    @media (max-width: 580px) {
       width: 100%;
     }
   }

package/src/styles/reaction.scss

@@ -27,7 +27,7 @@
 
   list-style-type: none;
 
-  @media (width <= 580px) {
+  @media (max-width: 580px) {
     gap: 12px;
   }
 
@@ -54,7 +54,7 @@
   width: 42px;
   height: 42px;
 
-  @media (width <= 580px) {
+  @media (max-width: 580px) {
     width: 32px;
     height: 32px;
   }

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>`;