updates

Author: JustDeveloper1

lib/builder.js

@@ -34,8 +34,30 @@ const Builder = () => {
     const translate = useTranslations();
     const router = useRouter();
 
+    const [language, setLanguage] = useState('javascript');
     const randomType = ["redirect", "compress", "docs"];
 
+    useEffect(() => {
+        var h_div = document.getElementById('monaco');
+        var editor = monaco.editor.create(h_div, {
+            value: [
+                'module.exports = {',
+                `\\ttype: "${randomType[Math.floor(Math.random() * randomType.length)]}"`,
+                '}'
+            ].join('\\n'),
+            language,
+            fontFamily: "'Source Code Pro', Consolas, 'Courier New', monospace",
+            fontSize: 15
+        });
+        window.addEventListener('resize', () => {
+            editor.layout();
+        });
+        editor.updateOptions({fontSize: 14});
+        document.body.addEventListener('click', () => {
+            setLanguage(document.body.style.getPropertyValue('--l'));
+        });
+    }, []);
+
     return (
         <>
             <div className='builder'>
@@ -101,32 +123,6 @@ const Builder = () => {
             </Script>
             <script src="/third-party/monaco-editor/package/min/vs/loader.js"></script>
             <script src="/third-party/monaco-editor/package/min/vs/editor/editor.main.js"></script>
-            <Script id="builder" strategy="afterInteractive">
-                {`
-                    var h_div = document.getElementById('monaco');
-                    const defwidth = window.innerWidth;
-                    window.addEventListener('resize', () => {
-                        if (defwidth > window.innerWidth) {
-                            window.location.reload();
-                        }
-                    });
-                    var editor = monaco.editor.create(h_div, {
-                        value: [
-                            'module.exports = {',
-                            '\\ttype: "${randomType[Math.floor(Math.random() * randomType.length)]}"',
-                            '}'
-                        ].join('\\n'),
-                        language: 'javascript',
-                        fontFamily: "'Source Code Pro', Consolas, 'Courier New', monospace",
-                        fontSize: 15
-                    });
-                    editor.updateOptions({fontSize: 14});
-                    document.body.addEventListener('click', () => {
-                        editor.updateOptions({language: document.body.style.getPropertyValue('--l'), fontSize: 15});
-                        editor.updateOptions({fontSize: 14});
-                    });
-                `}
-            </Script>
         </>
     )
 }

lib/ui/select.js

@@ -49,6 +49,9 @@ const Select = ({
     selectID++;
     useEffect(() => {
         document.body.style.setProperty(`--${variable || 'select'+selectID}`, items[id][2] || id);
+        return () => {
+            document.body.style.setProperty(`--${variable || 'select'+selectID}`, items[id][2] || id);
+        }
     }, [id]);
 
     return (