feat: add Hibiki Du Ca Powerpuff Girl slider snippet

[LunoNguyen]

Summary by CodeRabbit

• New Features

  • Added a new "Hibiki Du Ca powerpuff girl slider" snippet with CSS code and preview assets.

• Chores

  • Updated development environment formatter configuration.

[coderabbitai]

Walkthrough

This PR adds a new "Hibiki Du Ca powerpuff girl slider" snippet to the marketplace snippets collection and updates VS Code workspace settings to configure Biome as the default code formatter with a language-scoped override for JSON snippets.

Changes

Snippet Addition with Editor Configuration

Layer / File(s)	Summary
Development Configuration .vscode/settings.json	VS Code workspace settings updated to set editor.defaultFormatter to biomejs.biome, with a language-scoped override for [snippets] to use vscode.json-language-features.
Snippet Content resources/snippets.json	New snippet entry added as the first item in the array with title "Hibiki Du Ca powerpuff girl slider", description, CSS code containing embedded base64 GIF data, and preview asset reference.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~5 minutes

Poem

A slider comes forth, vibrant and bright,
With CSS magic and base64 sight,
Biome now formats with gentle care,
The snippets collection grows rich and rare. ✨

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Title check	✅ Passed	The pull request title accurately and concisely describes the main change: adding a new Hibiki Du Ca Powerpuff Girl slider snippet to the resources.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

Tip

💬 Introducing Slack Agent: The best way for teams to turn conversations into code.

Slack Agent is built on CodeRabbit's deep understanding of your code, so your team can collaborate across the entire SDLC without losing context.

• Generate code and open pull requests
• Plan features and break down work
• Investigate incidents and troubleshoot customer tickets together
• Automate recurring tasks and respond to alerts with triggers
• Summarize progress and report instantly

Built for teams:

• Shared memory across your entire org—no repeating context
• Per-thread sandboxes to safely plan and execute work
• Governance built-in—scoped access, auditability, and budget controls

One agent for your entire SDLC. Right inside Slack.

👉 Get started

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

Actionable comments posted: 2

🤖 Prompt for all review comments with AI agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In @.vscode/settings.json:
- Around line 8-10: The settings entry currently uses the language scope
"[snippets]" which only affects .code-snippets files; change the key to "[json]"
in the .vscode/settings.json so the editor.defaultFormatter override (the
"editor.defaultFormatter" setting inside the "[snippets]" block) applies to
regular JSON files like resources/snippets.json.

In `@resources/snippets.json`:
- Line 5: The .progress-bar__slider rule contains two conflicting transform
declarations (transform: translateY(-50%) scale(0.8) and later transform:
translateY(-50%) scale(0.5)), so remove the unintended/duplicate one and keep
the intended scale; locate the CSS rule for .playback-bar .progress-bar__slider
in the diff and delete the obsolete transform line so only the correct transform
(either scale(0.8) or scale(0.5) as decided) remains.

🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

• Push a commit to this branch (recommended)
• Create a new PR with the fixes

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 21f05b14-b0b7-415a-a49e-c901284c14e2

📥 Commits

Reviewing files that changed from the base of the PR and between 0287b84 and ba2e448.

⛔ Files ignored due to path filters (1)

• resources/assets/snippets/DuCa-powerpuff-girl.gif is excluded by !**/*.gif

📒 Files selected for processing (2)

• .vscode/settings.json
• resources/snippets.json

[coderabbitai]

⚠️ Potential issue | 🟡 Minor | ⚡ Quick win

🧩 Analysis chain

🌐 Web query:

What VS Code language identifier is used for .json files and .code-snippets files, and which language-scoped setting key should be used for formatter overrides: [json], [jsonc], or [snippets]?

💡 Result:

For.json files: VS Code language identifier is json [1]. For.code-snippets files: the language identifier is snippets [1]. For formatter override language-scoped settings, use the language identifier for the target language mode—so: - [json] for JSON - [jsonc] for JSON with Comments - [snippets] for .code-snippets (snippet files) In other words, formatter overrides for formatter behavior should be scoped using [json] / [jsonc] / [snippets] depending on which language mode VS Code has assigned to the file being formatted [1].

Citations:

• 1: https://code.visualstudio.com/docs/languages/identifiers

---

Use [json] instead of [snippets] for formatting resources/snippets.json.

The language-scoped setting [snippets] only applies to .code-snippets files. Since resources/snippets.json is a regular .json file, its language identifier is json, not snippets. The formatter override will be ignored for that file. Change "[snippets]" to "[json]" to apply the override to JSON files.

🤖 Prompt for AI Agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In @.vscode/settings.json around lines 8 - 10, The settings entry currently uses
the language scope "[snippets]" which only affects .code-snippets files; change
the key to "[json]" in the .vscode/settings.json so the editor.defaultFormatter
override (the "editor.defaultFormatter" setting inside the "[snippets]" block)
applies to regular JSON files like resources/snippets.json.

[coderabbitai]

⚠️ Potential issue | 🟡 Minor | ⚡ Quick win

🧩 Analysis chain

🏁 Script executed:

#!/bin/bash
# Verify duplicate transform declarations in the new snippet block
rg -n --type=json 'transform: translateY\(-50%\) scale\(' resources/snippets.json

Repository: spicetify/marketplace

Length of output: 25822

---

Remove duplicate transform declaration in .progress-bar__slider.

At Line 5, .progress-bar__slider declares transform: translateY(-50%) scale(0.8) followed later by transform: translateY(-50%) scale(0.5). The second declaration overrides the first, leaving dead code. Keep only the intended scale value.

🤖 Prompt for AI Agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@resources/snippets.json` at line 5, The .progress-bar__slider rule contains
two conflicting transform declarations (transform: translateY(-50%) scale(0.8)
and later transform: translateY(-50%) scale(0.5)), so remove the
unintended/duplicate one and keep the intended scale; locate the CSS rule for
.playback-bar .progress-bar__slider in the diff and delete the obsolete
transform line so only the correct transform (either scale(0.8) or scale(0.5) as
decided) remains.