@repobuddy/storybook 2.28.1 → 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.1",
+  "version": "2.29.0",
   "description": "Storybook repo buddy",
   "keywords": [
     "storybook",
@@ -90,7 +90,7 @@
     "@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",
@@ -100,8 +100,8 @@
     "storybook": "^10.3.5",
     "storybook-addon-code-editor": "^6.1.3",
     "storybook-addon-tag-badges": "^3.1.0",
-    "storybook-addon-vis": "^3.1.4",
-    "tsdown": "^0.21.4",
+    "storybook-addon-vis": "^4.0.0",
+    "tsdown": "^0.22.0",
     "vite": "^8.0.8",
     "vitest": "^4.0.16"
   },

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 {