update layout

This commit is contained in:
2025-06-16 01:43:51 +09:00
parent a76933c23b
commit 40493d0958
7 changed files with 90 additions and 89 deletions

View File

@@ -248,7 +248,7 @@ a.view-markdown:any-link {
}
.post-title a {
color: #1f2328;
color: var(--theme-color);
text-decoration: none;
font-size: 18px;
font-weight: 600;

View File

@@ -20,19 +20,6 @@
<a href="{{ post.url }}">{{ post.title }}</a>
</h3>
{% if post.excerpt %}
<p class="post-excerpt">{{ post.excerpt }}</p>
{% endif %}
<div class="post-actions">
<a href="{{ post.url }}" class="read-more">Read more</a>
{% if post.markdown_url %}
<a href="{{ post.markdown_url }}" class="view-markdown" title="View Markdown">.md</a>
{% endif %}
{% if post.translation_url %}
<a href="{{ post.translation_url }}" class="view-translation" title="View Translation">🌐</a>
{% endif %}
</div>
</div>
</article>
{% endfor %}

View File

@@ -431,17 +431,24 @@ function App() {
if (user.did && user.did.includes('-placeholder')) {
// Resolving placeholder DID
try {
const profileResponse = await fetch(`${appConfig.bskyPublicApi}/xrpc/app.bsky.actor.getProfile?actor=${encodeURIComponent(user.handle)}`);
if (profileResponse.ok) {
const profileData = await profileResponse.json();
if (profileData.did) {
// Resolved DID
return {
...user,
did: profileData.did
};
let profileData;
if (agent) {
const profileResponse = await agent.getProfile({ actor: user.handle });
profileData = profileResponse.data;
} else {
// フォールバックpublic API
const profileResponse = await fetch(`${appConfig.bskyPublicApi}/xrpc/app.bsky.actor.getProfile?actor=${encodeURIComponent(user.handle)}`);
if (profileResponse.ok) {
profileData = await profileResponse.json();
}
}
if (profileData.did) {
// Resolved DID
return {
...user,
did: profileData.did
};
}
} catch (err) {
// Failed to resolve DID
}
@@ -580,23 +587,29 @@ function App() {
sortedComments.map(async (record) => {
if (!record.value.author?.avatar && record.value.author?.handle) {
try {
// Public API でプロフィール取得
const profileResponse = await fetch(`${appConfig.bskyPublicApi}/xrpc/app.bsky.actor.getProfile?actor=${encodeURIComponent(record.value.author.handle)}`);
if (profileResponse.ok) {
const profileData = await profileResponse.json();
return {
...record,
value: {
...record.value,
author: {
...record.value.author,
avatar: profileData.avatar,
displayName: profileData.displayName || record.value.author.handle,
}
}
};
let profileData;
if (agent) {
// 認証されたAPIでプロフィール取得
const profileResponse = await agent.getProfile({ actor: record.value.author.handle });
profileData = profileResponse.data;
} else {
// フォールバックpublic API
const profileResponse = await fetch(`${appConfig.bskyPublicApi}/xrpc/app.bsky.actor.getProfile?actor=${encodeURIComponent(record.value.author.handle)}`);
if (profileResponse.ok) {
profileData = await profileResponse.json();
}
}
return {
...record,
value: {
...record.value,
author: {
...record.value.author,
avatar: profileData.avatar,
displayName: profileData.displayName || record.value.author.handle,
}
}
};
} catch (err) {
// Ignore enhancement errors
}
@@ -796,14 +809,21 @@ function App() {
let resolvedDid = `did:plc:${handle.replace(/\./g, '-')}-placeholder`; // フォールバック
try {
// Public APIでプロフィールを取得してDIDを解決
const profileResponse = await fetch(`${appConfig.bskyPublicApi}/xrpc/app.bsky.actor.getProfile?actor=${encodeURIComponent(handle)}`);
if (profileResponse.ok) {
const profileData = await profileResponse.json();
if (profileData.did) {
resolvedDid = profileData.did;
let profileData;
if (agent) {
// 認証されたAPIでプロフィールを取得してDIDを解決
const profileResponse = await agent.getProfile({ actor: handle });
profileData = profileResponse.data;
} else {
// フォールバックpublic API
const profileResponse = await fetch(`${appConfig.bskyPublicApi}/xrpc/app.bsky.actor.getProfile?actor=${encodeURIComponent(handle)}`);
if (profileResponse.ok) {
profileData = await profileResponse.json();
}
}
if (profileData.did) {
resolvedDid = profileData.did;
}
} catch (err) {
}
@@ -1079,7 +1099,38 @@ function App() {
/>
</div>
</div>
) : (
) : null}
{/* Tab Navigation */}
<div className="tab-navigation">
<button
className={`tab-button ${activeTab === 'comments' ? 'active' : ''}`}
onClick={() => setActiveTab('comments')}
>
comment ({comments.filter(shouldShowComment).length})
</button>
<button
className={`tab-button ${activeTab === 'ai-chat' ? 'active' : ''}`}
onClick={() => setActiveTab('ai-chat')}
>
chat ({aiChatHistory.length})
</button>
<button
className={`tab-button ${activeTab === 'lang-en' ? 'active' : ''}`}
onClick={() => setActiveTab('lang-en')}
>
en ({langEnRecords.length})
</button>
<button
className={`tab-button ${activeTab === 'ai-comment' ? 'active' : ''}`}
onClick={() => setActiveTab('ai-comment')}
>
feedback ({aiCommentRecords.length})
</button>
</div>
{/* User Section - moved below tab navigation */}
{user && (
<div className="user-section">
<div className="user-info">
<div className="user-profile">
@@ -1187,38 +1238,9 @@ function App() {
</div>
</div>
)}
</div>
)}
{/* Tab Navigation */}
<div className="tab-navigation">
<button
className={`tab-button ${activeTab === 'comments' ? 'active' : ''}`}
onClick={() => setActiveTab('comments')}
>
Comments ({comments.filter(shouldShowComment).length})
</button>
<button
className={`tab-button ${activeTab === 'ai-chat' ? 'active' : ''}`}
onClick={() => setActiveTab('ai-chat')}
>
AI Chat ({aiChatHistory.length})
</button>
<button
className={`tab-button ${activeTab === 'lang-en' ? 'active' : ''}`}
onClick={() => setActiveTab('lang-en')}
>
AI Lang:en ({langEnRecords.length})
</button>
<button
className={`tab-button ${activeTab === 'ai-comment' ? 'active' : ''}`}
onClick={() => setActiveTab('ai-comment')}
>
AI Comment ({aiCommentRecords.length})
</button>
</div>
{/* Comments List */}
{activeTab === 'comments' && (
<div className="comments-list">
@@ -1533,14 +1555,6 @@ function App() {
{error && <p className="error">{error}</p>}
</div>
)}
{/* Show authentication status on non-post pages */}
{user && !appConfig.rkey && (
<div className="auth-status">
<p> Authenticated as @{user.handle}</p>
<p><small>Visit a post page to comment</small></p>
</div>
)}
</section>
</main>
@@ -1550,4 +1564,4 @@ function App() {
);
}
export default App;
export default App;

View File

@@ -14,7 +14,7 @@ const response = await fetch(`${aiConfig.host}/api/generate`, {
options: {
temperature: 0.9,
top_p: 0.9,
num_predict: 80,
num_predict: 200,
repeat_penalty: 1.1,
}
}),

View File

@@ -199,7 +199,7 @@ Answer:`;
options: {
temperature: 0.9,
top_p: 0.9,
num_predict: 80, // Shorter responses for faster generation
num_predict: 200, // Longer responses for better answers
repeat_penalty: 1.1,
}
}),

View File

@@ -1,7 +1,7 @@
#!/bin/zsh
function _env() {
d=${0:a:h:h}
d=${0:a:h}
ailog=$d/target/release/ailog
oauth=$d/oauth
myblog=$d/my-blog

View File

@@ -1050,7 +1050,7 @@ async fn generate_ai_content(content: &str, prompt_type: &str, ai_config: &AiCon
};
format!(
"{}\n\n# 指示\nこのブログ記事を読んで、アイらしい感想を一言でください。\n- 30文字以内の短い感想\n- 技術的な内容への素朴な驚きや発見\n- 「わー!」「すごい!」など、アイらしい感嘆詞で始める\n- 簡潔で分かりやすく\n\n# ブログ記事(要約)\n{}\n\n# 出力形式\n一言の感想のみ(説明や詳細は不要):",
"{}\n\n# 指示\nこのブログ記事を読んで、アイらしい感想をください。\n- 100文字以内の感想\n- 技術的な内容への素朴な驚きや発見\n- 「わー!」「すごい!」など、アイらしい感嘆詞で始める\n- 簡潔で分かりやすく\n\n# ブログ記事(要約)\n{}\n\n# 出力形式\n感想のみ(説明や詳細は不要):",
system_prompt, limited_content
)
},
@@ -1058,7 +1058,7 @@ async fn generate_ai_content(content: &str, prompt_type: &str, ai_config: &AiCon
};
let num_predict = match prompt_type {
"comment" => 50, // Very short for comments (about 30-40 characters)
"comment" => 150, // Longer for comments (about 100 characters)
"translate" => 3000, // Much longer for translations
_ => 300,
};