Fix social media preview of LinkFree profile

[aqib-m31]

Description

I shared my linkfree profile URL with a friend and I spotted - in profile preview the bio tag appears as markdown. It would be good if it appears as simple text without the markdown symbols.

Screenshots

Have a look below my name - asterisk symbols also appear.

Additional information

I don't know is it a bug or whatever! I thought it could be improved - so I learned how to refer an issue in an open source project!

[github-actions[bot]]

It's great having you contribute to this project

Welcome to the community :nerd_face:

If you would like to continue contributing to open source and would like to do it with an awesome inclusive community, you should join our Discord chat and our GitHub Organisation - we help and encourage each other to contribute to open source little and often 🤓 . Any questions let us know.

[gurjeetsinghvirdee]

It's not a bug, you have to edit your data @aqib-m31

[gurjeetsinghvirdee]

It's a JSON file you can't write markdown inside it, make a new PR by removing those Asterisk

[aqib-m31]

If I want some text to appear in bold or italic - how will I do that?

[aqib-m31]

It's a JSON file you can't write markdown inside it, make a new PR by removing those Asterisk

I followed the QuickStart Documentation it shows you can use markdown in bio! @gurjeetsinghvirdee

[gurjeetsinghvirdee]

ok ok I got it, you didn't add space before "

[gurjeetsinghvirdee]

write like this @aqib-m31

[aqib-m31]

It won't work. I tried to share @eddiejaoude profile on whatsapp - the asterisks appear on Eddie's profile also. @gurjeetsinghvirdee

[aqib-m31]

[gurjeetsinghvirdee]

then better to remove this Asterisk

[ChinmayMhatre]

Hey @aqib-m31 , I tried it out myself and it does seem to be as you say. Maybe others contributors can take a look and see if they see any solution. Thank you for raising this issue!

[eddiejaoude]

Thank you for raising the issue 👍

The markdown is currently only rendered when displaying on the LinkFree project, we can control how the previews are done with og: tags - we have a few of these but need to add more for the bio and render the markdown

[eddiejaoude]

Looking into this I am not sure the OG tags will allow rendered markdown, so we might have to strip them 🤔

[aqib-m31]

From the json files?

[SaraJaoude]

We should keep the markdown in the json file as this is the source, but we can manipulate how it is used.

• Currently the markdown is rendered on the website for our profiles correctly
• For the preview when sharing on other platforms, we have 2 options, we can remove the markdown when used in the title or OG tags or we can try to render the markdown in the title and OG tags and see if that works

[abhiiinav6]

There is String.replaceAll() method available in JavaScript. Using this method we can replace all "*" with empty string "".

[ChinmayMhatre]

I would like to give this a go.

[ChinmayMhatre]

After looking around, I only found that markdown cannot be added to the meta tags. I think we should just strip them for now.

[abhiiinav6]

You don't get what I was saying. In Pagehead components they are passing data.bio as description. Instead of data.bio if pass data.bio.replaceAll("*",""), this will remove all the * from description.

[ChinmayMhatre]

You don't get what I was saying. In Pagehead components they are passing data.bio as description. Instead of data.bio if pass data.bio.replaceAll("*",""), this will remove all the * from description.

I totally got you. I was just searching if there was a way to add it. And This is exactly what I meant by stripping the markdown