danny-avila / LibreChat

Enhanced ChatGPT Clone: Features Anthropic, AWS, OpenAI, Assistants API, Azure, Groq, o1, GPT-4o, Mistral, OpenRouter, Vertex AI, Gemini, Artifacts, AI model switching, message search, langchain, DALL-E-3, ChatGPT Plugins, OpenAI Functions, Secure Multi-User System, Presets, completely open-source for self-hosting. Actively in public development.
https://librechat.ai/
MIT License
17.99k stars 3k forks source link

[Bug]: wrong App Title when adding to Apple Device Homescreen #3382

Closed leondape closed 1 month ago

leondape commented 2 months ago

What happened?

Probably the Apps title needs apple-mobile-web-app-title set in order to be correctly rendered on apple devices.

Steps to Reproduce

  1. try to add librechat with custom app name to homescreen of an i-Device
  2. App Title is librechat instead of the custom Title

What browsers are you seeing the problem on?

Mobile (iOS)

Relevant log output

No response

Screenshots

No response

Code of Conduct

leondape commented 1 month ago

probably it is due to the fact that the manifest in vite.config.ts has it hard coded to LibreChat?

danny-avila commented 1 month ago

For this, you should be editing index.html and committing it to your fork

leondape commented 1 month ago

I changed everything and added metadata name tags but still it does not to the job. Is a manifest.json required for that? I mean where do iOS devices currently get "LibreChat" from?

leondape commented 1 month ago

I tried changing: /index.html /client/index.html

In the end the only thing that worked was changing /client/vite.config.ts

joseph-holland commented 2 weeks ago

Quick question @leondape as I'm having the same issue. When you changed the vite.config.ts what did you have to do for it to take effect? Was it a case that you had to build the image, or are you using the deploy-compose and docker overrides? Thanks

joseph-holland commented 2 weeks ago

I actually got this sorted using the docker-compose.override.yml by copying the existing manifest.webmanifest and editing it, then adding the below to the volumes for api service: - ./client/manifest.webmanifest:/app/client/dist/manifest.webmanifest

leondape commented 2 weeks ago

After you edit the vite.config.ts you need to rebuild the frontend. In development you do that npm run frontend Or if you use docker in production rebuild the image using this

joseph-holland commented 2 weeks ago

Thanks. I'm trying to rebuilding the image for now if I'm just doing small tweaks.