✨ feat: add Github Models provider

[CloudPassenger]

💻 变更类型 | Change Type

• ✨ feat
• 🐛 fix
• ♻️ refactor
• 💄 style
• 👷 build
• ⚡️ perf
• 📝 docs
• 🔨 chore

🔀 变更说明 | Description of Change

Support Github Models as LLM model provider

📝 补充信息 | Additional Information

• Add GithubModel to ProviderCombine in @lobehub/icons

[vercel]

@CloudPassenger is attempting to deploy a commit to the LobeHub Pro Team on Vercel.

A member of the Team first needs to authorize it.

[lobehubbot]

👍 @CloudPassenger

Thank you for raising your pull request and contributing to our Community
Please make sure you have followed our contributing guidelines. We will review it as soon as possible.
If you encounter any problems, please feel free to connect with us.
非常感谢您提出拉取请求并为我们的社区做出贡献，请确保您已经遵循了我们的贡献指南，我们会尽快审查它。
如果您遇到任何问题，请随时与我们联系。

[codecov]

Codecov Report

Attention: Patch coverage is 96.66667% with 9 lines in your changes missing coverage. Please review.

Project coverage is 92.21%. Comparing base (5ccc41d) to head (06cc702).
Report is 4 commits behind head on main.

Files with missing lines	Patch %	Lines
src/app/api/chat/agentRuntime.ts	14.28%	6 Missing ⚠️
src/libs/agent-runtime/AgentRuntime.ts	57.14%	3 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #3869      +/-   ##
==========================================
+ Coverage   92.18%   92.21%   +0.03%     
==========================================
  Files         464      466       +2     
  Lines       31862    32132     +270     
  Branches     3022     3175     +153     
==========================================
+ Hits        29371    29631     +260     
- Misses       2491     2501      +10     

Flag	Coverage Δ
app	92.21% <96.66%> (+0.03%)	⬆️
server	97.36% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
lobe-chat-database	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 18, 2024 5:20pm
lobe-chat-preview	🛑 Canceled (Inspect)			Sep 18, 2024 5:20pm

[canisminor1990]

• Add GithubModel to ProviderCombine in @lobehub/icons

[arvinxx]

@CloudPassenger rebase 下main， ProviderAvatar 这个收到组件里去了

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

@CloudPassenger rebase under main, ProviderAvatar is received in the component

[CloudPassenger]

@CloudPassenger rebase 下main， ProviderAvatar 这个收到组件里去了

已经 rebase，麻烦查阅了，谢谢

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

@CloudPassenger rebase under main, ProviderAvatar is received in the component

Already rebase, please check it, thank you

[arvinxx]

确定一下是用 Token 还是 API Key

[CloudPassenger]

确定一下是用 Token 还是 API Key

lobe-chat/src/app/(main)/settings/llm/components/ProviderConfig/index.tsx

Lines 147 to 161 in 38f6c34

	const apiKeyItem: FormItemProps[] = !showApiKey
	? []
	: (apiKeyItems ?? [
	{
	children: (
	<Input.Password
	autoComplete={'new-password'}
	placeholder={t(`llm.apiKey.placeholder`, { name })}
	/>
	),
	desc: t(`llm.apiKey.desc`, { name }),
	label: t(`llm.apiKey.title`),
	name: [KeyVaultsConfigKey, id, LLMProviderApiTokenKey],
	},
	]);

是 Github Token，但我查看了一下并没有给不同 Provider 配置显示的选项，如果我在这里添加根据 id 显示不同文字的逻辑，并且更新 i18n 的话，会是一个好的实践吗？

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

确定一下是用 Token 还是 API Key

lobe-chat/src/app/(main)/settings/llm/components/ProviderConfig/index.tsx

Lines 147 to 161 in 38f6c34

	const apiKeyItem: FormItemProps[] = !showApiKey
	? []
	: (apiKeyItems ?? [
	{
	children: (
	<Input.Password
	autoComplete={'new-password'}
	placeholder={t(`llm.apiKey.placeholder`, { name })}
	/>
	),
	desc: t(`llm.apiKey.desc`, { name }),
	label: t(`llm.apiKey.title`),
	name: [KeyVaultsConfigKey, id, LLMProviderApiTokenKey],
	},
	]);

是 Github Token，但我查看了一下并没有给不同 Provider 配置显示的选项，如果我在这里添加根据 id i18n 的话，会是一个好的实践吗？

[arvinxx]

如果我在这里添加根据 id 显示不同文字的逻辑，并且更新 i18n 的话，会是一个好的实践吗？

这个方案不太好，建议是参考 Azure 或者 Bedrock 的方案，外部覆写下 apiKeyItems ：

lobe-chat/src/app/(main)/settings/llm/ProviderList/Bedrock/index.tsx

Lines 19 to 30 in 38f6c34

	apiKeyItems: [
	{
	children: (
	<Input.Password
	autoComplete={'new-password'}
	placeholder={t(`${providerKey}.accessKeyId.placeholder`)}
	/>
	),
	desc: t(`${providerKey}.accessKeyId.desc`),
	label: t(`${providerKey}.accessKeyId.title`),
	name: [KeyVaultsConfigKey, providerKey, 'accessKeyId'],
	},

针对 Github 这个再单独加 i18n 比较好

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

Is it a good practice if I add logic here to display different text based on id and update i18n?

This solution is not very good. It is recommended to refer to Azure or Bedrock’s solution and externally overwrite apiKeyItems:

lobe-chat/src/app/(main)/settings/llm/ProviderList/Bedrock/index.tsx

Lines 19 to 30 in 38f6c34

	apiKeyItems: [
	{
	children: (
	<Input.Password
	autoComplete={'new-password'}
	placeholder={t(`${providerKey}.accessKeyId.placeholder`)}
	/>
	),
	desc: t(`${providerKey}.accessKeyId.desc`),
	label: t(`${providerKey}.accessKeyId.title`),
	name: [KeyVaultsConfigKey, providerKey, 'accessKeyId'],
	},

For Github, it is better to add i18n separately.

[LovelyGuYiMeng]

请注意排序务必相同，不要一个在Deepseek后面一个在Openrouter后面

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

Please note that the ordering must be the same, not one after Deepseek and one after Openrouter.

[CloudPassenger]

I have made some changes for this feature. Please review.
If you have any other suggestions, please don't hesitate to let me know. I will get back to you as soon as possible. Thanks!

[LovelyGuYiMeng]

把GoogleProviderCard放到BedrockProviderCard后面，不要乱改顺序

[arvinxx]

@CloudPassenger

1. Rebase 下
2. 改成缩写吧？ GitHub PAT ，不然看着太长了，被裁剪了。 然后 desc 那边最好加个超链接直接跳创建 Github PAT 的地方？

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

1. Under Rebase
2. Change it to an abbreviation? GitHub PAT, otherwise it will look too long and will be cropped. Then desc is it best to add a hyperlink to jump directly to the place where Github PAT is created?

[CloudPassenger]

@CloudPassenger

1. Rebase 下
2. 改成缩写吧？ GitHub PAT ，不然看着太长了，被裁剪了。 然后 desc 那边最好加个超链接直接跳创建 Github PAT 的地方？

感谢提醒，已经修复并添加，中秋快乐🥮

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

@CloudPassenger

1. Rebase Next
2. Change it to an abbreviation? GitHub PAT, otherwise it will look too long and will be cropped. Then desc is it best to add a hyperlink to jump directly to the place where Github PAT is created?

Thanks for the reminder, it has been fixed and added. Happy Mid-Autumn Festival🥮

[lobehubbot]

❤️ Great PR @CloudPassenger ❤️

The growth of project is inseparable from user feedback and contribution, thanks for your contribution! If you are interesting with the lobehub developer community, please join our discord and then dm @arvinxx or @canisminor1990. They will invite you to our private developer channel. We are talking about the lobe-chat development or sharing ai newsletter around the world.
项目的成长离不开用户反馈和贡献，感谢您的贡献! 如果您对 LobeHub 开发者社区感兴趣，请加入我们的 discord，然后私信 @arvinxx 或 @canisminor1990。他们会邀请您加入我们的私密开发者频道。我们将会讨论关于 Lobe Chat 的开发，分享和讨论全球范围内的 AI 消息。

[lobehubbot]

🎉 This PR is included in version 1.19.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀