Migrate nodemon and vite-node to native node TypeScript support

apps/client/src/App.vue

@@ -1,14 +1,14 @@
 <script setup lang="ts">
 import { swaggerUiPath } from '@cpn-console/shared'
-import { useServiceStore } from '@/stores/services-monitor.js'
+import { useServiceStore } from '@/stores/services-monitor.ts'
 import ReloadPrompt from './components/ReloadPrompt.vue'
-import { useAdminRoleStore } from './stores/admin-role.js'
+import { useAdminRoleStore } from './stores/admin-role.ts'
 
-import { useProjectStore } from './stores/project.js'
-import { useSnackbarStore } from './stores/snackbar.js'
-import { useSystemSettingsStore } from './stores/system-settings.js'
-import { useUserStore } from './stores/user.js'
-import { getKeycloak } from './utils/keycloak/keycloak.js'
+import { useProjectStore } from './stores/project.ts'
+import { useSnackbarStore } from './stores/snackbar.ts'
+import { useSystemSettingsStore } from './stores/system-settings.ts'
+import { useUserStore } from './stores/user.ts'
+import { getKeycloak } from './utils/keycloak/keycloak.ts'
 
 const keycloak = getKeycloak()
 const snackbarStore = useSnackbarStore()

apps/client/src/api/xhr-client.ts

@@ -1,7 +1,7 @@
 import type { ApiFetcherArgs } from '@ts-rest/core'
 import { apiPrefix, getApiClient } from '@cpn-console/shared'
 import { tsRestFetchApi } from '@ts-rest/core'
-import { getKeycloak } from '@/utils/keycloak/keycloak.js'
+import { getKeycloak } from '../utils/keycloak/keycloak.ts'
 
 export const apiClient = await getApiClient(
   '',

apps/client/src/components.d

@@ -0,0 +1,90 @@
+/* eslint-disable */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    AdminCluster: typeof import('./views/admin/AdminCluster.vue')['default']
+    AdminRoleForm: typeof import('./components/AdminRoleForm.vue')['default']
+    AdminRoles: typeof import('./views/admin/AdminRoles.vue')['default']
+    AdminServiceChain: typeof import('./views/admin/AdminServiceChain.vue')['default']
+    AdminTokens: typeof import('./views/admin/AdminTokens.vue')['default']
+    Badge: typeof import('./components/Badge.vue')['default']
+    ChoiceSelector: typeof import('./components/ChoiceSelector.vue')['default']
+    ClusterForm: typeof import('./components/ClusterForm.vue')['default']
+    ConfigParam: typeof import('./components/ConfigParam.vue')['default']
+    CreateProject: typeof import('./views/CreateProject.vue')['default']
+    DsfrAlert: typeof import('@gouvminint/vue-dsfr')['DsfrAlert']
+    DsfrButton: typeof import('@gouvminint/vue-dsfr')['DsfrButton']
+    DsfrCallout: typeof import('@gouvminint/vue-dsfr')['DsfrCallout']
+    DsfrErrorPage: typeof import('@gouvminint/vue-dsfr')['DsfrErrorPage']
+    DsfrFooter: typeof import('@gouvminint/vue-dsfr')['DsfrFooter']
+    DsfrHeader: typeof import('@gouvminint/vue-dsfr')['DsfrHeader']
+    DsfrNotice: typeof import('@gouvminint/vue-dsfr')['DsfrNotice']
+    DsfrSideMenu: typeof import('@gouvminint/vue-dsfr')['DsfrSideMenu']
+    DsfrSideMenuButton: typeof import('@gouvminint/vue-dsfr')['DsfrSideMenuButton']
+    DsfrSideMenuLink: typeof import('@gouvminint/vue-dsfr')['DsfrSideMenuLink']
+    DsfrSideMenuList: typeof import('@gouvminint/vue-dsfr')['DsfrSideMenuList']
+    DsfrSideMenuListItem: typeof import('@gouvminint/vue-dsfr')['DsfrSideMenuListItem']
+    DsfrTabContent: typeof import('@gouvminint/vue-dsfr')['DsfrTabContent']
+    DsfrTabs: typeof import('@gouvminint/vue-dsfr')['DsfrTabs']
+    DsfrTile: typeof import('@gouvminint/vue-dsfr')['DsfrTile']
+    DsoAdmin: typeof import('./views/admin/DsoAdmin.vue')['default']
+    DsoBadge: typeof import('./components/DsoBadge.vue')['default']
+    DsoHome: typeof import('./views/DsoHome.vue')['default']
+    DsoMaintenance: typeof import('./views/DsoMaintenance.vue')['default']
+    DsoProjects: typeof import('./views/projects/DsoProjects.vue')['default']
+    DsoSnackbar: typeof import('./components/DsoSnackbar.vue')['default']
+    EnvironmentForm: typeof import('./components/EnvironmentForm.vue')['default']
+    ErrorGoBackToProjects: typeof import('./components/ErrorGoBackToProjects.vue')['default']
+    ListClusters: typeof import('./views/admin/ListClusters.vue')['default']
+    ListLogs: typeof import('./views/admin/ListLogs.vue')['default']
+    ListPlugins: typeof import('./views/admin/ListPlugins.vue')['default']
+    ListProjects: typeof import('./views/admin/ListProjects.vue')['default']
+    ListServiceChains: typeof import('./views/admin/ListServiceChains.vue')['default']
+    ListStages: typeof import('./views/admin/ListStages.vue')['default']
+    ListUser: typeof import('./views/admin/ListUser.vue')['default']
+    ListZones: typeof import('./views/admin/ListZones.vue')['default']
+    Loader: typeof import('./components/Loader.vue')['default']
+    LoadingCt: typeof import('./components/LoadingCt.vue')['default']
+    LogsViewer: typeof import('./components/LogsViewer.vue')['default']
+    NotFound: typeof import('./views/NotFound.vue')['default']
+    OperationPanel: typeof import('./components/OperationPanel.vue')['default']
+    PaginationCt: typeof import('./components/PaginationCt.vue')['default']
+    PersonalAccessTokens: typeof import('./views/profile/PersonalAccessTokens.vue')['default']
+    ProfileWrapper: typeof import('./views/profile/ProfileWrapper.vue')['default']
+    ProjectAction: typeof import('./components/ProjectAction.vue')['default']
+    ProjectArchiveButton: typeof import('./components/ProjectArchiveButton.vue')['default']
+    ProjectBanner: typeof import('./components/ProjectBanner.vue')['default']
+    ProjectClustersInfos: typeof import('./components/ProjectClustersInfos.vue')['default']
+    ProjectDashboard: typeof import('./views/ProjectDashboard.vue')['default']
+    ProjectLockButton: typeof import('./components/ProjectLockButton.vue')['default']
+    ProjectLogsViewer: typeof import('./components/ProjectLogsViewer.vue')['default']
+    ProjectReplayButton: typeof import('./components/ProjectReplayButton.vue')['default']
+    ProjectResources: typeof import('./components/ProjectResources.vue')['default']
+    ProjectRoleForm: typeof import('./components/ProjectRoleForm.vue')['default']
+    ProjectRoles: typeof import('./components/ProjectRoles.vue')['default']
+    ProjectSecretsButton: typeof import('./components/ProjectSecretsButton.vue')['default']
+    ProjectSettings: typeof import('./components/ProjectSettings.vue')['default']
+    ReloadPrompt: typeof import('./components/ReloadPrompt.vue')['default']
+    RepoForm: typeof import('./components/RepoForm.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    SelectProject: typeof import('./components/SelectProject.vue')['default']
+    ServiceChainForm: typeof import('./components/ServiceChainForm.vue')['default']
+    ServicesConfig: typeof import('./components/ServicesConfig.vue')['default']
+    ServicesHealth: typeof import('./views/ServicesHealth.vue')['default']
+    SideMenu: typeof import('./components/SideMenu.vue')['default']
+    StageForm: typeof import('./components/StageForm.vue')['default']
+    SuggestionInput: typeof import('./components/SuggestionInput.vue')['default']
+    SystemSettings: typeof import('./views/admin/SystemSettings.vue')['default']
+    TeamCt: typeof import('./components/TeamCt.vue')['default']
+    TokenForm: typeof import('./components/TokenForm.vue')['default']
+    UserInfo: typeof import('./views/profile/UserInfo.vue')['default']
+    VIcon: typeof import('@gouvminint/vue-dsfr')['VIcon']
+    ZoneForm: typeof import('./components/ZoneForm.vue')['default']
+  }
+}

apps/client/src/components/AdminRoleForm.vue

@@ -3,8 +3,8 @@ import type { AdminPermsKeys, LettersQuery, SharedZodError, User } from '@cpn-co
 import { ADMIN_PERMS, adminPermsDetails, RoleSchema, shallowEqual } from '@cpn-console/shared'
 import pDebounce from 'p-debounce'
 import { computed, onBeforeMount, ref } from 'vue'
-import { useUsersStore } from '@/stores/users.js'
-import { clickInDialog, getRandomId } from '@/utils/func.js'
+import { useUsersStore } from '@/stores/users.ts'
+import { clickInDialog, getRandomId } from '@/utils/func.ts'
 import SuggestionInput from './SuggestionInput.vue'
 
 const props = withDefaults(defineProps<{

apps/client/src/components/ClusterForm.vue

@@ -15,8 +15,8 @@ import { DsfrDataTable } from '@gouvminint/vue-dsfr'
 import { load } from 'js-yaml'
 import { computed, onBeforeMount, ref, watch } from 'vue'
 import { JsonViewer } from 'vue3-json-viewer'
-import { useSnackbarStore } from '@/stores/snackbar.js'
-import { localeParseFloat, ONE_TENTH_STR } from '@/utils/func.js'
+import { useSnackbarStore } from '@/stores/snackbar.ts'
+import { localeParseFloat, ONE_TENTH_STR } from '@/utils/func.ts'
 import ChoiceSelector from './ChoiceSelector.vue'
 
 const props = withDefaults(defineProps<{

apps/client/src/components/DsoSnackbar.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { computed, watch } from 'vue'
 import { useRoute } from 'vue-router'
-import { useSnackbarStore } from '@/stores/snackbar.js'
+import { useSnackbarStore } from '@/stores/snackbar.ts'
 
 const route = useRoute()
 const snackbarStore = useSnackbarStore()

apps/client/src/components/EnvironmentForm.vue

@@ -13,10 +13,10 @@ import {
   projectIsLockedInfo,
 } from '@cpn-console/shared'
 import { computed, onBeforeMount, ref } from 'vue'
-import { useSnackbarStore } from '@/stores/snackbar.js'
-import { useStageStore } from '@/stores/stage.js'
-import { useZoneStore } from '@/stores/zone.js'
-import { copyContent, localeParseFloat, ONE_TENTH_STR } from '@/utils/func.js'
+import { useSnackbarStore } from '@/stores/snackbar.ts'
+import { useStageStore } from '@/stores/stage.ts'
+import { useZoneStore } from '@/stores/zone.ts'
+import { copyContent, localeParseFloat, ONE_TENTH_STR } from '@/utils/func.ts'
 
 interface OptionType {
   text: string

apps/client/src/components/LogsViewer.vue

@@ -3,7 +3,7 @@ import type { CleanLog, Log, XOR } from '@cpn-console/shared'
 import { ref } from 'vue'
 // @ts-ignore 'vue3-json-viewer' missing types
 import { JsonViewer } from 'vue3-json-viewer'
-import router from '@/router/index.js'
+import router from '@/router/index.ts'
 
 const props = withDefaults(defineProps<{
   totalLength: number

apps/client/src/components/OperationPanel.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import type { Project, ProjectOperations } from '@/utils/project-utils.js'
+import type { Project, ProjectOperations } from '@/utils/project-utils.ts'
 
 defineProps<{
   project?: Project

apps/client/src/components/ProjectAction.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import type { Project } from '@/utils/project-utils.js'
+import type { Project } from '@/utils/project-utils.ts'
 import { ProjectAuthorized } from '@cpn-console/shared'
-import { useUserStore } from '@/stores/user.js'
+import { useUserStore } from '@/stores/user.ts'
 
 withDefaults(defineProps<{
   project: Project

apps/client/src/components/ProjectArchiveButton.vue

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import type { Project, ProjectOperations } from '@/utils/project-utils.js'
+import type { Project, ProjectOperations } from '@/utils/project-utils.ts'
 import { deleteValidationInput } from '@cpn-console/shared'
-import { useProjectStore } from '@/stores/project.js'
-import { clickInDialog } from '@/utils/func.js'
+import { useProjectStore } from '@/stores/project.ts'
+import { clickInDialog } from '@/utils/func.ts'
 
 const props = defineProps<{
   project: Project

apps/client/src/components/ProjectBanner.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import type { Project, ProjectOperations } from '@/utils/project-utils.js'
+import type { Project, ProjectOperations } from '@/utils/project-utils.ts'
 import { bts, descriptionMaxLength, projectIsLockedInfo } from '@cpn-console/shared'
-import { copyContent } from '@/utils/func.js'
+import { copyContent } from '@/utils/func.ts'
 
 withDefaults(defineProps<{
   project: Project

apps/client/src/components/ProjectClustersInfos.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { Cluster } from '@cpn-console/shared'
-import type { Project } from '@/utils/project-utils.js'
+import type { Project } from '@/utils/project-utils.ts'
 import { privacyWording } from '@cpn-console/shared'
-import { useClusterStore } from '@/stores/cluster.js'
-import { useZoneStore } from '@/stores/zone.js'
+import { useClusterStore } from '@/stores/cluster.ts'
+import { useZoneStore } from '@/stores/zone.ts'
 
 const props = defineProps<{
   project: Project

apps/client/src/components/ProjectLockButton.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import type { Project, ProjectOperations } from '@/utils/project-utils.js'
+import type { Project, ProjectOperations } from '@/utils/project-utils.ts'
 
 const props = defineProps<{
   project: Project

apps/client/src/components/ProjectLogsViewer.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import type { CleanLog } from '@cpn-console/shared'
-import type { Project } from '@/utils/project-utils.js'
+import type { Project } from '@/utils/project-utils.ts'
 import { ref, watch } from 'vue'
 
 const props = defineProps<{

apps/client/src/components/ProjectReplayButton.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import type { Project, ProjectOperations } from '@/utils/project-utils.js'
-import { useSnackbarStore } from '@/stores/snackbar.js'
+import type { Project, ProjectOperations } from '@/utils/project-utils.ts'
+import { useSnackbarStore } from '@/stores/snackbar.ts'
 
 const props = defineProps<{
   project: Project

apps/client/src/components/ProjectResources.vue

@@ -1,15 +1,15 @@
 <script setup lang="ts">
 import type { CleanedCluster, Cluster, CreateEnvironmentBody, Environment, Repo, UpdateEnvironmentBody, Zone } from '@cpn-console/shared'
-import type { Project } from '@/utils/project-utils.js'
+import type { Project } from '@/utils/project-utils.ts'
 import { AdminAuthorized, ProjectAuthorized, projectIsLockedInfo } from '@cpn-console/shared'
 import TimeAgo from 'javascript-time-ago'
 import fr from 'javascript-time-ago/locale/fr'
-import { useClusterStore } from '@/stores/cluster.js'
-import { useSnackbarStore } from '@/stores/snackbar.js'
-import { useStageStore } from '@/stores/stage.js'
-import { useUserStore } from '@/stores/user.js'
-import { useZoneStore } from '@/stores/zone.js'
-import { clickInDialog, getRandomId } from '@/utils/func.js'
+import { useClusterStore } from '@/stores/cluster.ts'
+import { useSnackbarStore } from '@/stores/snackbar.ts'
+import { useStageStore } from '@/stores/stage.ts'
+import { useUserStore } from '@/stores/user.ts'
+import { useZoneStore } from '@/stores/zone.ts'
+import { clickInDialog, getRandomId } from '@/utils/func.ts'
 
 type Source = 'Privée extérieure' | 'Publique extérieure' | 'Interne'
 

apps/client/src/components/ProjectRoles.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { Member, ProjectRole, ProjectRoleBigint, Role, RoleBigint } from '@cpn-console/shared'
-import type { Project } from '@/utils/project-utils.js'
-import { useSnackbarStore } from '@/stores/snackbar.js'
+import type { Project } from '@/utils/project-utils.ts'
+import { useSnackbarStore } from '@/stores/snackbar.ts'
 
 const props = defineProps<{
   project: Project

apps/client/src/components/ProjectSecretsButton.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import type { Project, ProjectOperations } from '@/utils/project-utils.js'
-import { clickInDialog, copyContent } from '@/utils/func.js'
+import type { Project, ProjectOperations } from '@/utils/project-utils.ts'
+import { clickInDialog, copyContent } from '@/utils/func.ts'
 
 const props = defineProps<{
   project: Project

apps/client/src/components/ProjectSettings.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { ProjectV2 } from '@cpn-console/shared'
-import { localeParseFloat } from '@/utils/func.js'
+import { localeParseFloat } from '@/utils/func.ts'
 
 type ProjectSettings = Pick<ProjectV2, 'limitless' | 'hprodMemory' | 'hprodCpu' | 'hprodGpu' | 'prodMemory' | 'prodCpu' | 'prodGpu'>
 const props = defineProps<{

apps/client/src/components/RepoForm.vue

@@ -2,7 +2,7 @@
 import type { Repo, SharedZodError } from '@cpn-console/shared'
 import { CreateRepoFormSchema, deleteValidationInput, fakeToken, instanciateSchema, RepoFormSchema, UpdateRepoFormSchema } from '@cpn-console/shared'
 import { computed, ref } from 'vue'
-import { useSnackbarStore } from '@/stores/snackbar.js'
+import { useSnackbarStore } from '@/stores/snackbar.ts'
 
 type RepoForm = Partial<Repo> & { isStandalone?: boolean }
 const props = withDefaults(defineProps<{

apps/client/src/components/SelectProject.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { AdminAuthorized } from '@cpn-console/shared'
-import { useProjectStore } from '@/stores/project.js'
-import { useUserStore } from '@/stores/user.js'
-import router, { isInProject, selectedProjectSlug } from '../router/index.js'
+import { useProjectStore } from '@/stores/project.ts'
+import { useUserStore } from '@/stores/user.ts'
+import router, { isInProject, selectedProjectSlug } from '../router/index.ts'
 
 const projectStore = useProjectStore()
 const userStore = useUserStore()

apps/client/src/components/ServicesConfig.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import type { PermissionTarget, PluginConfigItem, PluginsUpdateBody, ProjectService } from '@cpn-console/shared'
-import type { Project } from '@/utils/project-utils.js'
+import type { Project } from '@/utils/project-utils.ts'
 import { servicePluginOrder } from '@cpn-console/shared'
 import { computed, ref } from 'vue'
-import { useSnackbarStore } from '@/stores/snackbar.js'
+import { useSnackbarStore } from '@/stores/snackbar.ts'
 
 const props = withDefaults(defineProps<{
   project: Project

apps/client/src/components/SideMenu.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import { AdminAuthorized } from '@cpn-console/shared'
-import { useServiceStore } from '@/stores/services-monitor.js'
-import { useUserStore } from '@/stores/user.js'
-import { openCDSEnabled } from '@/utils/env.js'
-import { isInProject } from '../router/index.js'
+import { useServiceStore } from '@/stores/services-monitor.ts'
+import { useUserStore } from '@/stores/user.ts'
+import { openCDSEnabled } from '@/utils/env.ts'
+import { isInProject } from '../router/index.ts'
 
 const route = useRoute()
 const userStore = useUserStore()

apps/client/src/components/StageForm.vue

@@ -3,8 +3,8 @@ import type { Cluster, CreateStageBody, SharedZodError, Stage, StageAssociatedEn
 import type { UpdateStageType } from '@/views/admin/ListStages.vue'
 import { deleteValidationInput, StageSchema } from '@cpn-console/shared'
 import { computed, onBeforeMount, ref } from 'vue'
-import { useSnackbarStore } from '@/stores/snackbar.js'
-import { toCodeComponent } from '@/utils/func.js'
+import { useSnackbarStore } from '@/stores/snackbar.ts'
+import { toCodeComponent } from '@/utils/func.ts'
 
 const props = withDefaults(defineProps<{
   isNewStage: boolean

apps/client/src/components/TeamCt.vue

@@ -3,14 +3,14 @@ import type {
   LettersQuery,
   User,
 } from '@cpn-console/shared'
-import type { Project } from '@/utils/project-utils.js'
+import type { Project } from '@/utils/project-utils.ts'
 import { useRandomId } from '@gouvminint/vue-dsfr'
 import pDebounce from 'p-debounce'
 import { computed, ref, watch } from 'vue'
-import { useProjectStore } from '@/stores/project.js'
-import { useSnackbarStore } from '@/stores/snackbar.js'
-import { useUserStore } from '@/stores/user.js'
-import { copyContent } from '@/utils/func.js'
+import { useProjectStore } from '@/stores/project.ts'
+import { useSnackbarStore } from '@/stores/snackbar.ts'
+import { useUserStore } from '@/stores/user.ts'
+import { copyContent } from '@/utils/func.ts'
 
 const props = withDefaults(
   defineProps<{

apps/client/src/components/TokenForm.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { isAtLeastTomorrow, TokenSchema } from '@cpn-console/shared'
-import { useSnackbarStore } from '@/stores/snackbar.js'
-import { copyContent } from '@/utils/func.js'
+import { useSnackbarStore } from '@/stores/snackbar.ts'
+import { copyContent } from '@/utils/func.ts'
 
 export interface SimpleToken { name: string, expirationDate: string }
 const props = defineProps<{

apps/client/src/components/ZoneForm.vue

@@ -2,7 +2,7 @@
 import type { Cluster, CreateZoneBody, SharedZodError, UpdateZoneBody, Zone } from '@cpn-console/shared'
 import { deleteValidationInput, ZoneSchema } from '@cpn-console/shared'
 import { computed, onBeforeMount, ref } from 'vue'
-import { useSnackbarStore } from '@/stores/snackbar.js'
+import { useSnackbarStore } from '@/stores/snackbar.ts'
 
 const props = withDefaults(defineProps<{
   isNewZone: boolean