Mobile issues (#990)

* fix scripting pages not loading on mobile / small screens

* fix unable to download logs from within an organization

* address google play store in app purchase concerns

* route changes for  google play store and mobile scripting

* tiny ui cleanup

* missing leading slash in updated route

Co-authored-by: Copilot <[email protected]>

* fix routing issue pr review introduced

* feat: update routing account pages to target android instead of web for mobile

* 3.39.0

---------

Co-authored-by: Copilot <[email protected]>

Author: JamieRuderman

android/app/build.gradle

@@ -13,8 +13,8 @@ android {
         applicationId "com.remoteit"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 282
-        versionName "3.38.2"
+        versionCode 283
+        versionName "3.39.0"
         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
         aaptOptions {
              // Files and dirs to omit from the packaged assets dir, modified to accommodate modern web apps.

android/build.gradle

@@ -7,7 +7,7 @@ buildscript {
         mavenCentral()
     }
     dependencies {
-        classpath 'com.android.tools.build:gradle:8.9.2'
+        classpath 'com.android.tools.build:gradle:8.12.1'
         classpath 'com.google.gms:google-services:4.4.0'
 
         // NOTE: Do not place your application dependencies here; they belong

android/gradle/wrapper/gradle-wrapper.properties

@@ -1,6 +1,6 @@
 #Wed Oct 16 15:39:18 PDT 2024
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-8.11.1-bin.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.13-bin.zip
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists

backend/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remoteit-headless",
-  "version": "3.38.2",
+  "version": "3.39.0",
   "private": true,
   "main": "build/index.js",
   "scripts": {

electron/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "remoteit",
-  "version": "3.38.2",
+  "version": "3.39.0",
   "private": true,
   "main": "build/index.js",
   "description": "Remote.It cross platform desktop application for creating and hosting connections",

electron/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remoteit-desktop-frontend",
-  "version": "3.38.2",
+  "version": "3.39.0",
   "private": true,
   "type": "module",
   "scripts": {

frontend/package.json

@@ -25,7 +25,7 @@ export const RefreshButton: React.FC<ButtonProps> = props => {
   const networkPage = useRouteMatch('/networks')
   const logsPage = useRouteMatch(['/logs', '/devices/:deviceID/logs'])
   const devicesPage = useRouteMatch('/devices')
-  const scriptingPage = useRouteMatch('/scripting')
+  const scriptingPage = useRouteMatch(['/script', '/scripts', '/runs'])
   const scriptPage = useRouteMatch('/script')
 
   let title = 'Refresh application'

frontend/src/buttons/RefreshButton/RefreshButton.tsx

@@ -1,4 +1,5 @@
 import React, { useState, useRef, useCallback } from 'react'
+import browser from '../services/browser'
 import { makeStyles } from '@mui/styles'
 import { useHistory } from 'react-router-dom'
 import { State, Dispatch } from '../store'
@@ -14,6 +15,7 @@ import { isRemoteUI } from '../helpers/uiHelper'
 import { DesktopUI } from './DesktopUI'
 import { Avatar } from './Avatar'
 import { emit } from '../services/Controller'
+import { Icon } from './Icon'
 
 const ENTER_DELAY = 300
 const LEAVE_DELAY = 400 // must be longer than transition duration
@@ -80,7 +82,7 @@ export const AvatarMenu: React.FC = () => {
         anchorEl={buttonRef.current}
         className={css.menu}
         onClose={handleClose}
-        PaperProps={{ onMouseEnter: handleEnter, onMouseLeave: handleLeave }}
+        slotProps={{ paper: { onMouseEnter: handleEnter, onMouseLeave: handleLeave } }}
         anchorOrigin={{ horizontal: 'left', vertical: 'bottom' }}
         transformOrigin={{ horizontal: 'left', vertical: 'top' }}
         transitionDuration={TRANSITION_DURATION}
@@ -96,7 +98,16 @@ export const AvatarMenu: React.FC = () => {
           to="/account"
           badge={licenseIndicator}
           onClick={handleClose}
+        >
+          {browser.isAndroid && <Icon name="launch" size="sm" color="grayDark" inlineLeft fixedWidth />}
+        </ListItemLocation>
+        <ListItemLink
+          title="Support"
+          icon="life-ring"
+          href="https://link.remote.it/documentation-desktop/overview"
+          dense
         />
+        <ListItemLink title="APIs" icon="books" href="https://link.remote.it/docs/api" dense />
         <ListItemLocation
           title="Bug Report"
           icon="spider"
@@ -111,13 +122,6 @@ export const AvatarMenu: React.FC = () => {
           }}
           dense
         />
-        <ListItemLink
-          title="Support"
-          icon="life-ring"
-          href="https://link.remote.it/documentation-desktop/overview"
-          dense
-        />
-        <ListItemLink title="APIs" icon="books" href="https://link.remote.it/docs/api" dense />
         {(altMenu || testUI) && (
           <ListItemSetting
             confirm={!testUI}

frontend/src/components/AvatarMenu.tsx

@@ -51,7 +51,7 @@ export const DeviceList: React.FC<DeviceListProps> = ({
       {devices?.map((device, index) => {
         const canRestore = isOffline(device) && !device.shared
         if (restore && !canRestore) return null
-        const disabled = select && !device.scriptable && location.pathname.includes('scripting')
+        const disabled = select && !device.scriptable && location.pathname.includes('scripts')
         return (
           <DeviceListContext.Provider
             key={device.id}