diff --git a/src/components/NcRichText/NcReferencePicker/NcCustomPickerElement.vue b/src/components/NcRichText/NcReferencePicker/NcCustomPickerElement.vue
index e9e227bc29..136d8d2519 100644
--- a/src/components/NcRichText/NcReferencePicker/NcCustomPickerElement.vue
+++ b/src/components/NcRichText/NcReferencePicker/NcCustomPickerElement.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script>
-import { renderCustomPickerElement, isCustomPickerElementRegistered, destroyCustomPickerElement } from './customPickerElements.js'
+import { renderCustomPickerElement, isCustomPickerElementRegistered, destroyCustomPickerElement } from './../../../functions/reference/customPickerElements.js'
 
 export default {
 	name: 'NcCustomPickerElement',
diff --git a/src/components/NcRichText/NcReferencePicker/NcProviderList.vue b/src/components/NcRichText/NcReferencePicker/NcProviderList.vue
index 97d1a4cd33..4ac7415385 100644
--- a/src/components/NcRichText/NcReferencePicker/NcProviderList.vue
+++ b/src/components/NcRichText/NcReferencePicker/NcProviderList.vue
@@ -37,7 +37,7 @@
 </template>
 
 <script>
-import { searchProvider } from './providerHelper.js'
+import { searchProvider } from './../../../functions/reference/providerHelper.js'
 import { isUrl } from './utils.js'
 import NcEmptyContent from '../../NcEmptyContent/index.js'
 import NcHighlight from '../../NcHighlight/index.js'
diff --git a/src/components/NcRichText/NcReferencePicker/NcReferencePicker.vue b/src/components/NcRichText/NcReferencePicker/NcReferencePicker.vue
index 10a9279e87..5714609221 100644
--- a/src/components/NcRichText/NcReferencePicker/NcReferencePicker.vue
+++ b/src/components/NcRichText/NcReferencePicker/NcReferencePicker.vue
@@ -32,8 +32,8 @@ import NcCustomPickerElement from './NcCustomPickerElement.vue'
 import NcProviderList from './NcProviderList.vue'
 import NcRawLinkInput from './NcRawLinkInput.vue'
 import NcSearch from './NcSearch.vue'
-import { isCustomPickerElementRegistered } from './customPickerElements.js'
-import { touchProvider } from './providerHelper.js'
+import { isCustomPickerElementRegistered } from './../../../functions/reference/customPickerElements.js'
+import { touchProvider } from './../../../functions/reference/providerHelper.js'
 
 const MODES = {
 	providerList: 1,
diff --git a/src/components/NcRichText/NcReferencePicker/NcReferencePickerModal.vue b/src/components/NcRichText/NcReferencePicker/NcReferencePickerModal.vue
index 20a0a2f51f..558313cb26 100644
--- a/src/components/NcRichText/NcReferencePicker/NcReferencePickerModal.vue
+++ b/src/components/NcRichText/NcReferencePicker/NcReferencePickerModal.vue
@@ -39,7 +39,7 @@
 
 <script>
 import NcReferencePicker from './NcReferencePicker.vue'
-import { getCustomPickerElementSize, isCustomPickerElementRegistered } from './customPickerElements.js'
+import { getCustomPickerElementSize, isCustomPickerElementRegistered } from './../../../functions/reference/customPickerElements.js'
 import NcButton from '../../NcButton/index.js'
 import NcModal from '../../NcModal/index.js'
 import { t } from '../../../l10n.js'
diff --git a/src/components/NcRichText/NcReferenceWidget.vue b/src/components/NcRichText/NcReferenceWidget.vue
index f2540fca7a..20383e6b1d 100644
--- a/src/components/NcRichText/NcReferenceWidget.vue
+++ b/src/components/NcRichText/NcReferenceWidget.vue
@@ -19,7 +19,7 @@
 	</div>
 </template>
 <script>
-import { renderWidget, isWidgetRegistered, destroyWidget } from './widgets.js'
+import { renderWidget, isWidgetRegistered, destroyWidget } from './../../functions/reference/widgets.js'
 
 export default {
 	name: 'NcReferenceWidget',
diff --git a/src/components/NcRichText/index.js b/src/components/NcRichText/index.js
index 03887e8fbf..4d9580c093 100644
--- a/src/components/NcRichText/index.js
+++ b/src/components/NcRichText/index.js
@@ -22,26 +22,26 @@
 
 import NcRichText from './NcRichText.vue'
 
-import { registerWidget, renderWidget, isWidgetRegistered } from './widgets.js'
+import { registerWidget, renderWidget, isWidgetRegistered } from './../../functions/reference/widgets.js'
 import NcReferenceList from './NcReferenceList.vue'
 import NcReferenceWidget from './NcReferenceWidget.vue'
 import NcReferencePicker from './NcReferencePicker/NcReferencePicker.vue'
 import NcReferencePickerModal from './NcReferencePicker/NcReferencePickerModal.vue'
 import NcSearch from './NcReferencePicker/NcSearch.vue'
-import { getLinkWithPicker } from './NcReferencePicker/referencePickerModal.js'
+import { getLinkWithPicker } from './../../functions/reference/referencePickerModal.js'
 import {
 	getProvider,
 	getProviders,
 	sortProviders,
 	searchProvider,
 	anyLinkProviderId,
-} from './NcReferencePicker/providerHelper.js'
+} from '../../functions/reference/providerHelper.js'
 import {
 	registerCustomPickerElement,
 	renderCustomPickerElement,
 	isCustomPickerElementRegistered,
 	NcCustomPickerRenderResult,
-} from './NcReferencePicker/customPickerElements.js'
+} from '../../functions/reference/customPickerElements.js'
 
 export default NcRichText
 
diff --git a/src/functions/index.js b/src/functions/index.js
index f4038bef22..475465094c 100644
--- a/src/functions/index.js
+++ b/src/functions/index.js
@@ -1,3 +1,4 @@
 export * from './a11y/index.ts'
 export * from './emoji/index.ts'
+export * from './reference/index.js'
 export { default as usernameToColor } from './usernameToColor/index.js'
diff --git a/src/components/NcRichText/NcReferencePicker/customPickerElements.js b/src/functions/reference/customPickerElements.js
similarity index 100%
rename from src/components/NcRichText/NcReferencePicker/customPickerElements.js
rename to src/functions/reference/customPickerElements.js
diff --git a/src/functions/reference/index.js b/src/functions/reference/index.js
new file mode 100644
index 0000000000..7d6e54beb2
--- /dev/null
+++ b/src/functions/reference/index.js
@@ -0,0 +1,32 @@
+import { registerWidget, renderWidget, isWidgetRegistered } from './widgets.js'
+import { getLinkWithPicker } from './referencePickerModal.js'
+import {
+	getProvider,
+	getProviders,
+	sortProviders,
+	searchProvider,
+	anyLinkProviderId,
+} from './providerHelper.js'
+import {
+	registerCustomPickerElement,
+	renderCustomPickerElement,
+	isCustomPickerElementRegistered,
+	NcCustomPickerRenderResult,
+} from './customPickerElements.js'
+
+export {
+	registerWidget,
+	renderWidget,
+	isWidgetRegistered,
+
+	NcCustomPickerRenderResult,
+	registerCustomPickerElement,
+	renderCustomPickerElement,
+	isCustomPickerElementRegistered,
+	getLinkWithPicker,
+	anyLinkProviderId,
+	getProvider,
+	getProviders,
+	sortProviders,
+	searchProvider,
+}
diff --git a/src/components/NcRichText/NcReferencePicker/providerHelper.js b/src/functions/reference/providerHelper.js
similarity index 99%
rename from src/components/NcRichText/NcReferencePicker/providerHelper.js
rename to src/functions/reference/providerHelper.js
index 935b7e1b4c..9eaf787f9d 100644
--- a/src/components/NcRichText/NcReferencePicker/providerHelper.js
+++ b/src/functions/reference/providerHelper.js
@@ -1,6 +1,6 @@
 import { isCustomPickerElementRegistered } from './customPickerElements.js'
 
-import { t } from '../../../l10n.js'
+import { t } from '../../l10n.js'
 
 import axios from '@nextcloud/axios'
 import { loadState } from '@nextcloud/initial-state'
diff --git a/src/components/NcRichText/NcReferencePicker/referencePickerModal.js b/src/functions/reference/referencePickerModal.js
similarity index 90%
rename from src/components/NcRichText/NcReferencePicker/referencePickerModal.js
rename to src/functions/reference/referencePickerModal.js
index 9e51315c12..bcaee28ca9 100644
--- a/src/components/NcRichText/NcReferencePicker/referencePickerModal.js
+++ b/src/functions/reference/referencePickerModal.js
@@ -1,4 +1,4 @@
-import NcReferencePickerModal from './NcReferencePickerModal.vue'
+import NcReferencePickerModal from './../../components/NcRichText/NcReferencePicker/NcReferencePickerModal.vue'
 import { getProvider } from './providerHelper.js'
 
 import Vue from 'vue'
diff --git a/src/components/NcRichText/widgets.js b/src/functions/reference/widgets.js
similarity index 100%
rename from src/components/NcRichText/widgets.js
rename to src/functions/reference/widgets.js
diff --git a/src/functions/registerReference/index.js b/src/functions/registerReference/index.js
new file mode 100644
index 0000000000..2d6f64f850
--- /dev/null
+++ b/src/functions/registerReference/index.js
@@ -0,0 +1,14 @@
+export {
+	registerWidget,
+	renderWidget,
+	destroyWidget,
+	isWidgetRegistered,
+} from './../reference/widgets.js'
+export {
+	NcCustomPickerRenderResult,
+	registerCustomPickerElement,
+	renderCustomPickerElement,
+	destroyCustomPickerElement,
+	isCustomPickerElementRegistered,
+	getCustomPickerElementSize,
+} from './../reference/customPickerElements.js'