PWA share target implementation

src/sw.ts

@@ -3,11 +3,55 @@
 
 import {getFullBaseUrl} from './helpers/getFullBaseUrl'
 
+import {useTaskStore} from '@/stores/tasks'
+import {useAuthStore} from '@/stores/auth'
+
 declare let self: ServiceWorkerGlobalScope
 
 const fullBaseUrl = getFullBaseUrl()
+const authStore = useAuthStore()
+const taskStore = useTaskStore()
 const workboxVersion = 'v7.0.0'
 
+
+const shareTargetHandler = async ({event}) => {	
+	console.log('share-target()  ', event)
+
+	// Form extraction works fine...
+	const formData = await event.request.formData()
+	console.log('FormData:()  ', formData)
+	const title = formData.get('name')
+	const description = formData.get('description')
+
+	console.log('shareTargetHandler(), title: ', title)
+	console.log('shareTargetHandler(), description: ', description)
+
+	const defaultProjectId = authStore?.settings?.defaultProjectId
+	console.log('shareTargetHandler(), defaultProjectId: ', defaultProjectId)
+
+	if (defaultProjectId) {
+		const task = await taskStore.createNewTask({
+			title,
+			projectId: defaultProjectId,
+		})
+
+		if (description) {
+			task.description = description
+		}
+
+		console.log('Created task with ID: ', task.id)
+
+		// After Task creation succeeds, redirect to show the task.
+		const redirectionUrl = `${fullBaseUrl}tasks/${task.id}`
+		return Response.redirect(redirectionUrl, 303)
+	}
+	else {
+		// ToDo: improve handling of undefined default projectID
+		const redirectionUrl = `${fullBaseUrl}unspecified_default_project_id`
+		return Response.redirect(redirectionUrl, 303)
+	}
+}
+
 importScripts(`${fullBaseUrl}workbox-${workboxVersion}/workbox-sw.js`)
 workbox.setConfig({
 	modulePathPrefix: `${fullBaseUrl}workbox-${workboxVersion}`,
@@ -30,6 +74,12 @@ workbox.routing.registerRoute(
 	new workbox.strategies.NetworkOnly(),
 )
 
+workbox.routing.registerRoute(
+	'/_share-target',
+	shareTargetHandler,
+	'POST',
+)
+
 // This code listens for the user's confirmation to update the app.
 self.addEventListener('message', (e) => {
 	if (!e.data) {

vite.config.ts

@@ -202,6 +202,15 @@ export default defineConfig(({mode}) => {
 							url: '/teams',
 						},
 					],
+					share_target: {
+						action: '/_share-target',
+						enctype: 'multipart/form-data',
+						method: 'POST',
+						params: {
+							title: 'name',
+							text: 'description',
+						},
+					},
 				},
 			}),
 			viteSentry(getSentryConfig(env)),