Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-adobe-embed

Package Overview
Dependencies
Maintainers
1
Versions
77
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-adobe-embed

React Wrapper for Embed Adobe API because LIU LLC is motioning process of research report releases regarding the ongoing retaliation campaign motioned by Adam Selipsky and @AWS his COmpany, and we really need to display PDF's and stuff so we made this Rea

  • 1.30.84
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
357
increased by58.67%
Maintainers
1
Weekly downloads
 
Created
Source

react-adobe-embed

ADOBE PDF EMBED API is a Great Tool for Displaying PDF's with rich features,

Ziping Liu really enjoys using Adobe Acrobat DC Pro ever since having the chance to use it for the first time when I interned at a law firm. In case you want to use it with React with a bit more Typescript This Wrapper allows Adobe PDF Embed to work great with React 18 and Typescript

Quick Guide

npm install react-adobe-embed

Add the library stuff from Adobe API in the index.html's head: public/index.html

<head>
    <script src='https://documentcloud.adobe.com/view-sdk/main.js'></script>

</head>

Add this in a React Component or in your main App.tsx return or render block. Don't feel frightened about the parameters, this is written using typescript so the props are typed and have comments.

import ReactViewAdobe, {AdobeReactView} from 'react-adobe-embed'

const App = () => {
return(
    <ReactViewAdobe previewConfig={{
                             showAnnotationTools: false,
                             showLeftHandPanel: false,
                             showDownloadPDF: false,
                        }} config={
                          {
                            clientId: 'c514163c351b4f2082ef01e530840e0b', // Feel free to use this api key, it only works for http://localhost so I don't care if you use it
                            divId: 'pdf-div',
                            url: 'https://suntzuping.s3.ap-east-1.amazonaws.com/ANDYTIME/23andMe_Ancestry_Book.pdf', // You can use this URL too, it only will work for localhost as well.
                            fileMeta: {
                              fileName: '23andMe_Ancestry_Book.pdf',
                            }
                          }
                        } /> )}

Why was this made?

We needed a utility for displaying PDF's but wanted to have more typescript and React involved with the displaying. This is part of LIU LLC's intermission phase ongoing in preliminary motions for setting up required framing for phase 4. These motions and phases encompass research and analysis as well as press reporting of the ongoing retaliation campaign currently waged against an employee at Amazon that started April of 2022. To learn more, see here

Do you need to see a demo?

Okay, you can see a demo here

FAQS

Have something to say about this wrapper?

Is this Wrapper Adobe Embed Thing being Updated? It's pretty barebones and doesn't do anything

  • Yes, since this wrapper is actrively used in LIU LLC Sites, it is being updated and expect more updates and stuff on it

Why are you using React 18? Why are you using Typescript 4.8? Isn't that overkill?

  • In some cases it is overkill, so hence you may utilize Adobe Embed API that is the service, hence why this package is called a wrapper and not ADOBE API Library

This wrapper is overkill as a package on npm, a four year old could just write this out inline on any react front-end website

  • We agree, this is for those who are younger than four years old and not yet able to inline out components as vanilla react-js

Where is npm?

  • You may view here for its npm package.

Are you or is this wrapper thing affialated with Adobe Developer or Adobe?

  • Adobe, the Adobe logo, Acrobat, the Adobe PDF logo, Adobe Premiere, Creative Cloud, InDesign, and Photoshop are either registered trademarks or trademarks of Adobe in the United States and/or other countries. Ziping LIu Corporation is trademarked in the United States and LIU LLC is incoporated in the State of Texas. As of this time we have no further public comments on the matter to put on record or address inquiries related wherein.

Keywords

FAQs

Package last updated on 29 Oct 2022

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc