kuamanet/cordova-pdf-reader

Cordova bridge for iOS PdfKit and android muPDF

Cordova PDF reader

This plugin allows to show, search and watermark a base64 encoded pdf. It leverages swift's PDFKit and mupdf android porting to show and search the pdf.

Installation

cordova plugin add net-kuama-plugins-pdfreader

Supported Platform

• Android
• iOS

Usage

function fetchLocal(url) {
    return new Promise(function (resolve, reject) {
        var xhr = new XMLHttpRequest
        xhr.onload = function () {
            resolve(new Response(xhr.responseText, {status: xhr.status}))
        }
        xhr.onerror = function () {
            reject(new TypeError('Local request failed'))
        }
        xhr.open('GET', url)
        xhr.send(null)
    })
}

var app = {
    // Application Constructor
    initialize: function () {
        document.addEventListener('deviceready', this.onDeviceReady.bind(this), false);
    },

    // deviceready Event Handler

    onDeviceReady: function () {
        app.receivedEvent('deviceready');
        const promisedBase64 =
            cordova.platformId === 'android' ? fetchLocal('res.json') : fetch('res.json');

        promisedBase64
            .then(resp => resp.json())
            .then(res => {
                KPdfReader.fromBase64(
                    res.rawData, // the base 64 pdf
                    {
                        watermark: "A nice watermark",
                        fileName: "Test file pdf" // the title of the pdf
                    },
                )
                    .then(() => {
                        // pdf was closed
                    })
                    .catch(console.error);
            });
    },

    // Update DOM on a Received Event
    receivedEvent: function (id) {
        var parentElement = document.getElementById(id);
        var listeningElement = parentElement.querySelector('.listening');
        var receivedElement = parentElement.querySelector('.received');

        listeningElement.setAttribute('style', 'display:none;');
        receivedElement.setAttribute('style', 'display:block;');

        console.log('Received Event: ' + id);
    }
};

app.initialize();

Screens

Android usage

You will need to add some color definitions to your android project (if using cordova < 11, create a file named colors.xml inside platforms/android/app/src/main/res/values)

<color name="colorPrimary">#008577</color>
<color name="colorPrimaryDark">#00574B</color>
<color name="colorAccent">#D81B60</color>
<color name="page_indicator">#C0202020</color>
<color name="toolbar">#C0202020</color>

If you do not have a colors.xml file, this is a full example

<?xml version='1.0' encoding='utf-8'?>
<resources xmlns:tools="http://schemas.android.com/tools">
    <color name="colorPrimary">#008577</color>
    <color name="colorPrimaryDark">#00574B</color>
    <color name="colorAccent">#D81B60</color>
    <color name="page_indicator">#C0202020</color>
    <color name="toolbar">#C0202020</color>
</resources>

cordova-pdf-reader's Issues

issue with cordova 10

After having added the plugin, when I try to compile I get an error on this line

let renderSuccessCallback, renderErrorCallback;

This is due to the fact that cordova does not transpile the let into var.

Could not find com.huangyz0918:androidwm-light:0.1.2.

Thanks for making this plugin, while trying to build the following error is showing

`> Task :app:checkDebugAarMetadata FAILED

FAILURE: Build failed with an exception.

• What went wrong:
  Execution failed for task ':app:checkDebugAarMetadata'.

Could not resolve all files for configuration ':app:debugRuntimeClasspath'.
Could not find com.huangyz0918:androidwm:0.2.3.
Searched in the following locations:
- https://dl.google.com/dl/android/maven2/com/huangyz0918/androidwm/0.2.3/androidwm-0.2.3.pom
- https://repo.maven.apache.org/maven2/com/huangyz0918/androidwm/0.2.3/androidwm-0.2.3.pom
- https://jcenter.bintray.com/com/huangyz0918/androidwm/0.2.3/androidwm-0.2.3.pom
- https://maven.ghostscript.com/com/huangyz0918/androidwm/0.2.3/androidwm-0.2.3.pom
Required by:
project :app`