Serve ui out of local html files; pass text/plain and image/* data to the webview using a data url

2018-06-22 16:48:21 -04:00 · 2018-06-22 16:48:21 -04:00 · b5d7e99ba5
commit b5d7e99ba5
parent c103c7fd7a
5 changed files with 250 additions and 32 deletions
--- a/android/app/src/main/AndroidManifest.xml
+++ b/android/app/src/main/AndroidManifest.xml
@ -3,6 +3,7 @@
    package="com.mozilla.send.sendandroid">

    <uses-permission android:name="android.permission.INTERNET"/>
+    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />

    <application
        android:allowBackup="true"
@ -17,8 +18,6 @@

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
-        </activity>
-        <activity android:name=".IntentActivity">
            <intent-filter>
                <action android:name="android.intent.action.SEND" />
                <category android:name="android.intent.category.DEFAULT" />
@ -30,7 +29,6 @@
                <data android:mimeType="text/plain" />
            </intent-filter>
        </activity>
-
    </application>

 </manifest>
--- a/android/app/src/main/assets/index.html
+++ b/android/app/src/main/assets/index.html
@ -0,0 +1,188 @@
+
+  <!DOCTYPE html>
+  <html lang="en-US">
+  <head>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <meta property="og:title" content="Firefox Send"/>
+    <meta name="twitter:title" content="Firefox Send"/>
+    <meta name="description" content="Encrypt and send files with a link that automatically expires to ensure your important documents don’t stay online forever."/>
+    <meta property="og:description" content="Encrypt and send files with a link that automatically expires to ensure your important documents don’t stay online forever."/>
+    <meta name="twitter:description" content="Encrypt and send files with a link that automatically expires to ensure your important documents don’t stay online forever."/>
+    <meta name="twitter:card" content="summary"/>
+    <meta property="og:image" content="https://send.firefox.com/send-fb.19274ff0.jpg"/>
+    <meta name="twitter:image" content="https://send.firefox.com/send-twitter.7d5e4200.jpg"/>
+    <meta property="og:url" content="https://send.firefox.com"/>
+    <base href="https://send.firefox.com/" />
+
+    <title>Firefox Send</title>
+
+    <link rel="stylesheet" type="text/css" href="/style.11428181.css" />
+
+    <!-- generic favicons -->
+    <link rel="icon" href="/favicon-32.4efdbe5a.png" sizes="32x32">
+    <link rel="icon" href="/favicon-96.a2ce7c6e.png" sizes="96x96">
+    <link rel="icon" href="/favicon-128.58447464.png" sizes="128x128">
+    <link rel="icon" href="/favicon-228.069d14fe.png" sizes="228x228">
+
+    <!-- Android -->
+    <link rel="shortcut icon" href="/favicon-196.55cef95d.png" sizes="196x196">
+
+    <!-- iOS -->
+    <link rel="apple-touch-icon" href="/favicon-120.a48a3fc0.png" sizes="120x120">
+    <link rel="apple-touch-icon" href="/favicon-152.10d8b941.png" sizes="152x152">
+    <link rel="apple-touch-icon" href="/favicon-180.373787f8.png" sizes="180x180">
+
+    <!-- Windows 8 IE 10-->
+    <meta name="msapplication-TileColor" content="#FFFFFF">
+    <meta name="msapplication-TileImage" content="/favicon-144.909cb064.png">
+
+    <!-- Windows 8.1 + IE11 and above -->
+    <meta name="msapplication-config" content="/browserconfig.xml"/>
+
+
+    
+    <script defer src="/jsconfig.js"></script>
+    <script defer src="/runtime.44a28e7e.js"></script>
+    <script defer src="/vendor.ec5b5b1d.js"></script>
+    <script defer src="/public/locales/en-US/send.6b4f8354.js"></script>
+    <script defer src="/cryptofill.1315ac9e.js"></script>
+    <script defer src="/app.baa60a46.js"></script>
+  </head>
+  <body>
+      
+      
+  <header class="header">
+    <div class="logo">
+      <a class="logo__link" href="/">
+        <img
+          src="/send_logo.5fcfdf0e.svg"
+          alt="Send"/>
+        <h1 class="logo__title">Send</h1>
+      </a>
+      <div class="logo__subtitle">
+        <a class="logo__subtitle-link" href="https://testpilot.firefox.com">Firefox Test Pilot</a>
+        <div>web experiment</div>
+      </div>
+    </div>
+    <a href="https://qsurvey.mozilla.com/s3/txp-firefox-send?ver=2.5.4&amp;browser=unknown"
+      rel="noreferrer noopener"
+      class="feedback"
+      target="_blank">Feedback</a>
+  </header>
+      <main class="main">
+        <noscript>
+          <div class="noscript">
+            <h2>Firefox Send requires JavaScript</h2>
+            <p>
+              <a class="link" href="https://github.com/mozilla/send/blob/master/docs/faq.md#why-does-firefox-send-require-javascript">
+              Why does Firefox Send require JavaScript?
+              </a>
+            </p>
+            <p>Please enable JavaScript and try again.</p>
+          </div>
+        </noscript>
+        
+  <div id="page-one" class="">
+    <div class="title">Private, Encrypted File Sharing</div>
+    <div class="description">
+      <div>Send files through a safe, private, and encrypted link that automatically expires to ensure your stuff does not remain online forever.</div>
+      <a
+        href="https://testpilot.firefox.com/experiments/send"
+        class="link">
+        Learn more
+      </a>
+    </div>
+    <div class="uploadArea"
+     
+     >
+      <img
+        src="/upload.8e2a8bdb.svg"
+        title="Upload"/>
+      <div class="uploadArea__msg">
+        Drop your file here to start uploading
+      </div>
+      <span class="uploadArea__sizeMsg">
+        For the most reliable operation, it’s best to keep your file under 1GB
+      </span>
+      <input id="file-upload"
+        class="inputFile"
+        type="file"
+        name="fileUploaded"
+       
+       
+        />
+      <label for="file-upload"
+        class="btn btn--file"
+        title="Select a file to upload">
+        Select a file to upload
+      </label>
+    </div>
+    
+  </div>
+  
+      </main>
+      <footer class="footer">
+    <div class="legalSection">
+      <a
+        href="https://www.mozilla.org"
+        class="legalSection__link"
+        role="presentation">
+        <img
+          class="legalSection__mozLogo"
+          src="/mozilla-logo.2538e7d3.svg"
+          alt="mozilla"/>
+      </a>
+      <a
+        href="https://www.mozilla.org/about/legal"
+        class="legalSection__link">
+        Legal
+      </a>
+      <a
+        href="https://testpilot.firefox.com/about"
+        class="legalSection__link">
+        About Test Pilot
+      </a>
+      <a
+        href="/legal"
+        class="legalSection__link">Privacy</a>
+      <a
+        href="/legal"
+        class="legalSection__link">Terms</a>
+      <a
+        href="https://www.mozilla.org/privacy/websites/#cookies"
+        class="legalSection__link">
+        Cookies
+      </a>
+      <a
+        href="https://www.mozilla.org/about/legal/report-infringement/"
+        class="legalSection__link">
+        Report IP Infringement
+      </a>
+    </div>
+    <div class="socialSection">
+      <a
+        href="https://github.com/mozilla/send"
+        class="socialSection__link"
+        role="presentation">
+        <img
+          class="socialSection__icon"
+          src="/github-icon.74dc24f7.svg"
+          alt="github"/>
+      </a>
+      <a
+        href="https://twitter.com/FxTestPilot"
+        class="socialSection__link"
+        role="presentation">
+        <img
+          class="socialSection__icon"
+          src="/twitter-icon.018c7f54.svg"
+          alt="twitter"/>
+      </a>
+    </div>
+  </footer>
+    </body>
+  </html>
+  
--- a/android/app/src/main/assets/intent-target.html
+++ b/android/app/src/main/assets/intent-target.html
@ -0,0 +1,20 @@
+
+  <!DOCTYPE html>
+  <html lang="en-US">
+  <head>
+
+    <title>Firefox Send</title>
+
+  </head>
+  <body>
+    <div id="output">output</div>
+<script>
+window.addEventListener("message", (event) => {
+  fetch(event.data).then(res => res.text()).then(txt => {
+    document.getElementById('output').textContent = "GOT MESSAGE" + txt;
+  });
+}, false);
+</script>
+  </body>
+  </html>
+  
--- a/android/app/src/main/java/com/mozilla/send/sendandroid/IntentActivity.kt
+++ b/android/app/src/main/java/com/mozilla/send/sendandroid/IntentActivity.kt
@ -1,28 +0,0 @@
-package com.mozilla.send.sendandroid
-
-
-import android.support.v7.app.AppCompatActivity
-import android.os.Bundle
-import android.content.Intent
-import android.util.Log
-import android.net.Uri
-
-class IntentActivity : AppCompatActivity() {
-
-    override fun onCreate(savedInstanceState: Bundle?) {
-        super.onCreate(savedInstanceState)
-        val intent = getIntent()
-        val action = intent.getAction()
-        val type = intent.getType()
-        if (Intent.ACTION_SEND.equals(action) && type != null) {
-            if ("text/plain".equals(type)) {
-                val sharedText = intent.getStringExtra(Intent.EXTRA_TEXT)
-                Log.w("INTENT", "text/plain " + sharedText);
-            } else if (type.startsWith("image/")) {
-                val imageUri = intent.getParcelableExtra(Intent.EXTRA_STREAM) as Uri
-
-                Log.w("INTENT", "image/ " + imageUri);
-            }
-        }
-    }
-}
--- a/android/app/src/main/java/com/mozilla/send/sendandroid/MainActivity.kt
+++ b/android/app/src/main/java/com/mozilla/send/sendandroid/MainActivity.kt
@ -7,11 +7,23 @@ import im.delight.android.webview.AdvancedWebView
 import android.graphics.Bitmap
 import android.content.Intent
 import android.annotation.SuppressLint
+import android.net.Uri
 import android.webkit.WebView
+import android.webkit.WebMessage
 import android.util.Log
+import android.util.Base64
+import android.provider.MediaStore
+import android.R.attr.data
+
+
+
+
+
+

 class MainActivity : AppCompatActivity(), AdvancedWebView.Listener {
    private var mWebView: AdvancedWebView? = null
+    private var mToShare: String? = null

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
@ -23,7 +35,28 @@ class MainActivity : AppCompatActivity(), AdvancedWebView.Listener {
        val webSettings = mWebView!!.getSettings()
        webSettings.setJavaScriptEnabled(true)

-        mWebView!!.loadUrl("https://send.firefox.com")
+        val intent = getIntent()
+        val action = intent.getAction()
+        val type = intent.getType()
+        if (Intent.ACTION_SEND.equals(action) && type != null) {
+            if (type.equals("text/plain")) {
+                val sharedText = intent.getStringExtra(Intent.EXTRA_TEXT)
+                Log.w("INTENT", "text/plain " + sharedText)
+                mToShare = "data:text/plain;base64," + Base64.encodeToString(sharedText.toByteArray(), 16).trim()
+            } else if (type.startsWith("image/")) {
+                val imageUri = intent.getParcelableExtra(Intent.EXTRA_STREAM) as Uri
+                Log.w("INTENT", "image/ " + imageUri)
+                mToShare = "data:text/plain;base64," + Base64.encodeToString(imageUri.path.toByteArray(), 16).trim()
+
+                // TODO Currently this causes a Permission Denied error
+                // val stream = contentResolver.openInputStream(imageUri)
+            }
+            mWebView!!.loadUrl("file:///android_asset/intent-target.html")
+
+        } else {
+            mWebView!!.loadUrl("file:///android_asset/index.html")
+        }
+
    }

    @SuppressLint("NewApi")
@ -66,6 +99,13 @@ class MainActivity : AppCompatActivity(), AdvancedWebView.Listener {

    override fun onPageFinished(url: String) {
        Log.w("MAIN", "onPageFinished")
+        if (mToShare != null) {
+            Log.w("INTENT", mToShare)
+
+            val webView = findViewById<WebView>(R.id.webview) as AdvancedWebView
+            webView.postWebMessage(WebMessage(mToShare), Uri.EMPTY)
+        }
+
    }

    override fun onPageError(errorCode: Int, description: String, failingUrl: String) {