Updates for native app to make it work again. Still some left to do.

.gitignore

@@ -20,8 +20,8 @@ backups/
 tmp/
 temp/
 development/
-.vscode
+# .vscode
-*.code-workspace
+# *.code-workspace
 file_cache/
 aether_native_app_config.json
 # package-lock.json

app/index.html

@@ -38,21 +38,22 @@
 
 
         <!-- One Sky IT Cascading Style Sheets (CSS) -->
-        <script>document.write(`<link rel="stylesheet" href="${native_app_js_css_base_url}/static/svelte/build/ae_css_variables.css" />`);</script>
+        <script>document.write(`<link rel="stylesheet" href="${native_app_js_css_base_url}/static/css/ae_css_variables.css" />`);</script>
-        <script>document.write(`<link rel="stylesheet" href="${native_app_js_css_base_url}/static/svelte/build/ae_utilities.css" />`);</script>
+        <script>document.write(`<link rel="stylesheet" href="${native_app_js_css_base_url}/static/css/ae_utilities.css" />`);</script>
-        <script>document.write(`<link rel="stylesheet" href="${native_app_js_css_base_url}/static/svelte/build/ae_components.css" />`);</script>
+        <script>document.write(`<link rel="stylesheet" href="${native_app_js_css_base_url}/static/css/ae_shared_components.css" />`);</script>
-        <script>document.write(`<link rel="stylesheet" href="${native_app_js_css_base_url}/static/svelte/build/ae_modules_core.css" />`);</script>
+        <script>document.write(`<link rel="stylesheet" href="${native_app_js_css_base_url}/static/css/ae_core_modules_components.css" />`);</script>
 
-        <script>document.write(`<link rel="stylesheet" href="${native_app_js_css_base_url}/static/svelte/build/ae_layout_base.css" />`);</script>
+        <script>document.write(`<link rel="stylesheet" href="${native_app_js_css_base_url}/static/css/ae_layout_base.css" />`);</script>
-        <script>document.write(`<link rel="stylesheet" href="${native_app_js_css_base_url}/static/svelte/build/ae_layout_system.css" />`);</script>
+        <script>document.write(`<link rel="stylesheet" href="${native_app_js_css_base_url}/static/css/ae_layout_system.css" />`);</script>
 
-        <script>document.write(`<link rel="stylesheet" href="${native_app_js_css_base_url}/static/svelte/build/bundle.css" />`);</script>
+        <script>document.write(`<link rel="stylesheet" href="${native_app_js_css_base_url}/static/ae_app_core_bundle.css" />`);</script>
-        <!-- <script>document.write(`<link rel="stylesheet" href="${native_app_js_css_base_url}/static/svelte/build/reloading.css" />`);</script> -->
+        <script>document.write(`<link rel="stylesheet" href="${native_app_js_css_base_url}/static/ae_app_mods_bundle.css" />`);</script>
+        <script>document.write(`<link rel="stylesheet" href="${native_app_js_css_base_url}/static/ae_app_mod_events_bundle.css" />`);</script>
 
-        <script>document.write(`<link rel="stylesheet" href="${native_app_js_css_base_url}/static/svelte/build/ae_temp.css" />`);</script>
+        <script>document.write(`<link rel="stylesheet" href="${native_app_js_css_base_url}/static/css/ae_temp.css" />`);</script>
 
-        <script>document.write(`<link rel="stylesheet" href="${native_app_js_css_base_url}/static/svelte/build/event.css" />`);</script>
+        <script>document.write(`<link rel="stylesheet" href="${native_app_js_css_base_url}/static/css/event.css" />`);</script>
-        <script>document.write(`<link rel="stylesheet" href="${native_app_js_css_base_url}/static/svelte/build/event_launcher.css" />`);</script>
+        <script>document.write(`<link rel="stylesheet" href="${native_app_js_css_base_url}/static/css/event_launcher.css" />`);</script>
 
         <link rel="stylesheet" href="css/aether_app_native_v3.css">
 
@@ -115,9 +116,113 @@
 
         /* ***** **** *** ** * ### * ** *** **** ***** */
 
-        let svelte_bundle_js = document.createElement('script');
+        const ae_bridge = {
-        svelte_bundle_js.setAttribute('src', `${native_app_js_css_base_url}/static/svelte/build/bundle.js`);
+            example_var: 'Example Default Value',
-        document.head.appendChild(svelte_bundle_js);
+            get example() {
+                return this.example_var;
+            },
+            set example(new_value) {
+                    this.example_var = new_value;
+                    this.example_var_listener(new_value);
+                    this.example_var_core_listener(new_value);
+                    this.example_var_mods_listener(new_value);
+            },
+
+            example_var_listener: function (new_value) {},
+            registerNewListener: function (external_listener_function) {
+                this.example_var_listener = external_listener_function;
+            },
+
+            example_var_core_listener: function (new_value) {},
+            registerNewCoreListener: function (external_core_listener_function) {
+                this.example_var_core_listener = external_core_listener_function;
+            },
+
+            example_var_mods_listener: function (new_value) {},
+            registerNewModsListener: function (external_mods_listener_function) {
+                this.example_var_mods_listener = external_mods_listener_function;
+            },
+
+            // Monitor change in Access Type
+            access_type_var: 'anonymous',
+            get access_type() {
+                return this.access_type_var;
+            },
+            set access_type(new_value) {
+                    this.access_type_var = new_value;
+                    this.access_type_var_core_listener(new_value);
+                    this.access_type_var_mods_listener(new_value);
+            },
+
+            access_type_var_core_listener: function (new_value) {},
+            register_core_access_type_listener: function (external_core_listener_function) {
+                this.access_type_var_core_listener = external_core_listener_function;
+            },
+
+            access_type_var_mods_listener: function (new_value) {},
+            register_mods_access_type_listener: function (external_mods_listener_function) {
+                this.access_type_var_mods_listener = external_mods_listener_function;
+            },
+
+
+            // Monitor change in AE Common
+            ae_com_var: 'anonymous',
+            get ae_com() {
+                return this.ae_com_var;
+            },
+            set ae_com(new_value) {
+                    this.ae_com_var = new_value;
+                    this.ae_com_var_core_listener(new_value);
+                    this.ae_com_var_mods_listener(new_value);
+            },
+
+            ae_com_var_core_listener: function (new_value) {},
+            register_core_ae_com_listener: function (external_core_listener_function) {
+                this.ae_com_var_core_listener = external_core_listener_function;
+            },
+
+            ae_com_var_mods_listener: function (new_value) {},
+            register_mods_ae_com_listener: function (external_mods_listener_function) {
+                this.ae_com_var_mods_listener = external_mods_listener_function;
+            },
+
+
+            // Monitor change in Client
+            client_var: 'anonymous',
+            get client() {
+                return this.client_var;
+            },
+            set client(new_value) {
+                    this.client_var = new_value;
+                    this.client_var_core_listener(new_value);
+                    this.client_var_mods_listener(new_value);
+            },
+
+            client_var_core_listener: function (new_value) {},
+            register_core_client_listener: function (external_core_listener_function) {
+                this.client_var_core_listener = external_core_listener_function;
+            },
+
+            client_var_mods_listener: function (new_value) {},
+            register_mods_client_listener: function (external_mods_listener_function) {
+                this.client_var_mods_listener = external_mods_listener_function;
+            },
+
+        };
+
+        /* ***** **** *** ** * ### * ** *** **** ***** */
+
+        let svelte_ae_app_core_bundle_js = document.createElement('script');
+        svelte_ae_app_core_bundle_js.setAttribute('src', `${native_app_js_css_base_url}/static/ae_app_core_bundle.js`);
+        document.head.appendChild(svelte_ae_app_core_bundle_js);
+
+        let svelte_ae_app_mods_bundle_js = document.createElement('script');
+        svelte_ae_app_mods_bundle_js.setAttribute('src', `${native_app_js_css_base_url}/static/ae_app_mods_bundle.js`);
+        document.head.appendChild(svelte_ae_app_mods_bundle_js);
+
+        let svelte_ae_app_mod_events_bundle_js = document.createElement('script');
+        svelte_ae_app_mod_events_bundle_js.setAttribute('src', `${native_app_js_css_base_url}/static/ae_app_mod_events_bundle.js`);
+        document.head.appendChild(svelte_ae_app_mod_events_bundle_js);
         </script>
 
         <!-- <script>document.write(`<script src="${native_app_js_css_base_url}/static/svelte/build/bundle.js" crossorigin />`);</script> -->

package.json

@@ -19,7 +19,7 @@
     "path": "^0.12.7"
   },
   "devDependencies": {
-    "electron": "^21.1.1",
+    "electron": "^22.0.0",
     "electron-packager": "^16.0.0"
   }
 }