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-filelanguage')}</span><Select titles={[translate.raw('builder-langdropup-collapsed'), translate.raw('builder-langdropup-expanded'), translate.raw('builder-langdropup-switchToLang')]} 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'), translate.raw('builder-langdropup-switchToLang')]} items={[['JavaScript', '/img/js.svg', 'javascript'], ['HTML', '/img/html.svg', 'html']]} /></div>
             </div>
             <Script id="rewrite-fetch">
                 {`

lib/ui/select.js

@@ -31,7 +31,7 @@ const GoogleFonts_Icons_ArrowDropUp = (props) => (
         <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" />
     </svg>
 );
-const Img = (item) => (<img src={item[1]} title={item[0]} alt="" className='fi r2px ow' />);
+const Img = (item, props) => (<img src={item[1]} title={item[0]} alt="" className='fi r2px ow' {...props} />);
 
 let selectID = 0;
 const ArrowDropUp_Translate = ['none', '0px 10px'];
@@ -61,7 +61,7 @@ const Select = ({
                     translate: hover ? ArrowDropUp_Translate[1] : ArrowDropUp_Translate[0], 
                     webkitTranslate: hover ? ArrowDropUp_Translate[1] : ArrowDropUp_Translate[0]
                 }} />
-                <Img item={items[id]} />
+                <Img item={items[id]} src={items[id][1]} title={items[id][0]} />
                 {items[id][0]}
             </button>
             {switch_ ? <div className='du'>{
@@ -73,11 +73,11 @@ const Select = ({
                         onClick={() => {
                             setID(iid);
                             useEffect(() => {
-                                document.body.style.setProperty(`--${variable || 'select'+selectID}`, item[2]);
+                                document.body.style.setProperty(`--${variable || 'select'+selectID}`, item[2] || iid);
                             });
                         }}
                     >
-                        <Img item={items[iid]} />
+                        <Img item={item} src={item[1]} title={item[0]} />
                         {item[0]}
                     </button>
                 ))