* refactor: improve user feedback for general board settings section * wip: add board settings for background and colors, move danger zone to own file, refactor code * feat: add shade selector * feat: add slider for opacity * fix: issue with invalid hex values for color preview * refactor: add shared mutation hook for saving partial board settings with invalidate query * fix: add cleanup for not applied changes to logo and page title * feat: add layout settings * feat: add empty custom css section to board settings * refactor: improve layout of board logo on mobile * feat: add theme provider for board colors * refactor: add auto contrast for better contrast of buttons with low primary shade * feat: add background for boards * feat: add opacity for boards * feat: add rename board * feat: add visibility and delete of board settings * fix: issue that wrong data is updated with update board method * refactor: improve danger zone button placement for mobile * fix: board not revalidated when already in boards layout * refactor: improve board color preview * refactor: change save button color to teal, add placeholders for general board settings * chore: update initial migration * refactor: remove unnecessary div * chore: address pull request feedback * fix: ci issues * fix: deepsource issues * chore: address pull request feedback * fix: formatting issue * chore: address pull request feedback
76 lines
1.8 KiB
TypeScript
76 lines
1.8 KiB
TypeScript
import { z } from "zod";
|
|
|
|
import {
|
|
backgroundImageAttachments,
|
|
backgroundImageRepeats,
|
|
backgroundImageSizes,
|
|
} from "@homarr/definitions";
|
|
|
|
import { commonItemSchema, createSectionSchema } from "./shared";
|
|
|
|
const hexColorSchema = z.string().regex(/^#[0-9A-Fa-f]{6}$/);
|
|
|
|
const boardNameSchema = z
|
|
.string()
|
|
.min(1)
|
|
.max(255)
|
|
.regex(/^[A-Za-z0-9-\\._]+$/);
|
|
|
|
const byNameSchema = z.object({
|
|
name: boardNameSchema,
|
|
});
|
|
|
|
const renameSchema = z.object({
|
|
id: z.string(),
|
|
name: boardNameSchema,
|
|
});
|
|
|
|
const changeVisibilitySchema = z.object({
|
|
id: z.string(),
|
|
visibility: z.enum(["public", "private"]),
|
|
});
|
|
|
|
const trimmedNullableString = z
|
|
.string()
|
|
.nullable()
|
|
.transform((value) => (value?.trim().length === 0 ? null : value));
|
|
|
|
const savePartialSettingsSchema = z
|
|
.object({
|
|
pageTitle: trimmedNullableString,
|
|
metaTitle: trimmedNullableString,
|
|
logoImageUrl: trimmedNullableString,
|
|
faviconImageUrl: trimmedNullableString,
|
|
backgroundImageUrl: trimmedNullableString,
|
|
backgroundImageAttachment: z.enum(backgroundImageAttachments.values),
|
|
backgroundImageRepeat: z.enum(backgroundImageRepeats.values),
|
|
backgroundImageSize: z.enum(backgroundImageSizes.values),
|
|
primaryColor: hexColorSchema,
|
|
secondaryColor: hexColorSchema,
|
|
opacity: z.number().min(0).max(100),
|
|
customCss: z.string().max(16384),
|
|
columnCount: z.number().min(1).max(24),
|
|
})
|
|
.partial()
|
|
.and(
|
|
z.object({
|
|
id: z.string(),
|
|
}),
|
|
);
|
|
|
|
const saveSchema = z.object({
|
|
id: z.string(),
|
|
sections: z.array(createSectionSchema(commonItemSchema)),
|
|
});
|
|
|
|
const createSchema = z.object({ name: boardNameSchema });
|
|
|
|
export const boardSchemas = {
|
|
byName: byNameSchema,
|
|
savePartialSettings: savePartialSettingsSchema,
|
|
save: saveSchema,
|
|
create: createSchema,
|
|
rename: renameSchema,
|
|
changeVisibility: changeVisibilitySchema,
|
|
};
|