Modular Internal Structure & Clean Separation

Folder Hierarchy (src's Highest Version)

src/v2/
├── common/
│   ├── SourceStore.js      // Base catalog resolver
│   ├── cloneData.js        // Deep immutability
│   ├── groupBy.js          // Distinct counts
│   └── pruneTreeWithIds.js // Control tree extraction
├── datalist/
│   ├── DataList.js         // Orchestration class
│   ├── actions/            // load, update actions
│   ├── methods/            // buildSpec, renderStructure
│   ├── datalistStore/      // DataListStore.js
│   ├── datalistBuilder/    // buildDataList, buildOptions
│   └── render/             // DOM attachment
└── index.js                // Universal globalThis export

KeshavSoft Parameter Convention

Every internal method and function adheres to the strict { in... } parameter convention and immediately unpacks into local... variables:

const buildOptions = ({
  inData = [],
  inKey = "",
  inTopN = 0,
  inGroupedData
} = {}) => {
  const localData = inData;
  const localKey = inKey;
  const localTopN = inTopN;
  const localGroupedData = inGroupedData;

  // Pure data transformation...
  return grouped.map(({ value, count }) => ({
    tagName: "option",
    attributes: { value, label: `${value} (${count})` },
    textContent: `${value} (${count})`
  }));
};