@intuiface/capacitor-plugin-screenshot 1.0.1

package/IntuifaceCapacitorPluginScreenshot.podspec

@@ -0,0 +1,17 @@
+require 'json'
+
+package = JSON.parse(File.read(File.join(__dir__, 'package.json')))
+
+Pod::Spec.new do |s|
+  s.name = 'IntuifaceCapacitorPluginScreenshot'
+  s.version = package['version']
+  s.summary = package['description']
+  s.license = package['license']
+  s.homepage = package['repository']['url']
+  s.author = package['author']
+  s.source = { :git => package['repository']['url'], :tag => s.version.to_s }
+  s.source_files = 'ios/Plugin/**/*.{swift,h,m,c,cc,mm,cpp}'
+  s.ios.deployment_target  = '13.0'
+  s.dependency 'Capacitor'
+  s.swift_version = '5.1'
+end

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Intuiface
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,93 @@
+# capacitor-plugin-screenshot
+
+Capacitor plugin to take screenshot for iOS and Android devices.
+
+The main goal of this plugin is to be able to take a screenshot of the application exactly as you see it. Even if there are playing videos, an iframe with some content, a cross-origin CSS...etc.
+
+This plugin uses the `takeSnapshot` method of the `WKWebView` for iOS : https://developer.apple.com/documentation/webkit/wkwebview/2873260-takesnapshot.
+
+And for Android, the `MediaProjection` API : https://developer.android.com/reference/android/media/projection/MediaProjection.
+
+For the web, `MediaDevices` is use to cast the browser tab : https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia.
+
+## Install
+
+```bash
+npm install @intuiface/capacitor-plugin-screenshot
+npx cap sync
+```
+
+## API
+
+<docgen-index>
+
+* [`getScreenshot(...)`](#getscreenshot)
+* [Interfaces](#interfaces)
+
+</docgen-index>
+
+<docgen-api>
+<!--Update the source file JSDoc comments and rerun docgen to update the docs below-->
+
+### getScreenshot(...)
+
+```typescript
+getScreenshot(options: ScreenshotOptions) => Promise<ScreenshotValue | null>
+```
+
+Function to take a screenshot
+
+| Param         | Type                                                            | Description                                       |
+| ------------- | --------------------------------------------------------------- | ------------------------------------------------- |
+| **`options`** | <code><a href="#screenshotoptions">ScreenshotOptions</a></code> | : options with quality desired for the screenshot |
+
+**Returns:** <code>Promise&lt;<a href="#screenshotvalue">ScreenshotValue</a> | null&gt;</code>
+
+--------------------
+
+
+### Interfaces
+
+
+#### ScreenshotValue
+
+| Prop         | Type                | Description                                       |
+| ------------ | ------------------- | ------------------------------------------------- |
+| **`base64`** | <code>string</code> | The base64 string of the screenshot. Can be null  |
+| **`URI`**    | <code>string</code> | The file uri where the image is saved Can be null |
+
+
+#### ScreenshotOptions
+
+| Prop          | Type                | Description                                 |
+| ------------- | ------------------- | ------------------------------------------- |
+| **`quality`** | <code>number</code> | The quality of the screenshot between 0-100 |
+| **`name`**    | <code>string</code> | The name of the file to save                |
+
+</docgen-api>
+
+---
+
+## iOS
+
+iOS version 11+ is supported.
+
+Nothing more to do, it should work by calling the `getScreenshot` function.
+
+
+## Android
+
+Android Version 6+ is supported.
+
+To be able to take screenshot on Android, you have to declare a foreground service in the `AndroidManifest.xml` in the application tag :
+
+```xml
+<service android:enabled="true" android:foregroundServiceType="mediaProjection" android:name="com.intuiface.plugins.screenshot.ScreenCaptureService" />
+```
+
+The foreground service will ask you to cast your screen and this is mandatory to take screenshot with the `MediaProjection` API.
+
+
+## License
+
+The scripts and documentation in this project are released under the [MIT License](./LICENSE)

package/android/build.gradle

@@ -0,0 +1,58 @@
+ext {
+    junitVersion = project.hasProperty('junitVersion') ? rootProject.ext.junitVersion : '4.13.2'
+    androidxAppCompatVersion = project.hasProperty('androidxAppCompatVersion') ? rootProject.ext.androidxAppCompatVersion : '1.6.1'
+    androidxJunitVersion = project.hasProperty('androidxJunitVersion') ? rootProject.ext.androidxJunitVersion : '1.1.5'
+    androidxEspressoCoreVersion = project.hasProperty('androidxEspressoCoreVersion') ? rootProject.ext.androidxEspressoCoreVersion : '3.5.1'
+}
+
+buildscript {
+    repositories {
+        google()
+        mavenCentral()
+    }
+    dependencies {
+        classpath 'com.android.tools.build:gradle:8.0.0'
+    }
+}
+
+apply plugin: 'com.android.library'
+
+android {
+    namespace "com.intuiface.plugins.screenshot"
+    compileSdkVersion project.hasProperty('compileSdkVersion') ? rootProject.ext.compileSdkVersion : 33
+    defaultConfig {
+        minSdkVersion project.hasProperty('minSdkVersion') ? rootProject.ext.minSdkVersion : 22
+        targetSdkVersion project.hasProperty('targetSdkVersion') ? rootProject.ext.targetSdkVersion : 33
+        versionCode 1
+        versionName "1.0"
+        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
+    }
+    buildTypes {
+        release {
+            minifyEnabled false
+            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
+        }
+    }
+    lintOptions {
+        abortOnError false
+    }
+    compileOptions {
+        sourceCompatibility JavaVersion.VERSION_17
+        targetCompatibility JavaVersion.VERSION_17
+    }
+}
+
+repositories {
+    google()
+    mavenCentral()
+}
+
+
+dependencies {
+    implementation fileTree(dir: 'libs', include: ['*.jar'])
+    implementation project(':capacitor-android')
+    implementation "androidx.appcompat:appcompat:$androidxAppCompatVersion"
+    testImplementation "junit:junit:$junitVersion"
+    androidTestImplementation "androidx.test.ext:junit:$androidxJunitVersion"
+    androidTestImplementation "androidx.test.espresso:espresso-core:$androidxEspressoCoreVersion"
+}

package/android/src/main/AndroidManifest.xml

@@ -0,0 +1,2 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+</manifest>

package/android/src/main/java/com/intuiface/plugins/screenshot/CapacitorScreenshot.java

@@ -0,0 +1,11 @@
+package com.intuiface.plugins.screenshot;
+
+import android.util.Log;
+
+public class CapacitorScreenshot {
+
+    public String echo(String value) {
+        Log.i("Echo", value);
+        return value;
+    }
+}

package/android/src/main/java/com/intuiface/plugins/screenshot/CapacitorScreenshotPlugin.java

@@ -0,0 +1,204 @@
+package com.intuiface.plugins.screenshot;
+
+import android.annotation.SuppressLint;
+import android.app.Activity;
+import android.content.Intent;
+import android.graphics.Bitmap;
+import android.graphics.PixelFormat;
+import android.hardware.display.DisplayManager;
+import android.hardware.display.VirtualDisplay;
+import android.media.Image;
+import android.media.ImageReader;
+import android.media.projection.MediaProjection;
+import android.media.projection.MediaProjectionManager;
+import android.os.Build;
+import android.os.Handler;
+import android.os.HandlerThread;
+import android.util.Base64;
+import android.util.DisplayMetrics;
+import androidx.activity.result.ActivityResult;
+import androidx.activity.result.ActivityResultCallback;
+import androidx.activity.result.ActivityResultLauncher;
+import androidx.activity.result.contract.ActivityResultContracts;
+import com.getcapacitor.JSObject;
+import com.getcapacitor.Plugin;
+import com.getcapacitor.PluginCall;
+import com.getcapacitor.PluginMethod;
+import com.getcapacitor.annotation.CapacitorPlugin;
+import java.io.ByteArrayOutputStream;
+import java.io.File;
+import java.io.FileNotFoundException;
+import java.io.FileOutputStream;
+import java.io.IOException;
+import java.nio.ByteBuffer;
+
+@CapacitorPlugin(name = "CapacitorScreenshot", requestCodes = { 1 })
+public class CapacitorScreenshotPlugin extends Plugin {
+
+    private MediaProjectionManager mediaProjectionManager;
+    private MediaProjection mediaProjection;
+
+    private ActivityResultLauncher<Intent> mediaProjectionActivityLauncher;
+
+    private PluginCall savedCall;
+
+    @Override
+    public void load() {
+        mediaProjectionActivityLauncher =
+            getActivity()
+                .registerForActivityResult(
+                    new ActivityResultContracts.StartActivityForResult(),
+                    new ActivityResultCallback<ActivityResult>() {
+                        @Override
+                        public void onActivityResult(ActivityResult result) {
+                            if (result.getResultCode() == Activity.RESULT_OK) {
+                                assert result.getData() != null;
+                                mediaProjection = mediaProjectionManager.getMediaProjection(result.getResultCode(), result.getData());
+                                startScreenshotCapture(mediaProjection);
+                            }
+                        }
+                    }
+                );
+    }
+
+    @PluginMethod
+    public void getScreenshot(PluginCall call) {
+        if (mediaProjection != null) {
+            savedCall = call;
+            startScreenshotCapture(mediaProjection);
+        } else {
+            ScreenCaptureManager screenCaptureManager = new ScreenCaptureManager(getContext());
+            screenCaptureManager.startForeground();
+
+            getBridge()
+                .getActivity()
+                .runOnUiThread(
+                    new Runnable() {
+                        @Override
+                        public void run() {
+                            Activity activity = getBridge().getActivity();
+                            if (activity != null) {
+                                mediaProjectionManager =
+                                    (MediaProjectionManager) activity.getSystemService(Activity.MEDIA_PROJECTION_SERVICE);
+
+                                savedCall = call;
+                                Intent projectionIntent = mediaProjectionManager.createScreenCaptureIntent();
+                                mediaProjectionActivityLauncher.launch(projectionIntent);
+                            } else {
+                                call.reject("Activity is null");
+                            }
+                        }
+                    }
+                );
+        }
+    }
+
+    private void startScreenshotCapture(MediaProjection mediaProjection) {
+        HandlerThread handlerThread = new HandlerThread("ScreenshotThread");
+        handlerThread.start();
+
+        final DisplayMetrics metrics = getContext().getResources().getDisplayMetrics();
+        int screenWidth = metrics.widthPixels;
+        int screenHeight = metrics.heightPixels;
+
+        Handler handler = new Handler(handlerThread.getLooper());
+
+        int screenDensity = metrics.densityDpi;
+
+        // Create an ImageReader to capture the screen content
+        @SuppressLint("WrongConstant")
+        ImageReader imageReader = ImageReader.newInstance(screenWidth, screenHeight, PixelFormat.RGBA_8888, 1);
+        // Create a VirtualDisplay using the mediaProjection and imageReader
+        final VirtualDisplay virtualDisplay = mediaProjection.createVirtualDisplay(
+            "ScreenCapture",
+            screenWidth,
+            screenHeight,
+            screenDensity,
+            DisplayManager.VIRTUAL_DISPLAY_FLAG_AUTO_MIRROR,
+            imageReader.getSurface(),
+            null,
+            handler
+        );
+
+        // Handle the captured images from the ImageReader
+        imageReader.setOnImageAvailableListener(
+            reader -> {
+                Image image = imageReader.acquireLatestImage();
+                if (image != null) {
+                    // Process the captured image
+                    processScreenshot(image);
+                    // Release the image resources
+                    image.close();
+
+                    virtualDisplay.release();
+                }
+            },
+            handler
+        );
+    }
+
+    private void processScreenshot(Image image) {
+        if (savedCall != null) {
+            // Convert the Image to a Bitmap
+            Bitmap bitmap = convertImageToBitmap(image);
+
+            // Save or send the bitmap to your server
+            int quality = savedCall.getInt("quality", 100);
+
+            JSObject ret = new JSObject();
+            String base64Image = convertBitmapToBase64(bitmap, quality);
+
+            // save the bitmap as file
+            String filename = savedCall.getString("name", "screenshot");
+            File file = new File(getContext().getFilesDir(), filename + ".png");
+            try (FileOutputStream out = new FileOutputStream(file)) {
+                bitmap.compress(Bitmap.CompressFormat.PNG, quality, out);
+                out.flush();
+            } catch (IOException e) {
+                e.printStackTrace();
+            }
+
+            ret.put("base64", "data:image/png;base64," + base64Image);
+            ret.put("URI", file.toURI());
+            savedCall.resolve(ret);
+
+            // Release any resources
+            bitmap.recycle();
+        }
+    }
+
+    private String convertBitmapToBase64(Bitmap bitmap, int quality) {
+        ByteArrayOutputStream byteArrayOutputStream = new ByteArrayOutputStream();
+        bitmap.compress(Bitmap.CompressFormat.PNG, quality, byteArrayOutputStream);
+        byte[] byteArray = byteArrayOutputStream.toByteArray();
+        return Base64.encodeToString(byteArray, Base64.DEFAULT);
+    }
+
+    private Bitmap convertImageToBitmap(Image image) {
+        if (image == null) {
+            return null;
+        }
+
+        Image.Plane[] planes = image.getPlanes();
+        ByteBuffer buffer = planes[0].getBuffer();
+
+        int width = image.getWidth();
+        int height = image.getHeight();
+        int pixelStride = planes[0].getPixelStride();
+        int rowStride = planes[0].getRowStride();
+        int rowPadding = rowStride - pixelStride * width;
+
+        Bitmap bitmap = Bitmap.createBitmap(width + rowPadding / pixelStride, height, Bitmap.Config.ARGB_8888);
+        bitmap.copyPixelsFromBuffer(buffer);
+
+        // generate the final bitmap at the right size from the bitmap created
+        bitmap = Bitmap.createBitmap(bitmap, 0, 0, width, height);
+
+        // scale but keep ratio
+        int scaledWidth = Math.min(width, 1920);
+        int scaledHeight = height * scaledWidth / width;
+        bitmap = Bitmap.createScaledBitmap(bitmap, scaledWidth, scaledHeight, false);
+
+        return bitmap;
+    }
+}

package/android/src/main/java/com/intuiface/plugins/screenshot/ScreenCaptureManager.java

@@ -0,0 +1,69 @@
+package com.intuiface.plugins.screenshot;
+
+import android.content.ComponentName;
+import android.content.Context;
+import android.content.Intent;
+import android.content.ServiceConnection;
+import android.os.IBinder;
+
+public class ScreenCaptureManager {
+
+    private ScreenCaptureService mService;
+    private Context mContext;
+    private State currentState = State.UNBIND_SERVICE;
+
+    /** Defines callbacks for service binding, passed to bindService() */
+    private final ServiceConnection connection = new ServiceConnection() {
+        @Override
+        public void onServiceConnected(ComponentName className, IBinder service) {
+            // We've bound to ScreenCaptureService, cast the IBinder and get ScreenCaptureService instance
+            ScreenCaptureService.LocalBinder binder = (ScreenCaptureService.LocalBinder) service;
+            mService = binder.getService();
+            if (currentState == State.START_FOREGROUND) {
+                mService.startForeground();
+            } else {
+                currentState = State.BIND_SERVICE;
+            }
+        }
+
+        @Override
+        public void onServiceDisconnected(ComponentName arg0) {}
+    };
+
+    /**
+     * An enum describing the possible states of a ScreenCaptureManager.
+     */
+    public enum State {
+        BIND_SERVICE,
+        START_FOREGROUND,
+        END_FOREGROUND,
+        UNBIND_SERVICE
+    }
+
+    public ScreenCaptureManager(Context context) {
+        mContext = context;
+        bindService();
+    }
+
+    private void bindService() {
+        Intent intent = new Intent(mContext, ScreenCaptureService.class);
+        mContext.bindService(intent, connection, Context.BIND_AUTO_CREATE);
+    }
+
+    public void startForeground() {
+        if (mService != null) {
+            mService.startForeground();
+        }
+        currentState = State.START_FOREGROUND;
+    }
+
+    public void endForeground() {
+        mService.endForeground();
+        currentState = State.END_FOREGROUND;
+    }
+
+    public void unbindService() {
+        mContext.unbindService(connection);
+        currentState = State.UNBIND_SERVICE;
+    }
+}

package/android/src/main/java/com/intuiface/plugins/screenshot/ScreenCaptureService.java

@@ -0,0 +1,83 @@
+package com.intuiface.plugins.screenshot;
+
+import android.app.Notification;
+import android.app.NotificationChannel;
+import android.app.NotificationManager;
+import android.app.Service;
+import android.content.Context;
+import android.content.Intent;
+import android.os.Binder;
+import android.os.Build;
+import android.os.IBinder;
+
+/**
+ * Foreground service to ask screen capture permission.
+ */
+public class ScreenCaptureService extends Service {
+
+    private static final String CHANNEL_ID = "default";
+    private static final String CHANNEL_NAME = "ScreenCapture";
+
+    // Binder given to clients
+    private final IBinder binder = new LocalBinder();
+
+    /**
+     * Class used for the client Binder.  We know this service always
+     * runs in the same process as its clients, we don't need to deal with IPC.
+     */
+    public class LocalBinder extends Binder {
+
+        public ScreenCaptureService getService() {
+            // Return this instance of ScreenCaptureService so clients can call public methods
+            return ScreenCaptureService.this;
+        }
+    }
+
+    @Override
+    public void onCreate() {
+        super.onCreate();
+    }
+
+    @Override
+    public int onStartCommand(Intent intent, int flags, int startId) {
+        return START_NOT_STICKY;
+    }
+
+    public void startForeground() {
+        NotificationChannel chan = null;
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
+            chan = new NotificationChannel(CHANNEL_ID, CHANNEL_NAME, NotificationManager.IMPORTANCE_NONE);
+        }
+        NotificationManager manager = null;
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
+            manager = (NotificationManager) getSystemService(Context.NOTIFICATION_SERVICE);
+        }
+        assert manager != null;
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
+            manager.createNotificationChannel(chan);
+        }
+
+        final int notificationId = (int) System.currentTimeMillis();
+        Notification.Builder notificationBuilder = null;
+        if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.O) {
+            notificationBuilder = new Notification.Builder(this, CHANNEL_ID);
+        } else {
+            notificationBuilder = new Notification.Builder(this);
+        }
+        Notification notification = notificationBuilder
+            .setOngoing(true)
+            .setContentTitle("ScreenCaptureService is running in the foreground")
+            .setCategory(Notification.CATEGORY_SERVICE)
+            .build();
+        startForeground(notificationId, notification);
+    }
+
+    public void endForeground() {
+        stopForeground(true);
+    }
+
+    @Override
+    public IBinder onBind(Intent intent) {
+        return binder;
+    }
+}

package/android/src/main/res/values/refs.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <drawable name="icon" />
+</resources>

package/dist/docs.json

@@ -0,0 +1,90 @@
+{
+  "api": {
+    "name": "CapacitorScreenshotPlugin",
+    "slug": "capacitorscreenshotplugin",
+    "docs": "",
+    "tags": [],
+    "methods": [
+      {
+        "name": "getScreenshot",
+        "signature": "(options: ScreenshotOptions) => Promise<ScreenshotValue | null>",
+        "parameters": [
+          {
+            "name": "options",
+            "docs": ": options with quality desired for the screenshot",
+            "type": "ScreenshotOptions"
+          }
+        ],
+        "returns": "Promise<ScreenshotValue | null>",
+        "tags": [
+          {
+            "name": "param",
+            "text": "options : options with quality desired for the screenshot"
+          },
+          {
+            "name": "returns",
+            "text": "Promise with the base64 string of the image if available, null instead"
+          }
+        ],
+        "docs": "Function to take a screenshot",
+        "complexTypes": [
+          "ScreenshotValue",
+          "ScreenshotOptions"
+        ],
+        "slug": "getscreenshot"
+      }
+    ],
+    "properties": []
+  },
+  "interfaces": [
+    {
+      "name": "ScreenshotValue",
+      "slug": "screenshotvalue",
+      "docs": "",
+      "tags": [],
+      "methods": [],
+      "properties": [
+        {
+          "name": "base64",
+          "tags": [],
+          "docs": "The base64 string of the screenshot.\nCan be null",
+          "complexTypes": [],
+          "type": "string | undefined"
+        },
+        {
+          "name": "URI",
+          "tags": [],
+          "docs": "The file uri where the image is saved\nCan be null",
+          "complexTypes": [],
+          "type": "string | undefined"
+        }
+      ]
+    },
+    {
+      "name": "ScreenshotOptions",
+      "slug": "screenshotoptions",
+      "docs": "",
+      "tags": [],
+      "methods": [],
+      "properties": [
+        {
+          "name": "quality",
+          "tags": [],
+          "docs": "The quality of the screenshot between 0-100",
+          "complexTypes": [],
+          "type": "number"
+        },
+        {
+          "name": "name",
+          "tags": [],
+          "docs": "The name of the file to save",
+          "complexTypes": [],
+          "type": "string | undefined"
+        }
+      ]
+    }
+  ],
+  "enums": [],
+  "typeAliases": [],
+  "pluginConfigs": []
+}

package/dist/esm/definitions.d.ts

@@ -0,0 +1,30 @@
+export interface CapacitorScreenshotPlugin {
+    /**
+     * Function to take a screenshot
+     * @param {ScreenshotOptions} options : options with quality desired for the screenshot
+     * @returns {Promise<ScreenshotValue | null>} Promise with the base64 string of the image if available, null instead
+     */
+    getScreenshot(options: ScreenshotOptions): Promise<ScreenshotValue | null>;
+}
+export interface ScreenshotOptions {
+    /**
+     * The quality of the screenshot between 0-100
+     */
+    quality: number;
+    /**
+     * The name of the file to save
+     */
+    name?: string;
+}
+export interface ScreenshotValue {
+    /**
+     * The base64 string of the screenshot.
+     * Can be null
+     */
+    base64?: string;
+    /**
+     * The file uri where the image is saved
+     * Can be null
+     */
+    URI?: string;
+}

package/dist/esm/definitions.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=definitions.js.map

package/dist/esm/definitions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definitions.js","sourceRoot":"","sources":["../../src/definitions.ts"],"names":[],"mappings":"","sourcesContent":["export interface CapacitorScreenshotPlugin {\n  /**\n   * Function to take a screenshot\n   * @param {ScreenshotOptions} options : options with quality desired for the screenshot\n   * @returns {Promise<ScreenshotValue | null>} Promise with the base64 string of the image if available, null instead\n   */\n  getScreenshot(options: ScreenshotOptions): Promise<ScreenshotValue | null>;\n}\n\nexport interface ScreenshotOptions {\n  /**\n   * The quality of the screenshot between 0-100\n   */\n  quality: number;\n  /**\n   * The name of the file to save\n   */\n  name?: string;\n}\n\nexport interface ScreenshotValue {\n  /**\n   * The base64 string of the screenshot.\n   * Can be null\n   */\n  base64?: string;\n  /**\n   * The file uri where the image is saved\n   * Can be null\n   */\n  URI?: string;\n}\n"]}

package/dist/esm/index.d.ts

@@ -0,0 +1,4 @@
+import type { CapacitorScreenshotPlugin } from './definitions';
+declare const CapacitorScreenshot: CapacitorScreenshotPlugin;
+export * from './definitions';
+export { CapacitorScreenshot };

package/dist/esm/index.js

@@ -0,0 +1,7 @@
+import { registerPlugin } from '@capacitor/core';
+const CapacitorScreenshot = registerPlugin('CapacitorScreenshot', {
+    web: () => import('./web').then(m => new m.CapacitorScreenshotWeb()),
+});
+export * from './definitions';
+export { CapacitorScreenshot };
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAIjD,MAAM,mBAAmB,GAAG,cAAc,CACxC,qBAAqB,EACrB;IACE,GAAG,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,sBAAsB,EAAE,CAAC;CACrE,CACF,CAAC;AAEF,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,mBAAmB,EAAE,CAAC","sourcesContent":["import { registerPlugin } from '@capacitor/core';\n\nimport type { CapacitorScreenshotPlugin } from './definitions';\n\nconst CapacitorScreenshot = registerPlugin<CapacitorScreenshotPlugin>(\n  'CapacitorScreenshot',\n  {\n    web: () => import('./web').then(m => new m.CapacitorScreenshotWeb()),\n  },\n);\n\nexport * from './definitions';\nexport { CapacitorScreenshot };\n"]}

package/dist/esm/web.d.ts

@@ -0,0 +1,8 @@
+import { WebPlugin } from '@capacitor/core';
+import type { CapacitorScreenshotPlugin, ScreenshotOptions, ScreenshotValue } from './definitions';
+export declare class CapacitorScreenshotWeb extends WebPlugin implements CapacitorScreenshotPlugin {
+    private captureStream;
+    private videoCapture;
+    private captureCanvas;
+    getScreenshot(options: ScreenshotOptions): Promise<ScreenshotValue | null>;
+}

package/dist/esm/web.js

@@ -0,0 +1,61 @@
+import { WebPlugin } from '@capacitor/core';
+export class CapacitorScreenshotWeb extends WebPlugin {
+    async getScreenshot(options) {
+        try {
+            if (!this.captureStream) {
+                // display a message ?
+                // get the media device
+                const mediaDevices = navigator.mediaDevices;
+                const width = screen.width * (window.devicePixelRatio || 1);
+                const height = screen.height * (window.devicePixelRatio || 1);
+                // start sharing screen (ask for it)
+                this.captureStream = await mediaDevices.getDisplayMedia({
+                    preferCurrentTab: true,
+                    audio: false,
+                    video: {
+                        width,
+                        height,
+                    },
+                });
+                // create a video tag
+                this.videoCapture = document.createElement('video');
+                // create a canvas
+                this.captureCanvas = document.createElement('canvas');
+            }
+            return new Promise(resolve => {
+                const callbackLoadedMetadata = () => {
+                    // unbind from loaded metadata
+                    this.videoCapture.removeEventListener('loadedmetadata', callbackLoadedMetadata);
+                    // set the canvas size with the video size
+                    this.captureCanvas.width = this.videoCapture.videoWidth;
+                    this.captureCanvas.height = this.videoCapture.videoHeight;
+                    // draw the video into canvas
+                    this.captureCanvas
+                        .getContext('2d')
+                        .drawImage(this.videoCapture, 0, 0);
+                    let quality = 1.0;
+                    if (options.quality) {
+                        quality = options.quality / 100;
+                    }
+                    // get the image of the canvas
+                    const frame = this.captureCanvas.toDataURL('image/jpeg', quality);
+                    // pause the video
+                    this.videoCapture.pause();
+                    // return the image
+                    resolve({ base64: frame });
+                };
+                // bind on loaded metadata to draw the video when the video is ready
+                this.videoCapture.onloadedmetadata = callbackLoadedMetadata;
+                // set the src of the video
+                this.videoCapture.srcObject = this.captureStream;
+                // play the video
+                this.videoCapture.play();
+            });
+        }
+        catch (err) {
+            console.error(`Error: ${err}`);
+            return null;
+        }
+    }
+}
+//# sourceMappingURL=web.js.map

package/dist/esm/web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"web.js","sourceRoot":"","sources":["../../src/web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAQ5C,MAAM,OAAO,sBACX,SAAQ,SAAS;IAOjB,KAAK,CAAC,aAAa,CACjB,OAA0B;QAE1B,IAAI;YACF,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;gBACvB,sBAAsB;gBAEtB,uBAAuB;gBACvB,MAAM,YAAY,GAAG,SAAS,CAAC,YAAmB,CAAC;gBACnD,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,MAAM,CAAC,gBAAgB,IAAI,CAAC,CAAC,CAAC;gBAC5D,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,MAAM,CAAC,gBAAgB,IAAI,CAAC,CAAC,CAAC;gBAE9D,oCAAoC;gBACpC,IAAI,CAAC,aAAa,GAAG,MAAM,YAAY,CAAC,eAAe,CAAC;oBACtD,gBAAgB,EAAE,IAAI;oBACtB,KAAK,EAAE,KAAK;oBACZ,KAAK,EAAE;wBACL,KAAK;wBACL,MAAM;qBACP;iBACF,CAAC,CAAC;gBACH,qBAAqB;gBACrB,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;gBACpD,kBAAkB;gBAClB,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;aACvD;YAED,OAAO,IAAI,OAAO,CAAM,OAAO,CAAC,EAAE;gBAChC,MAAM,sBAAsB,GAAG,GAAG,EAAE;oBAClC,8BAA8B;oBAC9B,IAAI,CAAC,YAAY,CAAC,mBAAmB,CACnC,gBAAgB,EAChB,sBAAsB,CACvB,CAAC;oBACF,0CAA0C;oBAC1C,IAAI,CAAC,aAAa,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC;oBACxD,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC;oBAC1D,6BAA6B;oBAC7B,IAAI,CAAC,aAAa;yBACf,UAAU,CAAC,IAAI,CAAC;yBAChB,SAAS,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;oBACtC,IAAI,OAAO,GAAG,GAAG,CAAC;oBAClB,IAAI,OAAO,CAAC,OAAO,EAAE;wBACnB,OAAO,GAAG,OAAO,CAAC,OAAO,GAAG,GAAG,CAAC;qBACjC;oBACD,8BAA8B;oBAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;oBAClE,kBAAkB;oBAClB,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC;oBAE1B,mBAAmB;oBACnB,OAAO,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;gBAC7B,CAAC,CAAC;gBAEF,oEAAoE;gBACpE,IAAI,CAAC,YAAY,CAAC,gBAAgB,GAAG,sBAAsB,CAAC;gBAC5D,2BAA2B;gBAC3B,IAAI,CAAC,YAAY,CAAC,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC;gBACjD,iBAAiB;gBACjB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;YAC3B,CAAC,CAAC,CAAC;SACJ;QAAC,OAAO,GAAG,EAAE;YACZ,OAAO,CAAC,KAAK,CAAC,UAAU,GAAa,EAAE,CAAC,CAAC;YACzC,OAAO,IAAI,CAAC;SACb;IACH,CAAC;CACF","sourcesContent":["import { WebPlugin } from '@capacitor/core';\n\nimport type {\n  CapacitorScreenshotPlugin,\n  ScreenshotOptions,\n  ScreenshotValue,\n} from './definitions';\n\nexport class CapacitorScreenshotWeb\n  extends WebPlugin\n  implements CapacitorScreenshotPlugin\n{\n  private captureStream: any;\n  private videoCapture: any;\n  private captureCanvas: any;\n\n  async getScreenshot(\n    options: ScreenshotOptions,\n  ): Promise<ScreenshotValue | null> {\n    try {\n      if (!this.captureStream) {\n        // display a message ?\n\n        // get the media device\n        const mediaDevices = navigator.mediaDevices as any;\n        const width = screen.width * (window.devicePixelRatio || 1);\n        const height = screen.height * (window.devicePixelRatio || 1);\n\n        // start sharing screen (ask for it)\n        this.captureStream = await mediaDevices.getDisplayMedia({\n          preferCurrentTab: true,\n          audio: false,\n          video: {\n            width,\n            height,\n          },\n        });\n        // create a video tag\n        this.videoCapture = document.createElement('video');\n        // create a canvas\n        this.captureCanvas = document.createElement('canvas');\n      }\n\n      return new Promise<any>(resolve => {\n        const callbackLoadedMetadata = () => {\n          // unbind from loaded metadata\n          this.videoCapture.removeEventListener(\n            'loadedmetadata',\n            callbackLoadedMetadata,\n          );\n          // set the canvas size with the video size\n          this.captureCanvas.width = this.videoCapture.videoWidth;\n          this.captureCanvas.height = this.videoCapture.videoHeight;\n          // draw the video into canvas\n          this.captureCanvas\n            .getContext('2d')\n            .drawImage(this.videoCapture, 0, 0);\n          let quality = 1.0;\n          if (options.quality) {\n            quality = options.quality / 100;\n          }\n          // get the image of the canvas\n          const frame = this.captureCanvas.toDataURL('image/jpeg', quality);\n          // pause the video\n          this.videoCapture.pause();\n\n          // return the image\n          resolve({ base64: frame });\n        };\n\n        // bind on loaded metadata to draw the video when the video is ready\n        this.videoCapture.onloadedmetadata = callbackLoadedMetadata;\n        // set the src of the video\n        this.videoCapture.srcObject = this.captureStream;\n        // play the video\n        this.videoCapture.play();\n      });\n    } catch (err) {\n      console.error(`Error: ${err as string}`);\n      return null;\n    }\n  }\n}\n"]}

package/dist/plugin.cjs.js

@@ -0,0 +1,77 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@capacitor/core');
+
+const CapacitorScreenshot = core.registerPlugin('CapacitorScreenshot', {
+    web: () => Promise.resolve().then(function () { return web; }).then(m => new m.CapacitorScreenshotWeb()),
+});
+
+class CapacitorScreenshotWeb extends core.WebPlugin {
+    async getScreenshot(options) {
+        try {
+            if (!this.captureStream) {
+                // display a message ?
+                // get the media device
+                const mediaDevices = navigator.mediaDevices;
+                const width = screen.width * (window.devicePixelRatio || 1);
+                const height = screen.height * (window.devicePixelRatio || 1);
+                // start sharing screen (ask for it)
+                this.captureStream = await mediaDevices.getDisplayMedia({
+                    preferCurrentTab: true,
+                    audio: false,
+                    video: {
+                        width,
+                        height,
+                    },
+                });
+                // create a video tag
+                this.videoCapture = document.createElement('video');
+                // create a canvas
+                this.captureCanvas = document.createElement('canvas');
+            }
+            return new Promise(resolve => {
+                const callbackLoadedMetadata = () => {
+                    // unbind from loaded metadata
+                    this.videoCapture.removeEventListener('loadedmetadata', callbackLoadedMetadata);
+                    // set the canvas size with the video size
+                    this.captureCanvas.width = this.videoCapture.videoWidth;
+                    this.captureCanvas.height = this.videoCapture.videoHeight;
+                    // draw the video into canvas
+                    this.captureCanvas
+                        .getContext('2d')
+                        .drawImage(this.videoCapture, 0, 0);
+                    let quality = 1.0;
+                    if (options.quality) {
+                        quality = options.quality / 100;
+                    }
+                    // get the image of the canvas
+                    const frame = this.captureCanvas.toDataURL('image/jpeg', quality);
+                    // pause the video
+                    this.videoCapture.pause();
+                    // return the image
+                    resolve({ base64: frame });
+                };
+                // bind on loaded metadata to draw the video when the video is ready
+                this.videoCapture.onloadedmetadata = callbackLoadedMetadata;
+                // set the src of the video
+                this.videoCapture.srcObject = this.captureStream;
+                // play the video
+                this.videoCapture.play();
+            });
+        }
+        catch (err) {
+            console.error(`Error: ${err}`);
+            return null;
+        }
+    }
+}
+
+var web = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    CapacitorScreenshotWeb: CapacitorScreenshotWeb
+});
+
+exports.CapacitorScreenshot = CapacitorScreenshot;
+//# sourceMappingURL=plugin.cjs.js.map

package/dist/plugin.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.cjs.js","sources":["esm/index.js","esm/web.js"],"sourcesContent":["import { registerPlugin } from '@capacitor/core';\nconst CapacitorScreenshot = registerPlugin('CapacitorScreenshot', {\n    web: () => import('./web').then(m => new m.CapacitorScreenshotWeb()),\n});\nexport * from './definitions';\nexport { CapacitorScreenshot };\n//# sourceMappingURL=index.js.map","import { WebPlugin } from '@capacitor/core';\nexport class CapacitorScreenshotWeb extends WebPlugin {\n    async getScreenshot(options) {\n        try {\n            if (!this.captureStream) {\n                // display a message ?\n                // get the media device\n                const mediaDevices = navigator.mediaDevices;\n                const width = screen.width * (window.devicePixelRatio || 1);\n                const height = screen.height * (window.devicePixelRatio || 1);\n                // start sharing screen (ask for it)\n                this.captureStream = await mediaDevices.getDisplayMedia({\n                    preferCurrentTab: true,\n                    audio: false,\n                    video: {\n                        width,\n                        height,\n                    },\n                });\n                // create a video tag\n                this.videoCapture = document.createElement('video');\n                // create a canvas\n                this.captureCanvas = document.createElement('canvas');\n            }\n            return new Promise(resolve => {\n                const callbackLoadedMetadata = () => {\n                    // unbind from loaded metadata\n                    this.videoCapture.removeEventListener('loadedmetadata', callbackLoadedMetadata);\n                    // set the canvas size with the video size\n                    this.captureCanvas.width = this.videoCapture.videoWidth;\n                    this.captureCanvas.height = this.videoCapture.videoHeight;\n                    // draw the video into canvas\n                    this.captureCanvas\n                        .getContext('2d')\n                        .drawImage(this.videoCapture, 0, 0);\n                    let quality = 1.0;\n                    if (options.quality) {\n                        quality = options.quality / 100;\n                    }\n                    // get the image of the canvas\n                    const frame = this.captureCanvas.toDataURL('image/jpeg', quality);\n                    // pause the video\n                    this.videoCapture.pause();\n                    // return the image\n                    resolve({ base64: frame });\n                };\n                // bind on loaded metadata to draw the video when the video is ready\n                this.videoCapture.onloadedmetadata = callbackLoadedMetadata;\n                // set the src of the video\n                this.videoCapture.srcObject = this.captureStream;\n                // play the video\n                this.videoCapture.play();\n            });\n        }\n        catch (err) {\n            console.error(`Error: ${err}`);\n            return null;\n        }\n    }\n}\n//# sourceMappingURL=web.js.map"],"names":["registerPlugin","WebPlugin"],"mappings":"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"}

package/dist/plugin.js

@@ -0,0 +1,80 @@
+var capacitorCapacitorScreenshot = (function (exports, core) {
+    'use strict';
+
+    const CapacitorScreenshot = core.registerPlugin('CapacitorScreenshot', {
+        web: () => Promise.resolve().then(function () { return web; }).then(m => new m.CapacitorScreenshotWeb()),
+    });
+
+    class CapacitorScreenshotWeb extends core.WebPlugin {
+        async getScreenshot(options) {
+            try {
+                if (!this.captureStream) {
+                    // display a message ?
+                    // get the media device
+                    const mediaDevices = navigator.mediaDevices;
+                    const width = screen.width * (window.devicePixelRatio || 1);
+                    const height = screen.height * (window.devicePixelRatio || 1);
+                    // start sharing screen (ask for it)
+                    this.captureStream = await mediaDevices.getDisplayMedia({
+                        preferCurrentTab: true,
+                        audio: false,
+                        video: {
+                            width,
+                            height,
+                        },
+                    });
+                    // create a video tag
+                    this.videoCapture = document.createElement('video');
+                    // create a canvas
+                    this.captureCanvas = document.createElement('canvas');
+                }
+                return new Promise(resolve => {
+                    const callbackLoadedMetadata = () => {
+                        // unbind from loaded metadata
+                        this.videoCapture.removeEventListener('loadedmetadata', callbackLoadedMetadata);
+                        // set the canvas size with the video size
+                        this.captureCanvas.width = this.videoCapture.videoWidth;
+                        this.captureCanvas.height = this.videoCapture.videoHeight;
+                        // draw the video into canvas
+                        this.captureCanvas
+                            .getContext('2d')
+                            .drawImage(this.videoCapture, 0, 0);
+                        let quality = 1.0;
+                        if (options.quality) {
+                            quality = options.quality / 100;
+                        }
+                        // get the image of the canvas
+                        const frame = this.captureCanvas.toDataURL('image/jpeg', quality);
+                        // pause the video
+                        this.videoCapture.pause();
+                        // return the image
+                        resolve({ base64: frame });
+                    };
+                    // bind on loaded metadata to draw the video when the video is ready
+                    this.videoCapture.onloadedmetadata = callbackLoadedMetadata;
+                    // set the src of the video
+                    this.videoCapture.srcObject = this.captureStream;
+                    // play the video
+                    this.videoCapture.play();
+                });
+            }
+            catch (err) {
+                console.error(`Error: ${err}`);
+                return null;
+            }
+        }
+    }
+
+    var web = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        CapacitorScreenshotWeb: CapacitorScreenshotWeb
+    });
+
+    exports.CapacitorScreenshot = CapacitorScreenshot;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+    return exports;
+
+})({}, capacitorExports);
+//# sourceMappingURL=plugin.js.map

package/dist/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.js","sources":["esm/index.js","esm/web.js"],"sourcesContent":["import { registerPlugin } from '@capacitor/core';\nconst CapacitorScreenshot = registerPlugin('CapacitorScreenshot', {\n    web: () => import('./web').then(m => new m.CapacitorScreenshotWeb()),\n});\nexport * from './definitions';\nexport { CapacitorScreenshot };\n//# sourceMappingURL=index.js.map","import { WebPlugin } from '@capacitor/core';\nexport class CapacitorScreenshotWeb extends WebPlugin {\n    async getScreenshot(options) {\n        try {\n            if (!this.captureStream) {\n                // display a message ?\n                // get the media device\n                const mediaDevices = navigator.mediaDevices;\n                const width = screen.width * (window.devicePixelRatio || 1);\n                const height = screen.height * (window.devicePixelRatio || 1);\n                // start sharing screen (ask for it)\n                this.captureStream = await mediaDevices.getDisplayMedia({\n                    preferCurrentTab: true,\n                    audio: false,\n                    video: {\n                        width,\n                        height,\n                    },\n                });\n                // create a video tag\n                this.videoCapture = document.createElement('video');\n                // create a canvas\n                this.captureCanvas = document.createElement('canvas');\n            }\n            return new Promise(resolve => {\n                const callbackLoadedMetadata = () => {\n                    // unbind from loaded metadata\n                    this.videoCapture.removeEventListener('loadedmetadata', callbackLoadedMetadata);\n                    // set the canvas size with the video size\n                    this.captureCanvas.width = this.videoCapture.videoWidth;\n                    this.captureCanvas.height = this.videoCapture.videoHeight;\n                    // draw the video into canvas\n                    this.captureCanvas\n                        .getContext('2d')\n                        .drawImage(this.videoCapture, 0, 0);\n                    let quality = 1.0;\n                    if (options.quality) {\n                        quality = options.quality / 100;\n                    }\n                    // get the image of the canvas\n                    const frame = this.captureCanvas.toDataURL('image/jpeg', quality);\n                    // pause the video\n                    this.videoCapture.pause();\n                    // return the image\n                    resolve({ base64: frame });\n                };\n                // bind on loaded metadata to draw the video when the video is ready\n                this.videoCapture.onloadedmetadata = callbackLoadedMetadata;\n                // set the src of the video\n                this.videoCapture.srcObject = this.captureStream;\n                // play the video\n                this.videoCapture.play();\n            });\n        }\n        catch (err) {\n            console.error(`Error: ${err}`);\n            return null;\n        }\n    }\n}\n//# sourceMappingURL=web.js.map"],"names":["registerPlugin","WebPlugin"],"mappings":"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"}

package/ios/Plugin/CapacitorScreenshot.swift

@@ -0,0 +1,8 @@
+import Foundation
+
+@objc public class CapacitorScreenshot: NSObject {
+    @objc public func echo(_ value: String) -> String {
+        print(value)
+        return value
+    }
+}

package/ios/Plugin/CapacitorScreenshotPlugin.h

@@ -0,0 +1,10 @@
+#import <UIKit/UIKit.h>
+
+//! Project version number for Plugin.
+FOUNDATION_EXPORT double PluginVersionNumber;
+
+//! Project version string for Plugin.
+FOUNDATION_EXPORT const unsigned char PluginVersionString[];
+
+// In this header, you should import all the public headers of your framework using statements like #import <Plugin/PublicHeader.h>
+

package/ios/Plugin/CapacitorScreenshotPlugin.m

@@ -0,0 +1,8 @@
+#import <Foundation/Foundation.h>
+#import <Capacitor/Capacitor.h>
+
+// Define the plugin using the CAP_PLUGIN Macro, and
+// each method the plugin supports using the CAP_PLUGIN_METHOD macro.
+CAP_PLUGIN(CapacitorScreenshotPlugin, "CapacitorScreenshot",
+           CAP_PLUGIN_METHOD(getScreenshot, CAPPluginReturnPromise);
+)

package/ios/Plugin/CapacitorScreenshotPlugin.swift

@@ -0,0 +1,49 @@
+import Foundation
+import Capacitor
+
+/**
+ * Please read the Capacitor iOS Plugin Development Guide
+ * here: https://capacitorjs.com/docs/plugins/ios
+ */
+@objc(CapacitorScreenshotPlugin)
+public class CapacitorScreenshotPlugin: CAPPlugin {
+    private let implementation = CapacitorScreenshot()
+
+    @objc func getScreenshot(_ call: CAPPluginCall) {
+
+        let quality = ((call.getDouble("quality") ?? 100) / 100)
+        let filename = (call.getString("name") ?? "screenshot")
+        DispatchQueue.main.async {
+            let config = WKSnapshotConfiguration()
+            config.rect = self.webView!.frame
+            config.afterScreenUpdates = false
+            self.webView?.takeSnapshot(with: config, completionHandler: {
+                (image: UIImage?, error: Error?) in
+                if error != nil {
+                    return
+                }
+                guard let imageData = image!.jpegData(compressionQuality: quality) else {return}
+                let base64Result = imageData.base64EncodedString()
+                let file = "data:image/png;base64," + base64Result
+
+                var fileURI: URL = URL.init(fileURLWithPath: "")
+                do {
+
+                    if #available(iOS 16.0, *) {
+                        fileURI = URL(fileURLWithPath: filename+".png", relativeTo: .documentsDirectory)
+                    } else {
+                        // Fallback on earlier versions
+                        fileURI = try FileManager.default.url(for: .documentDirectory, in: .userDomainMask, appropriateFor: nil, create: true).appendingPathExtension(filename+".png")
+                    }
+                    try imageData.write(to: fileURI)
+                } catch {
+                    // nothing to do
+                }
+                call.resolve([
+                    "URI": fileURI.absoluteString,
+                    "base64": file
+                ])
+            })
+        }
+    }
+}

package/ios/Plugin/Info.plist

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>$(DEVELOPMENT_LANGUAGE)</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>FMWK</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleVersion</key>
+	<string>$(CURRENT_PROJECT_VERSION)</string>
+	<key>NSPrincipalClass</key>
+	<string></string>
+</dict>
+</plist>

package/package.json

@@ -0,0 +1,79 @@
+{
+  "name": "@intuiface/capacitor-plugin-screenshot",
+  "version": "1.0.1",
+  "description": "Capacitor plugin to take screenshot for iOS and Android devices",
+  "main": "dist/plugin.cjs.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/esm/index.d.ts",
+  "unpkg": "dist/plugin.js",
+  "files": [
+    "android/src/main/",
+    "android/build.gradle",
+    "dist/",
+    "ios/Plugin/",
+    "IntuifaceCapacitorPluginScreenshot.podspec"
+  ],
+  "author": "intuiface",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/intuiface/capacitor-plugin-screenshot.git"
+  },
+  "bugs": {
+    "url": "https://github.com/intuiface/capacitor-plugin-screenshot/issues"
+  },
+  "keywords": [
+    "capacitor",
+    "plugin",
+    "native"
+  ],
+  "scripts": {
+    "verify": "npm run verify:ios && npm run verify:android && npm run verify:web",
+    "verify:ios": "cd ios && pod install && xcodebuild -workspace Plugin.xcworkspace -scheme Plugin -destination generic/platform=iOS && cd ..",
+    "verify:android": "cd android && ./gradlew clean build test && cd ..",
+    "verify:web": "npm run build",
+    "lint": "npm run eslint && npm run prettier -- --check && npm run swiftlint -- lint",
+    "fmt": "npm run eslint -- --fix && npm run prettier -- --write && npm run swiftlint -- --fix --format",
+    "eslint": "eslint . --ext ts",
+    "prettier": "prettier \"**/*.{css,html,ts,js,java}\"",
+    "swiftlint": "node-swiftlint",
+    "docgen": "docgen --api CapacitorScreenshotPlugin --output-readme README.md --output-json dist/docs.json",
+    "build": "npm run clean && npm run docgen && tsc && rollup -c rollup.config.js",
+    "clean": "rimraf ./dist",
+    "watch": "tsc --watch",
+    "prepublishOnly": "npm run build",
+    "prepare": "npx shx cp -u ./.githooks/* ./.git/hooks/"
+  },
+  "devDependencies": {
+    "@capacitor/android": "^5.0.0",
+    "@capacitor/core": "^5.0.0",
+    "@capacitor/docgen": "^0.0.18",
+    "@capacitor/ios": "^5.0.0",
+    "@ionic/eslint-config": "^0.3.0",
+    "@ionic/prettier-config": "^1.0.1",
+    "@ionic/swiftlint-config": "^1.1.2",
+    "eslint": "^7.11.0",
+    "prettier": "~2.3.0",
+    "prettier-plugin-java": "~1.0.2",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.32.0",
+    "swiftlint": "^1.0.1",
+    "typescript": "~4.1.5"
+  },
+  "peerDependencies": {
+    "@capacitor/core": "^5.0.0"
+  },
+  "prettier": "@ionic/prettier-config",
+  "swiftlint": "@ionic/swiftlint-config",
+  "eslintConfig": {
+    "extends": "@ionic/eslint-config/recommended"
+  },
+  "capacitor": {
+    "ios": {
+      "src": "ios"
+    },
+    "android": {
+      "src": "android"
+    }
+  }
+}