Skip to content

Instantly share code, notes, and snippets.

@adeelibr

adeelibr/createTable.js

Last active Apr 29, 2019
Embed
What would you like to do?
createTable.js script for NodeJS FS & Puppeteer
const fs = require('fs');
// JSON data
const data = require('./data.json');
// Build paths
const { buildPathHtml } = require('./buildPaths');
/**
* Take an object which has the following model
* @param {Object} item
* @model
* {
* "invoiceId": `Number`,
* "createdDate": `String`,
* "dueDate": `String`,
* "address": `String`,
* "companyName": `String`,
* "invoiceName": `String`,
* "price": `Number`,
* }
*
* @returns {String}
*/
const createRow = (item) => `
<tr>
<td>${item.invoiceId}</td>
<td>${item.invoiceName}</td>
<td>${item.price}</td>
<td>${item.createdDate}</td>
<td>${item.dueDate}</td>
<td>${item.address}</td>
<td>${item.companyName}</td>
</tr>
`;
/**
* @description Generates an `html` table with all the table rows
* @param {String} rows
* @returns {String}
*/
const createTable = (rows) => `
<table>
<tr>
<th>Invoice Id</td>
<th>Invoice Name</td>
<th>Price</td>
<th>Invoice Created</td>
<th>Due Date</td>
<th>Vendor Address</td>
<th>Vendor Name</td>
</tr>
${rows}
</table>
`;
/**
* @description Generate an `html` page with a populated table
* @param {String} table
* @returns {String}
*/
const createHtml = (table) => `
<html>
<head>
<style>
table {
width: 100%;
}
tr {
text-align: left;
border: 1px solid black;
}
th, td {
padding: 15px;
}
tr:nth-child(odd) {
background: #CCC
}
tr:nth-child(even) {
background: #FFF
}
.no-content {
background-color: red;
}
</style>
</head>
<body>
${table}
</body>
</html>
`;
/**
* @description this method takes in a path as a string & returns true/false
* as to if the specified file path exists in the system or not.
* @param {String} filePath
* @returns {Boolean}
*/
const doesFileExist = (filePath) => {
try {
fs.statSync(filePath); // get information of the specified file path.
return true;
} catch (error) {
return false;
}
};
try {
/* Check if the file for `html` build exists in system or not */
if (doesFileExist(buildPathHtml)) {
console.log('Deleting old build file');
/* If the file exists delete the file from system */
fs.unlinkSync(buildPathHtml);
}
/* generate rows */
const rows = data.map(createRow).join('');
/* generate table */
const table = createTable(rows);
/* generate html */
const html = createHtml(table);
/* write the generated html to file */
fs.writeFileSync(buildPathHtml, html);
console.log('Succesfully created an HTML table');
} catch (error) {
console.log('Error generating table', error);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment