We Keep Coding

How to use react-native-vision-camera for a small camera app?

I am facing issues while using the react-native-vision-camera package for a small camera app. I encountered an error while building the app on Android which says "The Android Gradle plugin supports only kotlin-android-extensions Gradle plugin version 1.6.20 and higher.The following dependencies do not satisfy the required version: project ':react-native-vision-camera' -> org.jetbrains.kotlin:kotlin-gradle-plugin:1.5.30 and its failing my built on android."
I tried adding "kotlinVersion = "1.7.0" (under buildToolsVersion) to the android/build.gradle file but it gave me another error "Error: EPERM: operation not permitted." Running the commands as an administrator also did not work. I am using a Windows 10 machine with the latest version of Node.js and React Native.
Has anyone successfully set up the react-native-vision-camera package? I have followed the documentation but still facing these issues. It would be great if anyone could help me fix these errors and provide proper setup instructions.

Whenever I add a new cordova package to Meteor I get "Error: Variable(s) missing: REVERSED_CLIENT_ID"

Building an ios application from an existing Meteor package. I have been running the following in order to get the application to become an Xcode project:
meteor build ../example-output --mobile-settings settings-staging.json --server https://example-staging.meteorapp.com:443
I already have a mobile-config.js, which includes all the typical configurations for meteor such as App.info, App.icons, App.launchScreens, App.appendToConfig. In addition, I have the REVERSED_CLIENT_ID included in the file. Everything works fine, until I add any cordova plugins (meteor add plugin cordova: etc.)
App.configurePlugin("cordova-plugin-googleplus", {
REVERSED_CLIENT_ID: "com.googleusercontent.apps.010101010-bexamples123"
});
The application builds into a .xcworkspace but then has issues which I think these cordova plugins will fix. How can I configure/fix the REVERSED_CLIENT_ID and/or config issues and add cordova plugins so that this project can compile to an Xcode .xcworkspace?

Thanks to this Github post, which pointed out that
"This problem exists since 1.2.x. It sometimes happens if a Cordova
package references another Cordova package as a dependency. I had this
problems a lot with the cordova-plugin-compat package which is
referenced by some others."
The solution ended up being to simply remove the cordova build:
rm -rf .meteor/local/cordova-build
I also removed and added the iOS platform again for good measure:
meteor remove-platform ios
meteor add-platform ios

Capacitor (build.gradle does not exist/operation not permitted) React app to Android can't build

I can't build my react webapp to android using capacitor (never done it before). However, I successfully did so to ios.
I've tried to sync gradle manually from android studio (file > sync project with gradle files), but still no luck.
These are the errors (steps to reproduce are included below):
12.41 Gradle sync failed: /spacex-launches/node_modules/#capacitor/android/capacitor/build.gradle
(Operation not permitted) (54 s 634 ms)
The main question here is, (Operation not permitted)
I've tried to allow all access for everything (read and write) for everyone for every file in the folder. Still, again, no luck.
The commands I ran to reproduce these errors:
npx cap init
npx cap app (then I picked android)
npx cap open android (it tried to sync and then gave me the errors above; thus build is not possible).
Any help would be appreciated!
Thanks a lot.

Turns out, opening the android folder manually using Android Studio, weirdly enough fixed it.

Assuming your source code is in a remote repository somewhere, try a fresh install in another directory. First, update the Ionic CLI.
npm i -g #ionic/cli#latest
git clone https://.../your-app.git
cd ./your-app
npm i
ionic build
ionic cap add android
ionic cap open android
Note you don't need to run npx cap init again. Since the iOS build is working, Capacitor is already installed in your project.
If you still can't build, ensure your environment is set up correctly. This can vary whether you are on Mac or Windows. The Capacitor docs provide guidance.

Is it possible to have multiple installation of framework7 on the same box?

I'm working on a project with cordova 6.2.0 and framework7 1.6.5.
Now I've to start a new project based on cordova 7.1.0 and framework7 2.0.7.
I know that with version-manager-cordova-software [1] it's possible to run different cordova versions in the same development box, does exist something similar for framework7?
I'm searching for a working setup for both linux and osx.
[1] https://www.npmjs.com/package/version-manager-cordova-software

I solved by myself: framework7 is always contained inside the cordova project, so it is possible to have different version on the same box.
The globally installed package is framework7-cli (https://www.npmjs.com/package/framework7-cli), actually at version 0.2.0, and it seems to work with both f7 v.1 and v.2.

How do I recompile an Ionic 1.x app?

I built an Ionic app a couple years ago with Ionix 1.x and JavaScript. It's been running fine for quite a while, but now it needs to be recompiled to allow for use on iOS 11. My build is now completely broken with the ionic#latest updates.
My question is how do I get the correct version of Ionic installed on my dev machine so that this app can compile? Should I be able to use the latest ionic-cli command with an older version of the Ionic dependencies? I'm not ready to port my application to Ionic 2+ and Angular 2+ and TypeScript.

ionic#latest cli is fine for building an ionic1 project but you will find some compatibility issues with older platforms and plugins. Suggest you start by updating the platform:
cordova platform update ios
For some of the latest iOS 11 issues and in particular, iPhone X screen issues, you may want to try:
cordova platform update ios#4.5.0
For any plugins that are causing problems, you will need to remove them individually and re-add them:
cordova plugin rm cordova-plugin-xxxx --save
cordova plugin add cordova-plugin-xxxx --save