From 2d45f18e9772a47d54e4694011caccece98ba507 Mon Sep 17 00:00:00 2001
From: cnouguier <ch.nouguier@gmail.com>
Date: Tue, 14 Jan 2025 09:32:19 +0100
Subject: [PATCH] refactor: added mixin-base-context from KDK

---
 src/components/Context.vue       |  3 +-
 src/mixins/index.js              |  2 ++
 src/mixins/mixin.base-context.js | 54 ++++++++++++++++++++++++++++++++
 3 files changed, 58 insertions(+), 1 deletion(-)
 create mode 100644 src/mixins/mixin.base-context.js

diff --git a/src/components/Context.vue b/src/components/Context.vue
index 311c7aaa..7506aac6 100644
--- a/src/components/Context.vue
+++ b/src/components/Context.vue
@@ -6,7 +6,8 @@
 
 <script>
 import _ from 'lodash'
-import { Theme, mixins } from '@kalisio/kdk/core.client'
+import { Theme } from '@kalisio/kdk/core.client'
+import mixins from '../mixins'
 
 export default {
   name: 'context',
diff --git a/src/mixins/index.js b/src/mixins/index.js
index 601c0160..e3bab74d 100644
--- a/src/mixins/index.js
+++ b/src/mixins/index.js
@@ -1,5 +1,7 @@
+import { baseContext } from './mixin.base-context.js'
 import events from './mixin.events'
 
 export default {
+  baseContext,
   events
 }
diff --git a/src/mixins/mixin.base-context.js b/src/mixins/mixin.base-context.js
new file mode 100644
index 00000000..fcefedce
--- /dev/null
+++ b/src/mixins/mixin.base-context.js
@@ -0,0 +1,54 @@
+export const baseContext = {
+  props: {
+    contextId: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      contextLoaded: false
+    }
+  },
+  watch: {
+    $route (to, from) {
+      // React to route changes but reusing the same component as this one is generic
+      this.refreshContext()
+    }
+  },
+  methods: {
+    clearContext () {
+      this.$store.set('context', null)
+      this.contextLoaded = false
+    },
+    setContext (context) {
+      // Set context in store so that contextual services are aware of it
+      this.$store.set('context', context)
+      this.contextLoaded = true
+    },
+    async refreshContext () {
+      if (this.contextId) {
+        // Context already set ?
+        let context = this.$store.get('context')
+        if (context && context._id === this.contextId) {
+          return
+        }
+        // Otherwise clear so that underlying components will be destroyed
+        this.clearContext()
+        // Then update the context
+        context = await this.service.get(this.contextId)
+        this.setContext(context)
+      } else {
+        this.clearContext()
+      }
+    }
+  },
+  created () {
+    this.service = this.$api.getService(this.$config('context.service'))
+    // Register the context
+    this.refreshContext()
+  },
+  beforeUnmount () {
+    this.clearContext()
+  }
+}