Feat/make deno kv insights into installable pwa

[algoflows]

Made the KV insights app installable:

• Cleaned up the component and created a new Meta component
• Created a function that returns the CSS which cleaned up the component
• Added the service workers, manifest json and related favicon and icon assets.
• Installation is now possible and looks great.
• Includes the new dinosaur logo for the favicon branding.

23.07.2023_19.02.09_REC.mp4

[algoflows]

@cbinzer thoughts my dude?! :)

[cbinzer]

Hey @algoflows , sorry for the late response. First thank you for the PWA integration. I tested it and unfortunately it isn't working :-( It works inside the KV-Insights app itself but if I integrate it in another Fresh app then it doesn't work. In the moment Fresh has no possibility to include static files to plugins and I think this is the reason for that. This project shall be an extension for other Fresh applications and I am unsure if it make sense to deliver an extension as a PWA.

[algoflows]

Oooosh thanks for testing it out, it would be cool to have the option to keep Deno KV insights as a standalone app then reference the deno connection string to connect to a DB.... thoughts on this? Both options would be great, I like the idea of a plugin but then also like the idea of having a standalone client that I can just put a connection string/password to connect to kv store...

We could add the PWA on a route - as its possible to have multiple PWA on a singe domain
https://web.dev/building-multiple-pwas-on-the-same-domain/

[cbinzer]

I like the idea of a standalone application. To add it as a PWA we have to wait a little bit. The Fresh team is working currently on a solution to export islands and static files as a plugin. Another problem is that it is not possible in the moment to connect to other KV instances. Only with with the local one and with the direct instance on Deno Deploy. So you can‘t install it on the desktop and connect to any KV database. The Deno team want to add this feature in the future.

Maybe this could be another project that is using the deno-kv-insights plugin (deno-kv-insights-desktop) and we can build it with something like Tauri.