cordova-plugin-appice 2.0.9 → 2.0.10

package/README.md

@@ -88,8 +88,6 @@ AppICE.setCustomVariable("<variable name>", "<variable value>");
 // To set user info
 AppICE.setUser("<user-name>", "<user-phone>", "<user-email>");
 
-//To set user id
-AppICE.setUserId("<userID>");
 // Build project and run
 if (cordova-plugin) {
     // If you are using plugin as cordova wrapper

package/example/config.xml

@@ -1,59 +1,59 @@
-<?xml version='1.0' encoding='utf-8'?>
-<widget id="com.appice.sample" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0" xmlns:mfp="http://www.ibm.com/mobilefirst/cordova-plugin-mfp">
-    <name>SampleApp</name>
-    <description>Sample Apache Cordova App</description>
-    <author email="dev@cordova.apache.org" href="https://cordova.apache.org">
-        Apache Cordova Team
-    </author>
-    <content src="index.html" />
-    <allow-intent href="http://*/*" />
-    <allow-intent href="https://*/*" />
-    <platform name="android">
-        <preference name="APPICE_FIREBASE_UPDATE" value="false" />
-        <preference name="APPICE_APPLICATIONCLASS_INCLUDE" value="false" />
-        <preference name="MFP_PUSH" value="true" />
-    </platform>
-    <mfp:android>
-        <mfp:sdkChecksum>2324313685</mfp:sdkChecksum>
-        <mfp:appChecksum>0</mfp:appChecksum>
-        <mfp:security>
-            <mfp:testWebResourcesChecksum enabled="false" ignoreFileExtensions="png, jpg, jpeg, gif, mp4, mp3" />
-        </mfp:security>
-    </mfp:android>
-    <mfp:ios>
-        <mfp:sdkChecksum>3763319975</mfp:sdkChecksum>
-        <mfp:appChecksum>0</mfp:appChecksum>
-        <mfp:security>
-            <mfp:testWebResourcesChecksum enabled="false" ignoreFileExtensions="png, jpg, jpeg, gif, mp4, mp3" />
-        </mfp:security>
-    </mfp:ios>
-    <mfp:windows>
-        <mfp:windows8>
-            <mfp:sdkChecksum>0</mfp:sdkChecksum>
-            <mfp:security>
-                <mfp:testWebResourcesChecksum enabled="false" ignoreFileExtensions="png, jpg, jpeg, gif, mp4, mp3" />
-            </mfp:security>
-        </mfp:windows8>
-        <mfp:windowsphone8>
-            <mfp:sdkChecksum>0</mfp:sdkChecksum>
-            <mfp:security>
-                <mfp:testWebResourcesChecksum enabled="false" ignoreFileExtensions="png, jpg, jpeg, gif, mp4, mp3" />
-            </mfp:security>
-        </mfp:windowsphone8>
-        <mfp:windows10>
-            <mfp:sdkChecksum>0</mfp:sdkChecksum>
-            <mfp:security>
-                <mfp:testWebResourcesChecksum enabled="false" ignoreFileExtensions="png, jpg, jpeg, gif, mp4, mp3" />
-            </mfp:security>
-        </mfp:windows10>
-        <mfp:appChecksum>0</mfp:appChecksum>
-    </mfp:windows>
-    <mfp:platformVersion>8.0.0.00-20230405-123148</mfp:platformVersion>
-    <mfp:clientCustomInit enabled="false" />
-    <mfp:server runtime="mfp" url="http://10.0.0.1:9080" />
-    <mfp:serverUri url="" />
-    <mfp:directUpdateAuthenticityPublicKey />
-    <mfp:languagePreferences>en</mfp:languagePreferences>
-    <mfp:APIproxyURL>/adapters/MobileAPIProxy</mfp:APIproxyURL>
-    <mfp:SDKProtocolVersion>2</mfp:SDKProtocolVersion>
-</widget>
+<?xml version='1.0' encoding='utf-8'?>
+<widget id="com.appice.sample" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0" xmlns:mfp="http://www.ibm.com/mobilefirst/cordova-plugin-mfp">
+    <name>SampleApp</name>
+    <description>Sample Apache Cordova App</description>
+    <author email="dev@cordova.apache.org" href="https://cordova.apache.org">
+        Apache Cordova Team
+    </author>
+    <content src="index.html" />
+    <allow-intent href="http://*/*" />
+    <allow-intent href="https://*/*" />
+    <platform name="android">
+        <preference name="APPICE_FIREBASE_UPDATE" value="false" />
+        <preference name="APPICE_APPLICATIONCLASS_INCLUDE" value="false" />
+        <preference name="MFP_PUSH" value="true" />
+    </platform>
+    <mfp:android>
+        <mfp:sdkChecksum>2324313685</mfp:sdkChecksum>
+        <mfp:appChecksum>0</mfp:appChecksum>
+        <mfp:security>
+            <mfp:testWebResourcesChecksum enabled="false" ignoreFileExtensions="png, jpg, jpeg, gif, mp4, mp3" />
+        </mfp:security>
+    </mfp:android>
+    <mfp:ios>
+        <mfp:sdkChecksum>3763319975</mfp:sdkChecksum>
+        <mfp:appChecksum>0</mfp:appChecksum>
+        <mfp:security>
+            <mfp:testWebResourcesChecksum enabled="false" ignoreFileExtensions="png, jpg, jpeg, gif, mp4, mp3" />
+        </mfp:security>
+    </mfp:ios>
+    <mfp:windows>
+        <mfp:windows8>
+            <mfp:sdkChecksum>0</mfp:sdkChecksum>
+            <mfp:security>
+                <mfp:testWebResourcesChecksum enabled="false" ignoreFileExtensions="png, jpg, jpeg, gif, mp4, mp3" />
+            </mfp:security>
+        </mfp:windows8>
+        <mfp:windowsphone8>
+            <mfp:sdkChecksum>0</mfp:sdkChecksum>
+            <mfp:security>
+                <mfp:testWebResourcesChecksum enabled="false" ignoreFileExtensions="png, jpg, jpeg, gif, mp4, mp3" />
+            </mfp:security>
+        </mfp:windowsphone8>
+        <mfp:windows10>
+            <mfp:sdkChecksum>0</mfp:sdkChecksum>
+            <mfp:security>
+                <mfp:testWebResourcesChecksum enabled="false" ignoreFileExtensions="png, jpg, jpeg, gif, mp4, mp3" />
+            </mfp:security>
+        </mfp:windows10>
+        <mfp:appChecksum>0</mfp:appChecksum>
+    </mfp:windows>
+    <mfp:platformVersion>8.0.0.00-20230405-123148</mfp:platformVersion>
+    <mfp:clientCustomInit enabled="false" />
+    <mfp:server runtime="mfp" url="http://10.0.0.1:9080" />
+    <mfp:serverUri url="" />
+    <mfp:directUpdateAuthenticityPublicKey />
+    <mfp:languagePreferences>en</mfp:languagePreferences>
+    <mfp:APIproxyURL>/adapters/MobileAPIProxy</mfp:APIproxyURL>
+    <mfp:SDKProtocolVersion>2</mfp:SDKProtocolVersion>
+</widget>

package/example/package.json

@@ -1,39 +1,39 @@
-{
-  "name": "com.appice.sample",
-  "displayName": "SampleApp",
-  "version": "1.0.0",
-  "description": "A sample Apache Cordova application that responds to the deviceready event.",
-  "main": "index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "keywords": [
-    "ecosystem:cordova"
-  ],
-  "author": "Apache Cordova Team",
-  "license": "Apache-2.0",
-  "devDependencies": {
-    "cordova-android": "^10.1.2",
-    "cordova-ios": "^6.3.0",
-    "cordova-plugin-appice": "^2.0.4",
-    "cordova-plugin-device": "^2.1.0",
-    "cordova-plugin-dialogs": "^2.0.2",
-    "cordova-plugin-file": "^7.0.0",
-    "cordova-plugin-globalization": "^1.11.0",
-    "cordova-plugin-mfp": "^8.0.2023050905"
-  },
-  "cordova": {
-    "platforms": [
-      "android",
-      "ios"
-    ],
-    "plugins": {
-      "cordova-plugin-mfp": {},
-      "cordova-plugin-appice": {
-        "APPICE_APP_ID": "5bebe93c25d705690ffbc758",
-        "APPICE_API_KEY": "d985715d1bb48942d36d5d08de3b6a8c",
-        "APPICE_APP_KEY": "9e9ec60197c8373a11ac15ce4dae80e973608ab2"
-      }
-    }
-  }
+{
+  "name": "com.appice.sample",
+  "displayName": "SampleApp",
+  "version": "1.0.0",
+  "description": "A sample Apache Cordova application that responds to the deviceready event.",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "ecosystem:cordova"
+  ],
+  "author": "Apache Cordova Team",
+  "license": "Apache-2.0",
+  "devDependencies": {
+    "cordova-android": "^10.1.2",
+    "cordova-ios": "^6.3.0",
+    "cordova-plugin-appice": "^2.0.4",
+    "cordova-plugin-device": "^2.1.0",
+    "cordova-plugin-dialogs": "^2.0.2",
+    "cordova-plugin-file": "^7.0.0",
+    "cordova-plugin-globalization": "^1.11.0",
+    "cordova-plugin-mfp": "^8.0.2023050905"
+  },
+  "cordova": {
+    "platforms": [
+      "android",
+      "ios"
+    ],
+    "plugins": {
+      "cordova-plugin-mfp": {},
+      "cordova-plugin-appice": {
+        "APPICE_APP_ID": "5bebe93c25d705690ffbc758",
+        "APPICE_API_KEY": "d985715d1bb48942d36d5d08de3b6a8c",
+        "APPICE_APP_KEY": "9e9ec60197c8373a11ac15ce4dae80e973608ab2"
+      }
+    }
+  }
 }

package/example/res/ai_android.pem

@@ -1,40 +1,40 @@
------BEGIN CERTIFICATE-----
-MIIG8jCCBdqgAwIBAgIQDVRO7n1m2pUcMWP2AF6VMDANBgkqhkiG9w0BAQsFADBE
-MQswCQYDVQQGEwJVUzEVMBMGA1UEChMMRGlnaUNlcnQgSW5jMR4wHAYDVQQDExVE
-aWdpQ2VydCBFViBSU0EgQ0EgRzIwHhcNMjMwNDEwMDAwMDAwWhcNMjQwNTEwMjM1
-OTU5WjCBuTETMBEGCysGAQQBgjc8AgEDEwJJTjEaMBgGA1UEDwwRR292ZXJubWVu
-dCBFbnRpdHkxGjAYBgNVBAUTEUdvdmVybm1lbnQgRW50aXR5MQswCQYDVQQGEwJJ
-TjEUMBIGA1UECBMLTWFoYXJhc2h0cmExDzANBgNVBAcTBk11bWJhaTEcMBoGA1UE
-ChMTU1RBVEUgQkFOSyBPRiBJTkRJQTEYMBYGA1UEAxMPdWF0YXBpLnlvbm8uc2Jp
-MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm0aLah+u/1tM5N+jSlVy
-A6i3DHeTr29T9JQutQJEMv53GwrKVCN1ZBWn3tvUf9pxXVG0h+e3q//zTnOsWKiJ
-kbtRKgajg+EUDvGtdcItfNg4sP1dAUFxDi6RhmNGXnxxA/9LUwBcW5TRhciZg2g8
-CE1YXL+3IHvdvZ0luHLOlkxCW/I/bujC+Rt8vnWWURBalK7RwmjeTTN6wbOba9KZ
-Ui+Y3BTdajm+3xur2Qzb/EubxDYypHVGZVGQwEzyKOp3n3QEAoLmeOzFgg9oXBv5
-frjJoGDzGO3qwplQ9anPmNU13ge/tvYSfxkBWYYrri9gpwhNiY1o5nEhsd9aqLqH
-oQIDAQABo4IDaDCCA2QwHwYDVR0jBBgwFoAUak5Qv5honVt7IHXUWQF5SGaSMgYw
-HQYDVR0OBBYEFDd/i9X1xXKF7s8RGMe2KstoZxcGMC8GA1UdEQQoMCaCD3VhdGFw
-aS55b25vLnNiaYITd3d3LnVhdGFwaS55b25vLnNiaTAOBgNVHQ8BAf8EBAMCBaAw
-HQYDVR0lBBYwFAYIKwYBBQUHAwEGCCsGAQUFBwMCMHUGA1UdHwRuMGwwNKAyoDCG
-Lmh0dHA6Ly9jcmwzLmRpZ2ljZXJ0LmNvbS9EaWdpQ2VydEVWUlNBQ0FHMi5jcmww
-NKAyoDCGLmh0dHA6Ly9jcmw0LmRpZ2ljZXJ0LmNvbS9EaWdpQ2VydEVWUlNBQ0FH
-Mi5jcmwwSgYDVR0gBEMwQTALBglghkgBhv1sAgEwMgYFZ4EMAQEwKTAnBggrBgEF
-BQcCARYbaHR0cDovL3d3dy5kaWdpY2VydC5jb20vQ1BTMHMGCCsGAQUFBwEBBGcw
-ZTAkBggrBgEFBQcwAYYYaHR0cDovL29jc3AuZGlnaWNlcnQuY29tMD0GCCsGAQUF
-BzAChjFodHRwOi8vY2FjZXJ0cy5kaWdpY2VydC5jb20vRGlnaUNlcnRFVlJTQUNB
-RzIuY3J0MAkGA1UdEwQCMAAwggF9BgorBgEEAdZ5AgQCBIIBbQSCAWkBZwB2AHb/
-iD8KtvuVUcJhzPWHujS0pM27KdxoQgqf5mdMWjp0AAABh2uGCNsAAAQDAEcwRQIg
-efccvRnXWr2MfdFvoRv6k5iXNK7xyyTe4vBYWgBe+GECIQDPGLqb+Y5annyn2mrC
-roinpOM0U0Qj4FloDqqrEATRRQB2AHPZnokbTJZ4oCB9R53mssYc0FFecRkqjGuA
-EHrBd3K1AAABh2uGCPcAAAQDAEcwRQIgSLsfExkcPPbjVC6eC7SOrLWzf422w4Zv
-+ik6wAc0m6ECIQCQxsKuLPkH3dybLvk+pcPrSylvRArnWI/Fd505GGW6JgB1AEiw
-42vapkc0D+VqAvqdMOscUgHLVt0sgdm7v6s52IRzAAABh2uGCMUAAAQDAEYwRAIg
-eP9dQ50O8kUZMbne7/rT6bmkXpUP/4BfrGQFlOZWBcYCIGoYT6YSqYS/MDagiIyF
-obUyabjeKX5QafZlfepEymx1MA0GCSqGSIb3DQEBCwUAA4IBAQAD0o+vC4+vK+f4
-mZA30iiSmahndi9sLFr5QAPe0BLH1tp7OWlyKdTNCdpclPFoB0AexnKACyXiA7Dg
-EVhzzxZ9a6ovZle3aq8mZeuRo2caeTHYoM3MYIHF998k4LvfWz3qxPcjQYXCEwjb
-zxnuZmMiRkLv/yQMFlM4RoaHc9NJYlsiyaMI6YJZp5WsCa3D2ZkaX7QVuYdL5mad
-Gqax5Yk61DPJ0B/9uj1MTRvwI/gh/KQG8RQFBOAmmkSb5R1ZmXWbPKOqGFKkkZqs
-9b8/p6pbHeJE94WjhT0L/VCa7d5kvhgxtXvYb15ZhpaENFSMSfmknkr0O1VndcpR
-pLMUJZww
------END CERTIFICATE-----
+-----BEGIN CERTIFICATE-----
+MIIG8jCCBdqgAwIBAgIQDVRO7n1m2pUcMWP2AF6VMDANBgkqhkiG9w0BAQsFADBE
+MQswCQYDVQQGEwJVUzEVMBMGA1UEChMMRGlnaUNlcnQgSW5jMR4wHAYDVQQDExVE
+aWdpQ2VydCBFViBSU0EgQ0EgRzIwHhcNMjMwNDEwMDAwMDAwWhcNMjQwNTEwMjM1
+OTU5WjCBuTETMBEGCysGAQQBgjc8AgEDEwJJTjEaMBgGA1UEDwwRR292ZXJubWVu
+dCBFbnRpdHkxGjAYBgNVBAUTEUdvdmVybm1lbnQgRW50aXR5MQswCQYDVQQGEwJJ
+TjEUMBIGA1UECBMLTWFoYXJhc2h0cmExDzANBgNVBAcTBk11bWJhaTEcMBoGA1UE
+ChMTU1RBVEUgQkFOSyBPRiBJTkRJQTEYMBYGA1UEAxMPdWF0YXBpLnlvbm8uc2Jp
+MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm0aLah+u/1tM5N+jSlVy
+A6i3DHeTr29T9JQutQJEMv53GwrKVCN1ZBWn3tvUf9pxXVG0h+e3q//zTnOsWKiJ
+kbtRKgajg+EUDvGtdcItfNg4sP1dAUFxDi6RhmNGXnxxA/9LUwBcW5TRhciZg2g8
+CE1YXL+3IHvdvZ0luHLOlkxCW/I/bujC+Rt8vnWWURBalK7RwmjeTTN6wbOba9KZ
+Ui+Y3BTdajm+3xur2Qzb/EubxDYypHVGZVGQwEzyKOp3n3QEAoLmeOzFgg9oXBv5
+frjJoGDzGO3qwplQ9anPmNU13ge/tvYSfxkBWYYrri9gpwhNiY1o5nEhsd9aqLqH
+oQIDAQABo4IDaDCCA2QwHwYDVR0jBBgwFoAUak5Qv5honVt7IHXUWQF5SGaSMgYw
+HQYDVR0OBBYEFDd/i9X1xXKF7s8RGMe2KstoZxcGMC8GA1UdEQQoMCaCD3VhdGFw
+aS55b25vLnNiaYITd3d3LnVhdGFwaS55b25vLnNiaTAOBgNVHQ8BAf8EBAMCBaAw
+HQYDVR0lBBYwFAYIKwYBBQUHAwEGCCsGAQUFBwMCMHUGA1UdHwRuMGwwNKAyoDCG
+Lmh0dHA6Ly9jcmwzLmRpZ2ljZXJ0LmNvbS9EaWdpQ2VydEVWUlNBQ0FHMi5jcmww
+NKAyoDCGLmh0dHA6Ly9jcmw0LmRpZ2ljZXJ0LmNvbS9EaWdpQ2VydEVWUlNBQ0FH
+Mi5jcmwwSgYDVR0gBEMwQTALBglghkgBhv1sAgEwMgYFZ4EMAQEwKTAnBggrBgEF
+BQcCARYbaHR0cDovL3d3dy5kaWdpY2VydC5jb20vQ1BTMHMGCCsGAQUFBwEBBGcw
+ZTAkBggrBgEFBQcwAYYYaHR0cDovL29jc3AuZGlnaWNlcnQuY29tMD0GCCsGAQUF
+BzAChjFodHRwOi8vY2FjZXJ0cy5kaWdpY2VydC5jb20vRGlnaUNlcnRFVlJTQUNB
+RzIuY3J0MAkGA1UdEwQCMAAwggF9BgorBgEEAdZ5AgQCBIIBbQSCAWkBZwB2AHb/
+iD8KtvuVUcJhzPWHujS0pM27KdxoQgqf5mdMWjp0AAABh2uGCNsAAAQDAEcwRQIg
+efccvRnXWr2MfdFvoRv6k5iXNK7xyyTe4vBYWgBe+GECIQDPGLqb+Y5annyn2mrC
+roinpOM0U0Qj4FloDqqrEATRRQB2AHPZnokbTJZ4oCB9R53mssYc0FFecRkqjGuA
+EHrBd3K1AAABh2uGCPcAAAQDAEcwRQIgSLsfExkcPPbjVC6eC7SOrLWzf422w4Zv
++ik6wAc0m6ECIQCQxsKuLPkH3dybLvk+pcPrSylvRArnWI/Fd505GGW6JgB1AEiw
+42vapkc0D+VqAvqdMOscUgHLVt0sgdm7v6s52IRzAAABh2uGCMUAAAQDAEYwRAIg
+eP9dQ50O8kUZMbne7/rT6bmkXpUP/4BfrGQFlOZWBcYCIGoYT6YSqYS/MDagiIyF
+obUyabjeKX5QafZlfepEymx1MA0GCSqGSIb3DQEBCwUAA4IBAQAD0o+vC4+vK+f4
+mZA30iiSmahndi9sLFr5QAPe0BLH1tp7OWlyKdTNCdpclPFoB0AexnKACyXiA7Dg
+EVhzzxZ9a6ovZle3aq8mZeuRo2caeTHYoM3MYIHF998k4LvfWz3qxPcjQYXCEwjb
+zxnuZmMiRkLv/yQMFlM4RoaHc9NJYlsiyaMI6YJZp5WsCa3D2ZkaX7QVuYdL5mad
+Gqax5Yk61DPJ0B/9uj1MTRvwI/gh/KQG8RQFBOAmmkSb5R1ZmXWbPKOqGFKkkZqs
+9b8/p6pbHeJE94WjhT0L/VCa7d5kvhgxtXvYb15ZhpaENFSMSfmknkr0O1VndcpR
+pLMUJZww
+-----END CERTIFICATE-----

package/example/www/css/index.css

@@ -1,117 +1,117 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
- * {
-    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
-}
-
-body {
-    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
-    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
-    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
-    background-color:#E4E4E4;
-    background-image:linear-gradient(to bottom, #FFFFFF 0%, #E4E4E4 51%);
-    font-family: system-ui, -apple-system, -apple-system-font, 'Segoe UI', 'Roboto', sans-serif;
-    font-size:12px;
-    height:100vh;
-    margin:0px;
-    padding:0px;
-    /* Padding to avoid the "unsafe" areas behind notches in the screen */
-    padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
-    text-transform:uppercase;
-    width:100%;
-}
-
-/* Portrait layout (default) */
-.app {
-    background:url(../img/logo.png) no-repeat center top; /* 170px x 200px */
-                /* position in the center of the screen */
-  
-    text-align:center;
-    padding:224px 0px 55px 53px;     /* image height is 200px (bottom 20px are overlapped with text) */
-    margin:48px 0px 0px -48px;  /* offset vertical: half of image height and text area height */
-                                   /* offset horizontal: half of text area width */
-}
-
-/* Landscape layout (with min-width) */
-/* @media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {
-    .app {
-        background-position:left center;
-        padding:75px 0px 75px 170px;  padding-top + padding-bottom + text area = image height
-        margin:-90px 0px 0px -198px;  offset vertical: half of image height
-                                      offset horizontal: half of image width and text area width
-    }
-} */
-
-h1 {
-    font-size:24px;
-    font-weight:normal;
-    margin:0px;
-    overflow:visible;
-    padding:0px;
-    text-align:center;
-    color:#FFFFFF;
-}
-
-.event {
-    border-radius:4px;
-    color:#FFFFFF;
-    font-size:12px;
-    margin:0px 30px;
-    padding:2px 0px;
-}
-
-.event.listening {
-    background-color:#FFFFFF;
-    display:block;
-}
-
-.event.received {
-    background-color:#4B946A;
-    display:none;
-}
-
-#deviceready.ready .event.listening { display: none; }
-#deviceready.ready .event.received { display: block; }
-
-@keyframes fade {
-    from { opacity: 1.0; }
-    50% { opacity: 0.4; }
-    to { opacity: 1.0; }
-}
-
-.blink {
-    animation:fade 3000ms infinite;
-    -webkit-animation:fade 3000ms infinite;
-}
-
-
-@media screen and (prefers-color-scheme: dark) {
-    body {
-        background-image:linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 51%);
-    }
-}
-
-.btn2{
-    padding-top: 20px;
-    padding-bottom: 20px;
-    background-color: #4B946A;
-    color: #FFFFFF;
-    width: 139px;
-
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+ * {
+    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
+}
+
+body {
+    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
+    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
+    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
+    background-color:#E4E4E4;
+    background-image:linear-gradient(to bottom, #FFFFFF 0%, #E4E4E4 51%);
+    font-family: system-ui, -apple-system, -apple-system-font, 'Segoe UI', 'Roboto', sans-serif;
+    font-size:12px;
+    height:100vh;
+    margin:0px;
+    padding:0px;
+    /* Padding to avoid the "unsafe" areas behind notches in the screen */
+    padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
+    text-transform:uppercase;
+    width:100%;
+}
+
+/* Portrait layout (default) */
+.app {
+    background:url(../img/logo.png) no-repeat center top; /* 170px x 200px */
+                /* position in the center of the screen */
+  
+    text-align:center;
+    padding:224px 0px 55px 53px;     /* image height is 200px (bottom 20px are overlapped with text) */
+    margin:48px 0px 0px -48px;  /* offset vertical: half of image height and text area height */
+                                   /* offset horizontal: half of text area width */
+}
+
+/* Landscape layout (with min-width) */
+/* @media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {
+    .app {
+        background-position:left center;
+        padding:75px 0px 75px 170px;  padding-top + padding-bottom + text area = image height
+        margin:-90px 0px 0px -198px;  offset vertical: half of image height
+                                      offset horizontal: half of image width and text area width
+    }
+} */
+
+h1 {
+    font-size:24px;
+    font-weight:normal;
+    margin:0px;
+    overflow:visible;
+    padding:0px;
+    text-align:center;
+    color:#FFFFFF;
+}
+
+.event {
+    border-radius:4px;
+    color:#FFFFFF;
+    font-size:12px;
+    margin:0px 30px;
+    padding:2px 0px;
+}
+
+.event.listening {
+    background-color:#FFFFFF;
+    display:block;
+}
+
+.event.received {
+    background-color:#4B946A;
+    display:none;
+}
+
+#deviceready.ready .event.listening { display: none; }
+#deviceready.ready .event.received { display: block; }
+
+@keyframes fade {
+    from { opacity: 1.0; }
+    50% { opacity: 0.4; }
+    to { opacity: 1.0; }
+}
+
+.blink {
+    animation:fade 3000ms infinite;
+    -webkit-animation:fade 3000ms infinite;
+}
+
+
+@media screen and (prefers-color-scheme: dark) {
+    body {
+        background-image:linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 51%);
+    }
+}
+
+.btn2{
+    padding-top: 20px;
+    padding-bottom: 20px;
+    background-color: #4B946A;
+    color: #FFFFFF;
+    width: 139px;
+
 }

package/example/www/index.html

@@ -1,62 +1,62 @@
-<!DOCTYPE html>
-<!--
-    Licensed to the Apache Software Foundation (ASF) under one
-    or more contributor license agreements.  See the NOTICE file
-    distributed with this work for additional information
-    regarding copyright ownership.  The ASF licenses this file
-    to you under the Apache License, Version 2.0 (the
-    "License"); you may not use this file except in compliance
-    with the License.  You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-    Unless required by applicable law or agreed to in writing,
-    software distributed under the License is distributed on an
-    "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-     KIND, either express or implied.  See the License for the
-    specific language governing permissions and limitations
-    under the License.
--->
-<html>
-    <head>
-        <meta charset="utf-8">
-        <!--
-        Customize this policy to fit your own app's needs. For more guidance, please refer to the docs:
-            https://cordova.apache.org/docs/en/latest/
-        Some notes:
-            * https://ssl.gstatic.com is required only on Android and is needed for TalkBack to function properly
-            * Disables use of inline scripts in order to mitigate risk of XSS vulnerabilities. To change this:
-                * Enable inline JS: add 'unsafe-inline' to default-src
-        -->
-        <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;">
-        <meta name="format-detection" content="telephone=no">
-        <meta name="msapplication-tap-highlight" content="no">
-        <meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover">
-        <meta name="color-scheme" content="light dark">
-        <link rel="stylesheet" href="css/index.css">
-        <title>Hello World</title>
-    </head>
-    <body>
-        <div class="app">
-            <div id="deviceready" class="blink">
-                <p class="event listening">Connecting to Device</p>
-                <p class="event received">Device is Ready</p>
-            </div>
-
-        </div>
- 
-        <div style="padding-top:10px ; padding-bottom: 10px; margin-left: 123px;">
-            <button id="event" class="btn2">Event</button>
-        </div>
-
-        <div style="padding-top:10px ; padding-bottom: 10px; margin-left: 123px;">
-            <button id="userid" class="btn2">User ID</button>
-        </div>
-
-        <div style="padding-top:10px ; padding-bottom: 10px; margin-left: 123px;">
-            <button id="userinfo" class="btn2">User Info</button>
-        </div>
-        <script src="cordova.js"></script>
-        <script src="js/index.js"></script>
-    </body>
-</html>
+<!DOCTYPE html>
+<!--
+    Licensed to the Apache Software Foundation (ASF) under one
+    or more contributor license agreements.  See the NOTICE file
+    distributed with this work for additional information
+    regarding copyright ownership.  The ASF licenses this file
+    to you under the Apache License, Version 2.0 (the
+    "License"); you may not use this file except in compliance
+    with the License.  You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing,
+    software distributed under the License is distributed on an
+    "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+     KIND, either express or implied.  See the License for the
+    specific language governing permissions and limitations
+    under the License.
+-->
+<html>
+    <head>
+        <meta charset="utf-8">
+        <!--
+        Customize this policy to fit your own app's needs. For more guidance, please refer to the docs:
+            https://cordova.apache.org/docs/en/latest/
+        Some notes:
+            * https://ssl.gstatic.com is required only on Android and is needed for TalkBack to function properly
+            * Disables use of inline scripts in order to mitigate risk of XSS vulnerabilities. To change this:
+                * Enable inline JS: add 'unsafe-inline' to default-src
+        -->
+        <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;">
+        <meta name="format-detection" content="telephone=no">
+        <meta name="msapplication-tap-highlight" content="no">
+        <meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover">
+        <meta name="color-scheme" content="light dark">
+        <link rel="stylesheet" href="css/index.css">
+        <title>Hello World</title>
+    </head>
+    <body>
+        <div class="app">
+            <div id="deviceready" class="blink">
+                <p class="event listening">Connecting to Device</p>
+                <p class="event received">Device is Ready</p>
+            </div>
+
+        </div>
+ 
+        <div style="padding-top:10px ; padding-bottom: 10px; margin-left: 123px;">
+            <button id="event" class="btn2">Event</button>
+        </div>
+
+        <div style="padding-top:10px ; padding-bottom: 10px; margin-left: 123px;">
+            <button id="userid" class="btn2">User ID</button>
+        </div>
+
+        <div style="padding-top:10px ; padding-bottom: 10px; margin-left: 123px;">
+            <button id="userinfo" class="btn2">User Info</button>
+        </div>
+        <script src="cordova.js"></script>
+        <script src="js/index.js"></script>
+    </body>
+</html>