@mts-pjsc/image-optimize 1.2.0 → 1.2.2

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 * as React from "react";
+import { Component } from "react";
 export interface IImageOptions extends React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> {
     src: string;
     alt: string;
@@ -6,7 +6,7 @@ export interface IImageOptions extends React.DetailedHTMLProps<React.ImgHTMLAttr
     quality?: number;
     setRef?: (elem: HTMLImageElement | null) => void;
 }
-export declare class Image<P extends IImageOptions> extends React.Component<P> {
+export declare class Image<P extends IImageOptions> extends Component<P> {
     static isShowDiagnostic: boolean;
     static controlPoints: number[];
     /**

package/dist/components/Image.js

@@ -1,3 +1,5 @@
+// For Next.js 13 and react 18. Switch component for support server components later.
+"use client";
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -10,9 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
+import { Component } from "react";
 import { getFormatFeatures } from "../helpers/get-format-features.js";
-export class Image extends React.Component {
+export class Image extends Component {
     constructor(props) {
         super(props);
         this.resultUrl = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mts-pjsc/image-optimize",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "React component for image optimizer",
   "main": "dist/index.js",
   "module": "dist/index.js",