@repobuddy/storybook 2.28.0 → 2.29.0

package/esm/index.d.ts

@@ -121,6 +121,7 @@ type ShowSourceOptions = Pick<StoryCardProps, 'className' | 'data-testid'> & {
   source?: ((source: string | undefined) => string) | string | undefined;
   showOriginalSource?: boolean | undefined;
   placement?: 'before' | 'after' | undefined;
+  language?: 'json' | 'md' | 'html' | 'css' | 'js' | 'ts' | (string & {}) | undefined;
 };
 /**
  * A decorator that shows the source code of a story relative to the rendered story.
@@ -138,6 +139,7 @@ declare function showSource<TRenderer extends Renderer = Renderer, TArgs = Args>
   placement,
   showOriginalSource,
   source,
+  language,
   ...options
 }?: ShowSourceOptions): DecoratorFunction<TRenderer, TArgs>;
 //#endregion

package/esm/index.js

@@ -190,7 +190,7 @@ const channel = addons.getChannel();
 * @param options.placement - Where to show the source code relative to the story.
 * @returns A decorator function that shows the source code of a story above or below the rendered story
 */
-function showSource({ className, placement, showOriginalSource, source, ...options } = {}) {
+function showSource({ className, placement, showOriginalSource, source, language, ...options } = {}) {
 	if (isRunningInTest()) return (Story) => /* @__PURE__ */ jsx(Story, {});
 	return (Story, { parameters: { docs, darkMode } }) => {
 		const storedItem = window.localStorage.getItem("sb-addon-themes-3");
@@ -202,13 +202,13 @@ function showSource({ className, placement, showOriginalSource, source, ...optio
 		}, []);
 		const originalSource = showOriginalSource ? docs?.source?.originalSource : docs?.source?.code ?? docs?.source?.originalSource;
 		const code = typeof source === "function" ? source(originalSource) : source ?? originalSource;
-		const language = code === docs?.source?.originalSource ? void 0 : docs?.source?.language;
+		const lang = language ?? (code === docs?.source?.originalSource ? void 0 : docs?.source?.language);
 		const isOriginalSource = code === docs?.source?.originalSource;
 		const sourceContent = useMemo(() => /* @__PURE__ */ jsx(SyntaxHighlighter, {
 			"data-testid": "source-content",
-			language,
+			language: lang,
 			children: code
-		}), [code, language]);
+		}), [code, lang]);
 		const showBefore = (placement ?? "before") === "before";
 		const sourceCardClassName = useCallback((state) => {
 			const modifiedState = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@repobuddy/storybook",
-  "version": "2.28.0",
+  "version": "2.29.0",
   "description": "Storybook repo buddy",
   "keywords": [
     "storybook",
@@ -27,9 +27,7 @@
     "#repobuddy/storybook": "./src/index.ts",
     "#repobuddy/storybook/manager": "./src/manager/index.ts",
     "#repobuddy/storybook/storybook-addon-tag-badges": "./src/storybook-addon-tag-badges/index.ts",
-    "#repobuddy/storybook/storybook-dark-mode": "./src/storybook-dark-mode/index.ts",
-    "#repobuddy/storybook/variants": "./src/variants/index.ts",
-    "#repobuddy/storybook/variants/package.json": "./src/variants/package.json"
+    "#repobuddy/storybook/storybook-dark-mode": "./src/storybook-dark-mode/index.ts"
   },
   "exports": {
     ".": {
@@ -86,42 +84,53 @@
   "devDependencies": {
     "@repobuddy/vitest": "^2.1.1",
     "@storybook-community/storybook-dark-mode": "^7.1.0",
-    "@storybook/addon-docs": "^10.2.8",
-    "@storybook/addon-vitest": "^10.3.3",
-    "@storybook/react-vite": "^10.3.3",
+    "@storybook/addon-docs": "^10.3.5",
+    "@storybook/addon-vitest": "^10.3.5",
+    "@storybook/react-vite": "^10.3.5",
     "@tailwindcss/cli": "^4.1.17",
     "@tailwindcss/vite": "^4.1.17",
     "@vitest/browser": "^4.0.16",
-    "@vitest/browser-playwright": "^4.0.16",
+    "@vitest/browser-playwright": "^4.1.4",
     "@vitest/coverage-v8": "^4.0.16",
     "dedent": "^1.7.0",
     "npm-run-all2": "^8.0.4",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "rimraf": "^6.1.0",
-    "storybook": "^10.3.3",
+    "storybook": "^10.3.5",
     "storybook-addon-code-editor": "^6.1.3",
-    "storybook-addon-tag-badges": "^3.0.6",
-    "storybook-addon-vis": "^3.1.2",
-    "tsdown": "^0.21.4",
-    "vite": "^8.0.0",
+    "storybook-addon-tag-badges": "^3.1.0",
+    "storybook-addon-vis": "^4.0.0",
+    "tsdown": "^0.22.0",
+    "vite": "^8.0.8",
     "vitest": "^4.0.16"
   },
   "peerDependencies": {
     "@storybook-community/storybook-dark-mode": "^7.0.0",
     "@storybook/addon-docs": "^10.2.4",
     "@types/react": ">= 16",
-    "storybook-addon-tag-badges": "^3.0.2"
+    "react": ">= 16",
+    "storybook-addon-tag-badges": "^3.0.2",
+    "storybook": "^10.2.4"
   },
   "peerDependenciesMeta": {
     "@storybook-community/storybook-dark-mode": {
       "optional": true
     },
+    "@storybook/addon-docs": {
+      "optional": true
+    },
     "@types/react": {
       "optional": true
     },
+    "react": {
+      "optional": true
+    },
     "storybook-addon-tag-badges": {
       "optional": true
+    },
+    "storybook": {
+      "optional": true
     }
   },
   "scripts": {

package/src/contexts/_story_card_scope.tsx

@@ -7,7 +7,7 @@ import {
 	type StoryCardRegistryContextValue
 } from './_story_card_registry_context.js'
 
-export type StoryCardScopeProps = { Story: ComponentType } & StoryCardEntry
+type StoryCardScopeProps = { Story: ComponentType } & StoryCardEntry
 
 /**
  * Ensures a story-card collection scope: creates the root container when no context exists,

package/src/decorators/show_source.tsx

@@ -22,6 +22,7 @@ export type ShowSourceOptions = Pick<StoryCardProps, 'className' | 'data-testid'
 	source?: ((source: string | undefined) => string) | string | undefined
 	showOriginalSource?: boolean | undefined
 	placement?: 'before' | 'after' | undefined
+	language?: 'json' | 'md' | 'html' | 'css' | 'js' | 'ts' | (string & {}) | undefined
 }
 
 /**
@@ -40,6 +41,7 @@ export function showSource<TRenderer extends Renderer = Renderer, TArgs = Args>(
 	placement,
 	showOriginalSource,
 	source,
+	language,
 	...options
 }: ShowSourceOptions = {}): DecoratorFunction<TRenderer, TArgs> {
 	if (isRunningInTest()) {
@@ -64,17 +66,17 @@ export function showSource<TRenderer extends Renderer = Renderer, TArgs = Args>(
 
 		const code = typeof source === 'function' ? source(originalSource) : (source ?? originalSource)
 
-		const language = code === docs?.source?.originalSource ? undefined : docs?.source?.language
+		const lang = language ?? (code === docs?.source?.originalSource ? undefined : docs?.source?.language)
 
 		const isOriginalSource = code === docs?.source?.originalSource
 
 		const sourceContent = useMemo(
 			() => (
-				<SyntaxHighlighter data-testid="source-content" language={language}>
+				<SyntaxHighlighter data-testid="source-content" language={lang}>
 					{code}
 				</SyntaxHighlighter>
 			),
-			[code, language]
+			[code, lang]
 		)
 
 		const showBefore = (placement ?? 'before') === 'before'

package/styles.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme {
   :root, :host {