Upgraded Shade Storybook to v10

[peterzimon]

ref https://linear.app/ghost/issue/DES-1321/update-shade-storybook

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 597c1853-c18d-4ab8-b4c2-6d4dfbf0901e

📥 Commits

Reviewing files that changed from the base of the PR and between 02fb7e6 and fd0fa36.

📒 Files selected for processing (1)

• apps/shade/.storybook/main.tsx

---

Walkthrough

Storybook config for apps/shade was updated to use ESM-derived __dirname/__filename helpers. The addons entry for @storybook/addon-docs now provides mdxPluginOptions.mdxCompileOptions.providerImportSource. The viteFinal mutation was refactored to initialize config.resolve/config.build and config.build.rollupOptions when missing, handle config.resolve.alias as an array or object, remove the crypto alias, and delete config.build.rollupOptions.external. package.json upgrades Storybook packages to 10.3.3. One story import changed from @storybook/test to storybook/test.

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly and concisely summarizes the main change: upgrading the Shade Storybook from v9 to v10, which aligns with the overall objectives and all file modifications.
Description check	✅ Passed	The description references a Linear issue ticket (DES-1321) related to updating Shade Storybook, which is directly relevant to the changeset's objective of upgrading Storybook to v10.
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 DES-1321/shade-storybook-v10

---

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: 1

🤖 Prompt for all review comments with AI agents

Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@apps/shade/.storybook/main.tsx`:
- Line 42: The alias entry that maps {find: 'crypto', replacement:
require.resolve('rollup-plugin-node-builtins')} is incorrect because it points
to a Rollup plugin rather than a crypto polyfill; update that alias in the
Storybook Vite config (the alias object in apps/shade/.storybook/main.tsx) to
point to a proper polyfill such as 'crypto-browserify' (or remove the alias if
crypto is unused), e.g. replace the replacement value with
require.resolve('crypto-browserify') and ensure the polyfill is installed as a
dependency so imports of 'crypto' are resolved correctly in Storybook.

🪄 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: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: d93cccf7-7a33-491b-bb42-7ca4cfa2dab8

📥 Commits

Reviewing files that changed from the base of the PR and between d5fca1c and 555e9a3.

⛔ Files ignored due to path filters (1)

• yarn.lock is excluded by !**/yarn.lock, !**/*.lock

📒 Files selected for processing (2)

• apps/shade/.storybook/main.tsx
• apps/shade/package.json

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 73.19%. Comparing base (d5fca1c) to head (fd0fa36).
⚠️ Report is 1 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #27012      +/-   ##
==========================================
- Coverage   73.20%   73.19%   -0.01%     
==========================================
  Files        1540     1540              
  Lines      121786   121786              
  Branches    14713    14710       -3     
==========================================
- Hits        89149    89141       -8     
- Misses      31627    31636       +9     
+ Partials     1010     1009       -1     

Flag	Coverage Δ
admin-tests	54.37% <ø> (+0.01%)	⬆️
e2e-tests	73.19% <ø> (-0.01%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud