AppStd/DigitalData.Hub
8
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Unterstützung von asynchroner Dateneingabe für DocFullView Komponente

Browse Source 
- DocFullView aktualisiert, um Daten als Uint8Array oder Promise<Uint8Array> zu akzeptieren
- Asynchrones Handling in useEffect hinzugefügt, um Daten vor der Erstellung der Objekt-URL aufzulösen
- Verbesserte Bereinigungslogik, um die Objekt-URL richtig zu widerrufen
- Geänderte Format-Prop ist nun erforderlich
This commit is contained in:
tekh 2025-07-16 15:26:51 +02:00
parent 8c7e18637a
commit 2adcc217af
2 changed files with 31 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
src/client/dd-hub-react/src/sections/document/view/doc-full-view.tsx
View File

@ -26,8 +26,8 @@ const getMimeType = (format: FileFormat): string => {
}; };
type DocFullViewProps = { type DocFullViewProps = {
data: Uint8Array; data: Uint8Array | Promise<Uint8Array>;
format?: FileFormat; format: FileFormat;
open: boolean; open: boolean;
handleClose: () => void; handleClose: () => void;
} }
@ -46,16 +46,31 @@ export default function DocFullView({ data, format, open, handleClose }: DocFull
const [objectUrl, setObjectUrl] = useState<string | null>(null); const [objectUrl, setObjectUrl] = useState<string | null>(null);
useEffect(() => { useEffect(() => {
if (!data || !format) let isMounted = true;
return undefined; let url: string | null = null;
const mimeType = getMimeType(format); const processData = async () => {
const blob = new Blob([data], { type: mimeType }); try {
const url = URL.createObjectURL(blob); const resolvedData = await data;
setObjectUrl(url); const mimeType = getMimeType(format);
const blob = new Blob([resolvedData], { type: mimeType });
url = URL.createObjectURL(blob);
if (isMounted) {
setObjectUrl(url);
}
} catch (err) {
console.error('Data resolution error:', err);
}
};
processData();
return () => { return () => {
URL.revokeObjectURL(url); isMounted = false;
if (url) {
URL.revokeObjectURL(url);
}
}; };
}, [data, format]); }, [data, format]);

11
src/client/dd-hub-react/src/services/document-service.ts
View File

@ -1,4 +1,4 @@
import { _documents } from "src/_mock" import { _documents, _genFile } from "src/_mock"
export type FileFormat = export type FileFormat =
| 'pdf' | 'pdf'
@ -37,13 +37,16 @@ export class Doc {
id!: number; id!: number;
name!: string; name!: string;
data!: Uint8Array;
addedWhen!: Date; addedWhen!: Date;
addedWho!: string; addedWho!: string;
changedWhen?: Date; changedWhen?: Date;
changedWho?: string; changedWho?: string;
attributes: Array<DocAttribute> = []; attributes: Array<DocAttribute> = [];
get data(): Promise<Uint8Array> {
return Promise.resolve(_genFile(this.name)!);
}
getChangedInfo(separator: string = " | "): string | null { getChangedInfo(separator: string = " | "): string | null {
const who = this.changedWho?.trim(); const who = this.changedWho?.trim();
const when = this.changedWhen?.toLocaleDateString('de-DE'); const when = this.changedWhen?.toLocaleDateString('de-DE');
@ -55,7 +58,7 @@ export class Doc {
return [who, when].filter(Boolean).join(separator); return [who, when].filter(Boolean).join(separator);
} }
get extension(): FileFormat | undefined { get extension(): FileFormat {
const parts = this.name.split('.'); const parts = this.name.split('.');
if (parts.length > 1 && parts[parts.length - 1].trim() !== '') { if (parts.length > 1 && parts[parts.length - 1].trim() !== '') {
const ext = parts[parts.length - 1].toLowerCase(); const ext = parts[parts.length - 1].toLowerCase();
@ -63,7 +66,7 @@ export class Doc {
if (validExtensions.includes(ext as FileFormat)) if (validExtensions.includes(ext as FileFormat))
return ext as FileFormat; return ext as FileFormat;
} }
return undefined; throw new Error(`Invalid or missing file extension in filename: "${this.name}". Supported extensions are: ${validExtensions.join(', ')}.`);
} }
get iconSrc(): string { get iconSrc(): string {