Capacitor File Opener. The plugin is able to open a file given the mimeType and the file uri

I'm building an app with create-react-app and am getting the following error when adding file-opener.

ERROR in ./node_modules/@capacitor-community/file-opener/dist/esm/index.js 3:0-30 Module not found: Error: Can't resolve './definitions' in 'PATHTOAPP/client/node_modules/@capacitor-community/file-opener/dist/esm' Did you mean 'definitions.js'? BREAKING CHANGE: The request './definitions' failed to resolve only because it was resolved as fully specified (probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"'). The extension in the request is mandatory for it to be fully specified. Add the extension to the request.

It does work when I edit the file ./node_modules/@capacitor-community/file-opener/dist/esm/index.js line 3 to read:

export * from './definitions.js'.

But, can't have the entire team editing files in node_modules.

Describe the bug Gradle build fails with the following error message:

/Users/sander/Fork/pomona-app/node_modules/@capacitor-community/file-opener/android/src/main/java/com/ryltsov/alex/plugins/file/opener/FileOpenerProvider.java:6: error: cannot access ContentProvider
public class FileOpenerProvider extends androidx.core.content.FileProvider {}
       ^
  class file for android.content.ContentProvider not found

To Reproduce Steps to reproduce the behavior:

1. npm install @capacitor-community/file-opener inside a capacitor v3 project
2. npx cap sync android
3. Make Capacitor build
4. Open Android Studio and try to build app on a simulator (Pixel 5 API 32)

Expected behavior I expect there to be no gradle errors when building the app with this plugin

Desktop (please complete the following information):

• OS: MacOs Mopnterey 12.4

Smartphone (please complete the following information):

• Device: Pixel 5
• API: 32

Additional context We are using npx jetify for androidX compatibility of some of our used dependencies

gradle.properties:

# Project-wide Gradle settings.

# IDE (e.g. Android Studio) users:
# Gradle settings configured through the IDE *will override*
# any settings specified in this file.

# For more details on how to configure your build environment visit
# http://www.gradle.org/docs/current/userguide/build_environment.html

# Specifies the JVM arguments used for the daemon process.
# The setting is particularly useful for tweaking memory settings.
org.gradle.jvmargs=-Xmx1536m

# When configured, Gradle will run in incubating parallel mode.
# This option should only be used with decoupled projects. More details, visit
# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
# org.gradle.parallel=true

# AndroidX package structure to make it clearer which packages are bundled with the
# Android operating system, and which are packaged with your app's APK
# https://developer.android.com/topic/libraries/support-library/androidx-rn
android.useAndroidX=true
# Automatically convert third-party libraries to use AndroidX
android.enableJetifier=true

org.gradle.java.home=/Applications/Android\ Studio.app/Contents/jre/Contents/Home

export JAVA_HOME=/Applications/Android\ Studio.app/Contents/jre/Contents/Home

variables.gradle:

ext {
    minSdkVersion = 22
    compileSdkVersion = 30
    targetSdkVersion = 30
    androidxActivityVersion = '1.2.0'
    androidxAppCompatVersion = '1.2.0'
    androidxCoordinatorLayoutVersion = '1.1.0'
    androidxCoreVersion = '1.3.2'
    androidxFragmentVersion = '1.3.0'
    junitVersion = '4.13.1'
    androidxJunitVersion = '1.1.2'
    androidxEspressoCoreVersion = '3.3.0'
    cordovaAndroidVersion = '7.0.0'
}

build.gradle:

// Top-level build file where you can add configuration options common to all sub-projects/modules.

buildscript {

    repositories {
        google()
        jcenter()
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:4.1.3'
        classpath 'com.google.gms:google-services:4.3.10'

        // NOTE: Do not place your application dependencies here; they belong
        // in the individual module build.gradle files
    }
}

apply from: "variables.gradle"

allprojects {
    repositories {
        google()
        jcenter()
    }
}

task clean(type: Delete) {
    delete rootProject.buildDir
}

app/build.gradle:

dependencies {
    implementation fileTree(include: ['*.jar'], dir: 'libs')
    implementation("androidx.appcompat:appcompat:$androidxAppCompatVersion") {
        force = true
    }
    implementation project(':capacitor-android')
    implementation 'androidx.webkit:webkit:1.4.0'
    testImplementation "junit:junit:$junitVersion"
    androidTestImplementation "androidx.test.ext:junit:$androidxJunitVersion"
    androidTestImplementation "androidx.test.espresso:espresso-core:$androidxEspressoCoreVersion"
    implementation project(':capacitor-cordova-android-plugins')
    // Import the BoM for the Firebase platform
    implementation platform('com.google.firebase:firebase-bom:28.4.2')
    // Declare the dependencies for the Firebase Cloud Messaging and Analytics libraries
    // When using the BoM, you don't specify versions in Firebase library dependencies
    // implementation 'com.google.firebase:firebase-messaging'
    implementation 'com.google.firebase:firebase-analytics'
    implementation "com.google.firebase:firebase-iid"
}

Hello, first up, thanks for the great work on this plugin, it's great and works like a charm!

Is your feature request related to a problem? Please describe. We currently cannot move to Node 16 in our work project and need to stay with Node 14. However, that means, we cannot use this plugin. I have tried to use the plugin with Node 14, everything seems to work fine. So, is there a specific reason, why this plugin requires Node >= 16?

Describe the solution you'd like Setting the engines.node field in the package.json to >=14 😊

Describe alternatives you've considered We have obviously considered moving to Node 16 right now. But it's just not possible.

Additional context EDIT: We are using yarn as our package manager. One can still install the dependencies by using yarn install --ignore-engines. However, that feels hacky.

Thank you for considering. And if there are specific reasons why Node >=16 is required, please let me know!

Am using the following code: let pdfOutput = url; const directory = File.tempDirectory; File.writeFile(directory, filename, pdfOutput, true).then(success => { FileOpener.showOpenWithDialog(directory + filename, 'application/pdf') .then(() => console.log('File opened')) .catch(e => console.log('Error opening file', e)); }, err => { console.log(" writing File error : ", err) })

And am getting the error within XCode when trying to download the file (hosted on firebase) ...

Describe the bug Installation of 1.0.2 fails due to type: "module" in package.json. Possibly related to the use of typescript in a nextjs project.

To Reproduce See reproducer at https://github.com/arendjantetteroo/capacitor-file-opener-bug Steps to reproduce are in the readme

Expected behavior Can be used as 1.0.1 was.

Screenshots

Desktop (please complete the following information):

• OS: Ubuntu
• Browser all
• Version

Smartphone (please complete the following information): N/A

Additional context Add any other context about the problem here.

Hi. Is there a specific reason why the node engine is restricted? I'm using node 18 and it is working fine, but the warning bugs me :)

npm WARN EBADENGINE Unsupported engine { npm WARN EBADENGINE package: '@capacitor-community/[email protected]', npm WARN EBADENGINE required: { node: '>=16.15.0 <17.0', npm: '>=8.10.0 <9.0' }, npm WARN EBADENGINE current: { node: 'v18.7.0', npm: '8.15.0' } npm WARN EBADENGINE }

The ionic page https://ionicframework.com/docs/native/file-opener points to a repo that has seen no update in 2 years, and the maintainer also has zero activity since December 2021

Therefore capacitor-community/file-opener should replace it on the Ionic pages.

Describe the bug On android 10 only, i am not able to open the files it always fails to open file , as i see in log cat it says

9.415 7372-7372/ E/Capacitor/FilesystemPlugin: Not able to create 'DOCUMENTS'!

To Reproduce Steps to reproduce the behavior:

1. Just click on open document
2. it ask for the file permission
3. gives error 9.415 7372-7372/ E/Capacitor/FilesystemPlugin: Not able to create 'DOCUMENTS'!

Expected behavior Should be able to open the file.

Screenshots

Smartphone (please complete the following information):

• Device: Any device with android 10
• OS: Android
• Browser [e.g. stock browser, safari]
• Version 10

The bug If I set the openWithDefault option to false to open a file with an application program (e.g. *.docx with Word), the ShareSheet does not open or is not visible on the iPad (tested on iOS 15.5). But it works on the iPhone.

System):

• iPadOS 15.5
• ionic App
• Capcitor 3

Smartphone (please complete the following information):

• iPad 9th Generation

Solution I changed the following line (74) in the FileOpenerPlugin.swift file

let rect = CGRect(x: 0, y: 0, width: view.frame.width, height: view.frame.height);

to

let rect = CGRect(x: 0, y: 0, width: view.frame.width, height: 0);

I hope it helps if someone encounters this problem

Describe the bug Capacitor sync cannot find a compatible version for pod "CapacitorCommunityFileOpener"

To Reproduce Steps to reproduce the behavior:

1. npm install @capacitor-community/file-opener
2. npx cap sync

Expected behavior I expected the Capacitor sync to throw no errors after installing this plugin.

Screenshots

Desktop (please complete the following information):

• OS: MacOS Monterey 12.4

Additional information We would really like to keep our minimum deployment target for out application as it is the default for our Capacitor v3 app and was set when we created the Capacitor v3 app.

Everywhere in our project.pbxproj: IPHONEOS_DEPLOYMENT_TARGET = 12.0; Looks like the version set in the podspec is s.ios.deployment_target = '13.0'

We don't need this plugin for iOS at the moment so is there a way to only use it for Android?

Describe the bug This package is what I have been looking for. When I tried installing it, I noticed that it has not been released yet.

Any idea when this plugin will be released?

To Reproduce Steps to reproduce the behavior:

1. npm install @capacitor-community/file-opener

Expected behavior Download en install the package