react-clock
Advanced tools
react-clock - npm Package Compare versions
Comparing version 4.5.0 to 4.5.1
| { | ||
| "name": "react-clock", | ||
| "version": "4.5.0", | ||
| "version": "4.5.1", | ||
| "description": "An analog clock for your React app.", | ||
@@ -23,4 +23,4 @@ "type": "module", | ||
| "build-js": "yarn build-js-esm && yarn build-js-cjs && yarn build-js-cjs-package", | ||
| "build-js-esm": "tsc --project tsconfig.build.json --outDir dist/esm --module esnext", | ||
| "build-js-cjs": "tsc --project tsconfig.build.json --outDir dist/cjs --module commonjs", | ||
| "build-js-esm": "tsc --project tsconfig.build.json --outDir dist/esm", | ||
| "build-js-cjs": "tsc --project tsconfig.build.json --outDir dist/cjs --module commonjs --verbatimModuleSyntax false", | ||
| "build-js-cjs-package": "echo '{\n \"type\": \"commonjs\"\n}' > dist/cjs/package.json", | ||
@@ -35,3 +35,3 @@ "clean": "rimraf dist", | ||
| "unit": "vitest", | ||
| "watch": "yarn build-js-esm --watch & yarn build-js-cjs --watch & yarn build-js-cjs-package & nodemon --watch src --ext css --exec \"yarn copy-styles\"" | ||
| "watch": "yarn build-js-esm --watch & yarn build-js-cjs --watch & nodemon --watch src --ext css --exec \"yarn copy-styles\"" | ||
| }, | ||
@@ -70,7 +70,5 @@ "keywords": [ | ||
| "eslint-config-wojtekmaj": "^0.9.0", | ||
| "husky": "^8.0.0", | ||
| "jsdom": "^21.1.0", | ||
| "happy-dom": "^12.6.0", | ||
| "nodemon": "^3.0.0", | ||
| "prettier": "^2.7.0", | ||
| "pretty-quick": "^3.1.0", | ||
| "prettier": "^3.0.0", | ||
| "react": "^18.2.0", | ||
@@ -80,3 +78,3 @@ "react-dom": "^18.2.0", | ||
| "typescript": "^5.0.0", | ||
| "vitest": "^0.30.1" | ||
| "vitest": "^0.34.0" | ||
| }, | ||
@@ -103,6 +101,6 @@ "peerDependencies": { | ||
| "type": "git", | ||
| "url": "https://github.com/wojtekmaj/react-clock.git" | ||
| "url": "https://github.com/wojtekmaj/react-clock.git", | ||
| "directory": "packages/react-clock" | ||
| }, | ||
| "funding": "https://github.com/wojtekmaj/react-clock?sponsor=1", | ||
| "packageManager": "yarn@3.1.0" | ||
| } | ||
| "funding": "https://github.com/wojtekmaj/react-clock?sponsor=1" | ||
| } |
| [](https://www.npmjs.com/package/react-clock)  [](https://github.com/wojtekmaj/react-clock/actions) | ||
| # React-Clock | ||
| # react-clock | ||
@@ -21,3 +21,3 @@ An analog clock for your React app. | ||
| Add React-Clock to your project by executing `npm install react-clock` or `yarn add react-clock`. | ||
| Add react-clock to your project by executing `npm install react-clock` or `yarn add react-clock`. | ||
@@ -54,3 +54,3 @@ ### Usage | ||
| If you want to use default React-Clock styling to build upon it, you can import React-Clock's styles by using: | ||
| If you want to use default react-clock styling to build upon it, you can import react-clock's styles by using: | ||
@@ -71,3 +71,3 @@ ```ts | ||
| | ------------------------ | ------------------------------------------------------------------------------------------------------------------------- | ----------------------- | --------------------------------------------------------------------------------------------------- | | ||
| | className | Class name(s) that will be added along with `"react-clock"` to the main React-Clock `<time>` element. | n/a | <ul><li>String: `"class1 class2"`</li><li>Array of strings: `["class1", "class2 class3"]`</li></ul> | | ||
| | className | Class name(s) that will be added along with `"react-clock"` to the main react-clock `<time>` element. | n/a | <ul><li>String: `"class1 class2"`</li><li>Array of strings: `["class1", "class2 class3"]`</li></ul> | | ||
| | formatHour | Function called to override default formatting of hour marks. Can be used to use your own formatting function. | (default formatter) | `(locale, hour) => formatHour(hour, 'HH')` | | ||
@@ -105,11 +105,9 @@ | hourHandLength | Hour hand length, in %. | `50` | `80` | | ||
| <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:kontakt@wojtekmaj.pl">kontakt@wojtekmaj.pl</a><br /> | ||
| <a href="https://wojtekmaj.pl">https://wojtekmaj.pl</a> | ||
| <a href="https://github.com/wojtekmaj">Wojciech Maj</a> | ||
| </td> | ||
| </tr> | ||
| </table> |
New alerts
License Policy Violation
LicenseThis 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
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Dev dependency count
- decreased by-11.76%
15
Worsened metrics
- Total package byte prevSize
- decreased by-0.14%
76482
- Number of lines in readme file
- decreased by-1.79%
110