refactor: use Typescript for l10n dummy import

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

Author: susnux

build/l10n-plugin.mts

@@ -1,15 +1,16 @@
-/**
+/*!
  * SPDX-FileCopyrightText: Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
 import type { Plugin } from 'vite'
+
 import { loadTranslations } from './translations.mts'
 import { dirname, resolve } from 'path'
 
 /**
  * This is a plugin to split all translations into chunks of users meaning components that use that translation
- * If a file imports `t` or `n` from 'l10n.js' that import will be replaced with a wrapper that registeres only the required translations for the file that imports the functions.
+ * If a file imports `t` or `n` from 'l10n.ts' that import will be replaced with a wrapper that registeres only the required translations for the file that imports the functions.
  * Allowing vite to treeshake all not needed translations when building applications
  *
  * @param dir Path to the l10n directory for loading the translations
@@ -57,7 +58,7 @@ export default (dir: string) => {
 		},
 
 		/**
-		 * Hook into module resolver and fake all '../[...]/l10n.js' imports to inject our splitted translations
+		 * Hook into module resolver and fake all '../[...]/l10n.ts' imports to inject our splitted translations
 		 * @param source The file which is imported
 		 * @param importer The file that imported the file
 		 */
@@ -69,7 +70,7 @@ export default (dir: string) => {
 				}
 				// dont handle other plugins imports
 				return null
-			} else if (source.endsWith('l10n.js') && importer && !importer.includes('node_modules')) {
+			} else if (source.endsWith('l10n.ts') && importer && !importer.includes('node_modules')) {
 				if (dirname(resolve(dirname(importer), source)).split('/').at(-1) === 'src') {
 					// return our wrapper for handling the import
 					return `\0l10nwrapper?source=${encodeURIComponent(importer)}`

src/components/NcActionButtonGroup/NcActionButtonGroup.vue

@@ -88,7 +88,7 @@ export default {
 <script>
 import { defineComponent } from 'vue'
 import { createElementId } from '../../utils/createElementId.ts'
-import { t } from '../../l10n.js'
+import { t } from '../../l10n.ts'
 import { NC_ACTIONS_IS_SEMANTIC_MENU } from '../NcActions/useNcActions.ts'
 
 /**

src/components/NcActionInput/NcActionInput.vue

@@ -248,7 +248,7 @@ import NcSelect from '../NcSelect/index.js'
 import NcTextField from '../NcTextField/index.ts'
 import ActionGlobalMixin from '../../mixins/actionGlobal.js'
 import { createElementId } from '../../utils/createElementId.ts'
-import { t } from '../../l10n.js'
+import { t } from '../../l10n.ts'
 
 export default {
 	name: 'NcActionInput',

src/components/NcActions/NcActions.vue

@@ -923,7 +923,7 @@ import { Fragment, computed, h, mergeProps, ref, toRef, warn } from 'vue'
 import { useTrapStackControl } from '../../composables/useTrapStackControl.ts'
 import { createElementId } from '../../utils/createElementId.ts'
 import { isSlotPopulated } from '../../utils/isSlotPopulated.ts'
-import { t } from '../../l10n.js'
+import { t } from '../../l10n.ts'
 
 import IconDotsHorizontal from 'vue-material-design-icons/DotsHorizontal.vue'
 import NcButton from '../NcButton/index.ts'

src/components/NcAppContent/NcAppContentDetailsToggle.vue

@@ -10,7 +10,7 @@ import { onBeforeUnmount, watch } from 'vue'
 import NcButton from '../NcButton/index.ts'
 import NcIconSvgWrapper from '../NcIconSvgWrapper/index.ts'
 import { useIsMobile } from '../../composables/useIsMobile/index.js'
-import { t } from '../../l10n.js'
+import { t } from '../../l10n.ts'
 
 const isMobile = useIsMobile()
 watch(isMobile, toggleAppNavigationButton, { immediate: true })

src/components/NcAppNavigationItem/NcAppNavigationIconCollapsible.vue

@@ -20,7 +20,7 @@
 </template>
 
 <script>
-import { t } from '../../l10n.js'
+import { t } from '../../l10n.ts'
 import NcButton from '../NcButton/index.ts'
 import ChevronDown from 'vue-material-design-icons/ChevronDown.vue'
 import ChevronUp from 'vue-material-design-icons/ChevronUp.vue'

src/components/NcAppNavigationItem/NcAppNavigationItem.vue

@@ -393,7 +393,7 @@ Just set the `pinned` prop.
 <script>
 import { useIsMobile } from '../../composables/useIsMobile/index.js'
 import { createElementId } from '../../utils/createElementId.ts'
-import { t } from '../../l10n.js'
+import { t } from '../../l10n.ts'
 
 import Pencil from 'vue-material-design-icons/Pencil.vue'
 import Undo from 'vue-material-design-icons/Undo.vue'

src/components/NcAppNavigationItem/NcInputConfirmCancel.vue

@@ -42,7 +42,7 @@
 	</div>
 </template>
 <script>
-import { t } from '../../l10n.js'
+import { t } from '../../l10n.ts'
 
 import IconArrowRight from 'vue-material-design-icons/ArrowRight.vue'
 import IconClose from 'vue-material-design-icons/Close.vue'

src/components/NcAppNavigationSearch/NcAppNavigationSearch.vue

@@ -153,7 +153,7 @@ export default {
 <script setup lang="ts">
 import { useFocusWithin } from '@vueuse/core'
 import { ref, nextTick, useSlots, watch, useTemplateRef } from 'vue'
-import { t } from '../../l10n.js'
+import { t } from '../../l10n.ts'
 
 import IconClose from 'vue-material-design-icons/Close.vue'
 import NcInputField from '../NcInputField/NcInputField.vue'

src/components/NcAppNavigationSettings/NcAppNavigationSettings.vue

@@ -8,7 +8,7 @@ import type { Slot } from 'vue'
 import { onClickOutside } from '@vueuse/core'
 import { computed, ref, useTemplateRef } from 'vue'
 import { createElementId } from '../../utils/createElementId.js'
-import { t } from '../../l10n.js'
+import { t } from '../../l10n.ts'
 
 import IconCog from 'vue-material-design-icons/Cog.vue'
 import NcButton from '../NcButton/NcButton.vue'