Skip to content

Commit 5a011a6

Browse files
committed
fix(readme): package name is image-editor. add demo link
1 parent d5589c8 commit 5a011a6

File tree

2 files changed

+12
-4
lines changed

2 files changed

+12
-4
lines changed

package.json

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@interactivetraining/image-editor",
3-
"version": "0.0.1",
3+
"version": "0.0.2",
44
"description": "Interactive.Training Component: image-editor",
55
"main": "dist/index.js",
66
"types": "dist/types/components.d.ts",
@@ -13,7 +13,8 @@
1313
"scripts": {
1414
"build": "stencil build --es5 --docs",
1515
"start": "stencil build --dev --watch --serve",
16-
"test": "stencil test --spec --e2e"
16+
"test": "stencil test --spec --e2e",
17+
"publish.npmjs": "npm publish --@interactivetraining:registry=https://registry.npmjs.org/ --access public"
1718
},
1819
"dependencies": {
1920
"@ionic/core": "^4.6.0",

readme.md

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,28 @@
11
![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)
22

3+
# Demo
4+
[codepen](https://codepen.io/adamlacombe/full/qzKMXZ)
5+
36
# Example
47
```html
5-
<script src='https://unpkg.com/@interactivetraining/it-image-editor@latest/dist/it-image-editor.js'></script>
8+
<script src='https://unpkg.com/@interactivetraining/image-editor@latest/dist/it-image-editor.js'></script>
69
<it-image-editor></it-image-editor>
710
```
811

912
# Example 2
1013
```html
11-
<script src='https://unpkg.com/@interactivetraining/it-image-editor@latest/dist/it-image-editor.js'></script>
14+
<script src='https://unpkg.com/@interactivetraining/image-editor@latest/dist/it-image-editor.js'></script>
1215
```
1316

1417
```javascript
1518
function addImageEditor() {
1619
const editor = document.createElement('it-image-editor');
1720
editor.addEventListener('save', (e) => {
1821
console.log('save image', e.detail);
22+
23+
const image = new Image();
24+
image.src = e.detail.base64;
25+
window.open("", '_blank').document.write(image.outerHTML);
1926
});
2027
document.body.appendChild(editor);
2128
}

0 commit comments

Comments
 (0)