AIOHA + Flutter - Plugin - facing issues with web-app

Words
325
Reading
2 min
Listen
Play
1y

Hello People on Hive,

AIOHA based flutter plugin for iOS & Android App is working fine but for web-app, it is giving me several errors & to be honest headache as well 🥺

Javascript won't load

Javascript won't load

At first, javascript it self won't load from plugin. If I add it directly into the project, it works fine. but If I do it via plugin, it simply won't work. On App side, script won't appear inside html as illustrated above.

Injection using iFrame

Injection using iFrame

So, I managed to inject using iFrame from flutter-plugin & it would appear in the example application's web-app. However, js won't execute. javascript under that iFrame simply won't execute most probably due to safety reasons.

Injection using Div

Injection using Div

After looking for options, I found div based injection. That to worked but javascript won't execute :(

Only if App uses JS directly

Only if App uses JS directly

it works only in this scenario - Example app must update it's HTML & bring js inside it.
but that's not how plugin works. Manual drag & drop - isn't considered plugin
However, at the moment, this manual drag & drop / copy-paste works

manual copy paste works

As you can see in the screenshot above, manual copy-paste in html works well. But as I said, it's not the expected solution for a plugin.

Goal

My Goal is that, any developer, who uses this package, just specify the name of package & start using it & it shouldn't require any manual copy-paste. However, I am far from that goal, at least for web-app. I am trying to achieve it.

Next Steps

  • ✅ iOS - HiveAuth integration
  • ✅ Android - HiveAuth integration
  • ✅ Upvote, Comment, Reblog, Follow, Unfollow etc
  • ⏳ Build a plugin so that we can use it in any internal application

❤️ Love the work I do, support threespeak@threespeak & me ❤️

Support @sagarkothari88

Vote sagarkothari88 as Hive Witness

Support @threespeak

Vote for 3Speak as Witness


Uploaded using 3Speak Mobile App