From 44b5e4ced26e8e2dc8a3c01e08cf3ca18d48b3a9 Mon Sep 17 00:00:00 2001
From: AndiAJ <andiaj@users.noreply.github.com>
Date: Fri, 2 Sep 2022 12:58:35 +0300
Subject: [PATCH] Add new write storage page and update versioning to v3.0

---
 v3.0/.gitignore         |   2 +
 v3.0/downloads.html     |  84 +++++++++++++
 v3.0/externalLinks.html |  24 ++++
 v3.0/index.html         | 271 ++++++++++++++++++++++++++++++++++++++++
 v3.0/loginForm.html     |  18 +++
 v3.0/manifest.json      |  11 ++
 v3.0/permissions.html   | 123 ++++++++++++++++++
 v3.0/storage_write.html |  28 +++++
 8 files changed, 561 insertions(+)
 create mode 100644 v3.0/.gitignore
 create mode 100644 v3.0/downloads.html
 create mode 100644 v3.0/externalLinks.html
 create mode 100644 v3.0/index.html
 create mode 100644 v3.0/loginForm.html
 create mode 100644 v3.0/manifest.json
 create mode 100644 v3.0/permissions.html
 create mode 100644 v3.0/storage_write.html
diff --git a/v3.0/.gitignore b/v3.0/.gitignore
new file mode 100644
index 0000000..f31b3e2
--- /dev/null
+++ b/v3.0/.gitignore
@@ -0,0 +1,2 @@
+.DS_Store
+*.swp
diff --git a/v3.0/downloads.html b/v3.0/downloads.html
new file mode 100644
index 0000000..cf2ea69
--- /dev/null
+++ b/v3.0/downloads.html
@@ -0,0 +1,84 @@
+<!DOCTYPE HTML>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<html dir="ltr" xml:lang="en-US" lang="en-US">
+<head>
+    <meta charset="utf8">
+    <style>
+    td, th {
+      border: 1px solid #dddddd;
+      text-align: left;
+      padding: 8px;
+    }
+    </style>
+</head>
+<body>
+<!--This is a test page for downloading various file types.
+    Using the table format to show all the links on 2 rows, avoiding the need to scroll the page
+-->
+<table style="width:100%">
+    <tr>
+        <td><a href="https://storage.googleapis.com/mobile_test_assets/public/washington.pdf"
+               download="washington.pdf">Download washington.pdf</a>
+        </td>
+        <td><a href="https://storage.googleapis.com/mobile_test_assets/public/web_icon.png"
+               download="web_icon.png">Download web_icon.png</a>
+        </td>
+    </tr>
+    <tr>
+        <td><a href="https://storage.googleapis.com/mobile_test_assets/public/audioSample.mp3"
+               download="audioSample.mp3">Download audioSample.mp3</a>
+        </td>
+        <td><a href="https://storage.googleapis.com/mobile_test_assets/public/videoSample.webm"
+               download="videoSample.webm">Download videoSample.webm</a>
+        </td>
+    </tr>
+    <tr>
+        <td><a href="https://storage.googleapis.com/mobile_test_assets/public/1GB.zip"
+               download="1GB.zip">Download 1GB.zip</a>
+        </td>
+        <td><a href="https://storage.googleapis.com/mobile_test_assets/public/smallZip.zip"
+               download="smallZip.zip">Download smallZip.zip</a>
+        </td>
+    </tr>
+    <tr>
+        <td><a href="https://storage.googleapis.com/mobile_test_assets/public/executable.exe"
+               download="executable.exe">Download executable.exe</a>
+        </td>
+        <td><a href="https://storage.googleapis.com/mobile_test_assets/public/CSVfile.csv"
+               download="CSVfile.csv">Download CSVfile.csv</a>
+        </td>
+    </tr>
+    <tr>
+        <td><a href="https://storage.googleapis.com/mobile_test_assets/public/Data1KB.dat"
+               download="Data1KB.dat">Download Data1KB.dat</a>
+        </td>
+        <td><a href="https://storage.googleapis.com/mobile_test_assets/public/htmlFile.html"
+               download="htmlFile.html">Download htmlFile.html</a>
+        </td>
+    </tr>
+    <tr>
+        <td><a href="https://storage.googleapis.com/mobile_test_assets/public/MyDocument.docx"
+               download="MyDocument.docx">Download MyDocument.docx</a>
+        </td>
+        <td><a href="https://storage.googleapis.com/mobile_test_assets/public/MyOldWordDocument.doc"
+               download="MyOldWordDocument.doc">Download MyOldWordDocument.doc</a>
+        </td>
+    </tr>
+    <tr>
+        <td><a href="https://storage.googleapis.com/mobile_test_assets/public/textfile.txt"
+               download="textfile.txt">Download textfile.txt</a>
+        </td>
+        <td><a href="https://storage.googleapis.com/mobile_test_assets/public/XMLfile.xml"
+               download="XMLfile.xml">Download XMLfile.xml</a>
+        </td>
+    </tr>
+    <tr>
+        <td colspan="2"><a href="https://storage.googleapis.com/mobile_test_assets/public/tAJwqaWjJsXS8AhzSninBMCfIZbHBGgcc001lx5DIdDwIcfEgQ6vE5Gb5VgAled17DFZ2A7ZDOHA0NpQPHXXFt.svg"
+               download="tAJwqaWjJsXS8AhzSninBMCfIZbHBGgcc001lx5DIdDwIcfEgQ6vE5Gb5VgAled17DFZ2A7ZDOHA0NpQPHXXFt.svg">Download tAJwqaWjJsXS8AhzSninBMCfIZbHBGgcc001lx5DIdDwIcfEgQ6vE5Gb5VgAled17DFZ2A7ZDOHA0NpQPHXXFt.svg</a>
+        </td>
+    </tr>
+</table>
+</body>
+</html>
diff --git a/v3.0/externalLinks.html b/v3.0/externalLinks.html
new file mode 100644
index 0000000..165d922
--- /dev/null
+++ b/v3.0/externalLinks.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>External_links</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width">
+    <link rel="manifest" href="manifest.json">
+      <link href="https://fonts.googleapis.com/css?family=Hanalei+Fill" rel="stylesheet">
+  </head>
+
+  <p class="header">Misc Link Types</p>
+  <section>
+    <a href="https://mozilla-mobile.github.io/testapp/downloads">External link</a>
+  </section>
+
+  <section>
+    <a href="mailto://example@example.com">Email link</a>
+  </section>
+
+  <section>
+    <a href="tel://1234567890">Telephone link</a>
+  </section>
+
+</html>
diff --git a/v3.0/index.html b/v3.0/index.html
new file mode 100644
index 0000000..5bd570b
--- /dev/null
+++ b/v3.0/index.html
@@ -0,0 +1,271 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width">
+    <link rel="manifest" href="manifest.json">
+      <link href="https://fonts.googleapis.com/css?family=Hanalei+Fill" rel="stylesheet"> 
+
+    <title>Test App</title>
+    <style  type="text/css">
+      section { padding: 1em 0; }
+    p.customfont { 
+       font-family: "Hanalei Fill";
+      color: red;
+    }
+      
+    p.header { 
+        font: Arial;
+        font-weight: bold;
+    }
+</style>
+  </head>
+  <script>
+function myFunction() {
+    alert("Yo, I am an alert box!");
+}
+</script>
+  
+  
+  <body>
+
+    <h1>Lets test!</h1>
+    
+  <h2>Privacy & Security</h2>
+  <hr>
+
+  <section>
+      <p class="header">Tracking Protection (TP) Test Pages</p>
+      NOTE: Please use <a href="https://senglehardt.com/test/trackingprotection/test_pages/">https://senglehardt.com/test/trackingprotection/test_pages/</a><br>
+      until <a href="https://github.com/mozilla/tracking-test/pull/13">https://github.com/mozilla/tracking-test/pull/13</a> is ready
+
+
+      <p class="header">SSL Test</p>
+      Very bad SSL (should show up w/ a broken lock!)
+      <a href="https://very.badssl.com/">https://very.badssl.com/</a>
+
+      <p class="header">Custom Font Test</p>
+      <p class="customfont">This is some crazy font text!</p>
+
+      <p class="header">Javascript Action Test</p>
+      <button onclick="myFunction()">Click here for JS alert</button>
+     
+      <p class="header">Blocked Cookies Test</p>
+      <a href="https://www.whatismybrowser.com/detect/are-cookies-enabled">Are Cookies Enabled?</a><br>
+      <a href="https://www.whatismybrowser.com/detect/are-third-party-cookies-enabled">Are 3rd Party Cookies Enabled?</a>
+
+    </section>
+    
+    <h2>HTML Controls</h2>
+    <hr>
+
+    <section>
+      <p class="header">Password Form</p>
+      (will show a doorhanger to remember the password)
+      <form>
+        <input type="text" placeholder="Username" /><br />
+        <input type="password" placeholder="Password" /><br />
+        <input type="submit" />
+      </form>
+    </section>
+
+    <section>
+          <p class="header">Dropdown Menu</p>
+
+      <select>
+        <option>Some option</option>
+        <option>This option</option>
+        <option>That option</option>
+        <option>Another option</option>
+      </select>
+    </section>
+
+    <section>
+      <p class="header">Location Menu</p>
+      <button id="location">Get Location</button>
+      <p id="location-result"></p>
+    </section>
+
+        <section>
+      <p class="header">File Download</p>
+      <a href="https://storage.googleapis.com/mobile_test_assets/public/web_icon.png" download>Download this icon</a>
+    </section>
+    
+          <section>
+      <p class="header">Open PDF File</p>
+      <a href="https://storage.googleapis.com/mobile_test_assets/public/lorem_ipsum.pdf" target="_blank">Open this PDF File</a>
+    </section>
+
+    
+    <section>
+      <p class="header">Date Picker Menu</p>
+      <input type="date" placeholder="Pick a Date" />
+    </section>
+
+    <section>
+      <input type="datetime-local" placeholder="Pick a Date/Time" />
+    </section>
+
+    <section>
+      <p class="header">Color Picker Menu</p>
+      <input type="color" />
+    </section>
+
+    <section>
+       <p class="header">Input Text Menu</p>
+      <p>Make sure you can copy <input type="text" placeholder="and Paste" /> me</p>
+    </section>
+
+    <p class="header">Misc Link Types</p>
+    <section>
+      <a href="http://google.com">External link</a>
+    </section>
+
+    <section>
+   <a href='market://details?id=org.mozilla.firefox&referrer="+"utm_source%3Dmozilla%26utm_medium%3DReferral%26utm_campaign%3Dmozilla-org'>External app (play store) using URL (market://...)</a>
+    </section>
+
+    <section>
+      <a href="http://mozilla-mobile.github.io/testapp2/">External app same origin</a><br>
+      see: <a href="https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy">Same Origin Policy</a>
+    </section>
+
+    <section>
+      <a href="https://m.youtube.com/watch?v=I47Y6VHc3Ms">Link to youtube</a> - make sure video plays
+    </section>
+
+    <section>
+      <a href="mailto://notta-r3al-3mail@gmail.com">Email link</a>
+    </section>
+
+    <section>
+      <a href="tel://+1-234-555-1212">Telephone link</a>
+    </section>
+    
+
+<h2>Site Permissions</h2>
+<hr>
+
+   <section>
+   <p class="header">Test Geolocation</p>
+   <span id="live-geolocation">click here</span>
+   </section>
+
+   <section>
+   <p class="header">Test Camera Dialogue</p>
+   <input id=video type=button value="Open camera" onclick=open_camera() >
+   </section>
+
+   <section>
+   <p class="header">Test Microphone Dialogue</p>
+   <input id=audio  type=button value="Open microphone" onclick=open_microphone() >
+   </section>
+
+   <section>
+   <p class="header">Test Notifications Dialogue</p>
+   <input id=notify type=button value="Open notifications dialogue" onclick=open_notifications() >
+   </section>
+
+  <script>
+   // Grab elements, create settings, etc.
+   function open_camera() {
+	var video = document.getElementById('video');
+
+	// Get access to the camera!
+	if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
+	    // Not adding `{ audio: true }` since we only want video now
+	    navigator.mediaDevices.getUserMedia({ video: true }).then(function(stream) {
+		//video.src = window.URL.createObjectURL(stream);
+		//video.srcObject = stream;
+		video.play();
+	    });
+	}
+   }
+
+   function open_microphone() {
+	var audio = document.getElementById('audio');
+
+	// Get access to the camera!
+	if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
+	    // Not adding `{ audio: true }` since we only want audio now
+	    navigator.mediaDevices.getUserMedia({ audio: true }).then(function(stream) {
+		//audio.src = window.URL.createObjectURL(stream);
+		//audio.srcObject = stream;
+		audio.play();
+	    });
+	}
+  }
+  
+  function open_notifications() {
+	Notification.requestPermission().then(function(result) {
+	  if (result === 'denied') {
+	    console.log('Permission wasn\'t granted. Allow a retry.');
+	    return;
+	  }
+	  if (result === 'default') {
+	    console.log('The permission request was dismissed.');
+	    return;
+	  }
+	  // Do something with the granted permission.
+	});
+  }
+  </script>
+
+
+
+<h2>Other</h2>
+<hr>
+   <section>
+      <p class="header">File Upload</p>
+    <a href="https://webcompat.com/issues/new?url=http%3A%2F%2Fwww.mozilla.org">Web Compat Reporting Tool</a>
+    </section>
+
+  </body>
+
+  <script src="j/jquery.js"></script>
+  <script src="j/geoPosition.js"></script>
+  <script src="//maps.googleapis.com/maps/api/js?sensor=true"></script>
+  <script>
+  function supports(bool, suffix) {
+    var s = "Your browser ";
+    if (bool) {
+      s += "supports " + suffix + ".";
+    } else {
+      s += "does not support " + suffix + ". :(";
+    }
+    return s;
+  }
+  function lookup_location() {
+    geoPosition.getCurrentPosition(show_map, show_map_error);
+  }
+  function show_map(loc) {
+    $("#geo-wrapper").css({'width':'320px','height':'350px'});
+    var map = new google.maps.Map(document.getElementById("geo-wrapper"), {zoom: 14, mapTypeControl:true, zoomControl: true, mapTypeId: google.maps.MapTypeId.ROADMAP});
+    var center = new google.maps.LatLng(loc.coords.latitude,loc.coords.longitude);
+    map.setCenter(center);
+    var marker = new google.maps.Marker({map: map, position: center, draggable: false, title: "You are here (more or less)"});
+  }
+  function show_map_error() {
+    $("#live-geolocation").html('Unable to determine your location.');
+  }
+  $(function() {
+    if (geoPosition.init()) {
+      $("#live-geolocation").html(supports(true, "geolocation") + '<br><input type=button value="Open Geolocation" onclick="lookup_location();return false">');
+    } else {
+      $("#live-geolocation").html(supports(false, "geolocation"));
+    }
+  });
+  </script>
+
+  <script type="text/javascript">
+    document.getElementById('location').addEventListener('click', function() {
+      navigator.geolocation.getCurrentPosition(function(pos) {
+        document.getElementById('location-result').innerText = JSON.stringify({
+          longitude: pos.coords.longitude,
+          latitude: pos.coords.latitude
+        });
+      });
+    });
+  </script>
+
+</html>
diff --git a/v3.0/loginForm.html b/v3.0/loginForm.html
new file mode 100644
index 0000000..35b5202
--- /dev/null
+++ b/v3.0/loginForm.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Login_form</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width">
+    <link rel="manifest" href="manifest.json">
+      <link href="https://fonts.googleapis.com/css?family=Hanalei+Fill" rel="stylesheet">
+  </head>
+
+  <p class="header">Login Form</p>
+  <form>
+    <input id="username" type="text" placeholder="Username" /><br />
+    <input id="password" type="password" placeholder="Password" /><br />
+    <input type="submit" id="submit" />
+  </form>
+</html>
+
diff --git a/v3.0/manifest.json b/v3.0/manifest.json
new file mode 100644
index 0000000..e208faf
--- /dev/null
+++ b/v3.0/manifest.json
@@ -0,0 +1,11 @@
+{
+  "name": "Yay an app with a super long name",
+  "short_name": "TEST_APP",
+  "display": "standalone",
+  "theme_color": "#FF69B4",
+  "icons": [{
+    "src": "web_icon.png",
+    "sizes": "300x300",
+    "type": "image/png"
+  }]
+}
diff --git a/v3.0/permissions.html b/v3.0/permissions.html
new file mode 100644
index 0000000..b0715a2
--- /dev/null
+++ b/v3.0/permissions.html
@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width">
+    <link rel="manifest" href="manifest.json">
+    <link href="https://fonts.googleapis.com/css?family=Hanalei+Fill" rel="stylesheet">
+    <title>Permissions test page</title>
+</head>
+<!-- This is a page for testing app permissions: camera, microphone, notifications, location.
+     The source code can be found at https://github.com/mozilla-mobile/testapp
+ -->
+<body>
+<section>
+    <p class="header">Location Menu</p>
+    <button id="location">Get Location</button>
+    <p id="location-result"></p>
+</section>
+
+<section>
+    <p class="header">Test Camera Dialogue</p>
+    <input id=video type=button value="Open camera" onclick=open_camera() >
+    <p id="camera-result"></p>
+</section>
+
+<section>
+    <p class="header">Test Microphone Dialogue</p>
+    <input id=audio  type=button value="Open microphone" onclick=open_microphone() >
+    <p id="microphone-result"></p>
+</section>
+
+<section>
+    <p class="header">Test Camera & Microphone Dialogue</p>
+    <input id=audioVideo  type=button value="Camera & Microphone" onclick=open_audioVideo() >
+    <p id="audioVideo-result"></p>
+</section>
+
+<section>
+    <p class="header">Test Notifications Dialogue</p>
+    <input id=notify type=button value="Open notifications dialogue" onclick=open_notifications() >
+    <p id="notifications-result"></p>
+</section>
+
+<script>
+   // Grab elements, create settings, etc.
+   function open_camera() {
+        var video = document.getElementById('video');
+
+        // Get access to the camera!
+        if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
+            // Not adding `{ audio: true }` since we only want video now
+            navigator.mediaDevices.getUserMedia({ video: true })
+                .then(function(stream) {
+                    document.getElementById('camera-result').innerText = "Camera allowed";
+                })
+                .catch(function(err) {
+                    document.getElementById('camera-result').innerText = "Camera not allowed";
+                });
+        }
+   }
+
+   function open_microphone() {
+        var audio = document.getElementById('audio');
+
+        // Get access to the microphone!
+        if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
+            navigator.mediaDevices.getUserMedia({ audio: true })
+                .then(function(stream) {
+                    document.getElementById('microphone-result').innerText = "Microphone allowed";
+                })
+                .catch(function(err) {
+                    document.getElementById('microphone-result').innerText = "Microphone not allowed";
+                });
+        }
+  }
+
+  function open_audioVideo() {
+        var audioVideo = document.getElementById('audioVideo');
+
+        // Get access to the microphone and camera!
+        if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
+            navigator.mediaDevices.getUserMedia({ audio: true, video: true,})
+                .then(function(stream) {
+                    document.getElementById('audioVideo-result').innerText = "Camera and Microphone allowed";
+                })
+                .catch(function(err) {
+                    document.getElementById('audioVideo-result').innerText = "Camera and Microphone not allowed";
+                });
+        }
+  }
+
+  function open_notifications() {
+        Notification.requestPermission().then(function(result) {
+          if (result === 'denied' || result === 'default') {
+            document.getElementById('notifications-result').innerText = "Notifications not allowed";
+            return;
+          }
+          if (result === 'granted') {
+            document.getElementById('notifications-result').innerText = "Notifications allowed";
+            return;
+          }
+        });
+  }
+  </script>
+</body>
+<script type="text/javascript">
+    document.getElementById('location').addEventListener('click', function() {
+      navigator.geolocation.getCurrentPosition(
+      function(pos) {
+        document.getElementById('location-result').innerText = JSON.stringify({
+          longitude: pos.coords.longitude,
+          latitude: pos.coords.latitude
+        });
+      },
+      function(error) {
+        document.getElementById('location-result').innerText = error.message;
+      });
+    });
+  </script>
+</html>
diff --git a/v3.0/storage_write.html b/v3.0/storage_write.html
new file mode 100644
index 0000000..3bc8fa4
--- /dev/null
+++ b/v3.0/storage_write.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<meta name="viewport" content="width=device-width">
+<body>
+
+<h1>Storage Write</h1>
+
+<p id="cookies"></p>
+<button id="setCookies">Set cookies</button>
+
+<script type="text/javascript">
+    (function() {
+       document.getElementById("cookies").textContent = document.cookie?document.cookie:"No cookies set";
+    })();
+
+    document.getElementById("setCookies").addEventListener("click", function() {
+        document.cookie = "user=android";
+        document.getElementById("cookies").textContent = document.cookie;
+    });
+
+    sessionStorage.setItem('sessionTest', 'session storage');
+    localStorage.setItem('localTest', 'local storage');
+
+    document.write('<p>Values written to storage</p>');
+</script>
+
+</body>
+</html>
\ No newline at end of file

Download washington.pdf +	Download web_icon.png +
Download audioSample.mp3 +	Download videoSample.webm +
Download 1GB.zip +	Download smallZip.zip +
Download executable.exe +	Download CSVfile.csv +
Download Data1KB.dat +	Download htmlFile.html +
Download MyDocument.docx +	Download MyOldWordDocument.doc +
Download textfile.txt +	Download XMLfile.xml +
Download tAJwqaWjJsXS8AhzSninBMCfIZbHBGgcc001lx5DIdDwIcfEgQ6vE5Gb5VgAled17DFZ2A7ZDOHA0NpQPHXXFt.svg +