mirror of
https://github.com/bulwarkmail/webmail.git
synced 2026-11-01 16:12:02 +00:00
Linus Rath
4d3a3db90b
From 0.16.6 Stalwart refuses FileNode names with `/<>:"\|?*` or a
reserved name such as `CON` ("Name contains a forbidden character."),
and publishes the rules as `forbiddenNameChars` / `forbiddenNodeNames`.
Bulwark did not read them: the error showed up only after an upload had
started, and it aborted the rest of a multi-file or folder upload.
- new folder, new text file and rename now say which characters or
names the server does not allow, before sending anything
- uploads store an accepted variant instead: forbidden characters
become `_` and a reserved name gets `_` appended
MIME types over 30 characters (most Office formats) were always stored
as `application/octet-stream`, because Stalwart before 0.16.6 refuses
them. From 0.16.6 the limit is 255, so the real type is kept there.
64 lines
2.1 KiB
TypeScript
64 lines
2.1 KiB
TypeScript
"use client";
|
|
|
|
import { useState } from "react";
|
|
import { useTranslations } from "next-intl";
|
|
import { Button } from "@/components/ui/button";
|
|
import { Input } from "@/components/ui/input";
|
|
|
|
interface NewFolderDialogProps {
|
|
onConfirm: (name: string) => Promise<void>;
|
|
onCancel: () => void;
|
|
/** Returns an error message for a name the server would refuse. */
|
|
validate?: (name: string) => string | null;
|
|
}
|
|
|
|
export function NewFolderDialog({ onConfirm, onCancel, validate }: NewFolderDialogProps) {
|
|
const t = useTranslations("files");
|
|
const [name, setName] = useState("");
|
|
const [isSubmitting, setIsSubmitting] = useState(false);
|
|
const nameError = name.trim() ? validate?.(name.trim()) ?? null : null;
|
|
|
|
const handleSubmit = async (e: React.FormEvent) => {
|
|
e.preventDefault();
|
|
const trimmed = name.trim();
|
|
if (!trimmed || validate?.(trimmed)) return;
|
|
|
|
setIsSubmitting(true);
|
|
try {
|
|
await onConfirm(trimmed);
|
|
} finally {
|
|
setIsSubmitting(false);
|
|
}
|
|
};
|
|
|
|
return (
|
|
<div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50" onClick={onCancel}>
|
|
<div
|
|
className="bg-background border border-border rounded-lg shadow-lg p-6 w-full max-w-sm mx-4"
|
|
onClick={(e) => e.stopPropagation()}
|
|
>
|
|
<h2 className="text-lg font-semibold mb-4">{t("new_folder")}</h2>
|
|
<form onSubmit={handleSubmit}>
|
|
<Input
|
|
autoFocus
|
|
value={name}
|
|
onChange={(e) => setName(e.target.value)}
|
|
placeholder={t("new_folder_name")}
|
|
className={nameError ? "mb-1" : "mb-4"}
|
|
aria-invalid={!!nameError}
|
|
/>
|
|
{nameError && <p className="text-xs text-destructive mb-3">{nameError}</p>}
|
|
<div className="flex justify-end gap-2">
|
|
<Button type="button" variant="outline" onClick={onCancel} disabled={isSubmitting}>
|
|
{t("cancel")}
|
|
</Button>
|
|
<Button type="submit" disabled={!name.trim() || !!nameError || isSubmitting}>
|
|
{t("create")}
|
|
</Button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|