1 files changed, 51 insertions, 0 deletions
diff --git a/core/src/components/PublicPageMenu/PublicPageMenuLinkEntry.vue b/core/src/components/PublicPageMenu/PublicPageMenuLinkEntry.vue
new file mode 100644
index 00000000000..5f3a4883d6d
--- /dev/null
+++ b/core/src/components/PublicPageMenu/PublicPageMenuLinkEntry.vue
@@ -0,0 +1,51 @@
+<!--
+ - SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
+ - SPDX-License-Identifier: AGPL-3.0-or-later
+ -->
+<template>
+	<PublicPageMenuEntry :id="id"
+		click-only
+		:icon="icon"
+		:href="href"
+		:label="label"
+		@click="onClick" />
+</template>
+
+<script setup lang="ts">
+import { showSuccess } from '@nextcloud/dialogs'
+import { t } from '@nextcloud/l10n'
+import PublicPageMenuEntry from './PublicPageMenuEntry.vue'
+
+const props = defineProps<{
+	id: string
+	label: string
+	icon: string
+	href: string
+}>()
+
+const emit = defineEmits<{
+	(e: 'click'): void
+}>()
+
+/**
+ * Copy the href to the clipboard
+ */
+async function copyLink() {
+	try {
+		await window.navigator.clipboard.writeText(props.href)
+		showSuccess(t('core', 'Direct link copied'))
+	} catch {
+		// No secure context -> fallback to dialog
+		window.prompt(t('core', 'Please copy the link manually:'), props.href)
+	}
+}
+
+/**
+ * onclick handler to trigger the "copy link" action
+ * and emit the event so the menu can be closed
+ */
+function onClick() {
+	copyLink()
+	emit('click')
+}
+</script>