Support AI Action launch for Wami Web App #60
Conversation
support share target api hack to support the image handler bugfix bugfix add debug navigate and use the existing flow if already created add protocol handler support ai action steps add log to sw Revert "add log to sw" This reverts commit ea32858. change the bucket name to hard-coded one remove the slash in title add actions manifest
| @@ -99,6 +99,58 @@ self.addEventListener('activate', event => { | |||
| // string. So we need to add it to match the cache. | |||
| self.addEventListener('fetch', event => { | |||
| const url = new URL(event.request.url); | |||
|
|
|||
| // Handle share target requests | |||
There was a problem hiding this comment.
Please update the VERSION const at the top of the file to v9. This will make sure the SW is updated in existing clients.
| @@ -99,6 +99,58 @@ self.addEventListener('activate', event => { | |||
| // string. So we need to add it to match the cache. | |||
| self.addEventListener('fetch', event => { | |||
| const url = new URL(event.request.url); | |||
|
|
|||
| // Handle share target requests | |||
| if (event.request.method === 'POST' && (event.request.url.includes('/share-target'))) { | |||
There was a problem hiding this comment.
Can we try to keep the main fetch handler untouched and move this into another fetch handler that's dedicated to share target requests?
So, keep the existing self.addEventListener('fetch', event => { ... }); unchanged, but add a second one that contains the code you're adding here.
It's easier to read the file this way, I find. And this way you can also add some comments before the second listener, to explainer what it does.
| checkProtocolActivation(); | ||
| } | ||
|
|
||
| // Simply log any protocol activation |
There was a problem hiding this comment.
| // Simply log any protocol activation | |
| // Log protocol activations. |
| } | ||
|
|
||
| // Simply log any protocol activation | ||
| function checkProtocolActivation() { |
There was a problem hiding this comment.
| function checkProtocolActivation() { | |
| function logProtocolActivation() { |
| if (protocolUrl && protocolUrl.startsWith('web+wami:')) { | ||
| console.log(`Protocol activation detected: ${protocolUrl}`); | ||
|
|
||
| // Just clean up the URL without any further processing |
There was a problem hiding this comment.
| // Just clean up the URL without any further processing | |
| // Clean up the page URL. |
I like removing words like "just" or "simply" because they tend to send the wrong signal that things are simple, which we can't assume is the case for everyone reading the code.
| const urlParams = new URLSearchParams(window.location.search); | ||
| const isShared = urlParams.get('share') === 'true'; | ||
|
|
||
| if (isShared) { |
There was a problem hiding this comment.
When almost the entire body of a function is wrapped in an if statement like here, it's nice to reverse the condition and do an early return. This avoids having to indent the entire function body.
So, instead of if (something) { .... the rest of the function .... }, can you please do if(not something) { return; } ... then the rest of the function, unindented ?
| const shareCache = await caches.open('share-target-cache'); | ||
| const shareDataResponse = await shareCache.match('shareData'); | ||
|
|
||
| if (shareDataResponse) { |
There was a problem hiding this comment.
Same comment here, I think we can do an early return if !sharedDataResponse instead of wrapping many lines below into this if.
| ]; | ||
|
|
||
| // If URL field exists and starts with web+wami://, use it as the flow name | ||
| if (shareData.url && shareData.url.trim() !== '') { |
There was a problem hiding this comment.
The code in this function is pretty long and a bit hard to read. Can you maybe extract some of its subparts into other functions, so that the main flow is easier to read?
Support AI Action launch for Wami Web App