feat: lock screen orientation in portrait

Author: martinkaintas

ios/App/Podfile

@@ -17,9 +17,11 @@ def capacitor_pods
   pod 'CapacitorClipboard', :path => '../../node_modules/@capacitor/clipboard'
   pod 'CapacitorHaptics', :path => '../../node_modules/@capacitor/haptics'
   pod 'CapacitorKeyboard', :path => '../../node_modules/@capacitor/keyboard'
+  pod 'CapacitorNetwork', :path => '../../node_modules/@capacitor/network'
   pod 'CapacitorShare', :path => '../../node_modules/@capacitor/share'
   pod 'CapacitorSplashScreen', :path => '../../node_modules/@capacitor/splash-screen'
   pod 'CapacitorStatusBar', :path => '../../node_modules/@capacitor/status-bar'
+  pod 'CordovaPlugins', :path => '../capacitor-cordova-ios-plugins'
 end
 
 target 'App' do

package-lock.json

@@ -33,6 +33,7 @@
     "@aeternity/bip39": "^0.1.0",
     "@aeternity/hd-wallet": "^0.2.0",
     "@aeternity/json-bigint": "^0.3.1",
+    "@awesome-cordova-plugins/screen-orientation": "^6.4.0",
     "@bitcoin-js/tiny-secp256k1-asmjs": "^2.2.3",
     "@capacitor-community/barcode-scanner": "^4.0.1",
     "@capacitor/android": "5.0.4",
@@ -65,6 +66,7 @@
     "bip32": "^4.0.0",
     "bitcoinjs-lib": "^6.1.3",
     "camelcase-keys-deep": "^0.1.0",
+    "cordova-plugin-screen-orientation": "^3.0.3",
     "dayjs": "^1.11.9",
     "detect-browser": "^5.3.0",
     "ecpair": "^2.1.0",

package.json

@@ -2,6 +2,7 @@ import '@/lib/initPolyfills';
 import '@/protocols/registerAdapters';
 import { createApp } from 'vue';
 import { IonicVue } from '@ionic/vue';
+import { IS_MOBILE_APP } from '@/constants';
 import store from '../store';
 import router from './router';
 import { i18n } from '../store/plugins/languages';
@@ -12,6 +13,10 @@ import LoaderComponent from './components/Loader.vue';
 
 import '../styles/fullscreen-message.scss';
 
+if (IS_MOBILE_APP) {
+  window.screen.orientation?.lock('portrait');
+}
+
 registerModals();
 const app = createApp(App);
 app.use(IonicVue);

src/popup/popup.ts

@@ -6,4 +6,7 @@ declare global {
   interface Window {
     popupProps?: Partial<IPopupConfig>
   }
+  interface ScreenOrientation {
+    lock: (orientation: 'portrait' | 'landscape' | 'portrait-primary' | 'portrait-secondary' | 'landscape-primary' | 'landscape-secondary' | 'any') => Promise<void>
+  }
 }