testing wasm

Author: Vivek Chib

.github/workflows/deploy_workflow.yml

@@ -29,7 +29,7 @@ jobs:
         run: flutter pub get
 
       - name: Creating a build
-        run: flutter build web --release --base-href "/flutter-curve-visualizer/"
+        run: flutter build web --wasm --release --base-href "/flutter-curve-visualizer/"
 
       - name: Deploying to GitHub Pages
         uses: peaceiris/actions-gh-pages@v4

lib/main.dart

@@ -1,5 +1,5 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_curve_visualizer/screen_mode.dart';
+import 'package:flutter_curve_visualizer/views/widgets/screen_mode.dart';
 import 'package:flutter_curve_visualizer/utils/theme/theme.dart';
 import 'package:provider/provider.dart';
 import 'package:shared_preferences/shared_preferences.dart';

lib/views/home_page.dart

@@ -1,5 +1,5 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_curve_visualizer/screen_mode.dart';
+import 'package:flutter_curve_visualizer/views/widgets/screen_mode.dart';
 import 'package:flutter_curve_visualizer/utils/curves_enum.dart';
 import 'package:flutter_curve_visualizer/utils/extension/string.dart';
 import 'package:flutter_curve_visualizer/views/widgets/animated_box/animated_box_widget.dart';

lib/views/widgets/code_block.dart

@@ -1,6 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
-import 'package:flutter_curve_visualizer/screen_mode.dart';
+import 'package:flutter_curve_visualizer/views/widgets/screen_mode.dart';
 import 'package:flutter_curve_visualizer/utils/curves_enum.dart';
 
 class CodeBlock extends StatelessWidget {

lib/views/widgets/graph/graph_widget.dart

@@ -1,6 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_curve_visualizer/views/widgets/graph/graph_config.dart';
-import 'package:flutter_curve_visualizer/screen_mode.dart';
+import 'package:flutter_curve_visualizer/views/widgets/screen_mode.dart';
 import 'graph_painter.dart';
 
 class GraphWidget extends StatelessWidget {

lib/screen_mode.dart renamed to lib/views/widgets/screen_mode.dart

@@ -12,7 +12,8 @@ enum ScreenMode {
   bool get isWeb => this == ScreenMode.web;
 
   bool get isMobileOrTablet =>
-      this == ScreenMode.mobile || this == ScreenMode.tablet;}
+      this == ScreenMode.mobile || this == ScreenMode.tablet;
+}
 
 class ScreenModeWidget extends InheritedWidget {
   final ScreenMode mode;
@@ -21,7 +22,7 @@ class ScreenModeWidget extends InheritedWidget {
 
   static ScreenMode of(BuildContext context) {
     final responsiveLayout =
-    context.dependOnInheritedWidgetOfExactType<ScreenModeWidget>();
+        context.dependOnInheritedWidgetOfExactType<ScreenModeWidget>();
 
     if (responsiveLayout == null) {
       throw FlutterError('ResponsiveLayout not found in widget tree!');

web/index.html

@@ -30,6 +30,7 @@
             justify-content: center;
             align-items: center;
             height: 100vh;
+            transition: opacity 4s ease-out;
         }
 
         .colorful {
@@ -43,10 +44,10 @@
                   #3bff81;
            background-size: 105% 105%;
            background-repeat: no-repeat;
-           animation: colorful-7utelwmd 2s infinite;
+           animation: colorful-animation 2s infinite;
         }
 
-        @keyframes colorful-7utelwmd {
+        @keyframes colorful-animation {
            0% {
               background-position: 50% -56px,-44.8px 50%, 50% calc(100% + 56px),calc(100% + 56px) 50%;
            }
@@ -74,6 +75,9 @@
     <div class="colorful"></div>
 </div>
 <script>
+    {{flutter_js}}
+    {{flutter_bootstrap_js}}
+
     const darkThemeMode = localStorage.getItem('flutter.darkMode') || false;
 
     if (darkThemeMode === 'true') {
@@ -82,6 +86,5 @@
         document.getElementById("loading-container").style.backgroundColor = '#fff8f4';
     }
 </script>
-<script src="flutter_bootstrap.js" async></script>
 </body>
 </html>