added conditional import for web/mobile vibration package

client/lib/HomeScreen.dart

@@ -9,11 +9,10 @@ import 'package:web_socket_channel/status.dart' as status;
 
 import 'package:flutter_colorpicker/flutter_colorpicker.dart';
 
-import 'package:vibration/vibration.dart';  // for the haptics
-// import 'package:vibration_web/vibration_web.dart';  // for haptics on web
-import 'vibrate_web.dart';  // for haptics on web
-
 import 'package:flutter/foundation.dart' show kIsWeb; // to check of platform is web
+// import 'vibrate_web.dart' if(kIsWeb) "'package:vibration/vibration.dart'";  // import based on platform
+import 'package:vibration/vibration.dart' if(kIsWeb) 'vibrate_web.dart';  // import based on platform
+
 
 import "dart:convert";
 import "dart:async";
@@ -577,8 +576,8 @@ class HomeScreenState extends State<HomeScreen>{
 
     if(kIsWeb){
       // different handler for web
-      // vibration_web.test();
-      vibration_web.vibrate(pattern:[100,100,20]);
+      // Vibration.test();
+      Vibration.vibrate(pattern:[100,100,20]);
       // HapticFeedback.heavyImpact();
     }
     else{
@@ -592,7 +591,7 @@ class HomeScreenState extends State<HomeScreen>{
   void endHapticFeedback() async{
     if(kIsWeb){
       // different handler for web
-      vibration_web.cancel();
+      Vibration.cancel();
     }
     else{
       if (await Vibration.hasVibrator()==true) {

client/lib/vibrate_web.dart

@@ -1,16 +1,21 @@
-import 'dart:js' as js;
+import 'dart:js';
+// import 'dart:io' if (dart.library.html) 'dart:html';
 // import 'dart:async';
 
 
-class vibration_web{
+class Vibration{
   
-  static void vibrate({List<int> pattern=const [100]}){
+  static void vibrate({List<int> pattern=const [100],int repeat=-1}){
     
-    var jsArray = js.JsObject.jsify(pattern);
-    js.context.callMethod('vibrate', [jsArray]);
+    var jsArray = JsObject.jsify(pattern);
+    context.callMethod('vibrate', [jsArray]);
+  }
+
+  static Future<bool> hasVibrator() async{
+    return await context['navigator'].hasProperty("vibrate");
   }
   
   static void cancel(){
-    js.context.callMethod('vibrate', [0]);
+    context.callMethod('vibrate', [0]);
   }
 }

client/pubspec.yaml

@@ -11,6 +11,7 @@ dependencies:
   flutter:
     sdk: flutter
   flutter_colorpicker: ^1.0.3
+  js: ^0.6.5
   shared_preferences: ^2.2.2
   vibration: ^1.8.3
   web_socket_channel: ^2.4.0