Image editor webpart enhancements

[ishaisagi-hns]

• New sample
• Bug fix/update
• Related issues: fixes #X, partially #Y, mentioned in #Z

What's in this Pull Request?

• Changed web part name,
• added alt text to image in properties,
• added properties to show\hide edit icon when page is not in edit mode, set default to off
• added properties that hide\show the title , set default to off
• made aspect lock on by default in both crop and resize

Node Version

Node version used:
v8.17.0

Checklist

• [X ] My pull request affects only ONE sample.
• My sample builds without any warnings (some wardnings that are not related to the changes I introduced)
• [X ] I have updated the README.md file's Version history. For new samples, created a new README.md file matching this template
• My README.md has at least one static high-resolution screenshot (i.e. not a GIF) located in the assets folder.
• My README.md contains complete setup instructions, including pre-requisites and permissions required
• My solution includes a .nvmrc file indicating the version of Node.js

[hugoabernier]

@petkir I'm unable to build this sample. Are you able to build it from a clean install?

[ishaisagi-hns]

Hugo, make sure you are on node v8. I'll post tomorrow the gulp version. I had issues setting it up initially. Sent from Outlook for Android<https://aka.ms/AAb9ysg>

…

________________________________ From: Hugo Bernier ***@***.***> Sent: Sunday, October 13, 2024 6:49:38 AM To: pnp/sp-dev-fx-webparts ***@***.***> Cc: Ishai Sagi ***@***.***>; Author ***@***.***> Subject: Re: [pnp/sp-dev-fx-webparts] Image editor webpart enhancements (PR #5278) @petkir<https://github.com/petkir> I'm unable to build this sample. Are you able to build it from a clean install? — Reply to this email directly, view it on GitHub<#5278 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/BKP4WQA54KNGKGL7G576JGLZ3F4NFAVCNFSM6AAAAABPI4R4HKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDIMBYGY4DENJVG4>. You are receiving this because you authored the thread.Message ID: ***@***.***>

[petkir]

@hugoabernier wrong address :-) i have fun with calendar-feed WP Webpack Cors libs they are some years old :-) but I will check it give me some minutes

[petkir]

@ishaisagi-hns
nice enhancement
lockAspectCrop: true,
lockAspectResize: true

@hugoabernier it's working
only node 8 i had to install and gulp steps are below

steps:

nvm install v8
nvm use v8
npm install
npm i [email protected] -DE 
npx gulp trust-dev-cert
npx gulp serve  

cool thing i learned, a pr can be fetched also as no maintainer :-)

 git fetch origin pull/5278/head:testreactimageeditorpr

[hugoabernier]

Thanks @ishaisagi-hns for your update! Always appreciated!.

Thank you for sharing your sample with others - you rock! 👏🥇👩‍💻

[PopWarner]

🎉✨ Woohoo! ✨🎉

Thank you @ishaisagi-hns for your awesome contribution to the community with this merged PR! 🚀 You've earned a Credly badge through the Microsoft 365 & Power Platform Recognition Program. 🏅 To receive your badge, please take a moment to opt in to the program. You can learn more and sign up here: https://aka.ms/community/recognition.

Can't wait to see you in the program! 🎊

Cheers,
David Warner 🧡💜