add base field

Author: thien-remote

next/src/field/object.ts

@@ -0,0 +1,31 @@
+import type { JSONSchema } from 'json-schema-typed'
+import type { Field } from './type'
+import { setCustomOrder } from '../custom/order'
+import { buildFieldSingle } from './single'
+
+export function buildFieldObject(params: {
+  schema: JSONSchema
+}): Field[] {
+  const { schema } = params
+
+  if (typeof schema === 'boolean')
+    throw new Error('Schema must be an object')
+
+  if (schema.type !== 'object')
+    throw new Error('Schema must be of type "object"')
+
+  const fields: Field[] = []
+
+  Object
+    .entries(schema.properties ?? {})
+    .forEach((entry) => {
+      const [name, schema] = entry
+      const field = buildFieldSingle({ name, schema })
+      if (field !== null)
+        fields.push(field)
+    })
+
+  const withOrder = setCustomOrder({ fields, schema })
+
+  return withOrder
+}

next/src/field/single.ts

@@ -0,0 +1,30 @@
+import type { JsfSchema } from '../types'
+import type { Field } from './type'
+import { buildFieldObject } from './object'
+
+/**
+ * Build a single UI field from a single schema property
+ */
+export function buildFieldSingle(params: {
+  name: string
+  schema: JsfSchema
+}): Field | null {
+  const { name, schema } = params
+
+  // This is different than schema.type === "boolean"
+  if (typeof schema === 'boolean')
+    return null
+
+  // Common properties for all field types
+  const field: Field = {
+    name,
+    label: schema.title,
+  }
+
+  // Recursive for objects
+  if (schema.type === 'object') {
+    field.fields = buildFieldObject({ schema })
+  }
+
+  return field
+}

next/src/field/type.ts

@@ -0,0 +1,8 @@
+/**
+ * WIP interface for UI field output
+ */
+export interface Field {
+  name: string
+  label?: string
+  fields?: Field[]
+}

next/src/form.ts

@@ -1,9 +1,11 @@
+import type { Field } from './field/type'
 import type { JsfSchema, SchemaValue } from './types'
 import type { SchemaValidationErrorType } from './validation/schema'
+import { buildFieldObject } from './field/object'
 import { validateSchema } from './validation/schema'
 
 interface FormResult {
-  fields: never[]
+  fields: Field[]
   isError: boolean
   error: string | null
   handleValidation: (value: SchemaValue) => ValidationResult
@@ -83,7 +85,23 @@ interface CreateHeadlessFormOptions {
   initialValues?: SchemaValue
 }
 
-export function createHeadlessForm(schema: JsfSchema, options: CreateHeadlessFormOptions = {}): FormResult {
+function buildFields(params: {
+  schema: JsfSchema
+}): Field[] {
+  const { schema } = params
+
+  if (typeof schema === 'boolean')
+    return []
+
+  const fields: Field[] = buildFieldObject({ schema })
+
+  return fields
+}
+
+export function createHeadlessForm(
+  schema: JsfSchema,
+  options: CreateHeadlessFormOptions = {},
+): FormResult {
   const errors = validateSchema(options.initialValues, schema)
   const validationResult = validationErrorsToFormErrors(errors)
   const isError = validationResult !== null
@@ -94,7 +112,7 @@ export function createHeadlessForm(schema: JsfSchema, options: CreateHeadlessFor
   }
 
   return {
-    fields: [],
+    fields: buildFields({ schema }),
     isError,
     error: null,
     handleValidation,