Upload folder using huggingface_hub

hf_config.json

@@ -22,6 +22,9 @@
             "disk_max_size": 16384,
             "precache_size": 16384,
             "path": "./file-cache"
+        },
+        "cloudflare-turnstile": {
+            "enabled": false
         }
     }
 }

src/gui/src/index.js

@@ -72,6 +72,7 @@ window.gui = async (options) => {
     // note: the order of the bundles is important
     // note: Build script will prepend `window.gui_env="prod"` to the top of the file
     else if (window.gui_env === 'prod') {
+        window.PUTER_API_ORIGIN = window.api_origin;
         await window.loadScript('/puter.js/v2');
         // Load the minified bundles
         await window.loadCSS('/dist/bundle.min.css');

src/gui/src/initgui.js

@@ -56,7 +56,7 @@ const launch_services = async function (options) {
     globalThis.services = {
         get: (name) => services_m_[name],
         emit: (id, args) => {
-            for ( const [_, instance] of services_l_ ) {
+            for (const [_, instance] of services_l_) {
                 instance.__on(id, args ?? []);
             }
         },
@@ -94,24 +94,24 @@ const launch_services = async function (options) {
     register('__launch-on-init', new LaunchOnInitService());
 
     // === Service-Script Services ===
-    for ( const [name, script] of service_script_deferred.services ) {
+    for (const [name, script] of service_script_deferred.services) {
         register(name, script);
     }
 
-    for ( const [_, instance] of services_l_ ) {
+    for (const [_, instance] of services_l_) {
         await instance.construct({
             gui_params: options,
         });
     }
 
-    for ( const [_, instance] of services_l_ ) {
+    for (const [_, instance] of services_l_) {
         await instance.init({
             services: globalThis.services,
         });
     }
 
     // === Service-Script Ready ===
-    for ( const fn of service_script_deferred.on_ready ) {
+    for (const fn of service_script_deferred.on_ready) {
         await fn();
     }
 
@@ -128,31 +128,31 @@ const launch_services = async function (options) {
 // By setting the 'passive' option appropriately, it ensures that default browser
 // behavior is prevented when necessary, thereby improving page scroll performance.
 // More info: https://stackoverflow.com/a/62177358
-if ( jQuery ) {
+if (jQuery) {
     jQuery.event.special.touchstart = {
-        setup: function ( _, ns, handle ) {
+        setup: function (_, ns, handle) {
             this.addEventListener('touchstart', handle, { passive: !ns.includes('noPreventDefault') });
         },
     };
     jQuery.event.special.touchmove = {
-        setup: function ( _, ns, handle ) {
+        setup: function (_, ns, handle) {
             this.addEventListener('touchmove', handle, { passive: !ns.includes('noPreventDefault') });
         },
     };
     jQuery.event.special.wheel = {
-        setup: function ( _, ns, handle ) {
+        setup: function (_, ns, handle) {
             this.addEventListener('wheel', handle, { passive: true });
         },
     };
     jQuery.event.special.mousewheel = {
-        setup: function ( _, ns, handle ) {
+        setup: function (_, ns, handle) {
             this.addEventListener('mousewheel', handle, { passive: true });
         },
     };
 }
 
 // are we in dashboard mode?
-if(window.location.pathname === '/dashboard' || window.location.pathname === '/dashboard/'){
+if (window.location.pathname === '/dashboard' || window.location.pathname === '/dashboard/') {
     window.is_dashboard_mode = true;
 }
 
@@ -167,7 +167,7 @@ window.showTurnstileChallenge = function (options) {
         const modalId = 'turnstile-challenge-modal';
         const siteKey = window.gui_params?.turnstileSiteKey;
 
-        if ( ! siteKey ) {
+        if (!siteKey) {
             options.onError('Turnstile site key not configured');
             return resolve();
         }
@@ -204,7 +204,7 @@ window.showTurnstileChallenge = function (options) {
 
         // Initialize Turnstile widget
         const initTurnstile = () => {
-            if ( ! window.turnstile ) {
+            if (!window.turnstile) {
                 setTimeout(initTurnstile, 100);
                 return;
             }
@@ -233,7 +233,7 @@ window.showTurnstileChallenge = function (options) {
                         options.onError('Turnstile verification failed');
                     },
                 });
-            } catch ( error ) {
+            } catch (error) {
                 console.error('Failed to initialize Turnstile:', error);
                 showError('Failed to load security verification. Please refresh the page.');
                 options.onError(error);
@@ -250,11 +250,11 @@ window.showTurnstileChallenge = function (options) {
 
         // Prevent modal from closing by clicking outside
         modal.addEventListener('click', (e) => {
-            if ( e.target === modal ) {
+            if (e.target === modal) {
                 // Don't close - force users to complete verification
                 turnstileContainer.style.transform = 'scale(1.05)';
                 setTimeout(() => {
-                    if ( turnstileContainer ) {
+                    if (turnstileContainer) {
                         turnstileContainer.style.transform = 'scale(1)';
                     }
                 }, 200);
@@ -280,16 +280,14 @@ window.initgui = async function (options) {
 
     let picked_a_user_for_sdk_login = false;
 
-    // update SDK if auth_token is different from the one in the SDK
-    if ( window.auth_token && puter.authToken !== window.auth_token )
-    {
-        puter.setAuthToken(window.auth_token);
-    }
     // update SDK if api_origin is different from the one in the SDK
-    if ( window.api_origin && puter.APIOrigin !== window.api_origin )
-    {
+    if (window.api_origin && puter.APIOrigin !== window.api_origin) {
         puter.setAPIOrigin(window.api_origin);
     }
+    // update SDK if auth_token is different from the one in the SDK
+    if (window.auth_token && puter.authToken !== window.auth_token) {
+        puter.setAuthToken(window.auth_token);
+    }
 
     // Print the version to the console
     puter.os.version()
@@ -305,11 +303,11 @@ window.initgui = async function (options) {
     // Depending on the device type, it sets a class attribute on the body tag
     // to style or script the page differently for each device type.
 
-    if ( isMobile.phone ) {
+    if (isMobile.phone) {
         $('body').attr('class', 'device-phone');
-    } else if ( isMobile.tablet ) {
+    } else if (isMobile.tablet) {
         // This is our new, smarter check for tablets
-        if ( window.matchMedia && typeof window.matchMedia === 'function' && window.matchMedia('(hover: hover)').matches ) {
+        if (window.matchMedia && typeof window.matchMedia === 'function' && window.matchMedia('(hover: hover)').matches) {
             // The user has a mouse/trackpad, so give them the desktop UI
             $('body').attr('class', 'device-desktop');
         } else {
@@ -338,7 +336,7 @@ window.initgui = async function (options) {
     // Extract 'action' from URL
     //--------------------------------------------------------------------------------------
     let action;
-    if ( window.url_paths[0]?.toLocaleLowerCase() === 'action' && window.url_paths[1] ) {
+    if (window.url_paths[0]?.toLocaleLowerCase() === 'action' && window.url_paths[1]) {
         action = window.url_paths[1].toLowerCase();
     }
 
@@ -346,9 +344,9 @@ window.initgui = async function (options) {
     // Determine if we are in full-page mode
     // i.e. https://puter.com/app/<app_name>/?puter.fullpage=true
     //--------------------------------------------------------------------------------------
-    if ( window.url_query_params.has('puter.fullpage') && (window.url_query_params.get('puter.fullpage') === 'false' || window.url_query_params.get('puter.fullpage') === '0') ) {
+    if (window.url_query_params.has('puter.fullpage') && (window.url_query_params.get('puter.fullpage') === 'false' || window.url_query_params.get('puter.fullpage') === '0')) {
         window.is_fullpage_mode = false;
-    } else if ( window.url_query_params.has('puter.fullpage') && (window.url_query_params.get('puter.fullpage') === 'true' || window.url_query_params.get('puter.fullpage') === '1') ) {
+    } else if (window.url_query_params.has('puter.fullpage') && (window.url_query_params.get('puter.fullpage') === 'true' || window.url_query_params.get('puter.fullpage') === '1')) {
         // In fullpage mode, we want to hide the taskbar for better UX
         window.taskbar_height = 0;
 
@@ -365,7 +363,7 @@ window.initgui = async function (options) {
     // Is attempt_temp_user_creation?
     // i.e. https://puter.com/?attempt_temp_user_creation=true
     //--------------------------------------------------------------------------------------
-    if ( window.url_query_params.has('attempt_temp_user_creation') && (window.url_query_params.get('attempt_temp_user_creation') === 'true' || window.url_query_params.get('attempt_temp_user_creation') === '1') ) {
+    if (window.url_query_params.has('attempt_temp_user_creation') && (window.url_query_params.get('attempt_temp_user_creation') === 'true' || window.url_query_params.get('attempt_temp_user_creation') === '1')) {
         window.attempt_temp_user_creation = true;
     }
 
@@ -373,7 +371,7 @@ window.initgui = async function (options) {
     // Is GUI embedded in a popup?
     // i.e. https://puter.com/?embedded_in_popup=true
     //--------------------------------------------------------------------------------------
-    if ( window.url_query_params.has('embedded_in_popup') && (window.url_query_params.get('embedded_in_popup') === 'true' || window.url_query_params.get('embedded_in_popup') === '1') ) {
+    if (window.url_query_params.has('embedded_in_popup') && (window.url_query_params.get('embedded_in_popup') === 'true' || window.url_query_params.get('embedded_in_popup') === '1')) {
         window.embedded_in_popup = true;
         $('body').addClass('embedded-in-popup');
 
@@ -381,7 +379,7 @@ window.initgui = async function (options) {
         window.openerOrigin = document.referrer;
 
         // if no referrer, request it from the opener via messaging
-        if ( ! document.referrer ) {
+        if (!document.referrer) {
             try {
                 window.openerOrigin = await requestOpenerOrigin();
             } catch (e) {
@@ -392,9 +390,9 @@ window.initgui = async function (options) {
         // this is the referrer in terms of user acquisition
         window.referrerStr = window.openerOrigin;
 
-        if ( action === 'sign-in' && !window.is_auth() && !(window.attempt_temp_user_creation && window.first_visit_ever) ) {
+        if (action === 'sign-in' && !window.is_auth() && !(window.attempt_temp_user_creation && window.first_visit_ever)) {
             // show signup window
-            if ( await UIWindowSignup({
+            if (await UIWindowSignup({
                 reload_on_success: false,
                 send_confirmation_code: false,
                 show_close_button: false,
@@ -402,12 +400,11 @@ window.initgui = async function (options) {
                     has_head: false,
                     cover_page: true,
                 },
-            }) )
-            {
+            })) {
                 await window.getUserAppToken(window.openerOrigin);
             }
         }
-        else if ( action === 'sign-in' && window.is_auth() && !(window.attempt_temp_user_creation && window.first_visit_ever) ) {
+        else if (action === 'sign-in' && window.is_auth() && !(window.attempt_temp_user_creation && window.first_visit_ever)) {
             picked_a_user_for_sdk_login = await UIWindowSessionList({
                 reload_on_success: false,
                 draggable_body: false,
@@ -415,7 +412,7 @@ window.initgui = async function (options) {
                 cover_page: true,
             });
 
-            if ( picked_a_user_for_sdk_login ) {
+            if (picked_a_user_for_sdk_login) {
                 await window.getUserAppToken(window.openerOrigin);
             }
 
@@ -425,7 +422,7 @@ window.initgui = async function (options) {
     //--------------------------------------------------------------------------------------
     // Display an error if the query parameters have an error
     //--------------------------------------------------------------------------------------
-    if ( window.url_query_params.has('error') ) {
+    if (window.url_query_params.has('error')) {
         // TODO: i18n
         await UIAlert({
             message: window.url_query_params.get('message'),
@@ -436,12 +433,12 @@ window.initgui = async function (options) {
     // Get user referral code from URL query params
     // i.e. https://puter.com/?r=123456
     //--------------------------------------------------------------------------------------
-    if ( window.url_query_params.has('r') ) {
+    if (window.url_query_params.has('r')) {
         window.referral_code = window.url_query_params.get('r');
         // remove 'r' from URL
         window.history.pushState(null, document.title, '/');
         // show referral notice, this will be used later if Desktop is loaded
-        if ( window.first_visit_ever ) {
+        if (window.first_visit_ever) {
             window.show_referral_notice = true;
         }
     }
@@ -449,7 +446,7 @@ window.initgui = async function (options) {
     //--------------------------------------------------------------------------------------
     // Action: Request Permission
     //--------------------------------------------------------------------------------------
-    if ( action === 'request-permission' ) {
+    if (action === 'request-permission') {
         let app_uid = window.url_query_params.get('app_uid');
         let origin = window.openerOrigin ?? window.url_query_params.get('origin');
         let permission = window.url_query_params.get('permission');
@@ -469,7 +466,7 @@ window.initgui = async function (options) {
     //--------------------------------------------------------------------------------------
     // Action: Password recovery
     //--------------------------------------------------------------------------------------
-    else if ( action === 'set-new-password' ) {
+    else if (action === 'set-new-password') {
         let user = window.url_query_params.get('user');
         let token = window.url_query_params.get('token');
 
@@ -481,19 +478,19 @@ window.initgui = async function (options) {
     //--------------------------------------------------------------------------------------
     // Action: Change Username
     //--------------------------------------------------------------------------------------
-    else if ( action === 'change-username' ) {
+    else if (action === 'change-username') {
         await UIWindowChangeUsername();
     }
     //--------------------------------------------------------------------------------------
     // Action: Login
     //--------------------------------------------------------------------------------------
-    else if ( action === 'login' ) {
+    else if (action === 'login') {
         await UIWindowLogin();
     }
     //--------------------------------------------------------------------------------------
     // Action: Signup
     //--------------------------------------------------------------------------------------
-    else if ( action === 'signup' ) {
+    else if (action === 'signup') {
         await UIWindowSignup();
     }
 
@@ -502,11 +499,11 @@ window.initgui = async function (options) {
     // if yes, we need to get the user app token and send it to the opener
     // if not, we need to ask the user for confirmation before proceeding BUT only if the action is a file-picker action
     // -------------------------------------------------------------------------------------
-    if ( window.embedded_in_popup && window.openerOrigin ) {
+    if (window.embedded_in_popup && window.openerOrigin) {
         let response = await window.checkUserSiteRelationship(window.openerOrigin);
         window.userAppToken = response.token;
 
-        if ( !picked_a_user_for_sdk_login && window.logged_in_users.length > 1 && (!window.userAppToken || window.url_query_params.get('request_auth') ) ) {
+        if (!picked_a_user_for_sdk_login && window.logged_in_users.length > 1 && (!window.userAppToken || window.url_query_params.get('request_auth'))) {
             picked_a_user_for_sdk_login = await UIWindowSessionList({
                 reload_on_success: false,
                 draggable_body: false,
@@ -518,7 +515,7 @@ window.initgui = async function (options) {
     // -------------------------------------------------------------------------------------
     // `auth_token` provided in URL, use it to log in
     // -------------------------------------------------------------------------------------
-    else if ( window.url_query_params.has('auth_token') ) {
+    else if (window.url_query_params.has('auth_token')) {
         let query_param_auth_token = window.url_query_params.get('auth_token');
 
         puter.setAuthToken(query_param_auth_token);
@@ -526,14 +523,14 @@ window.initgui = async function (options) {
         try {
             whoami = await puter.os.user({ query: 'icon_size=64' });
         } catch (e) {
-            if ( e.status === 401 ) {
+            if (e.status === 401) {
                 window.logout();
                 return;
             }
         }
 
-        if ( whoami ) {
-            if ( whoami.requires_email_confirmation ) {
+        if (whoami) {
+            if (whoami.requires_email_confirmation) {
                 let is_verified;
                 do {
                     is_verified = await UIWindowEmailConfirmationRequired({
@@ -541,7 +538,7 @@ window.initgui = async function (options) {
                         has_head: false,
                     });
                 }
-                while ( !is_verified );
+                while (!is_verified);
             }
             // if user is logging in using an auth token that means it's not their first ever visit to Puter.com
             // it might be their first visit to Puter on this specific device but it's not their first time ever visiting Puter.
@@ -581,22 +578,22 @@ window.initgui = async function (options) {
     // -------------------------------------------------------------------------------------
     // Authed
     // -------------------------------------------------------------------------------------
-    if ( window.is_auth() ) {
+    if (window.is_auth()) {
         // try to get user data using /whoami, only if that data is missing
-        if ( ! whoami ) {
+        if (!whoami) {
             try {
                 whoami = await puter.os.user({ query: 'icon_size=64' });
             } catch (e) {
-                if ( e.status === 401 ) {
+                if (e.status === 401) {
                     bad_session_logout();
                     return;
                 }
             }
         }
         // update local user data
-        if ( whoami ) {
+        if (whoami) {
             // is email confirmation required?
-            if ( whoami.requires_email_confirmation ) {
+            if (whoami.requires_email_confirmation) {
                 let is_verified;
                 do {
                     is_verified = await UIWindowEmailConfirmationRequired({
@@ -604,14 +601,14 @@ window.initgui = async function (options) {
                         has_head: false,
                     });
                 }
-                while ( !is_verified );
+                while (!is_verified);
             }
             window.update_auth_data(whoami.token || window.auth_token, whoami);
 
             // -------------------------------------------------------------------------------------
             // Load desktop, only if we're not embedded in a popup and not on the dashboard page
             // -------------------------------------------------------------------------------------
-            if ( ! window.embedded_in_popup && ! window.is_dashboard_mode ) {
+            if (!window.embedded_in_popup && !window.is_dashboard_mode) {
                 await window.get_auto_arrange_data();
                 puter.fs.stat({ path: window.desktop_path, consistency: 'eventual' }).then(desktop_fsentry => {
                     UIDesktop({ desktop_fsentry: desktop_fsentry });
@@ -620,7 +617,7 @@ window.initgui = async function (options) {
             // -------------------------------------------------------------------------------------
             // Dashboard mode
             // -------------------------------------------------------------------------------------
-            else if ( window.is_dashboard_mode ) {
+            else if (window.is_dashboard_mode) {
                 UIDashboard();
             }
             // -------------------------------------------------------------------------------------
@@ -643,11 +640,11 @@ window.initgui = async function (options) {
                         msg_id: msg_id,
                     }, window.openerOrigin);
                     // close popup
-                    if ( !action || action === 'sign-in' ) {
+                    if (!action || action === 'sign-in') {
                         window.close();
                         window.open('', '_self').close();
                     }
-                } catch ( err ) {
+                } catch (err) {
                     // send error to parent
                     window.opener.postMessage({
                         msg: 'puter.token',
@@ -662,12 +659,12 @@ window.initgui = async function (options) {
 
                 let app_uid;
 
-                if ( window.openerOrigin ) {
+                if (window.openerOrigin) {
                     app_uid = await window.getAppUIDFromOrigin(window.openerOrigin);
                     window.host_app_uid = app_uid;
                 }
 
-                if ( action === 'show-open-file-picker' ) {
+                if (action === 'show-open-file-picker') {
                     let options = window.url_query_params.get('options');
                     options = JSON.parse(options ?? '{}');
 
@@ -675,7 +672,7 @@ window.initgui = async function (options) {
                     UIWindow({
                         allowed_file_types: options?.accept,
                         selectable_body: options?.multiple,
-                        path: `/${ window.user.username }/Desktop`,
+                        path: `/${window.user.username}/Desktop`,
                         // this is the uuid of the window to which this dialog will return
                         return_to_parent_window: true,
                         show_maximize_button: false,
@@ -701,10 +698,10 @@ window.initgui = async function (options) {
                 //--------------------------------------------------------------------------------------
                 // Action: Show Directory Picker
                 //--------------------------------------------------------------------------------------
-                else if ( action === 'show-directory-picker' ) {
+                else if (action === 'show-directory-picker') {
                     // open directory picker dialog
                     UIWindow({
-                        path: `/${ window.user.username }/Desktop`,
+                        path: `/${window.user.username}/Desktop`,
                         // this is the uuid of the window to which this dialog will return
                         // parent_uuid: event.data.appInstanceID,
                         return_to_parent_window: true,
@@ -731,7 +728,7 @@ window.initgui = async function (options) {
                 //--------------------------------------------------------------------------------------
                 // Action: Show Save File Dialog
                 //--------------------------------------------------------------------------------------
-                else if ( action === 'show-save-file-picker' ) {
+                else if (action === 'show-save-file-picker') {
                     let allowed_file_types = window.url_query_params.get('allowed_file_types');
 
                     // send 'sendMeFileData' event to parent
@@ -741,15 +738,14 @@ window.initgui = async function (options) {
 
                     // listen for 'showSaveFilePickerPopup' event from parent
                     window.addEventListener('message', async (event) => {
-                        if ( event.data.msg !== 'showSaveFilePickerPopup' )
-                        {
+                        if (event.data.msg !== 'showSaveFilePickerPopup') {
                             return;
                         }
 
                         // Open dialog
                         UIWindow({
                             allowed_file_types: allowed_file_types,
-                            path: `/${ window.user.username }/Desktop`,
+                            path: `/${window.user.username}/Desktop`,
                             // this is the uuid of the window to which this dialog will return
                             return_to_parent_window: true,
                             show_maximize_button: false,
@@ -777,20 +773,19 @@ window.initgui = async function (options) {
                                 let overwrite = false;
                                 let file_to_upload = new File([event.data.content], path.basename(target_path));
                                 let item_with_same_name_already_exists = true;
-                                while ( item_with_same_name_already_exists ) {
+                                while (item_with_same_name_already_exists) {
                                     // overwrite?
-                                    if ( overwrite )
-                                    {
+                                    if (overwrite) {
                                         item_with_same_name_already_exists = false;
                                     }
                                     // upload
                                     try {
                                         const res = await puter.fs.write(target_path,
-                                                        file_to_upload,
-                                                        {
-                                                            dedupeName: false,
-                                                            overwrite: overwrite,
-                                                        });
+                                            file_to_upload,
+                                            {
+                                                dedupeName: false,
+                                                overwrite: overwrite,
+                                            });
 
                                         let file_signature = await puter.fs.sign(app_uid, { uid: res.uid, action: 'write' });
                                         file_signature = file_signature.items;
@@ -814,9 +809,9 @@ window.initgui = async function (options) {
                                         window.close();
                                         window.open('', '_self').close();
                                     }
-                                    catch ( err ) {
+                                    catch (err) {
                                         // item with same name exists
-                                        if ( err.code === 'item_with_same_name_exists' ) {
+                                        if (err.code === 'item_with_same_name_exists') {
                                             const alert_resp = await UIAlert({
                                                 message: `<strong>${html_encode(err.entry_name)}</strong> already exists.`,
                                                 buttons: [
@@ -832,9 +827,9 @@ window.initgui = async function (options) {
                                                 ],
                                                 parent_uuid: $(el_filedialog_window).attr('data-element_uuid'),
                                             });
-                                            if ( alert_resp === 'replace' ) {
+                                            if (alert_resp === 'replace') {
                                                 overwrite = true;
-                                            } else if ( alert_resp === 'cancel' ) {
+                                            } else if (alert_resp === 'cancel') {
                                                 // enable parent window
                                                 $(el_filedialog_window).find('.window-disable-mask, .busy-indicator').hide();
                                                 return;
@@ -856,7 +851,7 @@ window.initgui = async function (options) {
 
                                 // done
                                 let busy_duration = (Date.now() - busy_init_ts);
-                                if ( busy_duration >= window.busy_indicator_hide_delay ) {
+                                if (busy_duration >= window.busy_indicator_hide_delay) {
                                     $(el_filedialog_window).close();
                                 } else {
                                     setTimeout(() => {
@@ -880,7 +875,7 @@ window.initgui = async function (options) {
     // `share_token` provided
     // i.e. https://puter.com/?share_token=<share_token>
     //--------------------------------------------------------------------------------------
-    if ( window.url_query_params.has('share_token') ) {
+    if (window.url_query_params.has('share_token')) {
         let share_token = window.url_query_params.get('share_token');
 
         fetch(`${puter.APIOrigin}/sharelink/check`, {
@@ -894,8 +889,8 @@ window.initgui = async function (options) {
             'method': 'POST',
         }).then(response => response.json())
             .then(async data => {
-            // Show register screen
-                if ( data.email && data.email !== window.user?.email ) {
+                // Show register screen
+                if (data.email && data.email !== window.user?.email) {
                     await UIWindowSignup({
                         reload_on_success: true,
                         email: data.email,
@@ -906,8 +901,8 @@ window.initgui = async function (options) {
                     });
                 }
                 // Show email confirmation screen
-                else if ( data.email && data.email === window.user.email && !window.user.email_confirmed ) {
-                // todo show email confirmation window
+                else if (data.email && data.email === window.user.email && !window.user.email_confirmed) {
+                    // todo show email confirmation window
                     await UIWindowEmailConfirmationRequired({
                         stay_on_top: true,
                         has_head: false,
@@ -932,24 +927,24 @@ window.initgui = async function (options) {
     // If we're in fullpage/emebedded/Auth Popup mode, we don't want to load the custom background
     // because it's not visible anyway and it's a waste of bandwidth
     // -------------------------------------------------------------------------------------
-    if ( !window.is_fullpage_mode && !window.embedded_in_popup ) {
+    if (!window.is_fullpage_mode && !window.embedded_in_popup) {
         window.refresh_desktop_background();
     }
     // -------------------------------------------------------------------------------------
     // Un-authed but not first visit -> try to log in/sign up
     // -------------------------------------------------------------------------------------
-    if ( !window.is_auth() && (!window.first_visit_ever || window.disable_temp_users) ) {
-        if ( window.logged_in_users.length > 0 ) {
+    if (!window.is_auth() && (!window.first_visit_ever || window.disable_temp_users)) {
+        if (window.logged_in_users.length > 0) {
             UIWindowSessionList();
         }
         else {
-            const resp = await fetch(`${window.gui_origin }/whoarewe`);
+            const resp = await fetch(`${window.gui_origin}/whoarewe`);
             const whoarewe = await resp.json();
             await UIWindowLogin({
                 // show_signup_button:
                 reload_on_success: true,
                 send_confirmation_code: false,
-                show_signup_button: ( !whoarewe.disable_user_signup ),
+                show_signup_button: (!whoarewe.disable_user_signup),
                 window_options: {
                     has_head: false,
                 },
@@ -960,7 +955,7 @@ window.initgui = async function (options) {
     // -------------------------------------------------------------------------------------
     // Un-authed and first visit ever -> create temp user with Turnstile challenge
     // -------------------------------------------------------------------------------------
-    else if ( !window.is_auth() && window.first_visit_ever && !window.disable_temp_users ) {
+    else if (!window.is_auth() && window.first_visit_ever && !window.disable_temp_users) {
         let referrer;
         try {
             referrer = new URL(window.location.href).pathname;
@@ -974,17 +969,15 @@ window.initgui = async function (options) {
         window.referrerStr = referrer;
 
         // in case there is also a referrer query param, add it to the referrer URL
-        if ( window.url_query_params.has('ref') ) {
-            if ( ! referrer )
-            {
+        if (window.url_query_params.has('ref')) {
+            if (!referrer) {
                 referrer = '/';
             }
-            referrer += `?ref=${ html_encode(window.url_query_params.get('ref'))}`;
+            referrer += `?ref=${html_encode(window.url_query_params.get('ref'))}`;
         }
 
         let headers = {};
-        if ( window.custom_headers )
-        {
+        if (window.custom_headers) {
             headers = window.custom_headers;
         }
 
@@ -992,7 +985,7 @@ window.initgui = async function (options) {
         const createTempUser = (turnstileToken) => {
             // if this is a popup, show a spinner
             let spinner_init_ts = Date.now();
-            if ( window.embedded_in_popup ) {
+            if (window.embedded_in_popup) {
                 puter.ui.showSpinner('<span style="-webkit-font-smoothing: antialiased;">Setting up your <a href="https://puter.com" target="_blank">Puter.com</a> account for secure AI and Cloud features</span>');
             }
 
@@ -1003,12 +996,12 @@ window.initgui = async function (options) {
             };
 
             // Add Turnstile token if available
-            if ( turnstileToken ) {
+            if (turnstileToken) {
                 requestData['cf-turnstile-response'] = turnstileToken;
             }
 
             $.ajax({
-                url: `${window.gui_origin }/signup`,
+                url: `${window.gui_origin}/signup`,
                 type: 'POST',
                 async: true,
                 headers: headers,
@@ -1023,7 +1016,7 @@ window.initgui = async function (options) {
                     }
 
                     const $captchaModal = $('.captcha-modal');
-                    if ( $captchaModal.length > 0 ) await new Promise(async resolve => {
+                    if ($captchaModal.length > 0) await new Promise(async resolve => {
                         // The callback operand for fadeOut could be called
                         // more than once if there are multiple `.captcha-modal`
                         // elements, but only the first call to `resolve()` will
@@ -1032,7 +1025,7 @@ window.initgui = async function (options) {
                             $(this).remove();
                             resolve();
                         });
-                        
+
                         // Just in case anything fails, also resolve after 500ms
                         await window.sleep(500);
                         resolve();
@@ -1041,7 +1034,7 @@ window.initgui = async function (options) {
                     window.update_auth_data(data.token, data.user);
 
                     // if this is a popup, hide the spinner, make sure it was visible for at least 2 seconds
-                    if(window.embedded_in_popup) await new Promise(async resolve => {
+                    if (window.embedded_in_popup) await new Promise(async resolve => {
                         let spinner_duration = (Date.now() - spinner_init_ts);
 
                         (async () => {
@@ -1060,7 +1053,7 @@ window.initgui = async function (options) {
                                 app_uid: data.app_uid,
                             }, window.openerOrigin);
                             // close popup
-                            if ( !action || action === 'sign-in' ) {
+                            if (!action || action === 'sign-in') {
                                 window.close();
                                 window.open('', '_self').close();
                             }
@@ -1087,7 +1080,7 @@ window.initgui = async function (options) {
         };
 
         // Check if Turnstile is enabled and show challenge
-        if ( window.gui_params?.turnstileSiteKey ) {
+        if (window.gui_params?.turnstileSiteKey) {
             window.showTurnstileChallenge({
                 onSuccess: createTempUser,
                 onError: (error) => {
@@ -1104,10 +1097,9 @@ window.initgui = async function (options) {
     }
 
     // if there is at least one window open (only non-Explorer windows), ask user for confirmation when navigating away from puter
-    if ( window.feature_flags.prompt_user_when_navigation_away_from_puter ) {
+    if (window.feature_flags.prompt_user_when_navigation_away_from_puter) {
         window.onbeforeunload = function () {
-            if ( $('.window:not(.window[data-app="explorer"])').length > 0 )
-            {
+            if ($('.window:not(.window[data-app="explorer"])').length > 0) {
                 return true;
             }
         };
@@ -1123,7 +1115,7 @@ window.initgui = async function (options) {
         // -------------------------------------------------------------------------------------
         // Load desktop, if not embedded in a popup and not on the dashboard page
         // -------------------------------------------------------------------------------------
-        if ( ! window.embedded_in_popup && ! window.is_dashboard_mode ) {
+        if (!window.embedded_in_popup && !window.is_dashboard_mode) {
             await window.get_auto_arrange_data();
             puter.fs.stat({ path: window.desktop_path, consistency: 'eventual' }).then(desktop_fsentry => {
                 UIDesktop({ desktop_fsentry: desktop_fsentry });
@@ -1132,7 +1124,7 @@ window.initgui = async function (options) {
         // -------------------------------------------------------------------------------------
         // Dashboard mode: open explorer pointing to home directory
         // -------------------------------------------------------------------------------------
-        else if ( window.is_dashboard_mode ) {
+        else if (window.is_dashboard_mode) {
             UIDashboard();
         }
         // -------------------------------------------------------------------------------------
@@ -1156,11 +1148,11 @@ window.initgui = async function (options) {
                     app_uid: data.app_uid,
                 }, window.openerOrigin);
                 // close popup
-                if ( !action || action === 'sign-in' ) {
+                if (!action || action === 'sign-in') {
                     window.close();
                     window.open('', '_self').close();
                 }
-            } catch ( err ) {
+            } catch (err) {
                 // send error to parent
                 window.opener.postMessage({
                     msg: 'puter.token',
@@ -1175,7 +1167,7 @@ window.initgui = async function (options) {
 
             let app_uid;
 
-            if ( window.openerOrigin ) {
+            if (window.openerOrigin) {
                 app_uid = await window.getAppUIDFromOrigin(window.openerOrigin);
                 window.host_app_uid = app_uid;
             }
@@ -1183,7 +1175,7 @@ window.initgui = async function (options) {
             //--------------------------------------------------------------------------------------
             // Action: Show Open File Picker
             //--------------------------------------------------------------------------------------
-            if ( action === 'show-open-file-picker' ) {
+            if (action === 'show-open-file-picker') {
                 let options = window.url_query_params.get('options');
                 options = JSON.parse(options ?? '{}');
 
@@ -1191,7 +1183,7 @@ window.initgui = async function (options) {
                 UIWindow({
                     allowed_file_types: options?.accept,
                     selectable_body: options?.multiple,
-                    path: `/${ window.user.username }/Desktop`,
+                    path: `/${window.user.username}/Desktop`,
                     return_to_parent_window: true,
                     show_maximize_button: false,
                     show_minimize_button: false,
@@ -1215,10 +1207,10 @@ window.initgui = async function (options) {
             //--------------------------------------------------------------------------------------
             // Action: Show Directory Picker
             //--------------------------------------------------------------------------------------
-            else if ( action === 'show-directory-picker' ) {
+            else if (action === 'show-directory-picker') {
                 // open directory picker dialog
                 UIWindow({
-                    path: `/${ window.user.username }/Desktop`,
+                    path: `/${window.user.username}/Desktop`,
                     // this is the uuid of the window to which this dialog will return
                     // parent_uuid: event.data.appInstanceID,
                     return_to_parent_window: true,
@@ -1246,7 +1238,7 @@ window.initgui = async function (options) {
             //--------------------------------------------------------------------------------------
             // Action: Show Save File Dialog
             //--------------------------------------------------------------------------------------
-            else if ( action === 'show-save-file-picker' ) {
+            else if (action === 'show-save-file-picker') {
                 let allowed_file_types = window.url_query_params.get('allowed_file_types');
 
                 // send 'sendMeFileData' event to parent
@@ -1256,15 +1248,14 @@ window.initgui = async function (options) {
 
                 // listen for 'showSaveFilePickerPopup' event from parent
                 window.addEventListener('message', async (event) => {
-                    if ( event.data.msg !== 'showSaveFilePickerPopup' )
-                    {
+                    if (event.data.msg !== 'showSaveFilePickerPopup') {
                         return;
                     }
 
                     // Open dialog
                     UIWindow({
                         allowed_file_types: allowed_file_types,
-                        path: `/${ window.user.username }/Desktop`,
+                        path: `/${window.user.username}/Desktop`,
                         // this is the uuid of the window to which this dialog will return
                         return_to_parent_window: true,
                         show_maximize_button: false,
@@ -1292,20 +1283,19 @@ window.initgui = async function (options) {
                             let overwrite = false;
                             let file_to_upload = new File([event.data.content], path.basename(target_path));
                             let item_with_same_name_already_exists = true;
-                            while ( item_with_same_name_already_exists ) {
+                            while (item_with_same_name_already_exists) {
                                 // overwrite?
-                                if ( overwrite )
-                                {
+                                if (overwrite) {
                                     item_with_same_name_already_exists = false;
                                 }
                                 // upload
                                 try {
                                     const res = await puter.fs.write(target_path,
-                                                    file_to_upload,
-                                                    {
-                                                        dedupeName: false,
-                                                        overwrite: overwrite,
-                                                    });
+                                        file_to_upload,
+                                        {
+                                            dedupeName: false,
+                                            overwrite: overwrite,
+                                        });
 
                                     let file_signature = await puter.fs.sign(app_uid, { uid: res.uid, action: 'write' });
                                     file_signature = file_signature.items;
@@ -1330,9 +1320,9 @@ window.initgui = async function (options) {
                                     window.open('', '_self').close();
                                     // show_save_account_notice_if_needed();
                                 }
-                                catch ( err ) {
+                                catch (err) {
                                     // item with same name exists
-                                    if ( err.code === 'item_with_same_name_exists' ) {
+                                    if (err.code === 'item_with_same_name_exists') {
                                         const alert_resp = await UIAlert({
                                             message: `<strong>${html_encode(err.entry_name)}</strong> already exists.`,
                                             buttons: [
@@ -1348,9 +1338,9 @@ window.initgui = async function (options) {
                                             ],
                                             parent_uuid: $(el_filedialog_window).attr('data-element_uuid'),
                                         });
-                                        if ( alert_resp === 'replace' ) {
+                                        if (alert_resp === 'replace') {
                                             overwrite = true;
-                                        } else if ( alert_resp === 'cancel' ) {
+                                        } else if (alert_resp === 'cancel') {
                                             // enable parent window
                                             $(el_filedialog_window).find('.window-disable-mask, .busy-indicator').hide();
                                             return;
@@ -1372,7 +1362,7 @@ window.initgui = async function (options) {
 
                             // done
                             let busy_duration = (Date.now() - busy_init_ts);
-                            if ( busy_duration >= window.busy_indicator_hide_delay ) {
+                            if (busy_duration >= window.busy_indicator_hide_delay) {
                                 $(el_filedialog_window).close();
                             } else {
                                 setTimeout(() => {
@@ -1400,32 +1390,31 @@ window.initgui = async function (options) {
         update_last_touch_coordinates(e);
 
         // dismiss touchstart on regular devices
-        if ( e.type === 'touchstart' && !isMobile.phone && !isMobile.tablet )
-        {
+        if (e.type === 'touchstart' && !isMobile.phone && !isMobile.tablet) {
             return;
         }
 
         // If .item-container clicked, unselect all its item children
-        if ( $(e.target).hasClass('item-container') && !e.ctrlKey && !e.metaKey ) {
+        if ($(e.target).hasClass('item-container') && !e.ctrlKey && !e.metaKey) {
             $(e.target).children('.item-selected').removeClass('item-selected');
             window.update_explorer_footer_selected_items_count(e.target);
         }
 
         // If the clicked element is not a context menu, remove all context menus
-        if ( $(e.target).parents('.context-menu').length === 0 ) {
+        if ($(e.target).parents('.context-menu').length === 0) {
             $('.context-menu').fadeOut(200, function () {
                 $(this).remove();
             });
         }
 
         // click on anything will close all popovers, but there are some exceptions
-        if ( !$(e.target).hasClass('start-app')
+        if (!$(e.target).hasClass('start-app')
             && !$(e.target).hasClass('launch-search')
             && !$(e.target).hasClass('launch-search-clear')
             && $(e.target).closest('.start-app').length === 0
             && !isMobile.phone && !isMobile.tablet
             && !$(e.target).hasClass('popover')
-            && $(e.target).parents('.popover').length === 0 ) {
+            && $(e.target).parents('.popover').length === 0) {
 
             $('.popover').fadeOut(200, function () {
                 $('.popover').remove();
@@ -1436,21 +1425,21 @@ window.initgui = async function (options) {
         $('.ui-tooltip').remove();
 
         // rename items whose names were being edited
-        if ( ! $(e.target).hasClass('item-name-editor') ) {
+        if (!$(e.target).hasClass('item-name-editor')) {
             // blurring an Item Name Editor will automatically trigger renaming the item
             $('.item-name-editor-active').blur();
         }
 
         // update active_item_container
-        if ( $(e.target).hasClass('item-container') ) {
+        if ($(e.target).hasClass('item-container')) {
             window.active_item_container = e.target;
         } else {
             let ic = $(e.target).closest('.item-container');
-            if ( ic.length > 0 ) {
+            if (ic.length > 0) {
                 window.active_item_container = ic.get(0);
             } else {
                 let pp = $(e.target).find('.item-container');
-                if ( pp.length > 0 ) {
+                if (pp.length > 0) {
                     window.active_item_container = pp.get(0);
                 }
             }
@@ -1470,25 +1459,24 @@ window.initgui = async function (options) {
     //--------------------------------------------------------
     $(document).on('mousedown', function (e) {
         // if taskbar or any parts of it is clicked, drop the event
-        if ( $(e.target).hasClass('taskbar') || $(e.target).closest('.taskbar').length > 0 ) {
+        if ($(e.target).hasClass('taskbar') || $(e.target).closest('.taskbar').length > 0) {
             return;
         }
         // if toolbar or any parts of it is clicked, drop the event
-        if ( $(e.target).hasClass('toolbar') || $(e.target).closest('.toolbar').length > 0 ) {
+        if ($(e.target).hasClass('toolbar') || $(e.target).closest('.toolbar').length > 0) {
             return;
         }
 
         // if close or minimize button clicked, drop the event
-        if ( document.elementFromPoint(e.clientX, e.clientY).closest('.window-close-btn, .window-minimize-btn') ) {
+        if (document.elementFromPoint(e.clientX, e.clientY).closest('.window-close-btn, .window-minimize-btn')) {
             return;
         }
 
         // if mouse is clicked on a window, activate it
-        if ( window.mouseover_window !== undefined ) {
+        if (window.mouseover_window !== undefined) {
             // if popover clicked on, don't activate window. This is because if an app
             // is using the popover API to show a popover, the popover will be closed if the window is activated
-            if ( $(e.target).hasClass('popover') || $(e.target).parents('.popover').length > 0 )
-            {
+            if ($(e.target).hasClass('popover') || $(e.target).parents('.popover').length > 0) {
                 return;
             }
             $(window.mouseover_window).focusWindow(e);
@@ -1509,12 +1497,12 @@ window.initgui = async function (options) {
     });
 
     document.addEventListener('visibilitychange', (event) => {
-        if ( document.visibilityState !== 'visible' ) {
+        if (document.visibilityState !== 'visible') {
             window.doc_title_before_blur = document.title;
-            if ( ! _.isEmpty(window.active_uploads) ) {
+            if (!_.isEmpty(window.active_uploads)) {
                 update_title_based_on_uploads();
             }
-        } else if ( window.active_uploads ) {
+        } else if (window.active_uploads) {
             document.title = window.doc_title_before_blur ?? 'Puter';
         }
     });
@@ -1532,7 +1520,7 @@ window.initgui = async function (options) {
      */
     $(document).on('logout', async function (event) {
         // is temp user?
-        if ( window.user && window.user.is_temp && !window.user.deleted ) {
+        if (window.user && window.user.is_temp && !window.user.deleted) {
             const alert_resp = await UIAlert({
                 message: '<strong>Save account before logging out!</strong><p>You are using a temporary account and logging out will erase all your data.</p>',
                 buttons: [
@@ -1551,16 +1539,15 @@ window.initgui = async function (options) {
                     },
                 ],
             });
-            if ( alert_resp === 'save_account' ) {
+            if (alert_resp === 'save_account') {
                 let saved = await UIWindowSaveAccount({
                     send_confirmation_code: false,
                     default_username: window.user.username,
                 });
-                if ( saved )
-                {
+                if (saved) {
                     window.logout();
                 }
-            } else if ( alert_resp === 'log_out' ) {
+            } else if (alert_resp === 'log_out') {
                 window.logout();
             }
             else {
@@ -1573,12 +1560,12 @@ window.initgui = async function (options) {
             const resp = await fetch(`${window.gui_origin}/get-anticsrf-token`);
             const { token } = await resp.json();
             await $.ajax({
-                url: `${window.gui_origin }/logout`,
+                url: `${window.gui_origin}/logout`,
                 type: 'POST',
                 async: true,
                 contentType: 'application/json',
                 headers: {
-                    'Authorization': `Bearer ${ window.auth_token}`,
+                    'Authorization': `Bearer ${window.auth_token}`,
                 },
                 data: JSON.stringify({ anti_csrf: token }),
                 statusCode: {
@@ -1591,8 +1578,8 @@ window.initgui = async function (options) {
         }
 
         // remove this user from the array of logged_in_users
-        for ( let i = 0; i < window.logged_in_users.length; i++ ) {
-            if ( window.logged_in_users[i].uuid === window.user.uuid ) {
+        for (let i = 0; i < window.logged_in_users.length; i++) {
+            if (window.logged_in_users[i].uuid === window.user.uuid) {
                 window.logged_in_users.splice(i, 1);
                 break;
             }
@@ -1622,9 +1609,9 @@ window.initgui = async function (options) {
     });
 };
 
-function requestOpenerOrigin () {
+function requestOpenerOrigin() {
     return new Promise((resolve, reject) => {
-        if ( ! window.opener ) {
+        if (!window.opener) {
             reject(new Error('No window.opener available'));
             return;
         }
@@ -1632,7 +1619,7 @@ function requestOpenerOrigin () {
         // Function to handle the message event
         const handleMessage = (event) => {
             // Check if the message is the expected response
-            if ( event.data.msg === 'originResponse' ) {
+            if (event.data.msg === 'originResponse') {
                 // Clean up by removing the event listener
                 window.removeEventListener('message', handleMessage);
                 resolve(event.origin);
@@ -1658,7 +1645,7 @@ $(document).on('click', '.generic-close-window-button', function (e) {
 });
 
 $(document).on('click', function (e) {
-    if ( !$(e.target).hasClass('window-search') && $(e.target).closest('.window-search').length === 0 && !$(e.target).is('.toolbar-btn.search-btn') ) {
+    if (!$(e.target).hasClass('window-search') && $(e.target).closest('.window-search').length === 0 && !$(e.target).is('.toolbar-btn.search-btn')) {
         $('.window-search').close();
     }
 });
@@ -1666,8 +1653,7 @@ $(document).on('click', function (e) {
 // Re-calculate desktop height and width on window resize and re-position the login and signup windows
 $(window).on('resize', function () {
     // If host env is popup, don't continue because the popup window has its own resize requirements.
-    if ( window.embedded_in_popup )
-    {
+    if (window.embedded_in_popup) {
         return;
     }
 
@@ -1694,7 +1680,7 @@ $(window).on('resize', function () {
 });
 
 $(document).on('contextmenu', '.disable-context-menu', function (e) {
-    if ( $(e.target).hasClass('disable-context-menu') ) {
+    if ($(e.target).hasClass('disable-context-menu')) {
         e.preventDefault();
         return false;
     }