emoji-picker-element - npm Package Compare versions

Comparing version 1.21.0 to 1.21.1

package.json

 {
   "name": "emoji-picker-element",
-  "version": "1.21.0",
+  "version": "1.21.1",
   "description": "Lightweight emoji picker distributed as a web component",
@@ -74,3 +74,3 @@ "main": "index.js",
   "devDependencies": {
-    "@peculiar/webcrypto": "^1.4.3",
+    "@peculiar/webcrypto": "^1.4.5",
     "@rollup/plugin-commonjs": "^25.0.7",
@@ -81,5 +81,5 @@ "@rollup/plugin-inject": "^5.0.5",
     "@rollup/plugin-strip": "^3.0.4",
-    "@testing-library/dom": "^9.3.3",
-    "@testing-library/jest-dom": "^6.1.5",
-    "@testing-library/user-event": "^14.5.1",
+    "@testing-library/dom": "^9.3.4",
+    "@testing-library/jest-dom": "^6.4.2",
+    "@testing-library/user-event": "^14.5.2",
     "blob-util": "^2.0.2",
@@ -94,3 +94,3 @@ "compression": "^1.7.4",
     "express": "^4.18.2",
-    "fake-indexeddb": "^5.0.1",
+    "fake-indexeddb": "^5.0.2",
     "fast-glob": "^3.3.2",
@@ -101,6 +101,6 @@ "fetch-mock-jest": "^1.5.1",
     "get-folder-size": "^4.0.0",
-    "husky": "^8.0.3",
+    "husky": "^9.0.11",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "lint-staged": "^15.2.0",
+    "lint-staged": "^15.2.2",
     "lodash-es": "^4.17.15",
@@ -111,19 +111,19 @@ "markdown-table": "^3.0.2",
     "npm-run-all": "^4.1.5",
-    "playwright": "^1.40.1",
+    "playwright": "^1.41.2",
     "pretty-bytes": "^6.1.1",
-    "puppeteer": "^21.6.0",
+    "puppeteer": "^22.1.0",
     "recursive-readdir": "^2.2.3",
-    "rollup": "^4.7.0",
+    "rollup": "^4.12.0",
     "rollup-plugin-analyzer": "^4.0.0",
     "rollup-plugin-terser": "^7.0.2",
-    "sass": "^1.69.5",
+    "sass": "^1.71.0",
     "shx": "^0.3.4",
     "standard": "^17.1.0",
-    "string.prototype.replaceall": "^1.0.8",
-    "stylelint": "^15.11.0",
-    "stylelint-config-recommended-scss": "^13.1.0",
-    "stylelint-scss": "^5.3.1",
-    "svgo": "^3.0.5",
+    "string.prototype.replaceall": "^1.0.9",
+    "stylelint": "^16.2.1",
+    "stylelint-config-recommended-scss": "^14.0.0",
+    "stylelint-scss": "^6.1.0",
+    "svgo": "^3.2.0",
     "tachometer": "^0.7.0",
-    "terser": "^5.26.0"
+    "terser": "^5.27.1"
   },
@@ -130,0 +130,0 @@ "//": {

README.md

@@ -65,2 +65,3 @@ emoji-picker-element
     + [Tree-shaking](#tree-shaking)
+    + [Within a meta-framework (Next.js, SvelteKit, etc.)](#within-a-meta-framework-nextjs-sveltekit-etc)
     + [Within a Svelte project](#within-a-svelte-project)
@@ -829,2 +830,10 @@ * [Data and offline](#data-and-offline)
 
+### Within a meta-framework (Next.js, SvelteKit, etc.)
+
+Some meta-frameworks will attempt to server-side render (SSR) any dependencies you `import`. However, `emoji-picker-element` only supports client-side rendering – it does not work on the server side. If you attempt to import it on the server side, you will see an error like `requestAnimationFrame is not defined`.
+
+To load `emoji-picker-element` only on the client side, use your meta-framework's technique for client-side-only imports. For example, you can use [dynamic `import()`s](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/import) with [`next/dynamic` in Next.js](https://stackoverflow.com/a/61881528/680742) or [`onMount()` in SvelteKit](https://www.banjocode.com/post/svelte/client-side-library).
+
+`emoji-picker-element` is not designed for SSR. In most apps, an emoji picker should be lazy-loaded upon user interaction (for example, when the user clicks a button).
+
 ### Within a Svelte project
@@ -831,0 +840,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

405168

increased by0.25%

Number of lines in readme file

988

increased by0.92%

Worsened metrics

Lines of code

3540

decreased by-0.03%

No dependency changes