shumengya/cwd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: 移除开发日志并优化代码格式

Browse Source 
fix(api): 添加头像前缀参数支持
This commit is contained in:
anghunk
2026-01-20 14:25:29 +08:00
parent 78e263faa4
commit 039411b142
5 changed files with 708 additions and 740 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
cwd-comments-admin/public/cwd-comments.js
View File

File diff suppressed because one or more lines are too long

26
widget/src/core/CWDComments.js
View File

@@ -83,10 +83,9 @@ export class CWDComments {
adminEmail: data.adminEmail || '',
adminBadge: data.adminBadge || '',
adminEnabled: !!data.adminEnabled,
avatarPrefix: data.avatarPrefix || ''
avatarPrefix: data.avatarPrefix || '',
};
} catch (e) {
console.warn('[CWDComments] 加载服务端评论配置失败:', e);
return {};
}
}
@@ -137,11 +136,7 @@ export class CWDComments {
}
const api = createApiClient(this.config);
this.store = createCommentStore(
this.config,
api.fetchComments.bind(api),
api.submitComment.bind(api)
);
this.store = createCommentStore(this.config, api.fetchComments.bind(api), api.submitComment.bind(api));
this.unsubscribe = this.store.store.subscribe((state) => {
this._onStateChange(state);
@@ -191,8 +186,6 @@ export class CWDComments {
this.mountPoint = null;
this.store = null;
this._mounted = false;
console.log('[CWDComments] 组件已卸载');
}
/**
@@ -213,7 +206,7 @@ export class CWDComments {
formErrors: state.formErrors,
submitting: state.submitting,
onSubmit: () => this._handleSubmit(),
onFieldChange: (field, value) => this.store.updateFormField(field, value)
onFieldChange: (field, value) => this.store.updateFormField(field, value),
});
this.commentForm.render();
}
@@ -279,7 +272,7 @@ export class CWDComments {
onClearReplyError: () => this.store.clearReplyError(),
onPrevPage: () => this.store.goToPage(state.pagination.page - 1),
onNextPage: () => this.store.goToPage(state.pagination.page + 1),
onGoToPage: (page) => this.store.goToPage(page)
onGoToPage: (page) => this.store.goToPage(page),
});
this.commentList.render();
}
@@ -309,7 +302,7 @@ export class CWDComments {
this.commentForm.setProps({
form: state.form,
formErrors: state.formErrors,
submitting: state.submitting
submitting: state.submitting,
});
}
@@ -349,7 +342,7 @@ export class CWDComments {
replyingTo: state.replyingTo,
replyContent: state.replyContent,
replyError: state.replyError,
submitting: state.submitting
submitting: state.submitting,
});
}
}
@@ -404,11 +397,7 @@ export class CWDComments {
this.unsubscribe();
}
this.store = createCommentStore(
this.config,
api.fetchComments.bind(api),
api.submitComment.bind(api)
);
this.store = createCommentStore(this.config, api.fetchComments.bind(api), api.submitComment.bind(api));
this.unsubscribe = this.store.store.subscribe((state) => {
this._onStateChange(state);
@@ -425,5 +414,4 @@ export class CWDComments {
getConfig() {
return { ...this.config };
}
}

15
widget/src/core/api.js
View File

@@ -25,14 +25,17 @@ export function createApiClient(config) {
post_slug: config.postSlug,
page: page.toString(),
limit: limit.toString(),
nested: 'true'
nested: 'true',
});
if (config.avatarPrefix) {
params.set('avatar_prefix', config.avatarPrefix);
}
const response = await fetch(`${baseUrl}/api/comments?${params}`);
if (!response.ok) {
throw new Error(`获取评论失败: ${response.status} ${response.statusText}`);
}
console.log('[API] fetchComments response:', response);
return response.json();
}
@@ -50,7 +53,7 @@ export function createApiClient(config) {
const response = await fetch(`${baseUrl}/api/comments`, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
'Content-Type': 'application/json',
},
body: JSON.stringify({
post_slug: config.postSlug,
@@ -60,8 +63,8 @@ export function createApiClient(config) {
email: data.email,
url: data.url || undefined,
content: data.content,
parent_id: data.parentId
})
parent_id: data.parentId,
}),
});
if (!response.ok) {
@@ -72,6 +75,6 @@ export function createApiClient(config) {
return {
fetchComments,
submitComment
submitComment,
};
}

64
widget/src/core/store.js
View File

@@ -17,12 +17,10 @@ function loadUserInfo() {
return {
name: parsed.name || '',
email: parsed.email || '',
url: parsed.url || ''
url: parsed.url || '',
};
}
} catch (e) {
console.error('读取用户信息失败:', e);
}
} catch (e) {}
return { name: '', email: '', url: '' };
}
@@ -36,9 +34,7 @@ function saveUserInfo(name, email, url) {
try {
const data = { name, email, url };
localStorage.setItem(STORAGE_KEY, JSON.stringify(data));
} catch (e) {
console.error('保存用户信息失败:', e);
}
} catch (e) {}
}
/**
@@ -67,7 +63,7 @@ class Store {
this.state = { ...this.state, ...updates };
// 通知所有监听器
this.listeners.forEach(listener => {
this.listeners.forEach((listener) => {
listener(this.state, prevState);
});
}
@@ -82,7 +78,7 @@ class Store {
// 返回取消订阅的函数
return () => {
this.listeners = this.listeners.filter(l => l !== listener);
this.listeners = this.listeners.filter((l) => l !== listener);
};
}
}
@@ -110,7 +106,7 @@ export function createCommentStore(config, fetchComments, submitComment) {
page: 1,
limit: config.pageSize || 20,
total: 0,
totalCount: 0
totalCount: 0,
},
// 表单数据
@@ -118,7 +114,7 @@ export function createCommentStore(config, fetchComments, submitComment) {
name: savedInfo.name || '',
email: savedInfo.email || '',
url: savedInfo.url || '',
content: ''
content: '',
},
formErrors: {},
submitting: false,
@@ -126,7 +122,7 @@ export function createCommentStore(config, fetchComments, submitComment) {
// 回复状态
replyingTo: null,
replyContent: '',
replyError: null
replyError: null,
});
// 监听用户信息变化，自动保存到 localStorage
@@ -143,27 +139,25 @@ export function createCommentStore(config, fetchComments, submitComment) {
async function loadComments(page = 1) {
store.setState({
loading: true,
error: null
error: null,
});
try {
const response = await fetchComments(page, store.getState().pagination.limit);
console.log('[Store] loadComments response:', response);
console.log('[Store] comments data:', response.data);
store.setState({
comments: response.data,
pagination: {
page: response.pagination.page,
limit: response.pagination.limit,
total: response.pagination.total,
totalCount: response.pagination.totalCount
totalCount: response.pagination.totalCount,
},
loading: false
loading: false,
});
} catch (e) {
store.setState({
error: e instanceof Error ? e.message : '加载评论失败',
loading: false
loading: false,
});
}
}
@@ -180,7 +174,7 @@ export function createCommentStore(config, fetchComments, submitComment) {
const validation = validateCommentForm(form);
if (!validation.valid) {
store.setState({
formErrors: validation.errors
formErrors: validation.errors,
});
return false;
}
@@ -189,7 +183,7 @@ export function createCommentStore(config, fetchComments, submitComment) {
store.setState({
formErrors: {},
submitting: true,
error: null
error: null,
});
try {
@@ -197,13 +191,13 @@ export function createCommentStore(config, fetchComments, submitComment) {
name: form.name,
email: form.email,
url: form.url,
content: form.content
content: form.content,
});
// 清空评论内容
store.setState({
form: { ...form, content: '' },
submitting: false
submitting: false,
});
// 重新加载评论
@@ -212,7 +206,7 @@ export function createCommentStore(config, fetchComments, submitComment) {
} catch (e) {
store.setState({
error: e instanceof Error ? e.message : '提交评论失败',
submitting: false
submitting: false,
});
return false;
}
@@ -236,7 +230,7 @@ export function createCommentStore(config, fetchComments, submitComment) {
if (!validation.valid) {
const errorMessages = Object.values(validation.errors).join('；');
store.setState({
replyError: errorMessages
replyError: errorMessages,
});
return false;
}
@@ -244,7 +238,7 @@ export function createCommentStore(config, fetchComments, submitComment) {
store.setState({
formErrors: {},
submitting: true,
replyError: null
replyError: null,
});
try {
@@ -253,14 +247,14 @@ export function createCommentStore(config, fetchComments, submitComment) {
email: state.form.email,
url: state.form.url,
content: state.replyContent,
parentId
parentId,
});
// 清空回复内容并关闭回复框
store.setState({
replyContent: '',
replyingTo: null,
submitting: false
submitting: false,
});
// 重新加载评论
@@ -269,7 +263,7 @@ export function createCommentStore(config, fetchComments, submitComment) {
} catch (e) {
store.setState({
error: e instanceof Error ? e.message : '提交回复失败',
submitting: false
submitting: false,
});
return false;
}
@@ -280,13 +274,11 @@ export function createCommentStore(config, fetchComments, submitComment) {
* @param {number} commentId - 评论 ID
*/
function startReply(commentId) {
console.log('[Store] startReply called with commentId:', commentId);
store.setState({
replyingTo: commentId,
replyContent: '',
replyError: null
replyError: null,
});
console.log('[Store] New state:', store.getState());
}
/**
@@ -296,7 +288,7 @@ export function createCommentStore(config, fetchComments, submitComment) {
store.setState({
replyingTo: null,
replyContent: '',
replyError: null
replyError: null,
});
}
@@ -317,7 +309,7 @@ export function createCommentStore(config, fetchComments, submitComment) {
*/
function updateReplyContent(content) {
store.setState({
replyContent: content
replyContent: content,
});
}
@@ -326,7 +318,7 @@ export function createCommentStore(config, fetchComments, submitComment) {
*/
function clearReplyError() {
store.setState({
replyError: null
replyError: null,
});
}
@@ -335,7 +327,7 @@ export function createCommentStore(config, fetchComments, submitComment) {
*/
function clearError() {
store.setState({
error: null
error: null,
});
}
@@ -370,6 +362,6 @@ export function createCommentStore(config, fetchComments, submitComment) {
updateReplyContent,
clearReplyError,
clearError,
goToPage
goToPage,
};
}

23
widget/src/dev.js
View File

@@ -25,9 +25,7 @@ function loadConfigFromStorage() {
if (saved) {
return { ...DEFAULT_CONFIG, ...JSON.parse(saved) };
}
} catch (e) {
console.warn('[CWDComments] 读取本地存储失败:', e);
}
} catch (e) {}
return DEFAULT_CONFIG;
}
@@ -37,9 +35,7 @@ function loadConfigFromStorage() {
function saveConfigToStorage(config) {
try {
localStorage.setItem(STORAGE_KEY, JSON.stringify(config));
} catch (e) {
console.warn('[CWDComments] 保存到本地存储失败:', e);
}
} catch (e) {}
}
/**
@@ -94,10 +90,7 @@ async function initWidget() {
pageSize: 20,
});
widgetInstance.mount();
console.log('[CWDComments] Widget 初始化成功', config);
} catch (error) {
console.error('[CWDComments] Widget 初始化失败:', error);
}
} catch (error) {}
}
/**
@@ -105,7 +98,6 @@ async function initWidget() {
*/
function toggleTheme() {
if (!widgetInstance) {
console.warn('[CWDComments] 请先初始化 widget');
return;
}
@@ -123,8 +115,6 @@ function toggleTheme() {
const config = getConfigFromInputs();
config.theme = newTheme;
saveConfigToStorage(config);
console.log('[CWDComments] 主题已切换为:', newTheme);
}
/**
@@ -134,10 +124,7 @@ function clearConfig() {
try {
localStorage.removeItem(STORAGE_KEY);
populateInputs(DEFAULT_CONFIG);
console.log('[CWDComments] 配置已重置为默认值');
} catch (e) {
console.error('[CWDComments] 重置配置失败:', e);
}
} catch (e) {}
}
// 将函数挂载到 window 对象，使其在 HTML 中可访问
@@ -147,8 +134,6 @@ window.clearConfig = clearConfig;
// 页面加载完成后自动初始化
document.addEventListener('DOMContentLoaded', () => {
console.log('[CWDComments] 开发模式 - 页面加载完成，正在初始化...');
// 从本地存储加载配置并填充到输入框
const savedConfig = loadConfigFromStorage();
populateInputs(savedConfig);