merge-refs - npm Package Compare versions

Comparing version 1.2.1 to 1.2.2

dist/cjs/index.d.ts

@@ -7,3 +7,3 @@ import type * as React from 'react';
  * Usage:
- * ```jsx
+ * ```tsx
  * <div ref={mergeRefs(ref1, ref2, ref3)} />
@@ -10,0 +10,0 @@ * ```

dist/cjs/index.js

@@ -8,3 +8,3 @@ "use strict";
  * Usage:
- * ```jsx
+ * ```tsx
  * <div ref={mergeRefs(ref1, ref2, ref3)} />
@@ -11,0 +11,0 @@ * ```

dist/esm/index.d.ts

@@ -7,3 +7,3 @@ import type * as React from 'react';
  * Usage:
- * ```jsx
+ * ```tsx
  * <div ref={mergeRefs(ref1, ref2, ref3)} />
@@ -10,0 +10,0 @@ * ```

dist/esm/index.js

@@ -6,3 +6,3 @@ /**
  * Usage:
- * ```jsx
+ * ```tsx
  * <div ref={mergeRefs(ref1, ref2, ref3)} />
@@ -9,0 +9,0 @@ * ```

package.json

 {
   "name": "merge-refs",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "A function that merges React refs into one.",
@@ -16,5 +16,6 @@ "type": "module",
   "scripts": {
-    "build": "yarn build-esm && yarn build-cjs",
-    "build-esm": "tsc --project tsconfig.build.json --outDir dist/esm --module esnext",
-    "build-cjs": "tsc --project tsconfig.build.json --outDir dist/cjs --module commonjs && echo '{\n  \"type\": \"commonjs\"\n}' > dist/cjs/package.json",
+    "build": "yarn build-esm && yarn build-cjs && yarn build-cjs-package",
+    "build-esm": "tsc --project tsconfig.build.json --outDir dist/esm",
+    "build-cjs": "tsc --project tsconfig.build.json --outDir dist/cjs --module commonjs --verbatimModuleSyntax false",
+    "build-cjs-package": "echo '{\n  \"type\": \"commonjs\"\n}' > dist/cjs/package.json",
     "clean": "rimraf dist",
@@ -26,3 +27,3 @@ "lint": "eslint . --ext .js,.jsx,.ts,.tsx",
     "tsc": "tsc --noEmit",
-    "unit": "vitest run"
+    "unit": "vitest"
   },
@@ -40,13 +41,11 @@ "keywords": [
   "license": "MIT",
-  "dependencies": {
-    "@types/react": "*"
-  },
   "devDependencies": {
     "@testing-library/react": "^14.0.0",
+    "@types/react": "*",
     "eslint": "^8.26.0",
-    "eslint-config-wojtekmaj": "^0.8.4",
+    "eslint-config-wojtekmaj": "^0.9.0",
+    "happy-dom": "^12.6.0",
     "husky": "^8.0.0",
-    "jsdom": "^21.1.0",
-    "prettier": "^2.7.0",
-    "pretty-quick": "^3.1.0",
+    "lint-staged": "^14.0.0",
+    "prettier": "^3.0.0",
     "react": "^18.2.0",
@@ -56,4 +55,16 @@ "react-dom": "^18.2.0",
     "typescript": "^5.0.0",
-    "vitest": "^0.30.1"
+    "vitest": "^0.34.0"
   },
+  "peerDependencies": {
+    "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    }
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
   "files": [
@@ -60,0 +71,0 @@ "dist",

README.md

@@ -15,4 +15,4 @@ [![npm](https://img.shields.io/npm/v/merge-refs.svg)](https://www.npmjs.com/package/merge-refs) ![downloads](https://img.shields.io/npm/dt/merge-refs.svg) [![CI](https://github.com/wojtekmaj/merge-refs/workflows/CI/badge.svg)](https://github.com/wojtekmaj/merge-refs/actions)
 
-- Refs created using `React.createRef()`
-- Refs created using `React.useRef()`
+- Refs created using `createRef()`
+- Refs created using `useRef()`
 - Functional refs
@@ -22,6 +22,6 @@
 
-```js
+```tsx
 function Hello() {
-  const ref1 = useRef(); // I'm going to be updated!
-  const ref2 = (element) => {
+  const ref1 = useRef<HTMLDivElement>(); // I'm going to be updated!
+  const ref2 = (element: HTMLDivElement) => {
     // I'm going to be called!
@@ -42,11 +42,9 @@ };
   <tr>
-    <td>
-      <img src="https://github.com/wojtekmaj.png?s=100" width="100">
+    <td >
+      <img src="https://avatars.githubusercontent.com/u/5426427?v=4&s=128" width="64" height="64" alt="Wojciech Maj">
     </td>
     <td>
-      Wojciech Maj<br />
-      <a href="mailto:[e-mail]">[e-mail]</a><br />
-      <a href="https://wojtekmaj.pl">https://wojtekmaj.pl</a>
+      <a href="https://github.com/wojtekmaj">Wojciech Maj</a>
     </td>
   </tr>
 </table>

src/index.ts

@@ -8,3 +8,3 @@ import type * as React from 'react';
  * Usage:
- * ```jsx
+ * ```tsx
  * <div ref={mergeRefs(ref1, ref2, ref3)} />
@@ -11,0 +11,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

10200

increased by2.5%

Worsened metrics

Dev dependency count

13

increased by8.33%

Number of lines in readme file

48

decreased by-4%

Dependency changes

• - Removed@types/react@*