renderFieldsTab function exported

Last updated: 2026-03-05T23:41:17.531Z

Location

src/devtools/tabs/fields-tab.tsx:451-476

Metrics

LOC: 26 Complexity: 1 Params: 0

Signature

renderFieldsTab(): : void

Source Code

export function renderFieldsTab(): void {
  const content = document.getElementById("content");
  renderTo(
    content,
    <FieldsTabView
      fields={panelState.detectedFields}
      ignoredSelectors={panelState.ignoredSelectors}
      detecting={panelState.isDetecting}
      onDetect={() => void detectFields()}
      onFillAll={() => void fillAll()}
      onFillEmpty={() => void fillOnlyEmpty()}
      onClearDetected={() => void clearDetectedFields()}
      onClearForm={() => void clearForm()}
      onFillField={(sel) => void fillField(sel)}
      onInspectField={(sel) => inspectElement(sel)}
      onToggleIgnore={(sel, label) => void toggleIgnore(sel, label)}
      onEditField={(field) => void openFieldEditor(field)}
      editingField={panelState.editingField}
      editingFieldExistingRule={panelState.editingFieldExistingRule}
      onSaveFieldRule={(p: FieldEditorSavePayload) => void saveFieldRule(p)}
      onDeleteFieldRule={() => void deleteFieldRule()}
      onCloseEditor={closeFieldEditor}
      onRedetectField={(sel) => redetectField(sel)}
    />,
  );
}

Dependencies (Outgoing)

graph LR renderFieldsTab["renderFieldsTab"] detectFields["detectFields"] fillAll["fillAll"] fillOnlyEmpty["fillOnlyEmpty"] clearDetectedFields["clearDetectedFields"] clearForm["clearForm"] fillField["fillField"] inspectElement["inspectElement"] toggleIgnore["toggleIgnore"] openFieldEditor["openFieldEditor"] saveFieldRule["saveFieldRule"] deleteFieldRule["deleteFieldRule"] redetectField["redetectField"] renderFieldsTab -->|calls| detectFields renderFieldsTab -->|calls| fillAll renderFieldsTab -->|calls| fillOnlyEmpty renderFieldsTab -->|calls| clearDetectedFields renderFieldsTab -->|calls| clearForm renderFieldsTab -->|calls| fillField renderFieldsTab -->|calls| inspectElement renderFieldsTab -->|calls| toggleIgnore renderFieldsTab -->|calls| openFieldEditor renderFieldsTab -->|calls| saveFieldRule renderFieldsTab -->|calls| deleteFieldRule renderFieldsTab -->|calls| redetectField style renderFieldsTab fill:#dbeafe,stroke:#2563eb,stroke-width:2px click renderFieldsTab "f02a4b6eabef0223.html" click detectFields "2645a01d8f49e548.html" click fillAll "388f033c1be0f292.html" click fillOnlyEmpty "84fc64fe499c6732.html" click clearDetectedFields "ccc4798cfa4d2145.html" click clearForm "cd75d039d4d0625c.html" click fillField "1988a97c342d5f76.html" click inspectElement "f30dc54e39b7e43e.html" click toggleIgnore "71b50bf6b86c3dc6.html" click openFieldEditor "c0b14fa197075d23.html" click saveFieldRule "ce40bf58e0f8ddd4.html" click deleteFieldRule "21d6aa8ad41f157f.html" click redetectField "2fb93ff9ffcb332e.html"

Target	Type
detectFields	calls
fillAll	calls
fillOnlyEmpty	calls
clearDetectedFields	calls
clearForm	calls
fillField	calls
inspectElement	calls
toggleIgnore	calls
openFieldEditor	calls
saveFieldRule	calls
deleteFieldRule	calls
redetectField	calls

Impact (Incoming)

graph LR renderFieldsTab["renderFieldsTab"] renderShell["renderShell"] renderActiveTab["renderActiveTab"] toggleIgnore["toggleIgnore"] clearDetectedFields["clearDetectedFields"] detectFieldsStreaming["detectFieldsStreaming"] openFieldEditor["openFieldEditor"] closeFieldEditor["closeFieldEditor"] redetectField["redetectField"] renderShell -->|uses| renderFieldsTab renderActiveTab -->|calls| renderFieldsTab toggleIgnore -->|calls| renderFieldsTab clearDetectedFields -->|calls| renderFieldsTab detectFieldsStreaming -->|calls| renderFieldsTab openFieldEditor -->|calls| renderFieldsTab closeFieldEditor -->|calls| renderFieldsTab redetectField -->|calls| renderFieldsTab style renderFieldsTab fill:#dbeafe,stroke:#2563eb,stroke-width:2px click renderFieldsTab "f02a4b6eabef0223.html" click renderShell "49d8574256a889e1.html" click renderActiveTab "6d5bc0097c5c25ad.html" click toggleIgnore "71b50bf6b86c3dc6.html" click clearDetectedFields "ccc4798cfa4d2145.html" click detectFieldsStreaming "36f1a94dcf5fea71.html" click openFieldEditor "c0b14fa197075d23.html" click closeFieldEditor "e581d997c0f3219a.html" click redetectField "2fb93ff9ffcb332e.html"

Source	Type
renderShell	uses
renderActiveTab	calls
toggleIgnore	calls
clearDetectedFields	calls
detectFieldsStreaming	calls
openFieldEditor	calls
closeFieldEditor	calls
redetectField	calls