Search for a command to run...
I am developer from India currently based in Berlin, Germany.
I am very interested in Design, though I don't design 😉 I take care of it while making my apps.
Photography, videography and having random conversation over beer are my activities of spare time. Timelapses and hyperlapses make me wonder all the time 😊
No comments yet. Be the first to comment.
Today's npm package is renovate Every package has some dependencies and keeping them up to date can be very time consuming and boring. Renovate will help you keep your project's dependencies up to date via GitHub app. Just install it on your repos an...
Modern Frontend is similar to good old web development, but with one catch: the page in the browser is as sophisticated as the backend. Since we learned to load things asynchronously, we want to keep the user as productive as possible and not show an...
Current web development is revolving around responsiveness when it comes to supporting multiple form factors. Though the hardware tech is also pacing itself forward we can see a huge variety of handheld devices as they are portable and powerful. Curr...
What if we ACTUALLY deliver our computer? Let's see how Containerization and Docker solve the "works on my computer" problem.
Today's npm package is objectorarray This package can help you quickly checking if the variable is an Object or Array. Of course there are direct and vanilla-js ways to check if any value is an object or array. But having a centralized package to avo...
Today's npm package is postcss-js CSS in JS libraries are on rise and they have their benefits. And with CSS-in-JS libs, making the CSS output future-proof and backward compatible is very important. PostCSS has been a very important tool in the front...
Today's npm package is bwip-js
Text based input from human to computer is one way we can introduce real world to the Computer applications.
Printed data like Barcodes allow faster input of data via Optical data reading.
BwipJS (Barcode Writer in Pure JavaScript) is a JS implementation of Barcode Writer in Pure JavaScript and allows usage as a JS lib, CLI etc.
Let's see how it works:
const bwipjs = require('bwip-js');
const pngFromBase64 = (data) => `data:image/png;base64,${data}`;
bwipjs.toBuffer({
bcid: 'qrcode', // Barcode type
text: '0123456789', // Text to encode
scale: 6, // 6x scaling factor
textxalign: 'center', // Always good to set this
}, (err, data) => {
if (err) {
throw err;
}
const bufferBase64 = data.toString('base64');
const img = `<img src="${pngFromBase64(bufferBase64)}" />`;
console.log(img);
});
Or same code as promise:
const bwipjs = require('bwip-js');
const pngFromBase64 = (data) => `data:image/png;base64,${data}`;
bwipjs.toBuffer({
bcid: 'qrcode', // Barcode type
text: '0123456789', // Text to encode
scale: 6, // 6x scaling factor
textxalign: 'center', // Always good to set this
}).then((data) => {
const bufferBase64 = data.toString('base64');
return `<img src="${pngFromBase64(bufferBase64)}" />`;
}).catch(err => (throw err));
See it in action here: https://runkit.com/pankaj/bwip-js
const bwipjs = require('bwip-js');
const pngFromBase64 = (data) => `data:image/png;base64,${data}`;
bwipjs.toBuffer({
bcid: 'code128', // Barcode type
text: '0123456789', // Text to encode
scale: 6, // 6x scaling factor
textxalign: 'center', // Always good to set this
}, (err, data) => {
if (err) {
throw err;
}
const bufferBase64 = data.toString('base64');
const img = `<img src="${pngFromBase64(bufferBase64)}" />`;
console.log(img);
});
See the barcode in action here: https://runkit.com/pankaj/bwip-js-barcode
Stay tuned for tomorrow's package of the Day.