JSFiddle - React, Tailwind, and code Playground

by nerdycap007

HTML

<div id="container">

</div>

JavaScript

let object = {
            type: 'object',
            required: ['import_path', 'dependencies'],
            properties: {
              import_path: { type: 'string' },
              dependencies: {
                type: 'object',
                required: ['checked_into_vcs'],
                properties: { checked_into_vcs: { type: 'boolean' } },
                additionalProperties: false
              }
            },
            additionalProperties: false
          }
          
let getObject = function(obj) {
	let newObj = {};
  for (let i=0; i<obj.required.length; i++){
  	newObj[obj.required[i]] = obj.properties[obj.required[i]].type;
    if(obj.properties[obj.required[i]].required) {
    	// If there is a nested level.
      newObj[obj.required[i]] = obj.properties[obj.required[i]]
    	
    }
  }
  return newObj;
}

document.getElementById("container").innerHTML = '<pre>' + JSON.stringify(getObject(object), undefined, 4) + '</pre>'