scttcper / ngx-emoji-mart Goto Github PK

I quickly generated an example on stackblitz if anyone wanted to try this library out. https://stackblitz.com/edit/pt-ngx-emojimart-example

🚨 The automated release from the master branch failed. 🚨

I recommend you give this issue a high priority, so other packages depending on you could benefit from your bug fixes and new features.

You can find below the list of errors reported by semantic-release. Each one of them has to be resolved in order to automatically publish your package. I’m sure you can resolve this 💪.

Errors are usually caused by a misconfiguration or an authentication problem. With each error reported below you will find explanation and guidance to help you to resolve it.

Once all the errors are resolved, semantic-release will release your package the next time you push a commit the master branch. You can also manually restart the failed CI job that runs semantic-release.

If you are not sure how to resolve this, here is some links that can help you:

• Usage documentation
• Frequently Asked Questions
• Support channels

If those don’t help, or if this issue is reporting something you think isn’t right, you can always ask the humans behind semantic-release.

The push permission to the Git repository is required.

semantic-release cannot push the version tag to the branch master on remote Git repository.

Please refer to the authentication configuration documentation to configure the Git credentials on your CI environment.

Good luck with your project ✨

Your semantic-release bot 📦🚀

how to display the selected emoji into div?

ERROR in : Unexpected value 'PickerModule in E:/Programings/angular/ng-emoji-picker-demo/node_modules/@ctrl/ngx-emoji-mart/picker.module.d.ts' imported by the module 'AppModule in E:/Programings/angular/ng-emoji-picker-demo/src/app/app.module.ts'. Please add a @NgModule annotation.

I'm using angular 5 and i want to use it in my app,kindly tell me the details how to use inline emojis with text area and how it bind with model

🚨 The automated release from the master branch failed. 🚨

I recommend you give this issue a high priority, so other packages depending on you could benefit from your bug fixes and new features.

You can find below the list of errors reported by semantic-release. Each one of them has to be resolved in order to automatically publish your package. I’m sure you can resolve this 💪.

Errors are usually caused by a misconfiguration or an authentication problem. With each error reported below you will find explanation and guidance to help you to resolve it.

Once all the errors are resolved, semantic-release will release your package the next time you push a commit the master branch. You can also manually restart the failed CI job that runs semantic-release.

If you are not sure how to resolve this, here is some links that can help you:

• Usage documentation
• Frequently Asked Questions
• Support channels

If those don’t help, or if this issue is reporting something you think isn’t right, you can always ask the humans behind semantic-release.

Missing package.json file.

A package.json file at the root of your project is required to release on npm.

Please follow the npm guideline to create a valid pacakge.json file.

Good luck with your project ✨

Your semantic-release bot 📦🚀

Hi, i'm having problems with the package in IE. Any suggestion?

The titles within the category header display angular code instead of the (localized) name. This can be seen in the official demo. I suppose the error is because of the following line:
https://github.com/TypeCtrl/ngx-emoji-mart/blob/27c3c3532d04f9179b752c51584aae078060c15d/src/lib/picker/anchors.component.ts#L19
This binding doesn't evaluate and simply uses provided string. To solve this issue you would have to write

title="{{i18n.categories[category.id]}}"

or

[attr.title]="i18n.categories[category.id]"

As the i18n object doesn't exist in the anchors.component yet, that would also have to be added

When I try to do this:
<ngx-emoji [custom]="customEmojis"></ngx-emoji>

I get the following error:

Uncaught Error: Template parse errors:
Can't bind to 'custom' since it isn't a known property of 'ngx-emoji'.

I can indeed confirm in the source code that the emoji component does not accept a custom data array:
https://github.com/TypeCtrl/ngx-emoji-mart/blob/master/src/lib/emoji/emoji.component.ts#L83

I guess the documentation is out of sync: https://github.com/TypeCtrl/ngx-emoji-mart/blame/master/README.md#L249

What is the current/recommended way of rendering custom emojis?

Hello,
Thank you for creating this with Angular.
I just added ngx-emoji-mart to my project and I got an issue when I put <emoji-mart set="twitter" title="Pick your emoji…" emoji="point_up"></emoji-mart> to modal body and It block the UI about 1 second when I open the modal.

It also block UI when I navigate to a screen that use emoji-mart.
I reproduce issue with navigating:
https://stackblitz.com/edit/angular-egigxh
https://angular-egigxh.stackblitz.io/

My package.json:

"@angular/animations": "^5.2.9",
"@angular/common": "^5.2.9",
"@angular/compiler": "^5.2.9",
"@angular/core": "^5.2.9",
"@angular/forms": "^5.2.9",
"@angular/http": "^5.2.9",
"@angular/platform-browser": "^5.2.9",
"@angular/platform-browser-dynamic": "^5.2.9",
"@angular/platform-server": "^5.2.9",
"@angular/router": "^5.2.9",
"@ctrl/ngx-emoji-mart": "^0.2.1",
"@ng-bootstrap/ng-bootstrap": "^1.1.1",
"core-js": "^2.5.4",
"ng2-device-detector": "^1.0.1",
"rxjs": "^5.5.8",
"typed.js": "^2.0.6",
"zone.js": "^0.8.25"

I can raise a PR but this feels fairly straightforward by simply changing the display properties in emoji.component.ts to inline as opposed to inline-block.

Hello, I have been using this library and I'm wondering if there is any form to change the CDN given that I want to use it without direct access to internet and only using the native emojis brings a problem with the different OS (some users are using linux and w7 so they dont get most emojis)

On registry https://registry.npmjs.org/, the "latest" version (v5.0.11) of dependency travis-deploy-once has the following deprecation notice:

We recommend to use Travis Build Stages instead

Marking the latest version of an npm package as deprecated results in the entire package being considered deprecated, so contact the package author you think this is a mistake.

Affected package file(s): package.json

If you don't care about this, you can close this issue and not be warned about travis-deploy-once's deprecation again. If you would like to completely disable all future deprecation warnings then add the following to your config:

"suppressNotifications": ["deprecationWarningIssues"]

What I tried:
npm install @ctrl/ngx-emoji-mart

imported both

import { PickerModule } from '@ctrl/ngx-emoji-mart'
import { EmojiModule } from '@ctrl/ngx-emoji-mart/ngx-emoji'

and added them to the import section of my ngmodule
added the css import

But I'm getting these error when I'm trying to serve my app:

node_modules/@ctrl/ngx-emoji-mart/anchors.component.d.ts(2,31): error TS2307: Cannot find module '@ctrl/ngx-emoji-mart/ngx-emoji'.
node_modules/@ctrl/ngx-emoji-mart/category.component.d.ts(2,37): error TS2307: Cannot find module '@ctrl/ngx-emoji-mart/ngx-emoji'.
node_modules/@ctrl/ngx-emoji-mart/emoji-frequently.service.d.ts(1,27): error TS2307: Cannot find module '@ctrl/ngx-emoji-mart/ngx-emoji'.
node_modules/@ctrl/ngx-emoji-mart/emoji-search.service.d.ts(1,41): error TS2307: Cannot find module '@ctrl/ngx-emoji-mart/ngx-emoji'.
node_modules/@ctrl/ngx-emoji-mart/picker.component.d.ts(2,61): error TS2307: Cannot find module '@ctrl/ngx-emoji-mart/ngx-emoji'.
node_modules/@ctrl/ngx-emoji-mart/preview.component.d.ts(2,48): error TS2307: Cannot find module '@ctrl/ngx-emoji-mart/ngx-emoji'.
node_modules/@ctrl/ngx-emoji-mart/skins.component.d.ts(2,23): error TS2307: Cannot find module '@ctrl/ngx-emoji-mart/ngx-emoji'.
src/modules/recognition/recognition.module.ts(33,29): error TS2307: Cannot find module '@ctrl/ngx-emoji-mart/ngx-emoji'.

I did an npm ls @ctrl/ngx-emoji-mart just to be sure and also checked node_modules and it's listed there.

I also tried to install the 0.9.0 release just in case the v0.10 was broken, same thing.

What am I doing wrong here ?

thumb should be selected color in preview

The sample you added under the headline Display emoji as custom element doesn't seem to support skin variations: $event.emoji.sheet doesn't contain any reference to the selected skin tone, so even if emojiSpriteStyles supported it (haven't checked!), it wouldn't get the information.

So the example code in your README.md always gives me sprites with pink faces.

If in text-area or input user types :) then how to convert it into smiling native emoji

I see that width is computed here:
https://github.com/TypeCtrl/ngx-emoji-mart/blob/0ec517cb0b12a61540bc0b63fa592cca52d11f53/src/lib/picker/picker.component.html#L2

Need to have a picker that fits a re-sizeable chat container <div>.

Tried many things:
Editing the div .emoji-mart 's width in console to 100% behaves as desired.
The following does not work.
<emoji-mart title="Pick your emoji…" emoji="point_up" [style]="{ width: '100%' }"></emoji-mart>

I tried to use backgroundImageFn to load the emoji sheet locally

  <emoji-mart *ngIf="toggled" title="" [showPreview]="false"
                                                id="post-emoji-picker" (window:mouseup)="mouseUp($event)"
                                                (emojiClick)="addEmoji($event)"
                                                [backgroundImageFn]="backgroundImageFn"></emoji-mart>

 @Input()
    backgroundImageFn: Emoji['backgroundImageFn'] = (
        set: string,
        sheetSize: number,
    ) =>
        'assets/emoji-picker.png'

but it still load from unpkg.com

Hello
In our design, we fit 13 emojis in one line, so, based on formula, that's 13 * 4 emojis displayed in 'frequently used' area. Because, the emoji picker container's height is small, frequently used uses way too much space.
I was wondering if there's a simple way to hardcode/change the calculation function so that we can get fewer frequently used emojis.
Thanks

As I understood from the docs passing an unsupported emoji will just not render anything. Or use the fall back if provided. However it just results in an exception because of a string/object type mismatch. I was able to get it working for by passing in an object instead. However the fallback is never called if my emoji inside the object is unsupported. For our use case it would also be very useful if you could have the option to just render the 'emoji text' if the emoji name passed in is not supported. Would that be possible? Attached you can find the exception that's being thrown:

When using the custom emoji example from the docs:

const customEmojis = [
  {
    name: 'Octocat',
    short_names: ['octocat'],
    text: '',
    emoticons: [],
    keywords: ['github'],
    imageUrl: 'https://assets-cdn.github.com/images/icons/emoji/octocat.png?v7'
  },
]

I get this trace when opening the picker:

Error: Uncaught (in promise): TypeError: Cannot create property 'custom' on string 'octocat'
TypeError: Cannot create property 'custom' on string 'octocat'
    at EmojiService.webpackJsonp.1225.EmojiService.getData (http://localhost:8100/build/49.js:25919:30)
    at http://localhost:8100/build/49.js:341:73
    at Array.filter (<anonymous>)
    at CategoryComponent.webpackJsonp.1224.CategoryComponent.getEmojis (http://localhost:8100/build/49.js:341:22)
    at CategoryComponent.webpackJsonp.1224.CategoryComponent.ngOnInit (http://localhost:8100/build/49.js:287:28)
    at checkAndUpdateDirectiveDynamic (http://localhost:8100/build/vendor.js:12773:19)
    at checkAndUpdateNodeDynamic (http://localhost:8100/build/vendor.js:14290:20)
    at checkAndUpdateNode (http://localhost:8100/build/vendor.js:14214:16)
    at debugCheckAndUpdateNode (http://localhost:8100/build/vendor.js:15104:76)
    at debugCheckDirectivesFn (http://localhost:8100/build/vendor.js:15045:13)
    at c (http://localhost:8100/build/polyfills.js:3:19752)
    at http://localhost:8100/build/polyfills.js:3:19174
    at http://localhost:8100/build/polyfills.js:3:21242
    at t.invoke (http://localhost:8100/build/polyfills.js:3:14976)
    at Object.onInvoke (http://localhost:8100/build/vendor.js:5124:33)
    at t.invoke (http://localhost:8100/build/polyfills.js:3:14916)
    at r.run (http://localhost:8100/build/polyfills.js:3:10143)
    at http://localhost:8100/build/polyfills.js:3:20242
    at t.invokeTask (http://localhost:8100/build/polyfills.js:3:15660)
    at Object.onInvokeTask (http://localhost:8100/build/vendor.js:5115:33)

When selecting an emoji on a touch device, the (emojiSelect) handler on <emoji-mart> is not getting fired.

Hello,

thanks for your effort so far. I've just added ngx-emoji-mart to my project and I receive some typing errors. I'm using it in a lazy loaded feature module of a almost fresh Angular CLI project. The errors prevent my app from building - but if I change another file the build is running through. There are no runtime errors in the browser - everything works fine expect my build/serve keeps throwing those errors. So it is probably only a issue with exported typings..

ERROR in node_modules/@ctrl/ngx-emoji-mart/anchors.component.d.ts(2,31): error TS2307: Cannot find module '@ctrl/ngx-emoji-mart/ngx-emoji'.
node_modules/@ctrl/ngx-emoji-mart/category.component.d.ts(2,37): error TS2307: Cannot find module '@ctrl/ngx-emoji-mart/ngx-emoji'.
node_modules/@ctrl/ngx-emoji-mart/emoji-frequently.service.d.ts(1,27): error TS2307: Cannot find module '@ctrl/ngx-emoji-mart/ngx-emoji'.
node_modules/@ctrl/ngx-emoji-mart/emoji-search.service.d.ts(1,41): error TS2307: Cannot find module '@ctrl/ngx-emoji-mart/ngx-emoji'.
node_modules/@ctrl/ngx-emoji-mart/picker.component.d.ts(2,50): error TS2307: Cannot find module '@ctrl/ngx-emoji-mart/ngx-emoji'.
node_modules/@ctrl/ngx-emoji-mart/preview.component.d.ts(2,41): error TS2307: Cannot find module '@ctrl/ngx-emoji-mart/ngx-emoji'.
node_modules/@ctrl/ngx-emoji-mart/skins.component.d.ts(2,23): error TS2307: Cannot find module '@ctrl/ngx-emoji-mart/ngx-emoji'.

My versions:

Angular CLI: 1.6.8
Node: 7.7.3
OS: linux x64
Angular: 5.2.4
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cdk: 5.2.0
@angular/cli: 1.6.8
@angular/material: 5.2.0
@angular-devkit/build-optimizer: 0.0.42
@angular-devkit/core: 0.0.29
@angular-devkit/schematics: 0.0.52
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.9.8
@schematics/angular: 0.1.17
typescript: 2.5.3
webpack: 3.10.0

Hello!
I'm importing emoji-mart css using import '@ctrl/ngx-emoji-mart/picker.css'; code, but that does not work for webpack production build, as the import is being removed because of sideEffects: false flag in package.json. Here is an explanation: webpack-contrib/mini-css-extract-plugin#102 (comment)
It would be great if the package.json file could be altered as described in that comment, so we do not have to make some dirty workarounds.

To be clear, our projecct does not use cli (we have our own webpack configuration) and we do not import emoji-mart css via sass @import, as importing css files from scss file is considered a deprecated behavior and will be removed in the near future.

For example, using the code below gives a blank search results area. Should be able to search within 'people' category. Works as expected when [include] is removed.

<emoji-mart set="apple" [title]="''" [emojiSize]="16" [emoji]="''" 
[totalFrequentLines]="1" [perLine]="8" (emojiClick)="emojiClick($event)" [include]="['people']">
</emoji-mart>

suppose for this object

let obj = {
id: 'santa',
name: 'Father Christmas',
colons: ':santa::skin-tone-3:',
text: '',
emoticons: [],
skin: 3,
native: '🎅🏼'
}

HERE i am getting native icon by using obj.native to render in view

BUT HERE - in this case

let obj1 = {
id: 'octocat',
name: 'Octocat',
colons: ':octocat',
text: '',
emoticons: [],
custom: true,
imageUrl: 'https://assets-cdn.github.com/images/icons/emoji/octocat.png?v7',
native:'',
}

How to get obj1.native , and how to fill that native icon for custom emoji added.

Hi,
I'm checking your documentation if is possible to hide the searchbar but I didn't find it.
Do you think is possible to hide it by a new parameter?

My second question is if is possible, like you have in the perLine (horizontally), if is possible to select the number of icons to show "vertically".
Thank you.

Filter not working when i initialise it after click on any emoji filter work perfect

It would be great to be able to provide a custom storage provider instead of defaulting to localStorage. In my case, I would like to pass Storage from @ionic/storage which uses IndexedDB by default. Basically, the Storage provider only needs to implement getItem, setItem and removeItem to be compatible with most storage providers.

Should be able to render an ngx-emoji using the following syntax as opposed to providing the short name / id.

<ngx-emoji [emoji]="{ unified: '1F600' }" size="16"></ngx-emoji>

The current picker component is quite heavy (from a UI perspective) when showing all categories on picker popup (especially painful in IE11). From my experience, this is due to having too many components in an *ngFor.

One potential solution would be to provide an option to "tab" the categories. So instead of having all emojis in one big list, you render a new tab each time the user selects a category from the top menu. That would make it fast since when the picker first appears it only loads one (the default) category instead of all of them at once.

After upgrading to the newest version which included the fix for the unsupported emojis, I raised in an earlier issue I now have the following problems:

• In IE 11 I get console errors because somewhere 'includes' is used (screenshot below)
• If I don't explicitly use native="false" on the ngx-emoji component I get duplicated emojis, but even when I set the native attribute and I inspect the DOM I still see the span with background image but it also has the unicode emoji as content inside the span (screenshot also below)

Is there a way we can integrate with https://github.com/quilljs/quill?

There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.

Error type: Preset name not found within published preset config (monorepo:angularmaterial). Note: this is a nested preset so please contact the preset author if you are unable to fix it yourself.

Metadata version mismatch for module - found version 4, expected 3

The sorting of the emojis seems to be different in IE 11. In chrome and firefox smiles are displayed first whereas IE 11 displays all the flags first. This is very annoying for users because this means the most used emojis are somewhere on the bottom. The most recent section is the same on IE and other browsers

I am using ngx-emoji-mart in my angular chat application. I am using Angular 7.1.0 and TypeScript 3.1.6.

EmojiModule could not be resolved in my Chat Module. I cannot import it. Angular gives EmojiModule not resolved. Other than this, I could not use EmojiService in my component. I am importing EmojiService in my component like this:
constructor(public emoji: EmojiService) {}

Component HTML:
<emoji-mart (emojiClick)="addEmoji($event)" class='emoji-mart'></emoji-mart>
TS:
//addEmoji function
addEmoji(event){ const styles = this.emoji.emojiSpriteStyles($event.emoji.sheet, 'twitter'); // pass emoji sheet }

I cannot use this.emoji.emojiSpriteStyles()
I have searched a lot around ngx-emoji-mart github issues but nothing worked for me. Thanks

Uncaught TypeError: Object(...) is not a function
at ctrl-ngx-emoji-mart-ngx-emoji.js:23022
at Object. (ctrl-ngx-emoji-mart-ngx-emoji.js:23024)
at webpack_require (bootstrap ffc2c370be32b2c6526e:54)
at Object. (ctrl-ngx-emoji-mart.js:1)
at webpack_require (bootstrap ffc2c370be32b2c6526e:54)
at Object.430 (main.ts:5)
at webpack_require (bootstrap ffc2c370be32b2c6526e:54)
at Object.425 (main.ts:1)
at webpack_require (bootstrap ffc2c370be32b2c6526e:54)
at webpackJsonpCallback (bootstrap ffc2c370be32b2c6526e:25)

https://typectrl.github.io/ngx-emoji-mart/

ERROR TypeError: Cannot read property '0' of undefined
    at main.cd8c21bfc1011afbeb5d.js:1
    at Array.map (<anonymous>)
    at e.ngOnInit (main.cd8c21bfc1011afbeb5d.js:1)
    at main.cd8c21bfc1011afbeb5d.js:1
    at main.cd8c21bfc1011afbeb5d.js:1
    at xd (main.cd8c21bfc1011afbeb5d.js:1)
    at tu (main.cd8c21bfc1011afbeb5d.js:1)
    at Object.updateDirectives (main.cd8c21bfc1011afbeb5d.js:1)
    at Object.updateDirectives (main.cd8c21bfc1011afbeb5d.js:1)
    at Ad (main.cd8c21bfc1011afbeb5d.js:1)

https://github.com/TypeCtrl/ngx-emoji-mart/blob/961df4b97747a46ff6c25c159084a24f1e182f0f/src/lib/picker/picker.component.ts#L73

I had some trouble getting started with the repo due to the documentation about the value for the default "native" property. If I'm not mistaken, The default is true but the documentation says it's false.

Anyways, great repo! thanks.

I have a Angular 6 (Lazy Load) Application and I created a component do reuse the emoji picker across my application, It works fine. But once I try to use it in --prod mode, it shows me the error:

ERROR Error: StaticInjectorError(u)[e -> e]: StaticInjectorError(Platform: core)[e -> e]: NullInjectorError: No provider for e! at e.get (core.js:1062) at core.js:1307 at e (core.js:1251) at e.get (core.js:1147) at core.js:1307 at e (core.js:1251) at e.get (core.js:1147) at So (core.js:8328) at e.get (core.js:9020) at So (core.js:8328)

I've followed the logs and figured out that the errors are in ctrl-ngx-emoji-mart.js: EmojiFrequentlyService and EmojiService that are not being found. I've added both as providers in my component (not sure if it's the right thing to do).

EmojiFrequentlyService worked, but EmojiService did not. I can't compile after adding because it throws this error:

Module not found: Error: Can't resolve '@ctrl/ngx-emoji-mart/ngx-emoji/public_api'

Any clues for what is happening?

I installed the module and started the server using ng serve on angular 5 and got the following on the console:

ERROR in @ctrl\ngx-emoji-mart\ctrl-ngx-emoji-mart.ts(25,40): Error during template compile of 'PickerModule'
  Could not resolve @ctrl/ngx-emoji-mart/ngx-emoji relative to C:/workspace/stash/amc/angular/node_modules/@ctrl/ngx-emoji-mart/ctrl-ngx-emoji-mart.d.ts..
node_modules/@ctrl/ngx-emoji-mart/anchors.component.d.ts(2,31): error TS2307: Cannot find module '@ctrl/ngx-emoji-mart/ngx-emoji'.
node_modules/@ctrl/ngx-emoji-mart/emoji-frequently.service.d.ts(1,27): error TS2307: Cannot find module '@ctrl/ngx-emoji-mart/ngx-emoji'.
node_modules/@ctrl/ngx-emoji-mart/category.component.d.ts(2,37): error TS2307: Cannot find module '@ctrl/ngx-emoji-mart/ngx-emoji'.
node_modules/@ctrl/ngx-emoji-mart/emoji-search.service.d.ts(1,41): error TS2307: Cannot find module '@ctrl/ngx-emoji-mart/ngx-emoji'.
node_modules/@ctrl/ngx-emoji-mart/picker.component.d.ts(2,61): error TS2307: Cannot find module '@ctrl/ngx-emoji-mart/ngx-emoji'.
node_modules/@ctrl/ngx-emoji-mart/preview.component.d.ts(2,41): error TS2307: Cannot find module '@ctrl/ngx-emoji-mart/ngx-emoji'.
node_modules/@ctrl/ngx-emoji-mart/skins.component.d.ts(2,23): error TS2307: Cannot find module '@ctrl/ngx-emoji-mart/ngx-emoji'.

The goal: user wants to replace native unicode emojis by images or insert it into a contentEditable.
The problems:

1. Dynamically created components can't be inserted to DOM in proper place.
2. Performance: many components make it slow. We can already observe it while opening emoji picker.

The workaround is to dynamically create the component, set emoji properties like id and set, call ngOnChanges(), hide generated component, wait for it to load, take HTML, destroy generated component and finally replace the unicode emoji by image...

Desired solution: there should be built-in service method to get HTML code for given emoji, getter or field with HTML / style in EmojiEvent.
Which solution would be the best? If it is a method - which service is the most sufficient for it?

Apple doesn't have it. It looks like a bug. https://emojipedia.org/flag-for-united-nations/
Emoji mart original doesn't have it but it shows up in both in search... Not sure yet how to handle it.

🚨 The automated release from the master branch failed. 🚨

I recommend you give this issue a high priority, so other packages depending on you could benefit from your bug fixes and new features.

You can find below the list of errors reported by semantic-release. Each one of them has to be resolved in order to automatically publish your package. I’m sure you can resolve this 💪.

Errors are usually caused by a misconfiguration or an authentication problem. With each error reported below you will find explanation and guidance to help you to resolve it.

Once all the errors are resolved, semantic-release will release your package the next time you push a commit to the master branch. You can also manually restart the failed CI job that runs semantic-release.

If you are not sure how to resolve this, here is some links that can help you:

• Usage documentation
• Frequently Asked Questions
• Support channels

If those don’t help, or if this issue is reporting something you think isn’t right, you can always ask the humans behind semantic-release.

Invalid npm token.

The npm token configured in the NPM_TOKEN environment variable must be a valid token allowing to publish to the registry https://registry.npmjs.org/.

If you are using Two-Factor Authentication, make configure the auth-only level is supported. semantic-release cannot publish with the default auth-and-writes level.

Please make sure to set the NPM_TOKEN environment variable in your CI with the exact value of the npm token.

Good luck with your project ✨

Your semantic-release bot 📦🚀

🚨 The automated release from the master branch failed. 🚨

I recommend you give this issue a high priority, so other packages depending on you could benefit from your bug fixes and new features.

You can find below the list of errors reported by semantic-release. Each one of them has to be resolved in order to automatically publish your package. I’m sure you can resolve this 💪.

Errors are usually caused by a misconfiguration or an authentication problem. With each error reported below you will find explanation and guidance to help you to resolve it.

Once all the errors are resolved, semantic-release will release your package the next time you push a commit to the master branch. You can also manually restart the failed CI job that runs semantic-release.

If you are not sure how to resolve this, here is some links that can help you:

• Usage documentation
• Frequently Asked Questions
• Support channels

If those don’t help, or if this issue is reporting something you think isn’t right, you can always ask the humans behind semantic-release.

The push permission to the Git repository is required.

semantic-release cannot push the version tag to the branch master on remote Git repository with URL https://github.com/TypeCtrl/ngx-emoji-mart.git.

Please refer to the authentication configuration documentation to configure the Git credentials on your CI environment and make sure the repositoryUrl is configured with a valid Git URL.

Good luck with your project ✨

Your semantic-release bot 📦🚀

When selecting an emoji from the picker on a touch screen device (I tried it on iPhone SE & iPad), two taps are required to trigger the emojiSelect and/or emojiClick events and close the picker.
That behavior might well be intended! (Otherwise, if [showPreview]="true" is set it would be impossible to see said preview.)

However - when setting [showPreview]="true" it would be useful to have it react to a single tap. Therefore I suggest adding a new boolean Input (e.g. emitOnTouch) that causes this behavior.

When using the search bar in the picker, search always returns empty result when the picker is configured with [emojisToShowFilter].
When removing emojisToShowFilter, search works again as expected.

Reason might be in emoji-search-service.ts
emojisToShowFilter(this.emojiService.names[result.id]),
whereas it should rather be
emojisToShowFilter(result.unified)
as the filter is working with the unified codes and not names.