From 2453929455c727d7f8ae59809883e4d83b1edf15 Mon Sep 17 00:00:00 2001
From: anghunk <anghunk@gmail.com>
Date: Mon, 9 Feb 2026 14:15:16 +0800
Subject: [PATCH] =?UTF-8?q?feat(widget):=20=E6=94=AF=E6=8C=81=E9=80=9A?=
 =?UTF-8?q?=E8=BF=87=20siteId=20=E9=9A=94=E7=A6=BB=E4=B8=8D=E5=90=8C?=
 =?UTF-8?q?=E7=AB=99=E7=82=B9=E7=9A=84=E8=AF=84=E8=AE=BA=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在配置界面添加 siteId 输入项，用于区分不同站点/环境的评论
- 更新 API 客户端，将 postSlug 参数改为 postUrl 以保持一致性
- 在开发配置中默认添加 siteId 字段，并同步到存储和初始化逻辑
---
 docs/widget/index.html      | 4 ++++
 docs/widget/src/core/api.js | 2 +-
 docs/widget/src/dev.js      | 9 +++++++--
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/docs/widget/index.html b/docs/widget/index.html
index 68b67a8..120da91 100644
--- a/docs/widget/index.html
+++ b/docs/widget/index.html
@@ -129,6 +129,10 @@
         <label>API 地址</label>
         <input type="text" id="apiBaseUrl" value="http://localhost:8788" />
       </div>
+      <div class="config-item">
+        <label>Site ID（可选，用于隔离不同站点/环境的评论）</label>
+        <input type="text" id="siteId" placeholder="例如：blog、dev、zishu.me" />
+      </div>
       <div class="config-item">
         <label>主题</label>
         <select id="theme">
diff --git a/docs/widget/src/core/api.js b/docs/widget/src/core/api.js
index 2d8d1ad..873799a 100644
--- a/docs/widget/src/core/api.js
+++ b/docs/widget/src/core/api.js
@@ -139,7 +139,7 @@ export function createApiClient(config) {
 
     async function getLikeStatus() {
         const params = new URLSearchParams({
-            post_slug: config.postSlug
+            post_slug: config.postUrl
         });
         const headers = {
             'X-CWD-Like-User': getLikeUserId()
diff --git a/docs/widget/src/dev.js b/docs/widget/src/dev.js
index 068b5d1..9a3ae61 100644
--- a/docs/widget/src/dev.js
+++ b/docs/widget/src/dev.js
@@ -11,6 +11,7 @@ const STORAGE_KEY = 'cwd-dev-config';
 const DEFAULT_CONFIG = {
 	el: '#comments',
 	apiBaseUrl: 'http://localhost:8788',
+	siteId: 'cwd-dev-config',
 	theme: 'light', // 默认 light / dark
 };
 
@@ -47,10 +48,12 @@ function populateInputs(config) {
 	const apiBaseUrlInput = document.getElementById('apiBaseUrl');
 	const themeSelect = document.getElementById('theme');
 	const avatarPrefixInput = document.getElementById('avatarPrefix');
+	const siteIdInput = document.getElementById('siteId');
 
 	if (apiBaseUrlInput) apiBaseUrlInput.value = config.apiBaseUrl || DEFAULT_CONFIG.apiBaseUrl;
 	if (themeSelect) themeSelect.value = config.theme || DEFAULT_CONFIG.theme;
 	if (avatarPrefixInput) avatarPrefixInput.value = config.avatarPrefix || DEFAULT_CONFIG.avatarPrefix;
+	if (siteIdInput) siteIdInput.value = config.siteId || DEFAULT_CONFIG.siteId || '';
 }
 
 /**
@@ -59,7 +62,8 @@ function populateInputs(config) {
 function getConfigFromInputs() {
 	const apiBaseUrl = document.getElementById('apiBaseUrl')?.value || DEFAULT_CONFIG.apiBaseUrl;
 	const theme = document.getElementById('theme')?.value || DEFAULT_CONFIG.theme;
-	return { apiBaseUrl, theme };
+	const siteId = document.getElementById('siteId')?.value || DEFAULT_CONFIG.siteId || '';
+	return { apiBaseUrl, theme, siteId };
 }
 
 /**
@@ -88,6 +92,7 @@ async function initWidget() {
 		widgetInstance = new CWDComments({
 			el: '#comments',
 			apiBaseUrl: config.apiBaseUrl,
+			siteId: config.siteId,
 		});
 		widgetInstance.mount();
 	} catch (error) {}
@@ -148,7 +153,7 @@ document.addEventListener('DOMContentLoaded', () => {
 
 // 监听输入框变化，实时保存
 document.addEventListener('DOMContentLoaded', () => {
-	const inputs = ['apiBaseUrl', 'theme'];
+	const inputs = ['apiBaseUrl', 'theme', 'siteId'];
 	inputs.forEach((id) => {
 		const element = document.getElementById(id);
 		if (element) {