feat: add required

Author: P0lip

src/components/SchemaRow.tsx

@@ -23,7 +23,10 @@ export const SchemaRow: React.FunctionComponent<ISchemaRow> = ({ className, node
     throw new Error('Missing metadata');
   }
 
-  const schemaNode = metadata.schema;
+  const { path, schema: schemaNode } = metadata;
+
+  const parentSchemaNode =
+    node.parent === null || !(node.parent.id in MetadataStore) ? null : MetadataStore[node.parent.id].schema;
   const description = 'annotations' in schemaNode ? schemaNode.annotations.description : null;
 
   return (
@@ -46,16 +49,24 @@ export const SchemaRow: React.FunctionComponent<ISchemaRow> = ({ className, node
           />
         )}
 
-        {'combiner' in schemaNode && <Divider kind={schemaNode.combiner} />}
+        {node.parent !== null &&
+          node.parent.children.length > 0 &&
+          parentSchemaNode !== null &&
+          'combiner' in parentSchemaNode &&
+          node.parent.children[0] !== node && <Divider kind={parentSchemaNode.combiner} />}
 
         <div className="flex-1 flex truncate">
           <Property node={schemaNode} path={metadata.path} onGoToRef={onGoToRef} />
           {description && <Description value={description} />}
         </div>
 
         <Validations
-          required={/* todo: implement me */ false}
-          // required={!!schemaNode.required}
+          required={
+            parentSchemaNode !== null &&
+            'required' in parentSchemaNode &&
+            Array.isArray(parentSchemaNode.required) &&
+            parentSchemaNode.required.includes(String(path[path.length - 1]))
+          }
           validations={{
             ...('annotations' in schemaNode &&
               schemaNode.annotations.default && { default: schemaNode.annotations.default }),

src/tree/walk.ts

@@ -7,6 +7,7 @@ import { getCombiner } from '../utils/getCombiner';
 import { getPrimaryType } from '../utils/getPrimaryType';
 import { getValidations } from '../utils/getValidations';
 import { inferType } from '../utils/inferType';
+import { normalizeRequired } from '../utils/normalizeRequired';
 
 function assignNodeSpecificFields(base: IBaseNode, node: JSONSchema4) {
   switch (getPrimaryType(node)) {
@@ -43,6 +44,7 @@ function processNode(node: JSONSchema4): SchemaNode | void {
       type: flattenTypes(type),
       validations: getValidations(node),
       annotations: getAnnotations(node),
+      ...('required' in node && { required: normalizeRequired(node.required) }),
       enum: node.enum,
     };
 

src/types.ts

@@ -33,6 +33,7 @@ export interface IBaseNode extends Pick<JSONSchema4, 'enum'> {
   readonly type?: JSONSchema4TypeName | JSONSchema4TypeName[];
   annotations: Pick<JSONSchema4, JSONSchema4Annotations>;
   validations: Dictionary<unknown>;
+  required?: string[];
 }
 
 export interface IRefNode {

src/utils/normalizeRequired.ts

@@ -0,0 +1,6 @@
+import { Optional } from '@stoplight/types';
+
+export const normalizeRequired = (required: unknown): Optional<string[]> => {
+  if (!Array.isArray(required)) return;
+  return required.filter(item => typeof item === 'string' || typeof item === 'number').map(String);
+}