Make sure that the template data editor overwrites previous data and …

…use JSON as its language Signed-off-by: Axel Boberg <[email protected]>
svt · Mar 18, 2024 · dbf8568 · dbf8568
1 parent 2f777f4
commit dbf8568
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 8 deletions.
diff --git a/plugins/caspar/app/components/Monaco/index.jsx b/plugins/caspar/app/components/Monaco/index.jsx
@@ -115,7 +115,7 @@ export const Monaco = ({ defaultValue = '', value = '', onChange = () => {} }) =
 
     const editor = monaco.editor.create(elRef.current, {
       value: defaultValue,
-      language: 'bridgeLang',
+      language: 'json',
       scrollbar: {
         verticalScrollbarSize: 5,
         horizontalScrollbarSize: 5

diff --git a/plugins/caspar/app/views/InspectorTemplate.jsx b/plugins/caspar/app/views/InspectorTemplate.jsx
@@ -39,14 +39,21 @@ export const InspectorTemplate = () => {
   }
 
   function handleChange(newValue) {
-    handleNewValue({
-      data: {
-        caspar: {
-          templateData: JSON.parse(newValue),
-          templateDataString: newValue
+    try {
+      const parsed = JSON.parse(newValue)
+      handleNewValue({
+        data: {
+          caspar: {
+            templateData: { $replace: parsed },
+            templateDataString: newValue
+          }
         }
-      }
-    })
+      })
+    } catch (_) {
+      /*
+      Invalid JSON data was passed from Monaco
+      */
+    }
   }
 
   return (