Replace useCidReq composable with getCourseContext utility throughout the codebase. Centralize course context resolution logic for consistency and reusability.

Author: AngelFQC

assets/vue/components/assignments/AssignmentsForm.vue

@@ -159,7 +159,7 @@ import useVuelidate from "@vuelidate/core"
 import { computed, reactive, ref, watchEffect } from "vue"
 import { maxValue, minValue, required } from "@vuelidate/validators"
 import { useI18n } from "vue-i18n"
-import { useCidReq } from "../../composables/cidReq"
+import { getCourseContext } from "../../utils/courseContext"
 import { useRoute } from "vue-router"
 import { RESOURCE_LINK_PUBLISHED } from "../../constants/entity/resourcelink"
 
@@ -177,7 +177,7 @@ const props = defineProps({
 const emit = defineEmits(["submit"])
 
 const { t } = useI18n()
-const { cid, sid, gid } = useCidReq()
+const { cid, sid, gid } = getCourseContext()
 const route = useRoute()
 
 const showAdvancedSettings = ref(false)

assets/vue/components/assignments/AssignmentsLayout.vue

@@ -6,14 +6,14 @@
 import { ref } from "vue"
 import { useRoute, useRouter } from "vue-router"
 import { useI18n } from "vue-i18n"
-import { useCidReq } from "../../composables/cidReq"
+import { getCourseContext } from "../../utils/courseContext"
 import { useSecurityStore } from "../../store/securityStore"
 
 const route = useRoute()
 const router = useRouter()
 const { t } = useI18n()
 
-const { cid, sid, gid } = useCidReq()
+const { cid, sid, gid } = getCourseContext()
 const securityStore = useSecurityStore()
 
 const isCurrentTeacher = securityStore.isCurrentTeacher

assets/vue/components/assignments/MoveSubmissionModal.vue

@@ -48,7 +48,7 @@ import Button from "primevue/button"
 import Dialog from "primevue/dialog"
 import cStudentPublicationService from "../../services/cstudentpublication"
 import { useNotification } from "../../composables/notification"
-import { useCidReq } from "../../composables/cidReq"
+import { getCourseContext } from "../../utils/courseContext"
 
 const props = defineProps({
   modelValue: Boolean,
@@ -57,7 +57,7 @@ const props = defineProps({
 })
 
 const emit = defineEmits(["update:modelValue", "moved"])
-const { cid, sid, gid } = useCidReq()
+const { cid, sid, gid } = getCourseContext()
 const { t } = useI18n()
 const notification = useNotification()
 

assets/vue/components/assignments/StudentAssignmentList.vue

@@ -80,7 +80,7 @@ import { ref, onMounted, nextTick, computed } from "vue"
 import { useI18n } from "vue-i18n"
 import { useFormatDate } from "../../composables/formatDate"
 import { useRoute, useRouter } from "vue-router"
-import { useCidReq } from "../../composables/cidReq"
+import { getCourseContext } from "../../utils/courseContext"
 import cStudentPublicationService from "../../services/cstudentpublication"
 import BaseIcon from "../basecomponents/BaseIcon.vue"
 import BaseButton from "../basecomponents/BaseButton.vue"
@@ -91,7 +91,7 @@ const { t, locale } = useI18n()
 const { abbreviatedDatetime } = useFormatDate()
 const router = useRouter()
 const route = useRoute()
-const { cid, sid, gid } = useCidReq()
+const { cid, sid, gid } = getCourseContext()
 
 const assignments = ref([])
 const loading = ref(false)

assets/vue/components/assignments/TeacherAssignmentList.vue

@@ -141,7 +141,7 @@ import Column from "primevue/column"
 import { computed, reactive, ref, watch } from "vue"
 import { useI18n } from "vue-i18n"
 import cStudentPublicationService from "../../services/cstudentpublication"
-import { useCidReq } from "../../composables/cidReq"
+import { getCourseContext } from "../../utils/courseContext"
 import { useFormatDate } from "../../composables/formatDate"
 import BaseTag from "../basecomponents/BaseTag.vue"
 import BaseButton from "../basecomponents/BaseButton.vue"
@@ -163,7 +163,7 @@ const selected = ref([])
 const loading = ref(false)
 const totalRecords = ref(0)
 
-const { cid, sid, gid } = useCidReq()
+const { cid, sid, gid } = getCourseContext()
 
 const notification = useNotification()
 

assets/vue/components/attendance/AttendanceForm.vue

@@ -110,13 +110,13 @@ import BaseInputText from "../basecomponents/BaseInputText.vue"
 import ResourceLanguageSelector from "../resources/ResourceLanguageSelector.vue"
 import { useRoute, useRouter } from "vue-router"
 import { RESOURCE_LINK_PUBLISHED } from "../../constants/entity/resourcelink"
-import { useCidReq } from "../../composables/cidReq"
+import { getCourseContext } from "../../utils/courseContext"
 import gradebookService from "../../services/gradebookService"
 
 const { t } = useI18n()
 const route = useRoute()
 const router = useRouter()
-const { sid, cid } = useCidReq()
+const { sid, cid } = getCourseContext()
 const emit = defineEmits(["backPressed"])
 const props = defineProps({
   initialData: {

assets/vue/components/chat/DockedChat.vue

@@ -247,7 +247,7 @@
 import { computed, onBeforeUnmount, onMounted, reactive, ref, watch } from "vue"
 import { useI18n } from "vue-i18n"
 import { useRoute } from "vue-router"
-import { useCidReq } from "../../composables/cidReq"
+import { getCourseContext } from "../../utils/courseContext"
 import DOMPurify from "dompurify"
 
 const { t } = useI18n({ useScope: "global" })
@@ -303,12 +303,12 @@ function readCidReqFromRouteAndLocation() {
 }
 
 /**
- * Keep compatibility: if useCidReq() works, bind to it.
+ * Keep compatibility: if getCourseContext() works, bind to it.
  * If it doesn't provide cid for path-based routes, route watcher will override via readCidReqFromRouteAndLocation().
  */
 function safeBindCidReq() {
   try {
-    const r = useCidReq()
+    const r = getCourseContext()
     if (r?.cid && typeof r.cid === "object" && "value" in r.cid) cid.value = toInt(r.cid.value) || 0
     if (r?.sid && typeof r.sid === "object" && "value" in r.sid) sid.value = toInt(r.sid.value) || 0
     if (r?.gid && typeof r.gid === "object" && "value" in r.gid) gid.value = toInt(r.gid.value) || 0

assets/vue/components/documents/DocumentAiMediaDialog.vue

@@ -284,7 +284,7 @@ import Dropdown from "primevue/dropdown"
 import InputText from "primevue/inputtext"
 import { useI18n } from "vue-i18n"
 import { useRoute } from "vue-router"
-import { useCidReq } from "../../composables/cidReq"
+import { getCourseContext } from "../../utils/courseContext"
 import { RESOURCE_LINK_PUBLISHED } from "../../constants/entity/resourcelink"
 import BaseButton from "../basecomponents/BaseButton.vue"
 import { usePlatformConfig } from "../../store/platformConfig"
@@ -307,7 +307,7 @@ const emit = defineEmits(["update:visible", "accepted"])
 
 const route = useRoute()
 const { t, locale } = useI18n()
-const { cid, sid, gid } = useCidReq()
+const { cid, sid, gid } = getCourseContext()
 
 const platformConfig = usePlatformConfig()
 const courseSettingsStore = useCourseSettings()

assets/vue/components/documents/DocumentAudioRecorder.vue

@@ -55,11 +55,11 @@ import BaseInputText from "../basecomponents/BaseInputText.vue"
 import AudioRecorder from "../AudioRecorder.vue"
 import BaseButton from "../basecomponents/BaseButton.vue"
 import { RESOURCE_LINK_PUBLISHED } from "../../constants/entity/resourcelink"
-import { useCidReq } from "../../composables/cidReq"
+import { getCourseContext } from "../../utils/courseContext"
 import documentsService from "../../services/documents"
 
 const { t } = useI18n()
-const queryParams = useCidReq()
+const queryParams = getCourseContext()
 
 const props = defineProps({
   parentResourceNodeId: {

assets/vue/components/documents/DocumentEntry.vue

@@ -76,7 +76,7 @@
 <script setup>
 import { computed } from "vue"
 import ResourceIcon from "./ResourceIcon.vue"
-import { useCidReq } from "../../composables/cidReq"
+import { getCourseContext } from "../../utils/courseContext"
 import { useFileUtils } from "../../composables/fileUtils"
 import { usePlatformConfig } from "../../store/platformConfig"
 
@@ -87,7 +87,7 @@ const props = defineProps({
   },
 })
 
-const cidQuery = useCidReq()
+const cidQuery = getCourseContext()
 const platformConfigStore = usePlatformConfig()
 const { isFile: utilsIsFile, isImage, isVideo, isAudio, isPreviewable: utilsIsPreviewable } = useFileUtils()