HX-Prompt hack/fix

[syntruth]

Hello,

For anyone who wants hx-prompt functionality, and the official extension is not working due to needing async custom dialogs, I've hacked in this solution, based on hx-confirm.

Just define an event handler for htmx:prompt and handle things just like if it was htmx:confirm.

    document.addEventListener('htmx:prompt', (event) => {
      event.preventDefault()

      let prompt = event.detail.ctx.prompt

      if (!prompt) event.detail.dropRequest()

      // Using my own custom prompt dialog lib.
      Prompt.call(prompt, '', (answer) => {
        if (answer) return event.detail.issueRequest(answer)
        
        event.detail.dropRequest()
      })
    })

This still falls back to window.prompt if no custom handler is defined. And since hx-confirm happens right before it, they can be combined to confirm and then use a prompt.

I might do a PR down the line when I get more free time, as I wish this was just included in the base.

396a397
>                 prompt: this.#attributeValue(sourceElement, "hx-prompt"),
568a570,588
>                 }
>
>                 if (ctx.prompt) {                                                                
>                     let result = await new Promise(resolve => {
>                         let detail = {                                                           
>                             ctx,
>                             issueRequest: (answer) => resolve(answer),
>                             dropRequest: () => resolve(false)
>                         };
>                                                                                                  
>                         if (this.#trigger(elt, "htmx:prompt", detail)) {
>                             let js = this.#extractJavascriptContent(ctx.prompt);
>                             resolve(js ? this.#executeJavaScript(elt, {ctx}, js, true) : window.prompt(ctx.prompt));
>                         };                                                                       
>                     });
>                                                                                                  
>                     if (!result) return;
>
>                     ctx.request.headers['HX-Prompt'] = encodeURI(result);