@mts-pjsc/image-optimize 1.2.1 → 1.3.0

package/README.md

@@ -17,12 +17,20 @@ Features:
 ### Before use
 [The optimization microservice](https://github.com/MobileTeleSystems/image-optimize) must be deployed on the server along the path `/optimizer`. React component will use it.
 
+### Instalation
+Run script:
+```
+npm i @mts-pjsc/image-optimize
+```
+
 ### Using
 
 Just replace the \<img\> element with the Image component from the package. The component is fully compatible with the \<img\> element. Next, the component will do all the magic on its own.
 
 Sample:
 ```typescript
+import {Image} from "@mts-pjsc/image-optimize";
+
 <Image
     alt="Sample of work Image Optimizer"
     src="/static/landing/images-getmeback/phone-fon.png"

package/dist/components/Image.d.ts

@@ -1,4 +1,4 @@
-import { Component } from "react";
+import React, { Component, JSX } from "react";
 export interface IImageOptions extends React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> {
     src: string;
     alt: string;

package/dist/components/Image.js

@@ -1,3 +1,6 @@
+/* eslint-disable react/jsx-no-bind */
+/* eslint-disable react/destructuring-assignment */
+/* eslint-disable react/sort-comp */
 // For Next.js 13 and react 18. Switch component for support server components later.
 "use client";
 var __rest = (this && this.__rest) || function (s, e) {
@@ -11,8 +14,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Component } from "react";
+import React, { Component } from "react";
 import { getFormatFeatures } from "../helpers/get-format-features.js";
 export class Image extends Component {
     constructor(props) {
@@ -49,7 +51,7 @@ export class Image extends Component {
     render() {
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         const _a = this.props, { offset, quality, setRef, src, alt } = _a, props = __rest(_a, ["offset", "quality", "setRef", "src", "alt"]);
-        return (_jsx("img", Object.assign({}, props, { alt: alt, onLoad: () => requestAnimationFrame(() => this.checkImage()), ref: (elem) => {
+        return (React.createElement("img", Object.assign({}, props, { alt: alt, onLoad: () => requestAnimationFrame(() => this.checkImage()), ref: (elem) => {
                 var _a, _b;
                 this.thisComponent = elem;
                 (_b = (_a = this.props).setRef) === null || _b === void 0 ? void 0 : _b.call(_a, elem);
@@ -129,6 +131,7 @@ export class Image extends Component {
         return url;
     }
     extractImageFormat(path) {
+        // eslint-disable-next-line no-useless-assignment
         let format = "";
         const match = this.extensionsRegexp.exec(path);
         if (Image.isAvif === true) {
@@ -177,6 +180,7 @@ export class Image extends Component {
             ].join(" "));
         }
     }
+    // eslint-disable-next-line class-methods-use-this
     async initImageFormats() {
         const format = await getFormatFeatures();
         if (Image.isAvif === null || Image.isWebP === null) {

package/package.json

@@ -1,16 +1,17 @@
 {
   "name": "@mts-pjsc/image-optimize",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "description": "React component for image optimizer",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "esnext": "dist/index.js",
   "type": "module",
   "scripts": {
-    "eslint": "eslint --fix -c .eslintrc.cjs --ext .tsx,.ts,.jsx,.js ./src/",
+    "eslint": "eslint --fix -c eslint.config.js --ext .tsx,.ts,.jsx,.js ./src/",
     "test": "echo \"Error: no test specified. For test need deployed microservice part\" && exit 1",
     "test:module": "node ./dist/index.js",
     "build": "rm -rf dist/ && tsc --project tsconfig.json && npm run test:module",
+    "release": "cliff-jumper --name 'ts-fetch' --package-path '.' --no-skip-changelog --no-skip-tag",
     "prepare": "husky install"
   },
   "repository": {
@@ -23,7 +24,7 @@
   ],
   "lint-staged": {
     "./src/**/*.(ts|tsx|js|jsx)": [
-      "eslint --fix -c .eslintrc.cjs --ext .tsx,.ts,.jsx,.js"
+      "eslint --fix -c eslint.config.js --ext .tsx,.ts,.jsx,.js"
     ]
   },
   "author": "MobileTeleSystems",
@@ -36,11 +37,12 @@
     "react": ">=16.0.0"
   },
   "devDependencies": {
-    "@labeg/code-style": "^2.0.51",
-    "@types/node": "^18.11.9",
-    "@types/react": "^18.0.25",
-    "husky": "^8.0.2",
-    "lint-staged": "^13.0.3",
-    "typescript": "^4.9.3"
+    "@labeg/code-style": "^6.5.0",
+    "@types/node": "^24.0.15",
+    "@types/react": "^19.1.8",
+    "@favware/cliff-jumper": "^6.0.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^16.1.2",
+    "typescript": "^5.8.3"
   }
 }