🔧 libs/ui CI build on push

[roiLeo]

Goes after #7701

ref #4464

New workflow to build libs/ui package each time we edit files

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	cb7628c
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/65376622e184fc0008f8e067
😎 Deploy Preview	https://deploy-preview-7702--koda-canary.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[reviewpad]

AI-Generated Summary: This pull request contains changes across several files, most of which include rearranging import orders, adding the computed import from 'vue', and integrating the '@vueuse/core' package.

There's a noticeable trend of replacing the '@google/model-viewer' package, which is confirmed by its removal from the pnpm-lock.yaml and package.json files. In MediaItem.vue, '@google/model-viewer' was replaced with a script link to the library in the useHead block. Moreover, several other dependencies related to '@google/model-viewer' have also been removed.

The addition of the 'vue' and '@vueuse/core' imports is pervasive in most of the Vue component files like NFTMediaInfo.vue, NeoStickyModal.vue, NeoSteps.vue, NeoTooltip.vue, NeoAvatar.vue, NeoCheckbox.vue, NeoNftCard.vue, NeoAudioPlayer.vue, NeoModal.vue, VideoMedia.vue, NeoModalHead.vue, and NeoWaveform.vue.

Most of these changes aim to enhance the overall readability of the codebase and improve the management of dependencies. There is a shift from using 'google/model-viewer' to '@vueuse/core'. There is a focus on improving reactiveness in components, as seen with the addition of computed and ref and changes in the isInteractive constant in MediaItem.vue.

Also, a new GitHub Actions workflow configuration file named 'build.libs-ui.yml' has been added, which is triggered on every push to the main branch for changes in the 'libs/ui/**' path.

In NeoDropdown.story.vue, there's a structural change for better structuring and manageability. The diff for NeoNftCard.vue pertains to the rearrangement of import orders, with no functional alterations. In NeoAvatar.story.vue, the image URL has been updated without altering functionality.

Lastly, the revisions in MediaItem.story.vue have updated the media source URLs for different media types in the MediaItem component.

[reviewpad]

Reviewpad Report

⚠️ Warnings

• Please link an issue to the pull request

[preschian]

https://github.com/kodadot/nft-gallery/pull/7702/files#r1363170700

[roiLeo]

Tested on https://deploy-preview-7702--koda-canary.netlify.app/ksm/gallery/13674441-a0c4801b6dbf04c674-J29WP-420_KUSAMA_CLUB_CANNABIS_PLANT-00000003

[socket-security]

No top level dependency changes detected. Learn more about Socket for GitHub ↗︎

[codeclimate]

Code Climate has analyzed commit cb7628c and detected 0 issues on this pull request.

View more on Code Climate.

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
1.1% Duplication