Merge pull request #12 from Libertech-FR/extensions

Extensions

Author: tacxou

a faire.md

@@ -0,0 +1,17 @@
+cycle de vie enum dynamique, 
+en dur ACTIVE devient OFFICIAL, INACTIF, MANUEL
+les autres sont par defaut
+
+ficher default cycle de vie:
+En Attente        = supannRessourceEtat : {COMPTE} A SupannAnticipe
+OFFI                = supannRessourceEtat : {COMPTE} A SupannActif
+PROV              = supannResourceEtat : {COMTE} A SupannSursis et supannRessourceEtatDate: Date de passage en PROV
+INACTIF          = supannRessourceEtat : {COMPTE} I SupannInactif
+A Détruire        = supannRessourceEtat : {COMPTE} I SupannSupprCompte
+Vérouillé          = supannRessourceEtat : {COMPTE} S SupannVerrouille
+
+trigger devient un nombre positif / dernier etat superieur a x jours
+ajouter une clé mutation
+
+
+voir le diff des modifs

extensions/.gitignore

@@ -0,0 +1,2 @@
+*
+!.gitignore

nuxt.config.ts

@@ -5,6 +5,7 @@ import openapiTS from 'openapi-typescript'
 import { defineNuxtConfig } from 'nuxt/config'
 import { parse } from 'yaml'
 import * as consola from 'consola'
+import setupApp from './src/server/extension.setup'
 
 const SESAME_APP_API_URL = process.env.SESAME_APP_API_URL || 'http://localhost:4002'
 const SESAME_ALLOWED_HOSTS = process.env.SESAME_ALLOWED_HOSTS ? process.env.SESAME_ALLOWED_HOSTS.split(',') : []
@@ -65,6 +66,7 @@ export default defineNuxtConfig({
   appConfig: {
     baseUrl: SESAME_APP_API_URL,
     appManagerVersion: process.env.npm_package_version,
+    customSlots: {},
   },
   modules: [
     '@nuxt-alt/auth',
@@ -76,6 +78,7 @@ export default defineNuxtConfig({
     'dayjs-nuxt',
     '@nuxt/devtools',
     'nuxt-monaco-editor',
+    ...setupApp(),
   ],
   auth: {
     globalMiddleware: true,

package.json

@@ -14,58 +14,59 @@
     "lint:fix": "eslint --ext .ts,.js,.vue --ignore-path .gitignore . --fix"
   },
   "dependencies": {
-    "@jsonforms/core": "^3.2.1",
-    "@jsonforms/vue": "^3.2.1",
-    "@jsonforms/vue-vanilla": "^3.2.1",
-    "@nuxt-alt/auth": "^3.1.6",
+    "@jsonforms/core": "^3.6.0",
+    "@jsonforms/vue": "^3.6.0",
+    "@jsonforms/vue-vanilla": "^3.6.0",
+    "@nuxt-alt/auth": "^3.1.7",
     "@nuxt-alt/http": "^1.7.10",
     "@nuxt-alt/proxy": "^2.5.8",
-    "@nyariv/sandboxjs": "^0.8.23",
-    "@pinia/nuxt": "^0.5.1",
-    "@quasar/extras": "^1.16.9",
-    "@vueuse/router": "^10.7.2",
+    "@nyariv/sandboxjs": "^0.8.25",
+    "@pinia/nuxt": "^0.11.2",
+    "@quasar/extras": "^1.17.0",
+    "@vueuse/router": "^13.9.0",
     "ajv": "^8.17.1",
     "ajv-errors": "^3.0.0",
     "ajv-i18n": "^4.2.0",
-    "cookie": "^0.6.0",
+    "cookie": "^1.0.2",
     "fast-password-entropy": "^1.1.1",
-    "hibp": "^14.1.2",
+    "hibp": "^15.0.1",
     "moment": "^2.30.1",
-    "monaco-editor": "^0.52.2",
-    "openapi-fetch": "^0.8.2",
-    "pinia": "^2.1.7",
+    "monaco-editor": "^0.53.0",
+    "openapi-fetch": "^0.14.0",
+    "pinia": "^3.0.3",
     "qs": "^6.14.0",
-    "quasar": "^2.15.4",
-    "radash": "^12.1.0",
-    "reconnecting-eventsource": "^1.6.2",
-    "sass": "^1.70.0",
-    "vue-eslint-parser": "^9.4.2",
-    "yaml": "^2.4.2"
+    "quasar": "^2.18.2",
+    "radash": "^12.1.1",
+    "reconnecting-eventsource": "^1.6.4",
+    "sass": "^1.92.1",
+    "vue-eslint-parser": "^10.2.0",
+    "yaml": "^2.8.1"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^1.3.9",
-    "@nuxt/eslint-config": "^0.2.0",
-    "@types/node": "^18.17.3",
-    "@typescript-eslint/eslint-plugin": "^6.19.1",
-    "@typescript-eslint/parser": "^6.19.1",
-    "@vue/language-plugin-pug": "^1.8.27",
-    "@vueuse/core": "^10.7.2",
-    "@vueuse/nuxt": "^10.7.2",
-    "dayjs-nuxt": "^2.1.9",
-    "eslint": "^8.56.0",
-    "memfs": "^4.8.2",
-    "nuxt": "^3.16.0",
-    "nuxt-monaco-editor": "^1.3.2",
-    "nuxt-quasar-ui": "^2.0.7",
-    "openapi-typescript": "^6.7.4",
-    "prettier": "^3.2.4",
-    "typescript": "^5.3.3",
-    "vite-plugin-pug": "^0.3.2",
-    "vue": "^3.4.14",
-    "vue-router": "^4.2.5",
-    "vue-tsc": "^1.8.27"
+    "@nuxt/devtools": "^2.6.3",
+    "@nuxt/eslint-config": "^1.9.0",
+    "@types/node": "^24.4.0",
+    "@typescript-eslint/eslint-plugin": "^8.43.0",
+    "@typescript-eslint/parser": "^8.43.0",
+    "@vue/language-plugin-pug": "^3.0.7",
+    "@vueuse/core": "^13.9.0",
+    "@vueuse/nuxt": "^13.9.0",
+    "dayjs-nuxt": "^2.1.11",
+    "eslint": "^9.35.0",
+    "memfs": "^4.39.0",
+    "nuxt": "^4.1.2",
+    "nuxt-monaco-editor": "^1.4.0",
+    "nuxt-quasar-ui": "^2.1.13",
+    "openapi-typescript": "^7.9.1",
+    "prettier": "^3.6.2",
+    "typescript": "^5.9.2",
+    "vite-plugin-pug": "^0.4.1",
+    "vue": "^3.5.21",
+    "vue-router": "^4.5.1",
+    "vue-tsc": "^3.0.7"
   },
   "resolutions": {
     "string-width": "^1.0.2 || 2 || 3 || 4"
-  }
+  },
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }

src/components/hook.vue

@@ -0,0 +1,46 @@
+<template lang="pug">
+div(:id='"tk-hook:" + name')
+  template(v-for="(customSlot, key) in customSlots")
+    pre.bg-red.text-white(v-if='debug' v-html="JSON.stringify({name, customSlot, data}, null, 2)")
+    component(
+      v-if='customSlot.componentName'
+      :key='key'
+      :is="customSlot.componentName"
+      v-bind="{...customSlot.data, ...data}"
+    )
+</template>
+
+<script lang="ts" setup>
+import { useAppConfig } from '#imports'
+import { sort } from 'radash'
+
+//TODO: Convert to a sdk repository and publish it on npm for 3rd-party extensions
+interface CustomSlotInterface {
+  componentName: string
+  priority?: number
+  data?: Record<string, any>
+}
+
+const props = defineProps({
+  name: {
+    type: String,
+    required: true,
+  },
+  data: {
+    type: Object,
+    default: () => ({}),
+  },
+  debug: {
+    type: Boolean,
+    default: false,
+  },
+})
+
+const config = useAppConfig()
+const customSlots = computed(() => {
+  if (config.customSlots.hasOwnProperty(props.name)) {
+    const configCustomSlots = config.customSlots as Record<string, CustomSlotInterface[]>
+    return sort(configCustomSlots[props.name], (list: CustomSlotInterface) => list.priority || 0, true)
+  }
+})
+</script>

src/components/identityForm/actions.vue

@@ -52,6 +52,26 @@ div.flex
 
       q-separator(v-if="props.identity?._id" size='3px' vertical)
 
+      div(ref='targetEl' style='display: height: 36px;')
+        q-tooltip.text-body2(:target="targetEl" anchor="top middle" self="bottom middle") État du cycle de vie : {{ stateName }}
+        q-btn-dropdown.q-pl-sm.full-height(icon='mdi-clock' color='purple-8' square unelevated dense)
+          q-list
+            q-item(
+              v-for='stateItem in stateList' :key='stateItem.key'
+              @click="switchLifecycle(stateItem.key)"
+              :active='stateItem.key === props.identity.lifecycle'
+              active-class="bg-purple-8 text-white"
+              clickable v-close-popup
+            )
+              q-item-section(avatar)
+                q-icon(:name="stateItem.icon || 'mdi-help-rhombus-outline'" :color="stateItem.color")
+              q-item-section
+                q-item-label
+                  span(v-text='stateItem.label')
+                  |  
+                  small(v-text='("(" + stateItem.key + ")")')
+      q-separator(size='3px' vertical)
+
       q-btn-dropdown.text-white(v-if="props.identity?._id" dropdown-icon="mdi-dots-vertical" style='background-color: rgba(0, 0, 0, .6)' padding='5px 10px' dense no-caps)
         q-list
           a(:href="'/jobs?filters[:concernedTo.id]=' + props.identity?._id" target="_blank" style='text-decoration: none; color: inherit' @click.prevent="dialogLog = true")
@@ -128,6 +148,7 @@ import InputNewPassword from '~/components/inputNewPassword.vue'
 const resetPasswordModal = ref(false)
 const forcePasswordModal = ref(false)
 
+const targetEl = ref()
 const newpassword = ref('')
 type IdentityResponse = operations['IdentitiesController_search']['responses']['200']['content']['application/json']
 type Identity = components['schemas']['IdentitiesDto']
@@ -157,6 +178,7 @@ const props = defineProps({
 const $q = useQuasar()
 const router = useRouter()
 const { getStateColor, getStateName } = useIdentityStates()
+const { getLifecycleColor, getLifecycleName, getLifecycleIcon, stateList } = await useIdentityLifecycles()
 const { handleError } = useErrorHandling()
 
 const emits = defineEmits(['submit', 'sync', 'logs', 'create', 'delete'])
@@ -166,6 +188,27 @@ const validationsModal = ref(false)
 const dialogLog = ref(false)
 const dialogLifecycle = ref(false)
 
+async function switchLifecycle(lifecycle: string) {
+  const requestOptions = { method: 'POST', body: JSON.stringify({ lifecycle }) }
+  try {
+    const data = await $http.patch(`/management/identities/${props.identity._id}/lifecycle`, requestOptions)
+    $q.notify({
+      message: 'Le cycle de vie a été mis à jour : ' + data._data?.data?.lifecycle,
+      color: 'positive',
+      position: 'top-right',
+      icon: 'mdi-check-circle-outline',
+    })
+    props?.refreshTarget(props.identity)
+  } catch (error) {
+    $q.notify({
+      message: 'Impossible de modifier le cycle de vie : ' + error.response._data.message,
+      color: 'negative',
+      position: 'top-right',
+      icon: 'mdi-alert-circle-outline',
+    })
+  }
+}
+
 async function doChangePassword() {
   const requestOptions = { method: 'POST', body: JSON.stringify({ id: props.identity._id, newPassword: newpassword.value }) }
   try {
@@ -346,11 +389,26 @@ const stateName = computed(() => {
   return getStateName(state)
 })
 
+const lifecycleName = computed(() => {
+  const lifecycle = props.identity?.lifecycle
+  return getLifecycleName(lifecycle)
+})
+
 const stateColor = computed(() => {
   const state = props.identity?.state
   return getStateColor(state)
 })
 
+const lifecycleColor = computed(() => {
+  const lifecycle = props.identity?.lifecycle
+  return getLifecycleColor(lifecycle)
+})
+
+const lifecycleIcon = computed(() => {
+  const lifecycle = props.identity?.lifecycle
+  return getLifecycleIcon(lifecycle)
+})
+
 async function sync() {
   emits('sync')
 }

src/components/table/state-col.vue

@@ -1,11 +1,11 @@
 <template lang="pug">
 q-td
   q-icon(:name="stateInfo.icon" :color="stateInfo.color" :style='{color: stateInfo.color.startsWith("#") ? stateInfo.color : "inherit"}'  :class="`q-mr-md`")
-    q-tooltip.text-body2(slot="trigger") Etat : {{ stateInfo.name }}
-  q-icon(:name="initStateInfo.icon" :color="initStateInfo.color" :style='{color: initStateInfo.color.startsWith("#") ? initStateInfo.color : "inherit"}'  :class="`q-mr-md`")
-    q-tooltip.text-body2(slot="trigger") Initialisation du compte : {{ initStateInfo.name }}
-  q-icon(:name="lifecycleInfo.icon" :color="lifecycleInfo.color" :style='{color: lifecycleInfo.color.startsWith("#") ? lifecycleInfo.color : "inherit"}' :class="`q-mr-md`")
-    q-tooltip.text-body2(slot="trigger") Cycle de vie : {{ lifecycleInfo.name }}
+    q-tooltip.text-body2(slot="trigger") Etat : {{ stateInfo.name }} ({{ stateInfo.value || '?' }})
+  q-icon(:name="initStateInfo.icon" :color="initStateInfo.color" :style='{color: initStateInfo.color?.startsWith("#") ? initStateInfo.color : "inherit"}'  :class="`q-mr-md`")
+    q-tooltip.text-body2(slot="trigger") Initialisation du compte : {{ initStateInfo.name }} ({{ initStateInfo.value || '?' }})
+  q-icon(:name="lifecycleInfo.icon" :color="lifecycleInfo.color" :style='{color: lifecycleInfo.color?.startsWith("#") ? lifecycleInfo.color : "inherit"}' :class="`q-mr-md`")
+    q-tooltip.text-body2(slot="trigger") Cycle de vie : {{ lifecycleInfo.name }} ({{ lifecycleInfo.value || '?' }})
 </template>
 
 <script lang="ts" setup>
@@ -16,7 +16,7 @@ import type { PropType } from 'vue'
 import { useIdentityStates, useIdentityLifecycles, useIdentityInitStates } from '~/composables'
 const { getStateColor, getStateName, getStateInfos } = useIdentityStates()
 const { getInitStateColor, getInitStateName, getInitStateInfos } = useIdentityInitStates()
-const { getLifecycleColor, getLifecycleName, getLifecycleInfos } = useIdentityLifecycles()
+const { getLifecycleColor, getLifecycleName, getLifecycleInfos } = await useIdentityLifecycles()
 
 const props = defineProps({
   identity: {