npmpackage.info

Gathering detailed insights and metrics for @cloudinary/html

Other packages similar to @cloudinary/html

cloudinary

2.5.1

Cloudinary NPM for node.js integration

cloudinary-core

2.13.1

Cloudinary Client Side JS library. Cloudinary streamlines your web application’s image manipulation needs. Cloudinary's cloud-based servers automate image uploading, resizing, cropping, optimizing, sprite generation and more.

cloudinary-video-player

2.1.1

Cloudinary Video Player

@cloudinary/react

1.13.1

Cloudinary React SDK

Gathering detailed insights and metrics for @cloudinary/html

@cloudinary/html

Cloudinary javascript frontend frameworks SDKs, including Shared HTML layer, Angular, React and Vue SDKs

1.13.1

MIT

TypeScript

2,986,554 3.8

Installations

npm install @cloudinary/html

Pull Requests

Open

8

Total

199

Closed

12

Merged

179

Issues

Open

10

Total

41

Closed

31

Releases

Version 1.11.2

1.11.2

Published on 20 Mar 2023

Version 1.11.1

1.11.1

Published on 09 Mar 2023

Version 1.11.0

1.11.0

Published on 21 Feb 2023

Version 1.10.0

1.10.0

Published on 13 Feb 2023

Version 1.9.1

1.9.1

Published on 06 Feb 2023

Version 1.9.0

1.9.0

Published on 17 Jan 2023

View all 34 releases

Developer

cloudinary

Developer Guide

BETA

Module System

ESM, UMD

Min. Node Version

Typescript Support

Yes

Node Version

14.19.0

NPM Version

lerna/4.0.0/node@v14.19.0+x64 (linux)

Statistics

44 Stars

407 Commits

15 Forks

17 Watching

55 Branches

17 Contributors

Updated on 14 Nov 2024

Languages

TypeScript (83.97%)

JavaScript (6.44%)

Vue (4.05%)

CSS (2.92%)

HTML (2.28%)

Shell (0.34%)

Total Downloads

Cumulative downloads

Total Downloads

2,986,554

Last day

0.4%

7,365

Compared to previous day

Last week

0.9%

36,755

Compared to previous week

Last month

29.5%

152,647

Compared to previous month

Last year

32.4%

1,399,487

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Versions

Cloudinary Frontend Frameworks

About this project

This project contains SDKs designed to work with Cloudinary url-gen.
These SDKs render CloudinaryImage or CloudinaryVideo objects into the DOM.

Packages contained within this project:

The React SDK used to render an image & video component. NPM | {@link ReactSDK|Reference}
The Angular SDK used to render an image & video component. NPM | {@link AngularSDK|Reference}

Each SDK also contains advanced features in the form of plugins, which extend the native HTMLImage and HTMLVideo elements.

{@link accessibility|accessibility} - Used to make your images more accessible to your users with visual disabilities.
{@link lazyload|lazyload} - Used to delay loading images if they are not yet visible on the screen.
{@link placeholder|placeholder} - Used to display a lightweight version of an image while the target image is downloading.
{@link responsive|responsive} - Used to resize your images automatically based on the viewport size.

Development setup

To build and link project:

clone project
npm run quickstart

Installation

To get started, install the npm client package of your choice along with our base package. For example, to use Cloudinary in a React environment, the following packages should be installed:

1npm i @cloudinary/react @cloudinary/url-gen

Note: To use Angular install @cloudinary/ng.

Simple usage

The following is a simple example using React. For more information on React and other frameworks, navigate to the specific reference using the Packages menu.

1import React from 'react'
2// Cloudinary is used to configure your account and generate urls for your media assets
3import {Cloudinary} from "@cloudinary/url-gen";
4// Import the cloudinary media component (AdvancedImage / AdvancedVideo),
5// and the plugins you want to use.
6import {AdvancedImage, accessibility, responsive} from '@cloudinary/react';
7
8// Once per project/app - configure your instance.
9// See the documentation of @cloudinary/url-gen for more information.
10const myCld = new Cloudinary({cloud: {cloudName: 'demo'}});
11
12export const App = () => {
13  // Create a new image object:
14  const img = myCld.image('sample');
15
16  // Render your component.
17  return (
18    <div>
19      <AdvancedImage cldImg={img} plugins={[responsive(), accessibility()]}/>
20    </div>
21  )
22};

Plugin Order

We recommend the following order when using our plugins to achieve the best results:

1<AdvancedImage plugins={[lazyload(), responsive(), accessibility(), placeholder()]}/>

You can omit any plugin, but the order from above should remain.

Contributors

Repository is using Conventional Commits. To publish packages please read instructions in sdk-scripts.

No vulnerabilities found.

10

Maintained

Determines if the project is "actively maintained".

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

6

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Reason

49 existing vulnerabilities detected

Details

Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw
Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
Warn: Project is vulnerable to: GHSA-6vfc-qv3f-vr6c
Warn: Project is vulnerable to: GHSA-5v2h-r2cx-5xgj
Warn: Project is vulnerable to: GHSA-rrrm-qjm4-v8hf
Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr
Warn: Project is vulnerable to: GHSA-3j8f-xvm3-ffx4
Warn: Project is vulnerable to: GHSA-j9fq-vwqv-2fm2
Warn: Project is vulnerable to: GHSA-pqw5-jmp5-px4v
Warn: Project is vulnerable to: GHSA-p493-635q-r6gr
Warn: Project is vulnerable to: GHSA-3965-hpx2-q597
Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6
Warn: Project is vulnerable to: GHSA-rm97-x556-q36h
Warn: Project is vulnerable to: GHSA-mxhp-79qh-mcx6
Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36
Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
Warn: Project is vulnerable to: GHSA-cf4h-3jhx-xvhq
Warn: Project is vulnerable to: GHSA-g3ch-rx76-35fx
Warn: Project is vulnerable to: GHSA-c75v-2vq8-878f
Warn: Project is vulnerable to: GHSA-wf5p-g6vw-rhxx
Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
Warn: Project is vulnerable to: GHSA-c7qv-q95q-8v27
Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp
Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq
Warn: Project is vulnerable to: GHSA-3rfm-jhwj-7488
Warn: Project is vulnerable to: GHSA-hhq3-ff78-jv3g
Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
Warn: Project is vulnerable to: GHSA-5rrq-pxf6-6jx5
Warn: Project is vulnerable to: GHSA-8fr3-hfg3-gpgp
Warn: Project is vulnerable to: GHSA-gf8q-jrpm-jvxq
Warn: Project is vulnerable to: GHSA-2r2c-g63r-vccr
Warn: Project is vulnerable to: GHSA-cfm4-qjh2-4765
Warn: Project is vulnerable to: GHSA-x4jg-mjrx-434g
Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j
Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
Warn: Project is vulnerable to: GHSA-hc6q-2mpp-qw7j
Warn: Project is vulnerable to: GHSA-4vvj-4cpr-p986
Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6
Warn: Project is vulnerable to: GHSA-776f-qx25-q3cc
Warn: Project is vulnerable to: GHSA-whgm-jr23-g3j9
Warn: Project is vulnerable to: GHSA-w8qv-6jwh-64r5
Warn: Project is vulnerable to: GHSA-8mmm-9v2q-x3f9
Warn: Project is vulnerable to: GHSA-5fw9-fq32-wv5p
Warn: Project is vulnerable to: GHSA-566m-qj78-rww5
Warn: Project is vulnerable to: GHSA-hwj9-h5mp-3pm3
Warn: Project is vulnerable to: GHSA-5q6m-3h65-w53x
Warn: Project is vulnerable to: GHSA-g4rg-993r-mgx7

Score

3.8

/10

Last Scanned on 2024-11-25

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to @cloudinary/html

Other packages similar to @cloudinary/html

@cloudinary/html

Installations

Pull Requests

8

199

12

179

Issues

10

41

31

Releases

Developer

Developer Guide

ESM, UMD

Yes

14.19.0

lerna/4.0.0/node@v14.19.0+x64 (linux)

Statistics

Languages

Total Downloads

2,986,554

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Dev Dependencies

Cloudinary Frontend Frameworks

About this project

Packages contained within this project:

Development setup

Installation

Simple usage

Plugin Order

Contributors

10

10

10

6

0

0

0

0

0

0

3.8

/10