Git Product home page Git Product logo

rickstaa / github-emoji-picker Goto Github PK

View Code? Open in Web Editor NEW
356.0 3.0 36.0 4.45 MB

A simple emotion picker that displays all the supported GitHub emojis :octocat:.

Home Page: https://github-emoji-picker.rickstaa.dev

License: MIT License

HTML 4.20% JavaScript 28.22% TypeScript 67.58%
emoji emoji-picker emojis github github-emoji github-emojis github-emojis-cheatsheet github-emojis-search searcher tool

github-emoji-picker's Introduction

Hey ๐Ÿ‘‹, I'm Rick

Github

I'm a Robotics master's student passionate about solving complicated problems and creating software solutions ๐Ÿค–. I โค๏ธ Open Source and therefore enjoy working on interesting open source projects.


Ask me anything Ask me anything ย  Ask me anything Ask me anything ย  Follow me on twitter Follow me on twitter ย  Connect with me on linkedin Connect with me on linkedin ย  Connect with me on linkedin Connect with me on linkedin

github-emoji-picker's People

Contributors

7ijme avatar dependabot[bot] avatar github-actions[bot] avatar levinuncu avatar rickstaa avatar sjsanc avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

github-emoji-picker's Issues

Emoji 14.0 and 15.0 fonts do not show under Windows 10 22H2, even with latest (1.45) Segoe UI Emoji font (seguiemj.ttf) from Windows 11 23H2 installed

Describe the bug

Hi folks

I recently installed the latest version (1.45) of the Segoe UI Emoji font (seguiemj.ttf) in Windows 10 22H2, after extracting the font from the most-recent Windows 11 ISO (23H2). I've added more details about this within the fediverse here.

The new emojis display perfectly within Firefox (121.0.1) when posted from other places (like an Android phone) or when copy/pasted from elsewhere (like here). However, the emoji picker does not show any of the updated emojis from 15.0 or from 14.0. The latest ones showing seem to be from 13.1.

image
image
image
image
image
image

Reproduction steps

  1. Go to the emoji picker website using Windows 10 22H2, Firefox 121.0.1, and version 1.45 of the Segoe UI Emoji font.
  2. Type in a partial name of any of the unicode 14.0 or 15.0 emojis (i.e., any after 13.1).
  3. None of them will show, per the above.

Expected behaviour

The latest fonts should be displayed if the emoji font supports them.

Screenshots / Live demo link

No response

System information

  • OS: Windows 10 22H2 build 19045.3930
  • Browser: Firefox 121.0.1

Additional context

No response

Add non-github switch to show non-native GitHub emoji's

Is your feature request related to a problem? Please describe.

As explained by @SleepyCatten in #202, users might want a way to see emojis which are not yet supported by GitHub and, therefore, don't have a shortcode (see this API endpoint for the supported emojis).

Describe the solution you'd like

Since GitHub does support unicode emojis we could add a non-github switch users can use also to be able to pick these non-native emojis and get the unicode copied to their clipboard instead.

Describe alternatives you've considered

Users can simply use https://missiveapp.com/open/emoji-mart instead. This however does not contain shortcodes for the emojis which GitHub does support.

Additional context

No response

Publish as a Chrome extension?

Is your feature request related to a problem? Please describe.

As title, would you consider this to be a chrome extension?

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Additional context

No response

Clamp icon missing but found in API

Describe the bug

As pointed out by https://gist.github.com/rxaviers/7360908?permalink_comment_id=4479413#gistcomment-4479413 the clamp icon is missing in the picker while it is found in https://docs.github.com/en/rest/emojis.

Reproduction steps

  1. Go to https://github-emoji-picker.rickstaa.dev.
  2. Click on the search bar.
  3. Type clamp.
  4. See it is missing.

Expected behaviour

๐Ÿ—œ๏ธ Should be there based on the code logic.

Screenshots / Live demo link

No response

System information

No response

Additional context

No response

[BUG] Dependency updates blocked due to CRA deprication

Describe the bug

Problem

The deprecation of the create-react-app framework (as discussed here) has created a roadblock in updating TypeScript to version 5 (refer to this GitHub issue). Consequently, several dependencies are stuck without updates, as they mandate a minimum TypeScript version of v5.

Solution

Consider transitioning to Next.js as an alternative.

Reproduction steps

Checkout #149 to see that the update to typescript V5 fails.

Expected behaviour

We should be able to update to v5 without the build step failing.

Screenshots / Live demo link

No response

System information

No response

Additional context

No response

Add app loader spinner

Is your feature request related to a problem? Please describe.

Currently, a blank white page is shown when the app loads.

Describe the solution you'd like

Based on the selected theme, it would be nice to use Reacts Suspense component to show a black/white page with a spinner when the app is still loading.

Describe alternatives you've considered

No response

Additional context

No response

Selected theme should persist on reload

Describe the bug

The theme is reset to the system theme.

To Reproduce

Steps to reproduce the behaviour:

  1. Go to https://github-emoji-picker.vercel.app/.
  2. Switch the theme.
  3. Reload the site.
  4. See theme change to system theme.

Expected behaviour

The last theme should be used as long as it is stored in the cookies.

Desktop (please complete the following information):

  • OS: All
  • Browser [e.g. chrome, safari]: Brave
  • Version [e.g. 22]: 1.44.112

Add i18n localization

Is your feature request related to a problem? Please describe.

Since we have users from all over the world, it would be nice to add localization.

image

Describe the solution you'd like

Both emoji-mart and material-UI provide localization options (see https://github.com/missive/emoji-mart#options--props and https://mui.com/material-ui/guides/localization/). The only things we have to translate are the header and footer texts. We can use a localization tool like Crowdin to manage these translations (see https://crowdin.com/).

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.