Improved Object Validations with New ValidateObject

Author: Abhishek-Punhani

kolibri/plugins/learn/assets/src/views/HybridLearningLessonCard.vue

@@ -53,9 +53,18 @@
     },
     mixins: [commonLearnStrings, commonCoreStrings],
     props: {
-      content: {
+     content: {
         type: Object,
         required: true,
+        validator: function (content) {
+          return validateObject(content, {
+            id: { type: String, required: true },
+            title: { type: String, required: true },
+            thumbnail: { type: String, required: false, default: '' },
+            description: { type: String, required: false, default: '' },
+            num_coach_contents: { type: Number, required: false, default: 0 },
+          });
+        },
       },
       link: {
         type: Object,

kolibri/plugins/learn/assets/src/views/LibraryAndChannelBrowserMainContent.vue

@@ -39,6 +39,7 @@
   import HybridLearningContentCard from './HybridLearningContentCard';
   import HybridLearningFooter from './HybridLearningContentCard/HybridLearningFooter';
   import CardList from './CardList';
+  import { validateObject } from 'kolibri/utils/objectSpecs';
 
   export default {
     name: 'LibraryAndChannelBrowserMainContent',
@@ -66,14 +67,21 @@
       contents: {
         type: Array,
         required: true,
+        validator: function (contents) {
+          return contents.every(content =>
+            validateObject(content, {
+              id: { type: String, required: true },
+              title: { type: String, required: true },
+              is_leaf: { type: Boolean, required: true },
+              copies: { type: Array, required: false, default: () => [] },
+            }),
+          );
+        },
       },
       currentCardViewStyle: {
         type: String,
         required: true,
         default: 'card',
-        validator(value) {
-          return ['card', 'list'].includes(value);
-        },
       },
       keepCurrentBackLink: {
         type: Boolean,

packages/kolibri/components/DownloadButton.vue

@@ -24,7 +24,7 @@
   import useUser from 'kolibri/composables/useUser';
   import { getRenderableFiles } from './internal/ContentRenderer/utils';
   import { getFilePresetString } from './internal/filePresetStrings';
-
+  import { validateObject } from 'kolibri/utils/objectSpecs';
   export default {
     name: 'DownloadButton',
     setup() {
@@ -38,6 +38,26 @@
       files: {
         type: Array,
         default: () => [],
+         validator: function (files) {
+          return files.every(file =>
+            validateObject(file, {
+              checksum: { type: String, required: true },
+              extension: { type: String, required: true },
+              preset: { type: String, required: true },
+              lang: {
+                type: Object,
+                required: false,
+                default: () => ({}),
+                validator: function (lang) {
+                  return validateObject(lang, {
+                    lang_name: { type: String, required: true },
+                  });
+                },
+              },
+              storage_url: { type: String, required: true },
+            }),
+          );
+        },
       },
       nodeTitle: {
         type: String,