Added Web support.

zbejas · Jul 24, 2022 · eaf81bc · eaf81bc
1 parent 96ca478
commit eaf81bc
Show file tree

Hide file tree

Showing 11 changed files with 135 additions and 2 deletions.
diff --git a/.metadata b/.metadata
@@ -15,7 +15,7 @@ migration:
     - platform: root
       create_revision: fb57da5f945d02ef4f98dfd9409a72b7cce74268
       base_revision: fb57da5f945d02ef4f98dfd9409a72b7cce74268
-    - platform: linux
+    - platform: web
       create_revision: fb57da5f945d02ef4f98dfd9409a72b7cce74268
       base_revision: fb57da5f945d02ef4f98dfd9409a72b7cce74268
 

diff --git a/Dockerfile b/Dockerfile
@@ -0,0 +1,23 @@
+# Build
+FROM ubuntu:22.04
+
+RUN apt update 
+RUN apt install -y curl git wget unzip
+RUN apt clean
+
+RUN git clone https://github.com/flutter/flutter.git /usr/local/flutter
+ENV PATH="/usr/local/flutter/bin:/usr/local/flutter/bin/cache/dart-sdk/bin:${PATH}"
+
+RUN flutter channel stable
+RUN flutter upgrade
+
+RUN mkdir /portarius/
+COPY . /portarius/
+WORKDIR /portarius/
+RUN flutter build web
+
+# Runtime
+FROM nginx:alpine
+LABEL org.opencontainers.image.source="https://github.com/zbejas/portarius"
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+COPY --from=0 /portarius/build/web/ /usr/share/nginx/html/
diff --git a/lib/main.dart b/lib/main.dart
@@ -1,5 +1,7 @@
 import 'dart:convert';
+import 'dart:io';
 import 'package:flex_color_scheme/flex_color_scheme.dart';
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_secure_storage/flutter_secure_storage.dart';
 import 'package:hive/hive.dart';
@@ -19,7 +21,11 @@ import 'pages/settings/settings.dart';
 
 void main() async {
   WidgetsFlutterBinding.ensureInitialized();
-  Hive.init((await path_provider.getApplicationDocumentsDirectory()).path);
+
+  // If platform is web, skip init
+  if (!kIsWeb) {
+    Hive.init((await path_provider.getApplicationDocumentsDirectory()).path);
+  }
 
   Hive.registerAdapter(TokenAdapter());
   Hive.registerAdapter(UserAdapter());

diff --git a/nginx.conf b/nginx.conf
@@ -0,0 +1,11 @@
+server {
+  listen 80 default_server;
+  listen [::]:80 default_server;
+  root /usr/share/nginx/html;
+  index index.html;
+
+  location / {
+    add_header 'Access-Control-Allow-Origin' '*';
+    try_files $uri $uri/ =404;
+  }
+}
diff --git a/web/favicon.png b/web/favicon.png
diff --git a/web/icons/Icon-192.png b/web/icons/Icon-192.png
diff --git a/web/icons/Icon-512.png b/web/icons/Icon-512.png
diff --git a/web/icons/Icon-maskable-192.png b/web/icons/Icon-maskable-192.png
diff --git a/web/icons/Icon-maskable-512.png b/web/icons/Icon-maskable-512.png
diff --git a/web/index.html b/web/index.html
@@ -0,0 +1,58 @@
+<!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 new Flutter project.">
+
+  <!-- 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="portarius">
+  <link rel="apple-touch-icon" href="icons/Icon-192.png">
+
+  <!-- Favicon -->
+  <link rel="icon" type="image/png" href="favicon.png"/>
+
+  <title>portarius</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,
+        }
+      }).then(function(engineInitializer) {
+        return engineInitializer.initializeEngine();
+      }).then(function(appRunner) {
+        return appRunner.runApp();
+      });
+    });
+  </script>
+</body>
+</html>
diff --git a/web/manifest.json b/web/manifest.json
@@ -0,0 +1,35 @@
+{
+    "name": "portarius",
+    "short_name": "portarius",
+    "start_url": ".",
+    "display": "standalone",
+    "background_color": "#0175C2",
+    "theme_color": "#0175C2",
+    "description": "A new Flutter project.",
+    "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"
+        },
+        {
+            "src": "icons/Icon-maskable-192.png",
+            "sizes": "192x192",
+            "type": "image/png",
+            "purpose": "maskable"
+        },
+        {
+            "src": "icons/Icon-maskable-512.png",
+            "sizes": "512x512",
+            "type": "image/png",
+            "purpose": "maskable"
+        }
+    ]
+}