fix: add new macos examples

.github/workflows/macos-build-test-fabric.yml

@@ -0,0 +1,73 @@
+name: Test fabric macOS build
+on:
+  pull_request:
+    paths:
+      - .github/workflows/macos-build-test.yml
+      - RNSVG.podspec
+      - apple/**
+      - macos-example/package.json
+      - macos-example/macos/**
+      - src/fabric/**
+      - package.json
+  push:
+    branches:
+      - main
+
+jobs:
+  build:
+    if: github.repository == 'software-mansion/react-native-svg'
+    runs-on: macos-14
+    strategy:
+      matrix:
+        working-directory: [fabric-macos-example]
+      fail-fast: false
+    concurrency:
+      group: macos-${{ matrix.working-directory }}-${{ github.ref }}
+      cancel-in-progress: true
+    steps:
+      - name: Check out Git repository
+        uses: actions/checkout@v3
+
+      - name: Restore react-native-svg node_modules from cache
+        uses: actions/cache@v3
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-node-modules-svg-${{ hashFiles('yarn.lock') }}
+          restore-keys: ${{ runner.os }}-node-modules-svg-
+
+      - name: Install react-native-svg node_modules
+        run: yarn install
+
+      - name: Restore app node_modules from cache
+        uses: actions/cache@v3
+        with:
+          path: ${{ matrix.working-directory }}/node_modules
+          key: ${{ runner.os }}-node-modules-${{ matrix.working-directory }}-${{ hashFiles(format('{0}/yarn.lock', matrix.working-directory)) }}
+          restore-keys: ${{ runner.os }}-node-modules-${{ matrix.working-directory }}-
+
+      - name: Install app node_modules
+        working-directory: ${{ matrix.working-directory }}
+        run: yarn install
+
+      - name: Restore Pods from cache
+        uses: actions/cache@v3
+        with:
+          path: |
+            ${{ matrix.working-directory }}/macos/Pods
+            ~/Library/Caches/CocoaPods
+            ~/.cocoapods
+          key: ${{ runner.os }}-pods-${{ matrix.working-directory }}-${{ hashFiles(format('{0}/macos/Podfile.lock', matrix.working-directory)) }}
+
+      - name: Install Pods
+        working-directory: ${{ matrix.working-directory }}/macos
+        run: RCT_NEW_ARCH_ENABLED=1 pod install
+
+      - name: Restore build artifacts from cache
+        uses: actions/cache@v3
+        with:
+          path: ~/Library/Developer/Xcode/DerivedData
+          key: ${{ runner.os }}-macos-derived-data-${{ matrix.working-directory }}-${{ hashFiles(format('{0}/macos/Podfile.lock', matrix.working-directory)) }}
+
+      - name: Build app
+        working-directory: ${{ matrix.working-directory }}
+        run: yarn macos

.github/workflows/reusable-macos-build.yml → .github/workflows/macos-build-test-paper.yml

@@ -1,21 +1,28 @@
-name: Reusable macOS Build
-
+name: Test paper macOS build
 on:
-  workflow_call:
-    inputs:
-      new_arch_enabled:
-        required: true
-        type: string
+  pull_request:
+    paths:
+      - .github/workflows/macos-build-test.yml
+      - RNSVG.podspec
+      - apple/**
+      - macos-example/package.json
+      - macos-example/macos/**
+      - src/fabric/**
+      - package.json
+  push:
+    branches:
+      - main
 
 jobs:
   build:
+    if: github.repository == 'software-mansion/react-native-svg'
     runs-on: macos-14
     strategy:
       matrix:
-        working-directory: [macos-example]
+        working-directory: [paper-macos-example]
       fail-fast: false
     concurrency:
-      group: macos-${{ matrix.working-directory }}-${{ github.ref  }}-${{ inputs.new_arch_enabled }}
+      group: macos-${{ matrix.working-directory }}-${{ github.ref }}
       cancel-in-progress: true
     steps:
       - name: Check out Git repository
@@ -28,7 +35,7 @@ jobs:
           key: ${{ runner.os }}-node-modules-svg-${{ hashFiles('yarn.lock') }}
           restore-keys: ${{ runner.os }}-node-modules-svg-
 
-      - name: Install react-native-svg node modules
+      - name: Install react-native-svg node_modules
         run: yarn install
 
       - name: Restore app node_modules from cache
@@ -38,7 +45,7 @@ jobs:
           key: ${{ runner.os }}-node-modules-${{ matrix.working-directory }}-${{ hashFiles(format('{0}/yarn.lock', matrix.working-directory)) }}
           restore-keys: ${{ runner.os }}-node-modules-${{ matrix.working-directory }}-
 
-      - name: Install app node modules
+      - name: Install app node_modules
         working-directory: ${{ matrix.working-directory }}
         run: yarn install
 

.gitignore

@@ -1,7 +1,8 @@
 # OSX
 #
 .DS_Store
-
+.yarn
+.yarnrc.yml
 # Xcode
 #
 *.pbxuser

macos-example/.gitignore → fabric-macos-example/.gitignore

@@ -1,7 +1,6 @@
 # OSX
 #
 .DS_Store
-.yarn
 
 # Xcode
 #

fabric-macos-example/.prettierrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  arrowParens: 'avoid',
+  bracketSameLine: true,
+  bracketSpacing: false,
+  singleQuote: true,
+  trailingComma: 'all',
+};

macos-example/__tests__/App.test.tsx → fabric-macos-example/__tests__/App.test.tsx

@@ -7,7 +7,7 @@ import React from 'react';
 import App from '../App';
 
 // Note: import explicitly to use the types shipped with jest.
-import { it } from '@jest/globals';
+import {it} from '@jest/globals';
 
 // Note: test renderer must be required after react-native.
 import renderer from 'react-test-renderer';

fabric-macos-example/app.json

@@ -0,0 +1,4 @@
+{
+  "name": "FabricMacOSExample",
+  "displayName": "FabricMacOSExample"
+}

macos-example/babel.config.js → fabric-macos-example/babel.config.js

@@ -10,6 +10,6 @@ module.exports = {
         },
       },
     ],
-    ['react-native-reanimated/plugin', { processNestedWorklets: true }],
+    ['react-native-reanimated/plugin', {processNestedWorklets: true}],
   ],
 };

fabric-macos-example/macos/FabricMacOSExample-macOS/AppDelegate.mm

@@ -0,0 +1,40 @@
+#import "AppDelegate.h"
+
+#import <React/RCTBundleURLProvider.h>
+
+@implementation AppDelegate
+
+- (void)applicationDidFinishLaunching:(NSNotification *)notification
+{
+  self.moduleName = @"FabricMacOSExample";
+  // You can add your custom initial props in the dictionary below.
+  // They will be passed down to the ViewController used by React Native.
+  self.initialProps = @{};
+
+  return [super applicationDidFinishLaunching:notification];
+}
+
+- (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
+{
+#if DEBUG
+  return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index"];
+#else
+  return [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
+#endif
+}
+
+/// This method controls whether the `concurrentRoot`feature of React18 is turned on or off.
+///
+/// @see: https://reactjs.org/blog/2022/03/29/react-v18.html
+/// @note: This requires to be rendering on Fabric (i.e. on the New Architecture).
+/// @return: `true` if the `concurrentRoot` feature is enabled. Otherwise, it returns `false`.
+- (BOOL)concurrentRootEnabled
+{
+#ifdef RN_FABRIC_ENABLED
+  return true;
+#else
+  return false;
+#endif
+}
+
+@end