QOL-8650 add webhooks and update readme

[devonpis]

• update readme
• add window.formioCreateFormOptions to FormioLoader for passing createForm custom options
• add window.formioCreateFormController to FormioLoader to expose formio form object

[duttonw]

I guess this does not handle two 'scripts' trying to set this function?
How could we allow that to occur?

Also is this per form creation or only at start.

i.e. if i 'replace' the formioCreateFormOptions function and then manually load a new form.

[devonpis]

yes it will overwrite each other if set in 2+ different scripts... i probably need to to use another approach to support that

with either approach the hook function only need to defined once, but no harm to define multiple times

[duttonw]

Also;
would you need to have your script 'init' prior to the loader kicking off
OR
before it reaches the div data element/code that creates the form?

[devonpis]

the hook functions could be placed anywhere in the page, but need to be defined before the the loader is initiated

ie.

<div data-formio ... />
<script>
window.formioCreateFormOptionsHook = ()=> { return blah } OR window.formioCreateFormOptions["envUrl"]["projectId"]["formId"] (new approach for specific form)
window.formioCreateFormControllerHook = ()=> { blah() } OR window.formioCreateFormController["envUrl"]["projectId"]["formId"] (new approach for specific form)
FormioLoader.initFormio() OR FormioLoader.initFormioInstance()
</script>

or

<div data-formio ... />
<script>
window.formioCreateFormOptionsHook = ()=> { return blah } OR window.formioCreateFormOptions["envUrl"]["projectId"]["formId"] (new approach for specific form)
window.formioCreateFormControllerHook = ()=> { blah() } OR window.formioCreateFormController["envUrl"]["projectId"]["formId"] (new approach for specific form)
</script>
<script src=".../formio-script.js" />

[duttonw]

may need that in the doc's