Publish map button

- add slot to project view buttons
- add publish method to projectStore
- add post call to project Api

Author: harminius

web-app/packages/lib/src/modules/project/projectApi.ts

@@ -344,5 +344,11 @@ export const ProjectApi = {
     return ProjectModule.httpService.get(
       `/v2/projects/${projectId}/collaborators`
     )
+  },
+
+  async publishMap(projectId: string) {
+    return ProjectModule.httpService.post(
+      `/app/projects/${projectId}/map-links`
+    )
   }
 }

web-app/packages/lib/src/modules/project/store.ts

@@ -980,6 +980,28 @@ export const useProjectStore = defineStore('projectModule', {
       await notificationStore.error({
         text: getErrorMessage(err, 'Failed to push changes')
       })
+    },
+
+    /**
+     * Publishes the map of the latest project version.
+     */
+    async publishMap() {
+      const notificationStore = useNotificationStore()
+
+      try {
+        const response = await ProjectApi.publishMap(this.project.id)
+        const hash = response.data.map_link
+        const url = `${window.location.origin}/${hash}`
+        navigator.clipboard.writeText(url)
+        notificationStore.show({
+          text: 'Link to public map copied to your clipboard.',
+          severity: 'success'
+        })
+      } catch {
+        notificationStore.error({
+          text: `Failed to publish map`
+        })
+      }
     }
   }
 })

web-app/packages/lib/src/modules/project/views/ProjectViewTemplate.vue

@@ -12,6 +12,7 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-MerginMaps-Commercial
       >
         <!-- Z indexes based on minus margin, its not possible to add additional buttons to tab view -->
         <div class="relative z-1">
+          <slot name="publish.button" />
           <PButton
             severity="secondary"
             @click="downloadArchive({ url: downloadUrl })"