Skip to content

Commit 43035a9

Browse files
committed
Chore: Release v1.3.5
1 parent 33ce60f commit 43035a9

File tree

4 files changed

+47
-25
lines changed

4 files changed

+47
-25
lines changed

CHANGELOG.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,10 @@ Types of changes:
2828
- ...
2929

3030
---
31+
## 1.3.5 - 2022-04-25
32+
### Fixed
33+
- Low preview image width
34+
3135
## 1.3.3 - 2022-04-18
3236
### Fixed
3337
- possibility to add `doNotReplaceURL` to single image

README.md

Lines changed: 35 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,9 @@
1-
[![Release](https://img.shields.io/badge/release-v1.3.4-blue.svg)](https://github.com/scaleflex/vue-cloudimage-responsive/releases)
1+
[![Release](https://img.shields.io/badge/release-v1.3.5-blue.svg)](https://github.com/scaleflex/js-cloudimage-responsive/releases)
22
[![Free plan](https://img.shields.io/badge/price-includes%20free%20plan-green.svg)](https://www.cloudimage.io/en/home#b38181a6-b9c8-4015-9742-7b1a1ad382d5)
33
[![Contributions welcome](https://img.shields.io/badge/contributions-welcome-orange.svg)](#contributing)
44
[![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
5-
[![Scaleflex team](https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-the%20Scaleflex%20team-6986fa.svg)](https://www.scaleflex.it/en/home)
6-
7-
[![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/vue-cloudimage-responsive-plain/&via=cloudimage&hashtags=vue,images,cloudimage,responsive_images,lazy_loading,web_acceleration,image_optimization,image_CDN,image_CDNwebp,jpeg_xr,jpg_optimization,image_resizing_and_CDN,cropresize)
8-
5+
[![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)
6+
[![Cloudimage](https://img.shields.io/badge/Powered%20by-cloudimage-blue)](https://www.cloudimage.io/en/home)
97
## VERSIONS
108

119
- [**Low Quality Preview**](https://github.com/scaleflex/vue-cloudimage-responsive)
@@ -39,7 +37,7 @@
3937
4038
<a href="https://scaleflex.github.io/vue-cloudimage-responsive-plain/" target="_blank">Demo</a>
4139
42-
<a href="https://codesandbox.io/s/vue-cloudimage-resposnove-plain-example-2z2l7?file=/src/App.vue" target="_blank">Code Sandbox</a>
40+
<a href="https://codesandbox.io/s/vue-cloudimage-responsive-example-b64iq4" target="_blank">Code Sandbox</a>
4341
4442
<a href="https://medium.com/@dmitry_82269/responsive-images-in-2019-now-easier-than-ever-b76e5a43c074" target="_blank">Why?</a>
4543
</strong>
@@ -64,15 +62,13 @@ Cloudimage, contact us at
6462
<p align="center">
6563
<img
6664
alt="The Lounge"
67-
src="https://demo.cloudimg.io/width/1400/n/https://scaleflex.airstore.io/filerobot/cloudimage-process.jpg?sanitize=true">
65+
src="https://cdn.scaleflex.it/filerobot/cloudimage-process.jpg">
6866
</p>
6967

70-
powered by [Cloudimage](https://www.cloudimage.io/)
71-
([Watch the video here](https://www.youtube.com/watch?time_continue=2&v=JFZSE1vYb0k))
72-
7368
## Table of contents
7469

7570
- [Demo](#demo)
71+
- [Responsive plugins family](#plugin_family)
7672
- [Requirements](#requirements)
7773
- [Step 1: Installation](#installation)
7874
- [Step 2: Initialize](#initialize)
@@ -94,6 +90,28 @@ Inspector's Network tab to see how Cloudimage delivers the optimal
9490
image size to your browser, hence accelerating the overall page
9591
loading time.
9692

93+
## <a name="plugin_family"></a> Responsive plugins family
94+
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.
95+
96+
<details>
97+
<summary>Javascript</summary>
98+
<a href="https://github.com/scaleflex/js-cloudimage-responsive">Js Cloudimage Responsive (Low Quality Preview)</a><br/>
99+
<a href="https://github.com/scaleflex/js-cloudimage-responsive/blob/master/README-BLUR-HASH.md">Js Cloudimage Responsive (Blur-hash)</a><br/>
100+
<a href="https://github.com/scaleflex/js-cloudimage-responsive/blob/master/README-PLAIN.md">Js Cloudimage Responsive (Plain)</a>
101+
</details>
102+
103+
<details>
104+
<summary>React</summary>
105+
<a href="https://github.com/scaleflex/react-cloudimage-responsive">React Cloudimage Responsive (Low Quality Preview)</a><br/>
106+
<a href="https://github.com/scaleflex/react-cloudimage-responsive-blur-hash">React Cloudimage Responsive (Blur-hash)</a><br/>
107+
<a href="https://github.com/scaleflex/react-cloudimage-responsive-plain">React Cloudimage Responsive (Plain)</a>
108+
</details>
109+
110+
<details>
111+
<summary>Angular</summary>
112+
<a href="https://github.com/scaleflex/ng-cloudimage-responsive">Angular Cloudimage Responsive (Low Quality Preview)</a><br/>
113+
</details>
114+
97115
## <a name="requirements"/> Requirements
98116

99117
To use the Cloudimage Responsive plugin, you will need a
@@ -135,7 +153,7 @@ import Img, { CloudimageProvider } from 'vue-cloudimage-responsive-plain';
135153

136154
const cloudimageConfig = {
137155
token: 'demo',
138-
baseURL: 'https://jolipage.airstore.io/'
156+
baseURL: 'https://cdn.scaleflex.it/'
139157
};
140158

141159
<template>
@@ -169,7 +187,7 @@ NOTE: "ratio" is recommended to prevent page layout jumping. The parameter is us
169187
the image position while image is loading.
170188
- you can also reference it with kabab-case : img
171189

172-
<a href="https://codesandbox.io/s/vue-cloudimage-resposnove-plain-example-2z2l7?file=/src/App.vue"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edit in codesandbox"/></a>
190+
<a href="https://codesandbox.io/s/vue-cloudimage-responsive-example-b64iq4"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edit in codesandbox"/></a>
173191

174192
### BackgroundImg component:
175193

@@ -180,7 +198,7 @@ the image position while image is loading.
180198
```
181199
NOTE: you can also reference it with kabab-case : background-img
182200

183-
<a href="https://codesandbox.io/s/vue-cloudimage-responsive-background-plain-ntdrm?file=/src/App.vue"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edit in codesandbox"/></a>
201+
<a href="https://codesandbox.io/s/vue-cloudimage-responsive-example-7dyqso"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="edit in codesandbox"/></a>
184202

185203
## <a name="configuration"></a> Config
186204

@@ -216,15 +234,15 @@ Allow to use a specific version of API.
216234
```javascript
217235
const cloudimageConfig = {
218236
token: 'demo',
219-
baseURL: 'https://jolipage.airstore.io/',
237+
baseURL: 'https://cdn.scaleflex.it/',
220238
apiVersion: 'v7' // optional
221239
};
222240
```
223241
- disable API version
224242
```javascript
225243
const cloudimageConfig = {
226244
token: 'demo',
227-
baseURL: 'https://jolipage.airstore.io/',
245+
baseURL: 'https://cdn.scaleflex.it/',
228246
apiVersion: null // optional
229247
};
230248
```
@@ -282,7 +300,7 @@ Placeholder colored background while the image is loading or use it to set your
282300

283301
for example
284302

285-
`placeholderBackground: "url('https://scaleflex.airstore.io/filerobot/red-loader.gif') 50% 50% no-repeat"`
303+
`placeholderBackground: "url('https://cdn.scaleflex.it/filerobot/red-loader.gif') 50% 50% no-repeat"`
286304

287305
### lowQualityPreview
288306

@@ -308,7 +326,7 @@ Default:
308326
```javascript
309327
const cloudimageConfig = {
310328
token: 'demo',
311-
baseUrl: 'https://jolipage.airstore.io/',
329+
baseUrl: 'https://cdn.scaleflex.it/',
312330
...
313331
presets: {
314332
xs: '(max-width: 575px)', // up to 575 PHONE

examples/src/App.vue

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -345,7 +345,7 @@
345345
{{ " " }}
346346
<a
347347
:href="
348-
'https://cloudimage.public.airstore.io/demo/' + image.src
348+
'https://cdn.scaleflex.it/demo/' + image.src
349349
"
350350
target="_blank"
351351
>link</a
@@ -377,7 +377,7 @@
377377
{{ " " }}
378378
<a
379379
:href="
380-
'https://cloudimage.public.airstore.io/demo/' +
380+
'https://cdn.scaleflex.it/demo/' +
381381
images[18].src
382382
"
383383
target="_blank"
@@ -740,7 +740,7 @@ import Prism from "vue-prism-component";
740740
//cloud configuration
741741
const cloudImageConfig = {
742742
token: "demo",
743-
baseURL: "https://cloudimage.public.airstore.io/demo/",
743+
baseURL: "https://cdn.scaleflex.it/demo/",
744744
params: "ci_info=1&org_if_sml=1",
745745
placeholderBackground: "#e1e1e1",
746746
limitFactor: 10,
@@ -816,13 +816,13 @@ import Img, { CloudimageProvider } from 'vue-cloudimage-responsive-plain';
816816
817817
const cloudimageConfig = {
818818
token: 'demo',
819-
baseURL: 'https://jolipage.airstore.io/',
819+
baseURL: 'https://cdn.scaleflex.it/',
820820
};
821821
822822
const cloudimageConfigWithCustomCNAMEDomain = {
823823
token: 'demo',
824-
baseURL: 'https://jolipage.airstore.io/',
825-
customDomain: 'images.airstore.io'
824+
baseURL: 'https://cdn.scaleflex.it/',
825+
customDomain: 'cloudimage.io'
826826
};
827827
828828

package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "vue-cloudimage-responsive-plain",
3-
"version": "1.3.4",
3+
"version": "1.3.5",
44
"main": "dist/index.cjs.js",
55
"module": "dist/index.es.js",
66
"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 blur hash placeholder.",
@@ -36,7 +36,7 @@
3636
"publish-demo": "npm run build-demo && npm run deploy"
3737
},
3838
"dependencies": {
39-
"cloudimage-responsive-utils": "^2.4.4",
39+
"cloudimage-responsive-utils": "^2.4.8",
4040
"core-js": "^3.6.5",
4141
"throttle-debounce": "^2.2.1"
4242
},

0 commit comments

Comments
 (0)