Im trying to use javascript to convert ultimate guitar formatting to worshiptools/chordpro as im going to use the javascript code in gdevelop5 to make a webapp for my church to utilise

I tried writing it many ways but its not exactly putting the text inline but my code outputs only

[G]           [D]          [Em]
Amazing grace, how sweet the sound
[G]          [D]           [C]
That saved a wretch like me

i Tried This

function convertUltimateGuitarToWorshipTools(ultimateGuitarText) {
    // Split input text into lines (songs may have multiple lines of chords/lyrics)
    const lines = ultimateGuitarText.split('\n');

    const worshipToolsText = lines.map(line => {
        // This pattern finds the chords, which are typically words in uppercase or lowercase
        const chordPattern = /\b([A-G][#b]?(m|maj|min|sus|dim|aug)?)\b/g;
        
        // Replace each found chord with the WorshipTools format (i.e., [chord] )
        return line.replace(chordPattern, (match, chord) => {
            return `[${chord}]`;
        });
    }).join('\n'); // Join the lines back into a single string

    return worshipToolsText;
}

// Example Ultimate Guitar input (with chords above the lyrics)
const ultimateGuitarText = `
G           D          Em
Amazing grace, how sweet the sound
G          D           C
That saved a wretch like me
`;

// Convert the Ultimate Guitar text to WorshipTools format
const worshipToolsText = convertUltimateGuitarToWorshipTools(ultimateGuitarText);

// Output the converted text
console.log(worshipToolsText);

but i need this to be the output

[G]Amazing grac[D]e, how swee[Em]t the sound
[G]That saved [D]a wretch lik[C]e me

Im trying to use javascript to convert ultimate guitar formatting to worshiptools/chordpro as im going to use the javascript code in gdevelop5 to make a webapp for my church to utilise

I tried writing it many ways but its not exactly putting the text inline but my code outputs only

[G]           [D]          [Em]
Amazing grace, how sweet the sound
[G]          [D]           [C]
That saved a wretch like me

i Tried This

function convertUltimateGuitarToWorshipTools(ultimateGuitarText) {
    // Split input text into lines (songs may have multiple lines of chords/lyrics)
    const lines = ultimateGuitarText.split('\n');

    const worshipToolsText = lines.map(line => {
        // This pattern finds the chords, which are typically words in uppercase or lowercase
        const chordPattern = /\b([A-G][#b]?(m|maj|min|sus|dim|aug)?)\b/g;
        
        // Replace each found chord with the WorshipTools format (i.e., [chord] )
        return line.replace(chordPattern, (match, chord) => {
            return `[${chord}]`;
        });
    }).join('\n'); // Join the lines back into a single string

    return worshipToolsText;
}

// Example Ultimate Guitar input (with chords above the lyrics)
const ultimateGuitarText = `
G           D          Em
Amazing grace, how sweet the sound
G          D           C
That saved a wretch like me
`;

// Convert the Ultimate Guitar text to WorshipTools format
const worshipToolsText = convertUltimateGuitarToWorshipTools(ultimateGuitarText);

// Output the converted text
console.log(worshipToolsText);

but i need this to be the output

[G]Amazing grac[D]e, how swee[Em]t the sound
[G]That saved [D]a wretch lik[C]e me

• javascript

• I don't have the Time to write a full answer. But this is a nice exercise. You need to insert the chords into the next line. You need to treat the lines as pairs. If the next line is a text-line you insert the chords at the position they have in the chord-line. Make sure to add an offset to the positions, because the target line gets longer with each inserted chord. (or you insert from the end of the line). – htho Commented Apr 2 at 5:21

1 Answer 1

So, basically you need to split every second line into parts, that are as long as the spaces between the chords in the first line, and then splice the chords and those parts together again.

function convertUltimateGuitarToWorshipTools(ultimateGuitarText) {
    // Split input text into lines (songs may have multiple lines of chords/lyrics)
    const lines = ultimateGuitarText.split('\n');
    const results = [];
    
    for(let i=0, l=lines.length; i<l; i+=2) {
      let lineA = lines[i];
      let lineB = lines[i+1];
      
      // add a bit of "reserve" to the end of the first line,
      // since length doesn't necessarily need to match 2nd line
      lineA = lineA.padEnd(50 , ' ');
      
      // split into space and non-space parts
      let chords = lineA.split(/( +)/);
      // remove one empty array element from end
      chords.pop();
      
      let resLine = '';
      let pos = 0;

      chords.forEach(function(str) {
        // if it doesn't start with a space character
        // insert as chord wrapped in []
        if(str[0] !== ' ') {
          resLine += '[' + str + ']'
        } else {
          // insert matching substring of 2nd line
          resLine += lineB.substring(pos, pos + str.length);
          pos += str.length;
        }
      });
      
      results.push(resLine);      
    }
    
    return results.join("\n");
}

// Example Ultimate Guitar input (with chords above the lyrics)
const ultimateGuitarText = `G           D          Em
Amazing grace, how sweet the sound
G          D           C
That saved a wretch like me`;

// Convert the Ultimate Guitar text to WorshipTools format
const worshipToolsText = convertUltimateGuitarToWorshipTools(ultimateGuitarText);

// Output the converted text
console.log(worshipToolsText);

Note that I removed the empty lines from the start and end of your ultimateGuitarText value assignment, that makes the whole thing easier to deal with.

And this currently doesn't contain any provision to handle "edge cases", like if the number of lines wasn't even, or the format of chord line followed by text line wasn't consistent.