react-native-blur-vibe 0.1.8 → 0.1.10

package/android/src/main/java/com/blurvibe/BlurVibeViewManager.kt

@@ -2,29 +2,47 @@ package com.blurvibe
 
 import android.os.Build
 import android.view.ViewGroup
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.module.annotations.ReactModule
+import com.facebook.react.uimanager.SimpleViewManager
 import com.facebook.react.uimanager.ThemedReactContext
-import com.facebook.react.uimanager.ViewGroupManager
+import com.facebook.react.uimanager.ViewManagerDelegate
 import com.facebook.react.uimanager.annotations.ReactProp
+import com.facebook.react.viewmanagers.BlurVibeViewManagerDelegate
+import com.facebook.react.viewmanagers.BlurVibeViewManagerInterface
 
 /**
  * BlurVibeViewManager
  *
- * Extends ViewGroupManager<ViewGroup> so that both BlurVibeView (which extends
- * BlurViewGroup, not ReactViewGroup) and BlurVibeViewApi31 (which extends
- * ReactViewGroup) satisfy the type bound.
+ * Supports BOTH Old Architecture (Paper) and New Architecture (Fabric):
  *
- * @ReactProp handlers receive ViewGroup and smart-cast via `when`.
+ * Old Arch: React Native calls @ReactProp methods directly via reflection.
+ * New Arch: React Native calls the generated BlurVibeViewManagerDelegate,
+ *           which forwards to our BlurVibeViewManagerInterface implementation.
  *
- * Naming rules to avoid supertype collisions on the VIEW classes:
- *   Manager method       → View method called
- *   setBlurBorderRadius  → applyBorderRadius   (ReactViewGroup has setBorderRadius)
- *   setBlurRadiusProp    → setBlurRadius        (unique name on BlurVibeView)
- *   setOverlayColorProp  → setOverlayColor      (unique — not in ReactViewGroup)
- *   setBlurTypeProp      → no-op
+ * The dual-arch pattern (SimpleViewManager + ViewManagerDelegate + Interface)
+ * is the official React Native recommended approach for library interop.
+ * Reference: https://reactnative.dev/docs/the-new-architecture/backward-compatibility-with-libraries
+ *
+ * Type param is ViewGroup — lowest common supertype of:
+ *   BlurVibeViewApi31 (extends ReactViewGroup extends ViewGroup)
+ *   BlurVibeView      (extends ReactViewGroup extends ViewGroup)
+ *
+ * Naming rules (prevent supertype method hiding):
+ *   setBlurBorderRadius → not setBorderRadius (BaseViewManager has it)
+ *   setBlurRadiusProp   → not setBlurRadius   (safety)
+ *   setBlurTypeProp     → not setBlurType      (safety)
+ *   setOverlayColorProp → not setOverlayColor  (safety)
  */
-class BlurVibeViewManager : ViewGroupManager<ViewGroup>() {
+@ReactModule(name = BlurVibeViewManager.NAME)
+class BlurVibeViewManager : SimpleViewManager<ViewGroup>(),
+  BlurVibeViewManagerInterface<ViewGroup> {
+
+  private val delegate = BlurVibeViewManagerDelegate(this)
 
-  override fun getName() = "BlurVibeView"
+  override fun getDelegate(): ViewManagerDelegate<ViewGroup> = delegate
+
+  override fun getName(): String = NAME
 
   override fun createViewInstance(context: ThemedReactContext): ViewGroup =
     if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) BlurVibeViewApi31(context)
@@ -33,7 +51,7 @@ class BlurVibeViewManager : ViewGroupManager<ViewGroup>() {
   // ── Core props ─────────────────────────────────────────────────────────────
 
   @ReactProp(name = "blurAmount", defaultFloat = 10f)
-  fun setBlurAmount(view: ViewGroup, amount: Float) {
+  override fun setBlurAmount(view: ViewGroup, amount: Float) {
     when (view) {
       is BlurVibeViewApi31 -> view.setBlurAmount(amount)
       is BlurVibeView      -> view.setBlurAmount(amount)
@@ -41,8 +59,8 @@ class BlurVibeViewManager : ViewGroupManager<ViewGroup>() {
   }
 
   @ReactProp(name = "blurType")
-  fun setBlurTypeProp(view: ViewGroup, @Suppress("UNUSED_PARAMETER") type: String?) {
-    // iOS UIBlurEffectStyle only — no-op on Android
+  fun setBlurTypeProp(view: ViewGroup, type: String?) {
+    // iOS UIBlurEffectStyle — no-op on Android
   }
 
   @ReactProp(name = "overlayColor")
@@ -54,7 +72,7 @@ class BlurVibeViewManager : ViewGroupManager<ViewGroup>() {
   }
 
   @ReactProp(name = "reducedTransparencyFallbackColor")
-  fun setReducedTransparencyFallbackColor(view: ViewGroup, color: String?) {
+  override fun setReducedTransparencyFallbackColor(view: ViewGroup, color: String?) {
     when (view) {
       is BlurVibeViewApi31 -> view.setReducedTransparencyFallbackColor(color)
       is BlurVibeView      -> view.setReducedTransparencyFallbackColor(color)
@@ -63,42 +81,73 @@ class BlurVibeViewManager : ViewGroupManager<ViewGroup>() {
 
   @ReactProp(name = "blurRadius", defaultInt = 4)
   fun setBlurRadiusProp(view: ViewGroup, radius: Int) {
-    // API < 31 only — QmBlurView downsample factor
-    // API 31+ uses full-res RenderNode, downsample irrelevant
     if (view is BlurVibeView) view.setBlurRadius(radius)
   }
 
+  @ReactProp(name = "enabled", defaultBoolean = true)
+  override fun setEnabled(view: ViewGroup, enabled: Boolean) {
+    when (view) {
+      is BlurVibeViewApi31 -> view.applyBlurEnabled(enabled)
+      is BlurVibeView      -> view.applyBlurEnabled(enabled)
+    }
+  }
+
+  @ReactProp(name = "autoUpdate", defaultBoolean = true)
+  override fun setAutoUpdate(view: ViewGroup, autoUpdate: Boolean) {
+    when (view) {
+      is BlurVibeViewApi31 -> view.setAutoUpdate(autoUpdate)
+      is BlurVibeView      -> view.setAutoUpdate(autoUpdate)
+    }
+  }
+
   @ReactProp(name = "borderRadius", defaultFloat = 0f)
   fun setBlurBorderRadius(view: ViewGroup, radius: Float) {
     when (view) {
-      is BlurVibeViewApi31 -> view.applyBorderRadius(radius)   // renamed — avoids ReactViewGroup.setBorderRadius
-      is BlurVibeView      -> view.setBorderRadius(radius)
+      is BlurVibeViewApi31 -> view.applyBorderRadius(radius)
+      is BlurVibeView      -> view.applyBorderRadius(radius)
     }
   }
 
-  // ── Progressive blur props (API 31+ only) ──────────────────────────────────
+  // ── Progressive blur (API 31+ only) ───────────────────────────────────────
 
   @ReactProp(name = "progressiveBlurDirection")
-  fun setProgressiveBlurDirection(view: ViewGroup, direction: String?) {
+  override fun setProgressiveBlurDirection(view: ViewGroup, direction: String?) {
     if (view is BlurVibeViewApi31) view.setProgressiveBlurDirection(direction)
   }
 
   @ReactProp(name = "progressiveStartIntensity", defaultFloat = 1f)
-  fun setProgressiveStartIntensity(view: ViewGroup, intensity: Float) {
+  override fun setProgressiveStartIntensity(view: ViewGroup, intensity: Float) {
     if (view is BlurVibeViewApi31) view.setProgressiveStartIntensity(intensity)
   }
 
   @ReactProp(name = "progressiveEndIntensity", defaultFloat = 0f)
-  fun setProgressiveEndIntensity(view: ViewGroup, intensity: Float) {
+  override fun setProgressiveEndIntensity(view: ViewGroup, intensity: Float) {
     if (view is BlurVibeViewApi31) view.setProgressiveEndIntensity(intensity)
   }
 
-  // ── Noise prop (API 31+ only) ──────────────────────────────────────────────
+  // ── Noise (API 31+ only) ──────────────────────────────────────────────────
 
   @ReactProp(name = "noiseFactor", defaultFloat = 0.08f)
-  fun setNoiseFactorProp(view: ViewGroup, factor: Float) {
+  override fun setNoiseFactor(view: ViewGroup, factor: Float) {
     if (view is BlurVibeViewApi31) view.setNoiseFactor(factor)
   }
 
-  override fun needsCustomLayoutForChildren(): Boolean = false
+  // ── Interface methods not mapped to @ReactProp (required by codegen) ───────
+
+  override fun setBlurRadius(view: ViewGroup, radius: Int) {
+    if (view is BlurVibeView) view.setBlurRadius(radius)
+  }
+
+  override fun setBlurType(view: ViewGroup, type: String?) {
+    // iOS only — no-op
+  }
+
+  override fun setOverlayColor(view: ViewGroup, color: String?) {
+    setOverlayColorProp(view, color)
+  }
+
+
+  companion object {
+    const val NAME = "BlurVibeView"
+  }
 }

package/android/src/main/java/com/blurvibe/LegacyBlurController.kt

@@ -0,0 +1,258 @@
+package com.blurvibe
+
+import android.graphics.Bitmap
+import android.graphics.Canvas
+import android.graphics.Color
+import android.graphics.Paint
+import android.graphics.PorterDuff
+import android.graphics.Rect
+import android.os.Build
+import android.renderscript.Allocation
+import android.renderscript.Element
+import android.renderscript.RenderScript
+import android.renderscript.ScriptIntrinsicBlur
+import android.view.Choreographer
+import android.view.View
+import android.view.ViewGroup
+import android.view.ViewTreeObserver
+
+/**
+ * LegacyBlurController — zero-dependency backdrop blur for Android API 21–30.
+ *
+ * Replaces QmBlurView with a direct RenderScript implementation.
+ * RenderScript is part of the Android SDK — no external library needed.
+ *
+ * Pipeline per vsync:
+ *   preDrawListener (sets dirty flag only)
+ *     → Choreographer.FrameCallback (once per vsync)
+ *       → rootView.draw() into captureBitmap (main thread)
+ *       → downsample into scaledBitmap
+ *       → ScriptIntrinsicBlur.forEach() (RenderScript, GPU-accelerated)
+ *       → view.invalidate()
+ *         → onDraw: drawBitmap(scaledBitmap) + overlay tint
+ *
+ * Key optimisations vs naive implementation:
+ *   - Choreographer gate: max 1 capture per vsync regardless of invalidation count
+ *   - Bitmap pool: captureBitmap + scaledBitmap reused each frame (zero GC)
+ *   - RenderScript Allocation pool: inputAlloc + outputAlloc reused (zero GC)
+ *   - Blur rounds = 2: two passes for smooth spread without pixelation
+ *   - Downsample factor = 4: captures at 1/16 resolution, blur hides pixel detail
+ */
+@Suppress("DEPRECATION")  // RenderScript deprecated in API 31 — we only use this on API < 31
+internal class LegacyBlurController(
+  private val view: View,
+  private val rootView: ViewGroup
+) {
+
+  companion object {
+    private const val DOWNSAMPLE_FACTOR = 4f   // capture at 1/4 linear resolution (1/16 pixels)
+    private const val BLUR_RADIUS       = 8f   // RenderScript Gaussian radius (1–25)
+    private const val BLUR_ROUNDS       = 2    // passes — 2 gives smooth spread
+  }
+
+  // ── Bitmap pool ────────────────────────────────────────────────────────────
+
+  private var captureBitmap: Bitmap? = null  // full-res root capture
+  private var scaledBitmap:  Bitmap? = null  // downsampled before blur
+  private val capturePaint   = Paint(Paint.FILTER_BITMAP_FLAG)
+  private val drawPaint      = Paint(Paint.FILTER_BITMAP_FLAG)
+
+  // ── RenderScript pool ──────────────────────────────────────────────────────
+
+  private var rs:          RenderScript?        = null
+  private var blurScript:  ScriptIntrinsicBlur? = null
+  private var inputAlloc:  Allocation?          = null
+  private var outputAlloc: Allocation?          = null
+
+  // ── State ──────────────────────────────────────────────────────────────────
+
+  var overlayColor: Int = Color.TRANSPARENT
+  var blurRadius:   Float = BLUR_RADIUS
+  var enabled:      Boolean = true
+    set(value) { field = value; if (!value) invalidatePool() }
+  var autoUpdate:   Boolean = true
+    set(value) {
+      field = value
+      if (value) safeAddPreDrawListener()
+      else rootView.viewTreeObserver.removeOnPreDrawListener(preDrawListener)
+    }
+
+  private var frameScheduled = false
+  private var isCapturing    = false
+
+  // ── Choreographer gate ────────────────────────────────────────────────────
+
+  private val frameCallback = Choreographer.FrameCallback {
+    frameScheduled = false
+    if (enabled) captureAndBlur()
+  }
+
+  private val preDrawListener = ViewTreeObserver.OnPreDrawListener {
+    if (!frameScheduled && enabled) {
+      frameScheduled = true
+      Choreographer.getInstance().postFrameCallback(frameCallback)
+    }
+    true
+  }
+
+  // ── Init ───────────────────────────────────────────────────────────────────
+
+  init {
+    initRenderScript()
+    safeAddPreDrawListener()
+  }
+
+  private fun initRenderScript() {
+    try {
+      rs = RenderScript.create(view.context)
+      blurScript = ScriptIntrinsicBlur.create(rs, Element.U8_4(rs))
+    } catch (_: Exception) {}
+  }
+
+  // ── Capture + blur ─────────────────────────────────────────────────────────
+
+  private fun captureAndBlur() {
+    if (isCapturing) return
+    val rw = rootView.width;  if (rw <= 0) return
+    val rh = rootView.height; if (rh <= 0) return
+    val vw = view.width;      if (vw <= 0) return
+    val vh = view.height;     if (vh <= 0) return
+
+    val sw = (vw / DOWNSAMPLE_FACTOR).toInt().coerceAtLeast(1)
+    val sh = (vh / DOWNSAMPLE_FACTOR).toInt().coerceAtLeast(1)
+
+    isCapturing = true
+    try {
+      // ① Compute offset of view within root
+      val myLoc   = IntArray(2); view.getLocationInWindow(myLoc)
+      val rootLoc = IntArray(2); rootView.getLocationInWindow(rootLoc)
+      val offsetX = myLoc[0] - rootLoc[0]
+      val offsetY = myLoc[1] - rootLoc[1]
+
+      // ② Allocate bitmaps (reuse if size matches)
+      val capture = reuseBitmap(captureBitmap, vw, vh).also { captureBitmap = it }
+      val scaled  = reuseBitmap(scaledBitmap,  sw, sh).also { scaledBitmap  = it }
+
+      // ③ Capture just the region behind this view from root
+      val c = Canvas(capture)
+      c.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR)
+      c.translate(-offsetX.toFloat(), -offsetY.toFloat())
+      rootView.draw(c)
+
+      // ④ Downsample
+      val sc = Canvas(scaled)
+      sc.drawBitmap(capture,
+        Rect(0, 0, capture.width, capture.height),
+        Rect(0, 0, scaled.width,  scaled.height),
+        capturePaint)
+
+      // ⑤ Blur (2 rounds for smooth spread)
+      repeat(BLUR_ROUNDS) { blurBitmap(scaled) }
+
+      // ⑥ Trigger redraw with new bitmap
+      view.invalidate()
+
+    } catch (_: Exception) {
+    } finally {
+      isCapturing = false
+    }
+  }
+
+  private fun blurBitmap(bitmap: Bitmap) {
+    val rs = this.rs ?: return softwareBlur(bitmap)
+    val sc = this.blurScript ?: return softwareBlur(bitmap)
+    try {
+      val inA  = reuseAlloc(inputAlloc,  bitmap, rs).also { inputAlloc  = it }
+      val outA = reuseAlloc(outputAlloc, bitmap, rs).also { outputAlloc = it }
+      inA.copyFrom(bitmap)
+      sc.setRadius(blurRadius.coerceIn(1f, 25f))
+      sc.setInput(inA)
+      sc.forEach(outA)
+      outA.copyTo(bitmap)
+    } catch (_: Exception) {
+      softwareBlur(bitmap)
+    }
+  }
+
+  private fun softwareBlur(bitmap: Bitmap) {
+    // Pure software Gaussian fallback (slower but always works)
+    val paint = Paint(Paint.ANTI_ALIAS_FLAG).apply {
+      maskFilter = android.graphics.BlurMaskFilter(blurRadius, android.graphics.BlurMaskFilter.Blur.NORMAL)
+    }
+    Canvas(bitmap).drawBitmap(bitmap, 0f, 0f, paint)
+  }
+
+  // ── Draw — called from BlurVibeView.onDraw() ──────────────────────────────
+
+  fun draw(canvas: Canvas, viewWidth: Float, viewHeight: Float) {
+    scaledBitmap?.takeIf { !it.isRecycled }?.let { bmp ->
+      canvas.drawBitmap(bmp, null,
+        android.graphics.RectF(0f, 0f, viewWidth, viewHeight), drawPaint)
+    }
+    if (Color.alpha(overlayColor) > 0) {
+      canvas.drawColor(overlayColor)
+    }
+  }
+
+  // ── Lifecycle ─────────────────────────────────────────────────────────────
+
+  fun onSizeChanged() {
+    invalidatePool()
+  }
+
+  private fun invalidatePool() {
+    captureBitmap?.recycle(); captureBitmap = null
+    scaledBitmap?.recycle();  scaledBitmap  = null
+    inputAlloc?.destroy();    inputAlloc    = null
+    outputAlloc?.destroy();   outputAlloc   = null
+  }
+
+  // ── Multi-window / split-screen / PiP safety ──────────────────────────────
+  //
+  // Called by BlurVibeView.onWindowFocusChanged(hasFocus=true).
+  // Re-attaches the preDrawListener to the rootView's current
+  // (possibly newly created) ViewTreeObserver after a window mode transition.
+
+  fun reAttach() {
+    if (enabled && autoUpdate) {
+      safeAddPreDrawListener()
+    }
+  }
+
+  private fun safeAddPreDrawListener() {
+    val vto = rootView.viewTreeObserver
+    vto.removeOnPreDrawListener(preDrawListener)  // no-op if not attached
+    if (vto.isAlive) {
+      vto.addOnPreDrawListener(preDrawListener)
+    }
+  }
+
+  fun destroy() {
+    rootView.viewTreeObserver.removeOnPreDrawListener(preDrawListener)
+    Choreographer.getInstance().removeFrameCallback(frameCallback)
+    inputAlloc?.destroy()
+    outputAlloc?.destroy()
+    blurScript?.destroy()
+    rs?.destroy()
+    captureBitmap?.recycle()
+    scaledBitmap?.recycle()
+  }
+
+  // ── Bitmap / Allocation helpers ───────────────────────────────────────────
+
+  private fun reuseBitmap(existing: Bitmap?, w: Int, h: Int): Bitmap {
+    if (existing != null && !existing.isRecycled
+        && existing.width == w && existing.height == h) return existing
+    existing?.recycle()
+    return Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888)
+  }
+
+  private fun reuseAlloc(existing: Allocation?, src: Bitmap, rs: RenderScript): Allocation {
+    if (existing != null
+        && existing.type.x == src.width
+        && existing.type.y == src.height) return existing
+    existing?.destroy()
+    return Allocation.createFromBitmap(rs, src,
+      Allocation.MipmapControl.MIPMAP_NONE, Allocation.USAGE_SCRIPT)
+  }
+}

package/ios/BlurVibeView.swift

@@ -24,6 +24,8 @@ class BlurVibeView: UIView {
   @objc var progressiveStartIntensity: NSNumber = 1.0   { didSet { updateView() } }
   @objc var progressiveEndIntensity: NSNumber   = 0.0   { didSet { updateView() } }
   @objc var noiseFactor: NSNumber               = 0.08  { didSet { updateView() } }
+  @objc var enabled: NSNumber                    = 1     { didSet { updateView() } }
+  @objc var autoUpdate: NSNumber                 = 1     { didSet { updateView() } }
 
   // MARK: - Init
 

package/ios/BlurVibeViewFabric.mm

@@ -0,0 +1,112 @@
+// BlurVibeViewFabric.mm
+// Fabric (New Architecture) component view for BlurVibeView.
+//
+// This file is compiled ONLY when React Native's New Architecture is enabled
+// (RCT_NEW_ARCH_ENABLED=1). The old arch path (BlurVibeViewManager.m +
+// BlurVibeViewManager.swift + BlurVibeView.swift) continues to work unchanged
+// on Old Architecture projects.
+//
+// Architecture routing:
+//   New Arch (Fabric) → BlurVibeViewFabric (this file)
+//   Old Arch (Paper)  → BlurVibeViewManager.m + BlurVibeView.swift
+//
+// Both render the same SwiftUI layer (BlurVibeSwiftUIView) so visual output
+// is identical on both architectures.
+
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#import <React/RCTViewComponentView.h>
+#import <UIKit/UIKit.h>
+#import <objc/runtime.h>
+
+// Generated codegen headers (produced by `pod install` / yarn codegen)
+#import <react/renderer/components/BlurVibeSpec/ComponentDescriptors.h>
+#import <react/renderer/components/BlurVibeSpec/EventEmitters.h>
+#import <react/renderer/components/BlurVibeSpec/Props.h>
+#import <react/renderer/components/BlurVibeSpec/RCTComponentViewHelpers.h>
+#import "RCTFabricComponentsPlugins.h"
+
+// Import Swift types via the generated module header
+// (react-native-blur-vibe-Swift.h is generated by Xcode for Swift/ObjC interop)
+#import "react_native_blur_vibe-Swift.h"
+
+using namespace facebook::react;
+
+@interface BlurVibeViewFabric () <RCTBlurVibeViewViewProtocol>
+@end
+
+@implementation BlurVibeViewFabric {
+  // The UIKit view that hosts the SwiftUI blur layer.
+  // BlurVibeView is defined in BlurVibeView.swift — reused across both arches.
+  BlurVibeView *_blurView;
+}
+
+// ── Fabric component descriptor ────────────────────────────────────────────
+
++ (ComponentDescriptorProvider)componentDescriptorProvider {
+  return concreteComponentDescriptorProvider<BlurVibeViewComponentDescriptor>();
+}
+
+// ── Init ───────────────────────────────────────────────────────────────────
+
+- (instancetype)initWithFrame:(CGRect)frame {
+  if (self = [super initWithFrame:frame]) {
+    static const auto defaultProps = std::make_shared<const BlurVibeViewProps>();
+    _props = defaultProps;
+
+    _blurView = [[BlurVibeView alloc] initWithFrame:CGRectZero];
+    _blurView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
+
+    self.contentView = _blurView;
+    self.backgroundColor = UIColor.clearColor;
+  }
+  return self;
+}
+
+// ── Layout ─────────────────────────────────────────────────────────────────
+
+- (void)layoutSubviews {
+  [super layoutSubviews];
+  _blurView.frame = self.bounds;
+}
+
+// ── Props update (called by Fabric on prop changes) ────────────────────────
+
+- (void)updateProps:(Props::Shared const &)props
+          oldProps:(Props::Shared const &)oldProps {
+
+  const auto &p = *std::static_pointer_cast<const BlurVibeViewProps>(props);
+
+  // Map codegen C++ props → Swift @objc vars on BlurVibeView
+  _blurView.blurAmount  = @(p.blurAmount);
+  _blurView.blurType    = [NSString stringWithUTF8String:p.blurType.c_str()];
+  _blurView.overlayColor = [NSString stringWithUTF8String:p.overlayColor.c_str()];
+  _blurView.reducedTransparencyFallbackColor =
+    [NSString stringWithUTF8String:p.reducedTransparencyFallbackColor.c_str()];
+  _blurView.blurRadius  = @(p.blurRadius);
+
+  // enabled / autoUpdate
+  _blurView.enabled    = p.enabled  ? @YES : @NO;
+  _blurView.autoUpdate = p.autoUpdate ? @YES : @NO;
+
+  // Progressive blur
+  _blurView.progressiveBlurDirection =
+    [NSString stringWithUTF8String:p.progressiveBlurDirection.c_str()];
+  _blurView.progressiveStartIntensity = @(p.progressiveStartIntensity);
+  _blurView.progressiveEndIntensity   = @(p.progressiveEndIntensity);
+
+  // Noise
+  _blurView.noiseFactor = @(p.noiseFactor);
+
+  [super updateProps:props oldProps:oldProps];
+}
+
+// ── Fabric component registration ──────────────────────────────────────────
+
+Class<RCTComponentViewProtocol> BlurVibeViewFabricCls(void) {
+  return BlurVibeViewFabric.class;
+}
+
+@end
+
+#endif // RCT_NEW_ARCH_ENABLED

package/ios/BlurVibeViewManager.m

@@ -1,3 +1,9 @@
+// BlurVibeViewManager.m
+// Old Architecture (Paper) prop exports.
+// On New Architecture, props are handled by BlurVibeViewFabric.mm via codegen.
+
+#ifndef RCT_NEW_ARCH_ENABLED
+
 #import <React/RCTViewManager.h>
 #import <React/RCTUIManager.h>
 
@@ -8,7 +14,9 @@ RCT_EXPORT_VIEW_PROPERTY(blurAmount, NSNumber)
 RCT_EXPORT_VIEW_PROPERTY(blurType, NSString)
 RCT_EXPORT_VIEW_PROPERTY(overlayColor, NSString)
 RCT_EXPORT_VIEW_PROPERTY(reducedTransparencyFallbackColor, NSString)
-RCT_EXPORT_VIEW_PROPERTY(blurRadius, NSNumber)       // Android-only, no-op on iOS
+RCT_EXPORT_VIEW_PROPERTY(blurRadius, NSNumber)
+RCT_EXPORT_VIEW_PROPERTY(enabled, NSNumber)
+RCT_EXPORT_VIEW_PROPERTY(autoUpdate, NSNumber)
 
 // ── Progressive blur props ──────────────────────────────────────────────────
 RCT_EXPORT_VIEW_PROPERTY(progressiveBlurDirection, NSString)
@@ -16,4 +24,6 @@ RCT_EXPORT_VIEW_PROPERTY(progressiveStartIntensity, NSNumber)
 RCT_EXPORT_VIEW_PROPERTY(progressiveEndIntensity, NSNumber)
 
 // ── Noise prop ──────────────────────────────────────────────────────────────
-RCT_EXPORT_VIEW_PROPERTY(noiseFactor, NSNumber)
+RCT_EXPORT_VIEW_PROPERTY(noiseFactor, NSNumber)
+
+#endif // RCT_NEW_ARCH_ENABLED

package/ios/BlurVibeViewManager.swift

@@ -1,19 +1,19 @@
+// BlurVibeViewManager.swift
+// Old Architecture (Paper) view manager.
+// On New Architecture, BlurVibeViewFabric.mm handles component registration.
+
+#if !RCT_NEW_ARCH_ENABLED
+
 import Foundation
 
-/**
- * BlurVibeViewManager
- *
- * RCTViewManager subclass — registers BlurVibeView with React Native.
- * requiresMainQueueSetup = true because we create UIKit views.
- */
 @objc(BlurVibeViewManager)
 class BlurVibeViewManager: RCTViewManager {
-
   override func view() -> UIView! {
     return BlurVibeView()
   }
-
   override static func requiresMainQueueSetup() -> Bool {
     return true
   }
-}
+}
+
+#endif

package/lib/commonjs/BlurVibeViewNativeComponent.ts

@@ -1,34 +1,23 @@
-// @ts-ignore - internal RN path, exists at runtime
+// @ts-ignore
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import type { HostComponent, ViewProps } from 'react-native';
-// @ts-ignore - internal RN path, exists at runtime
-import type { Float, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
+// @ts-ignore
+import type { WithDefault, Float, Int32} from 'react-native/Libraries/Types/CodegenTypes';
 
-export interface NativeBlurVibeViewProps extends ViewProps {
-  // 0–100 blur intensity
-  blurAmount?: Float;
-
-  // iOS UIBlurEffectStyle name — no-op on Android
+interface NativeProps extends ViewProps {
+  blurAmount?: WithDefault<Float, 10>;
   blurType?: string;
-
-  // Hex color string with alpha — "transparent", "#RGB", "#RRGGBB", "#RRGGBBAA"
   overlayColor?: string;
-
-  // Fallback when blur unavailable
   reducedTransparencyFallbackColor?: string;
-
-  // Android API < 31 only: downsample factor 1–8
-  blurRadius?: Int32;
-
-  // Progressive blur — Android API 31+ only
-  progressiveBlurDirection?: string;
-  progressiveStartIntensity?: Float;
-  progressiveEndIntensity?: Float;
-
-  // Noise grain overlay — Android API 31+ only
-  noiseFactor?: Float;
+  blurRadius?: WithDefault<Int32, 4>;
+  enabled?: WithDefault<boolean, true>;
+  autoUpdate?: WithDefault<boolean, true>;
+  progressiveBlurDirection?: WithDefault<string, 'none'>;
+  progressiveStartIntensity?: WithDefault<Float, 1>;
+  progressiveEndIntensity?: WithDefault<Float, 0>;
+  noiseFactor?: WithDefault<Float, 0.08>;
 }
 
-export default codegenNativeComponent<NativeBlurVibeViewProps>(
+export default codegenNativeComponent<NativeProps>(
   'BlurVibeView'
-) as HostComponent<NativeBlurVibeViewProps>;
+) as HostComponent<NativeProps>;