chore: update template; upgrade react-native to 0.73.6

.github/actions/setup/action.yml

@@ -15,13 +15,13 @@ runs:
  with:
  path: |
  **/node_modules
- key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+ .yarn/install-state.gz
+ key: ${{ runner.os }}-yarn-${{ hashFiles('yarn.lock') }}-${{ hashFiles('**/package.json', '!node_modules/**') }}
  restore-keys: |
+ ${{ runner.os }}-yarn-${{ hashFiles('yarn.lock') }}
  ${{ runner.os }}-yarn-
 
  - name: Install dependencies
  if: steps.yarn-cache.outputs.cache-hit != 'true'
- run: |
- yarn install --cwd example --frozen-lockfile
- yarn install --frozen-lockfile
+ run: yarn install --immutable
  shell: bash

.github/workflows/ci.yml

@@ -35,7 +35,7 @@ jobs:
  - name: Run unit tests
  run: yarn test --maxWorkers=2 --coverage
 
- build:
+ build-library:
  runs-on: ubuntu-latest
  steps:
  - name: Checkout
@@ -45,4 +45,17 @@ jobs:
  uses: ./.github/actions/setup
 
  - name: Build package
- run: yarn prepack
+ run: yarn prepare
+
+ build-web:
+ runs-on: ubuntu-latest
+ steps:
+ - name: Checkout
+ uses: actions/checkout@v3
+
+ - name: Setup
+ uses: ./.github/actions/setup
+
+ - name: Build example for Web
+ run: |
+ yarn example expo export:web

.gitignore

@@ -60,6 +60,14 @@ buck-out/
 android/app/libs
 android/keystores/debug.keystore
 
+# Yarn
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
+
 # Expo
 .expo/
 

.nvmrc

@@ -1 +1 @@
-v16.13.0
+v18

.yarnrc.yml

@@ -0,0 +1,10 @@
+nodeLinker: node-modules
+nmHoistingLimits: workspaces
+
+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

babel.config.js

@@ -1,3 +1,3 @@
 module.exports = {
- presets: ['module:metro-react-native-babel-preset'],
+ presets: ['module:@react-native/babel-preset'],
 };

example/app.json

@@ -11,9 +11,6 @@
  "resizeMode": "contain",
  "backgroundColor": "#ffffff"
  },
- "updates": {
- "fallbackToCacheTimeout": 0
- },
  "assetBundlePatterns": [
  "**/*"
  ],
@@ -23,7 +20,7 @@
  "android": {
  "adaptiveIcon": {
  "foregroundImage": "./assets/adaptive-icon.png",
- "backgroundColor": "#FFFFFF"
+ "backgroundColor": "#ffffff"
  }
  },
  "web": {

example/metro.config.js

@@ -5,14 +5,17 @@ const exclusionList = require('metro-config/src/defaults/exclusionList');
 const pak = require('../package.json');
 
 const root = path.resolve(__dirname, '..');
-
-const modules = Object.keys({
- ...pak.peerDependencies,
-});
+const modules = Object.keys({ ...pak.peerDependencies });
 
 const defaultConfig = getDefaultConfig(__dirname);
 
-module.exports = {
+/**
+ * Metro configuration
+ * https://facebook.github.io/metro/docs/configuration
+ *
+ * @type {import('metro-config').MetroConfig}
+ */
+const config = {
  ...defaultConfig,
 
  projectRoot: __dirname,
@@ -36,3 +39,5 @@ module.exports = {
  }, {}),
  },
 };
+
+module.exports = config;

example/package.json

@@ -1,5 +1,5 @@
 {
- "name": "example",
+ "name": "react-native-qrcode-svg-example",
  "version": "1.0.0",
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
@@ -9,19 +9,20 @@
  "web": "expo start --web"
  },
  "dependencies": {
- "expo": "~47.0.12",
- "expo-status-bar": "~1.4.2",
- "react": "18.1.0",
- "react-dom": "18.1.0",
- "react-native": "0.70.5",
+ "expo": "~50.0.17",
+ "expo-status-bar": "~1.11.1",
+ "react": "18.2.0",
+ "react-dom": "18.2.0",
+ "react-native": "0.73.6",
+ "react-native-safe-area-context": "^4.10.1",
  "react-native-svg": "^13.7.0",
- "react-native-web": "~0.18.9"
+ "react-native-web": "~0.19.6"
  },
  "devDependencies": {
- "@babel/core": "^7.12.9",
- "@expo/webpack-config": "^0.17.2",
+ "@babel/core": "^7.20.0",
+ "@expo/webpack-config": "^18.0.1",
  "babel-loader": "^8.1.0",
- "babel-plugin-module-resolver": "^4.1.0"
+ "babel-plugin-module-resolver": "^5.0.0"
  },
  "private": true
 }