From 6bcf8f89f050828971acf4817a71b96489bd8073 Mon Sep 17 00:00:00 2001
From: zhengyi <admin@mczhengyi.top>
Date: Sun, 14 Apr 2024 10:43:02 +0800
Subject: [PATCH 1/7] =?UTF-8?q?=E2=9C=A8=20Add=20feature=20"use=20first=20?=
 =?UTF-8?q?h1=20as=20title"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fix https://github.com/justice2001/halo-plugin-vditor/issues/33
Fix https://git.mczhengyi.top/zhengyi/halo-plugin-vditor/issues/74
---
 CHANGELOG.md                                |  4 ++
 build.gradle                                |  2 +-
 console/src/model/DebugPanel.vue            |  8 ++-
 console/src/utils/config-utils.ts           |  2 +
 console/src/utils/vditor-utils.ts           |  8 ++-
 console/src/views/VditorMde.vue             | 55 ++++++++++++++++++---
 gradle.properties                           |  2 +-
 src/main/resources/extensions/settings.yaml |  5 ++
 src/main/resources/plugin.yaml              |  2 +-
 9 files changed, 77 insertions(+), 11 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9533276..9c21e3e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # 更新记录
 
+### v1.7.0
+
+- ✨ 添加`使用第一个h1作为标题`的功能
+
 ### v1.6.2
 
 - ⬆️ 升级Vditor版本至3.10.2
diff --git a/build.gradle b/build.gradle
index 897183a..c731c45 100644
--- a/build.gradle
+++ b/build.gradle
@@ -41,7 +41,7 @@ build {
 }
 
 halo {
-    version = '2.12'
+    version = '2.14.0-rc.1'
     superAdminUsername = 'admin'
     superAdminPassword = 'admin'
     externalUrl = 'http://localhost:8090'
diff --git a/console/src/model/DebugPanel.vue b/console/src/model/DebugPanel.vue
index 930e6e6..7243cdb 100644
--- a/console/src/model/DebugPanel.vue
+++ b/console/src/model/DebugPanel.vue
@@ -2,8 +2,9 @@
   <div id="vditor-debug-panel">
     <div id="vditor-debug-op" :class="{ active: debugOpOpen }">
       <div id="vditor-debug-op-bar" @click="debugOpOpen = !debugOpOpen">
-        <img src="../assets/debug.svg" />
+        <img src="../assets/debug.svg" alt="DEBUG"/>
       </div>
+      <VButton type="primary" size="sm" @click="getRaw">Get Raw</VButton>
       <VButton type="primary" size="sm" @click="getHTML">Get HTML</VButton>
       <VButton type="primary" size="sm" @click="getRenderList">
         Get Vditor Options
@@ -36,6 +37,11 @@ const props = defineProps<{
   cursor: Range | undefined;
 }>();
 
+const getRaw = () => {
+  if (!props.vditor) return;
+  console.log("RAW: ", props.vditor?.getValue());
+};
+
 const getHTML = () => {
   if (!props.vditor) return;
   console.log("HTML", renderHTML(props.vditor));
diff --git a/console/src/utils/config-utils.ts b/console/src/utils/config-utils.ts
index 900351d..a43f4e4 100644
--- a/console/src/utils/config-utils.ts
+++ b/console/src/utils/config-utils.ts
@@ -7,6 +7,7 @@ export declare type EditorConfig = {
     enableQuickInsert: boolean;
     quickInsertUrl: [];
     disableHTMLBlockPreview: boolean;
+    firstH1AsTitle: boolean;
   };
   extension: {
     allowImageType: string;
@@ -25,6 +26,7 @@ export const defaultEditorConfig: EditorConfig = {
     enableQuickInsert: false,
     quickInsertUrl: [],
     disableHTMLBlockPreview: false,
+    firstH1AsTitle: false,
   },
   extension: {
     allowImageType: "png,jpg,jpeg,bmp,gif,webp,svg",
diff --git a/console/src/utils/vditor-utils.ts b/console/src/utils/vditor-utils.ts
index b150be1..45b28a8 100644
--- a/console/src/utils/vditor-utils.ts
+++ b/console/src/utils/vditor-utils.ts
@@ -7,6 +7,7 @@ import drive from "@/schema/drive";
 import gallery from "@/schema/gallery";
 import { addScript, addStyleSheet } from "@/utils/dom-utils";
 import type Vditor from "vditor";
+import type {EditorConfig} from "@/utils/config-utils";
 
 declare const HaloJs: {
   renderHalo: (content: string, cdn: string) => string;
@@ -235,9 +236,10 @@ function getCustomRenders(options: Options):
  * @param vditor vditor
  * @returns html
  */
-export function renderHTML(vditor: Vditor): string {
+export function renderHTML(vditor: Vditor, config: EditorConfig): string {
   let value = vditor.getHTML();
   const customRenders = vditor.vditor.options.customRenders;
+  // FIXME 此部分逻辑有大问题！
   customRenders?.forEach((render) => {
     const reg = new RegExp(
       `<pre><code class="language-${render.language}">(.*?)</code></pre>`,
@@ -245,5 +247,9 @@ export function renderHTML(vditor: Vditor): string {
     );
     value = value.replace(reg, '<div class="language-halo">$1</div>');
   });
+  // Remove H1 Title When start with "h1"
+  if (config.basic.firstH1AsTitle && value.startsWith("<h1")) {
+    value = value.replace(/<h1>(.*?)<\/h1>/, "");
+  }
   return value;
 }
diff --git a/console/src/views/VditorMde.vue b/console/src/views/VditorMde.vue
index 3e8cd12..e149f84 100644
--- a/console/src/views/VditorMde.vue
+++ b/console/src/views/VditorMde.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import Vditor from "vditor";
-import { onMounted, onUnmounted, ref } from "vue";
+import { onMounted, onUnmounted, ref, watch } from "vue";
 import "vditor/dist/index.css";
 import type { Schema } from "@/type/editor";
 import { getOptions, renderHTML } from "@/utils/vditor-utils";
@@ -18,11 +18,13 @@ import DebugPanel from "@/model/DebugPanel.vue";
 
 const props = withDefaults(
   defineProps<{
+    title?: string;
     raw?: string;
     content: string;
     uploadImage?: (file: File) => Promise<Attachment>;
   }>(),
   {
+    title: "",
     raw: "",
     content: "",
     uploadImage: undefined,
@@ -50,12 +52,38 @@ const emit = defineEmits<{
   (event: "update:raw", value: string): void;
   (event: "update:content", value: string): void;
   (event: "update", value: string): void;
+  (event: "update:title", value: string): void;
 }>();
 
+// Watch Title Change
+watch(
+  () => props.title,
+  (val) => {
+    if (!editorConfig.value?.basic.firstH1AsTitle) return;
+    const vdiVal = vditor.value.getValue();
+    if (vdiVal.startsWith("# ")) {
+      vditor.value.setValue(vdiVal.replace(/# .*?\n/, `# ${val}\n`));
+    }
+  }
+);
+
 const debounceOnUpdate = () => {
-  emit("update:raw", vditor.value.getValue());
-  emit("update:content", renderHTML(vditor.value) || "");
-  emit("update", vditor.value.getValue());
+  // 解析标题
+  let value = vditor.value.getValue();
+  const firstLine = value.split("\n")[0];
+  if (editorConfig.value?.basic.firstH1AsTitle && firstLine.startsWith("# ")) {
+    // First Line is Title
+    console.log(`title is ${firstLine.substring(2)}`);
+    emit("update:title", firstLine.substring(2));
+    // 删除第一行并清除空行
+    value = value.substring(firstLine.length + 2);
+  }
+  emit("update:raw", value);
+  emit(
+    "update:content",
+    renderHTML(vditor.value, editorConfig.value || defaultEditorConfig) || ""
+  );
+  emit("update", value);
 };
 
 // 选取附件后处理
@@ -124,7 +152,14 @@ onMounted(async () => {
       defaultRenderMode: editorConfig.value.basic.defaultRenderMode,
       typeWriterMode: editorConfig.value.basic.typeWriterMode,
       after: () => {
-        vditor.value.setValue(props.raw || "# Title Here");
+        let content = "# Title Here";
+        if (props.raw) {
+          content = props.raw;
+        }
+        if (editorConfig.value?.basic.firstH1AsTitle) {
+          content = `# ${props.title}\n\n` + content;
+        }
+        vditor.value.setValue(content);
         vditorLoaded.value = true;
       },
       input: debounceOnUpdate,
@@ -196,7 +231,10 @@ const update = (val: string | null) => {
 </script>
 
 <template>
-  <div id="plugin-vditor-mde">
+  <div
+    id="plugin-vditor-mde"
+    :class="{ h1AsTitle: editorConfig?.basic.firstH1AsTitle }"
+  >
     <VLoading v-if="!vditorLoaded" style="height: 100%" />
     <DebugPanel
       v-if="debugMode"
@@ -271,4 +309,9 @@ const update = (val: string | null) => {
   flex: 1;
   padding: 8px 10px;
 }
+
+#plugin-vditor-mde.h1AsTitle .vditor-ir h1:first-child::before,
+#plugin-vditor-mde.h1AsTitle .vditor-wysiwyg h1:first-child::before {
+  content: "T";
+}
 </style>
diff --git a/gradle.properties b/gradle.properties
index f96d02e..881d04f 100644
--- a/gradle.properties
+++ b/gradle.properties
@@ -1 +1 @@
-version=1.6.2-SNAPSHOT
+version=1.6.3-SNAPSHOT
diff --git a/src/main/resources/extensions/settings.yaml b/src/main/resources/extensions/settings.yaml
index a73ee95..5011146 100644
--- a/src/main/resources/extensions/settings.yaml
+++ b/src/main/resources/extensions/settings.yaml
@@ -51,6 +51,11 @@ spec:
                 label: 禁用HTML代码块隐藏
                 help: 开启此选项后，HTML代码块将会一直显示
                 value: false
+              - $formkit: checkbox
+                name: firstH1AsTitle
+                label: 🧪自动将第一行作为标题
+                help: 开启此选项后，第一行H1将会作为文章标题，同时标题会用 T 标识
+                value: false
         - group: extension
           label: 文件格式
           formSchema:
diff --git a/src/main/resources/plugin.yaml b/src/main/resources/plugin.yaml
index 671ae62..fb77801 100644
--- a/src/main/resources/plugin.yaml
+++ b/src/main/resources/plugin.yaml
@@ -5,7 +5,7 @@ metadata:
   name: vditor-mde
 spec:
   enabled: true
-  requires: ">=2.11.0"
+  requires: ">=2.14.0"
   author:
     name: zhengyi59
     website: https://github.com/justice2001/veditor-plugin

From f927bfb3d53bcb0c69ce65d4a55eb33343985249 Mon Sep 17 00:00:00 2001
From: zhengyi <admin@mczhengyi.top>
Date: Sun, 14 Apr 2024 10:51:23 +0800
Subject: [PATCH 2/7] =?UTF-8?q?=E2=9A=A1=20Improve=20title=20gen=20perform?=
 =?UTF-8?q?ance?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fix https://github.com/justice2001/halo-plugin-vditor/issues/33
Fix https://git.mczhengyi.top/zhengyi/halo-plugin-vditor/issues/74
---
 console/src/views/VditorMde.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/console/src/views/VditorMde.vue b/console/src/views/VditorMde.vue
index e149f84..a14e45d 100644
--- a/console/src/views/VditorMde.vue
+++ b/console/src/views/VditorMde.vue
@@ -70,9 +70,9 @@ watch(
 const debounceOnUpdate = () => {
   // 解析标题
   let value = vditor.value.getValue();
-  const firstLine = value.split("\n")[0];
-  if (editorConfig.value?.basic.firstH1AsTitle && firstLine.startsWith("# ")) {
+  if (editorConfig.value?.basic.firstH1AsTitle && value.startsWith("# ")) {
     // First Line is Title
+    const firstLine = value.match(/^.*/)[0];
     console.log(`title is ${firstLine.substring(2)}`);
     emit("update:title", firstLine.substring(2));
     // 删除第一行并清除空行

From c60381920c70e2706195f15e709f694b96ac74a3 Mon Sep 17 00:00:00 2001
From: zhengyi <admin@mczhengyi.top>
Date: Tue, 16 Apr 2024 13:42:02 +0800
Subject: [PATCH 3/7] =?UTF-8?q?=F0=9F=90=9BFix=20https://github.com/justic?=
 =?UTF-8?q?e2001/halo-plugin-vditor/issues/33?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fix https://git.mczhengyi.top/zhengyi/halo-plugin-vditor/issues/74
---
 console/src/utils/vditor-utils.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/console/src/utils/vditor-utils.ts b/console/src/utils/vditor-utils.ts
index 45b28a8..70abd82 100644
--- a/console/src/utils/vditor-utils.ts
+++ b/console/src/utils/vditor-utils.ts
@@ -234,6 +234,7 @@ function getCustomRenders(options: Options):
  * 进行自定义渲染器的后处理
  * TODO: 该部分建议加入Vditor
  * @param vditor vditor
+ * @param config Editor Config
  * @returns html
  */
 export function renderHTML(vditor: Vditor, config: EditorConfig): string {
@@ -249,7 +250,8 @@ export function renderHTML(vditor: Vditor, config: EditorConfig): string {
   });
   // Remove H1 Title When start with "h1"
   if (config.basic.firstH1AsTitle && value.startsWith("<h1")) {
-    value = value.replace(/<h1>(.*?)<\/h1>/, "");
+    value = value.replace(/<h1(?:\s+[^>]*)?>(.*?)<\/h1>/, "");
+    console.log(value);
   }
   return value;
 }

From 8c6cfc73d40b798ee52f6cd86b1f5dfe2cc39ab5 Mon Sep 17 00:00:00 2001
From: zhengyi <admin@mczhengyi.top>
Date: Fri, 19 Apr 2024 21:39:32 +0800
Subject: [PATCH 4/7] =?UTF-8?q?=F0=9F=91=B7Change=20artifact=20retention?=
 =?UTF-8?q?=20days=20to=2090?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitea/workflows/workflow.yaml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.gitea/workflows/workflow.yaml b/.gitea/workflows/workflow.yaml
index c2b469c..e351d45 100644
--- a/.gitea/workflows/workflow.yaml
+++ b/.gitea/workflows/workflow.yaml
@@ -64,7 +64,7 @@ jobs:
           name: plugin-starter
           path: |
             build/libs/*.jar
-          retention-days: 1
+          retention-days: 90
 
   github-release:
     runs-on: debian-12

From d830c03d8b70a3d7875ee6a7b1ff8f228a1f9fdf Mon Sep 17 00:00:00 2001
From: zhengyi <admin@mczhengyi.top>
Date: Fri, 26 Apr 2024 22:39:53 +0800
Subject: [PATCH 5/7] =?UTF-8?q?=F0=9F=90=9B=20Fix=20issue=20with=20incorre?=
 =?UTF-8?q?ct=20cursor=20position=20in=20title=20input.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

https://git.mczhengyi.top/zhengyi/halo-plugin-vditor/issues/79
---
 console/src/views/VditorMde.vue | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/console/src/views/VditorMde.vue b/console/src/views/VditorMde.vue
index a14e45d..4c52a15 100644
--- a/console/src/views/VditorMde.vue
+++ b/console/src/views/VditorMde.vue
@@ -47,6 +47,8 @@ const imageUploadLock = false;
 let allowImageUpload: string[] = [];
 // Debug
 const debugMode = ref<boolean>(false);
+// 防止内部标题更新触发updateContent
+const internalTitle = ref<string>("");
 
 const emit = defineEmits<{
   (event: "update:raw", value: string): void;
@@ -59,14 +61,23 @@ const emit = defineEmits<{
 watch(
   () => props.title,
   (val) => {
-    if (!editorConfig.value?.basic.firstH1AsTitle) return;
+    // When option disabled or nothing to update
+    if (
+      !editorConfig.value?.basic.firstH1AsTitle ||
+      internalTitle.value === val
+    ) {
+      return;
+    }
+    // Get title
     const vdiVal = vditor.value.getValue();
     if (vdiVal.startsWith("# ")) {
+      internalTitle.value = val;
       vditor.value.setValue(vdiVal.replace(/# .*?\n/, `# ${val}\n`));
     }
   }
 );
 
+// Update content
 const debounceOnUpdate = () => {
   // 解析标题
   let value = vditor.value.getValue();
@@ -74,10 +85,12 @@ const debounceOnUpdate = () => {
     // First Line is Title
     const firstLine = value.match(/^.*/)[0];
     console.log(`title is ${firstLine.substring(2)}`);
-    emit("update:title", firstLine.substring(2));
+    internalTitle.value = firstLine.substring(2);
+    emit("update:title", internalTitle.value);
     // 删除第一行并清除空行
     value = value.substring(firstLine.length + 2);
   }
+  // update content
   emit("update:raw", value);
   emit(
     "update:content",
@@ -152,11 +165,12 @@ onMounted(async () => {
       defaultRenderMode: editorConfig.value.basic.defaultRenderMode,
       typeWriterMode: editorConfig.value.basic.typeWriterMode,
       after: () => {
-        let content = "# Title Here";
+        let content = "";
         if (props.raw) {
           content = props.raw;
         }
         if (editorConfig.value?.basic.firstH1AsTitle) {
+          internalTitle.value = props.title;
           content = `# ${props.title}\n\n` + content;
         }
         vditor.value.setValue(content);

From 7757091b8021b15ce31ffd96815d8a9c7800afc1 Mon Sep 17 00:00:00 2001
From: zhengyi <admin@mczhengyi.top>
Date: Fri, 26 Apr 2024 22:59:56 +0800
Subject: [PATCH 6/7] =?UTF-8?q?=F0=9F=90=9B=20Change=20font=20size=20and?=
 =?UTF-8?q?=20style=20of=20title?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

https://git.mczhengyi.top/zhengyi/halo-plugin-vditor/issues/74
https://github.com/justice2001/halo-plugin-vditor/issues/33
---
 console/src/views/VditorMde.vue | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/console/src/views/VditorMde.vue b/console/src/views/VditorMde.vue
index 4c52a15..72d53b7 100644
--- a/console/src/views/VditorMde.vue
+++ b/console/src/views/VditorMde.vue
@@ -324,8 +324,20 @@ const update = (val: string | null) => {
   padding: 8px 10px;
 }
 
+
+/* title */
 #plugin-vditor-mde.h1AsTitle .vditor-ir h1:first-child::before,
 #plugin-vditor-mde.h1AsTitle .vditor-wysiwyg h1:first-child::before {
   content: "T";
 }
+
+#plugin-vditor-mde.h1AsTitle .vditor-ir h1:first-child,
+#plugin-vditor-mde.h1AsTitle .vditor-wysiwyg h1:first-child {
+  border-bottom: 2px solid #eaecef;
+  color: #333333;
+  text-align: left;
+  text-decoration: none;
+  font-size: 2rem;
+  background: none;
+}
 </style>

From b8000377ac08718ea4bfa8916c76f17e6b539a95 Mon Sep 17 00:00:00 2001
From: zhengyi <admin@mczhengyi.top>
Date: Sun, 5 May 2024 17:24:43 +0800
Subject: [PATCH 7/7] =?UTF-8?q?=F0=9F=90=9BFix=20compatible=20issue=20with?=
 =?UTF-8?q?=20docsme?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fix https://github.com/justice2001/halo-plugin-vditor/issues/38
---
 CHANGELOG.md                    | 4 +++-
 build.gradle                    | 2 +-
 console/src/views/VditorMde.vue | 9 +++++++++
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9c21e3e..03965a1 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,7 +2,9 @@
 
 ### v1.7.0
 
-- ✨ 添加`使用第一个h1作为标题`的功能
+- ⬆️ 调整 Halo 最低兼容版本为 `2.14.0`
+- ✨ 添加`使用第一个h1作为标题`的功能 #33
+- 🐛 修复代码块颜色异常的问题 #38
 
 ### v1.6.2
 
diff --git a/build.gradle b/build.gradle
index c731c45..cfc0e53 100644
--- a/build.gradle
+++ b/build.gradle
@@ -41,7 +41,7 @@ build {
 }
 
 halo {
-    version = '2.14.0-rc.1'
+    version = '2.14'
     superAdminUsername = 'admin'
     superAdminPassword = 'admin'
     externalUrl = 'http://localhost:8090'
diff --git a/console/src/views/VditorMde.vue b/console/src/views/VditorMde.vue
index 72d53b7..6f34266 100644
--- a/console/src/views/VditorMde.vue
+++ b/console/src/views/VditorMde.vue
@@ -340,4 +340,13 @@ const update = (val: string | null) => {
   font-size: 2rem;
   background: none;
 }
+
+/**
+ Fix compatible issues with docsme.
+ https://github.com/justice2001/halo-plugin-vditor/issues/38
+*/
+#plugin-vditor-mde code[class*=language-],
+#plugin-vditor-mde pre[class*=language-] {
+  color: #000000;
+}
 </style>