apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-04-25 08:46:22 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add report content update endpoint and integrate Platejs editor for markdown editing

Browse source
This commit is contained in:
Anish Sarkar 2026-02-16 00:11:34 +05:30
parent cb759b64fe
commit 1995fe9ec1
73 changed files with 7447 additions and 77 deletions
Download patch file Download diff file Expand all files Collapse all files

161
surfsense_web/components/ui/code-block-node-static.tsx Normal file
View file

@ -0,0 +1,161 @@
import * as React from 'react';
import type { TCodeBlockElement } from 'platejs';
import {
type SlateElementProps,
type SlateLeafProps,
SlateElement,
SlateLeaf,
} from 'platejs/static';
export function CodeBlockElementStatic(
props: SlateElementProps<TCodeBlockElement>
) {
return (
<SlateElement
className="py-1 **:[.hljs-addition]:bg-[#f0fff4] **:[.hljs-addition]:text-[#22863a] dark:**:[.hljs-addition]:bg-[#3c5743] dark:**:[.hljs-addition]:text-[#ceead5] **:[.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable]:text-[#005cc5] dark:**:[.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable]:text-[#6596cf] **:[.hljs-built\\\\_in,.hljs-symbol]:text-[#e36209] dark:**:[.hljs-built\\\\_in,.hljs-symbol]:text-[#c3854e] **:[.hljs-bullet]:text-[#735c0f] **:[.hljs-comment,.hljs-code,.hljs-formula]:text-[#6a737d] dark:**:[.hljs-comment,.hljs-code,.hljs-formula]:text-[#6a737d] **:[.hljs-deletion]:bg-[#ffeef0] **:[.hljs-deletion]:text-[#b31d28] dark:**:[.hljs-deletion]:bg-[#473235] dark:**:[.hljs-deletion]:text-[#e7c7cb] **:[.hljs-emphasis]:italic **:[.hljs-keyword,.hljs-doctag,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language\\\\_]:text-[#d73a49] dark:**:[.hljs-keyword,.hljs-doctag,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language\\\\_]:text-[#ee6960] **:[.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo]:text-[#22863a] dark:**:[.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo]:text-[#36a84f] **:[.hljs-regexp,.hljs-string,.hljs-meta_.hljs-string]:text-[#032f62] dark:**:[.hljs-regexp,.hljs-string,.hljs-meta_.hljs-string]:text-[#3593ff] **:[.hljs-section]:font-bold **:[.hljs-section]:text-[#005cc5] dark:**:[.hljs-section]:text-[#61a5f2] **:[.hljs-strong]:font-bold **:[.hljs-title,.hljs-title.class\\\\_,.hljs-title.class\\\\_.inherited\\\\_\\\\_,.hljs-title.function\\\\_]:text-[#6f42c1] dark:**:[.hljs-title,.hljs-title.class\\\\_,.hljs-title.class\\\\_.inherited\\\\_\\\\_,.hljs-title.function\\\\_]:text-[#a77bfa]"
{...props}
>
<div className="relative rounded-md bg-muted/50">
<pre className="overflow-x-auto p-8 pr-4 font-mono text-sm leading-[normal] [tab-size:2] print:break-inside-avoid">
<code>{props.children}</code>
</pre>
</div>
</SlateElement>
);
}
export function CodeLineElementStatic(props: SlateElementProps) {
return <SlateElement {...props} />;
}
export function CodeSyntaxLeafStatic(props: SlateLeafProps) {
const tokenClassName = props.leaf.className as string;
return <SlateLeaf className={tokenClassName} {...props} />;
}
/**
* DOCX-compatible code block components.
* Uses inline styles for proper rendering in Word documents.
*/
export function CodeBlockElementDocx(
props: SlateElementProps<TCodeBlockElement>
) {
return (
<SlateElement {...props}>
<div
style={{
backgroundColor: '#f5f5f5',
border: '1px solid #e0e0e0',
margin: '8pt 0',
padding: '12pt',
}}
>
{props.children}
</div>
</SlateElement>
);
}
export function CodeLineElementDocx(props: SlateElementProps) {
return (
<SlateElement
{...props}
as="p"
style={{
fontFamily: "'Courier New', Consolas, monospace",
fontSize: '10pt',
margin: 0,
padding: 0,
}}
/>
);
}
// Syntax highlighting color map for common token types
const syntaxColors: Record<string, string> = {
'hljs-addition': '#22863a',
'hljs-attr': '#005cc5',
'hljs-attribute': '#005cc5',
'hljs-built_in': '#e36209',
'hljs-bullet': '#735c0f',
'hljs-comment': '#6a737d',
'hljs-deletion': '#b31d28',
'hljs-doctag': '#d73a49',
'hljs-emphasis': '#24292e',
'hljs-formula': '#6a737d',
'hljs-keyword': '#d73a49',
'hljs-literal': '#005cc5',
'hljs-meta': '#005cc5',
'hljs-name': '#22863a',
'hljs-number': '#005cc5',
'hljs-operator': '#005cc5',
'hljs-quote': '#22863a',
'hljs-regexp': '#032f62',
'hljs-section': '#005cc5',
'hljs-selector-attr': '#005cc5',
'hljs-selector-class': '#005cc5',
'hljs-selector-id': '#005cc5',
'hljs-selector-pseudo': '#22863a',
'hljs-selector-tag': '#22863a',
'hljs-string': '#032f62',
'hljs-strong': '#24292e',
'hljs-symbol': '#e36209',
'hljs-template-tag': '#d73a49',
'hljs-template-variable': '#d73a49',
'hljs-title': '#6f42c1',
'hljs-type': '#d73a49',
'hljs-variable': '#005cc5',
};
// Convert regular spaces to non-breaking spaces to preserve indentation in Word
const preserveSpaces = (text: string): string => {
// Replace regular spaces with non-breaking spaces
return text.replace(/ /g, '\u00A0');
};
export function CodeSyntaxLeafDocx(props: SlateLeafProps) {
const tokenClassName = props.leaf.className as string;
// Extract color from className
let color: string | undefined;
let fontWeight: string | undefined;
let fontStyle: string | undefined;
if (tokenClassName) {
const classes = tokenClassName.split(' ');
for (const cls of classes) {
if (syntaxColors[cls]) {
color = syntaxColors[cls];
}
if (cls === 'hljs-strong' || cls === 'hljs-section') {
fontWeight = 'bold';
}
if (cls === 'hljs-emphasis') {
fontStyle = 'italic';
}
}
}
// Get the text content and preserve spaces
const text = props.leaf.text as string;
const preservedText = preserveSpaces(text);
return (
<span
data-slate-leaf="true"
style={{
color,
fontFamily: "'Courier New', Consolas, monospace",
fontSize: '10pt',
fontStyle,
fontWeight,
}}
>
{preservedText}
</span>
);
}