Added web support (#40)

* Added web support

* Use JS interop library; Add null check for releasing WakeLockSentinel;

* Update dependencies

* Update dependencies

* Refactoring

* Update gitignore

* Format wakelock_web folder

* Remove unused JS variable

* Bump github action versions

* Bump checkout version

* Update checks.yml

* Use relative changelog

Co-authored-by: creativecreatorormaybenot <creativecreatorormaybenot@gmail.com>

@@ -27,8 +27,8 @@ jobs:
       fail-fast: false
       fail-fast: false
 
 
     steps:
     steps:
-      - uses: actions/checkout@v2
-      - uses: subosito/flutter-action@v1.2.0
+      - uses: actions/checkout@v2.3.3
+      - uses: subosito/flutter-action@v1.3.2
         with:
         with:
           channel: ${{ matrix.channel }}
           channel: ${{ matrix.channel }}
       - name: Setup projects (root & example)
       - name: Setup projects (root & example)
@@ -51,7 +51,7 @@ jobs:
     strategy:
     strategy:
       matrix:
       matrix:
         device:
         device:
-          - 'iPhone 11 Pro Max (13.5)'
+          - 'iPhone 11 Pro Max (13.7)'
           - 'Android'
           - 'Android'
         channel:
         channel:
           - 'stable'
           - 'stable'
@@ -72,8 +72,8 @@ jobs:
               '$1 == device { print $2 }'
               '$1 == device { print $2 }'
           )
           )
           xcrun simctl boot "${UDID:?simulator not found}"
           xcrun simctl boot "${UDID:?simulator not found}"
-      - uses: actions/checkout@v2
-      - uses: subosito/flutter-action@v1.2.0
+      - uses: actions/checkout@v2.3.3
+      - uses: subosito/flutter-action@v1.3.2
         with:
         with:
           channel: ${{ matrix.channel }}
           channel: ${{ matrix.channel }}
       - name: Setup projects (root & example)
       - name: Setup projects (root & example)

@@ -19,7 +19,7 @@ jobs:
     runs-on: ubuntu-latest
     runs-on: ubuntu-latest
 
 
     steps:
     steps:
-      - uses: actions/checkout@v2
-      - uses: axel-op/dart-package-analyzer@v2.0.0
+      - uses: actions/checkout@v2.3.3
+      - uses: axel-op/dart-package-analyzer@v3
         with:
         with:
           githubToken: ${{ secrets.GITHUB_TOKEN }}
           githubToken: ${{ secrets.GITHUB_TOKEN }}

@@ -11,8 +11,8 @@ jobs:
     name: Check format, analyze, and test
     name: Check format, analyze, and test
 
 
     steps:
     steps:
-      - uses: actions/checkout@v2
-      - uses: subosito/flutter-action@v1.2.0
+      - uses: actions/checkout@v2.3.3
+      - uses: subosito/flutter-action@v1.3.2
         with:
         with:
           channel: stable
           channel: stable
       - name: Setup projects (root & example)
       - name: Setup projects (root & example)
@@ -41,8 +41,8 @@ jobs:
     name: Publish plugin
     name: Publish plugin
 
 
     steps:
     steps:
-      - uses: actions/checkout@v2
-      - uses: sakebook/actions-flutter-pub-publisher@v1.2.1
+      - uses: actions/checkout@v2.3.3
+      - uses: sakebook/actions-flutter-pub-publisher@v1.3.1
         with:
         with:
           credential: ${{ secrets.PUB_CREDENTIALS }}
           credential: ${{ secrets.PUB_CREDENTIALS }}
           flutter_package: true
           flutter_package: true

+var webm =
+  'data:video/webm;base64,GkXfo0AgQoaBAUL3gQFC8oEEQvOBCEKCQAR3ZWJtQoeBAkKFgQIYU4BnQI0VSalmQCgq17FAAw9CQE2AQAZ3aGFtbXlXQUAGd2hhbW15RIlACECPQAAAAAAAFlSua0AxrkAu14EBY8WBAZyBACK1nEADdW5khkAFVl9WUDglhohAA1ZQOIOBAeBABrCBCLqBCB9DtnVAIueBAKNAHIEAAIAwAQCdASoIAAgAAUAmJaQAA3AA/vz0AAA=';
+var mp4 =
+  'data:video/mp4;base64,AAAAIGZ0eXBtcDQyAAACAGlzb21pc28yYXZjMW1wNDEAAAAIZnJlZQAACKBtZGF0AAAC8wYF///v3EXpvebZSLeWLNgg2SPu73gyNjQgLSBjb3JlIDE0MiByMjQ3OSBkZDc5YTYxIC0gSC4yNjQvTVBFRy00IEFWQyBjb2RlYyAtIENvcHlsZWZ0IDIwMDMtMjAxNCAtIGh0dHA6Ly93d3cudmlkZW9sYW4ub3JnL3gyNjQuaHRtbCAtIG9wdGlvbnM6IGNhYmFjPTEgcmVmPTEgZGVibG9jaz0xOjA6MCBhbmFseXNlPTB4MToweDExMSBtZT1oZXggc3VibWU9MiBwc3k9MSBwc3lfcmQ9MS4wMDowLjAwIG1peGVkX3JlZj0wIG1lX3JhbmdlPTE2IGNocm9tYV9tZT0xIHRyZWxsaXM9MCA4eDhkY3Q9MCBjcW09MCBkZWFkem9uZT0yMSwxMSBmYXN0X3Bza2lwPTEgY2hyb21hX3FwX29mZnNldD0wIHRocmVhZHM9NiBsb29rYWhlYWRfdGhyZWFkcz0xIHNsaWNlZF90aHJlYWRzPTAgbnI9MCBkZWNpbWF0ZT0xIGludGVybGFjZWQ9MCBibHVyYXlfY29tcGF0PTAgY29uc3RyYWluZWRfaW50cmE9MCBiZnJhbWVzPTMgYl9weXJhbWlkPTIgYl9hZGFwdD0xIGJfYmlhcz0wIGRpcmVjdD0xIHdlaWdodGI9MSBvcGVuX2dvcD0wIHdlaWdodHA9MSBrZXlpbnQ9MzAwIGtleWludF9taW49MzAgc2NlbmVjdXQ9NDAgaW50cmFfcmVmcmVzaD0wIHJjX2xvb2thaGVhZD0xMCByYz1jcmYgbWJ0cmVlPTEgY3JmPTIwLjAgcWNvbXA9MC42MCBxcG1pbj0wIHFwbWF4PTY5IHFwc3RlcD00IHZidl9tYXhyYXRlPTIwMDAwIHZidl9idWZzaXplPTI1MDAwIGNyZl9tYXg9MC4wIG5hbF9ocmQ9bm9uZSBmaWxsZXI9MCBpcF9yYXRpbz0xLjQwIGFxPTE6MS4wMACAAAAAOWWIhAA3//p+C7v8tDDSTjf97w55i3SbRPO4ZY+hkjD5hbkAkL3zpJ6h/LR1CAABzgB1kqqzUorlhQAAAAxBmiQYhn/+qZYADLgAAAAJQZ5CQhX/AAj5IQAD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';
+
+var _createClass = (function () {
+  function defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ('value' in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+  return function (Constructor, protoProps, staticProps) {
+    if (protoProps) defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) defineProperties(Constructor, staticProps);
+    return Constructor;
+  };
+})();
+
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError('Cannot call a class as a function');
+  }
+}
+
+// Detect iOS browsers < version 10
+var oldIOS =
+  typeof navigator !== 'undefined' &&
+  parseFloat(
+    (
+      '' +
+      (/CPU.*OS ([0-9_]{3,4})[0-9_]{0,1}|(CPU like).*AppleWebKit.*Mobile/i.exec(
+        navigator.userAgent
+      ) || [0, ''])[1]
+    )
+      .replace('undefined', '3_2')
+      .replace('_', '.')
+      .replace('_', '')
+  ) < 10 &&
+  !window.MSStream;
+
+// Detect native Wake Lock API support
+var nativeWakeLock = 'wakeLock' in navigator;
+
+var NoSleep = (function () {
+  function NoSleep() {
+    var _this = this;
+
+    _classCallCheck(this, NoSleep);
+
+    if (nativeWakeLock) {
+      this._wakeLock = null;
+      var handleVisibilityChange = function handleVisibilityChange() {
+        if (
+          _this._wakeLock !== null &&
+          document.visibilityState === 'visible'
+        ) {
+          _this.enable();
+        }
+      };
+      document.addEventListener('visibilitychange', handleVisibilityChange);
+      document.addEventListener('fullscreenchange', handleVisibilityChange);
+    } else if (oldIOS) {
+      this.noSleepTimer = null;
+    } else {
+      // Set up no sleep video element
+      this.noSleepVideo = document.createElement('video');
+
+      this.noSleepVideo.setAttribute('title', 'No Sleep');
+      this.noSleepVideo.setAttribute('playsinline', '');
+
+      this._addSourceToVideo(this.noSleepVideo, 'webm', webm);
+      this._addSourceToVideo(this.noSleepVideo, 'mp4', mp4);
+
+      this.noSleepVideo.addEventListener('loadedmetadata', function () {
+        if (_this.noSleepVideo.duration <= 1) {
+          // webm source
+          _this.noSleepVideo.setAttribute('loop', '');
+        } else {
+          // mp4 source
+          _this.noSleepVideo.addEventListener('timeupdate', function () {
+            if (_this.noSleepVideo.currentTime > 0.5) {
+              _this.noSleepVideo.currentTime = Math.random();
+            }
+          });
+        }
+      });
+    }
+  }
+
+  _createClass(NoSleep, [
+    {
+      key: '_addSourceToVideo',
+      value: function _addSourceToVideo(element, type, dataURI) {
+        var source = document.createElement('source');
+        source.src = dataURI;
+        source.type = 'video/' + type;
+        element.appendChild(source);
+      },
+    },
+    {
+      key: 'enable',
+      value: function enable() {
+        var _this2 = this;
+
+        if (nativeWakeLock) {
+          navigator.wakeLock
+            .request('screen')
+            .then(function (wakeLock) {
+              _this2._wakeLock = wakeLock;
+              console.log('Wake Lock active.');
+              _this2._wakeLock.addEventListener('release', function () {
+                // ToDo: Potentially emit an event for the page to observe since
+                // Wake Lock releases happen when page visibility changes.
+                // (https://web.dev/wakelock/#wake-lock-lifecycle)
+                console.log('Wake Lock released.');
+              });
+            })
+            .catch(function (err) {
+              console.error(err.name + ', ' + err.message);
+            });
+        } else if (oldIOS) {
+          this.disable();
+          console.warn(
+            '\n        NoSleep enabled for older iOS devices. This can interrupt\n        active or long-running network requests from completing successfully.\n        See https://github.com/richtr/NoSleep.js/issues/15 for more details.\n      '
+          );
+          this.noSleepTimer = window.setInterval(function () {
+            if (!document.hidden) {
+              window.location.href = window.location.href.split('#')[0];
+              window.setTimeout(window.stop, 0);
+            }
+          }, 15000);
+        } else {
+          this.noSleepVideo.play();
+        }
+      },
+    },
+    {
+      key: 'disable',
+      value: function disable() {
+        if (nativeWakeLock) {
+          if(this._wakeLock != null) {
+            this._wakeLock.release();
+          }
+          
+          this._wakeLock = null;
+        } else if (oldIOS) {
+          if (this.noSleepTimer) {
+            console.warn(
+              '\n          NoSleep now disabled for older iOS devices.\n        '
+            );
+            window.clearInterval(this.noSleepTimer);
+            this.noSleepTimer = null;
+          }
+        } else {
+          this.noSleepVideo.pause();
+        }
+      },
+    },
+    {
+      key: 'isEnabled',
+      value: function isEnabled() {
+        if (oldIOS) {
+          return this.noSleepTimer != null;
+        } else {
+          return !this.noSleepVideo.paused;
+        }
+      },
+    },
+  ]);
+
+  return NoSleep;
+})();
+
+var Wakelock = new NoSleep();

@@ -10,6 +10,8 @@ environment:
 dependencies:
 dependencies:
   flutter:
   flutter:
     sdk: flutter
     sdk: flutter
+  wakelock_web:
+    path: wakelock_web/
 
 
 dev_dependencies:
 dev_dependencies:
   pedantic: 1.9.0
   pedantic: 1.9.0
@@ -28,3 +30,8 @@ flutter:
         pluginClass: WakelockPlugin
         pluginClass: WakelockPlugin
       ios:
       ios:
         pluginClass: WakelockPlugin
         pluginClass: WakelockPlugin
+      web:
+        default_package: wakelock_web
+
+  assets:
+      - assets/NoSleep.js

+# Miscellaneous
+*.class
+*.log
+*.pyc
+*.swp
+.DS_Store
+.atom/
+.buildlog/
+.history
+.svn/
+
+# IntelliJ related
+*.iml
+*.ipr
+*.iws
+.idea/
+
+# The .vscode folder contains launch configuration and tasks you configure in
+# VS Code which you may wish to be included in version control, so this line
+# is commented out by default.
+#.vscode/
+
+# Flutter/Dart/Pub related
+**/doc/api/
+.dart_tool/
+.flutter-plugins
+.flutter-plugins-dependencies
+.packages
+.pub-cache/
+.pub/
+/build/
+
+# Web related
+lib/generated_plugin_registrant.dart
+
+# Symbolication related
+app.*.symbols
+
+# Obfuscation related
+app.*.map.json
+
+# Exceptions to above rules.
+!/packages/flutter_tools/test/data/dart_dependencies_test/**/.packages
+
+# Cleanliness
+pubspec.lock
+.metadata
+test
+ios
+android
+web

+../CHANGELOG.md

+../LICENSE

+../README.md

+@JS('Wakelock')
+library wakelock.js;
+
+import 'package:js/js.dart';
+
+external enable();
+external disable();
+external bool isEnabled();

+import 'dart:async';
+
+import 'dart:js';
+
+import 'package:flutter/services.dart';
+import 'package:flutter_web_plugins/flutter_web_plugins.dart';
+import 'package:import_js_library/import_js_library.dart';
+
+import 'wakelock_js.dart' as wakelock;
+
+/// A web implementation of the Wakelock plugin.
+class WakelockWebPlugin {
+  final _isNativeWakelockSupported =
+      context['navigator'].hasProperty('wakeLock');
+  var _enabled = false;
+
+  static void registerWith(Registrar registrar) {
+    final MethodChannel channel = MethodChannel(
+      'wakelock',
+      const StandardMethodCodec(),
+      registrar.messenger,
+    );
+
+    /// Import JS library
+    importJsLibrary(url: './assets/NoSleep.js', flutterPluginName: 'wakelock');
+
+    final pluginInstance = WakelockWebPlugin();
+    channel.setMethodCallHandler(pluginInstance.handleMethodCall);
+  }
+
+  /// Handles method calls over the MethodChannel of this plugin.
+  /// Note: Check the "federated" architecture for a new way of doing this:
+  /// https://flutter.dev/go/federated-plugins
+  Future<dynamic> handleMethodCall(MethodCall call) async {
+    switch (call.method) {
+      case 'toggle':
+        final bool enable = call.arguments['enable'];
+        return Future.value(_toggle(enable));
+        break;
+      case 'isEnabled':
+        return Future.value(_isEnabled());
+        break;
+      default:
+        throw PlatformException(
+          code: 'Unimplemented',
+          details: 'wakelock_web for web doesn\'t implement \'${call.method}\'',
+        );
+    }
+  }
+
+  _toggle(bool enable) {
+    if (enable) {
+      wakelock.enable();
+    } else {
+      wakelock.disable();
+    }
+
+    _enabled = enable;
+  }
+
+  bool _isEnabled() {
+    /// If the native WebLock API is supported
+    /// since these APIs are async in nature
+    /// Give immediate boolean value based on `_enabled`
+    if (_isNativeWakelockSupported) {
+      return _enabled;
+    }
+
+    return wakelock.isEnabled();
+  }
+}

+name: wakelock_web
+description: This plugin allows you to keep the browser devices awake, i.e. prevent the screen from sleeping by toggling the wakelock of the device on or off.
+version: 0.1.4+2
+homepage: https://github.com/creativecreatorormaybenot/wakelock
+
+environment:
+  sdk: ">=2.7.0 <3.0.0"
+  flutter: ">=1.20.0 <2.0.0"
+
+dependencies:
+  flutter:
+    sdk: flutter
+  flutter_web_plugins:
+    sdk: flutter
+  import_js_library: ^1.0.1
+  js: ^0.6.2
+
+dev_dependencies:
+  flutter_test:
+    sdk: flutter
+
+# For information on the generic Dart part of this file, see the
+# following page: https://dart.dev/tools/pub/pubspec
+
+# The following section is specific to Flutter.
+flutter:
+  # This section identifies this Flutter project as a plugin project.
+  # The 'pluginClass' and Android 'package' identifiers should not ordinarily
+  # be modified. They are used by the tooling to maintain consistency when
+  # adding or updating assets for this project.
+  plugin:
+    platforms:
+      web:
+        pluginClass: WakelockWebPlugin
+        fileName: wakelock_web.dart
+        
+  #
+  # For details regarding assets in packages, see
+  # https://flutter.dev/assets-and-images/#from-packages
+  #
+  # An image asset can refer to one or more resolution-specific "variants", see
+  # https://flutter.dev/assets-and-images/#resolution-aware.
+
+  # To add custom fonts to your plugin package, add a fonts section here,
+  # in this "flutter" section. Each entry in this list should have a
+  # "family" key with the font family name, and a "fonts" key with a
+  # list giving the asset and other descriptors for the font. For
+  # example:
+  # fonts:
+  #   - family: Schyler
+  #     fonts:
+  #       - asset: fonts/Schyler-Regular.ttf
+  #       - asset: fonts/Schyler-Italic.ttf
+  #         style: italic
+  #   - family: Trajan Pro
+  #     fonts:
+  #       - asset: fonts/TrajanPro.ttf
+  #       - asset: fonts/TrajanPro_Bold.ttf
+  #         weight: 700
+  #
+  # For details regarding fonts in packages, see
+  # https://flutter.dev/custom-fonts/#from-packages