.all-contributors-html.js

const fs = require('fs');

const SOURCE = '.all-contributorsrc';
const TARGET =
  './projects/angular-ngrx-material-starter/src/app/features/about/about/about.component.html';
const TOKEN_START = '<!-- ALL-CONTRIBUTORS-LIST:START -->';
const TOKEN_END = '<!-- ALL-CONTRIBUTORS-LIST:END -->';
const PATTERN = new RegExp(`${TOKEN_START}[\\s\\S]*${TOKEN_END}`, 'gim');

const contributors = JSON.parse(fs.readFileSync(SOURCE, 'utf8')).contributors;
const content = fs.readFileSync(TARGET, 'utf8');

const data = contributors
  .map(
    c => `
  <a class="contributor" href="${c.profile}" rel="noopener noreferrer" target="_blank">
    <img alt src="${c.avatar_url}">
    <span>${c.name}</span>
  </a>
`
  )
  .join('\n');
const replacement = `${TOKEN_START}${data}${TOKEN_END}`;
const adjustedContent = content.replace(PATTERN, replacement);

fs.writeFileSync(TARGET, adjustedContent);

console.log(`${contributors.length} contributors added to HTML`);