renderShell function

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

Location

src/devtools/panel.ts:37-50

Metrics

LOC: 14 Complexity: 1 Params: 0

Signature

renderShell(): : void

Source Code

function renderShell(): void {
  const app = document.getElementById("app");
  renderTo(
    app,
    h(AppShell, {
      activeTab: panelState.activeTab,
      onTabSwitch: switchTab,
      onOptions: () => {
        chrome.runtime.openOptionsPage();
        addLog("Opening options…", "info");
      },
    }),
  );
}

Dependencies (Outgoing)

graph LR renderShell["renderShell"] initI18n["initI18n"] getLogViewerStyles["getLogViewerStyles"] TabId["TabId"] RecordStep["RecordStep"] sendToPage["sendToPage"] renderTo["renderTo"] renderActionsTab["renderActionsTab"] renderFieldsTab["renderFieldsTab"] renderFormsTab["renderFormsTab"] loadForms["loadForms"] renderRecordTab["renderRecordTab"] renderLogTab["renderLogTab"] ReplayProgress["ReplayProgress"] addLog["addLog"] renderRecordStepsTable["renderRecordStepsTable"] renderActiveTab["renderActiveTab"] updateStatusBar["updateStatusBar"] init["init"] renderShell -->|uses| initI18n renderShell -->|uses| getLogViewerStyles renderShell -->|uses| TabId renderShell -->|uses| RecordStep renderShell -->|uses| sendToPage renderShell -->|uses| renderTo renderShell -->|uses| renderActionsTab renderShell -->|uses| renderFieldsTab renderShell -->|uses| renderFormsTab renderShell -->|uses| loadForms renderShell -->|uses| renderRecordTab renderShell -->|uses| renderLogTab renderShell -->|uses| ReplayProgress renderShell -->|calls| addLog renderShell -->|calls| renderRecordStepsTable renderShell -->|calls| renderActiveTab renderShell -->|calls| updateStatusBar renderShell -->|calls| init style renderShell fill:#dbeafe,stroke:#2563eb,stroke-width:2px click renderShell "49d8574256a889e1.html" click initI18n "6ba39c0538592b1c.html" click getLogViewerStyles "50064436258d3937.html" click TabId "842c31431f632e39.html" click RecordStep "8cb8be63cdcfb14e.html" click sendToPage "c08387d99fb8cee4.html" click renderTo "82b88bd90e760d1a.html" click renderActionsTab "40e45c39675a3592.html" click renderFieldsTab "f02a4b6eabef0223.html" click renderFormsTab "7a55f79022abf472.html" click loadForms "3391078a65ee3af5.html" click renderRecordTab "55c03c4dd1c7d324.html" click renderLogTab "c697bc1772ba25af.html" click ReplayProgress "b7cf30a5815ea76b.html" click addLog "0260edfd6415154b.html" click renderRecordStepsTable "9f395ef38e3699a2.html" click renderActiveTab "6d5bc0097c5c25ad.html" click updateStatusBar "98f5b4bdf9734d7c.html" click init "cc1420d67c7ecf47.html"
TargetType
initI18n uses
getLogViewerStyles uses
TabId uses
RecordStep uses
sendToPage uses
renderTo uses
renderActionsTab uses
renderFieldsTab uses
renderFormsTab uses
loadForms uses
renderRecordTab uses
renderLogTab uses
ReplayProgress uses
addLog calls
renderRecordStepsTable calls
renderActiveTab calls
updateStatusBar calls
init calls

Impact (Incoming)

graph LR renderShell["renderShell"] renderApp["renderApp"] switchTab["switchTab"] renderApp -->|calls| renderShell switchTab -->|calls| renderShell style renderShell fill:#dbeafe,stroke:#2563eb,stroke-width:2px click renderShell "49d8574256a889e1.html" click renderApp "b94036094eefb024.html" click switchTab "b10a2a40730510e7.html"
SourceType
renderApp calls
switchTab calls