feat: Split reference and smart picker functions from components

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',

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'

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,

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'

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',

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
 

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'

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,
+}

src/components/NcRichText/NcReferencePicker/providerHelper.js → 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'

src/components/NcRichText/NcReferencePicker/referencePickerModal.js → 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'

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'