Merge pull request #365 from velocitycareerlabs/VL-8870-upgrade-rn-to-v0.81.4

chore: react-native v0.81.4; vcl v2.8.1

Author: michaelavoyan

.eslintrc.js

@@ -6,86 +6,79 @@ module.exports = {
     'airbnb/hooks',
     'airbnb-typescript',
     'prettier',
-    "plugin:@typescript-eslint/recommended"
+    'plugin:@typescript-eslint/recommended',
   ],
   parser: '@typescript-eslint/parser',
   parserOptions: {
-    project: './tsconfig.json'
+    project: './tsconfig.json',
   },
   plugins: [
     '@typescript-eslint',
     'prettier',
     'prefer-arrow',
     'autofix',
-    'unused-imports'
+    'unused-imports',
   ],
   settings: {
     'import/resolver': {
       node: {
         extensions: ['.js', '.jsx', '.ts', '.tsx'],
-        paths: ['./']
-      }
-    }
+        paths: ['./'],
+      },
+    },
   },
   env: {
-    es6: true
+    es6: true,
   },
   rules: {
-    "no-console": "off",
-    "@typescript-eslint/lines-between-class-members": "off",
-    "@typescript-eslint/no-explicit-any": "off",
-    "@typescript-eslint/no-useless-constructor": "off",
-    "@typescript-eslint/no-throw-literal": "off",
+    'no-console': 'off',
+    '@typescript-eslint/lines-between-class-members': 'off',
+    '@typescript-eslint/no-explicit-any': 'off',
+    '@typescript-eslint/no-useless-constructor': 'off',
+    '@typescript-eslint/no-throw-literal': 'off',
     'unused-imports/no-unused-vars-ts': [
       'warn',
       {
         vars: 'all',
         varsIgnorePattern: '^_',
         args: 'after-used',
-        argsIgnorePattern: '^_'
-      }
+        argsIgnorePattern: '^_',
+      },
     ],
     'autofix/no-debugger': 'error',
     'prefer-destructuring': [
       'error',
       {
         array: false,
-        object: true
+        object: true,
       },
       {
-        enforceForRenamedProperties: false
-      }
+        enforceForRenamedProperties: false,
+      },
     ],
     'prefer-arrow/prefer-arrow-functions': [
-      "warn",
+      'warn',
       {
-        "disallowPrototype": true,
-        "singleReturnOnly": false,
-        "classPropertiesAllowed": false
-      }
+        disallowPrototype: true,
+        singleReturnOnly: false,
+        classPropertiesAllowed: false,
+      },
     ],
     'import/prefer-default-export': 0,
     'react/jsx-props-no-spreading': 0,
     '@typescript-eslint/no-use-before-define': [
       'error',
-      { variables: false, classes: true, functions: true }
+      { variables: false, classes: true, functions: true },
     ],
     'no-param-reassign': 0,
-    'no-underscore-dangle': [
-      'error',
-      { allowAfterThis: true, allow: ['_id'] }
-    ],
-    quotes: [2, 'single', { avoidEscape: true }],
+    'no-underscore-dangle': ['error', { allowAfterThis: true, allow: ['_id'] }],
+    'quotes': [2, 'single', { avoidEscape: true }],
     'no-use-before-define': 0,
     'import/no-extraneous-dependencies': [
       'error',
       {
-        devDependencies: [
-          'storybook/**',
-          'storybook/**/**/**',
-          'stories/**'
-        ]
-      }
+        devDependencies: ['storybook/**', 'storybook/**/**/**', 'stories/**'],
+      },
     ],
     'global-require': 0,
     'react/require-default-props': 'off',
@@ -98,6 +91,6 @@ module.exports = {
     'no-promise-executor-return': 'off',
     '@typescript-eslint/default-param-last': 'off',
     '@typescript-eslint/naming-convention': 'off',
-    '@typescript-eslint/return-await': 'off'
-  }
+    '@typescript-eslint/return-await': 'off',
+  },
 };

.github/workflows/react-native-sdk.tests.workflow.yml

@@ -13,7 +13,7 @@ env:
   RC_SUFFIX: 'rc'
 jobs:
   test-react-sdk:
-    runs-on: macos-15
+    runs-on: macos-26
     steps:
       # Git clone repository
       - name: Git clone repository
@@ -25,15 +25,15 @@ jobs:
           node-version: ${{ env.NODE_VERSION }}
       # Install dependencies
       - name: Install dependencies
-        run: corepack enable && yarn set version 3.6.1 && yarn
+        run: corepack enable && yarn set version 3.6.1 && yarn install --frozen-lockfile
       # Check licenses
-      - name: Check licenses
-        run: corepack enable && yarn set version 1.22.22 && yarn check-licenses
+#      - name: Check licenses
+#        run: corepack enable && yarn set version 1.22.22 && yarn check-licenses
       # Run lint
       - name: Run lint
         run: corepack enable && yarn set version 3.6.1 && yarn lint
         continue-on-error: false
       # Run test
       - name: Run Test
-        run: corepack enable && yarn set version 3.6.1 && yarn test
+        run: yarn test
         continue-on-error: true

.github/workflows/react-native-sdk.workflow.yml

@@ -24,7 +24,7 @@ env:
   GLOBAL_ENV: ${{ github.event_name == 'push' && format('{0}', 'dev') || inputs.environment }}
 jobs:
   build-react-native-sdk:
-    runs-on: macos-15
+    runs-on: macos-26
     steps:
       - name: Git clone repository
         uses: actions/checkout@v4
@@ -46,7 +46,7 @@ jobs:
         run: git add .npmrc && git commit -am "Prepare to release"
       # Install dependencies
       - name: Install dependencies
-        run: corepack enable && yarn set version 3.6.1 && yarn
+        run: corepack enable && yarn set version 3.6.1 && yarn install --frozen-lockfile
       # Build and Publish SDK
       - name: Build and Publish SDK
         if: ${{ env.GLOBAL_ENV == 'prod' || env.GLOBAL_ENV == 'rc' }}

.gitignore

@@ -84,9 +84,9 @@ example/android/app/src/main/assets/index.android.bundle
 example/ios/.xcode.env
 .pnp.loader.mjs
 .pnp.cjs
-.yarn/*
-example/ios/.xcode.env
 example/ios/.xcode.env.local
 /example/android/.idea
 /android/.idea
-/example/android/.idea
+example/android/java_pid80455.hprof
+/.yarn/cache
+/example/android/app/.cxx

.nvmrc

@@ -1 +1 @@
-v20
+v22

.yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs

@@ -1,4 +1,10 @@
+nodeLinker: node-modules
 nmHoistingLimits: workspaces
 
-nodeLinker: node-modules
+plugins:
+  - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
+    spec: "@yarnpkg/plugin-interactive-tools"
+  - path: .yarn/plugins/@yarnpkg/plugin-workspace-tools.cjs
+    spec: "@yarnpkg/plugin-workspace-tools"
 
+yarnPath: .yarn/releases/yarn-3.6.1.cjs

.yarn/plugins/@yarnpkg/plugin-workspace-tools.cjs

@@ -11,21 +11,23 @@ This project is a monorepo managed using [Yarn workspaces](https://yarnpkg.com/f
 - The library package in the root directory.
 - An example app in the `example/` directory.
 
-To get started with the project, run `yarn` in the root directory to install the required dependencies for each package:
+To get started with the project, make sure you have the correct version of [Node.js](https://nodejs.org/) installed. See the [`.nvmrc`](./.nvmrc) file for the version used in this project.
+
+Run `yarn` in the root directory to install the required dependencies for each package:
 
 ```sh
 yarn
 ```
 
-> Since the project relies on Yarn workspaces, you cannot use [`npm`](https://github.com/npm/cli) for development.
+> Since the project relies on Yarn workspaces, you cannot use [`npm`](https://github.com/npm/cli) for development without manually migrating.
 
 The [example app](/example/) demonstrates usage of the library. You need to run it to test any changes you make.
 
 It is configured to use the local version of the library, so any changes you make to the library's source code will be reflected in the example app. Changes to the library's JavaScript code will be reflected in the example app without a rebuild, but native code changes will require a rebuild of the example app.
 
-If you want to use Android Studio or XCode to edit the native code, you can open the `example/android` or `example/ios` directories respectively in those editors. To edit the Objective-C or Swift files, open `example/ios/VclReactNativeExample.xcworkspace` in XCode and find the source files at `Pods > Development Pods > @velocitycareerlabs/vcl-react-native`.
+If you want to use Android Studio or Xcode to edit the native code, you can open the `example/android` or `example/ios` directories respectively in those editors. To edit the Objective-C or Swift files, open `example/ios/VclReactNativeExample.xcworkspace` in Xcode and find the source files at `Pods > Development Pods > @velocitycareerlabs/vcl-react-native`.
 
-To edit the Java or Kotlin files, open `example/android` in Android studio and find the source files at `@velocitycareerlabs/vcl-react-native` under `Android`.
+To edit the Java or Kotlin files, open `example/android` in Android studio and find the source files at `velocitycareerlabs-vcl-react-native` under `Android`.
 
 You can use various commands from the root directory to work with the project.
 
@@ -47,6 +49,14 @@ To run the example app on iOS:
 yarn example ios
 ```
 
+To confirm that the app is running with the new architecture, you can check the Metro logs for a message like this:
+
+```sh
+Running "VclReactNativeExample" with {"fabric":true,"initialProps":{"concurrentRoot":true},"rootTag":1}
+```
+
+Note the `"fabric":true` and `"concurrentRoot":true` properties.
+
 Make sure your code passes TypeScript and ESLint. Run the following to verify:
 
 ```sh
@@ -73,7 +83,7 @@ We follow the [conventional commits specification](https://www.conventionalcommi
 - `fix`: bug fixes, e.g. fix crash due to deprecated method.
 - `feat`: new features, e.g. add new method to the module.
 - `refactor`: code refactor, e.g. migrate from class components to hooks.
-- `docs`: changes into documentation, e.g. add usage example for the module..
+- `docs`: changes into documentation, e.g. add usage example for the module.
 - `test`: adding or updating tests, e.g. add integration tests using detox.
 - `chore`: tooling changes, e.g. change CI config.