✨ feat: import settings from url

[cy948]

💻 变更类型 | Change Type

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

🔀 变更说明 | Description of Change

• close [Request] 能否实现与 NextChat 相同的参数快捷填入功能？ #917
• close [Request] 链接带相关密钥和代理参数，进入后直接使用 #1934
• close [Request] 支持路径参数配置吗?settings={"key":"你的key", "model": "gpt-4"} #1059

支持从 URL search params 中导入全局设置，目前支持的设置有：

• languageModel： 设置语言模型的设置；

除此设置外，其他设置尚未补充测试用例验证参数正确性，期待贡献；

代码变更：

• ✨ src/const/url.ts： 添加了标识 search param 参数名的constant；
• ✨ src/services/share.ts：增加了将 “设置从URL导入” 或 “导出设置到URL” 功能的方法；
• 🧪 src/services/__tests__/share.test.ts ：为上述方法补充测试；
• ✨ src/hooks/useImportConfig.ts： 添加调用 shareService 中的方法进行解析的 hook；
• ✨ src/layout/GlobalProvider/StoreInitialization.tsx：获取 search params ，调用 hook 进行解析并导入。

📝 补充信息 | Additional Information

1. Use Case

• 将 settings 使用 encodeURI(JSON.stringify(settings)), 转化为 URL：

      const settings: DeepPartial<GlobalSettings> = {
        languageModel: {
          openai: {
            apiKey: 'user-key',
          },
        },
      };
      const url = shareGPTService.createShareSettingsUrl(settings);
      expect(url).toBe(
        `/?${LOBE_URL_IMPORT_NAME}=%7B%22languageModel%22:%7B%22openai%22:%7B%22apiKey%22:%22user-key%22%7D%7D%7D`,
      );

• 使用该 URL 配合任意页面路径均能完成设置导入。

2. Limitations

• 当前feat不足1：目前是静默全部导入的，用户没有选择部分导入设置的方法，未来需要有界面能够让用户选择性地从URL中导入设置，或分享设置；
• 当前feat不足2：导入时可能包含一些会令产生系统崩溃的设置，没有能够从禁止用户导入某些设置；

3. Thanks

• 感谢 @arvinxx 对 Store Initialization 的重构，使这个需求能够得到实现；

4. Preview

• Preview on Vercel

[vercel]

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

A member of the Team first needs to authorize it.

[lobehubbot]

👍 @cy948

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

All modified and coverable lines are covered by tests ✅

Project coverage is 92.84%. Comparing base (8900445) to head (a18ee57).
Report is 2 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff            @@
##             main    #2226    +/-   ##
========================================
  Coverage   92.83%   92.84%            
========================================
  Files         290      290            
  Lines       16613    16641    +28     
  Branches     1196     1928   +732     
========================================
+ Hits        15423    15450    +27     
- Misses       1190     1191     +1     

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

[arvinxx]

@cy948 我在 #2264 重构了 globalStore，需要你对应改下 globalStore 的调用了，setSettings 挪到 userStore 里了

[lobehubbot]

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

---

@cy948 I reconstructed globalStore in #2264. You need to change the call of globalStore accordingly. SetSettings has been moved to userStore.

[arvinxx]

@arvinxx 我试了下还是改成用 hash 吧，不要用 search 。search 会被服务端感知到，然后可能会有水合问题。

但是 hash 的话只会在client 被感知，这样可以减少相关的调用问题。

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
lobe-chat-community	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 30, 2024 3:36pm

[lobehubbot]

❤️ Great PR @cy948 ❤️

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 0.152.0 🎉

The release is available on:

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

Your semantic-release bot 📦🚀