Liff-screenshot-plugin NPM

LIFF ScreenShot Plugin

ScreenShot plugin for LIFF

Installation

Use via Node.js

Like other packages, it can be installed via NPM.

$ npm i liff-screeenshot-plugin # or yarn add liff-screenshot-plugin

Also, since @line/liff is provided by NPM, after installing it together, simply do liff.use to complete the installation.

import liff from '@line/liff'

import 'liff-screenshot-plugin/styles/index.css'
import LIFFSSPlugin from 'liff-screenshot-plugin'

liff.use(LIFFSSPlugin)

Use via browser

coming soon

Usage

Use as capture mode

Use as modal mode

API

capture

Argument: capture('blob')
Return: Promise<Blob>

Take a screenshot. Currently only the Blob format is supported; PNG support is planned for the future.

captureWithModal

Argument: captureWithModal('blob', option?: CaptureWithModalOptions)
Return: Promise<{ feedback?: string, data: Blob }>

Display a dedicated modal and capture screenshots with user feedback.

The final result is feedback in string format and the Blob's data.

CaptureWithModalOptions

Mainly options exist for i18n. These are all optional.

type TextDictionary = {
  title: string;
  placeholder: string;
  note: string;
  cancelText: string;
  submitText: string;
};

type CaptureWithModalOptions = {
  format?: SupportFormat;
  dictionary?: Partial<TextDictionary>;
};