Update main.ts

main.ts

@@ -223,7 +223,10 @@ async function handleDemoRequest(req: Request) {
         <div id="audioPlayerContainer"></div>
       </div>
       <details>
-        <summary>Примеры API</summary>
+        <summary>api</summary>
+        <p>получить список голосов:</p>
+        <pre id="apiVoices"></pre>
+        <p>post-запрос для синтеза голоса из текста:</p>
         <pre id="apiExamples"></pre>
       </details>
     </div>
@@ -294,20 +297,19 @@ async function handleDemoRequest(req: Request) {
       
       function createApiExamples() {
           const apiExamples = document.getElementById('apiExamples');
+          const apiVoices = document.getElementById('apiVoices').value;
           const currentUrl = window.location.origin;
-
-          const examples = \`
-получить список голосов:
-curl \${currentUrl}/v1/audio/models
-
-синтезировать голос из текста:
-curl 'https://gnilets-tts.hf.space/v1/audio/speech' \\\\\\\\\\
--H 'content-type: application/json' \\\\\\\\\\
---data-raw '{"model":"brian","input":"привет! хрю-хрю!","voice":"rate:0|pitch:0"}' \\\\\\\\\\
+          const voices_pre = \`curl \${currentUrl}/v1/audio/models\`;
+          const examples_pre = \`
+curl 'https://gnilets-tts.hf.space/v1/audio/speech' \\\\\\\\
+-H 'content-type: application/json' \\\\\\\\
+--data-raw '{"model":"brian","input":"привет! хрю-хрю!","voice":"rate:0|pitch:0"}' \\\\\\\\
 -o tts_voice.mp3
 \`;
 
-          apiExamples.textContent = examples;
+          apiVoices.textContent = voices_pre.replace(/\\\\\\\\/g, '\\\\');;
+          apiExamples.textContent = examples_pre.replace(/\\\\\\\\/g, '\\\\');;
+          
         }
    createApiExamples();
  </script>