Feature/wasm (#24)

* updated display_metrics_web

* updated display_metrics

Author: nukeolay

display_metrics/CHANGELOG.md

@@ -1,3 +1,6 @@
+## 2.1.0
+* WASM support
+
 ## 2.0.1
 * README.md updated
 

display_metrics/pubspec.yaml

@@ -1,7 +1,7 @@
 name: display_metrics
 description: Flutter plugin to retrieve device display metrics (resolution, size, PPI, diagonal). Convert inches & mm to Flutter logical pixels.
 homepage: https://github.com/nukeolay/display_metrics/tree/main/display_metrics
-version: 2.0.1
+version: 2.1.0
 
 environment:
   sdk: '>=3.1.2 <4.0.0'
@@ -15,7 +15,7 @@ dependencies:
   display_metrics_ios: ^1.1.0
   display_metrics_windows: ^1.1.0
   display_metrics_macos: ^1.1.0
-  display_metrics_web: ^0.1.0
+  display_metrics_web:  ^0.2.0
   display_metrics_linux: ^1.1.0
 
 dev_dependencies:

display_metrics_web/CHANGELOG.md

@@ -1,3 +1,6 @@
+## 0.2.0
+* WASM support
+
 ## 0.1.0
 * Updated *display_metrics_platform_interface* dependency (1.1.0)
 

display_metrics_web/lib/display_metrics_web.dart

@@ -1,5 +1,6 @@
 import 'dart:ui';
-import 'dart:html' as html;
+
+import 'package:web/web.dart' as web;
 
 import 'package:flutter_web_plugins/flutter_web_plugins.dart';
 import 'package:display_metrics_platform_interface/display_metrics_platform_interface.dart';
@@ -15,11 +16,10 @@ class DisplayMetricsPlugin extends DisplayMetricsPlatform {
 
   @override
   Future<Size?> getResolution() async {
-    final devicePixelRatio = html.window.devicePixelRatio;
-    final screen = html.window.screen;
-    final width = screen?.width?.toDouble();
-    final height = screen?.height?.toDouble();
-    if (width == null || height == null) return null;
+    final devicePixelRatio = web.window.devicePixelRatio;
+    final screen = web.window.screen;
+    final width = screen.width.toDouble();
+    final height = screen.height.toDouble();
     return Size(
       width * devicePixelRatio,
       height * devicePixelRatio,
@@ -30,9 +30,9 @@ class DisplayMetricsPlugin extends DisplayMetricsPlatform {
   Future<Size?> getSize() async {
     final resolution = await getResolution();
     if (resolution == null) return null;
-    final div = html.DivElement();
+    final div = web.document.createElement('div') as web.HTMLDivElement;
     div.style.width = '1in';
-    html.document.body!.append(div);
+    web.document.body!.append(div);
     final dpi = div.offsetWidth;
     div.remove();
     return Size(

display_metrics_web/pubspec.yaml

@@ -1,7 +1,7 @@
 name: display_metrics_web
 description: Web platform implementation of display_metrics plugin. This package will be automatically included in your app when you use display_metrics in Web project 
 homepage: https://github.com/nukeolay/display_metrics/tree/main/display_metrics_web
-version: 0.1.0
+version: 0.2.0
 
 environment:
   sdk: '>=3.1.2 <4.0.0'
@@ -13,6 +13,7 @@ dependencies:
   flutter_web_plugins:
     sdk: flutter
   display_metrics_platform_interface: ^1.1.0
+  web: ^1.1.1
 
 dev_dependencies:
   flutter_test: