Merge branch 'main' into computetoys

Author: wcandillon

.github/workflows/build-dawn.yml

@@ -8,33 +8,30 @@ jobs:
         uses: actions/checkout@v2
         with:
           submodules: true
-
-      - name: Setup Android NDK
+      - name: Initialize Dawn's abseil-cpp submodule
+        run: |
+          cd externals/dawn
+          git submodule update --init third_party/abseil-cpp
+      - name: Install NDK
+        uses: nttld/setup-ndk@afb4c9964b521afb97c864b7d40b11e6911bd410 # v1.5.0
         id: setup-ndk
-        uses: nttld/setup-ndk@v1
         with:
-          ndk-version: r26d
-
+          ndk-version: r27d
       - name: Set ANDROID_NDK
         run: echo "ANDROID_NDK=$ANDROID_HOME/ndk-bundle" >> $GITHUB_ENV
-
       - name: Setup Ninja
         uses: seanmiddleditch/gha-setup-ninja@master
-
       - uses: actions/setup-node@v3
         with:
           cache: 'yarn'
           cache-dependency-path: yarn.lock
-
       - name: Install Package
         run: yarn install --frozen-lockfile
-
       - name: Build Dawn
         working-directory: packages/webgpu
         env:
           ANDROID_NDK: ${{ steps.setup-ndk.outputs.ndk-path }}
         run: yarn build-dawn
-
       - name: Upload artifacts - Dawn Library Files
         if: github.ref == 'refs/heads/main'
         uses: actions/upload-artifact@v4

.github/workflows/ci.yml

@@ -98,11 +98,10 @@ jobs:
           java-version: '17'
 
       - name: Install NDK
-        if: env.turbo_cache_hit != 1
-        uses: nttld/setup-ndk@v1
+        uses: nttld/setup-ndk@afb4c9964b521afb97c864b7d40b11e6911bd410 # v1.5.0
         id: setup-ndk
         with:
-          ndk-version: r26d
+          ndk-version: r27d
 
       - name: Set ANDROID_NDK
         run: echo "ANDROID_NDK=$ANDROID_HOME/ndk-bundle" >> $GITHUB_ENV
@@ -164,36 +163,36 @@ jobs:
       - name: Build example for iOS
         run: |
           yarn turbo run build:ios --cache-dir="${{ env.TURBO_CACHE_DIR }}"
-
-  build-macos:
-    runs-on: macos-latest
-    env:
-      TURBO_CACHE_DIR: .turbo/macos
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v3
-
-      - name: Setup
-        uses: ./.github/actions/setup
-        with:
-          github_token: ${{ secrets.GITHUB_TOKEN }}
-
-      - name: Cache turborepo for macOS
-        uses: actions/cache@v3
-        with:
-          path: ${{ env.TURBO_CACHE_DIR }}
-          key: ${{ runner.os }}-turborepo-macos-${{ hashFiles('yarn.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-turborepo-macos-
-
-      - name: Check turborepo cache for macOS
-        run: |
-          TURBO_CACHE_STATUS=$(node -p "($(yarn turbo run build:macos --cache-dir="${{ env.TURBO_CACHE_DIR }}" --dry=json)).tasks.find(t => t.task === 'build:macos').cache.status")
-
-          if [[ $TURBO_CACHE_STATUS == "HIT" ]]; then
-            echo "turbo_cache_hit=1" >> $GITHUB_ENV
-          fi
-
-      - name: Build example for macOS
-        run: |
-          yarn turbo run build:macos --cache-dir="${{ env.TURBO_CACHE_DIR }}"
+# We disable it until RNTA support 0.81
+# build-macos:
+#   runs-on: macos-latest
+#   env:
+#     TURBO_CACHE_DIR: .turbo/macos
+#   steps:
+#     - name: Checkout
+#       uses: actions/checkout@v3
+
+#     - name: Setup
+#       uses: ./.github/actions/setup
+#       with:
+#         github_token: ${{ secrets.GITHUB_TOKEN }}
+
+#     - name: Cache turborepo for macOS
+#       uses: actions/cache@v3
+#       with:
+#         path: ${{ env.TURBO_CACHE_DIR }}
+#         key: ${{ runner.os }}-turborepo-macos-${{ hashFiles('yarn.lock') }}
+#         restore-keys: |
+#           ${{ runner.os }}-turborepo-macos-
+
+#     - name: Check turborepo cache for macOS
+#       run: |
+#         TURBO_CACHE_STATUS=$(node -p "($(yarn turbo run build:macos --cache-dir="${{ env.TURBO_CACHE_DIR }}" --dry=json)).tasks.find(t => t.task === 'build:macos').cache.status")
+
+#         if [[ $TURBO_CACHE_STATUS == "HIT" ]]; then
+#           echo "turbo_cache_hit=1" >> $GITHUB_ENV
+#         fi
+
+#     - name: Build example for macOS
+#       run: |
+#         yarn turbo run build:macos --cache-dir="${{ env.TURBO_CACHE_DIR }}"

.gitmodules

@@ -1,4 +1,4 @@
 [submodule "externals/dawn"]
   path = externals/dawn
   url = https://dawn.googlesource.com/dawn
-	branch = chromium/6793
+  branch = chromium/7403

README.md

@@ -15,10 +15,18 @@ Below are some examples from the [example app](/apps/example/).
 
 https://github.com/user-attachments/assets/116a41b2-2cf8-49f1-9f16-a5c83637c198
 
+## Three.js
+
 Starting from `r168`, Three.js runs out of the box with React Native WebGPU.
 You need to have a slight modification of [the metro config](/apps/example/metro.config.js) to resolve Three.js to the WebGPU build.
 We also support [three-fiber](/apps/example/src/ThreeJS/Fiber.tsx).
-For model loading, we also need [the following polyfill](/apps/example/src/App.tsx#29).
+For model loading, we also need the following polyfill:
+
+```tsx
+// The two lines below are needed by three.js
+import "fast-text-encoding";
+window.parent = window;
+```
 
 https://github.com/user-attachments/assets/5b49ef63-0a3c-4679-aeb5-e4b4dddfcc1d
 
@@ -190,7 +198,7 @@ device.queue.copyExternalImageToTexture(
 ### iOS
 
 To run the React Native WebGPU project on the iOS simulator, you need to disable the Metal validation API.  
-In "Edit Scheme," uncheck "Metal Validation."
+In "Edit Scheme," uncheck "Metal Validation". Learn more [here](https://developer.apple.com/documentation/xcode/validating-your-apps-metal-api-usage/).
 
 <img width="1052" alt="Uncheck 'Metal Validation'" src="https://github.com/user-attachments/assets/2676e5cc-e351-4a97-bdc8-22cbd7df2ef2">
 
@@ -212,16 +220,6 @@ cd packages/webgpu
 yarn build-dawn
 ```
 
-You can also filter the platforms to build, for instance to skip the macOS and visionOS build:
-```sh
-yarn build-dawn --exclude=xros,xrsimulator,macosx
-```
-
-Alternatively if you want to build for a specific platform only, you can use `includeOnly`.
-```sh
-yarn build-dawn --includeOnly=xros,xrsimulator
-```
-
 ### Downloading Dawn
 
 There is an alternative way which is to download the prebuilt binaries from GitHub.

apps/example/.eslintrc

@@ -26,16 +26,7 @@ allprojects {
     repositories {
         maven {
             // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
-            url({
-                def searchDir = rootDir.toPath()
-                do {
-                    def p = searchDir.resolve("node_modules/react-native/android")
-                    if (p.toFile().exists()) {
-                        return p.toRealPath().toString()
-                    }
-                } while (searchDir = searchDir.getParent())
-                throw new GradleException("Could not find `react-native`")
-            }())
+            url("${findNodeModulesPath("react-native", rootDir)}/android")
         }
         mavenCentral()
         google()

apps/example/android/build.gradle

@@ -33,7 +33,7 @@ android.jetifier.ignorelist=hermes-android,react-android
 # You can also override it from the CLI using
 # ./gradlew <task> -PreactNativeArchitectures=x86_64
 reactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64
-newArchEnabled=false
+newArchEnabled=true
 hermesEnabled=true
 
 # Use this property to enable support to the new architecture.
@@ -43,7 +43,7 @@ hermesEnabled=true
 # are providing them.
 # Note that this is incompatible with web debugging.
 #newArchEnabled=true
-#bridgelessEnabled=true
+bridgelessEnabled=true
 
 # Uncomment the line below to build React Native from source.
 #react.buildFromSource=true

apps/example/android/gradle.properties

@@ -1,6 +1,6 @@
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-8.8-bin.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.14.3-bin.zip
 networkTimeout=10000
 validateDistributionUrl=true
 zipStoreBase=GRADLE_USER_HOME

apps/example/android/gradle/wrapper/gradle-wrapper.properties

@@ -11,8 +11,7 @@
   ],
   "resources": {
     "android": [
-      "dist/res",
-      "dist/main.android.jsbundle"
+      "dist/res"
     ],
     "ios": [
       "dist/assets",

apps/example/app.json

@@ -0,0 +1,29 @@
+// eslint.config.js
+import wcandillon from "eslint-config-react-native-wcandillon";
+
+export default [
+  {
+    ignores: ["**/*/components/meshes", "**/Pods/**", "node_modules/**", "dist/**", "android/**", "ios/**", "macos/**", "*.config.js"]
+  },
+  ...wcandillon,
+  {
+    files: ["**/*.{js,jsx,ts,tsx}"],
+    languageOptions: {
+      parserOptions: {
+        ecmaVersion: "latest",
+        sourceType: "module"
+      }
+    },
+    rules: {
+      "no-bitwise": "off",
+      "@typescript-eslint/no-require-imports": "off",
+      "import/extensions": "off",
+      "prettier/prettier": [
+        "error",
+        {
+          "trailingComma": "all"
+        }
+      ]
+    }
+  }
+];