Code Monkey home page Code Monkey logo

emojipicker's Introduction

Hi there ๐Ÿ‘‹

emojipicker's People

Contributors

brianhung 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

Watchers

 avatar

emojipicker's Issues

Issue on installation

Hello, I can't complete the installation of the package

โžœ  client git:(main) โœ— npm install --save github:brianhung/emojipicker
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR!   react@"^18.2.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.8.0 || ^17.0.0" from [email protected]
npm ERR! node_modules/react-twemoji-picker
npm ERR!   react-twemoji-picker@"github:brianhung/emojipicker" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! 
npm ERR! For a full report see:
npm ERR! /Users/arl/.npm/_logs/2024-01-19T18_25_57_648Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in: /Users/arl/.npm/_logs/2024-01-19T18_25_57_648Z-debug-0.log

img format support.

I have tried a lot of Twemoji pickers in React but this one seems to be the best. But when I tried to integrate it with my website which is already pretty heavy, upon scrolling the emoji picker, the whole UI got hung.

Since my React project is in javascript, I removed all Typescript syntax while using the EmojiPicker component. I have even tried to replicate your demo website code in js but no luck.

Finally, I think although this project uses react-window, svg is still heavy for the browser.

Could there be a simple way where svg sprite's part can be provided to src in img tag and we can use this format with a prop on EmojiPicker so that browser doesn't need to parse svg?

Or is it not ok to use JavaScript instead of TypeScript while using the EmojiPicker component? Please guide me.

installation

it is not installing in windows operating system
error..........

D:\vue\react-learn>npm install --save github:brianhung/emojipicker
npm ERR! code ENOENT
npm ERR! syscall spawn git
npm ERR! path git
npm ERR! errno ENOENT
npm ERR! enoent Error while executing:
npm ERR! enoent undefined ls-remote -h -t ssh://[email protected]/brianhung/emojipicker.git
npm ERR! enoent
npm ERR! enoent
npm ERR! enoent spawn git ENOENT
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Shuresh-Kushwaha\AppData\Roaming\npm-cache_logs\2020-08-21T13_21_49_377Z-debug.log

unifiedToNative failing to convert

Hey,
As shows this screenshot, most emojis work fine , but this one
{"unicode":"1f972","name":"smiling-face-with-tear","keywords":["smiling face with tear","grateful","proud","relieved","smiling","tear","touched"]}
fails to be converted by unifiedToNative and i'm getting a ๐Ÿฅฒ character.
I dunno if that's the only one.

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.