feat: add shoelace-plugin

[KonnorRogers]

Status

Ready

Additional Notes

• Adds a shoelace plugin for automatically submitting Shoelace forms over AJAX.
• Adds notes about ViewHelpers by @yuki24

[netlify]

✔️ Deploy Preview for mrujs canceled.

🔨 Explore the source changes: d85d86c

🔍 Inspect the deploy log: https://app.netlify.com/sites/mrujs/deploys/616adf348c83a10007a558b0

[rickychilcott]

@ParamagicDev from my read of this -- I don't believe it would allow input form submissions as you've been working on with #145. I also have been using shoelace in my own app and in one case I have a <sl-switch> that does a submit right now with a custom stimulus controller.

By my read, this Shoelace plugin could also find a way to append sl-change events (and possibly others) to the hard-coded list in https://github.com/ParamagicDev/mrujs/blob/main/src/method.ts#L76-L94

[KonnorRogers]

Hmmm....this isnt a bad idea. This plugin just came since it was code I had sitting around on a side project. Yes it is possible. It would roughly look like this:

import mrujs from "mrujs"

const methodPlugin = mrujs.corePlugins.find((plugin) => plugin.name === "Method")
methodPlugin.queries.push({ event: "sl-change", selectors: ["sl-switch"] })
mrujs.start()

You could even append an additional callback to check for sl-change as well.

[KonnorRogers]

I have largely left this undocumented as I still am feeling out how to best do this, but since all core plugins are just objects, they can be changed by finding the plugin and then changing the object.