Show shapetag script

Author: alexjennings

src/components/job/JobDisplay.jsx

@@ -1,6 +1,6 @@
 import moment from 'moment';
 
-import getJobDataVariant from '../../utils/getJobDataVariant';
+import getSimpleMetadataVariant from '../../utils/getSimpleMetadataVariant';
 import TextGrid from '../ui/TextGrid';
 import TypeArray from '../ui/TypeArray';
 import TypeSection from '../ui/TypeSection';
@@ -69,7 +69,7 @@ function KeyValueType({ value }) {
       title={value.key}
       value={value.value}
       titleStartCase={false}
-      variant={getJobDataVariant(value.key)}
+      variant={getSimpleMetadataVariant(value.key)}
       hideCode
       hover
     />

src/components/shapetag/ShapeTagDisplay.jsx

@@ -497,7 +497,7 @@ export function ThumbnailSection({ value = {} }) {
 }
 
 export function ScriptSection({ value = {} }) {
-  return <TextGrid value={value.script} variant="json" />;
+  return <TextGrid value={value.script} variant="javascript" />;
 }
 
 export function ShapeTagContainerDisplay({ transcodePresetDocument }) {

src/components/shapetag/ShapeTagListTitle.jsx

@@ -7,7 +7,7 @@ export default function ShapeTagListTitle({ openCode, openCreate, onRefresh }) {
       onRefresh={onRefresh}
       openCode={openCode}
       openAction={openCreate}
-      helpTo="/item/shape-tag.html"
+      helpTo="/ref/shape-tag.html"
     />
   );
 }

src/components/shapetag/ShapeTagTitle.jsx

@@ -11,6 +11,7 @@ export default function ShapeTagTitle({ openCode, onRefresh, tagName, openRemove
       parentTo="/shape-tag/"
       openCode={openCode}
       onRefresh={onRefresh}
+      helpTo="/ref/shape-tag.html"
       actionComponent={
         <IconButton onClick={openRemove}>
           <DeleteForever />

src/components/storage/StorageDisplay.jsx

@@ -104,7 +104,9 @@ export function StorageMetadataDisplay({ value = {} }) {
 }
 
 function ScriptSection({ value = {} }) {
-  return <TextGrid title="archiveScript" value={value.archiveScript} variant="code" hideNoValue />;
+  return (
+    <TextGrid title="archiveScript" value={value.archiveScript} variant="javascript" hideNoValue />
+  );
 }
 
 export function StorageScriptDisplay({ value = {} }) {

src/components/ui/DisplayType.jsx

@@ -1,14 +1,23 @@
+import getSimpleMetadataVariant from '../../utils/getSimpleMetadataVariant';
+
 import TextGrid from './TextGrid';
 import TypeArray from './TypeArray';
 import TypeSection from './TypeSection';
 
 function SimpleMetadataValueType({ dense, value = {} }) {
   return dense ? (
-    <TextGrid title={value.key} value={value.value} hover hideNoValue titleStartCase={false} />
+    <TextGrid
+      title={value.key}
+      value={value.value}
+      hover
+      hideNoValue
+      titleStartCase={false}
+      variant={getSimpleMetadataVariant(value.key)}
+    />
   ) : (
     <>
       <TextGrid title="key" value={value.key} />
-      <TextGrid title="value" value={value.value} />
+      <TextGrid title="value" value={value.value} variant={getSimpleMetadataVariant(value.key)} />
     </>
   );
 }
@@ -26,11 +35,18 @@ export function SimpleMetadataType({ value: v = {}, dense = true }) {
 
 export function KeyValuePairType({ value = {}, dense = true }) {
   return dense ? (
-    <TextGrid title={value.key} value={value.value} hover hideNoValue titleStartCase={false} />
+    <TextGrid
+      title={value.key}
+      value={value.value}
+      hover
+      hideNoValue
+      titleStartCase={false}
+      variant={getSimpleMetadataVariant(value.key)}
+    />
   ) : (
     <>
       <TextGrid title="key" value={value.key} />
-      <TextGrid title="value" value={value.value} />
+      <TextGrid title="value" value={value.value} variant={getSimpleMetadataVariant(value.key)} />
     </>
   );
 }

src/components/ui/TextGrid.jsx

@@ -147,6 +147,28 @@ function TextGrid({
           isValueHidden={isValueHidden}
         />
       );
+    case 'application/javascript':
+    case 'javascript':
+      return (
+        <TextGridCode
+          title={title}
+          value={value}
+          variant={variant}
+          titleGridProps={titleGridProps}
+          titleStartCase={titleStartCase}
+          codeProps={{
+            mode: 'javascript',
+            foldGutter: true,
+            gutters: ['CodeMirror-linenumbers', 'CodeMirror-foldgutter'],
+            ...codeProps,
+          }}
+          noWrapTitle={noWrapTitle}
+          hideCode={hideCode}
+          onTextClick={onTextClick}
+          toggleHideValue={toggleHideValue}
+          isValueHidden={isValueHidden}
+        />
+      );
     case 'boolean':
       return (
         <TextGridBoolean

src/utils/getJobDataVariant.js

@@ -1,9 +1,72 @@
 export default function getSimpleMetadataVariant(key) {
+  if (key.startsWith('transcodeShapeDocument')) return 'xml';
+  if (key.startsWith('assetMapShapeDocument')) return 'xml';
+  if (key.startsWith('batonTestPlan')) return 'xml';
+  if (key.endsWith('transcodePreset')) return 'xml';
+  if (key.match(/shapeDocument\d+$/g)) return 'xml';
   if (key.startsWith('imf/essenceDescriptors')) return 'xml';
   if (key.match(/imf_opl_\d+$/g)) return 'xml';
   switch (key) {
     case 'item':
       return 'itemId';
+    case 'itemId':
+      return 'itemId';
+    case 'fileId':
+      return 'fileIdList';
+    case 'sourceFileId':
+      return 'fileId';
+    case 'destinationFileId':
+      return 'fileId';
+    case 'originalFileId':
+      return 'fileId';
+    case 'fileIds':
+      return 'fileIdList';
+    case 'username':
+      return 'username';
+    case 'destinationStorageId':
+      return 'storageId';
+    case 'sourceStorageId':
+      return 'storageId';
+    case 'storageId':
+      return 'storageId';
+    case 'shapeDocument':
+      return 'xml';
+    case 'result':
+      return 'xml';
+    case 'jobDocument':
+      return 'xml';
+    case 'jobStatusDocument':
+      return 'xml';
+    case 'conformXML':
+      return 'xml';
+    case 'metadata':
+      return 'xml';
+    case 'importCompositionPlaylists':
+      return 'xml';
+    case 'shapeListDocument':
+      return 'xml';
+    case 'importAssetMap':
+      return 'xml';
+    case 'importPackingList':
+      return 'xml';
+    case 'cognitive':
+      return 'xml';
+    case 'fabricXML':
+      return 'xml';
+    case 'originalShapeIdsStruct':
+      return 'json';
+    case 'filePathMap':
+      return 'commaseparatedlist';
+    case 'sourceUris':
+      return 'commaseparatedlist';
+    case 'sourceFileIds':
+      return 'commaseparatedlist';
+    case 'fileItemMapping':
+      return 'commaseparatedlist';
+    case 'shapeIds':
+      return 'commaseparatedlist';
+    case 'filenameScript':
+      return 'javascript';
     case 'imf_locale':
       return 'xml';
     case 'imf_opl':