emoji-picker-element - npm Package Compare versions

Comparing version 1.4.0 to 1.5.0

CHANGELOG.md

@@ -0,1 +1,16 @@
+# [1.5.0](https://github.com/nolanlawson/emoji-picker-element/compare/v1.4.0...v1.5.0) (2021-05-31)
+
+
+### Bug Fixes
+
+* guess latest emoji version on canvas error ([#138](https://github.com/nolanlawson/emoji-picker-element/issues/138)) ([599a8dd](https://github.com/nolanlawson/emoji-picker-element/commit/599a8ddaaf0d64f0d1964319199509ad324dc970)), closes [#132](https://github.com/nolanlawson/emoji-picker-element/issues/132)
+* simplify emoji color check algorithm ([#139](https://github.com/nolanlawson/emoji-picker-element/issues/139)) ([ff6865c](https://github.com/nolanlawson/emoji-picker-element/commit/ff6865ce859669e1a1510daf377f9be67d140b8c))
+
+
+### Features
+
+* allow styling category emoji separately ([#137](https://github.com/nolanlawson/emoji-picker-element/issues/137)) ([1b5ab86](https://github.com/nolanlawson/emoji-picker-element/commit/1b5ab86baf6d854fe3b5a52fa570b7688b9763be)), closes [#133](https://github.com/nolanlawson/emoji-picker-element/issues/133)
+
+
+
 # [1.4.0](https://github.com/nolanlawson/emoji-picker-element/compare/v1.3.4...v1.4.0) (2021-01-18)
@@ -2,0 +17,0 @@

database.js

@@ -539,14 +539,2 @@ function assertNonEmptyString (str) {
 
-// @rollup/plugin-strip doesn't strip console.logs properly
-
-function log () {
-}
-
-function warn () {
-  /* istanbul ignore if */
-  {
-    console.warn(...arguments);
-  }
-}
-
 // trie data structure for prefix searches
@@ -713,3 +701,3 @@ // loosely based on https://github.com/nolanlawson/substring-trie
   if (!eTag) {
-    warn('emoji-picker-element is more efficient if the dataSource server exposes an ETag header.');
+    console.warn('emoji-picker-element is more efficient if the dataSource server exposes an ETag header.');
   }
@@ -960,3 +948,2 @@ }
   _clear () {
-    log('_clear database', this._dbName);
     // We don't need to call removeEventListener or remove the manual "close" listeners.
@@ -963,0 +950,0 @@ // The memory leak tests prove this is unnecessary. It's because:

package.json

 {
   "name": "emoji-picker-element",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "Lightweight emoji picker distributed as a web component",
@@ -20,7 +20,7 @@ "main": "index.js",
     "build": "run-s build:rollup build:css-docs build:i18n-docs build:types build:typedoc build:toc",
-    "build:rollup": "NODE_ENV=production rollup -c",
+    "build:rollup": "cross-env NODE_ENV=production rollup -c",
     "build:css-docs": "node ./bin/generateCssDocs",
     "build:i18n-docs": "node ./bin/generateI18nDocs",
-    "build:typedoc": "typedoc --target ES5 --out docs-tmp --theme markdown --excludePrivate --excludeNotExported --hideSources --hideBreadcrumbs ./src/types && node ./bin/generateTypeDocs && rm -fr docs-tmp",
-    "build:types": "tsc --target ES5 -d --outDir ./ts-tmp ./src/types/*.ts && mv ./ts-tmp/*.d.ts ./ && rm -fr ts-tmp",
+    "build:typedoc": "typedoc --target ES5 --out docs-tmp --theme markdown --excludePrivate --excludeNotExported --hideSources --hideBreadcrumbs ./src/types && node ./bin/generateTypeDocs && shx rm -fr docs-tmp",
+    "build:types": "tsc --target ES5 -d --outDir ./ts-tmp --project ./src/types && shx mv ./ts-tmp/*.d.ts ./ && shx rm -fr ts-tmp",
     "build:toc": "node ./bin/generateTOC",
@@ -33,3 +33,3 @@ "benchmark:bundlesize": "run-s build:rollup benchmark:bundle benchmark:run-bundlesize",
     "benchmark:run-bundlesize": "bundlesize",
-    "benchmark:storage": "PERF=1 run-s build:rollup && run-p --race test:adhoc benchmark:storage:test",
+    "benchmark:storage": "cross-env PERF=1 run-s build:rollup && run-p --race test:adhoc benchmark:storage:test",
     "benchmark:storage:test": "node ./test/storage/test.js",
@@ -40,3 +40,3 @@ "test:leak": "run-s build:rollup && run-p --race test:leak:server test:leak:test",
     "dev": "run-p --race dev:rollup dev:server",
-    "dev:rollup": "NODE_ENV=development rollup -c -w",
+    "dev:rollup": "cross-env NODE_ENV=development rollup -c -w",
     "dev:server": "node ./test/adhoc/server.js",
@@ -78,2 +78,3 @@ "lint": "standard && stylelint '**/*.scss'",
     "@rollup/plugin-replace": "^2.3.4",
+    "@rollup/plugin-strip": "^2.0.1",
     "@testing-library/dom": "^7.29.0",
@@ -87,3 +88,4 @@ "@testing-library/jest-dom": "^5.11.6",
     "conventional-changelog-cli": "^2.1.1",
-    "cssnano": "^4.1.10",
+    "cross-env": "^7.0.3",
+    "cssnano": "^5.0.5",
     "d2l-resize-aware": "BrightspaceUI/resize-aware#semver:^1.2.2",
@@ -119,7 +121,8 @@ "emoji-picker-element-data": "^1.1.0",
     "sass": "^1.30.0",
+    "shx": "^0.3.3",
     "standard": "^16.0.3",
     "string.prototype.replaceall": "^1.0.4",
-    "stylelint": "^13.8.0",
+    "stylelint": "^13.13.1",
     "stylelint-config-recommended-scss": "^4.2.0",
-    "stylelint-scss": "^3.18.0",
+    "stylelint-scss": "^3.19.0",
     "svelte": "^3.29.4",
@@ -131,3 +134,3 @@ "svelte-jester": "nolanlawson/svelte-jester#auto-preprocess",
     "typedoc-plugin-markdown": "^2.4.2",
-    "typescript": "^4.1.3"
+    "typescript": "~4.0.0"
   },
@@ -195,3 +198,3 @@ "standard": {
       "path": "./bundle.js",
-      "maxSize": "41.1 kB",
+      "maxSize": "41.2 kB",
       "compression": "none"
@@ -201,3 +204,3 @@ },
       "path": "./bundle.js",
-      "maxSize": "15 kB",
+      "maxSize": "13 kB",
       "compression": "brotli"
@@ -204,0 +207,0 @@ }

README.md

@@ -182,27 +182,29 @@ emoji-picker-element [![Build status](https://circleci.com/gh/nolanlawson/emoji-picker-element.svg?style=svg)](https://app.circleci.com/pipelines/gh/nolanlawson/emoji-picker-element)
 
-| Variable                     | Default    | Default (dark) | Description                                   |
-| ---------------------------- | ---------- | -------------- | --------------------------------------------- |
-| `--background`               | `#fff`     | `#222`         | Background of the entire `<emoji-picker>`     |
-| `--border-color`             | `#e0e0e0`  | `#444`         |                                               |
-| `--border-size`              | `1px`      |                | Width of border used in most of the picker    |
-| `--button-active-background` | `#e6e6e6`  | `#555555`      | Background of an active button                |
-| `--button-hover-background`  | `#d9d9d9`  | `#484848`      | Background of a hovered button                |
-| `--category-font-color`      | `#111`     | `#efefef`      | Font color of custom emoji category headings  |
-| `--category-font-size`       | `1rem`     |                | Font size of custom emoji category headings   |
-| `--emoji-padding`            | `0.5rem`   |                |                                               |
-| `--emoji-size`               | `1.375rem` |                |                                               |
-| `--indicator-color`          | `#385ac1`  | `#5373ec`      | Color of the nav indicator                    |
-| `--indicator-height`         | `3px`      |                | Height of the nav indicator                   |
-| `--input-border-color`       | `#999`     | `#ccc`         |                                               |
-| `--input-border-radius`      | `0.5rem`   |                |                                               |
-| `--input-border-size`        | `1px`      |                |                                               |
-| `--input-font-color`         | `#111`     | `#efefef`      |                                               |
-| `--input-font-size`          | `1rem`     |                |                                               |
-| `--input-line-height`        | `1.5`      |                |                                               |
-| `--input-padding`            | `0.25rem`  |                |                                               |
-| `--input-placeholder-color`  | `#999`     | `#ccc`         |                                               |
-| `--num-columns`              | `8`        |                | How many columns to display in the emoji grid |
-| `--outline-color`            | `#999`     | `#fff`         | Focus outline color                           |
-| `--outline-size`             | `2px`      |                | Focus outline width                           |
-| `--skintone-border-radius`   | `1rem`     |                | border radius of the skintone dropdown        |
+| Variable                     | Default                | Default (dark) | Description                                                                                          |
+| ---------------------------- | ---------------------- | -------------- | ---------------------------------------------------------------------------------------------------- |
+| `--background`               | `#fff`                 | `#222`         | Background of the entire `<emoji-picker>`                                                            |
+| `--border-color`             | `#e0e0e0`              | `#444`         |                                                                                                      |
+| `--border-size`              | `1px`                  |                | Width of border used in most of the picker                                                           |
+| `--button-active-background` | `#e6e6e6`              | `#555555`      | Background of an active button                                                                       |
+| `--button-hover-background`  | `#d9d9d9`              | `#484848`      | Background of a hovered button                                                                       |
+| `--category-emoji-padding`   | `var(--emoji-padding)` |                | Vertical/horizontal padding on category emoji, if you want it to be different from `--emoji-padding` |
+| `--category-emoji-size`      | `var(--emoji-size)`    |                | Width/height of category emoji, if you want it to be different from `--emoji-size`                   |
+| `--category-font-color`      | `#111`                 | `#efefef`      | Font color of custom emoji category headings                                                         |
+| `--category-font-size`       | `1rem`                 |                | Font size of custom emoji category headings                                                          |
+| `--emoji-padding`            | `0.5rem`               |                | Vertical and horizontal padding on emoji                                                             |
+| `--emoji-size`               | `1.375rem`             |                | Width and height of all emoji                                                                        |
+| `--indicator-color`          | `#385ac1`              | `#5373ec`      | Color of the nav indicator                                                                           |
+| `--indicator-height`         | `3px`                  |                | Height of the nav indicator                                                                          |
+| `--input-border-color`       | `#999`                 | `#ccc`         |                                                                                                      |
+| `--input-border-radius`      | `0.5rem`               |                |                                                                                                      |
+| `--input-border-size`        | `1px`                  |                |                                                                                                      |
+| `--input-font-color`         | `#111`                 | `#efefef`      |                                                                                                      |
+| `--input-font-size`          | `1rem`                 |                |                                                                                                      |
+| `--input-line-height`        | `1.5`                  |                |                                                                                                      |
+| `--input-padding`            | `0.25rem`              |                |                                                                                                      |
+| `--input-placeholder-color`  | `#999`                 | `#ccc`         |                                                                                                      |
+| `--num-columns`              | `8`                    |                | How many columns to display in the emoji grid                                                        |
+| `--outline-color`            | `#999`                 | `#fff`         | Focus outline color                                                                                  |
+| `--outline-size`             | `2px`                  |                | Focus outline width                                                                                  |
+| `--skintone-border-radius`   | `1rem`                 |                | Border radius of the skintone dropdown                                                               |
 
@@ -367,2 +369,4 @@ <!-- CSS variable options end -->
 
+Also note that, unlike the picker, the database does not filter emoji based on whether they are supported by the current browser/OS or not. To detect emoji support, you can use a library like [is-emoji-supported](https://github.com/koala-interactive/is-emoji-supported).
+
 Full API:
@@ -369,0 +373,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

499272

increased by0.1%

Number of lines in readme file

866

increased by0.46%

Worsened metrics

Dev dependency count

59

increased by5.36%

Lines of code

5536

decreased by-0.5%

No dependency changes