locomojis / chromoji Goto Github PK

Chromoji adds the Mac OS X style emoji font symbols to Google Chrome for Windows, Linux, and even older version of OS X.

Home Page: http://chromoji.blogspot.com/

Python 91.41% JavaScript 7.62% CSS 0.97%

chromoji's Introduction

Chromoji

This is a Google Chrome extension for Windows and Linux that adds Mac OS X emoji to the web. The images are linked to the unicode standard: http://www.unicode.org/charts/PDF/U1F300.pdf A good test page is located on Wikipedia: https://en.wikipedia.org/wiki/Emoji

chromoji's People

Contributors

Stargazers

Watchers

Forkers

soberstadt s0snooley nijindal blaines-dupes asperdx atreides322 espresso3389 patik navarr matuszek hughstephens lewisje

chromoji's Issues

Error messages in web console

In my web console I see this error message:

Denying load of chrome-extension://cahedbegdkagmcjfolhdlechbkeaieki/jquery.min.map. Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension.

Can you fix that?

Improve performance of the options page

The options page currently loads extremely slowly. This needs improving, possibly using the cached image replacement pool listed in #2.

Please, add black-list of sites.

Please, create black list for sites, where this plugin will not replace smilies.
vk.com originally use emoji, and smiles displayed crooked with this plugin.

Chromoji Breaks Webflow.com

As the titles says.

I'm using webflow, and I've noticed that Chromoji doesn't allow webflow to load css.
You can try webflow, they have a free plan.

Gmail issues

Cannot click on anything at all. It's definitely because of the Chromoji plugin, as when disabled it works properly. Maybe related to the characters 會員 in the from address on some Ebay emails I have just received, other emails are old and I didn't have issues before.

Add support for multiple character codes per emoji

Some Emoji characters also have additional unicode values. Support should be added for these various codes. A list can be found here.

How do I go to the installation?

I installed it, but I don't know how to go to it. Any help will be appreciated.

Add names to character dictionary

Fill in the name fields correctly in the character dictionary.

Update en_GB locale with Emoji names

The local currently does not contain the names for the Emoji items we display. This needs adding before translations can take place. The message names should match the IDs specified in #13 and the names will be identical to #12.

Causes issues with Reddit Enhancement Suite

Much of the extra functionality ("view images" link, "hide child comments" link) added by the Reddit Enhancement Suite extension is, for some reason, randomly broken by Chromoji.

Not sure what else I might provide to help debug it, or if you'll bother, but thought I'd post it regardless.

Create Promotional tile images

Three promotional tile images are required:

Small tile - 440x280
Large tile - 920x680
Marquee - 1400x560

Prevents website font from rendering

How to reproduce:

Enable Chromoji.
Visit https://www.python.org/download/mac/tcltk/
Notice how the text is not showing.
Now disable it, and voila, the text renders.

Can't paste or inster emojis after installing the extension.

As title.

Android Emoji

Hi ~ not really an issue (I love the extension!) ~
finally a good one

But I would love it all the more if it had android emoji like this extension:
http://u.pushka.co/1dTNRGL

<3 <3

`just_text` function replaces page content, causes reload of reload-sensitive resources

I've recently discovered that the Chromoji extension interferes with some local governments' CAPTCHA codes, which rely on forcing the cache to always be invalidated to deliver a new CAPTCHA on page load.

Chromoji's behaviour of duplicating the page contents and replacing the DOM with an entirely new one causes issues with this, as the browser immediately re-fetches the image for the new elements.

An example of a page where this is a problem is https://oevf.aec.gov.au/VerifyEnrolment.aspx - you need not actually enter any details, simply observe the CAPTCHA code, and listen to its audio equivalent with Chromoji enabled versus disabled.

Now, at a fundamental level, this may be an issue with the way their ASP .NET forms operate, or may be an issue with their caching system, in any case, it works without Chromoji, and should with Chromoji.

Chromoji disturbs Vine Audio

When running Chromoji while viewing a Vine video the audio will separate from the video. Sometimes causing the audio to echo. If you pause the Vine the audio continues playing.

Increased CPU / Freeze with large HTML Files

I went to look at a large file in Github and the tab froze and eventually asked me to kill it. I ran a profiler on the page and found that until I stopped the profiling 77% of the CPU was dedicated to the emoji.js script:

Maybe there is a way to break out of the workload so that the UI doesn't get blocked on large calculations.

Issue with Instagram web feed

When viewing my feed at instagram.com, I've found that recently the page has been breaking after a few seconds after load when Chromoji is enabled. Certain page elements are duplicated and/or misaligned, and looking at the console shows multiple "Uncaught Error: Invariant Violation" warnings. I'm using the latest stable version of Chrome on Win 7.

Cache found images in background

To improve performance image replacements should be cached in the background process at startup and then fetched via messaging calls.
This will reduce the time spent checking if images exist at page load.

The basic process should be:

background.js loads at startup
- loop through all chars in known codepages (if user has them enabled)
- create image string for char (e.g. "images/1f300.png")
- convert the image string to a full extension path
- test that the image exists and if so, add to a collection of images
emoji.js loads at page visit
- scan page (technique for this not important for this issue)
- when char in correct codepage range found send message to background containing char number "img-1f300"
- background should reply with the replacement string
- insert this into the document. We could also cache this locally in case multiple instances are found.

Use a MutationObserver for document updates

Currently the entire document is rescanned every time an update occurs. By using a mutation observer it should be possible to only rescan the newly added tree nodes.

Pasting emojis

I have another app(show me emoji) I was using prior to this that allowed me to to copy the codex for an emoji and paste it and it would show up. Now with this when I paste the same codex in a text box it disappears i'm assuming because this converts the codex to images which are not rendered in a text box like on twitter. Such
I say this with the suggestion that You ignore rendering in text boxes. This way if I get an emoji and copy it from somewhere and paste it in a text box it doesn't disappear

Chromoji causes YouTube HTML5 videos to end abruptly

Chromoji causes YouTube videos (when a user is in the HTML5 Trial) to end within the first couple seconds.

Steps to reproduce:

Install latest version of Chromoji
Join HTML5 Trial
Load an HTML5 Video

What should happen:

Video plays fully through.

What does happen:

Video plays for a little bit and then skips to the end. Attempt to start the video by repositioning the buffer causes it to play, but the buffer fails to continue loading.

Populate the character groups with character IDs

Once the IDs have been added in #13 the correct IDs need adding to the groups section of the character dictionary.

Allow use of native Emoji fonts

Windows 8 (and Windows 7 with a specific update) have an Emoji font (It's not coloured, but it does the job).

Despite this, Windows' font substitution does not work in such a way that when a character is missing, it seeks an appropriate font which supplies it.

It'd be nice if this had the option to replace characters not with an image, but with an element containing the character whose font stack is set to something like;

emoji {
    font-family:"Segoe UI Symbol","Symbola";
}

(Note that Symbola is another free alternative for other systems)

Add Emoji Keyboard support

Enable the user to enter Emoji characters into text boxes and elements marked as contenteditable.

Allow disabling replacement of PUA characters

There are 2 types of Unicode characters which this extension replaces with emoji images:

standardized characters, which Unicode officially describes as representing a certain image, for example U+1F6B2 BICYCLE
private use characters, found in private use areas within Unicode, which happen to have been used by certain specific systems to represent certain symbols (I am guessing this is what iOS 4 and ealier used before Unicode standardized all the emoji in Unicode 6.0), for example U+E154 which renders as the ATM symbol, and is equivalent to the standardized character U+1F3E7 ATM

The problem is that PUA (Private Use Area) characters can be used by any application for any purpose. For example, MathJax, a Math Formula engine for websites, used by Wikipedia if the user enables it, uses PUA characters to represent certain parts of mathematical symbols.

I've explained the issue in an image here: http://i.imgur.com/bE5S7Ug.png

Therefore, I think the chardict.json file should be redesigned to specify for each character if it is a standardized symbol or a PUA character. For example you could have:

{
     "name":"AUTOMATED TELLER MACHINE",
     "id":"automated_teller_machine",
     "image":"1f3e7.png",
     "chars":[
        "\uD83C\uDFE7"
     ],
     "pua_chars":[
        "\uE154"
     ]
},

Alternatively, you could distinguish which ones are PUA chars based on the unicode ranges. All PUA chars are in U+E000..U+F8FF, U+F0000..U+FFFFD, U+100000..U+10FFFD.

Then you could include an option to disable the replacement of PUA characters with images so that users can replace just the standardized characters.

Yet another way to solve the problem would be simply to stop supporting the PUA chars altogether, as most (if not all) have a standardized equivalent which can be used instead, although this would break compatibility with very old messages.

Emojis don't display correctly in Disqus chats

Hi, love the idea behind Chromoji; it solves one of the main reasons I keep thinking about IE on my Surface Pro. However, there seems to be still a bit of rendering problem on a few websites. On my old laptop, running Vista x64-Bit (soon to Se7en x64-Bit), while reading some news, I came across this webpage: http://goo.gl/pVufi9

Notice "aidan harris" disqus comment; it displays a box in place of the emoji. Not sure if this is the same case on Windows 8 and can't check at the moment, but on my iPhone, it renders it correctly as the WINKING FACE emoji. Could it be some incompatibility with Disqus?

Add ability to disable non-standard encodings (those in Private Use Areas)

The changes to support e.g. the softbank encoding have broken some sites that use the Private Use Area for custom icon fonts (more specifically, some of the ones added in 3195a9d).

Could we get an option that allows us to switch on/off these custom encodings?

Google Style Emoji?

It would be awesome if you could add in an option to use the new Google Style Emoji from Hangouts instead of the Mac ones. This images shows some of them but I'm sure you can get the individual images from the hangouts app. http://www.cypressnorth.com/wp-content/uploads/2013/05/Google-Hangout-Emojis.jpg

Add IDs to the character dictionary

The ID fields of the character dictionary need populating correctly.

problem on statigram

Hello,when I enter instagram appears this

User has missing emoji images

A user finds certain images are missing when looking at this page.

So far I have not been able to reproduce this on Windows or Mac.

How do I use the Chromoji extension for Chrome? No icon is showing up by the address bar and there are no >> chevrons to expand...?

Enable for Google Hangout Emojis

http://www.cypressnorth.com/wp-content/uploads/2013/05/Google-Hangout-Emojis.jpg

I think for Chrome, there should be the Emojis used for Google Hangout at least as an option. This is mostly because they look 10000000x better.

Please and thank you

Add a License File

What license is the code provided under?

Add Emoji Keyboard support

Add support to allow typing of emoji character within the browser.

Changes website

when I try to login to cas.iu.edu for school it changes to the page to say "2013" that's it. I have already disabled it and confirmed it is the extension and nothing else.

Add support for multi-char images

After changing the rendering method multicharacter images such as the flags and the keycap numbers do not get converted. This support needs adding back in.

not working on OSX 10.8

i'm using OSX 10.8.2 w/ Chrome 25.0.1364.99 and Chromoji 1.1.2

with all character sets enabled, when i look at the tweet at http://chromoji.blogspot.com/ i see the box instead of the winky face :(

Denying load of chrome-extension://cahedbegdkagmcjfolhdlechbkeaieki/jquery.min.map on Chromium 29

The message on the JavaScript console:
Denying load of chrome-extension://cahedbegdkagmcjfolhdlechbkeaieki/jquery.min.map. Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension.

Chromium 29.0.1547.76 (223446) on Linux

I think I this information is enough. Call me if you need more.

Emoji not shown in text box

One user has complained that emoji is not shown in a text box.
This is actually deliberate as usually user will not want the text box to get parsed while they are trying to write tweets, however I will need to investigate whether it is possible to enable this for users such as the one experiencing the issue.
In their situation the text box actually contains the output from a chat conversation, and is not an input for live text, in which case this may be a perfectly valid place for them to view emoji.
I will attempt to add an option in that will cause emoji in these areas to be rendered (however I am not sure this will ever work properly for emoji that is within a pure text box as we use images, not font items (as iOS and Mac OS X does).

can you support this?

https://chrome.google.com/webstore/detail/google-keep-notes-and-lis/hmjkmjkepdijhoojdojkdfohbdgmmhki

Keep console.log silent in production release

Can you please remove the chromoji: 0 and chromoji: 1 messages from the Js console in the release version?

CPU 101%

Since I installed this extension, a Chrome process that runs over 100% keeps appearing in Activity Monitor.

Disabled it and now I'm back to normal. I believe the extension is the issue.

I'm on Lion 10.7.5, and Chrome Version 25.0.1364.99.

Runs great! This is exactly what I've been looking for! However, it is hard to see the emojis because they are so small. This could be because of my HD screen, but it would be nice if each emoji was larger to make it easier to differentiate between like emojis.

Investigation needed into the display of emoji on HD screens.

Chromoji Doesn't Work Inside Tweetdeck Extension

Emojis work fine in the web version of tweetdeck (web.tweetdeck.com) but don't when using the Chrome Extension (https://chrome.google.com/webstore/detail/tweetdeck/hbdpomandigafcibbmofojjchbcdagbl).

I don't understand the full extent of Chrome Extensions, but there is no address in the address bar, indicating a local page. LastPass doesn't work there either, so it may be a lost cause.