fix(web): DRYing it out re: app/browser's version

web/src/app/browser/src/languageMenu.ts

@@ -216,7 +216,7 @@ export class LanguageMenu {
     if(device.OS == 'ios') {
       if(device.formFactor == 'phone') {
         barWidth=(landscapeView() ? 36 : 0);
-        maxHeight=(window.innerHeight-barWidth-16)*util.getViewportScale();
+        maxHeight=(window.innerHeight-barWidth-16)*util.getViewportScale(device.formFactor);
       } else if(device.formFactor == 'tablet') {
         barWidth=(landscapeView() ? 16 : 0);
         maxHeight=(maxHeight-barWidth);
@@ -316,7 +316,7 @@ export class LanguageMenu {
     langs.sort();
 
     // Get current scale factor (reciprocal of viewport scale)
-    var scale=Math.round(100/util.getViewportScale())/100;
+    var scale=Math.round(100/util.getViewportScale(device.formFactor))/100;
 
     var dx,lgBar,i,kb,activeLanguageIndex=-1;
     for(k=0; k<langs.length; k++) {

web/src/app/browser/src/utils/index.ts

@@ -1,5 +1,5 @@
 export { AlertHost } from './alertHost.js';
 export { _CreateElement } from './createElement.js';
 export { getStyleValue } from './getStyleValue.js';
-export { getViewportScale } from './getViewportScale.js';
+export { getViewportScale } from 'keyman/engine/osk';
 export { whenDocumentReady } from './documentReady.js';

web/src/engine/osk/src/index.ts

@@ -20,6 +20,8 @@ export { type OSKKeySpec } from './keyboard-layout/oskKey.js';
 export { type default as InputEventCoordinate } from './input/inputEventCoordinate.js';
 export { type default as EmbeddedGestureConfig } from './config/embeddedGestureConfig.js';
 
+export { getViewportScale } from './screenUtils.js';
+
 export { default as Activator, StaticActivator } from './views/activator.js';
 export { default as SimpleActivator } from './views/simpleActivator.js';
 export { default as TwoStateActivator } from './views/twoStateActivator.js';