Skip to content

Commit

Permalink
fix(readme): package name is image-editor. add demo link
Browse files Browse the repository at this point in the history
  • Loading branch information
adamlacombe committed Jul 3, 2019
1 parent d5589c8 commit 5a011a6
Show file tree
Hide file tree
Showing 2 changed files with 12 additions and 4 deletions.
5 changes: 3 additions & 2 deletions package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@interactivetraining/image-editor",
"version": "0.0.1",
"version": "0.0.2",
"description": "Interactive.Training Component: image-editor",
"main": "dist/index.js",
"types": "dist/types/components.d.ts",
Expand All @@ -13,7 +13,8 @@
"scripts": {
"build": "stencil build --es5 --docs",
"start": "stencil build --dev --watch --serve",
"test": "stencil test --spec --e2e"
"test": "stencil test --spec --e2e",
"publish.npmjs": "npm publish --@interactivetraining:registry=https://registry.npmjs.org/ --access public"
},
"dependencies": {
"@ionic/core": "^4.6.0",
Expand Down
11 changes: 9 additions & 2 deletions readme.md
Original file line number Diff line number Diff line change
@@ -1,21 +1,28 @@
![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)

# Demo
[codepen](https://codepen.io/adamlacombe/full/qzKMXZ)

# Example
```html
<script src='https://unpkg.com/@interactivetraining/it-image-editor@latest/dist/it-image-editor.js'></script>
<script src='https://unpkg.com/@interactivetraining/image-editor@latest/dist/it-image-editor.js'></script>
<it-image-editor></it-image-editor>
```

# Example 2
```html
<script src='https://unpkg.com/@interactivetraining/it-image-editor@latest/dist/it-image-editor.js'></script>
<script src='https://unpkg.com/@interactivetraining/image-editor@latest/dist/it-image-editor.js'></script>
```

```javascript
function addImageEditor() {
const editor = document.createElement('it-image-editor');
editor.addEventListener('save', (e) => {
console.log('save image', e.detail);

const image = new Image();
image.src = e.detail.base64;
window.open("", '_blank').document.write(image.outerHTML);
});
document.body.appendChild(editor);
}
Expand Down

0 comments on commit 5a011a6

Please sign in to comment.