Function registerCustomBreakpointsUI

src/ui/customBreakpointsUI.ts:345–458

(
  context: vscode.ExtensionContext,
  debugSessionTracker: DebugSessionTracker,
)

}

export function registerCustomBreakpointsUI(
  context: vscode.ExtensionContext,
  debugSessionTracker: DebugSessionTracker,
) {
  const focusEmulationEnabled = context.workspaceState.get(focusEmulationStorageKey, false);
  const provider = new BrowserOptionsDataProvider(debugSessionTracker, focusEmulationEnabled);
  provider._onFocusEmulationChanged = enabled =>
    context.workspaceState.update(focusEmulationStorageKey, enabled);

  const view = vscode.window.createTreeView(CustomViews.EventListenerBreakpoints, {
    treeDataProvider: provider,
    showCollapseAll: true,
    manageCheckboxStateManually: true,
  });

  context.subscriptions.push(
    view.onDidChangeCheckboxState(async e => {
      const breakpointChanges: [BreakpointItem, boolean][] = [];
      for (const [item, state] of e.items) {
        const enabled = state === vscode.TreeItemCheckboxState.Checked;
        if (item instanceof FocusEmulationOption) {
          provider.setFocusEmulation(enabled);
        } else {
          breakpointChanges.push([item as BreakpointItem, enabled]);
        }
      }
      if (breakpointChanges.length) {
        provider.setBreakpointsEnabled(breakpointChanges);
      }
    }),
  );

  context.subscriptions.push(view);

  context.subscriptions.push(
    vscode.commands.registerCommand(Commands.ToggleCustomBreakpoints, async () => {
      const items: (vscode.QuickPickItem & { id: string })[] = [...provider.allCategories].flatMap(
        category => [
          {
            kind: vscode.QuickPickItemKind.Separator,
            id: '',
            label: category.label,
          },
          ...category.children.map(bp => ({
            id: bp.id,
            label: `${bp.label}`,
            picked: bp.checked,
          })),
        ],
      );

      const picked = await vscode.window.showQuickPick(items, {
        canPickMany: true,
        placeHolder: 'Select breakpoints to enable',
      });

      if (!picked) {
        return;