react-native-wgpu 0.1.11 → 0.1.13

package/ios/MetalView.mm

@@ -1,40 +0,0 @@
-#import "MetalView.h"
-#import "SurfaceUtils.h"
-#import "webgpu_cpp.h"
-#import <React/RCTViewManager.h>
-
-@implementation MetalView {
-  BOOL _isConfigured;
-}
-
-+ (Class)layerClass {
-  return [CAMetalLayer class];
-}
-
-// Paper only method
-// TODO: this method is wrong, it appears to call configureSurface instead of
-// updateSurface sometimes
-- (void)reactSetFrame:(CGRect)frame {
-  [super reactSetFrame:frame];
-  if (!_isConfigured) {
-    [SurfaceUtils configureSurface:self.layer
-                              size:self.frame.size
-                         contextId:[_contextId intValue]];
-    _isConfigured = YES;
-  } else {
-    [SurfaceUtils updateSurface:[_contextId intValue] size:self.frame.size];
-  }
-}
-
-- (void)willMoveToSuperview:(UIView *)newSuperview {
-  [super willMoveToSuperview:newSuperview];
-
-  if (newSuperview == nil) {
-    // The view is being removed from its superview
-    // Add your cleanup code here
-    [SurfaceUtils cleanupSurface:[_contextId intValue]];
-    _isConfigured = NO;
-  }
-}
-
-@end

package/ios/SurfaceUtils.h

@@ -1,15 +0,0 @@
-#pragma once
-
-#import <UIKit/UIKit.h>
-
-@interface SurfaceUtils : NSObject
-
-+ (void)configureSurface:(CALayer *)layer
-                    size:(CGSize)size
-               contextId:(int)contextId;
-
-+ (void)updateSurface:(int)contextId size:(CGSize)size;
-
-+ (void)cleanupSurface:(int)contextId;
-
-@end

package/ios/SurfaceUtils.mm

@@ -1,34 +0,0 @@
-#import "SurfaceUtils.h"
-#import "MetalView.h"
-#import "WebGPUModule.h"
-#import "WebGPUView.h"
-
-@implementation SurfaceUtils
-
-+ (void)configureSurface:(CALayer *)layer
-                    size:(CGSize)size
-               contextId:(int)contextId {
-  std::shared_ptr<rnwgpu::RNWebGPUManager> manager = [WebGPUModule getManager];
-  void *nativeSurface = (__bridge void *)layer;
-  auto &registry = rnwgpu::SurfaceRegistry::getInstance();
-  auto gpu = manager->_gpu;
-  auto surface = manager->_platformContext->makeSurface(
-      gpu, nativeSurface, size.width, size.height);
-  registry.getSurfaceInfoOrCreate(contextId, gpu, size.width, size.height)
-      ->switchToOnscreen(nativeSurface, surface);
-}
-
-+ (void)updateSurface:(int)contextId size:(CGSize)size {
-  // std::shared_ptr<rnwgpu::RNWebGPUManager> manager = [WebGPUModule
-  // getManager];
-  auto &registry = rnwgpu::SurfaceRegistry::getInstance();
-  registry.getSurfaceInfo(contextId)->resize(size.width, size.height);
-}
-
-+ (void)cleanupSurface:(int)contextId {
-  auto &registry = rnwgpu::SurfaceRegistry::getInstance();
-  // Remove the surface info from the registry
-  registry.removeSurfaceInfo(contextId);
-}
-
-@end

package/ios/WebGPUView.mm

@@ -1,86 +0,0 @@
-#ifdef RCT_NEW_ARCH_ENABLED
-#import "WebGPUView.h"
-
-#import <react/renderer/components/RNWgpuViewSpec/EventEmitters.h>
-#import <react/renderer/components/RNWgpuViewSpec/Props.h>
-#import <react/renderer/components/RNWgpuViewSpec/RCTComponentViewHelpers.h>
-
-#import "MetalView.h"
-#import "RCTFabricComponentsPlugins.h"
-#import "Utils.h"
-#import "WebGPUModule.h"
-#import "WebGPUViewComponentDescriptor.h"
-
-using namespace facebook::react;
-
-@interface WebGPUView () <RCTWebGPUViewViewProtocol>
-
-@end
-
-@implementation WebGPUView {
-  NSNumber *_contextId;
-}
-
-static NSMutableDictionary<NSNumber *, MetalView *> *metalViewRegistry =
-    [NSMutableDictionary new];
-
-+ (ComponentDescriptorProvider)componentDescriptorProvider {
-  return concreteComponentDescriptorProvider<WebGPUViewComponentDescriptor>();
-}
-
-+ (void)registerMetalView:(MetalView *)metalView
-            withContextId:(NSNumber *)contextId {
-  metalViewRegistry[contextId] = metalView;
-}
-
-+ (bool)isContextRegisterd:(NSNumber *)contextId {
-  return metalViewRegistry[contextId] != nil;
-}
-
-- (instancetype)initWithFrame:(CGRect)frame {
-  if (self = [super initWithFrame:frame]) {
-    static const auto defaultProps = std::make_shared<const WebGPUViewProps>();
-    _props = defaultProps;
-  }
-
-  return self;
-}
-
-- (void)prepareForRecycle {
-  [super prepareForRecycle];
-  self.contentView = nil;
-  if ([metalViewRegistry objectForKey:_contextId] != nil) {
-    [metalViewRegistry removeObjectForKey:_contextId];
-  }
-}
-
-- (void)updateProps:(const facebook::react::Props::Shared &)props
-           oldProps:(const facebook::react::Props::Shared &)oldProps {
-  const auto &oldViewProps =
-      *std::static_pointer_cast<const WebGPUViewProps>(_props);
-  const auto &newViewProps =
-      *std::static_pointer_cast<const WebGPUViewProps>(props);
-
-  if (newViewProps.contextId != oldViewProps.contextId) {
-    _contextId = [[NSNumber alloc] initWithInt:newViewProps.contextId];
-  }
-
-  [super updateProps:props oldProps:oldProps];
-}
-
-- (void)updateLayoutMetrics:
-            (const facebook::react::LayoutMetrics &)layoutMetrics
-           oldLayoutMetrics:
-               (const facebook::react::LayoutMetrics &)oldLayoutMetrics {
-  [super updateLayoutMetrics:layoutMetrics oldLayoutMetrics:oldLayoutMetrics];
-  if (!self.contentView) {
-    const auto &props =
-        *std::static_pointer_cast<WebGPUViewProps const>(_props);
-    self.contentView = metalViewRegistry[@(props.contextId)];
-  }
-}
-
-Class<RCTComponentViewProtocol> WebGPUViewCls(void) { return WebGPUView.class; }
-
-@end
-#endif

package/ios/WebGPUViewComponentDescriptor.h

@@ -1,61 +0,0 @@
-#ifdef RCT_NEW_ARCH_ENABLED
-
-#pragma once
-
-#include <react/debug/react_native_assert.h>
-#include <react/renderer/components/RNWgpuViewSpec/ShadowNodes.h>
-#include <react/renderer/components/view/ConcreteViewShadowNode.h>
-#include <react/renderer/core/ConcreteComponentDescriptor.h>
-#include <react/renderer/core/LayoutContext.h>
-
-#import "MetalView.h"
-#import "SurfaceUtils.h"
-#import "WebGPUView.h"
-
-namespace facebook {
-namespace react {
-
-class WebGPUViewCustomShadowNode final : public WebGPUViewShadowNode {
-
-public:
-  using ConcreteViewShadowNode::ConcreteViewShadowNode;
-
-  void layout(LayoutContext layoutContext) override {
-    YogaLayoutableShadowNode::layout(layoutContext);
-    configureSurface();
-  }
-
-  void configureSurface() {
-    const auto &viewProps =
-        *std::static_pointer_cast<WebGPUViewProps const>(props_);
-    if ([WebGPUView isContextRegisterd:@(viewProps.contextId)]) {
-      return;
-    }
-    __block MetalView *metalView;
-    __block CALayer *layer;
-    dispatch_sync(dispatch_get_main_queue(), ^{
-      metalView = [[MetalView alloc] init];
-      layer = metalView.layer;
-    });
-    [WebGPUView registerMetalView:metalView
-                    withContextId:@(viewProps.contextId)];
-
-    // TODO: use physical size
-    float width = layoutMetrics_.frame.size.width;
-    float height = layoutMetrics_.frame.size.height;
-    [SurfaceUtils configureSurface:layer
-                              size:CGSizeMake(width, height)
-                         contextId:viewProps.contextId];
-  }
-};
-
-class WebGPUViewComponentDescriptor final
-    : public ConcreteComponentDescriptor<WebGPUViewCustomShadowNode> {
-public:
-  using ConcreteComponentDescriptor::ConcreteComponentDescriptor;
-};
-
-} // namespace react
-} // namespace facebook
-
-#endif // RCT_NEW_ARCH_ENABLED

package/src/hooks.ts

@@ -1,53 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-
-import type { RNCanvasContext, CanvasRef, NativeCanvas } from "./Canvas";
-
-type Unsubscribe = () => void;
-
-export const useSurface = () => {
-  const [surface, setSurface] = useState<NativeCanvas | null>(null);
-  const ref = useCanvasEffect(() => {
-    const sur = ref.current!.getNativeSurface();
-    setSurface(sur);
-  });
-  return { ref, surface };
-};
-
-export const useGPUContext = () => {
-  const [context, setContext] = useState<RNCanvasContext | null>(null);
-  const ref = useCanvasEffect(() => {
-    const ctx = ref.current!.getContext("webgpu")!;
-    setContext(ctx);
-  });
-  return { ref, context };
-};
-
-export const useCanvasEffect = (
-  effect: () =>
-    | void
-    | Unsubscribe
-    | Promise<Unsubscribe | void>
-    | Promise<void>,
-) => {
-  const unsub = useRef<Unsubscribe | null | Promise<Unsubscribe | void>>(null);
-  const ref = useRef<CanvasRef>(null);
-  useEffect(() => {
-    ref.current!.whenReady(async () => {
-      const sub = effect();
-      if (sub) {
-        unsub.current = sub;
-      }
-    });
-    return () => {
-      if (unsub.current) {
-        if (unsub.current instanceof Promise) {
-          unsub.current.then((sub) => sub && sub());
-        } else {
-          unsub.current();
-        }
-      }
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  return ref;
-};