Skip to content

fix: Make sure docs styles work as intended, add note about Astro v5#160

Merged
louisescher merged 1 commit intomainfrom
fix/docs
Mar 21, 2026
Merged

fix: Make sure docs styles work as intended, add note about Astro v5#160
louisescher merged 1 commit intomainfrom
fix/docs

Conversation

@louisescher
Copy link
Copy Markdown
Member

@louisescher louisescher commented Mar 21, 2026

Description

  • Fixes docs styling (for real this time)
  • Adds note about usage with Astro v4

Summary by CodeRabbit

  • Documentation

    • Updated documentation to reflect compatibility with Astro 4 or 5.
    • Reformatted code examples for clarity and consistency.
  • Chores

    • Adjusted CSS injection configuration for the UI integration.

@louisescher louisescher requested a review from a team as a code owner March 21, 2026 14:12
@htg-1-studiocms-cloud
Copy link
Copy Markdown

htg-1-studiocms-cloud bot commented Mar 21, 2026

Dokploy Preview Deployment

Name Status Preview Updated (UTC)
StudioCMS UI ✅ Done Preview URL 2026-03-21T14:14:07.955Z

@changeset-bot
Copy link
Copy Markdown

changeset-bot bot commented Mar 21, 2026

⚠️ No Changeset found

Latest commit: 9df8ac2

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai bot commented Mar 21, 2026

📝 Walkthrough

Walkthrough

The pull request updates Astro configuration to refactor CSS injection strategy for the UI integration, separating noInjectCSS and noInjectResetCSS concerns, and replaces a direct CSS import with a virtual module reference. Documentation is updated to reflect Astro 4 or 5 compatibility and code examples are reformatted with consistent quote style and compact array syntax.

Changes

Cohort / File(s) Summary
Configuration
docs/astro.config.mts
Modified ui() integration configuration to include noInjectCSS: true alongside noInjectResetCSS: true, and replaced direct CSS path @studiocms/ui/css/global.css with virtual module reference studiocms:ui/global-css in Starlight's customCss array.
Documentation
docs/src/content/docs/docs/index.mdx
Updated Astro compatibility claim from version 4 to "4 or 5", reformatted code examples to use double quotes and compact single-line array syntax for integrations, and applied whitespace normalization.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

🐰 Hopping through configs with CSS in paw,
Virtual modules—a clever new law!
Astro grows stronger, from four now to five,
Our docs stay polished, keeping code alive! ✨

🚥 Pre-merge checks | ✅ 3
✅ Passed checks (3 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title accurately describes the main changes: fixing docs styling issues and adding Astro v5 compatibility notes, which aligns with the substantial configuration and documentation updates.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

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

✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch fix/docs

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

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

@github-actions
Copy link
Copy Markdown
Contributor

Test Results

passed 300 passed

Details

tests 300 tests
clock 791ms
tool playwright
build Run Tests arrow-right playwright-test-report link #285
pull-request fix: Make sure docs styles work as intended, add note about Astro v5 link #160

Suites

300 passed, 0 failed, and 0 other

Suite Passed Failed Other Duration
✅ packages/studiocms_ui/test/components/Accordion.e2e.ts
        ✅ Test Functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Variant Styling (Dark Mode)
        ✅ Test Accessibility - Variant Styling (Light Mode)
        ✅ Test Functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Variant Styling (Dark Mode)
        ✅ Test Accessibility - Variant Styling (Light Mode)
✅ 10 ❌ 0 ⏭️ 0 15.7s
✅ packages/studiocms_ui/test/components/Alert.e2e.ts
        ✅ Basic functionality
        ✅ Renders all variant alerts
        ✅ Renders alert content correctly
        ✅ Renders with correct variant icons
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Variant Styling (Dark Mode)
        ✅ Test Accessibility - Variant Styling (Light Mode)
        ✅ Basic functionality
        ✅ Renders all variant alerts
        ✅ Renders alert content correctly
        ✅ Renders with correct variant icons
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Variant Styling (Dark Mode)
        ✅ Test Accessibility - Variant Styling (Light Mode)
✅ 16 ❌ 0 ⏭️ 0 15.3s
✅ packages/studiocms_ui/test/components/Badge.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Variant Styling (Dark Mode)
        ✅ Test Accessibility - Variant Styling (Light Mode)
        ✅ Test Accessibility - Colors Styling (Dark Mode)
        ✅ Test Accessibility - Colors Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Variant Styling (Dark Mode)
        ✅ Test Accessibility - Variant Styling (Light Mode)
        ✅ Test Accessibility - Colors Styling (Dark Mode)
        ✅ Test Accessibility - Colors Styling (Light Mode)
✅ 14 ❌ 0 ⏭️ 0 20.5s
✅ packages/studiocms_ui/test/components/Breadcrumbs.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
✅ 6 ❌ 0 ⏭️ 0 7.2s
✅ packages/studiocms_ui/test/components/Button.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Variant Styling (Dark Mode)
        ✅ Test Accessibility - Variant Styling (Light Mode)
        ✅ Test Accessibility - Polymorphic Styling (Dark Mode)
        ✅ Test Accessibility - Polymorphic Styling (Light Mode)
        ✅ Test Accessibility - Colors Styling (Dark Mode)
        ✅ Test Accessibility - Colors Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Variant Styling (Dark Mode)
        ✅ Test Accessibility - Variant Styling (Light Mode)
        ✅ Test Accessibility - Polymorphic Styling (Dark Mode)
        ✅ Test Accessibility - Polymorphic Styling (Light Mode)
        ✅ Test Accessibility - Colors Styling (Dark Mode)
        ✅ Test Accessibility - Colors Styling (Light Mode)
✅ 18 ❌ 0 ⏭️ 0 27.6s
✅ packages/studiocms_ui/test/components/Card.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Variant Styling (Dark Mode)
        ✅ Test Accessibility - Variant Styling (Light Mode)
        ✅ Test Accessibility - Slot Styling (Dark Mode)
        ✅ Test Accessibility - Slot Styling (Light Mode)
        ✅ Test Accessibility - Polymorphic Styling (Dark Mode)
        ✅ Test Accessibility - Polymorphic Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Variant Styling (Dark Mode)
        ✅ Test Accessibility - Variant Styling (Light Mode)
        ✅ Test Accessibility - Slot Styling (Dark Mode)
        ✅ Test Accessibility - Slot Styling (Light Mode)
        ✅ Test Accessibility - Polymorphic Styling (Dark Mode)
        ✅ Test Accessibility - Polymorphic Styling (Light Mode)
✅ 18 ❌ 0 ⏭️ 0 27.2s
✅ packages/studiocms_ui/test/components/Center.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
✅ 6 ❌ 0 ⏭️ 0 6.6s
✅ packages/studiocms_ui/test/components/Checkbox.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Color Styling (Dark Mode)
        ✅ Test Accessibility - Color Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Color Styling (Dark Mode)
        ✅ Test Accessibility - Color Styling (Light Mode)
✅ 10 ❌ 0 ⏭️ 0 15.7s
✅ packages/studiocms_ui/test/components/Divider.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
✅ 6 ❌ 0 ⏭️ 0 6.7s
✅ packages/studiocms_ui/test/components/Dropdown.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
✅ 6 ❌ 0 ⏭️ 0 7.2s
✅ packages/studiocms_ui/test/components/Footer.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
✅ 6 ❌ 0 ⏭️ 0 7.3s
✅ packages/studiocms_ui/test/components/Group.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Button Group Styling (Dark Mode)
        ✅ Test Accessibility - Button Group Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Button Group Styling (Dark Mode)
        ✅ Test Accessibility - Button Group Styling (Light Mode)
✅ 10 ❌ 0 ⏭️ 0 13.8s
✅ packages/studiocms_ui/test/components/Icon.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
✅ 6 ❌ 0 ⏭️ 0 6.8s
✅ packages/studiocms_ui/test/components/Input.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - With Icon Styling (Dark Mode)
        ✅ Test Accessibility - With Icon Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - With Icon Styling (Dark Mode)
        ✅ Test Accessibility - With Icon Styling (Light Mode)
✅ 10 ❌ 0 ⏭️ 0 15.6s
✅ packages/studiocms_ui/test/components/Modal.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
✅ 6 ❌ 0 ⏭️ 0 7.7s
✅ packages/studiocms_ui/test/components/Progress.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Color Styling (Dark Mode)
        ✅ Test Accessibility - Color Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Color Styling (Dark Mode)
        ✅ Test Accessibility - Color Styling (Light Mode)
✅ 10 ❌ 0 ⏭️ 0 14.7s
✅ packages/studiocms_ui/test/components/RadioGroup.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Color Styling (Dark Mode)
        ✅ Test Accessibility - Color Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Color Styling (Dark Mode)
        ✅ Test Accessibility - Color Styling (Light Mode)
✅ 10 ❌ 0 ⏭️ 0 14.4s
✅ packages/studiocms_ui/test/components/Row.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
✅ 6 ❌ 0 ⏭️ 0 6.7s
✅ packages/studiocms_ui/test/components/SearchSelect.e2e.ts
        ✅ Basic functionality
        ✅ Multi-Select functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Multi-Select Styling (Dark Mode)
        ✅ Test Accessibility - Multi-Select Styling (Light Mode)
        ✅ Basic functionality
        ✅ Multi-Select functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Multi-Select Styling (Dark Mode)
        ✅ Test Accessibility - Multi-Select Styling (Light Mode)
✅ 12 ❌ 0 ⏭️ 0 15.8s
✅ packages/studiocms_ui/test/components/Select.e2e.ts
        ✅ Basic functionality
        ✅ Multiple functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Multiple Styling (Dark Mode)
        ✅ Test Accessibility - Multiple Styling (Light Mode)
        ✅ Basic functionality
        ✅ Multiple functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Multiple Styling (Dark Mode)
        ✅ Test Accessibility - Multiple Styling (Light Mode)
✅ 12 ❌ 0 ⏭️ 0 15.6s
✅ packages/studiocms_ui/test/components/Sidebar-double.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
✅ 6 ❌ 0 ⏭️ 0 7.1s
✅ packages/studiocms_ui/test/components/Sidebar-single.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
✅ 6 ❌ 0 ⏭️ 0 6.9s
✅ packages/studiocms_ui/test/components/Skeleton.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Variant Styling (Dark Mode)
        ✅ Test Accessibility - Variant Styling (Light Mode)
        ✅ Test Accessibility - Width/Height Styling (Dark Mode)
        ✅ Test Accessibility - Width/Height Styling (Light Mode)
        ✅ Test Accessibility - Radius Styling (Dark Mode)
        ✅ Test Accessibility - Radius Styling (Light Mode)
        ✅ Test Accessibility - Direction Styling (Dark Mode)
        ✅ Test Accessibility - Direction Styling (Light Mode)
        ✅ Test Accessibility - Horizontal Alignment Styling (Dark Mode)
        ✅ Test Accessibility - Horizontal Alignment Styling (Light Mode)
        ✅ Test Accessibility - Vertical Alignment Styling (Dark Mode)
        ✅ Test Accessibility - Vertical Alignment Styling (Light Mode)
        ✅ Test Accessibility - Gap Styling (Dark Mode)
        ✅ Test Accessibility - Gap Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Variant Styling (Dark Mode)
        ✅ Test Accessibility - Variant Styling (Light Mode)
        ✅ Test Accessibility - Width/Height Styling (Dark Mode)
        ✅ Test Accessibility - Width/Height Styling (Light Mode)
        ✅ Test Accessibility - Radius Styling (Dark Mode)
        ✅ Test Accessibility - Radius Styling (Light Mode)
        ✅ Test Accessibility - Direction Styling (Dark Mode)
        ✅ Test Accessibility - Direction Styling (Light Mode)
        ✅ Test Accessibility - Horizontal Alignment Styling (Dark Mode)
        ✅ Test Accessibility - Horizontal Alignment Styling (Light Mode)
        ✅ Test Accessibility - Vertical Alignment Styling (Dark Mode)
        ✅ Test Accessibility - Vertical Alignment Styling (Light Mode)
        ✅ Test Accessibility - Gap Styling (Dark Mode)
        ✅ Test Accessibility - Gap Styling (Light Mode)
✅ 34 ❌ 0 ⏭️ 0 55.5s
✅ packages/studiocms_ui/test/components/Tabs.e2e.ts
        ✅ Basic functionality
        ✅ Sync functionality
        ✅ Nested functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Sync Styling (Dark Mode)
        ✅ Test Accessibility - Sync Styling (Light Mode)
        ✅ Test Accessibility - Nested Styling (Dark Mode)
        ✅ Test Accessibility - Nested Styling (Light Mode)
        ✅ Test Accessibility - Variant Styling (Dark Mode)
        ✅ Test Accessibility - Variant Styling (Light Mode)
        ✅ Basic functionality
        ✅ Sync functionality
        ✅ Nested functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Sync Styling (Dark Mode)
        ✅ Test Accessibility - Sync Styling (Light Mode)
        ✅ Test Accessibility - Nested Styling (Dark Mode)
        ✅ Test Accessibility - Nested Styling (Light Mode)
        ✅ Test Accessibility - Variant Styling (Dark Mode)
        ✅ Test Accessibility - Variant Styling (Light Mode)
✅ 22 ❌ 0 ⏭️ 0 30.0s
✅ packages/studiocms_ui/test/components/Textarea.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
✅ 6 ❌ 0 ⏭️ 0 7.2s
✅ packages/studiocms_ui/test/components/Toast.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
✅ 6 ❌ 0 ⏭️ 0 8.4s
✅ packages/studiocms_ui/test/components/Toggle.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Color Styling (Dark Mode)
        ✅ Test Accessibility - Color Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Test Accessibility - Color Styling (Dark Mode)
        ✅ Test Accessibility - Color Styling (Light Mode)
✅ 10 ❌ 0 ⏭️ 0 13.9s
✅ packages/studiocms_ui/test/components/Tooltip.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
✅ 6 ❌ 0 ⏭️ 0 6.7s
✅ packages/studiocms_ui/test/components/User.e2e.ts
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
        ✅ Basic functionality
        ✅ Test Accessibility - Basic Styling (Dark Mode)
        ✅ Test Accessibility - Basic Styling (Light Mode)
✅ 6 ❌ 0 ⏭️ 0 7.0s

Github Test Reporter by CTRF 💚

Copy link
Copy Markdown
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 2

🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@docs/src/content/docs/docs/index.mdx`:
- Around line 80-85: The example is missing the Tailwind integration import used
in defineConfig; add an import for the tailwind integration (import tailwind
from '@astrojs/tailwind') so the call to tailwind() alongside ui() resolves
correctly—update the top of the file where defineConfig and ui are imported to
also import tailwind.
- Around line 21-24: Update the paragraph under the "Using `@studiocms/ui` with
Astro 4 or 5" summary to explicitly state that the version constraint applies to
Astro (not the UI package); change the sentence that currently reads "As for
Astro v4, `@studiocms/ui` requires version `v4.5.0` or higher" to something like
"For Astro v4, Astro v4.5.0 or higher is required and the
`experimental.directRenderScript` flag must be enabled" (or "Requires Astro
v4.5.0+ with `experimental.directRenderScript` enabled"), keeping the
`experimental.directRenderScript` mention intact so readers clearly understand
the requirement applies to Astro.
🪄 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: f82a6bfa-fa7b-4f96-91f1-34be38cc8397

📥 Commits

Reviewing files that changed from the base of the PR and between 8b541b1 and 9df8ac2.

📒 Files selected for processing (2)
  • docs/astro.config.mts
  • docs/src/content/docs/docs/index.mdx

@louisescher louisescher merged commit e3fd188 into main Mar 21, 2026
11 checks passed
@louisescher louisescher deleted the fix/docs branch March 21, 2026 14:28
@codecov
Copy link
Copy Markdown

codecov bot commented Mar 21, 2026

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ All tests successful. No failed tests found.

📢 Thoughts on this report? Let us know!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants