Add initial Android app support

blend-settings/src/index.html

@@ -14,9 +14,11 @@
   <br>
   <div class="topnav">
     <div class="btn-group" role="group" aria-label="Stores">
-      <button class="btn btn-outline-light active shadow-none" id="containers-button"
-        onclick="page('containers')">Containers</button>
-      <button class="btn btn-outline-light shadow-none" id="overlay-button" onclick="page('overlay')">System</button>
+      <button class="btn btn-outline-light active shadow-none" id="containers-button" onclick="page('containers')">Linux
+        Containers</button>
+      <button class="btn btn-outline-light shadow-none" id="android-button" onclick="page('android')">Android
+        Apps</button>
+      <button class="btn btn-outline-light shadow-none" id="system-button" onclick="page('system')">System</button>
     </div>
   </div>
 
@@ -44,12 +46,20 @@
         case 'containers':
           $('#webview').load("pages/containers.html");
           $('#containers-button').addClass('active')
-          $('#overlay-button').removeClass('active')
+          $('#android-button').removeClass('active')
+          $('#system-button').removeClass('active')
           break;
-        case 'overlay':
-          $('#webview').load("pages/overlay.html");
+        case 'android':
+          $('#webview').load("pages/android.html");
           $('#containers-button').removeClass('active')
-          $('#overlay-button').addClass('active')
+          $('#android-button').addClass('active')
+          $('#system-button').removeClass('active')
+          break;
+        case 'system':
+          $('#webview').load("pages/system.html");
+          $('#containers-button').removeClass('active')
+          $('#android-button').removeClass('active')
+          $('#system-button').addClass('active')
           break;
       }
     }

blend-settings/src/internal/js/android.js

@@ -0,0 +1,171 @@
+function rollback() {
+    let rollback_worker = new Worker(
+        `data:text/javascript,
+        let s = require('child_process').spawnSync('pkexec', ['blend-system', 'rollback']).status
+        if (s === 0) {
+            postMessage('success')
+        } else {
+            postMessage('failure')
+        }
+        `
+    )
+    rollback_worker.onmessage = e => {
+        if (e.data == 'success') {
+            document.getElementById('rollback-btn').outerHTML =
+                '<button type="button" class="btn btn-danger" onclick="undo_rollback()" id="rollback-btn">Cancel rollback</button>'
+        } else {
+            document.getElementById('rollback-btn').outerHTML =
+                '<button type="button" class="btn btn-danger" id="rollback-btn" disabled>Failed</button>'
+            setTimeout(() => document.getElementById('rollback-btn').outerHTML =
+                '<button type="button" class="btn btn-danger" onclick="rollback()" id="rollback-btn">Rollback</button>', 2000)
+        }
+    }
+}
+
+function undo_rollback() {
+    let undo_rollback_worker = new Worker(
+        `data:text/javascript,
+        let s = require('child_process').spawnSync('pkexec', ['rm', '-f', '/blend/states/.load_prev_state']).status
+        if (s === 0) {
+            postMessage('success')
+        } else {
+            postMessage('failure')
+        }
+        `
+    )
+    undo_rollback_worker.onmessage = e => {
+        if (e.data == 'success') {
+            document.getElementById('rollback-btn').outerHTML =
+                '<button type="button" class="btn btn-danger" onclick="rollback()" id="rollback-btn">Rollback</button>'
+        } else {
+            document.getElementById('rollback-btn').outerHTML =
+                '<button type="button" class="btn btn-danger" id="rollback-btn" disabled>Failed</button>'
+            setTimeout(() => document.getElementById('rollback-btn').outerHTML =
+                '<button type="button" class="btn btn-danger" onclick="undo_rollback()" id="rollback-btn">Cancel rollback</button>', 2000)
+        }
+    }
+}
+
+function init_waydroid() {
+    document.getElementById('initialize-btn').outerHTML =
+        '<button type="button" id="initialize-btn" onclick="init_waydroid()" class="btn btn-primary" disabled>Initializing...</button>'
+    let init_worker = new Worker(
+        `data:text/javascript,
+        require('child_process').spawnSync('pkexec', ['waydroid', 'init'])
+        require('child_process').spawn('sh', ['-c', 'waydroid session start & disown'])
+        setTimeout(() => {
+            require('child_process').spawnSync('pkexec', ['waydroid', 'shell', 'pm', 'disable', 'com.android.inputmethod.latin'])
+            require('child_process').spawnSync('waydroid', ['prop', 'set', 'persist.waydroid.multi_windows', 'true'])
+            postMessage('success')
+        }, 2000)
+        `
+    )
+    init_worker.onmessage = e => {
+        if (e.data == 'success') {
+            document.getElementById('init-waydroid').classList.add('d-none')
+            document.getElementById('waydroid-initialized-settings').classList.remove('d-none')
+        }
+    }
+}
+
+function enable_multi_window() {
+    document.getElementById('multiwindow-btn').outerHTML =
+        '<button type="button" id="multiwindow-btn" onclick="enable_multi_window()" class="btn btn-primary" disabled>Enabling...</button>'
+    let multi_window_worker = new Worker(
+        `data:text/javascript,
+            require('child_process').spawn('sh', ['-c', 'waydroid session start & disown'])
+            setTimeout(() => { require('child_process').spawnSync('waydroid', ['prop', 'set', 'persist.waydroid.multi_windows', 'true']); require('child_process').spawn('sh', ['-c', 'waydroid session stop']); postMessage('success') }, 500)
+            `
+    )
+    multi_window_worker.onmessage = e => {
+        if (e.data == 'success') {
+            document.getElementById('multiwindow-btn').outerHTML =
+                '<button type="button" id="multiwindow-btn" onclick="disable_multi_window()" class="btn btn-primary">Disable</button>'
+        }
+    }
+}
+
+function disable_multi_window() {
+    document.getElementById('multiwindow-btn').outerHTML =
+        '<button type="button" id="multiwindow-btn" onclick="enable_multi_window()" class="btn btn-primary" disabled>Disabling...</button>'
+    let multi_window_worker = new Worker(
+        `data:text/javascript,
+            require('child_process').spawn('sh', ['-c', 'waydroid session start & disown'])
+            setTimeout(() => { require('child_process').spawnSync('waydroid', ['prop', 'set', 'persist.waydroid.multi_windows', 'false']); require('child_process').spawn('sh', ['-c', 'waydroid session stop']); postMessage('success') }, 500)
+            `
+    )
+    multi_window_worker.onmessage = e => {
+        if (e.data == 'success') {
+            document.getElementById('multiwindow-btn').outerHTML =
+                '<button type="button" id="multiwindow-btn" onclick="enable_multi_window()" class="btn btn-primary">Enable</button>'
+        }
+    }
+}
+
+function check_multi_window_enabled() {
+    let check_worker = new Worker(
+        `data:text/javascript,
+            require('child_process').spawn('sh', ['-c', 'waydroid session start & disown'])
+            setTimeout(() => { let val = require('child_process').spawnSync('waydroid', ['prop', 'get', 'persist.waydroid.multi_windows']).stdout; postMessage(val) }, 500)
+            `
+    )
+    check_worker.onmessage = e => {
+        if (new TextDecoder("utf-8").decode(e.data).trim() == 'true') {
+            document.getElementById('multiwindow-btn').outerHTML =
+                '<button type="button" id="multiwindow-btn" onclick="disable_multi_window()" class="btn btn-primary">Disable</button>'
+        } else {
+            document.getElementById('multiwindow-btn').outerHTML =
+                '<button type="button" id="multiwindow-btn" onclick="enable_multi_window()" class="btn btn-primary">Enable</button>'
+        }
+    }
+}
+
+require('fs').stat('/var/lib/waydroid', (err, stat) => {
+    if (err == null) {
+        document.getElementById('waydroid-initialize-settings').classList.add('d-none')
+        document.getElementById('waydroid-initialized-settings').classList.remove('d-none')
+    }
+})
+
+check_state_creation()
+check_rollback()
+
+$('#automatic-state-toggle').on('change', () => {
+    if (!document.getElementById('automatic-state-toggle').checked) {
+        let enable_autostate_worker = new Worker(
+            `data:text/javascript,
+            let s = require('child_process').spawnSync('pkexec', ['rm', '-f', '/blend/states/.disable_states']).status
+            if (s === 0) {
+                postMessage('success')
+            } else {
+                postMessage('failure')
+            }
+            `
+        )
+        enable_autostate_worker.onmessage = e => {
+            if (e.data == 'success') {
+                document.getElementById('automatic-state-toggle').checked = false
+            } else {
+                document.getElementById('automatic-state-toggle').checked = true
+            }
+        }
+    } else {
+        let disable_autostate_worker = new Worker(
+            `data:text/javascript,
+            let s = require('child_process').spawnSync('pkexec', ['blend-system', 'toggle-states']).status
+            if (s === 0) {
+                postMessage('success')
+            } else {
+                postMessage('failure')
+            }
+            `
+        )
+        disable_autostate_worker.onmessage = e => {
+            if (e.data == 'success') {
+                document.getElementById('automatic-state-toggle').checked = true
+            } else {
+                document.getElementById('automatic-state-toggle').checked = false
+            }
+        }
+    }
+});

blend-settings/src/pages/android.html

@@ -0,0 +1,93 @@
+<div class="container-fluid d-flex justify-content-center">
+  <div class="col-12 col-lg-10 col-xl-8 mx-auto">
+    <div id="waydroid-initialize-settings">
+      <div class="list-group mt-3 mb-5 shadow" id="waydroid-initialize-settings">
+        <div class="list-group-item">
+          <div class="row align-items-center">
+            <div class="col">
+              <strong class="mb-0">Initialize Android App Support</strong>
+              <p class="text-muted mb-0">Initialize WayDroid to be able to run Android apps.</p>
+            </div>
+            <div class="col-auto">
+              <div class="form-check form-switch align-middle">
+                <button type="button" id="initialize-btn" onclick="init_waydroid()"
+                  class="btn btn-primary">Initialize</button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="d-none" id="waydroid-initialized-settings">
+      <div id="main-list" class="mb-3">
+        <div class="list-group-item" id="">
+          <div class="row align-items-center">
+            <div class="col">
+              <strong class="mb-0">App Lounge (/e/)</strong>
+              <p class="text-muted mb-0">An installable catalogue of FOSS Android applications.</p>
+            </div>
+            <div class="col-auto">
+              <div class="form-check form-switch align-middle">
+                <button type="button" id="e-applounge-inst-btn" onclick="install_e_applounge()" class="btn btn-primary"
+                  disabled>Checking status...</button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <strong>Install a store</strong>
+      <div class="list-group mt-3 mb-4 shadow">
+        <div>
+          <div class="list-group-item" id="multi-window">
+            <div class="row align-items-center">
+              <div class="col">
+                <strong class="mb-0">App Lounge (/e/)</strong>
+                <p class="text-muted mb-0">An installable catalogue of FOSS Android applications.</p>
+              </div>
+              <div class="col-auto">
+                <div class="form-check form-switch align-middle">
+                  <button type="button" id="e-applounge-inst-btn" onclick="install_e_applounge()"
+                    class="btn btn-primary" disabled>Checking status...</button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="list-group-item" id="multi-window">
+            <div class="row align-items-center">
+              <div class="col">
+                <strong class="mb-0">Aurora Store (Nightly)</strong>
+                <p class="text-muted mb-0">An open-source Google Play Store client.</p>
+              </div>
+              <div class="col-auto">
+                <div class="form-check form-switch align-middle">
+                  <button type="button" id="aurora-store-inst-btn" onclick="install_aurora_store()"
+                    class="btn btn-primary" disabled>Checking status...</button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="list-group-item" id="multi-window">
+            <div class="row align-items-center">
+              <div class="col">
+                <strong class="mb-0">F-Droid</strong>
+                <p class="text-muted mb-0">An installable catalogue of FOSS Android applications.</p>
+              </div>
+              <div class="col-auto">
+                <div class="form-check form-switch align-middle">
+                  <button type="button" id="f-droid-btn" onclick="install_f_droid()" class="btn btn-primary"
+                    disabled>Checking status...</button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- Import generic page JS. -->
+<script src="internal/js/generic_page.js"></script>
+
+<!-- Import overlay JS. -->
+<script src="internal/js/android.js"></script>

blend-settings/src/pages/system.html

@@ -61,4 +61,4 @@
 <script src="internal/js/generic_page.js"></script>
 
 <!-- Import overlay JS. -->
-<script src="internal/js/overlay.js"></script>
+<script src="internal/js/system.js"></script>