Skip to content

Commit c97d42f

Browse files
manu4543manu4543
committed
Updated core js version
1 parent 5aaf708 commit c97d42f

File tree

6 files changed

+96
-81
lines changed

6 files changed

+96
-81
lines changed

‎DEVELOPMENT.md

+1
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
Execute the following command from the root folder to build the library. This creates a package in the `dist` folder.
44
```sh
55
yarn install # for first-time
6+
yarn add vue --peer # Add vue as peer dependency
67
yarn build
78
```
89

‎README.md

+68-54
Original file line numberDiff line numberDiff line change
@@ -30,10 +30,10 @@ Register it as a plugin to globally install all components.
3030
import ImageKit from "imagekitio-vue"
3131

3232
Vue.use(ImageKit, {
33-
urlEndpoint: your_url_endpoint,
34-
// publicKey: your_public_api_key,
35-
// authenticationEndpoint: https://your-server.com/auth,
36-
// transformationPosition: "path"
33+
urlEndpoint: "your_url_endpoint", // Required. Default URL-endpoint is https://ik.imagekit.io/your_imagekit_id
34+
publicKey: "your_public_api_key", // optional
35+
authenticationEndpoint: "https://www.your-server.com/auth" // optional
36+
// transformationPosition: "path" // optional
3737
})
3838
```
3939
`urlEndpoint` is required to use the SDK. You can get URL-endpoint from your ImageKit dashboard - https://imagekit.io/dashboard#url-endpoints.
@@ -61,12 +61,12 @@ export default {
6161
```js
6262
import ImageKit from "imagekitio-vue"
6363
Vue.use(ImageKit, {
64-
urlEndpoint: your_url_endpoint, // Default URL-endpoint is https://ik.imagekit.io/your_imagekit_id
65-
// publicKey: your_public_api_key,
66-
// authenticationEndpoint: https://your-server.com/auth
64+
urlEndpoint: "your_url_endpoint", // Required. Default URL-endpoint is https://ik.imagekit.io/your_imagekit_id
65+
publicKey: "your_public_api_key", // optional
66+
authenticationEndpoint: "https://www.your-server.com/auth" // optional
6767
})
6868

69-
// Image from related file path
69+
// Rendering image using a relative file path
7070
<ik-image
7171
path="/default-image.jpg"
7272
/>
@@ -227,49 +227,63 @@ See the complete list of transformations supported in ImageKit [here](https://do
227227
<summary>Expand</summary>
228228

229229
| Supported Transformation Name | Translates to parameter |
230-
| ----------------------------- | ----------------------- |
231-
| height | h |
232-
| width | w |
233-
| aspectRatio | ar |
234-
| quality | q |
235-
| crop | c |
236-
| cropMode | cm |
237-
| x | x |
238-
| y | y |
239-
| focus | fo |
240-
| format | f |
241-
| radius | r |
242-
| background | bg |
243-
| border | bo |
244-
| rotation | rt |
245-
| blur | bl |
246-
| named | n |
247-
| overlayImage | oi |
248-
| overlayX | ox |
249-
| overlayY | oy |
250-
| overlayFocus | ofo |
251-
| overlayHeight | oh |
252-
| overlayWidth | ow |
253-
| overlayText | ot |
254-
| overlayTextFontSize | ots |
255-
| overlayTextFontFamily | otf |
256-
| overlayTextColor | otc |
257-
| overlayAlpha | oa |
258-
| overlayTextTypography | ott |
259-
| overlayBackground | obg |
260-
| overlayImageTrim | oit |
261-
| progressive | pr |
262-
| lossless | lo |
263-
| trim | t |
264-
| metadata | md |
265-
| colorProfile | cp |
266-
| defaultImage | di |
267-
| dpr | dpr |
268-
| effectSharpen | e-sharpen |
269-
| effectUSM | e-usm |
270-
| effectContrast | e-contrast |
271-
| effectGray | e-grayscale |
272-
| original | orig |
230+
|-------------------------------|-------------------------|
231+
| height | h |
232+
| width | w |
233+
| aspectRatio | ar |
234+
| quality | q |
235+
| crop | c |
236+
| cropMode | cm |
237+
| x | x |
238+
| y | y |
239+
| focus | fo |
240+
| format | f |
241+
| radius | r |
242+
| background | bg |
243+
| border | bo |
244+
| rotation | rt |
245+
| blur | bl |
246+
| named | n |
247+
| overlayX | ox |
248+
| overlayY | oy |
249+
| overlayFocus | ofo |
250+
| overlayHeight | oh |
251+
| overlayWidth | ow |
252+
| overlayImage | oi |
253+
| overlayImageTrim | oit |
254+
| overlayImageAspectRatio | oiar |
255+
| overlayImageBackground | oibg |
256+
| overlayImageBorder | oib |
257+
| overlayImageDPR | oidpr |
258+
| overlayImageQuality | oiq |
259+
| overlayImageCropping | oic |
260+
| overlayImageTrim | oit |
261+
| overlayText | ot |
262+
| overlayTextFontSize | ots |
263+
| overlayTextFontFamily | otf |
264+
| overlayTextColor | otc |
265+
| overlayTextTransparency | oa |
266+
| overlayAlpha | oa |
267+
| overlayTextTypography | ott |
268+
| overlayBackground | obg |
269+
| overlayTextEncoded | ote |
270+
| overlayTextWidth | otw |
271+
| overlayTextBackground | otbg |
272+
| overlayTextPadding | otp |
273+
| overlayTextInnerAlignment | otia |
274+
| overlayRadius | or |
275+
| progressive | pr |
276+
| lossless | lo |
277+
| trim | t |
278+
| metadata | md |
279+
| colorProfile | cp |
280+
| defaultImage | di |
281+
| dpr | dpr |
282+
| effectSharpen | e-sharpen |
283+
| effectUSM | e-usm |
284+
| effectContrast | e-contrast |
285+
| effectGray | e-grayscale |
286+
| original | orig |
273287

274288
</details>
275289

@@ -407,9 +421,9 @@ import Vue from 'vue';
407421
import ImageKit from "imagekitio-vue"
408422

409423
Vue.use(ImageKit, {
410-
urlEndpoint: your_url_endpoint,
411-
publicKey: your_public_api_key,
412-
authenticationEndpoint: "https://www.your-server.com/auth",
424+
urlEndpoint: "your_url_endpoint", // Required. Default URL-endpoint is https://ik.imagekit.io/your_imagekit_id
425+
publicKey: "your_public_api_key", // optional
426+
authenticationEndpoint: "https://www.your-server.com/auth" // optional
413427
})
414428

415429
export default {

‎package.json

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "imagekitio-vue",
3-
"version": "1.0.7",
3+
"version": "1.0.8",
44
"scripts": {
55
"build:lib": "./node_modules/.bin/vue-cli-service build --target lib src/index.js",
66
"build": "./node_modules/.bin/vue-cli-service lint --fix; npm run build:lib",
@@ -21,7 +21,7 @@
2121
"url": "https://github.com/imagekit-developer/imagekit-vuejs"
2222
},
2323
"dependencies": {
24-
"imagekit-javascript": "^1.3.3"
24+
"imagekit-javascript": "^1.3.4"
2525
},
2626
"devDependencies": {
2727
"@babel/core": "^7.7.7",

‎src/plugin.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import IKContext from "./components/IKContext.vue";
22
import IKImage from "./components/IKImage.vue";
33
import IKUpload from "./components/IKUpload.vue";
44
import ImageKit from 'imagekit-javascript';
5-
export const VERSION = "1.0.7";
5+
export const VERSION = "1.0.8";
66

77
const componentMapping = {
88
"ik-context": IKContext,

‎tests/__snapshots__/storyshots.test.js.snap

+20-20
Original file line numberDiff line numberDiff line change
@@ -3,63 +3,63 @@
33
exports[`Storyshots IKContext Image With Context 1`] = `
44
<img
55
class="ik-image"
6-
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?ik-sdk-version=vuejs-1.0.7"
6+
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?ik-sdk-version=vuejs-1.0.8"
77
/>
88
`;
99

1010
exports[`Storyshots IKContext Overriding Url Parameter 1`] = `
1111
<img
1212
class="ik-image"
13-
src="https://ik.imagekit.io/utkace/default-image.jpg?ik-sdk-version=vuejs-1.0.7"
13+
src="https://ik.imagekit.io/utkace/default-image.jpg?ik-sdk-version=vuejs-1.0.8"
1414
/>
1515
`;
1616

1717
exports[`Storyshots IKImage Image With LQIP With Nested Path 1`] = `
1818
<img
1919
class="ik-image"
20-
src="https://ik.imagekit.io/your_imagekit_id/tr:h-300,w-400:q-20,bl-6/sample-folder/default-image.jpg?ik-sdk-version=vuejs-1.0.7"
20+
src="https://ik.imagekit.io/your_imagekit_id/tr:h-300,w-400:q-20,bl-6/sample-folder/default-image.jpg?ik-sdk-version=vuejs-1.0.8"
2121
/>
2222
`;
2323

2424
exports[`Storyshots IKImage Image With LQIP With Path With No Transformation 1`] = `
2525
<img
2626
class="ik-image"
27-
src="https://ik.imagekit.io/your_imagekit_id/tr:q-20,bl-6/default-image.jpg?ik-sdk-version=vuejs-1.0.7"
27+
src="https://ik.imagekit.io/your_imagekit_id/tr:q-20,bl-6/default-image.jpg?ik-sdk-version=vuejs-1.0.8"
2828
/>
2929
`;
3030

3131
exports[`Storyshots IKImage Image With LQIP With Path With Transformation 1`] = `
3232
<img
3333
class="ik-image"
34-
src="https://ik.imagekit.io/your_imagekit_id/tr:h-300,w-400:q-20,bl-6/default-image.jpg?ik-sdk-version=vuejs-1.0.7"
34+
src="https://ik.imagekit.io/your_imagekit_id/tr:h-300,w-400:q-20,bl-6/default-image.jpg?ik-sdk-version=vuejs-1.0.8"
3535
/>
3636
`;
3737

3838
exports[`Storyshots IKImage Image With LQIP With Src With No Transformation 1`] = `
3939
<img
4040
class="ik-image"
41-
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?ik-sdk-version=vuejs-1.0.7&tr=q-20%2Cbl-6"
41+
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?ik-sdk-version=vuejs-1.0.8&tr=q-20%2Cbl-6"
4242
/>
4343
`;
4444

4545
exports[`Storyshots IKImage Image With LQIP With Src With Transformation 1`] = `
4646
<img
4747
class="ik-image"
48-
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?ik-sdk-version=vuejs-1.0.7&tr=h-300%2Cw-400%3Aq-20%2Cbl-6"
48+
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?ik-sdk-version=vuejs-1.0.8&tr=h-300%2Cw-400%3Aq-20%2Cbl-6"
4949
/>
5050
`;
5151

5252
exports[`Storyshots IKImage Image With Leading Slashes In Path 1`] = `
5353
<img
5454
class="ik-image"
55-
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?ik-sdk-version=vuejs-1.0.7"
55+
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?ik-sdk-version=vuejs-1.0.8"
5656
/>
5757
`;
5858

5959
exports[`Storyshots IKImage Image With No Public Key 1`] = `
6060
<img
6161
class="ik-image"
62-
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?ik-sdk-version=vuejs-1.0.7"
62+
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?ik-sdk-version=vuejs-1.0.8"
6363
/>
6464
`;
6565

@@ -68,35 +68,35 @@ exports[`Storyshots IKImage Image With No Url Endpoint 1`] = `<!---->`;
6868
exports[`Storyshots IKImage Image With Path 1`] = `
6969
<img
7070
class="ik-image"
71-
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?ik-sdk-version=vuejs-1.0.7"
71+
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?ik-sdk-version=vuejs-1.0.8"
7272
/>
7373
`;
7474

7575
exports[`Storyshots IKImage Image With Query Parameters 1`] = `
7676
<img
7777
class="ik-image"
78-
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?ik-sdk-version=vuejs-1.0.7&version=5&name=check"
78+
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?ik-sdk-version=vuejs-1.0.8&version=5&name=check"
7979
/>
8080
`;
8181

8282
exports[`Storyshots IKImage Image With Src 1`] = `
8383
<img
8484
class="ik-image"
85-
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?ik-sdk-version=vuejs-1.0.7"
85+
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?ik-sdk-version=vuejs-1.0.8"
8686
/>
8787
`;
8888

8989
exports[`Storyshots IKImage Image With Src Query Parameters 1`] = `
9090
<img
9191
class="ik-image"
92-
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?foo=bar&ik-sdk-version=vuejs-1.0.7&version=5&name=check"
92+
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?foo=bar&ik-sdk-version=vuejs-1.0.8&version=5&name=check"
9393
/>
9494
`;
9595

9696
exports[`Storyshots IKImage Image With Trailing Slashes In Url Endpoint 1`] = `
9797
<img
9898
class="ik-image"
99-
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?ik-sdk-version=vuejs-1.0.7"
99+
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?ik-sdk-version=vuejs-1.0.8"
100100
/>
101101
`;
102102

@@ -133,41 +133,41 @@ exports[`Storyshots IKUpload Image Upload With No Tags 1`] = `
133133
exports[`Storyshots Transformations Image With Chained Transformation 1`] = `
134134
<img
135135
class="ik-image"
136-
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?ik-sdk-version=vuejs-1.0.7&tr=h-300%2Cw-400%3Art-90"
136+
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?ik-sdk-version=vuejs-1.0.8&tr=h-300%2Cw-400%3Art-90"
137137
/>
138138
`;
139139

140140
exports[`Storyshots Transformations Image With Non Existing Transformation With Existing Transformation 1`] = `
141141
<img
142142
class="ik-image"
143-
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?ik-sdk-version=vuejs-1.0.7&tr=h-300%2Cfoo-bar"
143+
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?ik-sdk-version=vuejs-1.0.8&tr=h-300%2Cfoo-bar"
144144
/>
145145
`;
146146

147147
exports[`Storyshots Transformations Image With Transformation 1`] = `
148148
<img
149149
class="ik-image"
150-
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?ik-sdk-version=vuejs-1.0.7&tr=h-300%2Cw-400"
150+
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?ik-sdk-version=vuejs-1.0.8&tr=h-300%2Cw-400"
151151
/>
152152
`;
153153

154154
exports[`Storyshots Transformations Image With Transformation Position As Path Passing Src 1`] = `
155155
<img
156156
class="ik-image"
157-
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?ik-sdk-version=vuejs-1.0.7&tr=h-300%2Cw-400"
157+
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?ik-sdk-version=vuejs-1.0.8&tr=h-300%2Cw-400"
158158
/>
159159
`;
160160

161161
exports[`Storyshots Transformations Image With Transformation Position As Query 1`] = `
162162
<img
163163
class="ik-image"
164-
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?ik-sdk-version=vuejs-1.0.7&tr=h-300%2Cw-400"
164+
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?ik-sdk-version=vuejs-1.0.8&tr=h-300%2Cw-400"
165165
/>
166166
`;
167167

168168
exports[`Storyshots Transformations Image Without Existing Transformation 1`] = `
169169
<img
170170
class="ik-image"
171-
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?ik-sdk-version=vuejs-1.0.7&tr=foo-bar"
171+
src="https://ik.imagekit.io/your_imagekit_id/default-image.jpg?ik-sdk-version=vuejs-1.0.8&tr=foo-bar"
172172
/>
173173
`;

‎yarn.lock

+4-4
Original file line numberDiff line numberDiff line change
@@ -6664,10 +6664,10 @@ ignore@^4.0.3, ignore@^4.0.6:
66646664
resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
66656665
integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==
66666666

6667-
imagekit-javascript@^1.3.3:
6668-
version "1.3.3"
6669-
resolved "https://registry.yarnpkg.com/imagekit-javascript/-/imagekit-javascript-1.3.3.tgz#d5861ebd70b39587f85b0afcc5b238f584863a73"
6670-
integrity sha512-CPG+GZ2kqUoS9m6CHdaY8jyGEyShrWV9Te0rD2fgrxrJC3C3rXqm5brE8jlY1WC8ZBUgKjZz4aOSQXf2vYb6Ew==
6667+
imagekit-javascript@^1.3.4:
6668+
version "1.3.4"
6669+
resolved "https://registry.yarnpkg.com/imagekit-javascript/-/imagekit-javascript-1.3.4.tgz#1b608644a652336c1360053394cc54bddfc2916a"
6670+
integrity sha512-SOmPxn/pjgoboLlwOnHbP/bxCQ4X4uEos48yRTybye1/89GaNuOP63NSNmSxnqOuRrpOHdiStwiUa7h5ke2uUQ==
66716671

66726672
[email protected]:
66736673
version "1.10.0"

0 commit comments

Comments
 (0)