@waline/client 2.0.4 → 2.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@waline/client",
-  "version": "2.0.4",
+  "version": "2.0.7",
   "description": "client for waline comment system",
   "keywords": [
     "valine",
@@ -27,6 +27,7 @@
     "./dist": "./dist/shim.js",
     "./dist/waline.css": "./dist/waline.css",
     "./dist/*": "./dist/*.js",
+    "./src/*": "./src/*",
     "./package.json": "./package.json"
   },
   "main": "./dist/shim.js",

package/src/components/CommentBox.vue

@@ -42,7 +42,7 @@
             :class="['wl-input', `wl-${kind}`]"
             :name="kind"
             :type="kind === 'mail' ? 'email' : 'text'"
-            v-model="inputs[kind]"
+            v-model="userMeta[kind]"
           />
         </div>
       </div>
@@ -52,7 +52,7 @@
         ref="editorRef"
         id="wl-edit"
         :placeholder="replyUser ? `@${replyUser}` : locale.placeholder"
-        v-model="inputs.editor"
+        v-model="editor"
         @keydown="onKeyDown"
         @drop="onDrop"
         @paste="onPaste"
@@ -78,6 +78,7 @@
           </a>
 
           <button
+            v-show="config.emoji.length"
             ref="emojiButtonRef"
             class="wl-action"
             :class="{ actived: showEmoji }"
@@ -228,7 +229,7 @@ import {
   PreviewIcon,
   LoadingIcon,
 } from './Icons';
-import { useInputs, useUserInfo } from '../composables';
+import { useEditor, useUserMeta, useUserInfo } from '../composables';
 import {
   getImagefromDataTransfer,
   parseMarkdown,
@@ -276,7 +277,8 @@ export default defineComponent({
       'config'
     ) as ComputedRef<WalineConfig>;
 
-    const inputs = useInputs();
+    const editor = useEditor();
+    const userMeta = useUserMeta();
     const userInfo = useUserInfo();
 
     const inputRefs = ref<Record<string, HTMLInputElement>>({});
@@ -311,7 +313,7 @@ export default defineComponent({
       const endPosition = textArea.selectionEnd || 0;
       const scrollTop = textArea.scrollTop;
 
-      inputs.value.editor =
+      editor.value =
         textArea.value.substring(0, startPosition) +
         content +
         textArea.value.substring(endPosition, textArea.value.length);
@@ -336,7 +338,7 @@ export default defineComponent({
       return Promise.resolve()
         .then(() => (config.value.imageUploader as WalineImageUploader)(file))
         .then((url) => {
-          inputs.value.editor = inputs.value.editor.replace(
+          editor.value = editor.value.replace(
             uploadText,
             `\r\n![${file.name}](${url})`
           );
@@ -377,9 +379,9 @@ export default defineComponent({
 
       const comment: WalineCommentData = {
         comment: content.value,
-        nick: inputs.value.nick,
-        mail: inputs.value.mail,
-        link: inputs.value.link,
+        nick: userMeta.value.nick,
+        mail: userMeta.value.mail,
+        link: userMeta.value.link,
         ua: navigator.userAgent,
         url: config.value.path,
       };
@@ -449,7 +451,7 @@ export default defineComponent({
           // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
           emit('submit', resp.data!);
 
-          inputs.value.editor = '';
+          editor.value = '';
 
           previewText.value = '';
 
@@ -577,7 +579,7 @@ export default defineComponent({
 
       // watch editor
       watch(
-        () => inputs.value.editor,
+        () => editor.value,
         (value) => {
           const { highlighter, texRenderer } = config.value;
 
@@ -638,7 +640,8 @@ export default defineComponent({
       isWordNumberLegal,
 
       // inputs
-      inputs,
+      editor,
+      userMeta,
 
       // emoji
       emoji,

package/src/composables/inputs.ts

@@ -1,17 +1,18 @@
 import { useStorage } from '@vueuse/core';
 import type { RemovableRef } from '@vueuse/core';
 
-export interface Inputs {
+export interface UserMeta {
   nick: string;
   mail: string;
   link: string;
-  editor: string;
 }
 
-export const useInputs = (): RemovableRef<Inputs> =>
-  useStorage<Inputs>('WALINE_USER_CACHE', {
+export const useUserMeta = (): RemovableRef<UserMeta> =>
+  useStorage<UserMeta>('WALINE_USER_META', {
     nick: '',
     mail: '',
     link: '',
-    editor: '',
   });
+
+export const useEditor = (): RemovableRef<string> =>
+  useStorage<string>('WALINE_COMMENT_BOX_EDITOR', '');

package/src/entrys/legacy.ts

@@ -18,7 +18,7 @@ warning(
 const link = document.createElement('link');
 
 link.rel = 'stylesheet';
-link.href = '//cdn.jsdelivr.net/npm/@waline/client/dist/waline.css';
+link.href = '//unpkg.com/@waline/client@v2/dist/waline.css';
 
 document.head.appendChild(link);
 

package/src/utils/config.ts

@@ -50,7 +50,7 @@ export const getConfig = ({
   path = location.pathname,
   lang = defaultLang,
   locale,
-  emoji = ['https://cdn.jsdelivr.net/gh/walinejs/emojis@1.0.0/weibo'],
+  emoji = ['//unpkg.com/@waline/emojis@1.0.1/weibo'],
   meta = ['nick', 'mail', 'link'],
   requiredMeta = [],
   dark = false,
@@ -69,7 +69,6 @@ export const getConfig = ({
     ...(locales[lang] || locales[defaultLang]),
     ...(typeof locale === 'object' ? locale : {}),
   },
-  // emoji: getEmojis(emoji),
   wordLimit: getWordLimit(wordLimit),
   meta: getMeta(meta),
   requiredMeta: getMeta(requiredMeta),

package/src/utils/emoji.ts

@@ -16,7 +16,7 @@ const fetchEmoji = (link: string): Promise<WalineEmojiInfo> => {
   const result = hasVersion(link);
 
   if (result) {
-    const info = emojiStore.value.link;
+    const info = emojiStore.value[link];
 
     if (info) return Promise.resolve(info);
   }
@@ -29,7 +29,7 @@ const fetchEmoji = (link: string): Promise<WalineEmojiInfo> => {
         ...emojiInfo,
       };
 
-      if (result) emojiStore.value.link = info;
+      if (result) emojiStore.value[link] = info;
 
       return info;
     });