fluix 0.1.24

Rust UI components for GPUI
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45

<script lang="ts">
	import { highlightCode, detectLanguage } from '$lib/utils/codeHighlight';
	import { onMount } from 'svelte';
	
	interface Props {
		code: string;
		language?: string;
		filename?: string;
	}
	
	let { code, language, filename }: Props = $props();
	
	let codeElement: HTMLElement;
	let highlightedCode = $state('');
	let detectedLang = $state('rust');
	
	$effect(() => {
		detectedLang = language || detectLanguage(filename, code);
		highlightedCode = highlightCode(code, detectedLang);
		if (codeElement) {
			codeElement.className = `language-${detectedLang}`;
			codeElement.innerHTML = highlightedCode;
		}
	});
</script>

<pre class="code-block"><code bind:this={codeElement}></code></pre>

<style>
	.code-block {
		font-size: 0.75rem !important;
		font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Courier New', monospace !important;
	}
	
	:global(.code-block code) {
		background: none !important;
		padding: 0 !important;
		padding-left: 1rem !important;
		color: inherit !important;
		font-size: inherit !important;
		font-family: inherit !important;
		display: block !important;
		text-indent: 0 !important;
	}
</style>