@mikezimm/npmfunctions/src/Services/Strings/handleBars.ts

Functions used in my SPFx webparts

import { WebPartContext } from '@microsoft/sp-webpart-base';

export interface IHandleBarReplacements {
  [key: string]: string[];
  Pages: string[];
  Lists: string[];
  Users: string[];
  Webs: string[];
  Sites: string[];

}

export const HandleBarReplacements : IHandleBarReplacements = {


    Pages: [ '{{PageId}}' ] ,
    Lists: [ '{{ListTitle}}', '{{ListId}}', '{{ListUrl}}' ] ,
    Users: [ '{{UserName}}', '{{UserLogin}}', '{{UserEmail}}' ] ,
    Webs: [ '{{WebTitle}}', '{{WebUrl}}', '{{SiteId}}' ] ,
    Sites: [ '{{SiteTitle}}', '{{SiteUrl}}', '{{SiteId}}' ] ,

}

export function replaceHandleBars( str: string , context: WebPartContext ) {

    if ( !str ) { return '' ; } else {

      if ( str.indexOf('{{') === -1 || str.indexOf('}}') === -1 ) {
        return str;

      } else {

        let newStr = str.replace( /{{PageId}}/gi , `${context.pageContext.listItem ? context.pageContext.listItem.id.toFixed() : '{{PageId}}'}` );

        if ( str.indexOf('{{List') > -1 ) {
          newStr = newStr.replace( /{{ListTitle}}/gi , `${context.pageContext.list ? context.pageContext.list.title : '{{ListTitle}}' }` );
          newStr = newStr.replace( /{{ListId}}/gi , `${context.pageContext.list ? context.pageContext.list.id : '{{ListId}}'}` );
          newStr = newStr.replace( /{{ListUrl}}/gi , `${context.pageContext.list ? context.pageContext.list.serverRelativeUrl : '{{ListUrl}}'}` );
        }

        if ( str.indexOf('{{User') > -1 ) {
          newStr = newStr.replace( /{{UserName}}/gi , `${ context.pageContext.user.displayName }` );
          newStr = newStr.replace( /{{UserLogin}}/gi , `${ context.pageContext.user.loginName }` );
          newStr = newStr.replace( /{{UserEmail}}/gi , `${ context.pageContext.user.email }` );
        }

        if ( str.indexOf('{{Web') > -1 ) {
          newStr = newStr.replace( /{{WebTitle}}/gi , `${context.pageContext.web.title}` );
          newStr = newStr.replace( /{{WebUrl}}/gi , `${context.pageContext.web.serverRelativeUrl}` );
          newStr = newStr.replace( /{{WebId}}/gi , `${context.pageContext.web.id}` );
        }

        if ( str.indexOf('{{Site') > -1 ) {
          newStr = newStr.replace( /{{SiteTitle}}/gi , `${context.pageContext.web.title}` );
          newStr = newStr.replace( /{{SiteUrl}}/gi , `${context.pageContext.web.serverRelativeUrl}` );
          newStr = newStr.replace( /{{SiteId}}/gi , `${context.pageContext.web.id}` );
        }

        let now = new Date();

        newStr = newStr.replace( /{{Now}}/gi , `${ now.toLocaleString() }` );
        newStr = newStr.replace( /{{Today}}/gi , `${ now.toLocaleDateString() }` );

        return newStr;

      }
    }
}