From 2bd8dc2dd592a1ab747a2fe0ab2d5eb0ceee3acb Mon Sep 17 00:00:00 2001
From: Alex Liu <39984251+Mini-ghost@users.noreply.github.com>
Date: Mon, 6 Feb 2023 01:36:33 +0800
Subject: [PATCH] fix: character count should includes spoiler text (#1535)

* fix: character count should includes spoiler text

* fix: draft empty conditions exclude spoiler text
---
 components/publish/PublishWidget.vue |  6 ++++--
 composables/masto/publish.ts         | 13 +++++++++++++
 composables/masto/statusDrafts.ts    |  1 -
 3 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/components/publish/PublishWidget.vue b/components/publish/PublishWidget.vue
index a20f4c81..e6b6ede7 100644
--- a/components/publish/PublishWidget.vue
+++ b/components/publish/PublishWidget.vue
@@ -35,7 +35,7 @@ const {
   dropZoneRef,
 } = $(useUploadMediaAttachment($$(draft)))
 
-let { shouldExpanded, isExpanded, isSending, isPublishDisabled, publishDraft, failedMessages, preferredLanguage } = $(usePublish(
+let { shouldExpanded, isExpanded, isSending, isPublishDisabled, publishDraft, failedMessages, preferredLanguage, publishSpoilerText } = $(usePublish(
   {
     draftState,
     ...$$({ expanded, isUploading, initialDraft: initial }),
@@ -74,6 +74,8 @@ const characterCount = $computed(() => {
     }).join(' ').length + 1
   }
 
+  length += stringLength(publishSpoilerText)
+
   return length
 })
 
@@ -162,7 +164,7 @@ defineExpose({
 
         <div v-if="draft.params.sensitive">
           <input
-            v-model="draft.params.spoilerText"
+            v-model="publishSpoilerText"
             type="text"
             :placeholder="$t('placeholder.content_warning')"
             p2 border-rounded w-full bg-transparent
diff --git a/composables/masto/publish.ts b/composables/masto/publish.ts
index 38481006..c57ab458 100644
--- a/composables/masto/publish.ts
+++ b/composables/masto/publish.ts
@@ -21,6 +21,17 @@ export function usePublish(options: {
   const isExpanded = $ref(false)
   const failedMessages = $ref<string[]>([])
 
+  const publishSpoilerText = $computed({
+    get() {
+      return draft.params.sensitive ? draft.params.spoilerText : ''
+    },
+    set(val) {
+      if (!draft.params.sensitive)
+        return
+      draft.params.spoilerText = val
+    },
+  })
+
   const shouldExpanded = $computed(() => expanded || isExpanded || !isEmpty)
   const isPublishDisabled = $computed(() => {
     return isEmpty || isUploading || isSending || (draft.attachments.length === 0 && !draft.params.status) || failedMessages.length > 0
@@ -41,6 +52,7 @@ export function usePublish(options: {
 
     const payload = {
       ...draft.params,
+      spoilerText: publishSpoilerText,
       status: content,
       mediaIds: draft.attachments.map(a => a.id),
       language: draft.params.language || preferredLanguage,
@@ -91,6 +103,7 @@ export function usePublish(options: {
     isPublishDisabled,
     failedMessages,
     preferredLanguage,
+    publishSpoilerText,
     publishDraft,
   })
 }
diff --git a/composables/masto/statusDrafts.ts b/composables/masto/statusDrafts.ts
index db9dc6e4..58596f32 100644
--- a/composables/masto/statusDrafts.ts
+++ b/composables/masto/statusDrafts.ts
@@ -89,7 +89,6 @@ export const isEmptyDraft = (draft: Draft | null | undefined) => {
 
   return (text.length === 0)
     && attachments.length === 0
-    && (params.spoilerText || '').length === 0
 }
 
 export interface UseDraft {