@hyvor/design 1.1.8 → 1.1.9

package/dist/components/CodeBlock/CodeBlock.svelte

@@ -12,11 +12,12 @@
 	import getCode, { type Language } from './getCode.js';
 	interface Props {
 		code: string;
-		language?: InputLanguage;
+		language?: InputLanguage | null;
 	}
 
 	let { code, language = 'html' }: Props = $props();
-	const languageCode = (languagesMap[language] || language) as Language;
+
+	let languageCode = $derived(language ? (languagesMap[language] || language) : null) as Language | null;
 </script>
 
 <pre class="language-{languageCode} hljs"><code>{@html getCode(code, languageCode)}</code></pre>

package/dist/components/CodeBlock/CodeBlock.svelte.d.ts

@@ -2,7 +2,7 @@ import './hljs.scss';
 type InputLanguage = 'html' | 'css' | 'js' | 'ts' | 'yaml' | 'json' | 'svelte' | 'jsx' | 'php';
 interface Props {
     code: string;
-    language?: InputLanguage;
+    language?: InputLanguage | null;
 }
 declare const CodeBlock: import("svelte").Component<Props, {}, "">;
 type CodeBlock = ReturnType<typeof CodeBlock>;

package/dist/components/CodeBlock/getCode.d.ts

@@ -1,2 +1,2 @@
 export type Language = 'html' | 'css' | 'js' | 'ts';
-export default function getCode(code: string, language: Language): string;
+export default function getCode(code: string, language: Language | null): string;

package/dist/components/CodeBlock/getCode.js

@@ -35,5 +35,7 @@ export default function getCode(code, language) {
         return line;
     });
     ret = lines.join('\n');
-    return hljs.highlight(ret, { language }).value;
+    return language === null ?
+        ret :
+        hljs.highlight(ret, { language }).value;
 }

package/package.json

@@ -59,5 +59,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"version": "1.1.8"
+	"version": "1.1.9"
 }