feat(app): Add web flutter platform

Signed-off-by: jld3103 <jld3103yt@gmail.com>
2 years ago · 004e58b168
6 changed files with 93 additions and 0 deletions
--- a/packages/app/web/favicon.png
+++ b/packages/app/web/favicon.png
--- a/packages/app/web/icons/Icon-192.png
+++ b/packages/app/web/icons/Icon-192.png
--- a/packages/app/web/icons/Icon-512.png
+++ b/packages/app/web/icons/Icon-512.png
--- a/packages/app/web/index.html
+++ b/packages/app/web/index.html
@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <!--
+    If you are serving your web app in a path other than the root, change the
+    href value below to reflect the base path you are serving from.
+
+    The path provided below has to start and end with a slash "/" in order for
+    it to work correctly.
+
+    For more details:
+    * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base
+
+    This is a placeholder for base href that will be replaced by the value of
+    the `--base-href` argument provided to `flutter build`.
+  -->
+  <base href="$FLUTTER_BASE_HREF">
+
+  <meta charset="UTF-8">
+  <meta content="IE=Edge" http-equiv="X-UA-Compatible">
+  <meta name="description" content="A beautiful convergent cross-platform client for Nextcloud written in Flutter.">
+
+  <!-- iOS meta tags & icons -->
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black">
+  <meta name="apple-mobile-web-app-title" content="Neon">
+  <link rel="apple-touch-icon" href="icons/Icon-192.png">
+
+  <!-- Favicon -->
+  <link rel="icon" type="image/png" href="favicon.png"/>
+
+  <title>Neon</title>
+  <link rel="manifest" href="manifest.json">
+
+  <script>
+    // The value below is injected by flutter build, do not touch.
+    var serviceWorkerVersion = null;
+  </script>
+  <!-- This script adds the flutter initialization JS code -->
+  <script src="flutter.js" defer></script>
+</head>
+<body>
+  <script>
+    window.addEventListener('load', function(ev) {
+      // Download main.dart.js
+      _flutter.loader.loadEntrypoint({
+        serviceWorker: {
+          serviceWorkerVersion: serviceWorkerVersion,
+        },
+        onEntrypointLoaded: function(engineInitializer) {
+          engineInitializer.initializeEngine().then(function(appRunner) {
+            appRunner.runApp();
+          });
+        }
+      });
+    });
+  </script>
+</body>
+</html>
--- a/packages/app/web/manifest.json
+++ b/packages/app/web/manifest.json
@ -0,0 +1,23 @@
+{
+    "name": "Neon",
+    "short_name": "Neon",
+    "start_url": ".",
+    "display": "standalone",
+    "background_color": "#f37736",
+    "theme_color": "#f37736",
+    "description": "A beautiful convergent cross-platform client for Nextcloud written in Flutter.",
+    "orientation": "portrait-primary",
+    "prefer_related_applications": false,
+    "icons": [
+        {
+            "src": "icons/Icon-192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "icons/Icon-512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ]
+}
--- a/tool/generate-assets.sh
+++ b/tool/generate-assets.sh
@ -41,6 +41,13 @@ function export_mipmap_icon_all() {
    wait
 }

+function export_favicon() {
+    source="$1"
+    size="$2"
+    destination="$3"
+    inkscape "$source" -o "$destination" -w "$size" -h "$size"
+}
+
 function precompile_assets() {
  fvm dart run vector_graphics_compiler --input-dir assets/
  find assets/ -name "*.svg" -exec rm {} \;
@ -91,6 +98,10 @@ copy_app_svg notifications external/nextcloud-notifications
  done
  wait

+  export_favicon "assets/logo.svg" 192 "web/icons/Icon-192.png"
+  export_favicon "assets/logo.svg" 512 "web/icons/Icon-512.png"
+  export_favicon "assets/logo.svg"  16 "web/favicon.png"
+
  fvm dart run flutter_native_splash:create

  precompile_assets