Method extractFieldFromJsx

scripts/extractFormFields.ts:170–204

(
    node: ts.JsxElement | ts.JsxSelfClosingElement,
    formId: string,
    route: string,
    sourceFile: ts.SourceFile
  )

  }

  private extractFieldFromJsx(
    node: ts.JsxElement | ts.JsxSelfClosingElement,
    formId: string,
    route: string,
    sourceFile: ts.SourceFile
  ): ExtractedField | null {
    // Check if this is <form.AppField> or <AutoSaveForm>
    const tagName = this.getJsxTagName(node, sourceFile);
    const isAppField = tagName?.includes('AppField');
    const isAutoSaveForm = tagName === 'AutoSaveForm';
    if (!isAppField && !isAutoSaveForm) {
      return null;
    }

    // Extract 'name' attribute
    const nameAttr = this.getJsxAttribute(node, 'name');
    if (!nameAttr) {
      return null;
    }

    // Extract metadata from render prop children
    const fieldMetadata = this.extractFieldMetadata(node, sourceFile);

    // Omit the entire entry if we cannot extract a string label
    if (!fieldMetadata.label) {
      return null;
    }

    return {
      name: nameAttr,
      formId,
      route,
      ...fieldMetadata,
    };
  }

  private extractFieldMetadata(
    node: ts.JsxElement | ts.JsxSelfClosingElement,