Merge pull request #1291 from devtron-labs/redirect_schema_json

fix: Schema.json redirect wrong path in deployment template

Author: dhananjay0601

src/components/CodeEditor/CodeEditor.tsx

@@ -66,6 +66,7 @@ interface CodeEditorInterface {
     validatorSchema?: any;
     isKubernetes?: boolean;
     cleanData?: boolean;
+    chartVersion?: any; 
 }
 
 interface CodeEditorHeaderInterface {
@@ -115,7 +116,7 @@ interface CodeEditorState {
     code: string;
     noParsing: boolean;
 }
-const CodeEditor: React.FC<CodeEditorInterface> & CodeEditorComposition = React.memo(function Editor({ value, mode = "json", noParsing = false, defaultValue = "", children, tabSize = 2, lineDecorationsWidth = 0, height = 450, inline = false, shebang = "", minHeight, maxHeight, onChange, readOnly, diffView, theme="", loading, customLoader, focus, validatorSchema ,isKubernetes = true, cleanData = false, onBlur, onFocus}) {
+const CodeEditor: React.FC<CodeEditorInterface> & CodeEditorComposition = React.memo(function Editor({ value, mode = "json", noParsing = false, defaultValue = "", children, tabSize = 2, lineDecorationsWidth = 0, height = 450, inline = false, shebang = "", minHeight, maxHeight, onChange, readOnly, diffView, theme="", loading, customLoader, focus, validatorSchema, chartVersion ,isKubernetes = true, cleanData = false, onBlur, onFocus}) {
     if (cleanData) {
         value = cleanKubeManifest(value);
         defaultValue = cleanKubeManifest(defaultValue);
@@ -220,14 +221,13 @@ const CodeEditor: React.FC<CodeEditorInterface> & CodeEditorComposition = React.
                 format: true,
                 schemas:[
                     {
-                        uri: 'https://devtron.ai/schema.json', // id of the first schema
+                        uri: `https://github.com/devtron-labs/devtron/tree/main/scripts/devtron-reference-helm-charts/reference-chart_${chartVersion}/schema.json`, // id of the first schema
                         fileMatch: ['*'], // associate with our model
                         schema: validatorSchema,
                     }]
             });
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [validatorSchema]);
-
+    }, [validatorSchema, chartVersion]);
     useEffect(() => {
         if (!editorRef.current) return
         editorRef.current.updateOptions({ readOnly })

src/components/deploymentConfig/DeploymentTemplateView/DeploymentTemplateEditorView.tsx

@@ -184,6 +184,7 @@ export default function DeploymentTemplateEditorView({
                             : state.fetchedValues[state.selectedCompareOption?.id]) || ''
                     }
                     value={value}
+                    chartVersion={state.selectedChart?.version.replace(/\./g, '-')}
                     onChange={editorOnChange}
                     mode={MODES.YAML}
                     validatorSchema={state.schema}
@@ -217,6 +218,7 @@ export default function DeploymentTemplateEditorView({
                     )}
                     {state.openComparison && (
                         <CodeEditor.Header className="w-100 p-0-imp" hideDefaultSplitHeader={true}>
+
                             <div className="flex column">
                                 <div className="code-editor__header flex left w-100 p-0-imp">
                                     <div className="flex left fs-12 fw-6 cn-9 dc__border-right h-32 pl-12 pr-12">