@react-native-ohos/react-native-pdf 6.7.7-rc.1

package/windows/RCTPdf/RCTPdfControl.h

@@ -0,0 +1,119 @@
+#pragma once
+
+#include <vector>
+#include "winrt/Windows.UI.Xaml.h"
+#include "winrt/Windows.UI.Xaml.Markup.h"
+#include "winrt/Windows.UI.Xaml.Interop.h"
+#include "winrt/Windows.UI.Xaml.Controls.Primitives.h"
+#include "winrt/Microsoft.ReactNative.h"
+#include "NativeModules.h"
+#include "RCTPdfControl.g.h"
+
+namespace winrt::RCTPdf::implementation
+{
+    struct PDFPageInfo {
+      PDFPageInfo(winrt::Windows::UI::Xaml::Controls::Image image, winrt::Windows::Data::Pdf::PdfPage page, double imageScale, double renderScale);
+      PDFPageInfo(const PDFPageInfo&);
+      PDFPageInfo(PDFPageInfo&&);
+      unsigned pageVisiblePixels(bool horizontal, double viewportStart, double viewportEnd) const;
+      unsigned pageSize(bool horizontal) const;
+      bool needsRender() const;
+      winrt::Windows::Foundation::IAsyncAction render();
+      winrt::Windows::Foundation::IAsyncAction render(double useScale);
+      unsigned height, width;
+      unsigned scaledHeight, scaledWidth;
+      unsigned scaledTopOffset, scaledLeftOffset;
+      double imageScale; // scale at which the image is displayed
+      // Multiple tasks can update the image, use the render scale as the sync point
+      std::atomic<double> renderScale; // scale at which the image is rendered
+      winrt::Windows::UI::Xaml::Controls::Image image;
+      winrt::Windows::Data::Pdf::PdfPage page;
+
+      // If zooming-out at what point we rerender the image with smaller scale?
+      // E.g. value of 2 means if the image is currently rendered at scale 1.0
+      // we will rerender it when the scale is smaller than 0.5
+      static constexpr double m_downscaleTreshold = 2;
+    };
+
+    struct RCTPdfControl : RCTPdfControlT<RCTPdfControl>
+    {
+    public:
+        RCTPdfControl(Microsoft::ReactNative::IReactContext const& reactContext);
+
+        static winrt::Windows::Foundation::Collections::IMapView<winrt::hstring, winrt::Microsoft::ReactNative::ViewManagerPropertyType> NativeProps() noexcept;
+        void UpdateProperties(winrt::Microsoft::ReactNative::IJSValueReader const& propertyMapReader) noexcept;
+
+        static winrt::Microsoft::ReactNative::ConstantProviderDelegate ExportedCustomBubblingEventTypeConstants() noexcept;
+        static winrt::Microsoft::ReactNative::ConstantProviderDelegate ExportedCustomDirectEventTypeConstants() noexcept;
+
+        static winrt::Windows::Foundation::Collections::IVectorView<winrt::hstring> Commands() noexcept;
+        void DispatchCommand(winrt::hstring const& commandId, winrt::Microsoft::ReactNative::IJSValueReader const& commandArgsReader) noexcept;
+
+        void PagesContainer_PointerWheelChanged(winrt::Windows::Foundation::IInspectable const& sender, winrt::Windows::UI::Xaml::Input::PointerRoutedEventArgs const& e);
+        void Pages_SizeChanged(winrt::Windows::Foundation::IInspectable const& sender, winrt::Windows::UI::Xaml::SizeChangedEventArgs const& e);
+        winrt::fire_and_forget PagesContainer_ViewChanged(winrt::Windows::Foundation::IInspectable const& sender, winrt::Windows::UI::Xaml::Controls::ScrollViewerViewChangedEventArgs const& e);
+        void PagesContainer_Tapped(winrt::Windows::Foundation::IInspectable const& sender, winrt::Windows::UI::Xaml::Input::TappedRoutedEventArgs const& e);
+        void PagesContainer_DoubleTapped(winrt::Windows::Foundation::IInspectable const& sender, winrt::Windows::UI::Xaml::Input::DoubleTappedRoutedEventArgs const& e);
+    private:
+        Microsoft::ReactNative::IReactContext m_reactContext{ nullptr };
+
+        // Global lock to access the data stuff
+        // the pages are rendered in an async way
+        std::shared_mutex m_rwlock;
+        // URI and password of the PDF
+        std::string m_pdfURI;
+        std::string m_pdfPassword;
+        // Current active page
+        int m_currentPage = 0;
+        // Margins of each page
+        int m_margins = 10;
+        // Scale at which the PDF is displayed
+        double m_scale = 0.2;
+        double m_minScale = 0.1;
+        double m_maxScale = 3.0;
+        // Are we in "horizontal" mode?
+        bool m_horizontal = false;
+        // Render the pages in reverse order
+        bool m_reverse = false;
+        // Is in "enablePaging" mode
+        bool m_enablePaging = false;
+
+        // When we rescale or change the margins, we can jump to the new position in the view
+        // only after the ScrollViewer has updated. We store the target offsets here, and go
+        // to them when the control finishes updating;
+        std::optional<double> m_targetHorizontalOffset;
+        std::optional<double> m_targetVerticalOffset;
+        // It is possible, that the new position is reachable even before the control is updated.
+        // A helper function that either schedules a change in the view or jumps right to
+        // the position
+        void ChangeScroll(double targetHorizontalOffset, double targetVerticalOffset);
+
+        // Pages info
+        std::vector<PDFPageInfo> m_pages;
+
+        void UpdatePagesInfoMarginOrScale();
+        winrt::fire_and_forget LoadPDF(std::unique_lock<std::shared_mutex> lock, int fitPolicy, bool singlePage);
+        void GoToPage(int page);
+        void Rescale(double newScale, double newMargin, bool goToNewPosition);
+        void SetOrientation(bool horizontal);
+        winrt::Windows::Foundation::IAsyncAction RenderVisiblePages(int page);
+        void SignalError(const std::string& error);
+        void SignalLoadComplete(int totalPages, int width, int height);
+        void SignalPageChange(int page, int totalPages);
+        void SignalScaleChanged(double scale);
+        void SignalPageTapped(int page, int x, int y);
+
+        // Zoom in/out scale multiplier
+        static constexpr double m_zoomMultiplier = 1.2;
+        static constexpr double m_defaultMaxZoom = 3.0;
+        static constexpr double m_defaultMinZoom = 1.0;
+        static constexpr double m_defualtZoom = 1.0;
+        static constexpr int m_defaultMargins = 10;
+        static constexpr double m_previewZoom = 0.5;
+    };
+}
+
+namespace winrt::RCTPdf::factory_implementation {
+    struct RCTPdfControl : RCTPdfControlT<RCTPdfControl, implementation::RCTPdfControl> {
+    };
+}

package/windows/RCTPdf/RCTPdfControl.idl

@@ -0,0 +1,10 @@
+namespace RCTPdf
+{
+    [default_interface]
+    runtimeclass RCTPdfControl : Windows.UI.Xaml.Controls.UserControl
+    {
+        RCTPdfControl(Microsoft.ReactNative.IReactContext context);
+        void UpdateProperties(Microsoft.ReactNative.IJSValueReader reader);
+        void DispatchCommand(String commandId, Microsoft.ReactNative.IJSValueReader commandArgsReader);
+    }
+}

package/windows/RCTPdf/RCTPdfControl.xaml

@@ -0,0 +1,33 @@
+<UserControl
+    x:Class="RCTPdf.RCTPdfControl"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="using:RCTPdf"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    mc:Ignorable="d">
+  <ScrollViewer
+    x:Name="PagesContainer"
+    Background="#505050"
+    HorizontalScrollMode="Enabled"
+    HorizontalScrollBarVisibility="Visible"
+    IsTabStop="True"
+    IsTapEnabled="True"
+    AllowFocusOnInteraction="True"
+    AllowFocusWhenDisabled="True"
+    UseSystemFocusVisuals="False"
+    PointerWheelChanged="PagesContainer_PointerWheelChanged"
+    Tapped="PagesContainer_Tapped"
+    ViewChanged="PagesContainer_ViewChanged"
+    >
+    <ItemsControl x:Name="Pages" HorizontalAlignment="Center"
+                  SizeChanged="Pages_SizeChanged"
+                  AllowFocusOnInteraction="False">
+      <ItemsControl.ItemsPanel>
+        <ItemsPanelTemplate>
+          <StackPanel x:Name="OrientationSelector" Orientation="Vertical"/>
+        </ItemsPanelTemplate>
+      </ItemsControl.ItemsPanel>
+    </ItemsControl>
+  </ScrollViewer>
+</UserControl>

package/windows/RCTPdf/RCTPdfViewManager.cpp

@@ -0,0 +1,69 @@
+#include "pch.h"
+#include "NativeModules.h"
+#include "JSValueXaml.h"
+#include "RCTPdfViewManager.h"
+#include "RCTPdfControl.h"
+
+namespace winrt {
+    using namespace Microsoft::ReactNative;
+    using namespace Windows::Foundation;
+    using namespace Windows::Foundation::Collections;
+    using namespace Windows::UI;
+    using namespace Windows::UI::Xaml;
+    using namespace Windows::UI::Xaml::Controls;
+}
+
+namespace winrt::RCTPdf::implementation {
+    // IViewManager
+    winrt::hstring RCTPdfViewManager::Name() noexcept {
+        return L"RCTPdf";
+    }
+
+    winrt::FrameworkElement RCTPdfViewManager::CreateView() noexcept {
+        return winrt::RCTPdf::RCTPdfControl(m_reactContext);
+    }
+
+    // IViewManagerWithReactContext
+    winrt::IReactContext RCTPdfViewManager::ReactContext() noexcept {
+        return m_reactContext;
+    }
+
+    void RCTPdfViewManager::ReactContext(IReactContext reactContext) noexcept {
+        m_reactContext = reactContext;
+    }
+
+    // IViewManagerWithNativeProperties
+    IMapView<hstring, ViewManagerPropertyType> RCTPdfViewManager::NativeProps() noexcept {
+        return winrt::RCTPdf::implementation::RCTPdfControl::NativeProps();
+    }
+
+    void RCTPdfViewManager::UpdateProperties(
+        FrameworkElement const& view,
+        IJSValueReader const& propertyMapReader) noexcept {
+         if (auto module = view.try_as<winrt::RCTPdf::RCTPdfControl>()) {
+            module.UpdateProperties(propertyMapReader);
+        }
+    }
+    // IViewManagerWithExportedEventTypeConstants
+    ConstantProviderDelegate RCTPdfViewManager::ExportedCustomBubblingEventTypeConstants() noexcept {
+        return winrt::RCTPdf::implementation::RCTPdfControl::ExportedCustomBubblingEventTypeConstants();
+    }
+
+    ConstantProviderDelegate RCTPdfViewManager::ExportedCustomDirectEventTypeConstants() noexcept {
+       return winrt::RCTPdf::implementation::RCTPdfControl::ExportedCustomDirectEventTypeConstants();
+    }
+
+    // IViewManagerWithCommands
+    IVectorView<hstring> RCTPdfViewManager::Commands() noexcept {
+        return winrt::RCTPdf::implementation::RCTPdfControl::Commands();
+    }
+
+    void RCTPdfViewManager::DispatchCommand(
+        FrameworkElement const& view,
+        winrt::hstring const& commandId,
+        winrt::IJSValueReader const& commandArgsReader) noexcept {
+        if (auto module = view.try_as<winrt::RCTPdf::RCTPdfControl>()) {
+            module.DispatchCommand(commandId, commandArgsReader);
+        }
+    }
+}

package/windows/RCTPdf/RCTPdfViewManager.h

@@ -0,0 +1,51 @@
+#pragma once
+#include "winrt/Microsoft.ReactNative.h"
+#include "NativeModules.h"
+
+
+namespace winrt::RCTPdf::implementation {
+    
+    class RCTPdfViewManager : public winrt::implements<
+        RCTPdfViewManager,
+        winrt::Microsoft::ReactNative::IViewManager,
+        winrt::Microsoft::ReactNative::IViewManagerWithReactContext,
+        winrt::Microsoft::ReactNative::IViewManagerWithNativeProperties,
+        winrt::Microsoft::ReactNative::IViewManagerWithExportedEventTypeConstants,
+        winrt::Microsoft::ReactNative::IViewManagerWithCommands> {
+    public:
+        RCTPdfViewManager() = default;
+
+        // IViewManager
+        winrt::hstring Name() noexcept;
+        winrt::Windows::UI::Xaml::FrameworkElement CreateView() noexcept;
+
+        // IViewManagerWithReactContext
+        winrt::Microsoft::ReactNative::IReactContext ReactContext() noexcept;
+        void ReactContext(winrt::Microsoft::ReactNative::IReactContext reactContext) noexcept;
+
+        // IViewManagerWithNativeProperties
+        winrt::Windows::Foundation::Collections::
+            IMapView<winrt::hstring, winrt::Microsoft::ReactNative::ViewManagerPropertyType>
+            NativeProps() noexcept;
+
+        void UpdateProperties(
+            winrt::Windows::UI::Xaml::FrameworkElement const& view,
+            winrt::Microsoft::ReactNative::IJSValueReader const& propertyMapReader) noexcept;
+
+        // IViewManagerWithExportedEventTypeConstants
+        winrt::Microsoft::ReactNative::ConstantProviderDelegate ExportedCustomBubblingEventTypeConstants() noexcept;
+        winrt::Microsoft::ReactNative::ConstantProviderDelegate ExportedCustomDirectEventTypeConstants() noexcept;
+
+
+        // IViewManagerWithCommands
+        winrt::Windows::Foundation::Collections::IVectorView<winrt::hstring> Commands() noexcept;
+
+        void DispatchCommand(
+            winrt::Windows::UI::Xaml::FrameworkElement const &view,
+            winrt::hstring const &commandId,
+            winrt::Microsoft::ReactNative::IJSValueReader const &commandArgsReader) noexcept;
+
+    private:
+        winrt::Microsoft::ReactNative::IReactContext m_reactContext{ nullptr };
+    };
+}

package/windows/RCTPdf/ReactPackageProvider.cpp

@@ -0,0 +1,15 @@
+#include "pch.h"
+#include "ReactPackageProvider.h"
+#if __has_include("ReactPackageProvider.g.cpp")
+#  include "ReactPackageProvider.g.cpp"
+#endif
+
+#include "RCTPdfViewManager.h"
+
+using namespace winrt::Microsoft::ReactNative;
+
+namespace winrt::RCTPdf::implementation {
+  void ReactPackageProvider::CreatePackage(IReactPackageBuilder const &packageBuilder) noexcept {
+    packageBuilder.AddViewManager(L"RCTPdfViewManager", []() { return winrt::make<RCTPdfViewManager>(); });
+  }
+}

package/windows/RCTPdf/ReactPackageProvider.h

@@ -0,0 +1,16 @@
+#pragma once
+#include "ReactPackageProvider.g.h"
+
+using namespace winrt::Microsoft::ReactNative;
+
+namespace winrt::RCTPdf::implementation {
+  struct ReactPackageProvider : ReactPackageProviderT<ReactPackageProvider> {
+    ReactPackageProvider() = default;
+    void CreatePackage(IReactPackageBuilder const &packageBuilder) noexcept;
+  };
+}
+
+namespace winrt::RCTPdf::factory_implementation {
+  struct ReactPackageProvider : ReactPackageProviderT<ReactPackageProvider, implementation::ReactPackageProvider> {};
+}
+

package/windows/RCTPdf/ReactPackageProvider.idl

@@ -0,0 +1,9 @@
+namespace RCTPdf
+{
+    [webhosthidden]
+    [default_interface]
+    runtimeclass ReactPackageProvider : Microsoft.ReactNative.IReactPackageProvider
+    {
+        ReactPackageProvider();
+    };
+}

package/windows/RCTPdf/packages.config

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<packages>
+  <package id="Microsoft.Windows.CppWinRT" version="2.0.200316.3" targetFramework="native" />
+</packages>

package/windows/RCTPdf/pch.cpp

@@ -0,0 +1 @@
+#include "pch.h"

package/windows/RCTPdf/pch.h

@@ -0,0 +1,31 @@
+#pragma once
+
+#include <vector>
+#include <shared_mutex>
+#include <optional>
+#include <unknwn.h>
+#include <winrt/Windows.Foundation.h>
+#include <winrt/Windows.Foundation.Collections.h>
+#include <winrt/Windows.ApplicationModel.Activation.h>
+#include <winrt/Windows.Data.Pdf.h>
+#include <winrt/Windows.Storage.h>
+#include <winrt/Windows.Storage.Pickers.h>
+#include <winrt/Windows.Storage.Streams.h>
+#include <winrt/Windows.System.h>
+#include <winrt/Windows.UI.Core.h>
+#include <winrt/Windows.UI.Input.h>
+#include <winrt/Windows.UI.Xaml.h>
+#include <winrt/Windows.UI.Xaml.Automation.h>
+#include <winrt/Windows.UI.Xaml.Automation.Peers.h>
+#include <winrt/Windows.UI.Xaml.Controls.h>
+#include <winrt/Windows.UI.Xaml.Controls.Primitives.h>
+#include <winrt/Windows.UI.Xaml.Documents.h>
+#include <winrt/Windows.UI.Xaml.Input.h>
+#include <winrt/Windows.UI.Xaml.Interop.h>
+#include <winrt/Windows.UI.Xaml.Markup.h>
+#include <winrt/Windows.UI.Xaml.Media.h>
+#include <winrt/Windows.UI.Xaml.Media.Imaging.h>
+#include <winrt/Windows.UI.Xaml.Navigation.h>
+#include <winrt/Microsoft.UI.Xaml.Controls.h>
+#include <winrt/Microsoft.UI.Xaml.XamlTypeInfo.h>
+#include <winrt/Microsoft.ReactNative.h>

package/windows/README.md

@@ -0,0 +1,21 @@
+# react-native-pdf Windows Implementation
+
+- Open your solution in Visual Studio 2019 (eg. `windows\yourapp.sln`)
+- Right-click Solution icon in Solution Explorer > Add > Existing Project...
+  - If running RNW 0.62: add `node_modules\react-native-pdf\windows\RCTPdf\RCTPdf.vcxproj`
+  - If running RNW 0.62: add `node_modules\rn-fetch-blob\windows\RNFetchBlob\RNFetchBlob.vcxproj`
+- Right-click main application project > Add > Reference...
+  - If running 0.62, also select `RCTPdf` and `RNFetchBlob`
+- In app `pch.h` add `#include "winrt/RCTPdf.h"`
+  - If running 0.62, also select `#include "winrt/RNFetchBlob.h"`
+  - If running RNW 0.62, add `PackageProviders().Append(winrt::RCTPdf::ReactPackageProvider());` and `PackageProviders().Append(winrt::RNFetchBlob::ReactPackageProvider());` before `InitializeComponent();`
+
+
+## Bundling PDFs with the app
+To add a `test.pdf` like in the example add:
+```
+<None Include="..\..\test.pdf">
+  <DeploymentContent>true</DeploymentContent>
+</None>
+```
+in the app `.vcxproj` file, before `<None Include="packages.config" />`.