wei / socialify Goto Github PK

I think there are a lot of things in next-12 that could completely reshape this project and make it way faster

We could definitely look into Server Components with nextjs and serving from the edge instead of cloud functions

All that said we definitely need to wait on for relay support
vercel/next.js#30174

The real question tho is about time and availability but definitely something we can look into doing slowly over a period of time

https://nextjs.org/blog/next-12

Currently you can click around the config. Back and forward buttons will add/remove items from the query string but the config on the page is not updating accordingly. We should make it update and match the url qs.

Create using React components

Great tool!

Currently, when selecting the "issues" checkbox, it includes all issues, including ones that have been closed. It seems it would be much better to include only the "open" issues. Does the GitHub API allow that instead of all issues?

My typesafety nerd really cringes at this tho, we can add apollo client or graphql https://www.the-guild.dev/graphql/codegen

Originally posted by @CryogenicPlanet in #140 (comment)

I created a test issue to test if socialify would update the issue number on the banner, it didn't update, it only updated when I took a link, got rid of something, then it updated and I waited for 10-12 mins, don't think it was supposed to be like that, I thought it auto updates?

• Add a note in the README that says the design is subject to change without notice.
• Always choose the download option if that's going to be a problem.
• Add .env instructions

We'll start with just the basic script for now. Consider adding events in the future.

• Enables users to choose from all the languages on their repo to highlight whichever language they want.

• Enables custom language choices to display logos like react also

From reddit

👋 Evening @wei and @CryogenicPlanet

I love the images produced by socialify and wanted to use them on all my repos, but didn't want to produce and upload them all one by one

So, I built a CLI that will do it for you. I hope it's ok to share it here with you. If you're interested, you can find it at https://github.com/mheap/github-social-image

Hey there!
First of all, great app!:fire:

I was just wondering that since the working and use of this would be similar to shields.io, it would be nice to add a "No Tracking" disclaimer.

Other options would be:

• Add a tracking feature and pass on that feature to the end-user.
• Keep tracking optional.

Check lighthouse

Allows users to copy various image url and og tag

Hello,

I'm using the generated markdown at https://github.com/pinpox/nixos but the counters don't seem to update.
For example the repository has one star at this time, but the image shows 2:

If I create a new banner for the same repo the values are correct, but it doesn't seem to be tracking any changes otherwise

I suggest https://socialify.git.ci

This way users can switch between repos without the need to go back to home page.

This will also allow the config to be persisted when switching between repos.

google-fonts-plugin was removed with our dependency upgrade 434727f.

Let's look into a better way to import google font into the svg image.

This is a big upgrade to how og images are traditionally made and I think we should move to them

https://vercel.com/blog/introducing-vercel-og-image-generation-fast-dynamic-social-card-images

• History Handling
• Ability to go back
• Github Socialify big back button
• Configuration in url
• Query string overwrite configuration

Example: https://github-socialify.netlify.app/facebook/react?owner=1

owner=1 but it's still unchecked and not being shown. If fact, it shows undefined when checked.

Related to #11 and #6

This pinned issue will contain breaking changes for the project including major design changes or domain changes. We will provide early notice should a domain change be necessary.

Please subscribe to this issue if you'd like to receive updates.

Currently we are embedding our custom devicon font containing all icons into every image we output. Using SVGs should make it more performant.

Changing description text is not updating url and gets lost after refresh.

Sometimes the text is too long, we will need to truncate so the card design remain intact.

• Add a download image button
• Click on the image -> copy

• Logo Links
• Upload Logo

The backgrounds available are nice but somewhat busy. It would be great to have the option to disable these patterns and have a full white/black background.

Next.js 12 upgrade was completed #111. It's time to keep up with the trend and go to Next.js 13 😄.

Implement initial social card design

Card Elements

• name
• logo
• owner
• description
• font
• language
• stargazers
• forks
• issues
• pulls
• theme
• pattern

Wow ... those images looks so beautiful.

I have a few public repos but mostly work with private repos. The website isn't able to see them because they're ... private.

I'd like to keep a consistent readme style across all project. Is there currently a process for private repos?

The main repo input and card needs to look good on mobile.

• Improve spinner styling
• If repo is not found, show an antd notification and just redirect back to the repo input page.

I have a svelte project, but no icon is show.

https://github.com/carlos-dubon/svelte-cool-toast

Badges are not updating as they should. I don't know if it is a cache problem on my device or something else. Does enabling ad blocker prevent badges from updating?

btw great app 💓

This will allow images to load much faster

It would be great if there was an an option to be able to display how many issue and PRs have been closed for a project. It would be a nice indicator to see how many features/work has been done on a project.

The opposite to #75.

Hi, first of all, great project, really love it and I'm already using it in my repos.

It would be great to be able to use custom shields in the project image. Currently we can only turn on/off some specific shields related to the repo (stars, issues, forks), but it would be great to be able to add custom ones. For instance, these are the shields I have in my project's README.rst file:

It would be wonderful if there was a way of adding these to the project image itself.

Add Kotlin to the list of supported programming languages.

The generated image url always contain long query strings. Let's create a url shortener so it's not so long~

We Can Also add the data update (PRs, Issues, Stars) with GitHub API in the Copy Markdown Link

I used Socialify in my project Detective Discord (https://github.com/kanakmi/Detective-Discord) but it is taking too long to update the image and the data is inconsistent with the actual number of starts that my project has.

Can you please check if I used it correctly?

Create a checkbox for project/repo name similar to owner checkbox. That way, if project logo is an image that contains project name (like facebook logo for example), I want to be able to hide the text below it.

https://github-socialify.netlify.app

^ CSS is missing, I suspect it maybe due to purgecss. You can create a PR and confirm the fix on netlify PR preview.

Thank you!

• Create a route/or api that takes in the same :owner/:name?:qs and returns prerendered card in html (using ssr)
  Similar to how og-image is doing it but we'll render card component instead
• Update screenshotter url to use the new route
• Move third party dependencies to inside the project to save calls (Google Fonts, DevIcons, etc)

Since we provide a social card as a service, the numbers will grow over time even though they maybe 0 at first. (stars, pulls, issues, forks).

Also, without the option, user will not be able to turn off stars if their stars is 0. e.g. https://github-socialify.netlify.app/wei/send