Add `'preview'` to the list with allowed modes in all examples

examples/03_switch_mode.html

@@ -42,7 +42,7 @@
 
   var options = {
     mode: 'tree',
-    modes: ['code', 'form', 'text', 'tree', 'view'], // allowed modes
+    modes: ['code', 'form', 'text', 'tree', 'view', 'preview'], // allowed modes
     onError: function (err) {
       alert(err.toString());
     },

examples/15_selection_api.html

@@ -64,7 +64,7 @@
 
   options = {
     mode: 'tree',
-    modes: ['code', 'form', 'text', 'tree', 'view'], // allowed modes
+    modes: ['code', 'form', 'text', 'tree', 'view', 'preview'], // allowed modes
     onError: function (err) {
       alert(err.toString());
     },

examples/17_on_event_api.html

@@ -43,7 +43,7 @@
 
   options = {
     mode: 'tree',
-    modes: ['code', 'form', 'text', 'tree', 'view'], // allowed modes
+    modes: ['code', 'form', 'text', 'tree', 'view', 'preview'], // allowed modes
     name: "jsonContent",
     onError: function (err) {
       alert(err.toString());

src/js/ModeSwitcher.js

@@ -6,8 +6,8 @@ var translate = require('./i18n').translate;
 /**
  * Create a select box to be used in the editor menu's, which allows to switch mode
  * @param {HTMLElement} container
- * @param {String[]} modes  Available modes: 'code', 'form', 'text', 'tree', 'view'
+ * @param {String[]} modes  Available modes: 'code', 'form', 'text', 'tree', 'view', 'preview'
- * @param {String} current  Available modes: 'code', 'form', 'text', 'tree', 'view'
+ * @param {String} current  Available modes: 'code', 'form', 'text', 'tree', 'view', 'preview'
  * @param {function(mode: string)} onSwitch  Callback invoked on switch
  * @constructor
  */

src/js/previewmode.js

@@ -427,6 +427,9 @@ previewmode.set = function(json) {
   this.json = json;
 
   this.renderPreview();
+
+  // validate JSON schema
+  this._debouncedValidate();
 };
 
 /**

test/test_build.html

@@ -44,7 +44,7 @@
 
   options = {
     mode: 'tree',
-    modes: ['code', 'form', 'text', 'tree', 'view'], // allowed modes
+    modes: ['code', 'form', 'text', 'tree', 'view', 'preview'], // allowed modes
     onError: function (err) {
       alert(err.toString());
     },

test/test_build_min.html

@@ -41,7 +41,7 @@
 
   options = {
     mode: 'tree',
-    modes: ['code', 'form', 'text', 'tree', 'view'], // allowed modes
+    modes: ['code', 'form', 'text', 'tree', 'view', 'preview'], // allowed modes
     onError: function (err) {
       alert(err.toString());
     }

test/test_code_mode.html

@@ -44,7 +44,7 @@
 
   options = {
     mode: 'code',
-    modes: ['code', 'form', 'text', 'tree', 'view'], // allowed modes
+    modes: ['code', 'form', 'text', 'tree', 'view', 'preview'], // allowed modes
     onError: function (err) {
       alert(err.toString());
     },

test/test_destroy.html

@@ -48,7 +48,7 @@
 
   options = {
     mode: 'tree',
-    modes: ['code', 'form', 'text', 'tree', 'view'], // allowed modes
+    modes: ['code', 'form', 'text', 'tree', 'view', 'preview'], // allowed modes
     onError: function (err) {
       alert(err.toString());
     },

test/test_large_array.html

@@ -40,7 +40,7 @@
 
   var options = {
     mode: 'tree',
-    modes: ['code', 'form', 'text', 'tree', 'view'], // allowed modes
+    modes: ['code', 'form', 'text', 'tree', 'view', 'preview'], // allowed modes
     onError: function (err) {
       console.error(err);
       alert(err.toString());

test/test_materialize.html

@@ -48,7 +48,7 @@
 
   options = {
     mode: 'tree',
-    modes: ['code', 'form', 'text', 'tree', 'view'], // allowed modes
+    modes: ['code', 'form', 'text', 'tree', 'view', 'preview'], // allowed modes
     onError: function (err) {
       alert(err.toString());
     },

test/test_minimalist_min.html

@@ -41,7 +41,7 @@
 
   options = {
     mode: 'tree',
-    modes: ['code', 'form', 'text', 'tree', 'view'], // allowed modes
+    modes: ['code', 'form', 'text', 'tree', 'view', 'preview'], // allowed modes
     onError: function (err) {
       alert(err.toString());
     }

test/test_schema.html

@@ -73,7 +73,7 @@
 
   var options = {
     mode: 'tree',
-    modes: ['code', 'form', 'text', 'tree', 'view'], // allowed modes
+    modes: ['code', 'form', 'text', 'tree', 'view', 'preview'], // allowed modes
     onError: function (err) {
       console.error(err);
     },

test/test_update.html

@@ -55,7 +55,7 @@
 
       var options = {
         mode: 'tree',
-        modes: ['code', 'form', 'text', 'tree', 'view'] // allowed modes
+        modes: ['code', 'form', 'text', 'tree', 'view', 'preview'] // allowed modes
       };
 
       var json = {