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 jsdoc-to-markdown Documentation is as important as solving the problem. And whats better than jsdocs for JavaScript apps. The way you can define a simple JSDoc is as follows: // index.js /** * Function to generate the Square...
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 pdfmake
PDF is one of the most compatible ways to Share Documents and ensure formatting at the destination environment.
Today's package pdfmake will allow us to Create PDFs at Client Side and Server Side.
Let's see a basic code to make a PDF on the client side:
import pdfMake from "pdfmake/build/pdfmake";
import pdfFonts from "pdfmake/build/vfs_fonts";
pdfMake.vfs = pdfFonts.pdfMake.vfs;
const docDefinition = {
content: [
'By default paragraphs are stacked one on top of (or actually - below) another. ',
'It\'s possible however to split any paragraph (or even the whole document) into columns.\n\n',
'Here we go with 2 star-sized columns, with justified text and gap set to 20:\n\n',
{
alignment: 'justify',
columns: [
{
text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Malit profecta versatur nomine ocurreret multavit, officiis viveremus'
},
{
text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.'
}
]
},
'\n\nWow, you\'ve read the whole document! Congratulations :D'
],
styles: {
header: {
fontSize: 18,
bold: true
},
bigger: {
fontSize: 15,
italics: true
}
},
defaultStyle: {
columnGap: 20
}
}
pdfMake.createPdf(docDefinition).open();
And this will get us the following PDF as
Stay tuned for tomorrow's package of the Day.