Support for alpine-node?

[mario-mui]

Feature?

I want to install canvas in docker container with image(node:6.9.4-alpine), is it support?

I can`t install canvas , because I had not install pkg-config. (how to install it in alpine)

Steps to Reproduce

Your Environment

• Version of node-canvas (e.g. 1.2.9):
• Environment ( node 6.9.4 on docker image node:6.9.4-alpine)

[zbjornson]

apk is the package management tool for Alpine. But, Alpine is designed to be more transient than typical linux distros -- you need to use lbu to capture the system state so that it can be restored after reboot if you're not backed by persistent disk.

[goliatone]

@zbjornson I'm also interested in this. Is there any place that would ave a reference on how to build for alpine?

[zbjornson]

@goliatone I don't think any part of the process will be specific to node-canvas, aside from what the dependencies actually are (as listed in the install wiki), so hopefully any tutorial about Alpine will be relevant. I don't know enough about Alpine to help much more, sorry.

[goliatone]

I'm trying to figure out what would be the list of dependencies and versions to install on alpine.

• cairo
• pango
• jpeg
• gif † did not find anything...
• build-essential
• g++

[davidmfoley]

@goliatone You might try installing libjpeg-turbo-dev, cairo-dev, pango via apk, in addition to the standard build stuff you already have. If the install still craps out, see which header file is missing and search for it -- usually that will land you on a package contents page for apk that you can use to figure out what package has that file and the dependency graph for that package.

Hope this helps.

[TooTallNate]

I believe this should do it:

$ apk add --no-cache \
    build-base \
    g++ \
    cairo-dev \
    jpeg-dev \
    pango-dev \
    giflib-dev

[goliatone]

I was finally able to try this and the build is still failing due to an error while installing node-canvas, which is a dependency of a dependency.

I have the generated npm-debug.log file if that would be helpful.

The following is a copy paste from the error message I got:

npm verb 
npm verb If you need help, you may report this error at:
npm verb     <https://github.com/npm/npm/issues>
npm verb stack Error: canvas@1.3.12 install: `node-gyp rebuild`
npm verb stack Exit status 1
npm verb stack     at EventEmitter.<anonymous> (/usr/local/lib/node_modules/npm/lib/utils/lifecycle.js:255:16)
npm verb stack     at emitTwo (events.js:106:13)
npm verb stack     at EventEmitter.emit (events.js:191:7)
npm verb stack     at ChildProcess.<anonymous> (/usr/local/lib/node_modules/npm/lib/utils/spawn.js:40:14)
npm verb stack     at emitTwo (events.js:106:13)
npm verb stack     at ChildProcess.emit (events.js:191:7)
npm verb stack     at maybeClose (internal/child_process.js:886:16)
npm verb stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:226:5)
npm verb pkgid canvas@1.3.12
npm verb cwd /tmp
npm ERR! Linux 4.4.57-boot2docker
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install" "--production" "-ddd"
npm ERR! node v6.10.2
npm ERR! npm  v3.10.10
npm ERR! code ELIFECYCLE

npm ERR! canvas@1.3.12 install: `node-gyp rebuild`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the canvas@1.3.12 install script 'node-gyp rebuild'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the canvas package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     node-gyp rebuild
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs canvas
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls canvas
npm ERR! There is likely additional logging output above.
npm verb exit [ 1, true ]

npm ERR! Please include the following file with any support request:
npm ERR!     /tmp/npm-debug.log

[davidmfoley]

@goliatone This is what we do, on top of mhart/alpine-node:6, and we are able to install and use node-canvas. It has a few extra deps you won't need (imagemagick, ghostscript, postgresql-client, bash, etc.) that I am including for completeness:

RUN apk add --no-cache       \
 make gcc g++ python git  \
 postgresql-client        \
 bash \
 libjpeg-turbo-dev cairo-dev pango \
 imagemagick \
 ghostscript

[willfarrell]

My Dockerfile for those still stuck:

FROM node:6.10-alpine

ENV NODE_DIR /var/www
WORKDIR $NODE_DIR

# .npm-deps https://github.com/Automattic/node-canvas/issues/866
RUN apk add --no-cache --virtual .health-check curl \
	&& apk add --no-cache --virtual .build-deps git build-base g++ \
	&& apk add --no-cache --virtual .npm-deps cairo-dev libjpeg-turbo-dev pango

# cache npm
COPY src/package.json /tmp/
RUN cd /tmp \
	&& npm install \
	&& apk del .build-deps

COPY src $NODE_DIR
RUN cp -a /tmp/node_modules $NODE_DIR/

HEALTHCHECK --interval=5s --timeout=3s \
    CMD curl --silent --fail http://localhost:3000/ping || exit 1

CMD [ "node", "--harmony", "/var/www/app.js" ]

[goliatone]

Yes, same thing for me, it would not build on Alpine.

[LinusU]

@goliatone did you try the Dockerfile that @willfarrell posted?

[michbil]

Installed on alpine

RUN apk add --no-cache \
        git \
        build-base \
        g++ \
        cairo-dev \
        jpeg-dev \
        pango-dev \
        freetype-dev \
        giflib-dev

successfully, but fonts seems not to be found, getting squares instead of letters. Can anyone give me clue how to overcome this issue?

PS: upgraded 1.4.0 -> 1.6.5

[throrin19]

Whith canvas I have this problem (beause of color-thief used the canvas 1.4.0) with alpine:node-6 :

Error: Error loading shared library libpng12.so.0: No such file or directory (needed by /home/hapi/node_modules/canvas/build/Release/canvas.node)

This is my install in the docker alpine :

RUN apk add  --update --no-cache \
        build-base \
        autoconf \
        bash \
        python \
        krb5-dev \
        imagemagick \
        libjpeg \
        cairo-dev \
        imagemagick \
        icu-dev \
        jpeg-dev \
        libpng-dev \
        pango-dev \
        giflib-dev \
        gd-dev

The problem is : Alpine has only libpng16, not libpng12 :/

[Ilshidur]

I managed to make it work with the following Dockerfile :

FROM mhart/alpine-node:8.5.0

RUN apk add --no-cache \
    build-base \
    g++ \
    cairo-dev \
    jpeg-dev \
    pango-dev \
    bash \
    imagemagick

#  [...]

[TooTallNate]

@dmsnell @LinusU @kkoopa This should probably be closed. node-canvas works just fine on Alpine, and a few Dockerfiles that work have been posted in this thread already.