@gravityforms/gulp-tasks/src/scripts/renderers/as-table.js

Configurable Gulp tasks for use in Gravity Forms projects.

function getGroupHeaders( groups ) {
	const headers = [];

	groups.forEach( ( group ) => {
		group.forEach( ( lineItem ) => {
			const parts = lineItem.split( /:\s+/ );

			if ( parts.length < 2 ) {
				return;
			}

			headers.push( parts[ 0 ].trim() );
		} );
	} );

	return [ ...new Set( headers ) ];
}

function processRows( headers, groupedRows ) {
	let resp = '';

	resp += '<table><thead>';
	headers.forEach( ( header ) => {
		resp += `<th>${ header }</th>`;
	} );
	resp += '</thead><tbody>';
	groupedRows.forEach( ( { label, rows } ) => {
		if ( label ) {
			resp += `<tr class="group-heading"><td colspan="${ headers.length }"><strong>${ label }</strong></td></tr>`;
		}

		rows.forEach( ( row ) => {
			resp += '<tr>';
			headers.forEach( ( header ) => {
				resp += `<td>${ row[ header ] || '' }</td>`;
			} );
			resp += '</tr>';
		} );
	} );
	resp += '</tbody></table>';

	return resp;
}

function isProp( text ) {
	const matches = text.match( /^@[a-zA-Z0-9]+prop/ );

	if ( ! matches ) {
		return false;
	}

	return true;
}

function getGroups( lines ) {
	let group = [];
	const groups = [];
	let propType = false;
	let currentGroupName = null;

	lines.forEach( ( line, lineIdx ) => {
		const lineItem = line.trim();

		if ( lineItem.startsWith( 'Group:' ) ) {
			currentGroupName = lineItem.replace( 'Group:', '' ).trim();
			return;
		}

		if ( propType && ! isProp( lineItem ) ) {
			group.push( lineItem );
		}

		if (
			( propType && isProp( lineItem ) ) ||
			( group.length && lineIdx === lines.length - 1 )
		) {
			groups.push( { label: currentGroupName, lines: group } );
			group = [];
			currentGroupName = null;
		}

		if ( isProp( lineItem ) ) {
			propType = lineItem;
			group = [];
			return;
		}
	} );

	return groups;
}

function render( lines ) {
	const groups = getGroups( lines );
	const headers = getGroupHeaders( groups.map( ( g ) => g.lines ) );
	const rows = [];

	groups.forEach( ( group ) => {
		const row = [];

		group.lines.forEach( ( lineItem ) => {
			const parts = lineItem.split( /:\s+/ );

			if ( parts.length < 2 ) {
				return;
			}

			const key = parts[ 0 ].trim();
			const value = parts[ 1 ].trim();
			const lastRow = row[ row.length - 1 ];

			if ( lastRow && ! lastRow[ key ] ) {
				lastRow[ key ] = value;
			} else {
				const newRow = {};
				newRow[ key ] = value;
				row.push( newRow );
			}
		} );

		rows.push( { label: group.label, rows: row } );
	} );

	return processRows( headers, rows );
}

export { render };