Migrate to a monorepo (#2603)

Author: wcandillon

.github/actions/setup/action.yml

@@ -0,0 +1,50 @@
+name: Setup
+description: Setup Node.js and install dependencies
+
+inputs:
+  github_token:
+    description: 'GitHub Token'
+    required: true
+
+runs:
+  using: composite
+  steps:
+    - name: Setup Node.js
+      uses: actions/setup-node@v3
+      with:
+        node-version-file: .nvmrc
+
+    - name: Cache dependencies
+      id: yarn-cache
+      uses: actions/cache@v3
+      with:
+        path: |
+          **/node_modules
+          .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 --immutable
+      shell: bash
+
+    - name: Download Skia Binary Artifacts
+      uses: dawidd6/action-download-artifact@v2
+      with:
+        workflow: "build-skia.yml"
+        repo: shopify/react-native-skia
+        path: packages/skia/artifacts
+        branch: main
+
+    - name: Copy Artifacts to libs folder
+      working-directory: packages/skia
+      run: yarn workflow-copy-libs
+      shell: bash
+
+    - name: Copy Skia Headers
+      working-directory: packages/skia
+      run: yarn copy-skia-headers
+      shell: bash

.github/workflows/android-ubuntu.yml

@@ -12,25 +12,24 @@ jobs:
     timeout-minutes: 55
     strategy:
       matrix:
-        directory: [example]
+        directory: [apps/paper] # , apps/fabric
     concurrency:
       group: android-ubuntu-${{ matrix.directory }}-${{ github.ref }}
       cancel-in-progress: true
     steps:
       - name: checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v2
         with:
           submodules: recursive
-
-      - uses: actions/setup-node@v3
+      - name: Setup
+        uses: ./.github/actions/setup
         with:
-          cache: 'yarn'
-          cache-dependency-path: package/yarn.lock
+          github_token: ${{ secrets.GITHUB_TOKEN }}
 
-      - name: Set up JDK 11
+      - name: Set up JDK 17
         uses: actions/setup-java@v1
         with:
-          java-version: '11'
+          java-version: '17'
 
       - name: Install NDK
         uses: nttld/setup-ndk@v1
@@ -41,41 +40,16 @@ jobs:
       - name: Set ANDROID_NDK
         run: echo "ANDROID_NDK=$ANDROID_HOME/ndk-bundle" >> $GITHUB_ENV
 
-      - name: Install Package
-        working-directory: package
-        run: yarn
-
-      - name: Download Skia Binary Artifacts
-        uses: dawidd6/action-download-artifact@v2
-        with:
-          workflow: "build-skia.yml"
-          repo: shopify/react-native-skia
-          path: package/artifacts
-          branch: main
-
-      - name: Copy Artifacts to libs folder
-        working-directory: package
-        run: yarn workflow-copy-libs
-
-      - name: Copy Skia Headers
-        working-directory: package
-        run: yarn copy-skia-headers
-
       - name: SDKs - accept licenses
         run: yes | $ANDROID_HOME/cmdline-tools/latest/bin/sdkmanager --licenses
 
-      # Install node dependencies in specified directories using matrix
-      - name: Install app node dependencies
-        working-directory: ${{ matrix.directory }}
-        run: yarn
-
       # Cache hermes build for both directories
       - name: Cache hermes build
         uses: actions/cache@v3
         env:
           cache-name: cache-rn-hermes-engine
         with:
-          path: ${{ matrix.directory }}/node_modules/react-native
+          path: node_modules/react-native
           key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ matrix.directory }}-${{ hashFiles('**/react-native/package.json') }}
 
       # Cache android libraries for both directories

.github/workflows/android.yml

@@ -11,27 +11,26 @@ jobs:
     runs-on: macos-12
     strategy:
       matrix:
-        working-directory: [example, fabricexample]
+        working-directory: [apps/paper]
     timeout-minutes: 55
     concurrency:
       group: android-example-${{ matrix.working-directory }}-${{ github.ref }}
       cancel-in-progress: true
     steps:
       - name: checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v2
         with:
           submodules: recursive
 
-      - uses: actions/setup-node@v3
+      - name: Setup
+        uses: ./.github/actions/setup
         with:
-          node-version: 16
-          cache-dependency-path: package/yarn.lock
-          cache: 'yarn'
+          github_token: ${{ secrets.GITHUB_TOKEN }}
 
-      - name: Set up JDK 11
+      - name: Set up JDK 17
         uses: actions/setup-java@v1
         with:
-          java-version: '11'
+          java-version: '17'
 
       - name: Install NDK
         uses: nttld/setup-ndk@v1
@@ -41,34 +40,10 @@ jobs:
 
       - name: Set ANDROID_NDK
         run: echo "ANDROID_NDK=$ANDROID_HOME/ndk-bundle" >> $GITHUB_ENV
-
-      - name: Install Package
-        working-directory: package
-        run: yarn install
-
-      - name: Download Skia Binary Artifacts
-        uses: dawidd6/action-download-artifact@v2
-        with:
-          workflow: "build-skia.yml"
-          repo: shopify/react-native-skia
-          path: package/artifacts
-          branch: main
-
-      - name: Copy Artifacts to libs folder
-        working-directory: package
-        run: yarn workflow-copy-libs
-
-      - name: Copy Skia Headers
-        working-directory: package
-        run: yarn copy-skia-headers
 
       - name: SDKs - accept licenses
         run: y | $ANDROID_HOME/cmdline-tools/latest/bin/sdkmanager --licenses
 
-      - name: Install example app node dependencies
-        working-directory: ${{ matrix.working-directory }}
-        run: yarn
-
       - name: Cache hermes build
         uses: actions/cache@v3
         env:
@@ -101,7 +76,7 @@ jobs:
     runs-on: macos-12
     strategy:
       matrix:
-        working-directory: [example, fabricexample]
+        working-directory: [apps/paper]
     concurrency:
       group: android-example-${{ matrix.working-directory }}-${{ github.ref }}
       cancel-in-progress: true
@@ -111,15 +86,10 @@ jobs:
         with:
           submodules: recursive
 
-      - uses: actions/setup-node@v3
+      - name: Setup
+        uses: ./.github/actions/setup
         with:
-          node-version: 16
-          cache-dependency-path: package/yarn.lock
-          cache: 'yarn'
-
-      - name: Install root dependencies
-        working-directory: package
-        run: yarn bootstrap
+          github_token: ${{ secrets.GITHUB_TOKEN }}
 
       - name: Restore APK
         id: cache-apk
@@ -141,9 +111,9 @@ jobs:
         run: adb wait-for-device shell 'while [[ -z $(getprop sys.boot_completed) ]]; do sleep 1; done;'
         timeout-minutes: 10
 
-      - name: Reverse TCP
-        working-directory: ${{ matrix.working-directory }}
-        run: yarn android-reverse-tcp
+      # - name: Reverse TCP
+      #   working-directory: ${{ matrix.working-directory }}
+      #   run: yarn android-reverse-tcp
 
       - name: Start Package Manager
         working-directory: ${{ matrix.working-directory }}
@@ -162,29 +132,29 @@ jobs:
       #   run: echo "PACKAGE_NAME=${{ env.PACKAGE_NAME }}" >> $GITHUB_ENV
       - name: Launch APK
         env:
-          PACKAGE_NAME: ${{ matrix.working-directory == 'fabricexample' && 'com.fabricexample' || 'com.rnskia' }}  
+          PACKAGE_NAME: ${{ matrix.working-directory == 'fabricexample' && 'com.fabricexample' || 'com.paper' }}  
         run: adb shell monkey -p ${{ env.PACKAGE_NAME }} 1  
 
       # On fabric, the system fonts are slightly different
       # so wont run the paragraph tests there for now
       - name: Run e2e Tests
-        working-directory: package
+        working-directory: packages/skia
         run: |
-          if [ "${{ matrix.working-directory }}" = "example" ]; then
+          if [ "${{ matrix.working-directory }}" = "apps/paper" ]; then
             CI=true yarn e2e
-          elif [ "${{ matrix.working-directory }}" = "fabricexample" ]; then
+          elif [ "${{ matrix.working-directory }}" = "apps/none" ]; then
             CI=true yarn e2e --testPathIgnorePatterns Paragraphs
           fi
 
       - uses: actions/upload-artifact@v2
         if: failure()
         with:
-          path: package/src/__tests__/snapshots/
+          path: packages/skia/src/__tests__/snapshots/
           name: ${{ matrix.working-directory }}-snapshots-screenshots
 
       - uses: actions/upload-artifact@v2
         if: failure()
         with:
-          path: docs/static
+          path: apps/docs/static
           name: ${{ matrix.working-directory }}-docs-screenshots
 

.github/workflows/build-npm.yml

@@ -15,33 +15,18 @@ jobs:
         with:
           submodules: recursive
 
-      - uses: actions/setup-node@v3
+      - name: checkout
+        uses: actions/checkout@v2
         with:
-          node-version: "lts/*"
-          cache-dependency-path: package/yarn.lock
-          cache: 'yarn'
-
-      - name: Install package dependencies
-        working-directory: package
-        run: yarn
+          submodules: recursive
 
-      - name: Download Skia Binary Artifacts
-        uses: dawidd6/action-download-artifact@v2
+      - name: Setup
+        uses: ./.github/actions/setup
         with:
-          workflow: "build-skia.yml"
-          path: package/artifacts
-          branch: main
-
-      - name: Copy Artifacts to libs folder
-        working-directory: package
-        run: yarn workflow-copy-libs
-
-      - name: Copy Skia Headers
-        working-directory: package
-        run: yarn copy-skia-headers
+          github_token: ${{ secrets.GITHUB_TOKEN }}
 
       - name: Build NPM Package
-        working-directory: package
+        working-directory: packages/skia
         run: |
           yarn build
           npx semantic-release
@@ -50,12 +35,12 @@ jobs:
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
 
       - name: Install & Build Docs
-        run: cd package; yarn; cd ../docs; yarn; yarn build;
+        run: cd apps/docs; yarn build;
 
       - name: Deploy to GitHub Pages
         uses: peaceiris/actions-gh-pages@v3
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
-          publish_dir: ./docs/build
+          publish_dir: ./apps/docs/build
           user_name: github-actions[bot]
           user_email: 41898282+github-actions[bot]@users.noreply.github.com

.github/workflows/docs.yml

@@ -8,8 +8,6 @@ on:
 jobs:
   build_and_deploy_docs:
     runs-on: ubuntu-latest
-    env:
-      WORKING_DIRECTORY: ./
     steps:
       - name: Checkout repository
         uses: actions/checkout@v2
@@ -21,20 +19,16 @@ jobs:
         with:
           cache: yarn
 
-      - name: Install dependencies
-        working-directory: package
-        run: yarn bootstrap
-
       - name: Build Documentation
         run: |
-          cd docs
+          cd apps/docs
           yarn install
           yarn build
 
       - name: Deploy to GitHub Pages
         uses: peaceiris/actions-gh-pages@v3
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
-          publish_dir: ./docs/build
+          publish_dir: ./apps/docs/build
           user_name: github-actions[bot]
           user_email: 41898282+github-actions[bot]@users.noreply.github.com