react-native-wgpu 0.1.0

package/lib/typescript/jest.config.d.ts

@@ -0,0 +1,5 @@
+export let preset: string;
+export let modulePathIgnorePatterns: string[];
+export let globalSetup: string;
+export let globalTeardown: string;
+//# sourceMappingURL=jest.config.d.ts.map

package/lib/typescript/jest.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jest.config.d.ts","sourceRoot":"","sources":["../../jest.config.js"],"names":[],"mappings":""}

package/lib/typescript/lib/commonjs/WebGPUNativeModule.d.ts

@@ -0,0 +1,5 @@
+export const __esModule: boolean;
+declare const _default: _reactNative.TurboModule;
+export default _default;
+import _reactNative = require("react-native");
+//# sourceMappingURL=WebGPUNativeModule.d.ts.map

package/lib/typescript/lib/commonjs/WebGPUNativeModule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebGPUNativeModule.d.ts","sourceRoot":"","sources":["../../../commonjs/WebGPUNativeModule.js"],"names":[],"mappings":""}

package/lib/typescript/lib/commonjs/WebGPUViewNativeComponent.d.ts

@@ -0,0 +1,4 @@
+export const __esModule: boolean;
+declare const _default: any;
+export default _default;
+//# sourceMappingURL=WebGPUViewNativeComponent.d.ts.map

package/lib/typescript/lib/commonjs/WebGPUViewNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebGPUViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../commonjs/WebGPUViewNativeComponent.js"],"names":[],"mappings":""}

package/lib/typescript/lib/commonjs/index.d.ts

@@ -0,0 +1,5 @@
+export const __esModule: boolean;
+export const WebGPUModule: any;
+export const WebGPUView: any;
+export const gpu: GPU;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/lib/commonjs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../commonjs/index.js"],"names":[],"mappings":""}

package/lib/typescript/lib/module/WebGPUNativeModule.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("react-native").TurboModule;
+export default _default;
+//# sourceMappingURL=WebGPUNativeModule.d.ts.map

package/lib/typescript/lib/module/WebGPUNativeModule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebGPUNativeModule.d.ts","sourceRoot":"","sources":["../../../module/WebGPUNativeModule.js"],"names":[],"mappings":""}

package/lib/typescript/lib/module/WebGPUViewNativeComponent.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react-native/types/modules/Codegen" />
+declare const _default: import("react-native/Libraries/Utilities/codegenNativeComponent").NativeComponentType<object>;
+export default _default;
+//# sourceMappingURL=WebGPUViewNativeComponent.d.ts.map

package/lib/typescript/lib/module/WebGPUViewNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebGPUViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../module/WebGPUViewNativeComponent.js"],"names":[],"mappings":""}

package/lib/typescript/lib/module/index.d.ts

@@ -0,0 +1,5 @@
+export { default as WebGPUView } from "./WebGPUViewNativeComponent";
+export * from "./WebGPUViewNativeComponent";
+export { default as WebGPUModule } from "./WebGPUNativeModule";
+export const gpu: GPU;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/lib/module/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../module/index.js"],"names":[],"mappings":""}

package/lib/typescript/scripts/build/copy-artifacts.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=copy-artifacts.d.ts.map

package/lib/typescript/scripts/build/copy-artifacts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-artifacts.d.ts","sourceRoot":"","sources":["../../../../scripts/build/copy-artifacts.ts"],"names":[],"mappings":""}

package/lib/typescript/scripts/build/dawn.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=dawn.d.ts.map

package/lib/typescript/scripts/build/dawn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dawn.d.ts","sourceRoot":"","sources":["../../../../scripts/build/dawn.ts"],"names":[],"mappings":""}

package/lib/typescript/scripts/build/util.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="node" />
+export declare const libs: readonly ["libwebgpu_dawn"];
+export declare const platforms: readonly ["arm64", "x86_64", "x86", "armeabi-v7a", "arm64-v8a"];
+export type OS = "ios" | "android";
+export type Platform = (typeof platforms)[number];
+export declare const runAsync: (command: string, label: string) => Promise<void>;
+export declare const mapKeys: <T extends object>(obj: T) => (keyof T)[];
+export declare const checkFileExists: (filePath: string) => void;
+export declare const $: (command: string) => Buffer;
+export declare const build: (label: string, args: Record<string, string>, debugLabel: string) => Promise<void>;
+export declare const copyLib: (os: OS, platform: Platform, sdk?: string) => void;
+export declare const checkBuildArtifacts: () => void;
+//# sourceMappingURL=util.d.ts.map

package/lib/typescript/scripts/build/util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../scripts/build/util.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,IAAI,6BAA8B,CAAC;AAEhD,eAAO,MAAM,SAAS,iEAMZ,CAAC;AAEX,MAAM,MAAM,EAAE,GAAG,KAAK,GAAG,SAAS,CAAC;AACnC,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;AAElD,eAAO,MAAM,QAAQ,YAAa,MAAM,SAAS,MAAM,KAAG,QAAQ,IAAI,CA4BrE,CAAC;AAEF,eAAO,MAAM,OAAO,0BAA2B,CAAC,gBACf,CAAC;AAElC,eAAO,MAAM,eAAe,aAAc,MAAM,SAW/C,CAAC;AAEF,eAAO,MAAM,CAAC,YAAa,MAAM,WAMhC,CAAC;AAQF,eAAO,MAAM,KAAK,UACT,MAAM,QACP,OAAO,MAAM,EAAE,MAAM,CAAC,cAChB,MAAM,kBAQnB,CAAC;AAEF,eAAO,MAAM,OAAO,OAAQ,EAAE,YAAY,QAAQ,QAAQ,MAAM,SAY/D,CAAC;AAEF,eAAO,MAAM,mBAAmB,YAc/B,CAAC"}

package/lib/typescript/scripts/codegen/codegen.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=codegen.d.ts.map

package/lib/typescript/scripts/codegen/codegen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"codegen.d.ts","sourceRoot":"","sources":["../../../../scripts/codegen/codegen.ts"],"names":[],"mappings":""}

package/lib/typescript/scripts/codegen/model/dawn.d.ts

@@ -0,0 +1,2 @@
+export declare const dawn: any;
+//# sourceMappingURL=dawn.d.ts.map

package/lib/typescript/scripts/codegen/model/dawn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dawn.d.ts","sourceRoot":"","sources":["../../../../../scripts/codegen/model/dawn.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,KAAW,CAAC"}

package/lib/typescript/scripts/codegen/model/model.d.ts

@@ -0,0 +1,8 @@
+import type { MethodSignature } from "ts-morph";
+export declare const resolveMethod: (methodSignature: MethodSignature) => {
+    dependencies: string[];
+    name: string;
+    args: any;
+    returns: string | number | symbol;
+};
+//# sourceMappingURL=model.d.ts.map

package/lib/typescript/scripts/codegen/model/model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../../../scripts/codegen/model/model.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAwB,eAAe,EAAE,MAAM,UAAU,CAAC;AAmHtE,eAAO,MAAM,aAAa,oBAAqB,eAAe;;;;;CA0D7D,CAAC"}

package/lib/typescript/scripts/codegen/templates/Descriptor.d.ts

@@ -0,0 +1,4 @@
+import type { InterfaceDeclaration } from "ts-morph";
+import type { Union } from "./Unions";
+export declare const getDescriptor: (decl: InterfaceDeclaration, unions: Union[]) => string;
+//# sourceMappingURL=Descriptor.d.ts.map

package/lib/typescript/scripts/codegen/templates/Descriptor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Descriptor.d.ts","sourceRoot":"","sources":["../../../../../scripts/codegen/templates/Descriptor.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAqB,MAAM,UAAU,CAAC;AAExE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAuFtC,eAAO,MAAM,aAAa,SAAU,oBAAoB,UAAU,KAAK,EAAE,WA4ExE,CAAC"}

package/lib/typescript/scripts/codegen/templates/Enum.d.ts

@@ -0,0 +1,3 @@
+import type { VariableDeclaration } from "ts-morph";
+export declare const getEnum: (decl: VariableDeclaration) => string;
+//# sourceMappingURL=Enum.d.ts.map

package/lib/typescript/scripts/codegen/templates/Enum.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Enum.d.ts","sourceRoot":"","sources":["../../../../../scripts/codegen/templates/Enum.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAqB,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAYvE,eAAO,MAAM,OAAO,SAAU,mBAAmB,WAuChD,CAAC"}

package/lib/typescript/scripts/codegen/templates/HybridObject.d.ts

@@ -0,0 +1,3 @@
+import type { InterfaceDeclaration } from "ts-morph";
+export declare const getHybridObject: (decl: InterfaceDeclaration) => string;
+//# sourceMappingURL=HybridObject.d.ts.map

package/lib/typescript/scripts/codegen/templates/HybridObject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HybridObject.d.ts","sourceRoot":"","sources":["../../../../../scripts/codegen/templates/HybridObject.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AA2BrD,eAAO,MAAM,eAAe,SAAU,oBAAoB,WAiFzD,CAAC"}

package/lib/typescript/scripts/codegen/templates/Unions.d.ts

@@ -0,0 +1,6 @@
+export interface Union {
+    name: string;
+    values: string[];
+}
+export declare const Unions: (unions: Union[]) => string;
+//# sourceMappingURL=Unions.d.ts.map

package/lib/typescript/scripts/codegen/templates/Unions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Unions.d.ts","sourceRoot":"","sources":["../../../../../scripts/codegen/templates/Unions.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB;AAED,eAAO,MAAM,MAAM,WAAY,KAAK,EAAE,WAuBrC,CAAC"}

package/lib/typescript/scripts/codegen/templates/common.d.ts

@@ -0,0 +1,9 @@
+import type { PropertySignature, InterfaceDeclaration } from "ts-morph";
+export declare const mergeParentInterfaces: (interfaceDecl: InterfaceDeclaration) => InterfaceDeclaration;
+export declare const getJSIProp: (method: PropertySignature) => {
+    name: string;
+    type: string;
+    dependencies: string[];
+};
+export declare const wrapType: (type: string, optional?: boolean) => string;
+//# sourceMappingURL=common.d.ts.map

package/lib/typescript/scripts/codegen/templates/common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../../scripts/codegen/templates/common.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAQ,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAG9E,eAAO,MAAM,qBAAqB,kBAAmB,oBAAoB,yBAkCxE,CAAC;AAEF,eAAO,MAAM,UAAU,WAAY,iBAAiB;;;;CAInD,CAAC;AAuCF,eAAO,MAAM,QAAQ,SAAU,MAAM,+BAMpC,CAAC"}

package/lib/typescript/scripts/codegen/util.d.ts

@@ -0,0 +1,2 @@
+export declare const writeFile: (name: string, content: string, descriptors?: boolean) => void;
+//# sourceMappingURL=util.d.ts.map

package/lib/typescript/scripts/codegen/util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../scripts/codegen/util.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,SAAS,SACd,MAAM,WACH,MAAM,gCAYhB,CAAC"}

package/lib/typescript/src/WebGPUNativeModule.d.ts

@@ -0,0 +1,7 @@
+import type { TurboModule } from "react-native/Libraries/TurboModule/RCTExport";
+export interface Spec extends TurboModule {
+    install: () => boolean;
+}
+declare const _default: Spec;
+export default _default;
+//# sourceMappingURL=WebGPUNativeModule.d.ts.map

package/lib/typescript/src/WebGPUNativeModule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebGPUNativeModule.d.ts","sourceRoot":"","sources":["../../../src/WebGPUNativeModule.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8CAA8C,CAAC;AAGhF,MAAM,WAAW,IAAK,SAAQ,WAAW;IACvC,OAAO,EAAE,MAAM,OAAO,CAAC;CACxB;;AAGD,wBAAsE"}

package/lib/typescript/src/WebGPUViewNativeComponent.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react-native/types/modules/Codegen" />
+import type { ViewProps } from "react-native";
+interface NativeProps extends ViewProps {
+    color?: string;
+}
+declare const _default: import("react-native/Libraries/Utilities/codegenNativeComponent").NativeComponentType<NativeProps>;
+export default _default;
+//# sourceMappingURL=WebGPUViewNativeComponent.d.ts.map

package/lib/typescript/src/WebGPUViewNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebGPUViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/WebGPUViewNativeComponent.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,UAAU,WAAY,SAAQ,SAAS;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;;AAGD,wBAAiE"}

package/lib/typescript/src/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="@webgpu/types" />
+export { default as WebGPUView } from "./WebGPUViewNativeComponent";
+export * from "./WebGPUViewNativeComponent";
+export { default as WebGPUModule } from "./WebGPUNativeModule";
+declare global {
+    var gpu: GPU;
+}
+export declare const gpu: GPU;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACpE,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE/D,OAAO,CAAC,MAAM,CAAC;IAEb,IAAI,GAAG,EAAE,GAAG,CAAC;CACd;AAGD,eAAO,MAAQ,GAAG,KAAW,CAAC"}

package/package.json

@@ -0,0 +1,120 @@
+{
+  "name": "react-native-wgpu",
+  "version": "0.1.0",
+  "description": "React Native WebGPU",
+  "main": "lib/commonjs/index",
+  "module": "lib/module/index",
+  "types": "lib/typescript/src/index.d.ts",
+  "react-native": "src/index",
+  "source": "src/index",
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "example": "yarn workspace react-native-webgpu-example",
+    "test": "jest",
+    "tsc": "tsc --noEmit",
+    "lint": "eslint \"**/*.{ts,tsx}\"",
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
+    "build-dawn": "ts-node scripts/build/dawn.ts",
+    "clean-dawn": "rimraf ./libs && rimraf ../externals/dawn/out",
+    "clang-format": "yarn clang-format-ios && yarn clang-format-android && yarn clang-format-common",
+    "clang-format-ios": "find ios/ -iname \"*.h\" -o -iname \"*.mm\" -o -iname \"*.cpp\" | xargs clang-format -i",
+    "clang-format-android": "find android/cpp/ -iname \"*.h\" -o -iname \"*.m\" -o -iname \"*.cpp\" | xargs clang-format -i",
+    "clang-format-common": "find cpp/rnwgpu -iname \"*.h\" -o -iname \"*.m\" -o -iname \"*.cpp\" | xargs clang-format -i",
+    "cpplint": "cpplint --linelength=230 --filter=-legal/copyright,-whitespace/indent,-whitespace/comments,-whitespace/ending_newline,-build/include_order,-runtime/references,-readability/todo,-whitespace/blank_line,-whitespace/todo,-runtime/int,-build/c++11,-whitespace/parens --exclude=example --exclude=android/.cxx --exclude=cpp/webgpu --exclude=cpp/dawn --exclude=ios --exclude=android/build --exclude=node_modules --recursive .",
+    "copy-artifacts": "ts-node scripts/build/copy-artifacts.ts",
+    "codegen": "ts-node scripts/codegen/codegen.ts && yarn clang-format"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/wcandillon/react-native-wgpu.git"
+  },
+  "author": "William Candillon <wcandillon@gmail.com> (https://github.com/wcandillon)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/wcandillon/react-native-wgpu/issues"
+  },
+  "homepage": "https://github.com/wcandillon/react-native-wgpu#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@react-native/eslint-config": "^0.74.84",
+    "@types/jest": "^29.5.12",
+    "@types/lodash": "^4.17.5",
+    "@types/node": "^20.14.7",
+    "@types/react": "^18.2.44",
+    "@types/ws": "^8.5.10",
+    "@typescript-eslint/eslint-plugin": "^7.13.1",
+    "@webgpu/types": "^0.1.42",
+    "clang-format": "^1.8.0",
+    "del-cli": "^5.1.0",
+    "eslint": "8",
+    "eslint-config-react-native-wcandillon": "^3.10.2",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-prettier": "^5.1.3",
+    "jest": "^29.7.0",
+    "lodash": "^4.17.21",
+    "prettier": "^3.0.3",
+    "react": "18.2.0",
+    "react-native": "0.74.2",
+    "react-native-builder-bob": "^0.23.2",
+    "rimraf": "^5.0.7",
+    "ts-morph": "^22.0.0",
+    "ts-node": "^10.9.2",
+    "turbo": "^1.10.7",
+    "typescript": "^5.2.2",
+    "ws": "^8.18.0"
+  },
+  "resolutions": {
+    "@types/react": "^18.2.44"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@3.6.1",
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "codegenConfig": {
+    "name": "RNWgpuViewSpec",
+    "type": "components",
+    "jsSrcsDir": "src"
+  }
+}

package/react-native-webgpu.podspec

@@ -0,0 +1,56 @@
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "package.json")))
+folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -Wno-comma -Wno-shorten-64-to-32'
+
+Pod::Spec.new do |s|
+  s.name         = "react-native-webgpu"
+  s.version      = package["version"]
+  s.summary      = package["description"]
+  s.homepage     = package["homepage"]
+  s.license      = package["license"]
+  s.authors      = package["author"]
+
+  s.platforms    = { :ios => min_ios_version_supported }
+  s.source       = { :git => "https://github.com/wcandillon/react-native-webgpu.git", :tag => "#{s.version}" }
+
+  s.source_files = [
+    "ios/**/*.{h,c,cc,cpp,m,mm,swift}",  
+    "cpp/**/*.{h,cpp}"
+  ]
+
+  s.pod_target_xcconfig = {
+    "HEADER_SEARCH_PATHS" => "$(PODS_TARGET_SRCROOT)/cpp"
+  }
+  s.ios.vendored_frameworks = [
+    'libs/ios/libwebgpu_dawn.xcframework', 
+    'libs/ios/libdawn_common.xcframework', 
+    'libs/ios/libdawn_native.xcframework',
+    'libs/ios/libdawn_proc.xcframework'
+  ]
+  s.vendored_frameworks = "$(PODS_TARGET_SRCROOT)/libs/ios/libwebgpu_dawn.xcframework"
+
+  # Use install_modules_dependencies helper to install the dependencies if React Native version >=0.71.0.
+  # See https://github.com/facebook/react-native/blob/febf6b7f33fdb4904669f99d795eba4c0f95d7bf/scripts/cocoapods/new_architecture.rb#L79.
+  if respond_to?(:install_modules_dependencies, true)
+    install_modules_dependencies(s)
+  else
+    s.dependency "React-Core"
+
+    # Don't install the dependencies when we run `pod install` in the old architecture.
+    if ENV['RCT_NEW_ARCH_ENABLED'] == '1' then
+      s.compiler_flags = folly_compiler_flags + " -DRCT_NEW_ARCH_ENABLED=1"
+      s.pod_target_xcconfig    = {
+          "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost\"",
+          "OTHER_CPLUSPLUSFLAGS" => "-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1",
+          "CLANG_CXX_LANGUAGE_STANDARD" => "c++17"
+      }
+      s.dependency "React-RCTFabric"
+      s.dependency "React-Codegen"
+      s.dependency "RCT-Folly"
+      s.dependency "RCTRequired"
+      s.dependency "RCTTypeSafety"
+      s.dependency "ReactCommon/turbomodule/core"
+    end
+  end
+end

package/src/WebGPUNativeModule.ts

@@ -0,0 +1,9 @@
+import type { TurboModule } from "react-native/Libraries/TurboModule/RCTExport";
+import { TurboModuleRegistry } from "react-native";
+
+export interface Spec extends TurboModule {
+  install: () => boolean;
+}
+
+// eslint-disable-next-line import/no-default-export
+export default TurboModuleRegistry.getEnforcing<Spec>("WebGPUModule");

package/src/WebGPUViewNativeComponent.ts

@@ -0,0 +1,9 @@
+import codegenNativeComponent from "react-native/Libraries/Utilities/codegenNativeComponent";
+import type { ViewProps } from "react-native";
+
+interface NativeProps extends ViewProps {
+  color?: string;
+}
+
+// eslint-disable-next-line import/no-default-export
+export default codegenNativeComponent<NativeProps>("WebGPUView");

package/src/index.tsx

@@ -0,0 +1,13 @@
+import WebGPUNativeModule from "./WebGPUNativeModule";
+
+export { default as WebGPUView } from "./WebGPUViewNativeComponent";
+export * from "./WebGPUViewNativeComponent";
+export { default as WebGPUModule } from "./WebGPUNativeModule";
+
+declare global {
+  // eslint-disable-next-line no-var
+  var gpu: GPU;
+}
+
+WebGPUNativeModule.install();
+export const { gpu } = global;