Fabric js - Fix text alignment issues -- 2

I'm in need of a Fabric.js expert who can fix issues relating to text alignment on my canvas.

What I need -

1. The text should be always in the center position within the wrapper.
2. There will be a variable that has 3 options: a) automatic b) shorten c) line break.

if the variable value is "automatic"
- Then the text should be in one line whatever the text length it is. That means you need to decrease the font size accordingly.

if the variable value is "shorten"
- Then the text should be in one line too but if there is no space at the end it will cut the text.

if the variable value is "line break"
- Then the text should go to the next line if there is no space at the end.

**** I have uploaded a zip file. Here all the code is done but based on the.json file in this folder, somehow the center is not working. so, I am uploading 2 .json files. Check 1 by 1 to see the real issues.

BTW, after running it, go to http://localhost/generateimage to see the result in the browser.

Show me the output, I will award you instantly.

I'd appreciate a freelancer who is well-versed in Fabric.js and can efficiently resolve these alignment issues.

Thanks.