concentric-sheet 0.0.2

package/lib/NativeSheetModal.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { type ModalProps as RNModalProps } from 'react-native';
+import type { PresentedModalConfig, PresentedModalDetent, SheetPresentationConfig } from './specs/SheetModalController.nitro';
+export interface NativeSheetModalProps extends Pick<RNModalProps, 'children' | 'visible' | 'animationType' | 'presentationStyle' | 'onRequestClose' | 'onDismiss' | 'onShow' | 'allowSwipeDismissal'>, SheetPresentationConfig, Omit<PresentedModalConfig, 'modalInstanceId' | 'sheet'> {
+    onDetentChange?: (detent: PresentedModalDetent) => void;
+}
+export declare function applyPresentedModalConfig(config: PresentedModalConfig): boolean;
+export declare function dismissPresentedNativeModal(animated?: boolean): boolean;
+export declare function Modal(props: NativeSheetModalProps): React.JSX.Element | null;
+export default Modal;

package/lib/NativeSheetModal.js

@@ -0,0 +1,243 @@
+import React, { useCallback, useEffect, useMemo, useRef } from 'react';
+import { Modal as RNModal, Platform, } from 'react-native';
+import { getHybridObjectConstructor } from 'react-native-nitro-modules';
+const APPLY_RETRY_LIMIT = 8;
+const APPLY_RETRY_DELAY_MS = 16;
+let cachedController = null;
+let didFailToCreateController = false;
+let nextModalInstanceId = 1;
+function getSheetModalController() {
+    if (Platform.OS !== 'ios')
+        return null;
+    if (cachedController != null)
+        return cachedController;
+    if (didFailToCreateController)
+        return null;
+    try {
+        const SheetModalControllerCtor = getHybridObjectConstructor('SheetModalController');
+        cachedController = new SheetModalControllerCtor();
+        return cachedController;
+    }
+    catch {
+        didFailToCreateController = true;
+        return null;
+    }
+}
+function logDebug(instanceId, message, extra) {
+    if (!__DEV__)
+        return;
+    const tag = `[NativeSheetModal:${instanceId}]`;
+    if (extra != null) {
+        console.log(`${tag} ${message}`, extra);
+    }
+    else {
+        console.log(`${tag} ${message}`);
+    }
+}
+export function applyPresentedModalConfig(config) {
+    const controller = getSheetModalController();
+    if (controller == null)
+        return false;
+    return controller.applyPresentedModalConfig(config);
+}
+export function dismissPresentedNativeModal(animated = true) {
+    const controller = getSheetModalController();
+    if (controller == null)
+        return false;
+    return controller.dismissPresentedModal(animated);
+}
+export function Modal(props) {
+    const { children, visible, animationType, presentationStyle, onRequestClose, onDismiss: onDismissProp, onShow: onShowProp, allowSwipeDismissal, detents, customDetentHeights, selectedDetentIdentifier, selectedCustomDetentHeight, largestUndimmedDetentIdentifier, largestUndimmedCustomDetentHeight, prefersGrabberVisible, preferredCornerRadius, prefersScrollingExpandsWhenScrolledToEdge, prefersEdgeAttachedInCompactHeight, widthFollowsPreferredContentSizeWhenEdgeAttached, wantsFullScreen, isModalInPresentation, preferredContentWidth, preferredContentHeight, modalViewBackground, cornerConfiguration, onDetentChange, } = props;
+    const resolvedAllowSwipeDismissal = allowSwipeDismissal ??
+        (isModalInPresentation == null ? true : !isModalInPresentation);
+    const timeoutRef = useRef(null);
+    const detentPollIntervalRef = useRef(null);
+    const isVisibleRef = useRef(visible);
+    const prevVisibleRef = useRef(false);
+    const modalInstanceIdRef = useRef(nextModalInstanceId++);
+    const lastDetentKeyRef = useRef(null);
+    const nativeConfig = useMemo(() => {
+        const sheet = detents == null &&
+            customDetentHeights == null &&
+            selectedDetentIdentifier == null &&
+            selectedCustomDetentHeight == null &&
+            largestUndimmedDetentIdentifier == null &&
+            largestUndimmedCustomDetentHeight == null &&
+            prefersGrabberVisible == null &&
+            preferredCornerRadius == null &&
+            prefersScrollingExpandsWhenScrolledToEdge == null &&
+            prefersEdgeAttachedInCompactHeight == null &&
+            widthFollowsPreferredContentSizeWhenEdgeAttached == null &&
+            wantsFullScreen == null
+            ? undefined
+            : {
+                detents,
+                customDetentHeights,
+                selectedDetentIdentifier,
+                selectedCustomDetentHeight,
+                largestUndimmedDetentIdentifier,
+                largestUndimmedCustomDetentHeight,
+                prefersGrabberVisible,
+                preferredCornerRadius,
+                prefersScrollingExpandsWhenScrolledToEdge,
+                prefersEdgeAttachedInCompactHeight,
+                widthFollowsPreferredContentSizeWhenEdgeAttached,
+                wantsFullScreen,
+            };
+        return {
+            modalInstanceId: modalInstanceIdRef.current,
+            isModalInPresentation,
+            preferredContentWidth,
+            preferredContentHeight,
+            modalViewBackground: modalViewBackground ?? 'clear',
+            cornerConfiguration: cornerConfiguration ?? {
+                type: 'containerConcentric',
+            },
+            sheet,
+        };
+    }, [
+        detents,
+        customDetentHeights,
+        selectedDetentIdentifier,
+        selectedCustomDetentHeight,
+        largestUndimmedDetentIdentifier,
+        largestUndimmedCustomDetentHeight,
+        prefersGrabberVisible,
+        preferredCornerRadius,
+        prefersScrollingExpandsWhenScrolledToEdge,
+        prefersEdgeAttachedInCompactHeight,
+        widthFollowsPreferredContentSizeWhenEdgeAttached,
+        wantsFullScreen,
+        isModalInPresentation,
+        preferredContentWidth,
+        preferredContentHeight,
+        modalViewBackground,
+        cornerConfiguration,
+    ]);
+    const clearRetryTimeout = useCallback(() => {
+        if (timeoutRef.current != null) {
+            clearTimeout(timeoutRef.current);
+            timeoutRef.current = null;
+            logDebug(modalInstanceIdRef.current, 'cleared apply retry timeout');
+        }
+    }, []);
+    const clearDetentPollInterval = useCallback(() => {
+        if (detentPollIntervalRef.current != null) {
+            clearInterval(detentPollIntervalRef.current);
+            detentPollIntervalRef.current = null;
+        }
+    }, []);
+    useEffect(() => {
+        const wasVisible = prevVisibleRef.current;
+        prevVisibleRef.current = visible === true;
+        isVisibleRef.current = visible;
+        if (Platform.OS !== 'ios')
+            return;
+        if (!wasVisible && visible) {
+            const controller = getSheetModalController();
+            controller?.cachePresentedModalConfig(nativeConfig);
+        }
+        else if (wasVisible && !visible) {
+            logDebug(modalInstanceIdRef.current, 'visible=false: cleanup');
+            clearRetryTimeout();
+            clearDetentPollInterval();
+            lastDetentKeyRef.current = null;
+        }
+    }, [visible, nativeConfig, clearRetryTimeout, clearDetentPollInterval]);
+    const applyNativeConfigWithRetry = useCallback(() => {
+        if (Platform.OS !== 'ios' || !visible)
+            return;
+        const controller = getSheetModalController();
+        if (controller == null)
+            return;
+        clearRetryTimeout();
+        logDebug(modalInstanceIdRef.current, 'applyNativeConfigWithRetry start', {
+            visible,
+            selectedCustomDetentHeight,
+            largestUndimmedCustomDetentHeight,
+            detents,
+            customDetentHeights,
+        });
+        let attempts = 0;
+        const attempt = () => {
+            if (!isVisibleRef.current)
+                return;
+            const didApply = controller.applyPresentedModalConfig(nativeConfig);
+            attempts += 1;
+            logDebug(modalInstanceIdRef.current, 'applyPresentedModalConfig attempt', {
+                attempt: attempts,
+                didApply,
+            });
+            if (!didApply && attempts < APPLY_RETRY_LIMIT) {
+                timeoutRef.current = setTimeout(attempt, APPLY_RETRY_DELAY_MS);
+            }
+        };
+        attempt();
+    }, [
+        clearRetryTimeout,
+        customDetentHeights,
+        detents,
+        largestUndimmedCustomDetentHeight,
+        nativeConfig,
+        selectedCustomDetentHeight,
+        visible,
+    ]);
+    useEffect(() => {
+        applyNativeConfigWithRetry();
+    }, [applyNativeConfigWithRetry]);
+    useEffect(() => {
+        return () => {
+            clearRetryTimeout();
+            clearDetentPollInterval();
+        };
+    }, [clearDetentPollInterval, clearRetryTimeout]);
+    useEffect(() => {
+        if (Platform.OS !== 'ios')
+            return;
+        if (visible !== true || onDetentChange == null) {
+            clearDetentPollInterval();
+            return;
+        }
+        const controller = getSheetModalController();
+        if (controller == null)
+            return;
+        const poll = () => {
+            if (!isVisibleRef.current)
+                return;
+            const detent = controller.getPresentedModalDetent(modalInstanceIdRef.current);
+            if (detent == null)
+                return;
+            const detentKey = `${detent.rawDetentIdentifier ?? ''}|${detent.customDetentHeight ?? ''}`;
+            if (detentKey === lastDetentKeyRef.current)
+                return;
+            lastDetentKeyRef.current = detentKey;
+            logDebug(modalInstanceIdRef.current, 'emit onDetentChange', {
+                detentIdentifier: detent.detentIdentifier,
+                rawDetentIdentifier: detent.rawDetentIdentifier,
+                customDetentHeight: detent.customDetentHeight,
+            });
+            onDetentChange(detent);
+        };
+        clearDetentPollInterval();
+        poll();
+        detentPollIntervalRef.current = setInterval(poll, 80);
+        return () => {
+            clearDetentPollInterval();
+        };
+    }, [clearDetentPollInterval, onDetentChange, visible]);
+    const onShow = useCallback((event) => {
+        logDebug(modalInstanceIdRef.current, 'onShow');
+        applyNativeConfigWithRetry();
+        onShowProp?.(event);
+    }, [applyNativeConfigWithRetry, onShowProp]);
+    const onDismiss = useCallback(() => {
+        logDebug(modalInstanceIdRef.current, 'onDismiss');
+        clearRetryTimeout();
+        onDismissProp?.();
+    }, [clearRetryTimeout, onDismissProp]);
+    if (Platform.OS === 'ios' && !visible) {
+        return null;
+    }
+    return (React.createElement(RNModal, { visible: visible, animationType: animationType ?? 'slide', presentationStyle: presentationStyle ?? 'pageSheet', onRequestClose: onRequestClose, onDismiss: onDismiss, onShow: onShow, allowSwipeDismissal: resolvedAllowSwipeDismissal }, children));
+}
+export default Modal;

package/lib/index.d.ts

@@ -0,0 +1,3 @@
+export { Modal, Modal as NativeSheetModal, applyPresentedModalConfig, dismissPresentedNativeModal, } from './NativeSheetModal';
+export type { NativeSheetModalProps } from './NativeSheetModal';
+export type { ModalCornerConfiguration, ModalCornerConfigurationType, ModalViewBackground, PresentedModalConfig, PresentedModalDetent, SheetDetentIdentifier, SheetPresentationConfig, } from './specs/SheetModalController.nitro';

package/lib/index.js

@@ -0,0 +1 @@
+export { Modal, Modal as NativeSheetModal, applyPresentedModalConfig, dismissPresentedNativeModal, } from './NativeSheetModal';

package/lib/specs/SheetModalController.nitro.d.ts

@@ -0,0 +1,46 @@
+import type { HybridObject } from 'react-native-nitro-modules';
+export type SheetDetentIdentifier = 'medium' | 'large';
+export type ModalViewBackground = 'clear' | 'systemBackground';
+export type ModalCornerConfigurationType = 'none' | 'fixed' | 'containerConcentric' | 'capsule';
+export interface ModalCornerConfiguration {
+    type: ModalCornerConfigurationType;
+    radius?: number;
+    minimumRadius?: number;
+    maximumRadius?: number;
+}
+export interface SheetPresentationConfig {
+    detents?: SheetDetentIdentifier[];
+    customDetentHeights?: number[];
+    selectedDetentIdentifier?: SheetDetentIdentifier;
+    selectedCustomDetentHeight?: number;
+    largestUndimmedDetentIdentifier?: SheetDetentIdentifier;
+    largestUndimmedCustomDetentHeight?: number;
+    prefersGrabberVisible?: boolean;
+    preferredCornerRadius?: number;
+    prefersScrollingExpandsWhenScrolledToEdge?: boolean;
+    prefersEdgeAttachedInCompactHeight?: boolean;
+    widthFollowsPreferredContentSizeWhenEdgeAttached?: boolean;
+    wantsFullScreen?: boolean;
+}
+export interface PresentedModalConfig {
+    modalInstanceId?: number;
+    isModalInPresentation?: boolean;
+    preferredContentWidth?: number;
+    preferredContentHeight?: number;
+    modalViewBackground?: ModalViewBackground;
+    cornerConfiguration?: ModalCornerConfiguration;
+    sheet?: SheetPresentationConfig;
+}
+export interface PresentedModalDetent {
+    detentIdentifier?: SheetDetentIdentifier;
+    customDetentHeight?: number;
+    rawDetentIdentifier?: string;
+}
+export interface SheetModalController extends HybridObject<{
+    ios: 'swift';
+}> {
+    cachePresentedModalConfig(config: PresentedModalConfig): boolean;
+    applyPresentedModalConfig(config: PresentedModalConfig): boolean;
+    getPresentedModalDetent(modalInstanceId: number): PresentedModalDetent | null;
+    dismissPresentedModal(animated: boolean): boolean;
+}

package/lib/specs/SheetModalController.nitro.js

@@ -0,0 +1 @@
+export {};

package/nitro.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://nitro.margelo.com/nitro.schema.json",
+  "cxxNamespace": [
+    "concentricsheet"
+  ],
+  "ios": {
+    "iosModuleName": "NitroConcentricSheet"
+  },
+  "android": {
+    "androidNamespace": [
+      "concentricsheet"
+    ],
+    "androidCxxLibName": "NitroConcentricSheet"
+  },
+  "autolinking": {
+    "SheetModalController": {
+      "swift": "SheetModalController"
+    }
+  },
+  "ignorePaths": [
+    "**/node_modules"
+  ]
+}

package/nitrogen/generated/.gitattributes

@@ -0,0 +1 @@
+** linguist-generated=true

package/nitrogen/generated/ios/NitroConcentricSheet+autolinking.rb

@@ -0,0 +1,60 @@
+#
+# NitroConcentricSheet+autolinking.rb
+# This file was generated by nitrogen. DO NOT MODIFY THIS FILE.
+# https://github.com/mrousavy/nitro
+# Copyright © Marc Rousavy @ Margelo
+#
+
+# This is a Ruby script that adds all files generated by Nitrogen
+# to the given podspec.
+#
+# To use it, add this to your .podspec:
+# ```ruby
+# Pod::Spec.new do |spec|
+#   # ...
+#
+#   # Add all files generated by Nitrogen
+#   load 'nitrogen/generated/ios/NitroConcentricSheet+autolinking.rb'
+#   add_nitrogen_files(spec)
+# end
+# ```
+
+def add_nitrogen_files(spec)
+  Pod::UI.puts "[NitroModules] 🔥 NitroConcentricSheet is boosted by nitro!"
+
+  spec.dependency "NitroModules"
+
+  current_source_files = Array(spec.attributes_hash['source_files'])
+  spec.source_files = current_source_files + [
+    # Generated cross-platform specs
+    "nitrogen/generated/shared/**/*.{h,hpp,c,cpp,swift}",
+    # Generated bridges for the cross-platform specs
+    "nitrogen/generated/ios/**/*.{h,hpp,c,cpp,mm,swift}",
+  ]
+
+  current_public_header_files = Array(spec.attributes_hash['public_header_files'])
+  spec.public_header_files = current_public_header_files + [
+    # Generated specs
+    "nitrogen/generated/shared/**/*.{h,hpp}",
+    # Swift to C++ bridging helpers
+    "nitrogen/generated/ios/NitroConcentricSheet-Swift-Cxx-Bridge.hpp"
+  ]
+
+  current_private_header_files = Array(spec.attributes_hash['private_header_files'])
+  spec.private_header_files = current_private_header_files + [
+    # iOS specific specs
+    "nitrogen/generated/ios/c++/**/*.{h,hpp}",
+    # Views are framework-specific and should be private
+    "nitrogen/generated/shared/**/views/**/*"
+  ]
+
+  current_pod_target_xcconfig = spec.attributes_hash['pod_target_xcconfig'] || {}
+  spec.pod_target_xcconfig = current_pod_target_xcconfig.merge({
+    # Use C++ 20
+    "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
+    # Enables C++ <-> Swift interop (by default it's only ObjC)
+    "SWIFT_OBJC_INTEROP_MODE" => "objcxx",
+    # Enables stricter modular headers
+    "DEFINES_MODULE" => "YES",
+  })
+end

package/nitrogen/generated/ios/NitroConcentricSheet-Swift-Cxx-Bridge.cpp

@@ -0,0 +1,33 @@
+///
+/// NitroConcentricSheet-Swift-Cxx-Bridge.cpp
+/// This file was generated by nitrogen. DO NOT MODIFY THIS FILE.
+/// https://github.com/mrousavy/nitro
+/// Copyright © Marc Rousavy @ Margelo
+///
+
+#include "NitroConcentricSheet-Swift-Cxx-Bridge.hpp"
+
+// Include C++ implementation defined types
+#include "HybridSheetModalControllerSpecSwift.hpp"
+#include "NitroConcentricSheet-Swift-Cxx-Umbrella.hpp"
+#include <NitroModules/NitroDefines.hpp>
+
+namespace margelo::nitro::concentricsheet::bridge::swift {
+
+  // pragma MARK: std::shared_ptr<HybridSheetModalControllerSpec>
+  std::shared_ptr<HybridSheetModalControllerSpec> create_std__shared_ptr_HybridSheetModalControllerSpec_(void* NON_NULL swiftUnsafePointer) noexcept {
+    NitroConcentricSheet::HybridSheetModalControllerSpec_cxx swiftPart = NitroConcentricSheet::HybridSheetModalControllerSpec_cxx::fromUnsafe(swiftUnsafePointer);
+    return std::make_shared<margelo::nitro::concentricsheet::HybridSheetModalControllerSpecSwift>(swiftPart);
+  }
+  void* NON_NULL get_std__shared_ptr_HybridSheetModalControllerSpec_(std__shared_ptr_HybridSheetModalControllerSpec_ cppType) {
+    std::shared_ptr<margelo::nitro::concentricsheet::HybridSheetModalControllerSpecSwift> swiftWrapper = std::dynamic_pointer_cast<margelo::nitro::concentricsheet::HybridSheetModalControllerSpecSwift>(cppType);
+    #ifdef NITRO_DEBUG
+    if (swiftWrapper == nullptr) [[unlikely]] {
+      throw std::runtime_error("Class \"HybridSheetModalControllerSpec\" is not implemented in Swift!");
+    }
+    #endif
+    NitroConcentricSheet::HybridSheetModalControllerSpec_cxx& swiftPart = swiftWrapper->getSwiftPart();
+    return swiftPart.toUnsafe();
+  }
+
+} // namespace margelo::nitro::concentricsheet::bridge::swift