Javascript как свернуть код блока переменных?

Имеется целый экран переменных и в отличии от кода в таких скобках {} он не сворачивается средствами песочниц или notepad++ Попросту говоря хочу сворачивать как в гифке сворачивание как в codepen

Можно ли во что-то его обернуть понятное для сворачивания чтоб он не натирал мне глаза ? пробовал сделать так if(1) {.......} Но почему-то появляется ошибка что не определена переменная, которая идет сразу после блока, похоже этот блок имеет задержку при старте относительно следующего кода. Но скорее всего все переменные становятся локальными для функции if и естественно их невидно за блоком.

      // Блок общих переменных
  
    const ArrayText = 'Так сотворил Создатель все. Придумал, чтоб человек творить с ним дальше мог. Мои родители Создателя творения сохранили, Любви Пространство здесь!';
     const textareaTexted = document.getElementById("texted")
      textareaTexted.value = ArrayText; //вставка начального текста в textareaTexted
    
    var uint8Array;
    var sty=`backgroundColor='#009'`;
    var ArrayBytes = document.querySelector("#bytes");
        
    const labelTextlength = document.getElementById('Textlength');
    console.log ();
   // var charcount=textareaTexted.value.length;
       console.log ("стр.122: textareaTexted.value.length =" + textareaTexted.value.length); 
    
        labelTextlength.textContent = labelTextlength.textContent + textareaTexted.value.length;
     
    const checkbox =  document.getElementById('txPolarity');
    const buttonPokajBuffer = document.getElementById("PokajBuffer");
    const buttonSend = document.getElementById("send");
    const buttonReSend = document.getElementById("Resend");
    const buttonTexttoBytes = document.getElementById("texttobytes");
    const buttonClearBytes = document.getElementById("ClearBytes");
    const bbStartDecoder = document.getElementById('bStartDecoder');
    const bbOutDebug = document.getElementById('bOutDebug');
    const bbStartRecording = document.getElementById('bStartRecording');
     const fileInput = document.getElementById('fileInput');
     const texted = document.getElementById('texted');
     
    // Блок  переменных audioUART
    var  firstSend =0;
    var audio_serial_invert=false;
    var pause;
    var code;
    var bufferSize ; 
    let sampleRate;
      var header ;
      var baud ;
    var samplesPerByte;
     var b ;
    var bufferData; // клон  b
    var buffer;
    var audata;
     
     //==================
     // конец блока  переменных
    //==================

Ответы (1 шт):

Автор решения: Stanislav Volodarskiy

Соберите поля в объект:

// Блок  переменных audioUART
const audioUART = {
    firstSend: 0,
    audio_serial_invert: false,
    pause: undefined,
    code: undefined,
    bufferSize: undefined,
    sampleRate: undefined,
    header: undefined,
    baud: undefined,
    samplesPerByte: undefined,
    b: undefined,
    bufferData: undefined, // клон  b
    buffer: undefined,
    audata: undefined
};

Обращения к переменным придётся квалифицировать: audioUART.firstSend.

→ Ссылка