updates

Author: JustDeveloper1

lib/builder.js

@@ -42,7 +42,7 @@ const Builder = () => {
                 <div><span>{translate.raw('builder-file')}</span><input id='builder-filepath' placeholder='index' value="just.config.js" data-value="just" /></div>
                 <noscript><span>{translate.raw('builder-filecontent')}</span></noscript>
                 <div id="monaco" />
-                <div className='aic'><span>{translate.raw('builder-filetype')}</span><Select placeholder={translate.raw('builder-language')} items={[['JavaScript', '/img/js.svg']]} /></div>
+                <div className='aic'><span>{translate.raw('builder-filelanguage')}</span><Select titles={[translate.raw('builder-langdropup-collapsed'), translate.raw('builder-langdropup-expanded')]} items={[['JavaScript', '/img/js.svg']]} /></div>
             </div>
             <Script id="rewrite-fetch">
                 {`

lib/ui/select.js

@@ -26,18 +26,20 @@ SOFTWARE.
 
 import { useEffect, useState } from 'react';
 
-const googleFonts_Icons_ArrowDropUp = <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M328-400q-9 0-14.5-6t-5.5-14q0-2 6-14l145-145q5-5 10-7t11-2q6 0 11 2t10 7l145 145q3 3 4.5 6.5t1.5 7.5q0 8-5.5 14t-14.5 6H328Z"></path></svg>
+const GoogleFonts_Icons_ArrowDropUp = <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M328-400q-9 0-14.5-6t-5.5-14q0-2 6-14l145-145q5-5 10-7t11-2q6 0 11 2t10 7l145 145q3 3 4.5 6.5t1.5 7.5q0 8-5.5 14t-14.5 6H328Z"></path></svg>
 
 const Select = ({
-    placeholder,
+    titles,
     items,
     variable
 }) => {
     let id = 0;
+    const [switch_, setSwitch] = useState(false);
 
     return (
         <>
-            <button title={placeholder} type='button' className='bb cw sb scp'>{<googleFonts_Icons_ArrowDropUp id="arw" />}<img src={items[id][1]} title={items[id][0]} alt="" className='fi r2px ow' />{items[id][0]}</button>
+            <button title={switch_ ? titles[1] : titles[0]} type='button' className='bb cw sb scp' onClick={setSwitch(!switch_)}>{<GoogleFonts_Icons_ArrowDropUp id="arw" />}<img src={items[id][1]} title={items[id][0]} alt="" className='fi r2px ow' />{items[id][0]}</button>
+            {switch_ ? <div className='du'>items</div> : <div />}
         </>
     )
 }

locales/en.json

@@ -1,6 +1,7 @@
 {
     "builder-file": "File",
     "builder-filecontent": "Content",
-    "builder-filetype": "Type",
-    "builder-language": "Language"
+    "builder-filelanguage": "Language:",
+    "builder-langdropup-collapsed": "Click to expand the drop-up.",
+    "builder-langdropup-expanded": "Click to collapse the drop-up."
 }

locales/ru.json

@@ -1,6 +1,7 @@
 {
     "builder-file": "Файл",
     "builder-filecontent": "Содержание",
-    "builder-filetype": "Тип",
-    "builder-language": "Язык"
+    "builder-filelanguage": "Язык:",
+    "builder-langdropup-collapsed": "Нажмите, чтобы раскрыть раскрывающийся список.",
+    "builder-langdropup-expanded": "Нажмите, чтобы свернуть раскрывающийся список."
 }