cloudinary

Cloudinary Module for Nuxt

MIT License

Downloads
8K
Stars
249
Committers
20
View Code on GitHub Visit Website View on X
Ecosystems: Nuxt.js, Vue.js

Bot releases are hidden (Show)

cloudinary - 3.1.0

Published by Baroshem 2 months ago

What's Changed

This small minor version brings support for AI powered background replacing that works great. Read more about it here

Thanks once again @colbyfayock for suggesting this great feature!

Following issues were closed in this version (and release candidates):

Full Changelog: https://github.com/nuxt-modules/cloudinary/compare/v3.0.0...v3.1.0

cloudinary - 3.0.0 Latest Release

Published by Baroshem 4 months ago

What's Changed

This is the stable new version of Cloudinary module for Nuxt. From now on, we want to release smaller major versions with easier migration instead of what we did with version 1 -> 2 which was a change between nuxt 2 and nuxt 3 compatibility.

Thanks @colbyfayock for the ideas for this release :)

Improvements

  1. Both CldImage.vue and CldOgImage.vue components accept now namedTransformations prop instead of transformations.
  2. Bumped video player to the newest version
  3. CldVideoPlayer aspect ratio is now calculated from width and height as following
aspectRatio: `${width}:${height}`,
  1. CldVideoPlayer now accepts chapters and chaptersButton pros that allows to handle video chapters
  2. CldVideoPlayer now accepts disableRemotePlayback that allows to instruct the the media element may have a remote playback UI.
  3. We have also removed the following props due to deprecation in the Cloudinary SDK utils:
  • CldImage -> resize and widthResize
  • CldOgImage -> resize
  1. CldUploadWidget now accepts tags prop that allows to pass upload media tags like fashion that can be used by the underlining Cloudinary widget.

Following issues were closed in this version (and release candidates):

Full Changelog: https://github.com/nuxt-modules/cloudinary/compare/v2.7.0...v3.0.0

cloudinary - 3.0.0-rc.2&3

Published by Baroshem 4 months ago

We have fixed some small bugs and added cool new features like chapters for CLD Video Player 🚀

We needed to release another RC version due to the problems with released packages on npm not having all necessary deps. That is why there is both rc.2 and rc.3 versions.

We have also removed the following props due to deprecation in the Cloudinary SDK utils:

  1. CldImage -> resize and widthResize
  2. CldOgImage -> resize

Closes https://github.com/nuxt-modules/cloudinary/issues/217
Closes https://github.com/nuxt-modules/cloudinary/issues/213
Closes https://github.com/nuxt-modules/cloudinary/issues/214
Closes https://github.com/nuxt-modules/cloudinary/issues/218
Closes https://github.com/nuxt-modules/cloudinary/issues/211
Closes https://github.com/nuxt-modules/cloudinary/issues/216

Full Changelog: https://github.com/nuxt-modules/cloudinary/compare/v3.0.0-rc.1...v3.0.0-rc.3

cloudinary - v3.0.0-rc.1

Published by Baroshem 5 months ago

This is a first release candidate for the version 3.0.0.

We are aiming to create smaller major versions with only the necessary breaking changes with easier migration and new features.
Below you can see the changes in this version.

Thanks @colbyfayock for the ideas for this release :)

Changes

  1. Both CldImage.vue and CldOgImage.vue components accept now namedTransformations prop instead of transformations.
  2. Property crop in resize prop of CldImage.vue can now be an object as well as a string.
  3. Bumped video player to the newest version
  4. CldVideoPlayer aspect ratio is now calculated from width and height as following
aspectRatio: `${width}:${height}`,

What has changed?

Full Changelog: https://github.com/nuxt-modules/cloudinary/compare/v2.7.0...v3.0.0-rc.1

cloudinary - v2.7.0

Published by Baroshem 7 months ago

What's Changed

  • Composable useCldVideoUrl for creating video urls
  • Allow CldVideoPlayer to accept config prop
  • Pass Cloudinary client configuration globally from the module configuration with properties like url and cloud
  • CldVideoPlayer picture in picture mode
  • Bump package versions

Full Changelog: https://github.com/nuxt-modules/cloudinary/compare/v2.6.0...v2.7.0

Kudos to @colbyfayock who raised these issues and helped with the implementation!

cloudinary - 2.6.0

Published by Baroshem 8 months ago

What's Changed

New Contributors

Full Changelog: https://github.com/nuxt-modules/cloudinary/compare/v.2.5.0...v2.6.0

cloudinary - v.2.5.0

Published by Baroshem 10 months ago

We have updated the Cloudinary Util Dependency to allow for additional options such as Generative AI remove, replace, recolor, or restore.

What's Changed

New Contributors

Full Changelog: https://github.com/nuxt-modules/cloudinary/compare/v2.4.0...v.2.5.0

cloudinary - 2.4.0

Published by Baroshem 11 months ago

With this version, we have migrated to the new approach for handling fetchPriority and loading from unpic where both these attributes are handled by one priority attribute.

When attribute is set to true, the fetchPriority will be set to high and loading will be set to eager. For everything else, a loading=lazy will be used to automatically improve the performance.

What's Changed

Closes https://github.com/nuxt-modules/cloudinary/issues/149
Closes https://github.com/nuxt-modules/cloudinary/issues/155
Closes https://github.com/nuxt-modules/cloudinary/issues/156
Closes https://github.com/nuxt-modules/cloudinary/issues/157

Full Changelog: https://github.com/nuxt-modules/cloudinary/compare/v2.3.4...v2.4.0

cloudinary - 2.3.4

Published by Baroshem about 1 year ago

What's Changed

New Contributors

Full Changelog: https://github.com/nuxt-modules/cloudinary/compare/v2.3.2...v2.3.4

cloudinary - v2.3.2

Published by Baroshem about 1 year ago

What's Changed

Full Changelog: https://github.com/nuxt-modules/cloudinary/compare/v2.3.0...v2.3.2

cloudinary - 2.3.0

Published by Baroshem about 1 year ago

  1. CldUploadWidget.vue
  2. CldUploadButton.vue
  3. Updated Cloudinary Util
  4. Added missing effect props to CldImage
  5. Added new examples to the documentation

What's Changed

Full Changelog: https://github.com/nuxt-modules/cloudinary/compare/v2.2.0...v2.3.0

cloudinary - 2.2.0

Published by Baroshem about 1 year ago

What's Changed

New Contributors

Full Changelog: https://github.com/nuxt-modules/cloudinary/compare/v2.1.0...v2.2.0

cloudinary - 2.1.0

Published by Baroshem over 1 year ago

This release includes new features and bug fixes:

  1. New component CldOgImage for easy support Open Graph Protocol images
  2. Poll for 423 error remove background returns broken image for the first time
  3. Passing config with cloud name to the component from props
  4. Small bugfixes

What's Changed

New Contributors

Full Changelog: https://github.com/nuxt-modules/cloudinary/compare/v2.0.0...v2.1.0

cloudinary - 2.0.0

Published by Baroshem over 1 year ago

This is a stable version 2.0.0 of Cloudinary Module for Nuxt. It is meant to be used with Nuxt 3 only. For Nuxt 2 check out the v1 branch.

What's Changed

New Contributors

Full Changelog: https://github.com/nuxt-modules/cloudinary/compare/v1.0.3...v2.0.0

cloudinary - 2.0.0-rc.4

Published by Baroshem over 1 year ago

Overall, making the module more stable for 2.0.0 release with several bugfixes.

#120
#123
#117
#116
#114
#113

cloudinary - 2.0.0-rc.3

Published by Baroshem over 1 year ago

  • Nuxt 3 ready
  • Useful CldImage.vue component
  • Handy useCldImageUrl composable
  • Automatically optimize images and deliver in modern formats
  • Remove backgrounds from images
  • Dynamically add image and text overlays to images
cloudinary - v1.0.3

Published by mayashavin over 3 years ago

🐛 Bug fixes:

#77 - Update cloudinary-vue version dependency.

🌹 Improvements:

#48 - Optimize build for TypeScript

cloudinary - v1.0.2

Published by mayashavin almost 4 years ago

🐛 Bug fixes:

  • CRITICAL - cloudinary nodejs package is leaked to client-side caused huge bundle size increase on run time
  • cloudinary-api generated wrongly on compiling time
cloudinary - v1.0.1

Published by mayashavin almost 4 years ago

Bug fixes:

  • #31 Error api_key of undefined when using upload without options params.

Improvements:

  • #29 Allow client-side signed upload (secured)
  • Support both camelCase and snake_case convention when passing params to options fields in config(), upload(), explicit() calls.
  • Add ready-to-copy examples on Documentation.

❤️ Lots of thanks to @syropian for your contributions ❤️

cloudinary - v1.0.0

Published by mayashavin about 4 years ago

🔥 Features:

  • #18 - Upload an media asset support for both client-side and server-side
  • Find and manipulate a specific asset on Cloudinary support (server-side)
  • Allow to pre-generate optimized delivery url for media asset on Cloudinary (server-side) based on given parameters.
  • Generate thumbnail picture for a video to use as its poster.
  • #24 - $cloudinary can be used on client-side when useComponent is enabled.
  • Auto optimizing with built-inf_auto and q_auto

☘️ Improvements (Breaking changes):

  • Deprecate the old API syntax ($cloudinary())
  • Introduce better and friendlier APIs, separating between image and video handling: $cloudinary.image and $cloudinary.image
  • $cloudinary.config() returns a new instance instead of overriding the current configuration, allowing to use different configurations such as cloudName for different assets within an application.
  • Add unit tests coverage
  • Refactor and document code using JSDoc.

📒 Documentation improvements

  • Add Snippets section for interesting and common use cases.
  • #17 - Add Integration examples on how to use the module with @nuxt/content hooks for optimizing images on build time.
  • Add Advanced section for more complex use cases such as pre-generate optimized delivery url for an asset based on a set of transformation
  • Separate Image and Video section.
  • Add Upload media assets section with more detailed information about uploading on client-side and server-side.
  • Document CldPlaceholder component with examples.
  • Update new feature APIs

Enjoy 💕

Package Rankings
Top 3.72% on Npmjs.org
Badges
Extracted from project README
@nuxtjs/cloudinary npm version npm downloads Github Actions CI Codecov License
Related Projects
core

Build full-stack applications with Nuxt on CloudFlare, with zero configuration.

20 Feb 2024 562
modules

Discover the Nuxt modules to add any CMS, Database, UI, Auth and integrations into your Vue appli...

26 Aug 2020 884
nuxt-purgecss

Drop superfluous CSS! A neat PurgeCSS wrapper for Nuxt.js

21 Oct 2018 479
nuxt-security

🛡 Automatically configure your app to follow OWASP security patterns and principles by using HTTP...

08 Oct 2022 719
nuxt-scss-to-js

Load SCSS Variables into Nuxt instance for use in Tenplates/Scripts.

31 May 2020 27
nuxt-browser-console

See server-side reports inside browser console

27 Apr 2021 8
content

The file-based CMS for your Nuxt application, powered by Markdown and Vue components.

31 Mar 2020 2,968