# \[Announce\] node-red-contrib-image-tools - updated v1.3.1

**URL:** https://discourse.nodered.org/t/announce-node-red-contrib-image-tools-updated-v1-3-1/10751
**Category:** Share Your Nodes
**Created:** [2 May 2019 18:39 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-image-tools-updated-v1-3-1/10751 "2019-05-02T18:39:43Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [2 May 2019 18:39 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-image-tools-updated-v1-3-1/10751/1 "2019-05-02T18:39:43Z")

</div>

Do you think there is any interest in this...

It uses Jimp and XZING to do what it does.

Features include image conversion, reading writing to file, convolution (custom kernel matrix filters), batch mode processing, output as buffer or base64 and 2D (QR, Data Matrix) decoding.

 ![1loadchainbase64](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/0/0180ea6c092d89787b6cfa85d084c0e59f6e09e2.gif)

![2base64](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/4/49955cb58e5b8a49df28a2f0f6477d0a58e51e95.gif)

![3chainbatch](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/3/3aeacec414002834a6ab9ad18fbc7dd46429ecc5.gif)

 ![4decode2d](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/4/43ad11cf634ffa692ba9d44de3f99d736d8f077f.gif)

Any thoughts please?

Release within a week (hopefully)

Cheers.

---

<div class="post-metadata">

### Author: ![moebius](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/moebius/32/2872_2.png) [@moebius](https://discourse.nodered.org/u/moebius)
#### Post date: [2 May 2019 18:50 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-image-tools-updated-v1-3-1/10751/2 "2019-05-02T18:50:50Z")

</div>

Looks like a good idea!

My use case (currently with jimp in a function) is to resize ip cam images before further processing - speeds up everything a lot (dashboard, email,...).

---

<div class="post-metadata">

### Author: ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [8 May 2019 22:23 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-image-tools-updated-v1-3-1/10751/3 "2019-05-08T22:23:03Z")

</div>

Updated title to show release of node.

Github: [https://github.com/Steve-Mcl/node-red-contrib-image-tools](https://github.com/Steve-Mcl/node-red-contrib-image-tools)

`npm install node-red-contrib-image-tools`

I have added node-red in the tags so hopefully it will soon appear in npm / pallete.

This is actually my first direct contribution to open source & first upload on github (both of which are new to me) so please feedback any observations / error etc.

---

<div class="post-metadata">

### Author: ![dynamicdave](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dynamicdave/32/96_2.png) [@dynamicdave](https://discourse.nodered.org/u/dynamicdave)
#### Post date: [9 May 2019 07:41 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-image-tools-updated-v1-3-1/10751/4 "2019-05-09T07:41:45Z")

</div>

Hi Steve - just tried to install your excellent node.  
Got this message.

npm ERR! 404 'node-red-contrib-image-tools@latest' is not in the npm registry.

Seems like I'm going to have to wait a while for it to be publish.

---

<div class="post-metadata">

### Author: ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [9 May 2019 07:45 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-image-tools-updated-v1-3-1/10751/5 "2019-05-09T07:45:29Z")

</div>

Yeah, i'm brand new to NPM publishing so i think i'm missing a step.

Anyone?

---

<div class="post-metadata">

### Author: ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)
#### Post date: [9 May 2019 07:46 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-image-tools-updated-v1-3-1/10751/6 "2019-05-09T07:46:32Z")

</div>

@Steve-Mcl you still need to publish it to npm yourself before it will be available to install via the palette manager.

For now, it can be manually installed using:

```auto
npm install Steve-Mcl/node-red-contrib-image-tools

```

as that will tell npm to go get it from github rather than from the npm repository.

---

<div class="post-metadata">

### Author: ![dynamicdave](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dynamicdave/32/96_2.png) [@dynamicdave](https://discourse.nodered.org/u/dynamicdave)
#### Post date: [9 May 2019 07:47 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-image-tools-updated-v1-3-1/10751/7 "2019-05-09T07:47:56Z")

</div>

Hi Steve - looking at your animated screenshots, it looks like your node will be really useful.  
I have no experience of NPM publishing, so can't help - but I'm sure there are plenty of people on the forum that can and will.

Cheers from David.

---

<div class="post-metadata">

### Author: ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [9 May 2019 07:50 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-image-tools-updated-v1-3-1/10751/8 "2019-05-09T07:50:55Z")

</div>

> [@knolleary](#):
>
> ```auto
> npm install Steve-Mcl/node-red-contrib-image-tools
> 
> ```
> 
> as that will tell npm to go get it from github rather than from the npm repository.

nice - I dint know that either.

I'm looking at the npm publish now.

I guess from 5mins reading I need to add ...

```auto
    "repository": {
    "type": "git",
    "url": "https://github.com/Steve-Mcl/node-red-contrib-image-tools.git"
    },

```

to package.json then using CLI do npm publish?

Any pointers?

---

<div class="post-metadata">

### Author: ![dynamicdave](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dynamicdave/32/96_2.png) [@dynamicdave](https://discourse.nodered.org/u/dynamicdave)
#### Post date: [9 May 2019 07:51 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-image-tools-updated-v1-3-1/10751/9 "2019-05-09T07:51:14Z")

</div>

It installs fine using Nick's suggestion.  
Thanks Nick.

---

<div class="post-metadata">

### Author: ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [9 May 2019 07:52 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-image-tools-updated-v1-3-1/10751/10 "2019-05-09T07:52:14Z")

</div>

Dave, check out the examples under the hamburger menu --\> Import --\> Examples --\> Image tools for a quick start.

---

<div class="post-metadata">

### Author: ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [9 May 2019 09:33 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-image-tools-updated-v1-3-1/10751/11 "2019-05-09T09:33:39Z")

</div>

Now published in npm so installation via `npm install node-red-contrib-image-tools` should now be possible.

As I understand it, it will appear in the node-red pallete once its detected in npm.

For anyone interested (and my own future reference)...

1. Ensure your project has `node-red` in the keywords in package.json  
`"keywords": ["node-red"],`
2. Create a project on github & grab the \*.git URL
3. Add the repo URL to package.json  
`"repository": { "type": "git", "url": "http_url.git" },`
4. git push the above change
5. Add the git remote (e.g. `git remote add origin http_url.git`)
6. git pull, push (in my case `git pull origin master`, `git push origin master`)
7. From in your project directory, publish to npm (`npm publish`)
  1. NOTE: It may be necessary to sign in first (`npm login`)
  2. NOTE2: It may be necessary to create an account at [npmjs.com](http://npmjs.com) first 🙂

(please feel free to correct me on the above if they have a more streamlined method)

---

<div class="post-metadata">

### Author: ![dynamicdave](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dynamicdave/32/96_2.png) [@dynamicdave](https://discourse.nodered.org/u/dynamicdave)
#### Post date: [9 May 2019 10:35 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-image-tools-updated-v1-3-1/10751/12 "2019-05-09T10:35:02Z")

</div>

Hi Steve,  
Just tried installing via 'npm' as per your instruction.  
Got this warning when starting Node-RED.

9 May 11:32:27 - [warn] ------------------------------------------------------  
9 May 11:32:27 - [warn] [node-red-contrib-image-tools/jimp] Error: /home/pi/.node-red/node\_modules/node-red-contrib-image-tools/jimp.html does not exist  
9 May 11:32:27 - [warn] [node-red-contrib-image-tools/xzing2dDecode] Error: /home/pi/.node-red/node\_modules/node-red-contrib-image-tools/xzing2dDe code.html does not exist  
9 May 11:32:27 - [warn] ------------------------------------------------------

---

<div class="post-metadata">

### Author: ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [9 May 2019 12:14 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-image-tools-updated-v1-3-1/10751/13 "2019-05-09T12:14:09Z")

</div>

oh dear.  
I just tried NPM install & see them files are missing - odd.

let me take a look.

---

<div class="post-metadata">

### Author: ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [9 May 2019 12:50 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-image-tools-updated-v1-3-1/10751/14 "2019-05-09T12:50:05Z")

</div>

Sorry about that.

So I made a booboo in package.json by adding a `files` section (npm noob copy paste error).

Removed it & updated npm - now V0.1.1 - and i tested install from npm myself this time 😊

Can you please try again?

---

<div class="post-metadata">

### Author: ![dynamicdave](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dynamicdave/32/96_2.png) [@dynamicdave](https://discourse.nodered.org/u/dynamicdave)
#### Post date: [9 May 2019 13:41 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-image-tools-updated-v1-3-1/10751/15 "2019-05-09T13:41:59Z")

</div>

Hi Steve - I've managed to install your node and 'image preview'.  
What's the trick to see or open an image with 'image preview' ??

---

<div class="post-metadata">

### Author: ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [9 May 2019 13:58 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-image-tools-updated-v1-3-1/10751/16 "2019-05-09T13:58:24Z")

</div>

Did you try the samples provided under the node-red?

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/f/f8f7d5c228e73cbe3ebe60d9ac558b060b64be8c.png)

Image preview is another authors node. I use it to help demonstrate & visually debug in-flow...

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/5/5447ea01026235c3dc53ab6efb680c8f0ab4a8f0.png)

---

<div class="post-metadata">

### Author: ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [9 May 2019 14:00 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-image-tools-updated-v1-3-1/10751/17 "2019-05-09T14:00:42Z")

</div>

> [@dynamicdave](#):
>
> What's the trick to see or open an image with 'image preview' ??

If by this you mean "open in an image in an editor or other program on your computer" then you have a few options...

- You could use the image function "write" to save it to a file then open it in editor
- You could send a base64 output to a dashboard image then right click save.

The image-preview is just that - a preview.

Hope that helps?

---

<div class="post-metadata">

### Author: ![dynamicdave](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dynamicdave/32/96_2.png) [@dynamicdave](https://discourse.nodered.org/u/dynamicdave)
#### Post date: [9 May 2019 15:20 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-image-tools-updated-v1-3-1/10751/18 "2019-05-09T15:20:54Z")

</div>

Thanks Steve - yes I did try the examples.

What I mean is... how do you get the 'preview' to appear (as in your screenshot above)?

There must be something I need to drag or click from the 'image preview' node.

---

<div class="post-metadata">

### Author: ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [9 May 2019 15:55 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-image-tools-updated-v1-3-1/10751/19 "2019-05-09T15:55:29Z")

</div>

No. Nothing other than to click the inject. Are you getting a debug message? What browser you using?

---

<div class="post-metadata">

### Author: ![dynamicdave](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dynamicdave/32/96_2.png) [@dynamicdave](https://discourse.nodered.org/u/dynamicdave)
#### Post date: [9 May 2019 17:24 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-image-tools-updated-v1-3-1/10751/20 "2019-05-09T17:24:22Z")

</div>

Did a bit more digging.  
The 'image preview' for the effects of your node works fine in Chrome, but not in Firefox (which is my default browser).  
I need to check-out what's causing the problem with 'image preview' in FF.

By-the-way, your node works really well.

Thanks for sharing it.

[Next page](https://discourse.nodered.org/t/announce-node-red-contrib-image-tools-updated-v1-3-1/10751.md?page=2)
