updates

Author: JustDeveloper1

lib/builder.js

@@ -39,10 +39,27 @@ const Builder = () => {
     return (
         <>
             <div className='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>
+                    <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', 'javascript'], ['HTML', '/img/html.svg', 'html']]} variable="l" /></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']]} 
+                        variable="l"
+                        addItemNameToTitles2={true}
+                        onSelect={(id) => useEffect(() => {
+                            editor.updateOptions({language: id, fontSize: 15});
+                            editor.updateOptions({fontSize: 14});
+                        })}
+                    />
+                </div>
             </div>
             <Script id="rewrite-fetch">
                 {`

lib/ui/select.js

@@ -39,7 +39,9 @@ const ArrowDropUp_Translate = ['none', '0px -1px'];
 const Select = ({
     titles,
     items,
-    variable
+    variable,
+    addItemNameToTitles2 = false,
+    onSelect,
 }) => {
     const [id, setID] = useState(0);
     const [switch_, setSwitch] = useState(false);
@@ -48,6 +50,7 @@ const Select = ({
     selectID++;
     useEffect(() => {
         document.body.style.setProperty(`--${variable || 'select'+selectID}`, items[id][2] || id);
+        try { onSelect(items[id][2] || id) } catch (_e) {};
     }, [id]);
 
     return (
@@ -70,7 +73,7 @@ const Select = ({
                     items.map((item, iid) => (
                         <button
                             key={iid}
-                            title={titles[2] ? titles[2] : ''}
+                            title={titles[2] ? addItemNameToTitles2 ? titles[2]+item[0] : titles[2] : ''}
                             type='button' 
                             className='bb cw sb scp cp'
                             onClick={() => {