react-cloudimage-responsive - npm Package Compare versions

Comparing version 3.6.0-beta.20 to 3.6.0

CHANGELOG.md

@@ -30,2 +30,6 @@ # Changelog
 -------------
+## 3.6.0 - 2022-04-25
+### Fixed
+- Update documentations
+
 ## 3.6.0-beta.20 - 2022-04-18
@@ -32,0 +36,0 @@ ### Added

package.json

 {
   "name": "react-cloudimage-responsive",
-  "version": "3.6.0-beta.20",
+  "version": "3.6.0",
   "main": "dist/index.js",
@@ -43,3 +43,3 @@ "description": "Cloudimage Responsive will smartly resize, compress and accelerate images across the World in your site for all devices. The plugin supports lazy loading technique with fancy animation on image load.",
   "dependencies": {
-    "cloudimage-responsive-utils": "^2.4.6",
+    "cloudimage-responsive-utils": "^2.4.7",
     "core-js": "^3.15.2",
@@ -46,0 +46,0 @@ "prop-types": "^15.8.1",

README.md

@@ -1,2 +0,2 @@
-[![Release](https://img.shields.io/badge/release-v3.5.1-blue.svg)](https://github.com/scaleflex/react-cloudimage-responsive/releases)
+[![Release](https://img.shields.io/badge/release-v3.6.0-blue.svg)](https://github.com/scaleflex/js-cloudimage-responsive/releases)
 [![Free plan](https://img.shields.io/badge/price-includes%20free%20plan-green.svg)](https://www.cloudimage.io/en/home#b38181a6-b9c8-4015-9742-7b1a1ad382d5)
@@ -6,5 +6,4 @@ [![Contributions welcome](https://img.shields.io/badge/contributions-welcome-orange.svg)](#contributing)
 [![Scaleflex team](https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-the%20Scaleflex%20team-6986fa.svg)](https://www.scaleflex.com/en/home)
+[![Cloudimage](https://img.shields.io/badge/Powered%20by-cloudimage-blue)](https://www.cloudimage.io/en/home)
 
-[![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Responsive%20images,%20now%20easier%20than%20ever&url=https://scaleflex.github.io/react-cloudimage-responsive/&via=cloudimage&hashtags=react,images,cloudimage,responsive_images,lazy_loading,web_acceleration,image_optimization,image_CDN,image_CDNwebp,jpeg_xr,jpg_optimization,image_resizing_and_CDN,cropresize)
-
 ## VERSIONS
@@ -17,12 +16,5 @@
 <p align="center">
-	<a href="https://www.cloudimage.io/#gh-light-mode-only">
 		<img
 			alt="The Lounge"
 			src="https://scaleflex.cloudimg.io/v7/cloudimage.io/LOGO+WITH+SCALEFLEX-01.png?vh=f6080d&w=350">
-	</a>
-		<a href="https://www.cloudimage.io/#gh-dark-mode-only">
-		<img
-			alt="The Lounge"
-			src="https://scaleflex.cloudimg.io/v7/cloudimage.io/cloudimage-logo-light.png?vh=b798ab&w=350">
-	</a>
 </p>
@@ -44,3 +36,3 @@
 		•
-		<a href="https://codesandbox.io/s/1840nl707j" target="_blank">Code Sandbox</a>
+		<a href="https://codesandbox.io/s/react-cloudimage-responsive-example-forked-9yq9tm" target="_blank">Code Sandbox</a>
 		•
@@ -70,11 +62,9 @@ <a href="https://medium.com/@dmitry_82269/responsive-images-in-2019-now-easier-than-ever-b76e5a43c074" target="_blank">Why?</a>
 		alt="The Lounge"
-		src="https://demo.cloudimg.io/width/1400/n/https://scaleflex.airstore.io/filerobot/cloudimage-process.jpg?sanitize=true">
+		src="https://cdn.scaleflex.it/filerobot/cloudimage-process.jpg">
 </p>
 
-powered by [Cloudimage](https://www.cloudimage.io/)
-([Watch the video here](https://www.youtube.com/watch?time_continue=2&v=JFZSE1vYb0k))
-
 ## Table of contents
 
 * [Demo](#demo)
+* [Responsive plugins family](#plugin_family)
 * [Requirements](#requirements)
@@ -102,2 +92,24 @@ * [Step 1: Installation](#installation)
 
+## <a name="plugin_family"></a> Responsive plugins family
+In order to use Cloudimage responsive plugins on your single-page application, please check out Cloudimage responsive plugins for vanilla Javascript and the most popular Javascript frameworks.
+
+<details>
+<summary>Javascript</summary>
+<a href="https://github.com/scaleflex/js-cloudimage-responsive">Js Cloudimage Responsive (Low Quality Preview)</a><br/>
+<a href="https://github.com/scaleflex/js-cloudimage-responsive/blob/master/README-BLUR-HASH.md">Js Cloudimage Responsive (Blur-hash)</a><br/>
+<a href="https://github.com/scaleflex/js-cloudimage-responsive/blob/master/README-PLAIN.md">Js Cloudimage Responsive (Plain)</a>
+</details>
+
+<details>
+<summary>Vue.js</summary>
+<a href="https://github.com/scaleflex/vue-cloudimage-responsive">Vue Cloudimage Responsive (Low Quality Preview)</a><br/>
+<a href="https://github.com/scaleflex/vue-cloudimage-responsive-blur-hash">Vue Cloudimage Responsive (Blur-hash)</a><br/>
+<a href="https://github.com/scaleflex/vue-cloudimage-responsive-plain">Vue Cloudimage Responsive (Plain)</a>
+</details>
+
+<details>
+<summary>Angular</summary>
+<a href="https://github.com/scaleflex/ng-cloudimage-responsive">Angular Cloudimage Responsive (Low Quality Preview)</a><br/>
+</details>
+
 ## <a name="requirements"/> Requirements
@@ -132,3 +144,3 @@
   token: 'demo',
-  baseURL: 'https://jolipage.airstore.io/'
+  baseURL: 'https://cdn.scaleflex.it/demo/'
 };
@@ -159,3 +171,3 @@
 
-<a href="https://codesandbox.io/s/1840nl707j"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edeit in codesandbox"/></a>
+<a href="https://codesandbox.io/s/react-cloudimage-responsive-example-forked-b8zebi"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edit in codesandbox"/></a>
 
@@ -170,3 +182,3 @@ ### BackgroundImg component:
 
-<a href="https://codesandbox.io/s/react-cloudimage-responsive-background-1nin8"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edeit in codesandbox"/></a>
+<a href="https://codesandbox.io/s/react-cloudimage-responsive-example-kvep0t"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edeit in codesandbox"/></a>
 
@@ -208,3 +220,3 @@ ## <a name="configuration"></a> Config
   token: 'demo',
-  baseURL: 'https://jolipage.airstore.io/',
+  baseURL: 'https://cdn.scaleflex.it/demo/',
   apiVersion: 'v7'                            // optional
@@ -217,3 +229,3 @@ };
   token: 'demo',
-  baseURL: 'https://jolipage.airstore.io/',
+  baseURL: 'https://cdn.scaleflex.it/demo/',
   apiVersion: null                            // optional
@@ -279,3 +291,3 @@ };
 
-```placeholderBackground: "url('https://scaleflex.airstore.io/filerobot/red-loader.gif') 50% 50% no-repeat"```
+```placeholderBackground: "url('https:/https://cdn.scaleflex.it/filerobot/red-loader.gif') 50% 50% no-repeat"```
 
@@ -305,3 +317,3 @@ ### lowQualityPreview
   token: 'demo',
-  baseUrl: 'https://jolipage.airstore.io/',
+  baseUrl: 'https://cdn.scaleflex.it/demo/',
   ...
@@ -392,2 +404,4 @@ presets: {
 
+<a href="https://codesandbox.io/s/react-cloudimage-responsive-example-jtf2e4"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edeit in codesandbox"/></a>
+
 ### disableAnimation
@@ -394,0 +408,0 @@

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

75308

increased by1.17%

Number of low quality alerts

0

decreased by-100%

Number of lines in readme file

519

increased by2.77%

Dependency changes

• Updatedcloudimage-responsive-utils@^2.4.7