vue-pdf-embed-fix

v1.0.1

PDF embed component for Vue 2 and Vue 3, Fix On print, blank page at the end For more information about how to use this package see README

Latest version published 1 year ago

License: MIT

NPM

GitHub

Package Health Score

64 / 100

security
No known security issues
popularity
Limited
maintenance
Inactive
community
Active

Explore Similar Packages

Security

No known security issues

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

All Versions

Version				Vulnerabilities	License Risk
1.0.1	\|	08/2023	Popular	0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

MIT

Security Policy

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Limited

Weekly Downloads (0)

GitHub Stars: 729
Forks: 111
Contributors: 30

Direct Usage Popularity

The npm package vue-pdf-embed-fix receives a total of 0 downloads a week. As such, we scored vue-pdf-embed-fix popularity level to be Limited.

Based on project statistics from the GitHub repository for the npm package vue-pdf-embed-fix, we found that it has been starred 729 times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Active

Readme.md: Yes
Contributing.md: Yes
Code of Conduct: No
Contributors: 30
Funding: No

With more than 10 contributors for the vue-pdf-embed-fix repository, this is possibly a sign for a growing and inviting community.

We found a way for you to contribute to the project! Looks like vue-pdf-embed-fix is missing a Code of Conduct.

Embed Package Health Score Badge

Maintenance

Inactive

Commit Frequency

Open Issues: 30
Open PR: 1
Last Release: 1 year ago
Last Commit: 28 days ago

Further analysis of the maintenance status of vue-pdf-embed-fix based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Inactive.

An important project maintenance signal to consider for vue-pdf-embed-fix is that it hasn't seen any new versions released to npm in the past 12 months, and could be considered as a discontinued project, or that which receives low attention from its maintainers.

As a healthy sign for on-going project maintenance, we found that the GitHub repository had at least 1 pull request or issue interacted with by the community.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: not defined

Age: 1 year
Dependencies: 0 Direct
Versions: 3
Install Size: 3.45 MB
Dist-tags: 1
# of Files: 14
Maintainers: 1
TS Typings: No

vue-pdf-embed-fix has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

📄 vue-pdf-embed

PDF embed component for Vue 2 and Vue 3

Features

Controlled rendering of PDF documents in Vue apps
Handles password protected documents
Includes text layer (searchable and selectable documents)
Includes annotation layer (annotations and links)
No peer dependencies or additional configuration required
Can be used directly in the browser (see Examples)

Compatibility

This package is compatible with both Vue 2 and Vue 3, but consists of two separate builds. The default exported build is for Vue 3, for Vue 2 import dist/vue2-pdf-embed.js (see Usage).

Installation

Depending on the environment, the package can be installed in one of the following ways:

npm install vue-pdf-embed

yarn add vue-pdf-embed

Usage

<template>
  <div>
    <h1>File</h1>
    

    <h1>Base64</h1>
    
  </div>
</template>

Props

Name	Type	Accepted values	Description
disableAnnotationLayer	`boolean`	`true` or `false`	whether the annotation layer should be disabled
disableTextLayer	`boolean`	`true` or `false`	whether the text layer should be disabled
height	`number` `string`	natural numbers	desired page height in pixels (ignored if the width property is specified)
imageResourcesPath	`string`	URL or path with trailing slash	path for icons used in the annotation layer
page	`number`	`1` to the last page number	number of the page to display (displays all pages if not specified)
rotation	`number` `string`	`0`, `90`, `180` or `270` (multiples of `90`)	desired page rotation angle in degrees
scale	`number`	rational numbers	desired ratio of canvas size to document size
source	`string` `object` `Uint8Array`	document URL or typed array pre-filled with data	source of the document to display
width	`number` `string`	natural numbers	desired page width in pixels

Events

Name	Value	Description
internal-link-clicked	destination page number	internal link was clicked
loading-failed	error object	failed to load document
loaded	PDF document proxy	finished loading the document
password-requested	callback function, retry flag	password is needed to display the document
rendering-failed	error object	failed to render document
rendered	–	finished rendering the document
printing-failed	error object	failed to print document
progress	progress params object	tracking document loading progress

Public Methods

Name	Arguments	Description
render	–	manually (re)render document
print	print resolution (`number`), filename (`string`), all pages flag (`boolean`)	print document via browser interface

Note: Public methods can be accessed via a template ref.

Static Methods

Besides the component itself, the module also includes a getDocument function for manual loading of PDF documents, which can then be used as the source prop of the component. In most cases it is sufficient to specify the source prop with a URL or typed array, while the result of the getDocument function can be used in special cases, such as sharing the source between multiple component instances. This is an advanced topic, so it is recommended to check the source code of the component before using this function.

Common Issues

The path to predefined CMaps should be specified to ensure correct rendering of documents containing non-Latin characters, as well as in case of CMap-related errors:

The image resource path must be specified for annotations to display correctly:

Note: The examples above use a CDN to load resources, however these resources can also be included in the build by installing the pdfjs-dist package as a dependency and further configuring the bundler.

Examples

Basic Usage Demo (JSFiddle)

Advanced Usage Demo (JSFiddle)

Advanced Usage Demo (StackBlitz)

License

MIT License. Please see LICENSE file for more information.

FAQs

What is vue-pdf-embed-fix?

PDF embed component for Vue 2 and Vue 3, Fix On print, blank page at the end. Visit Snyk Advisor to see a full health score report for vue-pdf-embed-fix, including popularity, security, maintenance & community analysis.

Is vue-pdf-embed-fix popular?

We’re still processing downloads data for the npm package vue-pdf-embed-fix. Visit the popularity section on Snyk Advisor to see the full popularity analysis.

Is vue-pdf-embed-fix well maintained?

We found indications that vue-pdf-embed-fix is an Inactive project. See the full package health analysis to learn more about the package maintenance status.

Is vue-pdf-embed-fix safe to use?

The npm package vue-pdf-embed-fix was scanned for known vulnerabilities and missing license, and no issues were found. Thus the package was deemed as safe to use. See the full health analysis review.

Last updated on 15 November-2024, at 22:22 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP

Package Health Score

Explore Similar Packages

Security and license risk for significant versions

Is your project affected by vulnerabilities?

Weekly Downloads (0)

Direct Usage Popularity

Embed Package Health Score Badge

Commit Frequency

Keep your project healthy

Check your package.json

Snyk Vulnerability Scanner

Readme

📄 vue-pdf-embed

Features

Compatibility

Installation

Usage

Props

Events

Public Methods

Static Methods

Common Issues

Examples

License

vue-pdf-embed-fix development dependencies

FAQs

What is vue-pdf-embed-fix?

Is vue-pdf-embed-fix popular?

Is vue-pdf-embed-fix well maintained?

Is vue-pdf-embed-fix safe to use?

Build a secure application checklist

Select a recommended open source package

Scan your app for vulnerabilities

Source Code

Open Source

Container

Config

Fix identified vulnerabilities

Monitor for new issues