diff --git a/apps/docs/docs/management/api/index.mdx b/apps/docs/docs/management/api/index.mdx index 359d189e6..35e9f49e4 100644 --- a/apps/docs/docs/management/api/index.mdx +++ b/apps/docs/docs/management/api/index.mdx @@ -82,6 +82,8 @@ The OpenAPI and MCP APIs include board management endpoints for common automatio - Set desktop and mobile home boards for the current user - Configure global board defaults such as public home boards and status behavior +Board layout responses identify each layout with a `mobile`, `base`, or `custom` role. Mobile and Base are protected. Layout-saving clients must preserve existing roles, keep Mobile at breakpoint `0`, keep Base as the highest breakpoint, and use unique custom breakpoints between them. The layout save operation returns the canonical saved layouts, including server-generated IDs for new custom layouts. A non-Base layout can be regenerated from Base with the protected reset operation. + Use the interactive API reference to inspect the exact request body for each endpoint under the `boards` and `settings` tags. ## Partial integration failures diff --git a/apps/docs/docs/management/boards/index.mdx b/apps/docs/docs/management/boards/index.mdx index c89d7fb68..7ec29f1a9 100644 --- a/apps/docs/docs/management/boards/index.mdx +++ b/apps/docs/docs/management/boards/index.mdx @@ -90,11 +90,12 @@ Homarr will fall back to the Homarr logo if nothing is set. ### Layout -In this section you can configure the different responsive layouts. -Homarr selects a layout from the screen width, then scales its complete fixed-size canvas uniformly. +In this section you can configure the different responsive layouts. Homarr selects the layout with the highest breakpoint that is not wider than the current screen, then scales its complete fixed-size canvas uniformly. ![](./img/layout-settings.png) +Every board has two protected layouts: + Every `1 × 1` tile has a `200 × 200` logical-pixel content area. The `24` logical-pixel gap between tiles is separate from that size. A `2 × 1` tile therefore contains two fixed cell widths plus the gap between them. @@ -103,24 +104,27 @@ When fitting below 100%, Homarr keeps widget typography and control density at t On larger canvases, the complete board grows together like browser zoom. The complete canvas always fits the available width and never adds horizontal board scrolling. -The position and size of every item are independent in each responsive layout. -Moving or resizing an item in one layout does not change any other layout. -When adding a new layout, its initial positions and sizes are generated from the column count. -New items use their widget's default grid size, while a new Container starts at a useful `4 × 3` size when the layout has enough columns. -Both are placed in the first available position. +- **Mobile** starts at `0px` and uses three columns on new boards. +- **Base** is the widest layout and starts at `768px` on new boards. + +Mobile and Base can be renamed and their column counts and rails can be changed, but they cannot be removed. You can add removable custom layouts between their breakpoints. + +Each layout stores independent positions and sizes. Moving or resizing a widget while editing Mobile does not move it in Base or any custom layout. New custom layouts are generated from Base and scaled to their selected column count. + +Use **Reset from Base** on Mobile or a custom layout to replace all of its positions and sizes with a newly generated version of Base. The layout's name, breakpoint, and column count are kept. The canvas is at least one window tall, even when it is empty. Its left and right edges are hard drag boundaries, while its bottom edge extends automatically as a tile is dragged or resized downward. Nested Containers keep their own resizable bounds. +New items use their widget's default size and new Containers use a useful `4 × 3` size when space allows. #### Name -The name of the layout can be chosen freely. It is only used for management and will not be visible on the board. +The name of the layout can be chosen freely. It is only used for management and is not displayed on the board. #### Column count -Total number of columns for this layout. -When changed, Homarr moves items into the next available positions without overlap. +The total number of columns in the layout. Changing it projects the saved positions and sizes into the new grid width without overlap. #### Fixed rails @@ -139,8 +143,7 @@ Apps, widgets, and Containers inside them still use the same fixed `200 × 200` #### Breakpoint -Minimum width of the screen where the layout will be used. -Once the minimum of the next layout is reached, the layout will change. +The minimum screen width where the layout is used. Mobile is fixed at `0px`. Custom breakpoints must be unique and sit between Mobile and Base. Base must remain the highest breakpoint. #### View and edit modes @@ -165,6 +168,10 @@ The **Move / resize item** action in the edit menu remains available for precise #### Preview +Layout Settings shows a lightweight structural preview for every layout, including saved spans, Containers, widget labels, and app icons. The canvas width represents the screen range where that layout is active. + +Choose **Edit layout** to open the real board editor at that representative width on desktop. Save returns to Layout Settings. Cancel discards the local changes. On phones and tablets, the normal board editor continues to use the layout selected by the device width. + diff --git a/apps/docs/docs/management/workshop/index.mdx b/apps/docs/docs/management/workshop/index.mdx index 24357f761..97c26c40a 100644 --- a/apps/docs/docs/management/workshop/index.mdx +++ b/apps/docs/docs/management/workshop/index.mdx @@ -93,6 +93,8 @@ Custom Widget imports detect required bearer, basic, header, or query credential Workshop is powered by [PocketBase](https://pocketbase.io). The production image compiles the current Docusaurus site and serves it together with the API from one origin. The deployment lives in `apps/workshop/` with a Dockerfile, Compose configuration, version-controlled migrations, hooks, a smoke test, and ACT-local workflow instructions. +Submission links include Open Graph and X/Twitter metadata for the submission title, description, and type. The first uploaded screenshot is used as the social preview image; submissions without screenshots use the Homarr logo. + Run `pnpm docker:workshop` for PocketBase on port 8090, then run `WORKSHOP_API_URL=http://127.0.0.1:8090 pnpm dev:docs` for Docusaurus on port 3003. `pnpm docker:docs` builds the combined production layout. Normal start and stop commands retain data; `down --volumes` is an intentional, diff --git a/apps/docs/src/components/workshop/DetailPage.tsx b/apps/docs/src/components/workshop/DetailPage.tsx index 579dd65a9..c806f3f81 100644 --- a/apps/docs/src/components/workshop/DetailPage.tsx +++ b/apps/docs/src/components/workshop/DetailPage.tsx @@ -1,5 +1,6 @@ import React, { useCallback, useEffect, useMemo, useRef, useState } from "react"; import BrowserOnly from "@docusaurus/BrowserOnly"; +import Head from "@docusaurus/Head"; import Link from "@docusaurus/Link"; import { useLocation } from "@docusaurus/router"; import useDocusaurusContext from "@docusaurus/useDocusaurusContext"; @@ -69,6 +70,7 @@ import { WorkshopErrorBoundary } from "./WorkshopErrorBoundary"; import { downloadSubmissionJson, voteAndReconcile } from "./workshop-utils"; const typeLabels: Record = { customCss: "CSS", customWidget: "Widget" }; +const typeSocialLabels: Record = { customCss: "Custom CSS", customWidget: "Custom widget" }; const typeDotColors: Record = { customCss: "bg-blue-500", customWidget: "bg-yellow-500" }; const contentLanguages: Record = { customCss: "css", customWidget: "json" }; const copyState = [ @@ -536,9 +538,31 @@ const MarketplaceDetail = ({ workshopUrl }: { workshopUrl: string }) => { const options = widgetDefinition ? Object.entries(widgetDefinition.options) : []; const protectedSources = sources.filter(([, source]) => sourceNeedsSecret(source.auth)); const displayedContent = formatWorkshopContent(submission.type, submission.content); + const socialTitle = `${submission.title} · Homarr Workshop`; + const socialDescription = `${typeSocialLabels[submission.type]} for Homarr. ${submission.description}`.trim(); + const socialUrl = `${window.location.origin}${window.location.pathname}`; + const socialImage = screenshotUrls[0] ?? `${window.location.origin}/img/logo.png`; return (
+ + {socialTitle} + + + + + + + + + + + + + + + + { const board = useRequiredBoard(); const t = useScopedI18n("board.landmark"); + const tPreview = useScopedI18n("board.setting.section.layout.preview"); const [isEditMode] = useEditMode(); const currentLayoutId = useCurrentLayout(); const initialViewportWidth = useInitialViewportWidth(); + const layoutOverrideId = useLayoutOverride(); const currentLayout = board.layouts.find((layout) => layout.id === currentLayoutId) ?? board.layouts.at(0); if (!currentLayout) throw new Error("Expected the board to contain a layout"); @@ -47,7 +50,8 @@ export const ClientBoard = () => { const logicalWidth = laneWidths.reduce((total, width) => total + width, 0) + (laneWidths.length - 1) * LOGICAL_GRID_GAP; const initialLogicalHeight = getInitialBoardLogicalHeight(board, currentLayoutId) + LOGICAL_GRID_GAP; - const initialAvailableWidth = Math.max(1, initialViewportWidth - APP_SHELL_INLINE_PADDING); + const representativeWidth = layoutOverrideId ? getRepresentativeLayoutWidth(currentLayout, board.layouts) : null; + const initialAvailableWidth = Math.max(1, (representativeWidth ?? initialViewportWidth) - APP_SHELL_INLINE_PADDING); const gridTemplateColumns = [ leftColumnCount > 0 ? `${getLogicalTrackSize(leftColumnCount)}px` : null, `${getLogicalTrackSize(mainColumnCount)}px`, @@ -56,7 +60,7 @@ export const ClientBoard = () => { .filter((value) => value !== null) .join(" "); - return ( + const content = ( @@ -121,4 +125,24 @@ export const ClientBoard = () => { ); + + if (representativeWidth === null) return content; + + return ( + + + {tPreview("editorWidthLabel", { layoutName: currentLayout.name, width: representativeWidth })} + + + {content} + + + ); }; diff --git a/apps/nextjs/src/app/[locale]/boards/(content)/_header-actions.tsx b/apps/nextjs/src/app/[locale]/boards/(content)/_header-actions.tsx index 934f81d26..cf50c0c69 100644 --- a/apps/nextjs/src/app/[locale]/boards/(content)/_header-actions.tsx +++ b/apps/nextjs/src/app/[locale]/boards/(content)/_header-actions.tsx @@ -2,10 +2,18 @@ import { startTransition, useCallback, useEffect, useRef, useState } from "react"; import dynamic from "next/dynamic"; -import { useRouter } from "next/navigation"; +import { useRouter, useSearchParams } from "next/navigation"; import { Box, Center, Loader, Menu, ScrollArea } from "@mantine/core"; import { useHotkeys } from "@mantine/hooks"; -import { IconLayoutBoard, IconPencil, IconPencilOff, IconReplace, IconSettings } from "@tabler/icons-react"; +import { + IconDeviceFloppy, + IconLayoutBoard, + IconPencil, + IconPencilOff, + IconReplace, + IconSettings, + IconX, +} from "@tabler/icons-react"; import { clientApi } from "@homarr/api/client"; import { useRequiredBoard } from "@homarr/boards/context"; @@ -76,11 +84,19 @@ const EditModeMenu = ({ demoReadOnly }: { demoReadOnly: boolean }) => { const [isEnteringEditMode, setIsEnteringEditMode] = useState(false); const board = useRequiredBoard(); const utils = clientApi.useUtils(); + const router = useRouter(); + const searchParams = useSearchParams(); + const { openConfirmModal } = useConfirmModal(); + const commonT = useI18n(); const t = useScopedI18n("board.action.edit"); + const returnToLayoutSettings = + isEditMode && + searchParams.get("edit") === "true" && + searchParams.get("layout") !== null && + searchParams.get("returnTo") === "settings"; const latestBoardRef = useRef(board); latestBoardRef.current = board; - const { mutate: saveBoard, isPending } = clientApi.board.saveBoard.useMutation({ onSuccess() { showSuccessNotification({ @@ -91,6 +107,7 @@ const EditModeMenu = ({ demoReadOnly }: { demoReadOnly: boolean }) => { void utils.widget.customApi.getData.invalidate(); void revalidatePathActionAsync(`/boards/${board.name}`); close(); + if (returnToLayoutSettings) router.push(`/boards/${board.name}/settings?tab=layout`); }, onError() { showErrorNotification({ @@ -155,9 +172,45 @@ const EditModeMenu = ({ demoReadOnly }: { demoReadOnly: boolean }) => { } }, [demoReadOnly, discardDemoChanges, isEditMode, open, prepareEditorAsync, saveBoard, t]); + const cancelLayoutEdit = useCallback(() => { + openConfirmModal({ + title: commonT("board.setting.section.layout.edit.cancel.title"), + children: commonT("board.setting.section.layout.edit.cancel.message"), + confirmProps: { children: commonT("common.action.discard"), color: "red" }, + onConfirm() { + void (async () => { + await utils.board.getBoardByName.invalidate({ name: board.name }); + close(); + router.push(`/boards/${board.name}/settings?tab=layout`); + })(); + }, + }); + }, [board.name, close, commonT, openConfirmModal, router, utils.board.getBoardByName]); + useHotkeys([[hotkeys.toggleBoardEdit, () => void toggle()]]); usePreventLeaveWithDirty(isEditMode); + if (returnToLayoutSettings) { + return ( + <> + saveBoard(board)} + loading={isPending} + aria-label={commonT("board.setting.section.layout.edit.save")} + > + + + + + + + ); + } + return ( { + const t = useI18n(); + const elements = projectBoardLayout(board, sourceLayout, layout); + const representativeWidth = getRepresentativeLayoutWidth(layout, layouts); + const largestRepresentativeWidth = Math.max( + ...layouts.map((candidate) => getRepresentativeLayoutWidth(candidate, layouts)), + ); + const previewWidth = `${(representativeWidth / largestRepresentativeWidth) * 100}%`; + const appsById = new Map(apps.map((app) => [app.id, app])); + const rootSections = board.sections + .filter((section) => section.kind === "empty") + .toSorted((sectionA, sectionB) => sectionA.xOffset - sectionB.xOffset); + + return ( + + + + {representativeWidth}px + + + {layout.columnCount} {t("board.setting.section.layout.preview.columns")} + + + + {elements.length === 0 ? ( + + {t("board.setting.section.layout.preview.empty")} + + ) : ( + + {rootSections.map((section) => { + const sectionElements = elements.filter((element) => element.sectionId === section.id); + const columnCount = getBoardLaneColumnCount(layout, getRootSectionLane(section.xOffset)); + if (sectionElements.length === 0 || columnCount === 0) return null; + + return ( + + + {sectionElements.map((element) => { + const item = + element.type === "item" ? board.items.find((candidate) => candidate.id === element.id) : null; + const appId = + item?.kind === "app" && typeof item.options.appId === "string" ? item.options.appId : null; + const app = appId ? appsById.get(appId) : undefined; + const container = + element.type === "section" + ? board.sections.find((candidate) => candidate.id === element.id) + : undefined; + const containerLabel = + container?.kind === "container" && container.options.title + ? container.options.title + : t("section.container.untitled"); + const label = app?.name ?? (item ? t(`widget.${item.kind}.name`) : containerLabel); + const WidgetIcon = item ? widgetCatalogIcons[item.kind] : IconLayoutGrid; + + return ( + + + + + {app ? ( + + ) : ( + + )} + + + {label} + + + + + ); + })} + + + ); + })} + + )} + + + ); +}; diff --git a/apps/nextjs/src/app/[locale]/boards/[name]/settings/_layout.module.css b/apps/nextjs/src/app/[locale]/boards/[name]/settings/_layout.module.css index 7c8bdbebd..0a6b80363 100644 --- a/apps/nextjs/src/app/[locale]/boards/[name]/settings/_layout.module.css +++ b/apps/nextjs/src/app/[locale]/boards/[name]/settings/_layout.module.css @@ -6,7 +6,7 @@ display: grid; gap: 6px; width: 100%; - min-height: 112px; + min-height: 88px; padding: 8px; overflow: hidden; background: var(--mantine-color-body); diff --git a/apps/nextjs/src/app/[locale]/boards/[name]/settings/_layout.tsx b/apps/nextjs/src/app/[locale]/boards/[name]/settings/_layout.tsx index 71966b178..44c28e44e 100644 --- a/apps/nextjs/src/app/[locale]/boards/[name]/settings/_layout.tsx +++ b/apps/nextjs/src/app/[locale]/boards/[name]/settings/_layout.tsx @@ -1,6 +1,9 @@ "use client"; +import { useMemo, useState } from "react"; +import { useRouter } from "next/navigation"; import { + Badge, Box, Button, Fieldset, @@ -15,118 +18,293 @@ import { Text, TextInput, } from "@mantine/core"; +import { IconEdit, IconRefresh } from "@tabler/icons-react"; +import { clientApi } from "@homarr/api/client"; import { createId } from "@homarr/common"; import type { UseFormReturnType } from "@homarr/form"; +import { useConfirmModal } from "@homarr/modals"; +import { showErrorNotification } from "@homarr/notifications"; import { useI18n } from "@homarr/translation/client"; import { SectionCard } from "~/components/manage/section-card"; +import type { Board } from "../../_types"; +import { LayoutPreview } from "./_layout-preview"; import type { FormValues } from "./_settings-form"; import classes from "./_layout.module.css"; interface Props { + board: Board; form: UseFormReturnType; + isSaving: boolean; + saveSettingsAsync: () => Promise; } -export const LayoutSettingsContent = ({ form }: Props) => { +export const LayoutSettingsContent = ({ board, form, isSaving, saveSettingsAsync }: Props) => { const t = useI18n(); + const router = useRouter(); + const utils = clientApi.useUtils(); + const { openConfirmModal } = useConfirmModal(); + const [editingLayoutId, setEditingLayoutId] = useState(null); + const [resettingLayoutId, setResettingLayoutId] = useState(null); + const { mutateAsync: resetLayout } = clientApi.board.resetLayout.useMutation({ + onError() { + showErrorNotification({ + title: t("common.notification.update.error"), + message: t("common.notification.update.error"), + }); + }, + }); + const appIds = useMemo( + () => + Array.from( + new Set( + board.items.flatMap((item) => + item.kind === "app" && typeof item.options.appId === "string" ? [item.options.appId] : [], + ), + ), + ), + [board.items], + ); + const { data: apps = [] } = clientApi.app.byIds.useQuery(appIds, { enabled: appIds.length > 0 }); + + const openLayoutEditorAsync = async (layout: FormValues["layouts"][number]) => { + setEditingLayoutId(layout.id); + try { + const persistedLayout = board.layouts.find((candidate) => candidate.id === layout.id); + const savedValues = form.isDirty() || !persistedLayout ? await saveSettingsAsync() : form.values; + const canonicalLayout = savedValues ? findCanonicalLayout(savedValues.layouts, layout) : undefined; + if (!canonicalLayout) return; + + router.push(`/boards/${board.name}?layout=${encodeURIComponent(canonicalLayout.id)}&edit=true&returnTo=settings`); + } finally { + setEditingLayoutId(null); + } + }; + + const confirmReset = (layout: FormValues["layouts"][number]) => { + openConfirmModal({ + title: t("board.setting.section.layout.reset.confirm.title", { layoutName: layout.name }), + children: t("board.setting.section.layout.reset.confirm.message"), + confirmProps: { children: t("board.setting.section.layout.reset.action"), color: "red" }, + onConfirm() { + setResettingLayoutId(layout.id); + void (async () => { + try { + const savedValues = form.isDirty() ? await saveSettingsAsync() : form.values; + const canonicalLayout = savedValues ? findCanonicalLayout(savedValues.layouts, layout) : undefined; + if (!canonicalLayout) return; + + await resetLayout({ boardId: board.id, layoutId: canonicalLayout.id }); + await utils.board.getBoardByName.invalidate({ name: board.name }); + router.refresh(); + } catch { + // The mutation callback displays the error notification. + } finally { + setResettingLayoutId(null); + } + })(); + }, + }); + }; + + const nextBreakpoint = getNextCustomBreakpoint(form.values.layouts); + const baseLayout = form.values.layouts.find((layout) => layout.role === "base"); + const sortedLayouts = form.values.layouts + .map((layout, index) => ({ layout, index })) + .toSorted((entryA, entryB) => entryA.layout.breakpoint - entryB.layout.breakpoint); return ( - - - {t("board.setting.section.layout.responsive.title")} + + + + {t("board.setting.section.layout.responsive.title")} + {t("board.setting.section.layout.responsive.description")} + - {form.values.layouts.map((layout, index) => ( -
- - - - + {sortedLayouts.map(({ layout, index }) => { + const persistedLayout = board.layouts.find((candidate) => candidate.id === layout.id); + const sourceLayout = persistedLayout ?? board.layouts.find((candidate) => candidate.role === "base"); + const customBreakpoints = form.values.layouts + .filter((candidate) => candidate.role === "custom" && candidate.id !== layout.id) + .map((candidate) => candidate.breakpoint); + const baseBreakpoint = form.values.layouts.find((candidate) => candidate.role === "base")?.breakpoint ?? 768; - - - { - const left = Math.min(layout.leftGutterColumnCount, Math.max(0, columnCount - 1)); - const right = Math.min(layout.rightGutterColumnCount, Math.max(0, columnCount - left - 1)); - form.setFieldValue(`layouts.${index}.columnCount`, columnCount); - form.setFieldValue(`layouts.${index}.leftGutterColumnCount`, left); - form.setFieldValue(`layouts.${index}.rightGutterColumnCount`, right); - }} + return ( +
+ {layout.name || t(`board.setting.section.layout.role.${layout.role}`)} + + {t(`board.setting.section.layout.role.${layout.role}`)} + + + } + bg="transparent" + > + + + + + + ({ value, label: String(value) }))} + styles={{ + markLabel: { color: "light-dark(var(--mantine-color-black), var(--mantine-color-white))" }, + }} + value={layout.columnCount} + onChange={(columnCount) => { + const left = Math.min(layout.leftGutterColumnCount, Math.max(0, columnCount - 1)); + const right = Math.min(layout.rightGutterColumnCount, Math.max(0, columnCount - left - 1)); + form.setFieldValue(`layouts.${index}.columnCount`, columnCount); + form.setFieldValue(`layouts.${index}.leftGutterColumnCount`, left); + form.setFieldValue(`layouts.${index}.rightGutterColumnCount`, right); + }} + /> + + breakpoint + 1)) + : 1 + } + max={layout.role === "custom" ? baseBreakpoint - 1 : 32767} + /> + + + + {sourceLayout && ( + + )} + + + form.setFieldValue(`layouts.${index}.leftGutterColumnCount`, value)} + onRightChange={(value) => form.setFieldValue(`layouts.${index}.rightGutterColumnCount`, value)} /> - - + + - - - - - form.setFieldValue(`layouts.${index}.leftGutterColumnCount`, value)} - onRightChange={(value) => form.setFieldValue(`layouts.${index}.rightGutterColumnCount`, value)} - /> - - - {form.values.layouts.length >= 2 && ( - + + + {layout.role !== "base" && persistedLayout && ( + + )} + {layout.role === "custom" && ( + + )} + - )} -
- ))} +
+ ); + })} ); }; +const findCanonicalLayout = (layouts: FormValues["layouts"], layout: FormValues["layouts"][number]) => + layouts.find((candidate) => candidate.id === layout.id) ?? + layouts.find((candidate) => candidate.breakpoint === layout.breakpoint && candidate.role === layout.role); + +const getNextCustomBreakpoint = (layouts: Array<{ breakpoint: number }>) => { + const sortedBreakpoints = layouts + .map((layout) => layout.breakpoint) + .toSorted((breakpointA, breakpointB) => breakpointA - breakpointB); + let largestGap: { start: number; end: number } | null = null; + + for (let index = 0; index < sortedBreakpoints.length - 1; index++) { + const start = sortedBreakpoints[index]; + const end = sortedBreakpoints[index + 1]; + if (start === undefined || end === undefined || end - start <= 1) continue; + if (!largestGap || end - start > largestGap.end - largestGap.start) largestGap = { start, end }; + } + + return largestGap ? Math.floor((largestGap.start + largestGap.end) / 2) : null; +}; + interface GutterSettingsProps { left: number; right: number; @@ -158,7 +336,7 @@ const GutterSettings = ({ left, right, columnCount, onLeftChange, onRightChange - + - + onChange(event.currentTarget.checked ? Math.min(2, max) : 0)} label={t(`layout.field.gutters.${side}.label`)} - description={t(`layout.field.gutters.${side}.description`)} /> {enabled && ( diff --git a/apps/nextjs/src/app/[locale]/boards/[name]/settings/_settings-form.tsx b/apps/nextjs/src/app/[locale]/boards/[name]/settings/_settings-form.tsx index c27f77c71..dfb4a8147 100644 --- a/apps/nextjs/src/app/[locale]/boards/[name]/settings/_settings-form.tsx +++ b/apps/nextjs/src/app/[locale]/boards/[name]/settings/_settings-form.tsx @@ -122,46 +122,44 @@ export const BoardSettingsForm = ({ board, permissions, hasFullAccess, hideVisib return () => window.removeEventListener("beforeunload", handler); }, []); - const handleSubmitAsync = async (values: FormValues) => { + const saveSettingsAsync = async (values: FormValues): Promise => { const defaults = initialValuesRef.current; const changed = (...fields: TKey[]) => fields.some((field) => values[field] !== defaults[field]); const { layouts, ...partialSettings } = values; - - const saveActions: { when: boolean; action: () => Promise }[] = [ - { - when: changed(...PARTIAL_FORM_KEYS), - action: () => - savePartialSettings.mutateAsync({ id: board.id, ...partialSettings }).then(() => { - updateFavicon(values.faviconImageUrl ?? homarrLogoPath); - }), - }, - { - when: changed("layouts"), - action: () => saveLayouts.mutateAsync({ id: board.id, layouts }), - }, - ]; - - const promises = saveActions.filter((saveAction) => saveAction.when).map((saveAction) => saveAction.action()); - if (promises.length === 0) return; + const partialSettingsChanged = changed(...PARTIAL_FORM_KEYS); + const layoutsChanged = changed("layouts"); + if (!partialSettingsChanged && !layoutsChanged) return values; try { - await Promise.all(promises); - lastSavedRef.current = { pageTitle: values.pageTitle, logoImageUrl: values.logoImageUrl }; - initialValuesRef.current = values; - form.setInitialValues(values); - form.resetDirty(); + const [, canonicalLayouts] = await Promise.all([ + partialSettingsChanged + ? savePartialSettings.mutateAsync({ id: board.id, ...partialSettings }).then(() => { + updateFavicon(values.faviconImageUrl ?? homarrLogoPath); + }) + : Promise.resolve(), + layoutsChanged ? saveLayouts.mutateAsync({ id: board.id, layouts }) : Promise.resolve(null), + ]); + const canonicalValues = canonicalLayouts ? { ...values, layouts: canonicalLayouts } : values; + + lastSavedRef.current = { pageTitle: canonicalValues.pageTitle, logoImageUrl: canonicalValues.logoImageUrl }; + initialValuesRef.current = canonicalValues; + form.setValues(canonicalValues); + form.setInitialValues(canonicalValues); + form.resetDirty(canonicalValues); await revalidatePathActionAsync(`/boards/${board.name}/settings`); showSuccessNotification({ title: t("common.notification.update.success"), message: t("common.notification.update.success"), }); + return canonicalValues; } catch { showErrorNotification({ title: t("common.notification.update.error"), message: t("common.notification.update.error"), }); + return null; } }; @@ -179,10 +177,15 @@ export const BoardSettingsForm = ({ board, permissions, hasFullAccess, hideVisib return ( -
void handleSubmitAsync(values))}> + void saveSettingsAsync(values))}> - + saveSettingsAsync(form.values)} + /> diff --git a/apps/nextjs/src/app/[locale]/boards/[name]/settings/page.tsx b/apps/nextjs/src/app/[locale]/boards/[name]/settings/page.tsx index f6af46d65..734542221 100644 --- a/apps/nextjs/src/app/[locale]/boards/[name]/settings/page.tsx +++ b/apps/nextjs/src/app/[locale]/boards/[name]/settings/page.tsx @@ -53,7 +53,7 @@ export default async function BoardSettingsPage(props: Props) { } return ( - + {t("title", { boardName: capitalize(board.name) })} ({ throw error; } const initialBoard = initialBoardResult.board; + const { hasChangeAccess } = constructBoardPermissions(initialBoard, session); const initialLayoutId = getLayoutIdForViewportWidth(initialBoard.layouts, initialViewportWidth); return ( - - - - - - - - } - actions={headerActions} - hasNavigation={false} - /> - {children} - - - - - + + + + + + } + actions={headerActions} + hasNavigation={false} + /> + {children} + + + + - + ); }; diff --git a/apps/nextjs/src/app/[locale]/boards/_layout-utils.spec.ts b/apps/nextjs/src/app/[locale]/boards/_layout-utils.spec.ts new file mode 100644 index 000000000..ff33fa20e --- /dev/null +++ b/apps/nextjs/src/app/[locale]/boards/_layout-utils.spec.ts @@ -0,0 +1,111 @@ +import { describe, expect, test } from "vitest"; + +import { BoardMockBuilder } from "~/components/board/items/actions/test/mocks/board-mock"; +import { ContainerSectionMockBuilder } from "~/components/board/items/actions/test/mocks/container-section-mock"; +import { EmptySectionMockBuilder } from "~/components/board/items/actions/test/mocks/empty-section-mock"; +import { ItemMockBuilder } from "~/components/board/items/actions/test/mocks/item-mock"; +import { getRepresentativeLayoutWidth, projectBoardLayout } from "./_layout-utils"; + +const mobile = { + id: "mobile", + name: "Mobile", + columnCount: 3, + leftGutterColumnCount: 0, + rightGutterColumnCount: 0, + breakpoint: 0, + role: "mobile" as const, +}; +const custom = { + id: "tablet", + name: "Tablet", + columnCount: 6, + leftGutterColumnCount: 0, + rightGutterColumnCount: 0, + breakpoint: 480, + role: "custom" as const, +}; +const base = { + id: "base", + name: "Base", + columnCount: 12, + leftGutterColumnCount: 0, + rightGutterColumnCount: 0, + breakpoint: 768, + role: "base" as const, +}; + +describe("layout representative widths", () => { + test("uses a phone width, activation midpoint, and desktop minimum", () => { + const layouts = [mobile, custom, base]; + expect(getRepresentativeLayoutWidth(mobile, layouts)).toBe(390); + expect(getRepresentativeLayoutWidth(custom, layouts)).toBe(624); + expect(getRepresentativeLayoutWidth(base, layouts)).toBe(1280); + }); +}); + +describe("projectBoardLayout", () => { + test("returns exact saved positions without recursively re-projecting the active layout", () => { + const rootSection = new EmptySectionMockBuilder({ id: "root" }).build(); + const container = new ContainerSectionMockBuilder({ id: "container" }) + .addLayout({ layoutId: mobile.id, parentSectionId: rootSection.id, width: 3, height: 2 }) + .build(); + const board = new BoardMockBuilder().addLayout(mobile).addSections([rootSection, container]).build(); + + expect(projectBoardLayout(board, mobile, mobile)).toEqual([ + expect.objectContaining({ id: container.id, sectionId: rootSection.id, width: 3, height: 2 }), + ]); + }); + + test("uses production ordering and sizing for items and containers", () => { + const rootSection = new EmptySectionMockBuilder({ id: "root" }).build(); + const container = new ContainerSectionMockBuilder({ id: "container" }) + .addLayout({ layoutId: base.id, parentSectionId: rootSection.id, width: 6, height: 3, xOffset: 6, yOffset: 0 }) + .build(); + const rootItem = new ItemMockBuilder({ id: "root-item", kind: "clock" }) + .addLayout({ layoutId: base.id, sectionId: rootSection.id, width: 5, height: 2, xOffset: 0, yOffset: 0 }) + .build(); + const nestedItem = new ItemMockBuilder({ id: "nested-item", kind: "clock" }) + .addLayout({ layoutId: base.id, sectionId: container.id, width: 4, height: 1, xOffset: 0, yOffset: 0 }) + .build(); + const board = new BoardMockBuilder() + .addLayout(mobile) + .addSections([rootSection, container]) + .addItems([rootItem, nestedItem]) + .build(); + + const projected = projectBoardLayout(board, base, mobile); + + expect(projected.find((element) => element.id === rootItem.id)).toMatchObject({ + type: "item", + width: 3, + height: 2, + xOffset: 0, + yOffset: 0, + sectionId: rootSection.id, + }); + expect(projected.find((element) => element.id === container.id)).toMatchObject({ + type: "section", + width: 3, + xOffset: 0, + yOffset: 2, + sectionId: rootSection.id, + }); + expect(projected.find((element) => element.id === nestedItem.id)).toMatchObject({ + type: "item", + width: 3, + sectionId: container.id, + }); + }); + + test("ignores missing saved positions and supports empty boards", () => { + const rootSection = new EmptySectionMockBuilder({ id: "root" }).build(); + const itemWithoutBasePosition = new ItemMockBuilder({ id: "missing", kind: "clock" }).build(); + const board = new BoardMockBuilder() + .addLayout(mobile) + .addSection(rootSection) + .addItem(itemWithoutBasePosition) + .build(); + + expect(projectBoardLayout(board, base, mobile)).toEqual([]); + }); +}); diff --git a/apps/nextjs/src/app/[locale]/boards/_layout-utils.ts b/apps/nextjs/src/app/[locale]/boards/_layout-utils.ts new file mode 100644 index 000000000..8e1d45fe8 --- /dev/null +++ b/apps/nextjs/src/app/[locale]/boards/_layout-utils.ts @@ -0,0 +1,122 @@ +import { generateResponsiveGridFor } from "@homarr/common"; +import type { GridAlgorithmItem } from "@homarr/common"; +import type { BoardLane } from "@homarr/definitions"; +import { boardLanes, getBoardLaneColumnCount, getRootSectionLane } from "@homarr/definitions"; + +import type { Board } from "./_types"; + +export type BoardLayout = Board["layouts"][number]; +type LayoutGeometry = Pick; + +export const getRepresentativeLayoutWidth = (layout: BoardLayout, allLayouts: BoardLayout[]) => { + if (layout.role === "mobile") return 390; + if (layout.role === "base") return Math.max(1280, layout.breakpoint); + + const nextLayout = allLayouts + .filter((candidate) => candidate.breakpoint > layout.breakpoint) + .toSorted((layoutA, layoutB) => layoutA.breakpoint - layoutB.breakpoint) + .at(0); + + return nextLayout ? Math.round((layout.breakpoint + nextLayout.breakpoint) / 2) : Math.max(1280, layout.breakpoint); +}; + +export const projectBoardLayout = (board: Board, sourceLayout: LayoutGeometry, targetLayout: LayoutGeometry) => { + const elements = getElementsForLayout(board, sourceLayout.id); + + if ( + sourceLayout.id === targetLayout.id && + sourceLayout.columnCount === targetLayout.columnCount && + sourceLayout.leftGutterColumnCount === targetLayout.leftGutterColumnCount && + sourceLayout.rightGutterColumnCount === targetLayout.rightGutterColumnCount + ) { + return elements; + } + + const emptyRoots = board.sections + .filter((section) => section.kind === "empty") + .toSorted((first, second) => first.xOffset - second.xOffset || first.id.localeCompare(second.id)); + const rootByLane = new Map(); + for (const root of emptyRoots) { + const lane = getRootSectionLane(root.xOffset); + if (!rootByLane.has(lane)) rootByLane.set(lane, root); + } + + const mainRoot = rootByLane.get("main"); + if (!mainRoot) return []; + + const sourceRootById = new Map( + emptyRoots.map((section) => [section.id, getRootSectionLane(section.xOffset)] as const), + ); + const targetLaneBySourceLane = new Map( + boardLanes.map((lane) => [ + lane, + lane !== "main" && getBoardLaneColumnCount(targetLayout, lane) === 0 ? "main" : lane, + ]), + ); + const remappedElements = elements.map((element) => { + const sourceLane = sourceRootById.get(element.sectionId); + if (!sourceLane) return element; + const targetLane = targetLaneBySourceLane.get(sourceLane) ?? "main"; + return { ...element, sectionId: (rootByLane.get(targetLane) ?? mainRoot).id }; + }); + + return boardLanes.flatMap((lane) => { + const root = rootByLane.get(lane); + const width = getBoardLaneColumnCount(targetLayout, lane); + if (!root || width === 0) return []; + + const sourceLanes = boardLanes.filter( + (sourceLane) => + rootByLane.has(sourceLane) && + getBoardLaneColumnCount(sourceLayout, sourceLane) > 0 && + targetLaneBySourceLane.get(sourceLane) === lane, + ); + const previousWidth = + sourceLanes.length === 1 + ? getBoardLaneColumnCount(sourceLayout, sourceLanes[0] ?? "main") + : Number.MAX_SAFE_INTEGER; + + return generateResponsiveGridFor({ + items: remappedElements, + previousWidth, + width, + sectionId: root.id, + }).items; + }); +}; + +const getElementsForLayout = (board: Board, layoutId: string): GridAlgorithmItem[] => [ + ...board.items.flatMap((item) => { + const layout = item.layouts.find((candidate) => candidate.layoutId === layoutId); + return layout + ? [ + { + id: item.id, + type: "item" as const, + height: layout.height, + width: layout.width, + xOffset: layout.xOffset, + yOffset: layout.yOffset, + sectionId: layout.sectionId, + }, + ] + : []; + }), + ...board.sections.flatMap((section) => { + if (section.kind !== "container") return []; + const layout = section.layouts.find((candidate) => candidate.layoutId === layoutId); + return layout?.parentSectionId + ? [ + { + id: section.id, + type: "section" as const, + height: layout.height, + width: layout.width, + xOffset: layout.xOffset, + yOffset: layout.yOffset, + sectionId: layout.parentSectionId, + }, + ] + : []; + }), +]; diff --git a/apps/nextjs/src/app/[locale]/boards/_providers.tsx b/apps/nextjs/src/app/[locale]/boards/_providers.tsx new file mode 100644 index 000000000..c79644636 --- /dev/null +++ b/apps/nextjs/src/app/[locale]/boards/_providers.tsx @@ -0,0 +1,43 @@ +"use client"; + +import type { PropsWithChildren } from "react"; +import { useSearchParams } from "next/navigation"; +import { useMediaQuery } from "@mantine/hooks"; + +import { BoardProvider } from "@homarr/boards/context"; +import { EditModeProvider } from "@homarr/boards/edit-mode"; + +import type { Board } from "./_types"; + +interface Props { + initialBoard: Board; + initialLayoutId: string; + initialViewportWidth: number; + canModify: boolean; +} + +export const BoardProviders = ({ + children, + initialBoard, + initialLayoutId, + initialViewportWidth, + canModify, +}: PropsWithChildren) => { + const searchParams = useSearchParams(); + const isDesktop = useMediaQuery("(min-width: 64em)"); + const requestedLayoutId = searchParams.get("layout"); + const isRequestedLayoutValid = initialBoard.layouts.some((layout) => layout.id === requestedLayoutId); + const isLayoutEditRequest = canModify && searchParams.get("edit") === "true" && isRequestedLayoutValid; + const layoutOverrideId = isLayoutEditRequest && isDesktop ? requestedLayoutId : null; + + return ( + + {children} + + ); +}; diff --git a/apps/nextjs/src/components/board/items/actions/move-and-resize-item.ts b/apps/nextjs/src/components/board/items/actions/move-and-resize-item.ts index 0348b3f06..8b8f3a02f 100644 --- a/apps/nextjs/src/components/board/items/actions/move-and-resize-item.ts +++ b/apps/nextjs/src/components/board/items/actions/move-and-resize-item.ts @@ -1,9 +1,8 @@ -import { getCurrentLayout } from "@homarr/boards/context"; - import type { Board } from "~/app/[locale]/boards/_types"; export interface MoveAndResizeItemInput { itemId: string; + layoutId: string; xOffset: number; yOffset: number; width: number; @@ -11,10 +10,8 @@ export interface MoveAndResizeItemInput { } export const moveAndResizeItemCallback = - ({ itemId, ...layoutInput }: MoveAndResizeItemInput) => + ({ itemId, layoutId, ...layoutInput }: MoveAndResizeItemInput) => (previous: Board): Board => { - const currentLayout = getCurrentLayout(previous); - return { ...previous, items: previous.items.map((item) => @@ -23,7 +20,7 @@ export const moveAndResizeItemCallback = : { ...item, layouts: item.layouts.map((layout) => - layout.layoutId !== currentLayout + layout.layoutId !== layoutId ? layout : { ...layout, diff --git a/apps/nextjs/src/components/board/items/actions/move-item-to-section.ts b/apps/nextjs/src/components/board/items/actions/move-item-to-section.ts index 98d093826..6b7f8d314 100644 --- a/apps/nextjs/src/components/board/items/actions/move-item-to-section.ts +++ b/apps/nextjs/src/components/board/items/actions/move-item-to-section.ts @@ -1,9 +1,8 @@ -import { getCurrentLayout } from "@homarr/boards/context"; - import type { Board } from "~/app/[locale]/boards/_types"; export interface MoveItemToSectionInput { itemId: string; + layoutId: string; sectionId: string; xOffset: number; yOffset: number; @@ -12,10 +11,8 @@ export interface MoveItemToSectionInput { } export const moveItemToSectionCallback = - ({ itemId, ...layoutInput }: MoveItemToSectionInput) => + ({ itemId, layoutId, ...layoutInput }: MoveItemToSectionInput) => (board: Board): Board => { - const currentLayout = getCurrentLayout(board); - return { ...board, items: board.items.map((item) => @@ -24,7 +21,7 @@ export const moveItemToSectionCallback = : { ...item, layouts: item.layouts.map((layout) => - layout.layoutId !== currentLayout + layout.layoutId !== layoutId ? layout : { ...layout, diff --git a/apps/nextjs/src/components/board/items/actions/test/create-item.spec.ts b/apps/nextjs/src/components/board/items/actions/test/create-item.spec.ts index ea57dce5e..7f97054ba 100644 --- a/apps/nextjs/src/components/board/items/actions/test/create-item.spec.ts +++ b/apps/nextjs/src/components/board/items/actions/test/create-item.spec.ts @@ -14,6 +14,20 @@ describe("item actions create-item", () => { vi.restoreAllMocks(); }); + test("clips oversized widgets to each layout's column count", () => { + const board = new BoardMockBuilder() + .addLayout({ id: "mobile", name: "Mobile", role: "mobile", columnCount: 3, breakpoint: 0 }) + .addEmptySection({ id: "section" }) + .build(); + const baseLayout = board.layouts.find((layout) => layout.role === "base"); + + const result = createItemCallback({ kind: "mediaMissing" })(board); + + const createdItem = result.items.at(0); + expect(createdItem?.layouts.find((layout) => layout.layoutId === "mobile")?.width).toBe(3); + expect(createdItem?.layouts.find((layout) => layout.layoutId === baseLayout?.id)?.width).toBe(4); + }); + test("should add it to first section", () => { // Arrange const itemKind = "clock"; diff --git a/apps/nextjs/src/components/board/items/actions/test/mocks/board-mock.ts b/apps/nextjs/src/components/board/items/actions/test/mocks/board-mock.ts index 56f870336..9dfc14d3e 100644 --- a/apps/nextjs/src/components/board/items/actions/test/mocks/board-mock.ts +++ b/apps/nextjs/src/components/board/items/actions/test/mocks/board-mock.ts @@ -47,7 +47,8 @@ export class BoardMockBuilder { columnCount: 12, leftGutterColumnCount: 0, rightGutterColumnCount: 0, - breakpoint: 0, + breakpoint: 768, + role: "base", }, ], ...board, diff --git a/apps/nextjs/src/components/board/items/actions/test/mocks/layout-mock.ts b/apps/nextjs/src/components/board/items/actions/test/mocks/layout-mock.ts index 5fba9fc1a..edc8bcab2 100644 --- a/apps/nextjs/src/components/board/items/actions/test/mocks/layout-mock.ts +++ b/apps/nextjs/src/components/board/items/actions/test/mocks/layout-mock.ts @@ -12,7 +12,8 @@ export class LayoutMockBuilder { columnCount: 12, leftGutterColumnCount: 0, rightGutterColumnCount: 0, - breakpoint: 0, + breakpoint: 768, + role: "base", ...layout, } satisfies Board["layouts"][0]; } diff --git a/apps/nextjs/src/components/board/items/actions/test/move-and-resize-item.spec.ts b/apps/nextjs/src/components/board/items/actions/test/move-and-resize-item.spec.ts index de3e5804b..d8c10cdd5 100644 --- a/apps/nextjs/src/components/board/items/actions/test/move-and-resize-item.spec.ts +++ b/apps/nextjs/src/components/board/items/actions/test/move-and-resize-item.spec.ts @@ -1,6 +1,4 @@ -import { describe, expect, test, vi } from "vitest"; - -import * as boardContext from "@homarr/boards/context"; +import { describe, expect, test } from "vitest"; import { moveAndResizeItemCallback } from "../move-and-resize-item"; import { BoardMockBuilder } from "./mocks/board-mock"; @@ -11,8 +9,6 @@ describe("moveItemToSectionCallback should move item in section", () => { // Arrange const itemToMove = "2"; const layoutId = "1"; - const spy = vi.spyOn(boardContext, "getCurrentLayout"); - spy.mockReturnValue(layoutId); const newPosition = { xOffset: 20, yOffset: 30, @@ -25,7 +21,7 @@ describe("moveItemToSectionCallback should move item in section", () => { const board = new BoardMockBuilder().addItem(itemA).addItem(itemB).addItem(itemC).build(); // Act - const updatedBoard = moveAndResizeItemCallback({ itemId: itemToMove, ...newPosition })(board); + const updatedBoard = moveAndResizeItemCallback({ itemId: itemToMove, layoutId, ...newPosition })(board); // Assert expect(updatedBoard.items).toHaveLength(3); @@ -43,8 +39,6 @@ describe("moveItemToSectionCallback should move item in section", () => { // Arrange const itemToMove = "2"; const layoutId = "1"; - const spy = vi.spyOn(boardContext, "getCurrentLayout"); - spy.mockReturnValue(layoutId); const newPosition = { xOffset: 20, yOffset: 30, @@ -56,7 +50,7 @@ describe("moveItemToSectionCallback should move item in section", () => { const board = new BoardMockBuilder().addItem(itemA).addItem(itemC).build(); // Act - const updatedBoard = moveAndResizeItemCallback({ itemId: itemToMove, ...newPosition })(board); + const updatedBoard = moveAndResizeItemCallback({ itemId: itemToMove, layoutId, ...newPosition })(board); // Assert expect(updatedBoard.items).toHaveLength(2); diff --git a/apps/nextjs/src/components/board/items/actions/test/move-item-to-section.spec.ts b/apps/nextjs/src/components/board/items/actions/test/move-item-to-section.spec.ts index 41e838ed2..5f930003a 100644 --- a/apps/nextjs/src/components/board/items/actions/test/move-item-to-section.spec.ts +++ b/apps/nextjs/src/components/board/items/actions/test/move-item-to-section.spec.ts @@ -1,6 +1,4 @@ -import { describe, expect, test, vi } from "vitest"; - -import * as boardContext from "@homarr/boards/context"; +import { describe, expect, test } from "vitest"; import { moveItemToSectionCallback } from "../move-item-to-section"; import { BoardMockBuilder } from "./mocks/board-mock"; @@ -11,8 +9,6 @@ describe("moveItemToSectionCallback should move item to section", () => { // Arrange const itemToMove = "2"; const layoutId = "1"; - const spy = vi.spyOn(boardContext, "getCurrentLayout"); - spy.mockReturnValue(layoutId); const newPosition = { sectionId: "3", xOffset: 20, @@ -26,7 +22,7 @@ describe("moveItemToSectionCallback should move item to section", () => { const board = new BoardMockBuilder().addItem(itemA).addItem(itemB).addItem(itemC).build(); // Act - const updatedBoard = moveItemToSectionCallback({ itemId: itemToMove, ...newPosition })(board); + const updatedBoard = moveItemToSectionCallback({ itemId: itemToMove, layoutId, ...newPosition })(board); // Assert expect(updatedBoard.items).toHaveLength(3); @@ -44,8 +40,6 @@ describe("moveItemToSectionCallback should move item to section", () => { // Arrange const itemToMove = "2"; const layoutId = "1"; - const spy = vi.spyOn(boardContext, "getCurrentLayout"); - spy.mockReturnValue(layoutId); const newPosition = { sectionId: "3", xOffset: 20, @@ -58,7 +52,7 @@ describe("moveItemToSectionCallback should move item to section", () => { const board = new BoardMockBuilder().addItem(itemA).addItem(itemC).build(); // Act - const updatedBoard = moveItemToSectionCallback({ itemId: itemToMove, ...newPosition })(board); + const updatedBoard = moveItemToSectionCallback({ itemId: itemToMove, layoutId, ...newPosition })(board); // Assert expect(updatedBoard.items).toHaveLength(2); diff --git a/apps/nextjs/src/components/board/items/item-actions.tsx b/apps/nextjs/src/components/board/items/item-actions.tsx index cc7b637b4..28f23179a 100644 --- a/apps/nextjs/src/components/board/items/item-actions.tsx +++ b/apps/nextjs/src/components/board/items/item-actions.tsx @@ -1,5 +1,6 @@ import { useCallback } from "react"; +import { useCurrentLayout } from "@homarr/boards/context"; import { useUpdateBoard } from "@homarr/boards/updater"; import type { BoardItemAdvancedOptions } from "@homarr/validation/shared"; @@ -31,6 +32,7 @@ interface UpdateItemIntegrations { export const useItemActions = () => { const { updateBoard } = useUpdateBoard(); + const currentLayoutId = useCurrentLayout(); const createItem = useCallback((input: CreateItemInput) => updateBoard(createItemCallback(input)), [updateBoard]); @@ -76,17 +78,17 @@ export const useItemActions = () => { ); const moveAndResizeItem = useCallback( - (input: MoveAndResizeItemInput) => { - updateBoard(moveAndResizeItemCallback(input)); + (input: Omit) => { + updateBoard(moveAndResizeItemCallback({ ...input, layoutId: currentLayoutId })); }, - [updateBoard], + [currentLayoutId, updateBoard], ); const moveItemToSection = useCallback( - (input: MoveItemToSectionInput) => { - updateBoard(moveItemToSectionCallback(input)); + (input: Omit) => { + updateBoard(moveItemToSectionCallback({ ...input, layoutId: currentLayoutId })); }, - [updateBoard], + [currentLayoutId, updateBoard], ); const removeItem = useCallback( diff --git a/apps/nextjs/src/components/board/items/widget-context-menu.tsx b/apps/nextjs/src/components/board/items/widget-context-menu.tsx index e4f1f8cec..50d69da51 100644 --- a/apps/nextjs/src/components/board/items/widget-context-menu.tsx +++ b/apps/nextjs/src/components/board/items/widget-context-menu.tsx @@ -205,7 +205,7 @@ export const WidgetContextMenu = ({ [setItemOptions], ); - if (!session || !settings.enableRightClickOnWidgets || isEditMode) return <>{children}; + if (!session || !settings.enableRightClickOnWidgets || isEditMode || item.kind === "app") return <>{children}; const visibleWidgetActions = widgetContextActions.filter((action) => !action.hidden); diff --git a/apps/nextjs/src/components/board/layout/test/board-lanes.spec.ts b/apps/nextjs/src/components/board/layout/test/board-lanes.spec.ts index ecb537089..80ec9c8c3 100644 --- a/apps/nextjs/src/components/board/layout/test/board-lanes.spec.ts +++ b/apps/nextjs/src/components/board/layout/test/board-lanes.spec.ts @@ -16,6 +16,7 @@ describe("board lanes", () => { leftGutterColumnCount: 2, rightGutterColumnCount: 3, breakpoint: 0, + role: "base", } satisfies Board["layouts"][number]; expect(getBoardLaneColumnCount(layout, "left")).toBe(2); @@ -31,6 +32,7 @@ describe("board lanes", () => { leftGutterColumnCount: 3, rightGutterColumnCount: 3, breakpoint: 0, + role: "base", } satisfies Board["layouts"][number]; expect(getBoardLaneColumnCount(layout, "left")).toBe(3); @@ -104,6 +106,7 @@ describe("board lanes", () => { leftGutterColumnCount: 1, rightGutterColumnCount: 0, breakpoint: 0, + role: "base", }, ]; diff --git a/apps/nextjs/src/components/board/sections/section-actions.spec.ts b/apps/nextjs/src/components/board/sections/section-actions.spec.ts new file mode 100644 index 000000000..441e71ef7 --- /dev/null +++ b/apps/nextjs/src/components/board/sections/section-actions.spec.ts @@ -0,0 +1,42 @@ +import { describe, expect, test } from "vitest"; + +import { BoardMockBuilder } from "~/components/board/items/actions/test/mocks/board-mock"; +import { ContainerSectionMockBuilder } from "~/components/board/items/actions/test/mocks/container-section-mock"; +import { EmptySectionMockBuilder } from "~/components/board/items/actions/test/mocks/empty-section-mock"; +import { wouldCreateSectionCycle } from "./section-actions"; + +describe("wouldCreateSectionCycle", () => { + test("rejects moving a container into itself or one of its descendants", () => { + const layoutId = "layout"; + const rootSection = new EmptySectionMockBuilder({ id: "root" }).build(); + const parentSection = new ContainerSectionMockBuilder({ id: "parent" }) + .addLayout({ layoutId, parentSectionId: rootSection.id }) + .build(); + const childSection = new ContainerSectionMockBuilder({ id: "child" }) + .addLayout({ layoutId, parentSectionId: parentSection.id }) + .build(); + const board = new BoardMockBuilder().addSections([rootSection, parentSection, childSection]).build(); + + expect( + wouldCreateSectionCycle(board, { + innerSectionId: parentSection.id, + sectionId: parentSection.id, + layoutId, + }), + ).toBe(true); + expect( + wouldCreateSectionCycle(board, { + innerSectionId: parentSection.id, + sectionId: childSection.id, + layoutId, + }), + ).toBe(true); + expect( + wouldCreateSectionCycle(board, { + innerSectionId: childSection.id, + sectionId: rootSection.id, + layoutId, + }), + ).toBe(false); + }); +}); diff --git a/apps/nextjs/src/components/board/sections/section-actions.tsx b/apps/nextjs/src/components/board/sections/section-actions.tsx index a978e712f..47813fc16 100644 --- a/apps/nextjs/src/components/board/sections/section-actions.tsx +++ b/apps/nextjs/src/components/board/sections/section-actions.tsx @@ -1,8 +1,10 @@ import { useCallback } from "react"; -import { getCurrentLayout } from "@homarr/boards/context"; +import { useCurrentLayout } from "@homarr/boards/context"; import { useUpdateBoard } from "@homarr/boards/updater"; +import type { Board } from "~/app/[locale]/boards/_types"; + interface MoveAndResizeInnerSection { innerSectionId: string; xOffset: number; @@ -21,6 +23,7 @@ interface MoveInnerSectionToSection { export const useSectionActions = () => { const { updateBoard } = useUpdateBoard(); + const currentLayoutId = useCurrentLayout(); const moveAndResizeInnerSection = useCallback( ({ innerSectionId, ...positionProps }: MoveAndResizeInnerSection) => { @@ -31,12 +34,10 @@ export const useSectionActions = () => { if (section.id !== innerSectionId) return section; if (section.kind !== "container") return section; - const currentLayout = getCurrentLayout(previous); - return { ...section, layouts: section.layouts.map((layout) => { - if (layout.layoutId !== currentLayout) return layout; + if (layout.layoutId !== currentLayoutId) return layout; return { ...layout, ...positionProps, @@ -46,12 +47,16 @@ export const useSectionActions = () => { }), })); }, - [updateBoard], + [currentLayoutId, updateBoard], ); const moveInnerSectionToSection = useCallback( ({ innerSectionId, sectionId, ...positionProps }: MoveInnerSectionToSection) => { updateBoard((previous) => { + if (wouldCreateSectionCycle(previous, { innerSectionId, sectionId, layoutId: currentLayoutId })) { + return previous; + } + return { ...previous, sections: previous.sections.map((section) => { @@ -59,12 +64,10 @@ export const useSectionActions = () => { if (section.id !== innerSectionId) return section; if (section.kind !== "container") return section; - const currentLayout = getCurrentLayout(previous); - return { ...section, layouts: section.layouts.map((layout) => { - if (layout.layoutId !== currentLayout) return layout; + if (layout.layoutId !== currentLayoutId) return layout; return { ...layout, ...positionProps, @@ -76,7 +79,7 @@ export const useSectionActions = () => { }; }); }, - [updateBoard], + [currentLayoutId, updateBoard], ); return { @@ -84,3 +87,24 @@ export const useSectionActions = () => { moveInnerSectionToSection, }; }; + +export const wouldCreateSectionCycle = ( + board: Board, + { innerSectionId, sectionId, layoutId }: { innerSectionId: string; sectionId: string; layoutId: string }, +) => { + const visitedSectionIds = new Set(); + let currentSectionId: string | null = sectionId; + + while (currentSectionId) { + if (currentSectionId === innerSectionId) return true; + if (visitedSectionIds.has(currentSectionId)) return true; + visitedSectionIds.add(currentSectionId); + + const currentSection = board.sections.find((section) => section.id === currentSectionId); + if (currentSection?.kind !== "container") return false; + + currentSectionId = currentSection.layouts.find((layout) => layout.layoutId === layoutId)?.parentSectionId ?? null; + } + + return false; +}; diff --git a/apps/workshop/pb_hooks/workshop-utils.js b/apps/workshop/pb_hooks/workshop-utils.js index ef999ac9e..bcf6c2c5c 100644 --- a/apps/workshop/pb_hooks/workshop-utils.js +++ b/apps/workshop/pb_hooks/workshop-utils.js @@ -10,6 +10,37 @@ const escapeHtml = (value) => .replaceAll('"', """) .replaceAll("'", "'"); +const renderWorkshopSocialHtml = (html, metadata) => { + const title = escapeHtml(metadata.title); + const description = escapeHtml(metadata.description); + const url = escapeHtml(metadata.url); + const image = escapeHtml(metadata.image); + const imageAlt = escapeHtml(`${metadata.submissionTitle} preview`); + const section = escapeHtml(metadata.section); + const tags = [ + `${title}`, + ``, + ``, + ``, + ``, + ``, + ``, + ``, + ``, + ``, + ``, + ``, + ``, + ``, + ``, + ``, + ].join("\n"); + const replaceableTags = + /]*>[\s\S]*?<\/title>|]*(?:name|property)=["'](?:description|og:(?:title|description|url|image|image:alt|type|site_name)|twitter:(?:card|title|description|image|image:alt)|article:section)["'][^>]*>|]*rel=["']canonical["'][^>]*>/gi; + + return html.replace(replaceableTags, "").replace("", `\n${tags}`); +}; + const emailTemplate = (filename) => { const hooksPath = $os.getenv("WORKSHOP_PB_HOOKS_DIR") || __hooks; return $os.readFile($filepath.join(hooksPath, filename)); @@ -32,5 +63,6 @@ module.exports = { emailTemplate, escapeHtml, rejectRequest, + renderWorkshopSocialHtml, sendEmail, }; diff --git a/apps/workshop/pb_hooks/workshop.pb.js b/apps/workshop/pb_hooks/workshop.pb.js index 988d6f278..6f8634f7e 100644 --- a/apps/workshop/pb_hooks/workshop.pb.js +++ b/apps/workshop/pb_hooks/workshop.pb.js @@ -17,6 +17,46 @@ onBootstrap((event) => { console.log(JSON.stringify({ event: "workshop_oauth_synchronized", enabled: configured })); }); +const workshopDetailPage = (event) => { + const id = event.request.pathValue("id"); + if (id === "admin") return event.fileFS($os.dirFS("/pb_public"), "workshop/admin/index.html"); + + const indexHtml = toString($os.readFile("/pb_public/index.html")); + try { + const { renderWorkshopSocialHtml } = require(`${__hooks}/workshop-utils.js`); + const submission = event.app.findRecordById("submissions", id); + const type = submission.getString("type"); + const section = type === "customCss" ? "Custom CSS" : "Custom widget"; + const submissionTitle = submission.getString("title"); + const title = `${submissionTitle} · Homarr Workshop`; + const description = `${section} for Homarr. ${submission.getString("description")}`.trim(); + const workshopUrl = $os.getenv("WORKSHOP_WEB_URL").replace(/\/$/, ""); + const apiUrl = $os.getenv("WORKSHOP_API_URL").replace(/\/$/, ""); + const websiteUrl = $os.getenv("HOMARR_WEBSITE_URL").replace(/\/$/, ""); + const screenshot = submission.getStringSlice("screenshots")[0]; + const image = screenshot + ? `${apiUrl}/api/files/submissions/${submission.id}/${encodeURIComponent(screenshot)}` + : `${websiteUrl}/img/logo.png`; + + return event.html( + 200, + renderWorkshopSocialHtml(indexHtml, { + title, + description, + url: `${workshopUrl}/${submission.id}`, + image, + section, + submissionTitle, + }), + ); + } catch { + return event.html(200, indexHtml); + } +}; + +routerAdd("GET", "/workshop/{id}", workshopDetailPage); +routerAdd("GET", "/workshop/{id}/{$}", workshopDetailPage); + onRecordCreateRequest((event) => { event.record.set("revision", 1); event.record.set("expectedRevision", 0); diff --git a/apps/workshop/test-image.sh b/apps/workshop/test-image.sh index c56e3b15e..f0fc2a22b 100644 --- a/apps/workshop/test-image.sh +++ b/apps/workshop/test-image.sh @@ -38,6 +38,13 @@ WORKSHOP_TEST_URL="http://127.0.0.1:$WORKSHOP_IMAGE_TEST_PORT" \ EXPECTED_WORKSHOP_WEB_URL="$PREVIEW_ORIGIN/workshop" \ node apps/workshop/tests/runtime-config.integration.mjs +docker exec "$WORKSHOP_IMAGE_TEST_NAME" pocketbase superuser create \ + workshop-image@example.invalid 'WorkshopImageTest123!' --dir=/pb_data +WORKSHOP_TEST_URL="http://127.0.0.1:$WORKSHOP_IMAGE_TEST_PORT" \ + EXPECTED_WORKSHOP_API_URL="$PREVIEW_ORIGIN" \ + EXPECTED_WORKSHOP_WEB_URL="$PREVIEW_ORIGIN/workshop" \ + node apps/workshop/tests/workshop-social-metadata.integration.mjs + curl --fail --location --silent "http://127.0.0.1:$WORKSHOP_IMAGE_TEST_PORT/workshop" >/dev/null curl --fail --silent \ "http://127.0.0.1:$WORKSHOP_IMAGE_TEST_PORT/api/collections/workshop_listings/records?perPage=1" >/dev/null diff --git a/apps/workshop/tests/workshop-contracts.mjs b/apps/workshop/tests/workshop-contracts.mjs index 6d8bf3106..3b72bb541 100644 --- a/apps/workshop/tests/workshop-contracts.mjs +++ b/apps/workshop/tests/workshop-contracts.mjs @@ -1,5 +1,6 @@ import { access, readFile } from "node:fs/promises"; import { resolve } from "node:path"; +import vm from "node:vm"; const read = (path) => readFile(resolve(path), "utf8"); @@ -39,6 +40,34 @@ for (const artifact of [ if (hook.includes('findAllRecords("users")') || !hook.includes('findRecordsByFilter("users"')) { throw new Error("Workshop report notifications must use a filtered, bounded administrator query"); } +if (!hook.includes('routerAdd("GET", "/workshop/{id}"') || !hook.includes('getStringSlice("screenshots")')) { + throw new Error("Workshop detail routes must render server-side social metadata with submission screenshots"); +} + +const hookUtilsModule = { exports: {} }; +vm.runInNewContext(await read("apps/workshop/pb_hooks/workshop-utils.js"), { module: hookUtilsModule }); +const socialHtml = hookUtilsModule.exports.renderWorkshopSocialHtml( + 'Homarr documentation', + { + title: "Ocean · Homarr Workshop", + description: "Custom CSS for Homarr. Calm & readable.", + url: "https://preview.example/workshop/abc", + image: "https://preview.example/api/files/submissions/abc/preview.png", + section: "Custom CSS", + submissionTitle: "Ocean ", + }, +); +for (const expected of [ + "Ocean <Glow> · Homarr Workshop", + 'property="og:description" content="Custom CSS for Homarr. Calm & readable."', + 'rel="canonical" href="https://preview.example/workshop/abc"', + 'property="og:image" content="https://preview.example/api/files/submissions/abc/preview.png"', + 'name="twitter:card" content="summary_large_image"', + 'property="article:section" content="Custom CSS"', +]) { + if (!socialHtml.includes(expected)) throw new Error(`Workshop social metadata is missing: ${expected}`); +} +if (socialHtml.includes("Homarr documentation")) throw new Error("Workshop social metadata must replace generic tags"); const migration = await read("apps/workshop/pb_migrations/1784240000_workshop_widgets.js"); for (const removedField of ["displayName", "avatarUrl", "githubProfileUrl", "githubUsername"]) { diff --git a/apps/workshop/tests/workshop-social-metadata.integration.mjs b/apps/workshop/tests/workshop-social-metadata.integration.mjs new file mode 100644 index 000000000..2f198d8bc --- /dev/null +++ b/apps/workshop/tests/workshop-social-metadata.integration.mjs @@ -0,0 +1,55 @@ +const baseUrl = process.env.WORKSHOP_TEST_URL ?? "http://127.0.0.1:18091"; +const publicWorkshopUrl = process.env.EXPECTED_WORKSHOP_WEB_URL ?? "https://v2.preview.homarr.dev/workshop"; +const publicApiUrl = process.env.EXPECTED_WORKSHOP_API_URL ?? "https://v2.preview.homarr.dev"; + +const request = async (path, init = {}) => { + const response = await fetch(`${baseUrl}${path}`, init); + const body = await response.json().catch(() => null); + if (!response.ok) throw new Error(`${response.status} ${path}: ${JSON.stringify(body)}`); + return body; +}; + +const root = await request("/api/collections/_superusers/auth-with-password", { + method: "POST", + headers: { "content-type": "application/json" }, + body: JSON.stringify({ identity: "workshop-image@example.invalid", password: "WorkshopImageTest123!" }), +}); +const headers = { authorization: `Bearer ${root.token}` }; +const author = await request("/api/collections/users/records", { + method: "POST", + headers: { ...headers, "content-type": "application/json" }, + body: JSON.stringify({ + email: "social-author@example.invalid", + password: "WorkshopSocialTest123!", + passwordConfirm: "WorkshopSocialTest123!", + name: "social-author", + }), +}); +const png = Buffer.from( + "iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=", + "base64", +); +const data = new FormData(); +data.set("type", "customCss"); +data.set("title", "Ocean "); +data.set("description", "Calm & readable."); +data.set("widgetSchema", "homarr-custom-css-v1"); +data.set("content", "body { color: white; }"); +data.set("author", author.id); +data.set("screenshots", new File([png], "preview.png", { type: "image/png" })); +const submission = await request("/api/collections/submissions/records", { method: "POST", headers, body: data }); +const screenshot = encodeURIComponent(submission.screenshots[0]); +const html = await fetch(`${baseUrl}/workshop/${submission.id}`).then((response) => response.text()); + +for (const expected of [ + "Ocean <Glow> · Homarr Workshop", + 'property="og:description" content="Custom CSS for Homarr. Calm & readable."', + `rel="canonical" href="${publicWorkshopUrl}/${submission.id}"`, + `property="og:image" content="${publicApiUrl}/api/files/submissions/${submission.id}/${screenshot}"`, + 'name="twitter:card" content="summary_large_image"', + 'property="article:section" content="Custom CSS"', +]) { + if (!html.includes(expected)) throw new Error(`Rendered Workshop page is missing social metadata: ${expected}`); +} + +console.log("Workshop social metadata integration passed"); diff --git a/e2e/board-grid.spec.ts b/e2e/board-grid.spec.ts index c6336e7e9..bfc719e79 100644 --- a/e2e/board-grid.spec.ts +++ b/e2e/board-grid.spec.ts @@ -151,6 +151,13 @@ describe("Board grid", () => { await nestedAppLink.click(); await expect(page).toHaveURL(/#board-app-opened$/); await page.evaluate(() => history.replaceState(null, "", `${location.pathname}${location.search}`)); + + await firstItem.click({ button: "right" }); + await expect(page.getByRole("menu")).toBeVisible(); + await page.keyboard.press("Escape"); + await nestedItem.click({ button: "right" }); + await expect(page.getByRole("menu")).toHaveCount(0); + const normalZoomTileBox = await expectBoundingBoxAsync(logicalTile); const secondItemBox = await expectBoundingBoxAsync(secondItem); expect(secondItemBox.x - (normalZoomTileBox.x + normalZoomTileBox.width)).toBeCloseTo( diff --git a/packages/api/src/router/board.ts b/packages/api/src/router/board.ts index 3053da760..9795dc937 100644 --- a/packages/api/src/router/board.ts +++ b/packages/api/src/router/board.ts @@ -2,13 +2,15 @@ import { TRPCError } from "@trpc/server"; import superjson from "superjson"; import { z } from "zod/v4"; -import { createLogger } from "@homarr/core/infrastructure/logs"; import { constructBoardPermissions } from "@homarr/auth/shared"; -import { createId } from "@homarr/common"; +import { createId, generateResponsiveGridFor } from "@homarr/common"; +import type { GridAlgorithmItem } from "@homarr/common"; import type { DeviceType } from "@homarr/common/server"; +import { createLogger } from "@homarr/core/infrastructure/logs"; import type { Database, InferInsertModel, InferSelectModel, SQL } from "@homarr/db"; import { and, asc, eq, handleTransactionsAsync, inArray, isNull, like, not, or, sql } from "@homarr/db"; import { createDbInsertCollectionWithoutTransaction } from "@homarr/db/collection"; +import { seedProtectedBoardLayoutsAsync } from "@homarr/db/migrations/seed"; import { getServerSettingByKeyAsync } from "@homarr/db/queries"; import { boardGroupPermissions, @@ -38,6 +40,7 @@ import { getRootSectionLane, getPermissionsWithChildren, getPermissionsWithParents, + normalizeBoardLayoutRoles, rootSectionOffsets, widgetDefaultSizes, widgetKinds, @@ -52,6 +55,7 @@ import { boardCreateSchema, boardDuplicateSchema, boardRenameSchema, + boardResetLayoutSchema, boardSaveLayoutsSchema, boardSavePartialSettingsSchema, boardSavePermissionsSchema, @@ -69,7 +73,6 @@ import { throwIfCustomWidgetBoardDuplicationForbidden, throwIfCustomWidgetPlacementChangeForbidden, } from "./board/custom-widget-placement-access"; -import { generateResponsiveGridFor } from "./board/grid-algorithm"; import { validateTimetableOptionsChangeAsync } from "./widgets/timetable"; export const boardRouter = createTRPCRouter({ @@ -322,15 +325,28 @@ export const boardRouter = createTRPCRouter({ yOffset: 0, boardId, }); - createBoardCollection.layouts.push({ - id: createId(), - name: "Base", - columnCount: input.columnCount, - leftGutterColumnCount: 0, - rightGutterColumnCount: 0, - breakpoint: 0, - boardId, - }); + createBoardCollection.layouts.push( + { + id: createId(), + name: "Mobile", + columnCount: 3, + leftGutterColumnCount: 0, + rightGutterColumnCount: 0, + breakpoint: 0, + role: "mobile", + boardId, + }, + { + id: createId(), + name: "Base", + columnCount: input.columnCount, + leftGutterColumnCount: 0, + rightGutterColumnCount: 0, + breakpoint: 768, + role: "base", + boardId, + }, + ); await createBoardCollection.insertAllAsync(ctx.db); @@ -387,8 +403,65 @@ export const boardRouter = createTRPCRouter({ const newBoardId = createId(); - const layoutsMap = new Map(boardLayouts.map((layout) => [layout.id, createId()])); - const layoutsToInsert = boardLayouts.map((layout) => ({ + const generatedMobileLayoutId = createId(); + const generatedMobilePositions = + boardLayouts.length === 1 && boardLayouts[0] + ? getUpdatedBoardLayout(board, { + previous: { + layoutId: boardLayouts[0].id, + columnCount: boardLayouts[0].columnCount, + leftGutterColumnCount: boardLayouts[0].leftGutterColumnCount, + rightGutterColumnCount: boardLayouts[0].rightGutterColumnCount, + }, + current: { + layoutId: generatedMobileLayoutId, + columnCount: 3, + leftGutterColumnCount: 0, + rightGutterColumnCount: 0, + }, + }) + : null; + const normalizedBoardLayouts = + boardLayouts.length === 0 + ? [ + { + id: generatedMobileLayoutId, + name: "Mobile", + columnCount: 3, + leftGutterColumnCount: 0, + rightGutterColumnCount: 0, + breakpoint: 0, + role: "mobile" as const, + boardId: board.id, + }, + { + id: createId(), + name: "Base", + columnCount: 10, + leftGutterColumnCount: 0, + rightGutterColumnCount: 0, + breakpoint: 768, + role: "base" as const, + boardId: board.id, + }, + ] + : boardLayouts.length === 1 && boardLayouts[0] + ? [ + { + id: generatedMobileLayoutId, + name: "Mobile", + columnCount: 3, + leftGutterColumnCount: 0, + rightGutterColumnCount: 0, + breakpoint: 0, + role: "mobile" as const, + boardId: board.id, + }, + { ...boardLayouts[0], breakpoint: 768, role: "base" as const }, + ] + : normalizeBoardLayoutRoles(boardLayouts); + const layoutsMap = new Map(normalizedBoardLayouts.map((layout) => [layout.id, createId()])); + const layoutsToInsert = normalizedBoardLayouts.map((layout) => ({ ...layout, // eslint-disable-next-line @typescript-eslint/no-non-null-assertion id: layoutsMap.get(layout.id)!, @@ -405,9 +478,24 @@ export const boardRouter = createTRPCRouter({ }), ); - const sectionLayoutsToInsert: InferInsertModel[] = boardSections.flatMap((section) => - section.layouts.map( - (layoutSection): InferInsertModel => ({ + const sectionLayoutsToInsert: InferInsertModel[] = boardSections + .flatMap((section) => + section.layouts.map( + (layoutSection): InferInsertModel => ({ + ...layoutSection, + // eslint-disable-next-line @typescript-eslint/no-non-null-assertion + layoutId: layoutsMap.get(layoutSection.layoutId)!, + // eslint-disable-next-line @typescript-eslint/no-non-null-assertion + sectionId: sectionMap.get(layoutSection.sectionId)!, + parentSectionId: layoutSection.parentSectionId + ? // eslint-disable-next-line @typescript-eslint/no-non-null-assertion + sectionMap.get(layoutSection.parentSectionId)! + : layoutSection.parentSectionId, + }), + ), + ) + .concat( + (generatedMobilePositions?.sectionLayouts ?? []).map((layoutSection) => ({ ...layoutSection, // eslint-disable-next-line @typescript-eslint/no-non-null-assertion layoutId: layoutsMap.get(layoutSection.layoutId)!, @@ -416,10 +504,9 @@ export const boardRouter = createTRPCRouter({ parentSectionId: layoutSection.parentSectionId ? // eslint-disable-next-line @typescript-eslint/no-non-null-assertion sectionMap.get(layoutSection.parentSectionId)! - : layoutSection.parentSectionId, - }), - ), - ); + : null, + })), + ); const sectionCollapseStatesToInsert: InferInsertModel[] = boardSections.flatMap( (section) => section.collapseStates.map( @@ -441,9 +528,22 @@ export const boardRouter = createTRPCRouter({ }), ); - const itemLayoutsToInsert: InferInsertModel[] = boardItems.flatMap((item) => - item.layouts.map( - (layoutSection): InferInsertModel => ({ + const itemLayoutsToInsert: InferInsertModel[] = boardItems + .flatMap((item) => + item.layouts.map( + (layoutSection): InferInsertModel => ({ + ...layoutSection, + // eslint-disable-next-line @typescript-eslint/no-non-null-assertion + sectionId: sectionMap.get(layoutSection.sectionId)!, + // eslint-disable-next-line @typescript-eslint/no-non-null-assertion + itemId: itemMap.get(layoutSection.itemId)!, + // eslint-disable-next-line @typescript-eslint/no-non-null-assertion + layoutId: layoutsMap.get(layoutSection.layoutId)!, + }), + ), + ) + .concat( + (generatedMobilePositions?.itemSectionLayouts ?? []).map((layoutSection) => ({ ...layoutSection, // eslint-disable-next-line @typescript-eslint/no-non-null-assertion sectionId: sectionMap.get(layoutSection.sectionId)!, @@ -451,9 +551,8 @@ export const boardRouter = createTRPCRouter({ itemId: itemMap.get(layoutSection.itemId)!, // eslint-disable-next-line @typescript-eslint/no-non-null-assertion layoutId: layoutsMap.get(layoutSection.layoutId)!, - }), - ), - ); + })), + ); // Creates a list with all integration ids the user has access to const hasAccessForAll = ctx.session.user.permissions.includes("integration-use-all"); @@ -694,153 +793,338 @@ export const boardRouter = createTRPCRouter({ return await getFullBoardWithWhereAsync(ctx.db, boardWhere, ctx.session?.user.id ?? null); }), - saveLayouts: protectedProcedure.input(boardSaveLayoutsSchema).mutation(async ({ ctx, input }) => { - await throwIfActionForbiddenAsync(ctx, eq(boards.id, input.id), "modify"); + saveLayouts: protectedProcedure + .input(boardSaveLayoutsSchema) + .output(boardSaveLayoutsSchema.shape.layouts) + .mutation(async ({ ctx, input }) => { + await throwIfActionForbiddenAsync(ctx, eq(boards.id, input.id), "modify"); - const requiredGutterRoots = (["left", "right"] as const).filter((lane) => - input.layouts.some((layout) => getBoardLaneColumnCount(layout, lane) > 0), - ); - await ensureGutterRootSectionsAsync(ctx.db, input.id, requiredGutterRoots); + const requiredGutterRoots = (["left", "right"] as const).filter((lane) => + input.layouts.some((layout) => getBoardLaneColumnCount(layout, lane) > 0), + ); + await ensureGutterRootSectionsAsync(ctx.db, input.id, requiredGutterRoots); - const board = await getFullBoardWithWhereAsync(ctx.db, eq(boards.id, input.id), ctx.session.user.id); + const board = await getFullBoardWithWhereAsync(ctx.db, eq(boards.id, input.id), ctx.session.user.id); + const existingLayoutsById = new Map(board.layouts.map((layout) => [layout.id, layout])); + const addedLayouts = filterAddedItems(input.layouts, board.layouts); + const removedLayouts = filterRemovedItems(input.layouts, board.layouts); - const addedLayouts = filterAddedItems(input.layouts, board.layouts); + if (addedLayouts.some((layout) => layout.role !== "custom")) { + throw new TRPCError({ code: "BAD_REQUEST", message: "New layouts must use the custom role" }); + } + if (removedLayouts.some((layout) => layout.role !== "custom")) { + throw new TRPCError({ code: "BAD_REQUEST", message: "Mobile and Base layouts cannot be removed" }); + } + if ( + input.layouts.some((layout) => { + const existingLayout = existingLayoutsById.get(layout.id); + return existingLayout && existingLayout.role !== layout.role; + }) + ) { + throw new TRPCError({ code: "BAD_REQUEST", message: "Layout roles cannot be changed" }); + } - const layoutsToInsert: InferInsertModel[] = []; - const itemSectionLayoutsToInsert: InferInsertModel[] = []; - const sectionLayoutsToInsert: InferInsertModel[] = []; + const baseLayout = board.layouts.find((layout) => layout.role === "base"); + if (!baseLayout) { + throw new TRPCError({ code: "INTERNAL_SERVER_ERROR", message: "Board must have a Base layout" }); + } - for (const addedLayout of addedLayouts) { - const layoutId = createId(); + const layoutsToInsert: InferInsertModel[] = []; + const itemSectionLayoutsToInsert: InferInsertModel[] = []; + const sectionLayoutsToInsert: InferInsertModel[] = []; + const savedLayoutIds = new Map(); + const requestedBaseLayout = input.layouts.find((layout) => layout.id === baseLayout.id); + const resizedBaseLayout = + requestedBaseLayout && + (requestedBaseLayout.columnCount !== baseLayout.columnCount || + requestedBaseLayout.leftGutterColumnCount !== baseLayout.leftGutterColumnCount || + requestedBaseLayout.rightGutterColumnCount !== baseLayout.rightGutterColumnCount) + ? getUpdatedBoardLayout(board, { + previous: { + layoutId: baseLayout.id, + columnCount: baseLayout.columnCount, + leftGutterColumnCount: baseLayout.leftGutterColumnCount, + rightGutterColumnCount: baseLayout.rightGutterColumnCount, + }, + current: { + layoutId: baseLayout.id, + columnCount: requestedBaseLayout.columnCount, + leftGutterColumnCount: requestedBaseLayout.leftGutterColumnCount, + rightGutterColumnCount: requestedBaseLayout.rightGutterColumnCount, + }, + }) + : null; + const baseSourceElements = resizedBaseLayout ? getElementsForProjectedLayout(resizedBaseLayout) : undefined; + const baseSourceGeometry = { + layoutId: baseLayout.id, + columnCount: requestedBaseLayout?.columnCount ?? baseLayout.columnCount, + leftGutterColumnCount: requestedBaseLayout?.leftGutterColumnCount ?? baseLayout.leftGutterColumnCount, + rightGutterColumnCount: requestedBaseLayout?.rightGutterColumnCount ?? baseLayout.rightGutterColumnCount, + }; - const sortedLayouts = board.layouts.toSorted((layoutA, layoutB) => layoutA.columnCount - layoutB.columnCount); - // Fallback to biggest if none exists with columnCount bigger than addedLayout.columnCount - const layoutToClone = - // eslint-disable-next-line @typescript-eslint/no-non-null-assertion - sortedLayouts.find((layout) => layout.columnCount >= addedLayout.columnCount) ?? sortedLayouts.at(-1)!; - - const updatedBoardLayout = getUpdatedBoardLayout(board, { - previous: { - layoutId: layoutToClone.id, - columnCount: layoutToClone.columnCount, - leftGutterColumnCount: layoutToClone.leftGutterColumnCount, - rightGutterColumnCount: layoutToClone.rightGutterColumnCount, - }, - current: { - layoutId, + for (const addedLayout of addedLayouts) { + const layoutId = createId(); + savedLayoutIds.set(addedLayout.id, layoutId); + layoutsToInsert.push({ + id: layoutId, + name: addedLayout.name, columnCount: addedLayout.columnCount, leftGutterColumnCount: addedLayout.leftGutterColumnCount, rightGutterColumnCount: addedLayout.rightGutterColumnCount, + breakpoint: addedLayout.breakpoint, + role: "custom", + boardId: board.id, + }); + + const projectedLayout = getUpdatedBoardLayout(board, { + previous: { + ...baseSourceGeometry, + elements: baseSourceElements, + }, + current: { + layoutId, + columnCount: addedLayout.columnCount, + leftGutterColumnCount: addedLayout.leftGutterColumnCount, + rightGutterColumnCount: addedLayout.rightGutterColumnCount, + }, + }); + itemSectionLayoutsToInsert.push(...projectedLayout.itemSectionLayouts); + sectionLayoutsToInsert.push(...projectedLayout.sectionLayouts); + } + + const itemSectionLayoutsToUpdate: InferInsertModel[] = []; + const sectionLayoutsToUpdate: InferInsertModel[] = []; + const layoutsToUpdate = filterUpdatedItems(input.layouts, board.layouts); + + for (const updatedLayout of layoutsToUpdate) { + const dbLayout = existingLayoutsById.get(updatedLayout.id); + if ( + !dbLayout || + (dbLayout.columnCount === updatedLayout.columnCount && + dbLayout.leftGutterColumnCount === updatedLayout.leftGutterColumnCount && + dbLayout.rightGutterColumnCount === updatedLayout.rightGutterColumnCount) + ) + continue; + + const projectedLayout = + updatedLayout.role === "base" && resizedBaseLayout + ? resizedBaseLayout + : getUpdatedBoardLayout(board, { + previous: { + layoutId: dbLayout.id, + columnCount: dbLayout.columnCount, + leftGutterColumnCount: dbLayout.leftGutterColumnCount, + rightGutterColumnCount: dbLayout.rightGutterColumnCount, + }, + current: { + layoutId: dbLayout.id, + columnCount: updatedLayout.columnCount, + leftGutterColumnCount: updatedLayout.leftGutterColumnCount, + rightGutterColumnCount: updatedLayout.rightGutterColumnCount, + }, + }); + itemSectionLayoutsToUpdate.push(...projectedLayout.itemSectionLayouts); + sectionLayoutsToUpdate.push(...projectedLayout.sectionLayouts); + } + + const removedLayoutIds = removedLayouts.map((layout) => layout.id); + + await handleTransactionsAsync(ctx.db, { + async handleAsync(db, schema) { + await db.transaction(async (transaction) => { + if (layoutsToInsert.length > 0) await transaction.insert(schema.layouts).values(layoutsToInsert); + if (itemSectionLayoutsToInsert.length > 0) { + await transaction.insert(schema.itemLayouts).values(itemSectionLayoutsToInsert); + } + if (sectionLayoutsToInsert.length > 0) { + await transaction.insert(schema.sectionLayouts).values(sectionLayoutsToInsert); + } + + for (const itemLayout of itemSectionLayoutsToUpdate) { + await transaction + .update(schema.itemLayouts) + .set({ + height: itemLayout.height, + width: itemLayout.width, + xOffset: itemLayout.xOffset, + yOffset: itemLayout.yOffset, + sectionId: itemLayout.sectionId, + }) + .where( + and( + eq(schema.itemLayouts.itemId, itemLayout.itemId), + eq(schema.itemLayouts.layoutId, itemLayout.layoutId), + ), + ); + } + for (const sectionLayout of sectionLayoutsToUpdate) { + await transaction + .update(schema.sectionLayouts) + .set({ + height: sectionLayout.height, + width: sectionLayout.width, + xOffset: sectionLayout.xOffset, + yOffset: sectionLayout.yOffset, + parentSectionId: sectionLayout.parentSectionId, + }) + .where( + and( + eq(schema.sectionLayouts.sectionId, sectionLayout.sectionId), + eq(schema.sectionLayouts.layoutId, sectionLayout.layoutId), + ), + ); + } + for (const layout of layoutsToUpdate) { + await transaction + .update(schema.layouts) + .set({ + name: layout.name, + columnCount: layout.columnCount, + leftGutterColumnCount: layout.leftGutterColumnCount, + rightGutterColumnCount: layout.rightGutterColumnCount, + breakpoint: layout.breakpoint, + }) + .where(eq(schema.layouts.id, layout.id)); + } + if (removedLayoutIds.length > 0) { + await transaction.delete(schema.layouts).where(inArray(schema.layouts.id, removedLayoutIds)); + } + }); + }, + handleSync(db) { + db.transaction((transaction) => { + if (layoutsToInsert.length > 0) transaction.insert(layouts).values(layoutsToInsert).run(); + if (itemSectionLayoutsToInsert.length > 0) { + transaction.insert(itemLayouts).values(itemSectionLayoutsToInsert).run(); + } + if (sectionLayoutsToInsert.length > 0) { + transaction.insert(sectionLayouts).values(sectionLayoutsToInsert).run(); + } + + for (const itemLayout of itemSectionLayoutsToUpdate) { + transaction + .update(itemLayouts) + .set({ + height: itemLayout.height, + width: itemLayout.width, + xOffset: itemLayout.xOffset, + yOffset: itemLayout.yOffset, + sectionId: itemLayout.sectionId, + }) + .where(and(eq(itemLayouts.itemId, itemLayout.itemId), eq(itemLayouts.layoutId, itemLayout.layoutId))) + .run(); + } + for (const sectionLayout of sectionLayoutsToUpdate) { + transaction + .update(sectionLayouts) + .set({ + height: sectionLayout.height, + width: sectionLayout.width, + xOffset: sectionLayout.xOffset, + yOffset: sectionLayout.yOffset, + parentSectionId: sectionLayout.parentSectionId, + }) + .where( + and( + eq(sectionLayouts.sectionId, sectionLayout.sectionId), + eq(sectionLayouts.layoutId, sectionLayout.layoutId), + ), + ) + .run(); + } + for (const layout of layoutsToUpdate) { + transaction + .update(layouts) + .set({ + name: layout.name, + columnCount: layout.columnCount, + leftGutterColumnCount: layout.leftGutterColumnCount, + rightGutterColumnCount: layout.rightGutterColumnCount, + breakpoint: layout.breakpoint, + }) + .where(eq(layouts.id, layout.id)) + .run(); + } + if (removedLayoutIds.length > 0) + transaction.delete(layouts).where(inArray(layouts.id, removedLayoutIds)).run(); + }); }, }); - layoutsToInsert.push({ - id: layoutId, - name: addedLayout.name, - columnCount: addedLayout.columnCount, - leftGutterColumnCount: addedLayout.leftGutterColumnCount, - rightGutterColumnCount: addedLayout.rightGutterColumnCount, - breakpoint: addedLayout.breakpoint, - boardId: board.id, - }); + return input.layouts + .map((layout) => ({ + ...layout, + id: savedLayoutIds.get(layout.id) ?? layout.id, + role: existingLayoutsById.get(layout.id)?.role ?? "custom", + })) + .toSorted((layoutA, layoutB) => layoutA.breakpoint - layoutB.breakpoint); + }), + resetLayout: protectedProcedure + .meta({ + mcp: { + enabled: true, + description: + "Reset a board's Mobile or custom layout from its Base layout while preserving the target layout settings. Requires modify permission. REQUIRED: boardId (board ID), layoutId (non-Base layout ID)", + }, + }) + .input(boardResetLayoutSchema) + .mutation(async ({ ctx, input }) => { + await throwIfActionForbiddenAsync(ctx, eq(boards.id, input.boardId), "modify"); - itemSectionLayoutsToInsert.push(...updatedBoardLayout.itemSectionLayouts); - sectionLayoutsToInsert.push(...updatedBoardLayout.sectionLayouts); - } + const board = await getFullBoardWithWhereAsync(ctx.db, eq(boards.id, input.boardId), ctx.session.user.id); + const targetLayout = board.layouts.find((layout) => layout.id === input.layoutId); + const baseLayout = board.layouts.find((layout) => layout.role === "base"); - if (layoutsToInsert.length > 0) { - await ctx.db.insert(layouts).values(layoutsToInsert); - } - - if (itemSectionLayoutsToInsert.length > 0) { - await ctx.db.insert(itemLayouts).values(itemSectionLayoutsToInsert); - } - - if (sectionLayoutsToInsert.length > 0) { - await ctx.db.insert(sectionLayouts).values(sectionLayoutsToInsert); - } - - const updatedLayouts = filterUpdatedItems(input.layouts, board.layouts); - for (const updatedLayout of updatedLayouts) { - // eslint-disable-next-line @typescript-eslint/no-non-null-assertion - const dbLayout = board.layouts.find((layout) => layout.id === updatedLayout.id)!; - let updatedBoardLayout: ReturnType | undefined; - - if ( - dbLayout.columnCount !== updatedLayout.columnCount || - dbLayout.leftGutterColumnCount !== updatedLayout.leftGutterColumnCount || - dbLayout.rightGutterColumnCount !== updatedLayout.rightGutterColumnCount - ) { - updatedBoardLayout = getUpdatedBoardLayout(board, { - previous: { - layoutId: dbLayout.id, - columnCount: dbLayout.columnCount, - leftGutterColumnCount: dbLayout.leftGutterColumnCount, - rightGutterColumnCount: dbLayout.rightGutterColumnCount, - }, - current: { - layoutId: dbLayout.id, - columnCount: updatedLayout.columnCount, - leftGutterColumnCount: updatedLayout.leftGutterColumnCount, - rightGutterColumnCount: updatedLayout.rightGutterColumnCount, - }, - }); - - for (const itemSectionLayout of updatedBoardLayout.itemSectionLayouts) { - await ctx.db - .update(itemLayouts) - .set({ - height: itemSectionLayout.height, - width: itemSectionLayout.width, - xOffset: itemSectionLayout.xOffset, - yOffset: itemSectionLayout.yOffset, - sectionId: itemSectionLayout.sectionId, - }) - .where( - and( - eq(itemLayouts.itemId, itemSectionLayout.itemId), - eq(itemLayouts.layoutId, itemSectionLayout.layoutId), - ), - ); - } - - for (const sectionLayout of updatedBoardLayout.sectionLayouts) { - await ctx.db - .update(sectionLayouts) - .set({ - height: sectionLayout.height, - width: sectionLayout.width, - xOffset: sectionLayout.xOffset, - yOffset: sectionLayout.yOffset, - parentSectionId: sectionLayout.parentSectionId, - }) - .where( - and( - eq(sectionLayouts.sectionId, sectionLayout.sectionId), - eq(sectionLayouts.layoutId, sectionLayout.layoutId), - ), - ); - } + if (!targetLayout) throw new TRPCError({ code: "NOT_FOUND", message: "Layout not found" }); + if (!baseLayout) { + throw new TRPCError({ code: "INTERNAL_SERVER_ERROR", message: "Board must have a Base layout" }); + } + if (targetLayout.role === "base") { + throw new TRPCError({ code: "BAD_REQUEST", message: "The Base layout cannot be reset" }); } - await ctx.db - .update(layouts) - .set({ - name: updatedLayout.name, - columnCount: updatedLayout.columnCount, - leftGutterColumnCount: updatedLayout.leftGutterColumnCount, - rightGutterColumnCount: updatedLayout.rightGutterColumnCount, - breakpoint: updatedLayout.breakpoint, - }) - .where(eq(layouts.id, updatedLayout.id)); - } + const projectedLayout = getUpdatedBoardLayout(board, { + previous: { + layoutId: baseLayout.id, + columnCount: baseLayout.columnCount, + leftGutterColumnCount: baseLayout.leftGutterColumnCount, + rightGutterColumnCount: baseLayout.rightGutterColumnCount, + }, + current: { + layoutId: targetLayout.id, + columnCount: targetLayout.columnCount, + leftGutterColumnCount: targetLayout.leftGutterColumnCount, + rightGutterColumnCount: targetLayout.rightGutterColumnCount, + }, + }); - const removedLayouts = filterRemovedItems(input.layouts, board.layouts); - const removedLayoutIds = removedLayouts.map((layout) => layout.id); - if (removedLayoutIds.length > 0) { - await ctx.db.delete(layouts).where(inArray(layouts.id, removedLayoutIds)); - } - }), + await handleTransactionsAsync(ctx.db, { + async handleAsync(db, schema) { + await db.transaction(async (transaction) => { + await transaction.delete(schema.itemLayouts).where(eq(schema.itemLayouts.layoutId, targetLayout.id)); + await transaction.delete(schema.sectionLayouts).where(eq(schema.sectionLayouts.layoutId, targetLayout.id)); + if (projectedLayout.itemSectionLayouts.length > 0) { + await transaction.insert(schema.itemLayouts).values(projectedLayout.itemSectionLayouts); + } + if (projectedLayout.sectionLayouts.length > 0) { + await transaction.insert(schema.sectionLayouts).values(projectedLayout.sectionLayouts); + } + }); + }, + handleSync(db) { + db.transaction((transaction) => { + transaction.delete(itemLayouts).where(eq(itemLayouts.layoutId, targetLayout.id)).run(); + transaction.delete(sectionLayouts).where(eq(sectionLayouts.layoutId, targetLayout.id)).run(); + if (projectedLayout.itemSectionLayouts.length > 0) { + transaction.insert(itemLayouts).values(projectedLayout.itemSectionLayouts).run(); + } + if (projectedLayout.sectionLayouts.length > 0) { + transaction.insert(sectionLayouts).values(projectedLayout.sectionLayouts).run(); + } + }); + }, + }); + }), savePartialBoardSettings: protectedProcedure .meta({ openapi: { method: "PATCH", path: "/api/boards/{id}/settings", tags: ["boards"], protect: true }, @@ -1556,13 +1840,14 @@ export const boardRouter = createTRPCRouter({ } const defaultSize = widgetDefaultSizes[input.kind as WidgetKind] ?? { width: 1, height: 1 }; + const sizeForLayout = { ...defaultSize, width: Math.min(layout.columnCount, defaultSize.width) }; const fitsAt = (x: number, y: number) => { - if (x + defaultSize.width > layout.columnCount) return false; - for (let dy = 0; dy < defaultSize.height; dy++) { + if (x + sizeForLayout.width > layout.columnCount) return false; + for (let dy = 0; dy < sizeForLayout.height; dy++) { const row = occupied[y + dy]; if (!row) continue; - for (let dx = 0; dx < defaultSize.width; dx++) { + for (let dx = 0; dx < sizeForLayout.width; dx++) { if (row[x + dx]) return false; } } @@ -1580,8 +1865,8 @@ export const boardRouter = createTRPCRouter({ layoutId: layout.id, xOffset: x, yOffset: y, - width: defaultSize.width, - height: defaultSize.height, + width: sizeForLayout.width, + height: sizeForLayout.height, }); placed = true; } @@ -1691,14 +1976,43 @@ const noBoardWithSimilarNameAsync = async (db: Database, name: string, ignoredId } }; +interface BoardForLayoutProjection { + id: string; + items: Array<{ + id: string; + layouts: Array<{ + layoutId: string; + sectionId: string; + width: number; + height: number; + xOffset: number; + yOffset: number; + }>; + }>; + sections: Array<{ + id: string; + kind: string; + xOffset?: number | null; + yOffset?: number | null; + layouts?: Array<{ + layoutId: string; + parentSectionId: string | null; + width: number; + height: number; + xOffset: number; + yOffset: number; + }>; + }>; +} + const getUpdatedBoardLayout = ( - board: Awaited>, + board: BoardForLayoutProjection, options: { - previous: BoardLayoutGeometry; + previous: BoardLayoutGeometry & { elements?: GridAlgorithmItem[] }; current: BoardLayoutGeometry; }, ) => { - const elements = getElementsForLayout(board, options.previous.layoutId); + const elements = options.previous.elements ?? getElementsForLayout(board, options.previous.layoutId); const emptyRoots = board.sections .filter((section) => section.kind === "empty") .toSorted((first, second) => (first.yOffset ?? 0) - (second.yOffset ?? 0) || first.id.localeCompare(second.id)); @@ -1734,7 +2048,12 @@ const getUpdatedBoardLayout = ( const root = rootByLane.get(lane); const width = getBoardLaneColumnCount(options.current, lane); if (!root || width === 0) return []; - const sourceLanes = boardLanes.filter((sourceLane) => targetLaneBySourceLane.get(sourceLane) === lane); + const sourceLanes = boardLanes.filter( + (sourceLane) => + rootByLane.has(sourceLane) && + getBoardLaneColumnCount(options.previous, sourceLane) > 0 && + targetLaneBySourceLane.get(sourceLane) === lane, + ); const previousWidth = sourceLanes.length === 1 ? getBoardLaneColumnCount(options.previous, sourceLanes[0] ?? "main") @@ -1793,6 +2112,35 @@ const getUpdatedBoardLayout = ( }; }; +const getElementsForProjectedLayout = ( + projectedLayout: ReturnType, +): GridAlgorithmItem[] => [ + ...projectedLayout.itemSectionLayouts.map((layout) => ({ + id: layout.itemId, + type: "item" as const, + height: layout.height, + width: layout.width, + xOffset: layout.xOffset, + yOffset: layout.yOffset, + sectionId: layout.sectionId, + })), + ...projectedLayout.sectionLayouts.flatMap((layout) => + layout.parentSectionId + ? [ + { + id: layout.sectionId, + type: "section" as const, + height: layout.height, + width: layout.width, + xOffset: layout.xOffset, + yOffset: layout.yOffset, + sectionId: layout.parentSectionId, + }, + ] + : [], + ), +]; + interface BoardLayoutGeometry { layoutId: string; columnCount: number; @@ -1873,43 +2221,54 @@ const ensureGutterRootSectionsAsync = async (db: Database, boardId: string, lane }); }; -const getElementsForLayout = (board: Awaited>, layoutId: string) => { +const getElementsForLayout = (board: BoardForLayoutProjection, layoutId: string) => { const sectionElements = board.sections .filter((section) => section.kind === "container") - .map((section) => { - // eslint-disable-next-line @typescript-eslint/no-non-null-assertion - const clonedLayout = section.layouts.find((sectionLayout) => sectionLayout.layoutId === layoutId)!; + .flatMap((section) => { + const clonedLayout = section.layouts?.find((sectionLayout) => sectionLayout.layoutId === layoutId); + if (!clonedLayout?.parentSectionId) return []; - return { - id: section.id, - type: "section" as const, + return [ + { + id: section.id, + type: "section" as const, + height: clonedLayout.height, + width: clonedLayout.width, + xOffset: clonedLayout.xOffset, + yOffset: clonedLayout.yOffset, + sectionId: clonedLayout.parentSectionId, + }, + ]; + }); + + const itemElements = board.items.flatMap((item) => { + const clonedLayout = item.layouts.find((itemLayout) => itemLayout.layoutId === layoutId); + if (!clonedLayout) return []; + + return [ + { + id: item.id, + type: "item" as const, height: clonedLayout.height, width: clonedLayout.width, xOffset: clonedLayout.xOffset, yOffset: clonedLayout.yOffset, - sectionId: clonedLayout.parentSectionId, - }; - }); - - const itemElements = board.items.map((item) => { - // eslint-disable-next-line @typescript-eslint/no-non-null-assertion - const clonedLayout = item.layouts.find((itemLayout) => itemLayout.layoutId === layoutId)!; - - return { - id: item.id, - type: "item" as const, - height: clonedLayout.height, - width: clonedLayout.width, - xOffset: clonedLayout.xOffset, - yOffset: clonedLayout.yOffset, - sectionId: clonedLayout.sectionId, - }; + sectionId: clonedLayout.sectionId, + }, + ]; }); return [...itemElements, ...sectionElements]; }; -const getFullBoardWithWhereAsync = async (db: Database, where: SQL, userId: string | null) => { +const protectedLayoutRepairPromises = new Map>(); + +const getFullBoardWithWhereAsync = async ( + db: Database, + where: SQL, + userId: string | null, + repairProtectedLayouts = true, +) => { const groupPermissionWhere = userId ? inArray( boardGroupPermissions.groupId, @@ -1965,6 +2324,18 @@ const getFullBoardWithWhereAsync = async (db: Database, where: SQL, use }); } + if (repairProtectedLayouts && boardLayoutsNeedRepair(board.layouts)) { + let repairPromise = protectedLayoutRepairPromises.get(board.id); + if (!repairPromise) { + repairPromise = seedProtectedBoardLayoutsAsync(db, board.id).finally(() => { + protectedLayoutRepairPromises.delete(board.id); + }); + protectedLayoutRepairPromises.set(board.id, repairPromise); + } + await repairPromise; + return getFullBoardWithWhereAsync(db, where, userId, false); + } + const { sections, items, layouts, ...otherBoardProperties } = board; return { @@ -2010,6 +2381,23 @@ const getFullBoardWithWhereAsync = async (db: Database, where: SQL, use }; }; +export const boardLayoutsNeedRepair = ( + boardLayouts: Array<{ id: string; breakpoint: number; role: "mobile" | "base" | "custom" }>, +) => { + const mobileLayouts = boardLayouts.filter((layout) => layout.role === "mobile"); + const baseLayouts = boardLayouts.filter((layout) => layout.role === "base"); + const baseLayout = baseLayouts.at(0); + + return ( + mobileLayouts.length !== 1 || + baseLayouts.length !== 1 || + mobileLayouts.at(0)?.breakpoint !== 0 || + !baseLayout || + boardLayouts.some((layout) => layout.id !== baseLayout.id && layout.breakpoint >= baseLayout.breakpoint) || + new Set(boardLayouts.map((layout) => layout.breakpoint)).size !== boardLayouts.length + ); +}; + const forKind = (kind: T) => z.object({ kind: z.literal(kind), diff --git a/packages/api/src/router/board/grid-algorithm.ts b/packages/api/src/router/board/grid-algorithm.ts deleted file mode 100644 index 78d7ab7fc..000000000 --- a/packages/api/src/router/board/grid-algorithm.ts +++ /dev/null @@ -1,186 +0,0 @@ -export interface GridAlgorithmItem { - id: string; - type: "item" | "section"; - width: number; - height: number; - xOffset: number; - yOffset: number; - sectionId: string; -} - -interface GridAlgorithmInput { - items: GridAlgorithmItem[]; - width: number; - previousWidth: number; - sectionId: string; -} - -interface GridAlgorithmOutput { - height: number; - items: GridAlgorithmItem[]; -} - -export const generateResponsiveGridFor = ({ - items, - previousWidth, - width, - sectionId, -}: GridAlgorithmInput): GridAlgorithmOutput => { - const itemsOfCurrentSection = items - .filter((item) => item.sectionId === sectionId) - .toSorted((itemA, itemB) => - itemA.yOffset === itemB.yOffset ? itemA.xOffset - itemB.xOffset : itemA.yOffset - itemB.yOffset, - ); - const normalizedItems = normalizeItems(itemsOfCurrentSection, width); - - if (itemsOfCurrentSection.length === 0) { - return { - height: 0, - items: [], - }; - } - - const newItems: GridAlgorithmItem[] = []; - - // A container must remain tall enough for its recursively reflowed contents. - const containerHeightMap = new Map(); - const containersOfCurrentSection = normalizedItems.filter((item) => item.type === "section"); - for (const container of containersOfCurrentSection) { - const result = generateResponsiveGridFor({ - items, - previousWidth: container.previousWidth, - width: container.width, - sectionId: container.id, - }); - newItems.push(...result.items); - containerHeightMap.set(container.id, result.height); - } - - // Return same positions for items in the current section - if (width >= previousWidth) { - return { - height: Math.max(...itemsOfCurrentSection.map((item) => item.yOffset + item.height)), - items: newItems.concat(normalizedItems), - }; - } - - const occupied2d: boolean[][] = []; - - for (const item of normalizedItems) { - const itemWithHeight = { - ...item, - height: item.type === "section" ? Math.max(containerHeightMap.get(item.id) ?? 1, item.height) : item.height, - }; - const position = nextFreeSpot(occupied2d, itemWithHeight, width); - if (!position) throw new Error("No free spot available"); - - addItemToOccupied(occupied2d, itemWithHeight, position, width); - newItems.push({ - ...itemWithHeight, - xOffset: position.x, - yOffset: position.y, - }); - } - - return { - height: occupied2d.length, - items: newItems, - }; -}; - -/** - * Reduces the width of the items to fit the new column count. - * @param items items to normalize - * @param columnCount new column count - */ -const normalizeItems = (items: GridAlgorithmItem[], columnCount: number) => { - return items.map((item) => ({ ...item, previousWidth: item.width, width: Math.min(columnCount, item.width) })); -}; - -/** - * Adds the item to the occupied spots. - * @param occupied2d array of occupied spots - * @param item item to place - * @param position position to place the item - */ -const addItemToOccupied = ( - occupied2d: boolean[][], - item: GridAlgorithmItem, - position: { x: number; y: number }, - columnCount: number, -) => { - for (let yOffset = 0; yOffset < item.height; yOffset++) { - let row = occupied2d[position.y + yOffset]; - if (!row) { - addRow(occupied2d, columnCount); - // After adding it, it must exist - // eslint-disable-next-line @typescript-eslint/no-non-null-assertion - row = occupied2d[position.y + yOffset]!; - } - - for (let xOffset = 0; xOffset < item.width; xOffset++) { - row[position.x + xOffset] = true; - } - } -}; - -/** - * Adds a new row to the grid. - * @param occupied2d array of occupied spots - * @param columnCount column count of section - */ -const addRow = (occupied2d: boolean[][], columnCount: number) => { - occupied2d.push(new Array(columnCount).fill(false)); -}; - -/** - * Searches for the next free spot in the grid. - * @param occupied2d array of occupied spots - * @param item item to place - * @param columnCount column count of section - * @returns the position of the next free spot or null if no spot is available - */ -const nextFreeSpot = (occupied2d: boolean[][], item: GridAlgorithmItem, columnCount: number) => { - for (let offsetY = 0; offsetY < 99999; offsetY++) { - for (let offsetX = 0; offsetX < columnCount; offsetX++) { - if (hasHorizontalSpace(columnCount, item, offsetX) && isFree(occupied2d, item, { x: offsetX, y: offsetY })) { - return { x: offsetX, y: offsetY }; - } - } - } - - return null; -}; - -/** - * Check if the item fits into the grid horizontally. - * @param columnCount available width - * @param item item to place - * @param offsetX current x position - * @returns true if the item fits horizontally - */ -const hasHorizontalSpace = (columnCount: number, item: GridAlgorithmItem, offsetX: number) => { - return offsetX + item.width <= columnCount; -}; - -/** - * Check if the spot is free. - * @param occupied2d array of occupied spots - * @param item item to place - * @param position position to check - * @returns true if the spot is free - */ -const isFree = (occupied2d: boolean[][], item: GridAlgorithmItem, position: { x: number; y: number }) => { - for (let yOffset = 0; yOffset < item.height; yOffset++) { - const row = occupied2d[position.y + yOffset]; - if (!row) return true; // Empty row is free - - for (let xOffset = 0; xOffset < item.width; xOffset++) { - if (row[position.x + xOffset]) { - return false; - } - } - } - - return true; -}; diff --git a/packages/api/src/router/board/test/grid-algorithm.spec.ts b/packages/api/src/router/board/test/grid-algorithm.spec.ts index 13c66759c..ca028634b 100644 --- a/packages/api/src/router/board/test/grid-algorithm.spec.ts +++ b/packages/api/src/router/board/test/grid-algorithm.spec.ts @@ -1,8 +1,8 @@ import { createId } from "@paralleldrive/cuid2"; import { describe, expect, test } from "vitest"; -import type { GridAlgorithmItem } from "../grid-algorithm"; -import { generateResponsiveGridFor } from "../grid-algorithm"; +import { generateResponsiveGridFor } from "@homarr/common"; +import type { GridAlgorithmItem } from "@homarr/common"; const ROOT_SECTION_ID = "section"; @@ -78,6 +78,26 @@ describe("Grid Algorithm", () => { ); }, ); + + test("stops projecting a corrupted recursive section graph", () => { + const recursiveSection = algoItem({ id: "recursive", type: "section", width: 3 }); + const duplicateRecursiveLayout = algoItem({ + id: "recursive", + type: "section", + width: 3, + sectionId: "recursive", + }); + + const result = generateResponsiveGridFor({ + items: [recursiveSection, duplicateRecursiveLayout], + width: 3, + previousWidth: 12, + sectionId: ROOT_SECTION_ID, + }); + + expect(result.items).toContainEqual(expect.objectContaining({ id: "recursive", sectionId: ROOT_SECTION_ID })); + expect(result.items).toHaveLength(2); + }); }); const algoItem = (item: Partial): GridAlgorithmItem => ({ diff --git a/packages/api/src/router/onboard/onboard-router.ts b/packages/api/src/router/onboard/onboard-router.ts index 4f43a9533..c195c9815 100644 --- a/packages/api/src/router/onboard/onboard-router.ts +++ b/packages/api/src/router/onboard/onboard-router.ts @@ -294,9 +294,7 @@ export const onboardRouter = createTRPCRouter({ } const section = board.sections.find((boardSection) => boardSection.kind === "empty"); - const layout = board.layouts[0]; - - if (section && layout) { + if (section && board.layouts.length > 0) { const existingItems = await db.query.items.findMany({ where: eq(items.boardId, board.id), }); @@ -310,12 +308,12 @@ export const onboardRouter = createTRPCRouter({ await placeAllWidgetsAsync( db, - { + board.layouts.map((layout) => ({ boardId: board.id, sectionId: section.id, layoutId: layout.id, columnCount: layout.columnCount, - }, + })), allIntegrations, allApps, ); diff --git a/packages/api/src/router/test/board.spec.ts b/packages/api/src/router/test/board.spec.ts index 5fdfd191e..625325dcf 100644 --- a/packages/api/src/router/test/board.spec.ts +++ b/packages/api/src/router/test/board.spec.ts @@ -4,7 +4,7 @@ import { describe, expect, it, test, vi } from "vitest"; import type { Session } from "@homarr/auth"; import { createId } from "@homarr/common"; import type { Database, InferInsertModel } from "@homarr/db"; -import { and, eq, not } from "@homarr/db"; +import { and, eq } from "@homarr/db"; import { boardGroupPermissions, boards, @@ -325,10 +325,13 @@ describe("createBoard should create a new board", () => { expect(firstSection?.xOffset).toBe(0); expect(firstSection?.yOffset).toBe(0); - expect(dbBoard?.layouts.length).toBe(1); - const firstLayout = dbBoard?.layouts.at(0); - expect(firstLayout?.columnCount).toBe(24); - expect(firstLayout?.breakpoint).toBe(0); + expect(dbBoard?.layouts.length).toBe(2); + expect(dbBoard?.layouts).toEqual( + expect.arrayContaining([ + expect.objectContaining({ name: "Mobile", role: "mobile", columnCount: 3, breakpoint: 0 }), + expect.objectContaining({ name: "Base", role: "base", columnCount: 24, breakpoint: 768 }), + ]), + ); }); test("should throw error when user has no board-create permission", async () => { @@ -344,6 +347,36 @@ describe("createBoard should create a new board", () => { }); }); +describe("duplicateBoard should preserve protected layout invariants", () => { + test("normalizes a legacy single-layout board while preserving Base positions", async () => { + const db = createDb(); + const session = { + ...defaultSession, + user: { + ...defaultSession.user, + permissions: ["board-create"] satisfies GroupPermissionKey[], + }, + }; + const caller = boardRouter.createCaller({ db, deviceType: undefined, session }); + const { boardId } = await createFullBoardAsync(db, "source"); + + const result = await caller.duplicateBoard({ id: boardId, name: "copy" }); + + const copiedBoard = await db.query.boards.findFirst({ + where: eq(boards.id, result.boardId), + with: { layouts: true, items: { with: { layouts: true } } }, + }); + expect(copiedBoard?.layouts).toHaveLength(2); + expect(copiedBoard?.layouts).toEqual( + expect.arrayContaining([ + expect.objectContaining({ role: "mobile", columnCount: 3, breakpoint: 0 }), + expect.objectContaining({ role: "base", columnCount: 10, breakpoint: 768 }), + ]), + ); + expect(copiedBoard?.items.at(0)?.layouts).toHaveLength(2); + }); +}); + describe("rename board should rename board", () => { test("should rename board", async () => { // Arrange @@ -569,6 +602,13 @@ describe("getBoardByName should return board by name", () => { name, ...fullBoardProps, }); + expect(result.layouts).toEqual( + expect.arrayContaining([ + expect.objectContaining({ role: "mobile", breakpoint: 0, columnCount: 3 }), + expect.objectContaining({ id: fullBoardProps.layoutId, role: "base", breakpoint: 768 }), + ]), + ); + expect(result.items.at(0)?.layouts).toHaveLength(2); expect(spy).toHaveBeenCalledWith(expect.anything(), expect.anything(), "view"); }); @@ -1330,12 +1370,12 @@ describe("saveBoard should save full board", () => { expect(firstItem.id).toBe(itemId); expect(firstItem.kind).toBe("clock"); expect(SuperJSON.parse<{ is24HourFormat: boolean }>(firstItem.options).is24HourFormat).toBe(false); - const firstLayout = expectToBeDefined(firstItem.layouts[0]); - expect(firstLayout.sectionId).toBe(sectionId); - expect(firstLayout.height).toBe(3); - expect(firstLayout.width).toBe(2); - expect(firstLayout.xOffset).toBe(7); - expect(firstLayout.yOffset).toBe(5); + const updatedLayout = expectToBeDefined(firstItem.layouts.find((layout) => layout.layoutId === layoutId)); + expect(updatedLayout.sectionId).toBe(sectionId); + expect(updatedLayout.height).toBe(3); + expect(updatedLayout.width).toBe(2); + expect(updatedLayout.xOffset).toBe(7); + expect(updatedLayout.yOffset).toBe(5); expect(spy).toHaveBeenCalledWith(expect.anything(), expect.anything(), "modify"); }); it("should fail when board not found", async () => { @@ -1522,7 +1562,17 @@ const createExistingLayout = (id: string) => ({ columnCount: 10, leftGutterColumnCount: 0, rightGutterColumnCount: 0, + breakpoint: 768, + role: "base" as const, +}); +const createMobileLayout = (id: string) => ({ + id, + name: "Mobile", + columnCount: 3, + leftGutterColumnCount: 0, + rightGutterColumnCount: 0, breakpoint: 0, + role: "mobile" as const, }); const createNewLayout = (columnCount: number) => ({ id: createId(), @@ -1530,8 +1580,23 @@ const createNewLayout = (columnCount: number) => ({ columnCount, leftGutterColumnCount: 0, rightGutterColumnCount: 0, - breakpoint: 1400, + breakpoint: 480, + role: "custom" as const, }); +const addMobileLayoutAsync = async (db: Database, boardId: string) => { + const mobileLayoutId = createId(); + await db.insert(layouts).values({ + id: mobileLayoutId, + name: "Mobile", + columnCount: 3, + leftGutterColumnCount: 0, + rightGutterColumnCount: 0, + breakpoint: 0, + role: "mobile", + boardId, + }); + return mobileLayoutId; +}; describe("saveLayouts should save layout changes", () => { test("should add layout when not present in database", async () => { // Arrange @@ -1539,23 +1604,26 @@ describe("saveLayouts should save layout changes", () => { const caller = boardRouter.createCaller({ db, deviceType: undefined, session: defaultSession }); const { boardId, layoutId } = await createFullBoardAsync(db, "default"); + const mobileLayoutId = await addMobileLayoutAsync(db, boardId); const newLayout = createNewLayout(12); // Act - await caller.saveLayouts({ + const savedLayouts = await caller.saveLayouts({ id: boardId, - layouts: [createExistingLayout(layoutId), newLayout], + layouts: [createMobileLayout(mobileLayoutId), createExistingLayout(layoutId), newLayout], }); // Assert const layout = await db.query.layouts.findFirst({ - where: not(eq(layouts.id, layoutId)), + where: eq(layouts.role, "custom"), }); const definedLayout = expectToBeDefined(layout); expect(definedLayout.name).toBe(newLayout.name); expect(definedLayout.columnCount).toBe(newLayout.columnCount); expect(definedLayout.breakpoint).toBe(newLayout.breakpoint); + expect(definedLayout.role).toBe("custom"); + expect(savedLayouts.find((candidate) => candidate.role === "custom")?.id).toBe(definedLayout.id); }); test("should add items and containers generated from grid-algorithm when new layout is added", async () => { // Arrange @@ -1563,6 +1631,7 @@ describe("saveLayouts should save layout changes", () => { const caller = boardRouter.createCaller({ db, deviceType: undefined, session: defaultSession }); const { boardId, layoutId, sectionId, itemId } = await createFullBoardAsync(db, "default"); + const mobileLayoutId = await addMobileLayoutAsync(db, boardId); const assignments = await createItemsAndSectionsAsync(db, { boardId, layoutId, @@ -1573,12 +1642,12 @@ describe("saveLayouts should save layout changes", () => { // Act await caller.saveLayouts({ id: boardId, - layouts: [createExistingLayout(layoutId), newLayout], + layouts: [createMobileLayout(mobileLayoutId), createExistingLayout(layoutId), newLayout], }); // Assert const layout = await db.query.layouts.findFirst({ - where: not(eq(layouts.id, layoutId)), + where: eq(layouts.role, "custom"), }); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion await expectLayoutForRootLayoutAsync(db, sectionId, layout!.id, { @@ -1594,6 +1663,7 @@ describe("saveLayouts should save layout changes", () => { const caller = boardRouter.createCaller({ db, deviceType: undefined, session: defaultSession }); const { boardId, layoutId } = await createFullBoardAsync(db, "default"); + const mobileLayoutId = await addMobileLayoutAsync(db, boardId); const updatedLayout = createExistingLayout(layoutId); updatedLayout.breakpoint = 1400; updatedLayout.name = "Updated layout"; @@ -1601,7 +1671,7 @@ describe("saveLayouts should save layout changes", () => { // Act await caller.saveLayouts({ id: boardId, - layouts: [updatedLayout], + layouts: [createMobileLayout(mobileLayoutId), updatedLayout], }); // Assert @@ -1620,6 +1690,7 @@ describe("saveLayouts should save layout changes", () => { const caller = boardRouter.createCaller({ db, deviceType: undefined, session: defaultSession }); const { boardId, layoutId, sectionId, itemId } = await createFullBoardAsync(db, "default"); + const mobileLayoutId = await addMobileLayoutAsync(db, boardId); const assignments = await createItemsAndSectionsAsync(db, { boardId, layoutId, @@ -1631,7 +1702,7 @@ describe("saveLayouts should save layout changes", () => { // Act await caller.saveLayouts({ id: boardId, - layouts: [updatedLayout], + layouts: [createMobileLayout(mobileLayoutId), updatedLayout], }); // Assert @@ -1645,6 +1716,7 @@ describe("saveLayouts should save layout changes", () => { const db = createDb(); const caller = boardRouter.createCaller({ db, deviceType: undefined, session: defaultSession }); const { boardId, layoutId, sectionId, itemId } = await createFullBoardAsync(db, "gutters"); + const mobileLayoutId = await addMobileLayoutAsync(db, boardId); await db .update(itemLayouts) @@ -1656,6 +1728,7 @@ describe("saveLayouts should save layout changes", () => { await caller.saveLayouts({ id: boardId, layouts: [ + createMobileLayout(mobileLayoutId), { ...createExistingLayout(layoutId), leftGutterColumnCount: 2, @@ -1684,7 +1757,7 @@ describe("saveLayouts should save layout changes", () => { }); await caller.saveLayouts({ id: boardId, - layouts: [createExistingLayout(layoutId)], + layouts: [createMobileLayout(mobileLayoutId), createExistingLayout(layoutId)], }); const returnedItem = expectToBeDefined( @@ -1698,9 +1771,11 @@ describe("saveLayouts should save layout changes", () => { const db = createDb(); const caller = boardRouter.createCaller({ db, deviceType: undefined, session: defaultSession }); const { boardId, layoutId } = await createFullBoardAsync(db, "concurrent-gutters"); + const mobileLayoutId = await addMobileLayoutAsync(db, boardId); const input = { id: boardId, layouts: [ + createMobileLayout(mobileLayoutId), { ...createExistingLayout(layoutId), leftGutterColumnCount: 2, @@ -1715,22 +1790,73 @@ describe("saveLayouts should save layout changes", () => { }); expect(leftRoots).toHaveLength(1); }); + test("should project a new custom layout from the resized Base layout", async () => { + const db = createDb(); + const caller = boardRouter.createCaller({ db, deviceType: undefined, session: defaultSession }); + const { boardId, layoutId, sectionId, itemId } = await createFullBoardAsync(db, "default"); + const mobileLayoutId = await addMobileLayoutAsync(db, boardId); + const secondItemId = createId(); + + await db.update(itemLayouts).set({ width: 4, xOffset: 0 }).where(eq(itemLayouts.itemId, itemId)); + await db.insert(items).values({ + id: secondItemId, + kind: "clock", + boardId, + options: SuperJSON.stringify({ is24HourFormat: true }), + }); + await db.insert(itemLayouts).values({ + itemId: secondItemId, + layoutId, + sectionId, + width: 4, + height: 1, + xOffset: 6, + yOffset: 0, + }); + + const resizedBase = { ...createExistingLayout(layoutId), columnCount: 6 }; + const savedLayouts = await caller.saveLayouts({ + id: boardId, + layouts: [createMobileLayout(mobileLayoutId), createNewLayout(8), resizedBase], + }); + const customLayoutId = expectToBeDefined(savedLayouts.find((layout) => layout.role === "custom")).id; + + const basePosition = await db.query.itemLayouts.findFirst({ + where: and(eq(itemLayouts.itemId, secondItemId), eq(itemLayouts.layoutId, layoutId)), + }); + const customPosition = await db.query.itemLayouts.findFirst({ + where: and(eq(itemLayouts.itemId, secondItemId), eq(itemLayouts.layoutId, customLayoutId)), + }); + + expect(basePosition).toMatchObject({ xOffset: 0, yOffset: 1, width: 4, height: 1, sectionId }); + expect(customPosition).toMatchObject({ xOffset: 0, yOffset: 1, width: 4, height: 1, sectionId }); + }); test("should remove layout when not present in input", async () => { // Arrange const db = createDb(); const caller = boardRouter.createCaller({ db, deviceType: undefined, session: defaultSession }); const { boardId, layoutId } = await createFullBoardAsync(db, "default"); + const mobileLayoutId = await addMobileLayoutAsync(db, boardId); + const customLayoutId = createId(); + await db.insert(layouts).values({ + id: customLayoutId, + name: "Custom", + columnCount: 6, + breakpoint: 480, + role: "custom", + boardId, + }); // Act await caller.saveLayouts({ id: boardId, - layouts: [createNewLayout(12)], + layouts: [createMobileLayout(mobileLayoutId), createExistingLayout(layoutId)], }); // Assert const layout = await db.query.layouts.findFirst({ - where: eq(layouts.id, layoutId), + where: eq(layouts.id, customLayoutId), }); expect(layout).toBeUndefined(); }); @@ -1745,12 +1871,73 @@ describe("saveLayouts should save layout changes", () => { const actAsync = async () => await caller.saveLayouts({ id: createId(), - layouts: [createExistingLayout(layoutId)], + layouts: [createMobileLayout(createId()), createExistingLayout(layoutId)], }); // Assert await expect(actAsync()).rejects.toThrowError("Board not found"); }); + test("should reject changing protected layout roles", async () => { + const db = createDb(); + const caller = boardRouter.createCaller({ db, deviceType: undefined, session: defaultSession }); + const { boardId, layoutId } = await createFullBoardAsync(db, "default"); + const mobileLayoutId = await addMobileLayoutAsync(db, boardId); + + const actAsync = async () => + await caller.saveLayouts({ + id: boardId, + layouts: [ + { ...createExistingLayout(layoutId), role: "mobile", breakpoint: 0 }, + { ...createMobileLayout(mobileLayoutId), role: "base", breakpoint: 768 }, + ], + }); + + await expect(actAsync()).rejects.toThrowError("Layout roles cannot be changed"); + }); +}); + +describe("resetLayout should rebuild a layout from Base", () => { + test("should replace target item positions and preserve layout metadata", async () => { + const db = createDb(); + const caller = boardRouter.createCaller({ db, deviceType: undefined, session: defaultSession }); + const { boardId, sectionId, itemId } = await createFullBoardAsync(db, "default"); + await addMobileLayoutAsync(db, boardId); + const customLayoutId = createId(); + await db.insert(layouts).values({ + id: customLayoutId, + name: "Tablet", + columnCount: 6, + breakpoint: 480, + role: "custom", + boardId, + }); + await db.insert(itemLayouts).values({ + itemId, + sectionId, + layoutId: customLayoutId, + width: 2, + height: 2, + xOffset: 3, + yOffset: 4, + }); + + await caller.resetLayout({ boardId, layoutId: customLayoutId }); + + const resetPosition = await db.query.itemLayouts.findFirst({ + where: and(eq(itemLayouts.itemId, itemId), eq(itemLayouts.layoutId, customLayoutId)), + }); + expect(resetPosition).toMatchObject({ width: 1, height: 1, xOffset: 0, yOffset: 0, sectionId }); + const customLayout = await db.query.layouts.findFirst({ where: eq(layouts.id, customLayoutId) }); + expect(customLayout).toMatchObject({ name: "Tablet", columnCount: 6, breakpoint: 480, role: "custom" }); + }); + + test("should reject resetting Base", async () => { + const db = createDb(); + const caller = boardRouter.createCaller({ db, deviceType: undefined, session: defaultSession }); + const { boardId, layoutId } = await createFullBoardAsync(db, "default"); + + await expect(caller.resetLayout({ boardId, layoutId })).rejects.toThrowError("Base layout cannot be reset"); + }); }); describe("Custom Widget placement permissions", () => { @@ -1848,7 +2035,8 @@ const createFullBoardAsync = async (db: Database, name: string) => { id: layoutId, name: "Base", columnCount: 10, - breakpoint: 0, + breakpoint: 768, + role: "base", boardId, }); diff --git a/packages/api/src/test/mcp.spec.ts b/packages/api/src/test/mcp.spec.ts index 5df3a9f06..09e6c077e 100644 --- a/packages/api/src/test/mcp.spec.ts +++ b/packages/api/src/test/mcp.spec.ts @@ -67,6 +67,7 @@ const MCP_TOOL_ALLOWLIST = { "board_deleteBoard", "board_duplicateBoard", "board_renameBoard", + "board_resetLayout", "board_savePartialBoardSettings", "board_setHomeBoard", "board_setMobileHomeBoard", diff --git a/packages/boards/src/context.tsx b/packages/boards/src/context.tsx index b6e1ea3a6..2e8137b5e 100644 --- a/packages/boards/src/context.tsx +++ b/packages/boards/src/context.tsx @@ -12,6 +12,7 @@ import { updateBoardName } from "./updater"; const BoardContext = createContext<{ board: RouterOutputs["board"]["getBoardByName"]; + layoutOverrideId: string | null; currentLayout: string; initialViewportWidth: number; } | null>(null); @@ -41,10 +42,12 @@ export const BoardProvider = ({ initialBoard, initialLayoutId, initialViewportWidth, + layoutOverrideId = null, }: PropsWithChildren<{ initialBoard: RouterOutputs["board"]["getBoardByName"]; initialLayoutId: string; initialViewportWidth: number; + layoutOverrideId?: string | null; }>) => { const { data } = clientApi.board.getBoardByName.useQuery( { name: initialBoard.name }, @@ -58,8 +61,8 @@ export const BoardProvider = ({ ); const currentLayout = useSyncExternalStore( subscribeToViewport, - () => getCurrentLayout(data), - () => initialLayoutId, + () => getCurrentLayout(data, layoutOverrideId), + () => layoutOverrideId ?? initialLayoutId, ); // Update the board name so it can be used within updateBoard method @@ -83,6 +86,7 @@ export const BoardProvider = ({ { return context?.board ?? null; }; -export const getCurrentLayout = (board: RouterOutputs["board"]["getBoardByName"]) => { +export const useLayoutOverride = () => useContext(BoardContext)?.layoutOverrideId ?? null; + +export const getCurrentLayout = ( + board: RouterOutputs["board"]["getBoardByName"], + layoutOverrideId: string | null = null, +) => { + const layouts = board.layouts; + if (layoutOverrideId && layouts.some((layout) => layout.id === layoutOverrideId)) return layoutOverrideId; + const viewportWidth = typeof window === "undefined" ? 0 : getViewportWidth(); - return getLayoutIdForViewportWidth(board.layouts, viewportWidth); + return getLayoutIdForViewportWidth(layouts, viewportWidth); }; export const useCurrentLayout = () => { diff --git a/packages/boards/src/edit-mode.tsx b/packages/boards/src/edit-mode.tsx index 9b813b032..58288ce2a 100644 --- a/packages/boards/src/edit-mode.tsx +++ b/packages/boards/src/edit-mode.tsx @@ -1,13 +1,18 @@ "use client"; import type { PropsWithChildren } from "react"; -import { createContext, useContext } from "react"; +import { createContext, useContext, useEffect } from "react"; import { useDisclosure } from "@mantine/hooks"; const EditModeContext = createContext | null>(null); -export const EditModeProvider = ({ children }: PropsWithChildren) => { - const editModeDisclosure = useDisclosure(false); +export const EditModeProvider = ({ children, initialOpen = false }: PropsWithChildren<{ initialOpen?: boolean }>) => { + const editModeDisclosure = useDisclosure(initialOpen); + const [, { open }] = editModeDisclosure; + + useEffect(() => { + if (initialOpen) open(); + }, [initialOpen, open]); return {children}; }; diff --git a/packages/common/src/grid-algorithm.ts b/packages/common/src/grid-algorithm.ts new file mode 100644 index 000000000..83d165d70 --- /dev/null +++ b/packages/common/src/grid-algorithm.ts @@ -0,0 +1,125 @@ +export interface GridAlgorithmItem { + id: string; + type: "item" | "section"; + width: number; + height: number; + xOffset: number; + yOffset: number; + sectionId: string; +} + +interface GridAlgorithmInput { + items: GridAlgorithmItem[]; + width: number; + previousWidth: number; + sectionId: string; +} + +interface GridAlgorithmOutput { + height: number; + items: GridAlgorithmItem[]; +} + +export const generateResponsiveGridFor = ({ + items, + previousWidth, + width, + sectionId, +}: GridAlgorithmInput): GridAlgorithmOutput => + generateResponsiveGridForSection({ items, previousWidth, width, sectionId }, new Set()); + +const generateResponsiveGridForSection = ( + { items, previousWidth, width, sectionId }: GridAlgorithmInput, + ancestorSectionIds: ReadonlySet, +): GridAlgorithmOutput => { + if (ancestorSectionIds.has(sectionId)) return { height: 0, items: [] }; + + const nextAncestorSectionIds = new Set(ancestorSectionIds).add(sectionId); + const itemsOfCurrentSection = items + .filter((item) => item.sectionId === sectionId) + .toSorted((itemA, itemB) => + itemA.yOffset === itemB.yOffset ? itemA.xOffset - itemB.xOffset : itemA.yOffset - itemB.yOffset, + ); + const normalizedItems = normalizeItems(itemsOfCurrentSection, width); + + if (itemsOfCurrentSection.length === 0) return { height: 0, items: [] }; + + const newItems: GridAlgorithmItem[] = []; + const dynamicSectionHeightMap = new Map(); + for (const dynamicSection of normalizedItems.filter((item) => item.type === "section")) { + const result = generateResponsiveGridForSection( + { + items, + previousWidth: dynamicSection.previousWidth, + width: dynamicSection.width, + sectionId: dynamicSection.id, + }, + nextAncestorSectionIds, + ); + newItems.push(...result.items); + dynamicSectionHeightMap.set(dynamicSection.id, result.height); + } + + if (width >= previousWidth) { + return { + height: Math.max(...itemsOfCurrentSection.map((item) => item.yOffset + item.height)), + items: newItems.concat(normalizedItems), + }; + } + + const occupied2d: boolean[][] = []; + for (const item of normalizedItems) { + const itemWithHeight = { + ...item, + height: item.type === "section" ? Math.max(dynamicSectionHeightMap.get(item.id) ?? 1, item.height) : item.height, + }; + const position = nextFreeSpot(occupied2d, itemWithHeight, width); + if (!position) throw new Error("No free spot available"); + + addItemToOccupied(occupied2d, itemWithHeight, position, width); + newItems.push({ ...itemWithHeight, xOffset: position.x, yOffset: position.y }); + } + + return { height: occupied2d.length, items: newItems }; +}; + +const normalizeItems = (items: GridAlgorithmItem[], columnCount: number) => + items.map((item) => ({ ...item, previousWidth: item.width, width: Math.min(columnCount, item.width) })); + +const addItemToOccupied = ( + occupied2d: boolean[][], + item: GridAlgorithmItem, + position: { x: number; y: number }, + columnCount: number, +) => { + for (let yOffset = 0; yOffset < item.height; yOffset++) { + let row = occupied2d[position.y + yOffset]; + if (!row) { + row = Array.from({ length: columnCount }, () => false); + occupied2d.push(row); + } + for (let xOffset = 0; xOffset < item.width; xOffset++) row[position.x + xOffset] = true; + } +}; + +const nextFreeSpot = (occupied2d: boolean[][], item: GridAlgorithmItem, columnCount: number) => { + for (let offsetY = 0; offsetY < 99999; offsetY++) { + for (let offsetX = 0; offsetX < columnCount; offsetX++) { + if (offsetX + item.width <= columnCount && isFree(occupied2d, item, { x: offsetX, y: offsetY })) { + return { x: offsetX, y: offsetY }; + } + } + } + return null; +}; + +const isFree = (occupied2d: boolean[][], item: GridAlgorithmItem, position: { x: number; y: number }) => { + for (let yOffset = 0; yOffset < item.height; yOffset++) { + const row = occupied2d[position.y + yOffset]; + if (!row) return true; + for (let xOffset = 0; xOffset < item.width; xOffset++) { + if (row[position.x + xOffset]) return false; + } + } + return true; +}; diff --git a/packages/common/src/index.ts b/packages/common/src/index.ts index 5f82ea6a3..f67a771ad 100644 --- a/packages/common/src/index.ts +++ b/packages/common/src/index.ts @@ -11,4 +11,5 @@ export * from "./number"; export * from "./error"; export * from "./theme"; export * from "./function"; +export * from "./grid-algorithm"; export * from "./id"; diff --git a/packages/db/migrations/mysql/0046_add_layout_role.sql b/packages/db/migrations/mysql/0046_add_layout_role.sql new file mode 100644 index 000000000..46e3c2b6b --- /dev/null +++ b/packages/db/migrations/mysql/0046_add_layout_role.sql @@ -0,0 +1 @@ +ALTER TABLE `layout` ADD `role` varchar(16) DEFAULT 'custom' NOT NULL; \ No newline at end of file diff --git a/packages/db/migrations/mysql/meta/0046_snapshot.json b/packages/db/migrations/mysql/meta/0046_snapshot.json new file mode 100644 index 000000000..726c1b491 --- /dev/null +++ b/packages/db/migrations/mysql/meta/0046_snapshot.json @@ -0,0 +1,2567 @@ +{ + "version": "5", + "dialect": "mysql", + "id": "d1b4dec4-07ef-498d-9fe0-0c61e93c0664", + "prevId": "81b11351-4235-4a61-9a2f-68d01e089c42", + "tables": { + "account": { + "name": "account", + "columns": { + "user_id": { + "name": "user_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "type": { + "name": "type", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "provider": { + "name": "provider", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "provider_account_id": { + "name": "provider_account_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "refresh_token": { + "name": "refresh_token", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "access_token": { + "name": "access_token", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "expires_at": { + "name": "expires_at", + "type": "int", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "token_type": { + "name": "token_type", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "scope": { + "name": "scope", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "id_token": { + "name": "id_token", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "session_state": { + "name": "session_state", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + } + }, + "indexes": { + "userId_idx": { + "name": "userId_idx", + "columns": ["user_id"], + "isUnique": false + } + }, + "foreignKeys": { + "account_user_id_user_id_fk": { + "name": "account_user_id_user_id_fk", + "tableFrom": "account", + "tableTo": "user", + "columnsFrom": ["user_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "account_provider_provider_account_id_pk": { + "name": "account_provider_provider_account_id_pk", + "columns": ["provider", "provider_account_id"] + } + }, + "uniqueConstraints": {}, + "checkConstraint": {} + }, + "apiKey": { + "name": "apiKey", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "api_key": { + "name": "api_key", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "user_id": { + "name": "user_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "apiKey_user_id_user_id_fk": { + "name": "apiKey_user_id_user_id_fk", + "tableFrom": "apiKey", + "tableTo": "user", + "columnsFrom": ["user_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "apiKey_id": { + "name": "apiKey_id", + "columns": ["id"] + } + }, + "uniqueConstraints": {}, + "checkConstraint": {} + }, + "app": { + "name": "app", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "name": { + "name": "name", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "description": { + "name": "description", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "icon_url": { + "name": "icon_url", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "href": { + "name": "href", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "ping_url": { + "name": "ping_url", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": {}, + "compositePrimaryKeys": { + "app_id": { + "name": "app_id", + "columns": ["id"] + } + }, + "uniqueConstraints": {}, + "checkConstraint": {} + }, + "boardGroupPermission": { + "name": "boardGroupPermission", + "columns": { + "board_id": { + "name": "board_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "group_id": { + "name": "group_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "permission": { + "name": "permission", + "type": "varchar(128)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "boardGroupPermission_board_id_board_id_fk": { + "name": "boardGroupPermission_board_id_board_id_fk", + "tableFrom": "boardGroupPermission", + "tableTo": "board", + "columnsFrom": ["board_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "boardGroupPermission_group_id_group_id_fk": { + "name": "boardGroupPermission_group_id_group_id_fk", + "tableFrom": "boardGroupPermission", + "tableTo": "group", + "columnsFrom": ["group_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "boardGroupPermission_board_id_group_id_permission_pk": { + "name": "boardGroupPermission_board_id_group_id_permission_pk", + "columns": ["board_id", "group_id", "permission"] + } + }, + "uniqueConstraints": {}, + "checkConstraint": {} + }, + "boardUserPermission": { + "name": "boardUserPermission", + "columns": { + "board_id": { + "name": "board_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "user_id": { + "name": "user_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "permission": { + "name": "permission", + "type": "varchar(128)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "boardUserPermission_board_id_board_id_fk": { + "name": "boardUserPermission_board_id_board_id_fk", + "tableFrom": "boardUserPermission", + "tableTo": "board", + "columnsFrom": ["board_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "boardUserPermission_user_id_user_id_fk": { + "name": "boardUserPermission_user_id_user_id_fk", + "tableFrom": "boardUserPermission", + "tableTo": "user", + "columnsFrom": ["user_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "boardUserPermission_board_id_user_id_permission_pk": { + "name": "boardUserPermission_board_id_user_id_permission_pk", + "columns": ["board_id", "user_id", "permission"] + } + }, + "uniqueConstraints": {}, + "checkConstraint": {} + }, + "board": { + "name": "board", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "name": { + "name": "name", + "type": "varchar(256)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "is_public": { + "name": "is_public", + "type": "boolean", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": false + }, + "creator_id": { + "name": "creator_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "page_title": { + "name": "page_title", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "meta_title": { + "name": "meta_title", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "logo_image_url": { + "name": "logo_image_url", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "favicon_image_url": { + "name": "favicon_image_url", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "background_image_url": { + "name": "background_image_url", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "background_image_attachment": { + "name": "background_image_attachment", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "('fixed')" + }, + "background_image_repeat": { + "name": "background_image_repeat", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "('no-repeat')" + }, + "background_image_size": { + "name": "background_image_size", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "('cover')" + }, + "primary_color": { + "name": "primary_color", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "('#fa5252')" + }, + "secondary_color": { + "name": "secondary_color", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "('#fd7e14')" + }, + "opacity": { + "name": "opacity", + "type": "int", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": 100 + }, + "custom_css": { + "name": "custom_css", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "icon_color": { + "name": "icon_color", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "item_radius": { + "name": "item_radius", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "('lg')" + }, + "disable_status": { + "name": "disable_status", + "type": "boolean", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": false + } + }, + "indexes": {}, + "foreignKeys": { + "board_creator_id_user_id_fk": { + "name": "board_creator_id_user_id_fk", + "tableFrom": "board", + "tableTo": "user", + "columnsFrom": ["creator_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "board_id": { + "name": "board_id", + "columns": ["id"] + } + }, + "uniqueConstraints": { + "board_name_unique": { + "name": "board_name_unique", + "columns": ["name"] + } + }, + "checkConstraint": {} + }, + "cron_job_configuration": { + "name": "cron_job_configuration", + "columns": { + "name": { + "name": "name", + "type": "varchar(256)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "cron_expression": { + "name": "cron_expression", + "type": "varchar(32)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "is_enabled": { + "name": "is_enabled", + "type": "boolean", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": true + } + }, + "indexes": {}, + "foreignKeys": {}, + "compositePrimaryKeys": { + "cron_job_configuration_name": { + "name": "cron_job_configuration_name", + "columns": ["name"] + } + }, + "uniqueConstraints": {}, + "checkConstraint": {} + }, + "custom_widget_v2_definition": { + "name": "custom_widget_v2_definition", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "name": { + "name": "name", + "type": "varchar(256)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "description": { + "name": "description", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "icon_url": { + "name": "icon_url", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "sources": { + "name": "sources", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "requests": { + "name": "requests", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "options": { + "name": "options", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "template": { + "name": "template", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "enabled": { + "name": "enabled", + "type": "boolean", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": true + }, + "created_at": { + "name": "created_at", + "type": "timestamp", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "(now())" + }, + "updated_at": { + "name": "updated_at", + "type": "timestamp", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "(now())" + }, + "creator_id": { + "name": "creator_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": false, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "custom_widget_v2_definition_creator_id_user_id_fk": { + "name": "custom_widget_v2_definition_creator_id_user_id_fk", + "tableFrom": "custom_widget_v2_definition", + "tableTo": "user", + "columnsFrom": ["creator_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "custom_widget_v2_definition_id": { + "name": "custom_widget_v2_definition_id", + "columns": ["id"] + } + }, + "uniqueConstraints": {}, + "checkConstraint": {} + }, + "custom_widget_v2_secret": { + "name": "custom_widget_v2_secret", + "columns": { + "source_id": { + "name": "source_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "kind": { + "name": "kind", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "encrypted_value": { + "name": "encrypted_value", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "updated_at": { + "name": "updated_at", + "type": "timestamp", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "definition_id": { + "name": "definition_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "custom_widget_v2_secret_definition_id_fk": { + "name": "custom_widget_v2_secret_definition_id_fk", + "tableFrom": "custom_widget_v2_secret", + "tableTo": "custom_widget_v2_definition", + "columnsFrom": ["definition_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "custom_widget_v2_secret_definition_id_source_id_kind_pk": { + "name": "custom_widget_v2_secret_definition_id_source_id_kind_pk", + "columns": ["definition_id", "source_id", "kind"] + } + }, + "uniqueConstraints": {}, + "checkConstraint": {} + }, + "groupMember": { + "name": "groupMember", + "columns": { + "group_id": { + "name": "group_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "user_id": { + "name": "user_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "groupMember_group_id_group_id_fk": { + "name": "groupMember_group_id_group_id_fk", + "tableFrom": "groupMember", + "tableTo": "group", + "columnsFrom": ["group_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "groupMember_user_id_user_id_fk": { + "name": "groupMember_user_id_user_id_fk", + "tableFrom": "groupMember", + "tableTo": "user", + "columnsFrom": ["user_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "groupMember_group_id_user_id_pk": { + "name": "groupMember_group_id_user_id_pk", + "columns": ["group_id", "user_id"] + } + }, + "uniqueConstraints": {}, + "checkConstraint": {} + }, + "groupPermission": { + "name": "groupPermission", + "columns": { + "group_id": { + "name": "group_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "permission": { + "name": "permission", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "groupPermission_group_id_group_id_fk": { + "name": "groupPermission_group_id_group_id_fk", + "tableFrom": "groupPermission", + "tableTo": "group", + "columnsFrom": ["group_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "checkConstraint": {} + }, + "group": { + "name": "group", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "name": { + "name": "name", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "owner_id": { + "name": "owner_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "home_board_id": { + "name": "home_board_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "mobile_home_board_id": { + "name": "mobile_home_board_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "position": { + "name": "position", + "type": "smallint", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "group_owner_id_user_id_fk": { + "name": "group_owner_id_user_id_fk", + "tableFrom": "group", + "tableTo": "user", + "columnsFrom": ["owner_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + }, + "group_home_board_id_board_id_fk": { + "name": "group_home_board_id_board_id_fk", + "tableFrom": "group", + "tableTo": "board", + "columnsFrom": ["home_board_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + }, + "group_mobile_home_board_id_board_id_fk": { + "name": "group_mobile_home_board_id_board_id_fk", + "tableFrom": "group", + "tableTo": "board", + "columnsFrom": ["mobile_home_board_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "group_id": { + "name": "group_id", + "columns": ["id"] + } + }, + "uniqueConstraints": { + "group_name_unique": { + "name": "group_name_unique", + "columns": ["name"] + } + }, + "checkConstraint": {} + }, + "iconRepository": { + "name": "iconRepository", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "slug": { + "name": "slug", + "type": "varchar(150)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": {}, + "compositePrimaryKeys": { + "iconRepository_id": { + "name": "iconRepository_id", + "columns": ["id"] + } + }, + "uniqueConstraints": {}, + "checkConstraint": {} + }, + "icon": { + "name": "icon", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "name": { + "name": "name", + "type": "varchar(250)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "url": { + "name": "url", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "checksum": { + "name": "checksum", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "icon_repository_id": { + "name": "icon_repository_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "icon_icon_repository_id_iconRepository_id_fk": { + "name": "icon_icon_repository_id_iconRepository_id_fk", + "tableFrom": "icon", + "tableTo": "iconRepository", + "columnsFrom": ["icon_repository_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "icon_id": { + "name": "icon_id", + "columns": ["id"] + } + }, + "uniqueConstraints": {}, + "checkConstraint": {} + }, + "integrationGroupPermissions": { + "name": "integrationGroupPermissions", + "columns": { + "integration_id": { + "name": "integration_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "group_id": { + "name": "group_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "permission": { + "name": "permission", + "type": "varchar(128)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "integrationGroupPermissions_integration_id_integration_id_fk": { + "name": "integrationGroupPermissions_integration_id_integration_id_fk", + "tableFrom": "integrationGroupPermissions", + "tableTo": "integration", + "columnsFrom": ["integration_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "integrationGroupPermissions_group_id_group_id_fk": { + "name": "integrationGroupPermissions_group_id_group_id_fk", + "tableFrom": "integrationGroupPermissions", + "tableTo": "group", + "columnsFrom": ["group_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "integration_group_permission__pk": { + "name": "integration_group_permission__pk", + "columns": ["integration_id", "group_id", "permission"] + } + }, + "uniqueConstraints": {}, + "checkConstraint": {} + }, + "integration_item": { + "name": "integration_item", + "columns": { + "item_id": { + "name": "item_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "integration_id": { + "name": "integration_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "integration_item_item_id_item_id_fk": { + "name": "integration_item_item_id_item_id_fk", + "tableFrom": "integration_item", + "tableTo": "item", + "columnsFrom": ["item_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "integration_item_integration_id_integration_id_fk": { + "name": "integration_item_integration_id_integration_id_fk", + "tableFrom": "integration_item", + "tableTo": "integration", + "columnsFrom": ["integration_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "integration_item_item_id_integration_id_pk": { + "name": "integration_item_item_id_integration_id_pk", + "columns": ["item_id", "integration_id"] + } + }, + "uniqueConstraints": {}, + "checkConstraint": {} + }, + "integrationSecret": { + "name": "integrationSecret", + "columns": { + "kind": { + "name": "kind", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "value": { + "name": "value", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "updated_at": { + "name": "updated_at", + "type": "timestamp", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "integration_id": { + "name": "integration_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": { + "integration_secret__kind_idx": { + "name": "integration_secret__kind_idx", + "columns": ["kind"], + "isUnique": false + }, + "integration_secret__updated_at_idx": { + "name": "integration_secret__updated_at_idx", + "columns": ["updated_at"], + "isUnique": false + } + }, + "foreignKeys": { + "integrationSecret_integration_id_integration_id_fk": { + "name": "integrationSecret_integration_id_integration_id_fk", + "tableFrom": "integrationSecret", + "tableTo": "integration", + "columnsFrom": ["integration_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "integrationSecret_integration_id_kind_pk": { + "name": "integrationSecret_integration_id_kind_pk", + "columns": ["integration_id", "kind"] + } + }, + "uniqueConstraints": {}, + "checkConstraint": {} + }, + "integrationUserPermission": { + "name": "integrationUserPermission", + "columns": { + "integration_id": { + "name": "integration_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "user_id": { + "name": "user_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "permission": { + "name": "permission", + "type": "varchar(128)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "integrationUserPermission_integration_id_integration_id_fk": { + "name": "integrationUserPermission_integration_id_integration_id_fk", + "tableFrom": "integrationUserPermission", + "tableTo": "integration", + "columnsFrom": ["integration_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "integrationUserPermission_user_id_user_id_fk": { + "name": "integrationUserPermission_user_id_user_id_fk", + "tableFrom": "integrationUserPermission", + "tableTo": "user", + "columnsFrom": ["user_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "integrationUserPermission_integration_id_user_id_permission_pk": { + "name": "integrationUserPermission_integration_id_user_id_permission_pk", + "columns": ["integration_id", "user_id", "permission"] + } + }, + "uniqueConstraints": {}, + "checkConstraint": {} + }, + "integration": { + "name": "integration", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "name": { + "name": "name", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "url": { + "name": "url", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "kind": { + "name": "kind", + "type": "varchar(128)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "app_id": { + "name": "app_id", + "type": "varchar(128)", + "primaryKey": false, + "notNull": false, + "autoincrement": false + } + }, + "indexes": { + "integration__kind_idx": { + "name": "integration__kind_idx", + "columns": ["kind"], + "isUnique": false + } + }, + "foreignKeys": { + "integration_app_id_app_id_fk": { + "name": "integration_app_id_app_id_fk", + "tableFrom": "integration", + "tableTo": "app", + "columnsFrom": ["app_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "integration_id": { + "name": "integration_id", + "columns": ["id"] + } + }, + "uniqueConstraints": {}, + "checkConstraint": {} + }, + "invite": { + "name": "invite", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "token": { + "name": "token", + "type": "varchar(512)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "expiration_date": { + "name": "expiration_date", + "type": "timestamp", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "creator_id": { + "name": "creator_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "invite_creator_id_user_id_fk": { + "name": "invite_creator_id_user_id_fk", + "tableFrom": "invite", + "tableTo": "user", + "columnsFrom": ["creator_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "invite_id": { + "name": "invite_id", + "columns": ["id"] + } + }, + "uniqueConstraints": { + "invite_token_unique": { + "name": "invite_token_unique", + "columns": ["token"] + } + }, + "checkConstraint": {} + }, + "item_layout": { + "name": "item_layout", + "columns": { + "item_id": { + "name": "item_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "section_id": { + "name": "section_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "layout_id": { + "name": "layout_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "x_offset": { + "name": "x_offset", + "type": "int", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "y_offset": { + "name": "y_offset", + "type": "int", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "width": { + "name": "width", + "type": "int", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "height": { + "name": "height", + "type": "int", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "item_layout_item_id_item_id_fk": { + "name": "item_layout_item_id_item_id_fk", + "tableFrom": "item_layout", + "tableTo": "item", + "columnsFrom": ["item_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "item_layout_section_id_section_id_fk": { + "name": "item_layout_section_id_section_id_fk", + "tableFrom": "item_layout", + "tableTo": "section", + "columnsFrom": ["section_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "item_layout_layout_id_layout_id_fk": { + "name": "item_layout_layout_id_layout_id_fk", + "tableFrom": "item_layout", + "tableTo": "layout", + "columnsFrom": ["layout_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "item_layout_item_id_section_id_layout_id_pk": { + "name": "item_layout_item_id_section_id_layout_id_pk", + "columns": ["item_id", "section_id", "layout_id"] + } + }, + "uniqueConstraints": {}, + "checkConstraint": {} + }, + "item": { + "name": "item", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "board_id": { + "name": "board_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "kind": { + "name": "kind", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "options": { + "name": "options", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "('{\"json\": {}}')" + }, + "advanced_options": { + "name": "advanced_options", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "('{\"json\": {}}')" + } + }, + "indexes": {}, + "foreignKeys": { + "item_board_id_board_id_fk": { + "name": "item_board_id_board_id_fk", + "tableFrom": "item", + "tableTo": "board", + "columnsFrom": ["board_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "item_id": { + "name": "item_id", + "columns": ["id"] + } + }, + "uniqueConstraints": {}, + "checkConstraint": {} + }, + "layout": { + "name": "layout", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "name": { + "name": "name", + "type": "varchar(32)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "board_id": { + "name": "board_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "column_count": { + "name": "column_count", + "type": "tinyint", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "left_gutter_column_count": { + "name": "left_gutter_column_count", + "type": "tinyint", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": 0 + }, + "right_gutter_column_count": { + "name": "right_gutter_column_count", + "type": "tinyint", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": 0 + }, + "breakpoint": { + "name": "breakpoint", + "type": "smallint", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": 0 + }, + "role": { + "name": "role", + "type": "varchar(16)", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "'custom'" + } + }, + "indexes": {}, + "foreignKeys": { + "layout_board_id_board_id_fk": { + "name": "layout_board_id_board_id_fk", + "tableFrom": "layout", + "tableTo": "board", + "columnsFrom": ["board_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "layout_id": { + "name": "layout_id", + "columns": ["id"] + } + }, + "uniqueConstraints": {}, + "checkConstraint": {} + }, + "custom_widget_definition": { + "name": "custom_widget_definition", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "name": { + "name": "name", + "type": "varchar(256)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "description": { + "name": "description", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "icon_url": { + "name": "icon_url", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "url": { + "name": "url", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "auth_type": { + "name": "auth_type", + "type": "varchar(32)", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "'none'" + }, + "header_name": { + "name": "header_name", + "type": "varchar(256)", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "method": { + "name": "method", + "type": "varchar(16)", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "'GET'" + }, + "request_body": { + "name": "request_body", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "display_type": { + "name": "display_type", + "type": "varchar(32)", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "'singleValue'" + }, + "display_config": { + "name": "display_config", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "('{\"json\": {}}')" + }, + "enabled": { + "name": "enabled", + "type": "boolean", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": true + }, + "created_at": { + "name": "created_at", + "type": "timestamp", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "(now())" + }, + "updated_at": { + "name": "updated_at", + "type": "timestamp", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "(now())" + }, + "creator_id": { + "name": "creator_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": false, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "custom_widget_definition_creator_id_user_id_fk": { + "name": "custom_widget_definition_creator_id_user_id_fk", + "tableFrom": "custom_widget_definition", + "tableTo": "user", + "columnsFrom": ["creator_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "custom_widget_definition_id": { + "name": "custom_widget_definition_id", + "columns": ["id"] + } + }, + "uniqueConstraints": {}, + "checkConstraint": {} + }, + "custom_widget_secret": { + "name": "custom_widget_secret", + "columns": { + "kind": { + "name": "kind", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "value": { + "name": "value", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "updated_at": { + "name": "updated_at", + "type": "timestamp", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "definition_id": { + "name": "definition_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "cw_secret_definition_id_cw_definition_id_fk": { + "name": "cw_secret_definition_id_cw_definition_id_fk", + "tableFrom": "custom_widget_secret", + "tableTo": "custom_widget_definition", + "columnsFrom": ["definition_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "custom_widget_secret_definition_id_kind_pk": { + "name": "custom_widget_secret_definition_id_kind_pk", + "columns": ["definition_id", "kind"] + } + }, + "uniqueConstraints": {}, + "checkConstraint": {} + }, + "media": { + "name": "media", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "name": { + "name": "name", + "type": "varchar(512)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "content": { + "name": "content", + "type": "LONGBLOB", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "content_type": { + "name": "content_type", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "size": { + "name": "size", + "type": "int", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "created_at": { + "name": "created_at", + "type": "timestamp", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "(now())" + }, + "creator_id": { + "name": "creator_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": false, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "media_creator_id_user_id_fk": { + "name": "media_creator_id_user_id_fk", + "tableFrom": "media", + "tableTo": "user", + "columnsFrom": ["creator_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "media_id": { + "name": "media_id", + "columns": ["id"] + } + }, + "uniqueConstraints": {}, + "checkConstraint": {} + }, + "onboarding": { + "name": "onboarding", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "step": { + "name": "step", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "previous_step": { + "name": "previous_step", + "type": "varchar(64)", + "primaryKey": false, + "notNull": false, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": {}, + "compositePrimaryKeys": { + "onboarding_id": { + "name": "onboarding_id", + "columns": ["id"] + } + }, + "uniqueConstraints": {}, + "checkConstraint": {} + }, + "search_engine": { + "name": "search_engine", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "icon_url": { + "name": "icon_url", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "name": { + "name": "name", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "short": { + "name": "short", + "type": "varchar(8)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "description": { + "name": "description", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "url_template": { + "name": "url_template", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "type": { + "name": "type", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "'generic'" + }, + "integration_id": { + "name": "integration_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": false, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "search_engine_integration_id_integration_id_fk": { + "name": "search_engine_integration_id_integration_id_fk", + "tableFrom": "search_engine", + "tableTo": "integration", + "columnsFrom": ["integration_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "search_engine_id": { + "name": "search_engine_id", + "columns": ["id"] + } + }, + "uniqueConstraints": { + "search_engine_short_unique": { + "name": "search_engine_short_unique", + "columns": ["short"] + } + }, + "checkConstraint": {} + }, + "section_collapse_state": { + "name": "section_collapse_state", + "columns": { + "user_id": { + "name": "user_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "section_id": { + "name": "section_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "collapsed": { + "name": "collapsed", + "type": "boolean", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": false + } + }, + "indexes": {}, + "foreignKeys": { + "section_collapse_state_user_id_user_id_fk": { + "name": "section_collapse_state_user_id_user_id_fk", + "tableFrom": "section_collapse_state", + "tableTo": "user", + "columnsFrom": ["user_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "section_collapse_state_section_id_section_id_fk": { + "name": "section_collapse_state_section_id_section_id_fk", + "tableFrom": "section_collapse_state", + "tableTo": "section", + "columnsFrom": ["section_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "section_collapse_state_user_id_section_id_pk": { + "name": "section_collapse_state_user_id_section_id_pk", + "columns": ["user_id", "section_id"] + } + }, + "uniqueConstraints": {}, + "checkConstraint": {} + }, + "section_layout": { + "name": "section_layout", + "columns": { + "section_id": { + "name": "section_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "layout_id": { + "name": "layout_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "parent_section_id": { + "name": "parent_section_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "x_offset": { + "name": "x_offset", + "type": "int", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "y_offset": { + "name": "y_offset", + "type": "int", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "width": { + "name": "width", + "type": "int", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "height": { + "name": "height", + "type": "int", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "section_layout_section_id_section_id_fk": { + "name": "section_layout_section_id_section_id_fk", + "tableFrom": "section_layout", + "tableTo": "section", + "columnsFrom": ["section_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "section_layout_layout_id_layout_id_fk": { + "name": "section_layout_layout_id_layout_id_fk", + "tableFrom": "section_layout", + "tableTo": "layout", + "columnsFrom": ["layout_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "section_layout_parent_section_id_section_id_fk": { + "name": "section_layout_parent_section_id_section_id_fk", + "tableFrom": "section_layout", + "tableTo": "section", + "columnsFrom": ["parent_section_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "section_layout_section_id_layout_id_pk": { + "name": "section_layout_section_id_layout_id_pk", + "columns": ["section_id", "layout_id"] + } + }, + "uniqueConstraints": {}, + "checkConstraint": {} + }, + "section": { + "name": "section", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "board_id": { + "name": "board_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "kind": { + "name": "kind", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "x_offset": { + "name": "x_offset", + "type": "int", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "y_offset": { + "name": "y_offset", + "type": "int", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "name": { + "name": "name", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "options": { + "name": "options", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false, + "default": "('{\"json\": {}}')" + } + }, + "indexes": {}, + "foreignKeys": { + "section_board_id_board_id_fk": { + "name": "section_board_id_board_id_fk", + "tableFrom": "section", + "tableTo": "board", + "columnsFrom": ["board_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "section_id": { + "name": "section_id", + "columns": ["id"] + } + }, + "uniqueConstraints": {}, + "checkConstraint": {} + }, + "serverSetting": { + "name": "serverSetting", + "columns": { + "setting_key": { + "name": "setting_key", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "value": { + "name": "value", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "('{\"json\": {}}')" + } + }, + "indexes": {}, + "foreignKeys": {}, + "compositePrimaryKeys": { + "serverSetting_setting_key": { + "name": "serverSetting_setting_key", + "columns": ["setting_key"] + } + }, + "uniqueConstraints": { + "serverSetting_settingKey_unique": { + "name": "serverSetting_settingKey_unique", + "columns": ["setting_key"] + } + }, + "checkConstraint": {} + }, + "session": { + "name": "session", + "columns": { + "session_token": { + "name": "session_token", + "type": "varchar(512)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "user_id": { + "name": "user_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "expires": { + "name": "expires", + "type": "timestamp", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": { + "user_id_idx": { + "name": "user_id_idx", + "columns": ["user_id"], + "isUnique": false + } + }, + "foreignKeys": { + "session_user_id_user_id_fk": { + "name": "session_user_id_user_id_fk", + "tableFrom": "session", + "tableTo": "user", + "columnsFrom": ["user_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "session_session_token": { + "name": "session_session_token", + "columns": ["session_token"] + } + }, + "uniqueConstraints": {}, + "checkConstraint": {} + }, + "trusted_certificate_hostname": { + "name": "trusted_certificate_hostname", + "columns": { + "hostname": { + "name": "hostname", + "type": "varchar(256)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "thumbprint": { + "name": "thumbprint", + "type": "varchar(128)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "certificate": { + "name": "certificate", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": {}, + "compositePrimaryKeys": { + "trusted_certificate_hostname_hostname_thumbprint_pk": { + "name": "trusted_certificate_hostname_hostname_thumbprint_pk", + "columns": ["hostname", "thumbprint"] + } + }, + "uniqueConstraints": {}, + "checkConstraint": {} + }, + "user": { + "name": "user", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "name": { + "name": "name", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "email": { + "name": "email", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "email_verified": { + "name": "email_verified", + "type": "timestamp", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "image": { + "name": "image", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "password": { + "name": "password", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "provider": { + "name": "provider", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "'credentials'" + }, + "home_board_id": { + "name": "home_board_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "mobile_home_board_id": { + "name": "mobile_home_board_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "default_search_engine_id": { + "name": "default_search_engine_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "open_search_in_new_tab": { + "name": "open_search_in_new_tab", + "type": "boolean", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": false + }, + "ddg_bangs": { + "name": "ddg_bangs", + "type": "boolean", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": true + }, + "color_scheme": { + "name": "color_scheme", + "type": "varchar(5)", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "'dark'" + }, + "first_day_of_week": { + "name": "first_day_of_week", + "type": "tinyint", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": 1 + }, + "ping_icons_enabled": { + "name": "ping_icons_enabled", + "type": "boolean", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": false + }, + "enable_right_click_on_widgets": { + "name": "enable_right_click_on_widgets", + "type": "boolean", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": true + }, + "completed_manage_tour": { + "name": "completed_manage_tour", + "type": "boolean", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": false + }, + "completed_board_tour": { + "name": "completed_board_tour", + "type": "boolean", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": false + } + }, + "indexes": {}, + "foreignKeys": { + "user_home_board_id_board_id_fk": { + "name": "user_home_board_id_board_id_fk", + "tableFrom": "user", + "tableTo": "board", + "columnsFrom": ["home_board_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + }, + "user_mobile_home_board_id_board_id_fk": { + "name": "user_mobile_home_board_id_board_id_fk", + "tableFrom": "user", + "tableTo": "board", + "columnsFrom": ["mobile_home_board_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + }, + "user_default_search_engine_id_search_engine_id_fk": { + "name": "user_default_search_engine_id_search_engine_id_fk", + "tableFrom": "user", + "tableTo": "search_engine", + "columnsFrom": ["default_search_engine_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "user_id": { + "name": "user_id", + "columns": ["id"] + } + }, + "uniqueConstraints": {}, + "checkConstraint": {} + }, + "verificationToken": { + "name": "verificationToken", + "columns": { + "identifier": { + "name": "identifier", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "token": { + "name": "token", + "type": "varchar(512)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "expires": { + "name": "expires", + "type": "timestamp", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": {}, + "compositePrimaryKeys": { + "verificationToken_identifier_token_pk": { + "name": "verificationToken_identifier_token_pk", + "columns": ["identifier", "token"] + } + }, + "uniqueConstraints": {}, + "checkConstraint": {} + }, + "widget_secret": { + "name": "widget_secret", + "columns": { + "item_id": { + "name": "item_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "kind": { + "name": "kind", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "value": { + "name": "value", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "updated_at": { + "name": "updated_at", + "type": "timestamp", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "widget_secret_item_id_item_id_fk": { + "name": "widget_secret_item_id_item_id_fk", + "tableFrom": "widget_secret", + "tableTo": "item", + "columnsFrom": ["item_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "widget_secret_item_id_kind_pk": { + "name": "widget_secret_item_id_kind_pk", + "columns": ["item_id", "kind"] + } + }, + "uniqueConstraints": {}, + "checkConstraint": {} + } + }, + "views": {}, + "_meta": { + "schemas": {}, + "tables": {}, + "columns": {} + }, + "internal": { + "tables": {}, + "indexes": {} + } +} diff --git a/packages/db/migrations/mysql/meta/_journal.json b/packages/db/migrations/mysql/meta/_journal.json index 57f1c8ac5..82f35c2e3 100644 --- a/packages/db/migrations/mysql/meta/_journal.json +++ b/packages/db/migrations/mysql/meta/_journal.json @@ -323,6 +323,13 @@ "when": 1786212549933, "tag": "0045_add_layout_gutters", "breakpoints": true + }, + { + "idx": 46, + "version": "5", + "when": 1786215199760, + "tag": "0046_add_layout_role", + "breakpoints": true } ] } diff --git a/packages/db/migrations/postgresql/0012_add_layout_role.sql b/packages/db/migrations/postgresql/0012_add_layout_role.sql new file mode 100644 index 000000000..20c7625be --- /dev/null +++ b/packages/db/migrations/postgresql/0012_add_layout_role.sql @@ -0,0 +1 @@ +ALTER TABLE "layout" ADD COLUMN "role" varchar(16) DEFAULT 'custom' NOT NULL; \ No newline at end of file diff --git a/packages/db/migrations/postgresql/meta/0012_snapshot.json b/packages/db/migrations/postgresql/meta/0012_snapshot.json new file mode 100644 index 000000000..6611b879c --- /dev/null +++ b/packages/db/migrations/postgresql/meta/0012_snapshot.json @@ -0,0 +1,2424 @@ +{ + "id": "f1d7a91a-bf16-4f26-a0ae-ce77eab2a40e", + "prevId": "c0fb2530-8de7-47b6-8229-8e715dc57f09", + "version": "7", + "dialect": "postgresql", + "tables": { + "public.account": { + "name": "account", + "schema": "", + "columns": { + "user_id": { + "name": "user_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "type": { + "name": "type", + "type": "text", + "primaryKey": false, + "notNull": true + }, + "provider": { + "name": "provider", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "provider_account_id": { + "name": "provider_account_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "refresh_token": { + "name": "refresh_token", + "type": "text", + "primaryKey": false, + "notNull": false + }, + "access_token": { + "name": "access_token", + "type": "text", + "primaryKey": false, + "notNull": false + }, + "expires_at": { + "name": "expires_at", + "type": "integer", + "primaryKey": false, + "notNull": false + }, + "token_type": { + "name": "token_type", + "type": "text", + "primaryKey": false, + "notNull": false + }, + "scope": { + "name": "scope", + "type": "text", + "primaryKey": false, + "notNull": false + }, + "id_token": { + "name": "id_token", + "type": "text", + "primaryKey": false, + "notNull": false + }, + "session_state": { + "name": "session_state", + "type": "text", + "primaryKey": false, + "notNull": false + } + }, + "indexes": { + "userId_idx": { + "name": "userId_idx", + "columns": [ + { + "expression": "user_id", + "isExpression": false, + "asc": true, + "nulls": "last" + } + ], + "isUnique": false, + "concurrently": false, + "method": "btree", + "with": {} + } + }, + "foreignKeys": { + "account_user_id_user_id_fk": { + "name": "account_user_id_user_id_fk", + "tableFrom": "account", + "tableTo": "user", + "columnsFrom": ["user_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "account_provider_provider_account_id_pk": { + "name": "account_provider_provider_account_id_pk", + "columns": ["provider", "provider_account_id"] + } + }, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.apiKey": { + "name": "apiKey", + "schema": "", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": true, + "notNull": true + }, + "api_key": { + "name": "api_key", + "type": "text", + "primaryKey": false, + "notNull": true + }, + "user_id": { + "name": "user_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + } + }, + "indexes": {}, + "foreignKeys": { + "apiKey_user_id_user_id_fk": { + "name": "apiKey_user_id_user_id_fk", + "tableFrom": "apiKey", + "tableTo": "user", + "columnsFrom": ["user_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.app": { + "name": "app", + "schema": "", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": true, + "notNull": true + }, + "name": { + "name": "name", + "type": "text", + "primaryKey": false, + "notNull": true + }, + "description": { + "name": "description", + "type": "text", + "primaryKey": false, + "notNull": false + }, + "icon_url": { + "name": "icon_url", + "type": "text", + "primaryKey": false, + "notNull": true + }, + "href": { + "name": "href", + "type": "text", + "primaryKey": false, + "notNull": false + }, + "ping_url": { + "name": "ping_url", + "type": "text", + "primaryKey": false, + "notNull": false + } + }, + "indexes": {}, + "foreignKeys": {}, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.boardGroupPermission": { + "name": "boardGroupPermission", + "schema": "", + "columns": { + "board_id": { + "name": "board_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "group_id": { + "name": "group_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "permission": { + "name": "permission", + "type": "varchar(128)", + "primaryKey": false, + "notNull": true + } + }, + "indexes": {}, + "foreignKeys": { + "boardGroupPermission_board_id_board_id_fk": { + "name": "boardGroupPermission_board_id_board_id_fk", + "tableFrom": "boardGroupPermission", + "tableTo": "board", + "columnsFrom": ["board_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "boardGroupPermission_group_id_group_id_fk": { + "name": "boardGroupPermission_group_id_group_id_fk", + "tableFrom": "boardGroupPermission", + "tableTo": "group", + "columnsFrom": ["group_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "boardGroupPermission_board_id_group_id_permission_pk": { + "name": "boardGroupPermission_board_id_group_id_permission_pk", + "columns": ["board_id", "group_id", "permission"] + } + }, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.boardUserPermission": { + "name": "boardUserPermission", + "schema": "", + "columns": { + "board_id": { + "name": "board_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "user_id": { + "name": "user_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "permission": { + "name": "permission", + "type": "varchar(128)", + "primaryKey": false, + "notNull": true + } + }, + "indexes": {}, + "foreignKeys": { + "boardUserPermission_board_id_board_id_fk": { + "name": "boardUserPermission_board_id_board_id_fk", + "tableFrom": "boardUserPermission", + "tableTo": "board", + "columnsFrom": ["board_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "boardUserPermission_user_id_user_id_fk": { + "name": "boardUserPermission_user_id_user_id_fk", + "tableFrom": "boardUserPermission", + "tableTo": "user", + "columnsFrom": ["user_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "boardUserPermission_board_id_user_id_permission_pk": { + "name": "boardUserPermission_board_id_user_id_permission_pk", + "columns": ["board_id", "user_id", "permission"] + } + }, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.board": { + "name": "board", + "schema": "", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": true, + "notNull": true + }, + "name": { + "name": "name", + "type": "varchar(256)", + "primaryKey": false, + "notNull": true + }, + "is_public": { + "name": "is_public", + "type": "boolean", + "primaryKey": false, + "notNull": true, + "default": false + }, + "creator_id": { + "name": "creator_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": false + }, + "page_title": { + "name": "page_title", + "type": "text", + "primaryKey": false, + "notNull": false + }, + "meta_title": { + "name": "meta_title", + "type": "text", + "primaryKey": false, + "notNull": false + }, + "logo_image_url": { + "name": "logo_image_url", + "type": "text", + "primaryKey": false, + "notNull": false + }, + "favicon_image_url": { + "name": "favicon_image_url", + "type": "text", + "primaryKey": false, + "notNull": false + }, + "background_image_url": { + "name": "background_image_url", + "type": "text", + "primaryKey": false, + "notNull": false + }, + "background_image_attachment": { + "name": "background_image_attachment", + "type": "text", + "primaryKey": false, + "notNull": true, + "default": "'fixed'" + }, + "background_image_repeat": { + "name": "background_image_repeat", + "type": "text", + "primaryKey": false, + "notNull": true, + "default": "'no-repeat'" + }, + "background_image_size": { + "name": "background_image_size", + "type": "text", + "primaryKey": false, + "notNull": true, + "default": "'cover'" + }, + "primary_color": { + "name": "primary_color", + "type": "text", + "primaryKey": false, + "notNull": true, + "default": "'#fa5252'" + }, + "secondary_color": { + "name": "secondary_color", + "type": "text", + "primaryKey": false, + "notNull": true, + "default": "'#fd7e14'" + }, + "opacity": { + "name": "opacity", + "type": "integer", + "primaryKey": false, + "notNull": true, + "default": 100 + }, + "custom_css": { + "name": "custom_css", + "type": "text", + "primaryKey": false, + "notNull": false + }, + "icon_color": { + "name": "icon_color", + "type": "text", + "primaryKey": false, + "notNull": false + }, + "item_radius": { + "name": "item_radius", + "type": "text", + "primaryKey": false, + "notNull": true, + "default": "'lg'" + }, + "disable_status": { + "name": "disable_status", + "type": "boolean", + "primaryKey": false, + "notNull": true, + "default": false + } + }, + "indexes": {}, + "foreignKeys": { + "board_creator_id_user_id_fk": { + "name": "board_creator_id_user_id_fk", + "tableFrom": "board", + "tableTo": "user", + "columnsFrom": ["creator_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": { + "board_name_unique": { + "name": "board_name_unique", + "nullsNotDistinct": false, + "columns": ["name"] + } + }, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.cron_job_configuration": { + "name": "cron_job_configuration", + "schema": "", + "columns": { + "name": { + "name": "name", + "type": "varchar(256)", + "primaryKey": true, + "notNull": true + }, + "cron_expression": { + "name": "cron_expression", + "type": "varchar(32)", + "primaryKey": false, + "notNull": true + }, + "is_enabled": { + "name": "is_enabled", + "type": "boolean", + "primaryKey": false, + "notNull": true, + "default": true + } + }, + "indexes": {}, + "foreignKeys": {}, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.custom_widget_v2_definition": { + "name": "custom_widget_v2_definition", + "schema": "", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": true, + "notNull": true + }, + "name": { + "name": "name", + "type": "varchar(256)", + "primaryKey": false, + "notNull": true + }, + "description": { + "name": "description", + "type": "text", + "primaryKey": false, + "notNull": false + }, + "icon_url": { + "name": "icon_url", + "type": "text", + "primaryKey": false, + "notNull": false + }, + "sources": { + "name": "sources", + "type": "text", + "primaryKey": false, + "notNull": true + }, + "requests": { + "name": "requests", + "type": "text", + "primaryKey": false, + "notNull": true + }, + "options": { + "name": "options", + "type": "text", + "primaryKey": false, + "notNull": true + }, + "template": { + "name": "template", + "type": "text", + "primaryKey": false, + "notNull": true + }, + "enabled": { + "name": "enabled", + "type": "boolean", + "primaryKey": false, + "notNull": true, + "default": true + }, + "created_at": { + "name": "created_at", + "type": "timestamp", + "primaryKey": false, + "notNull": true, + "default": "now()" + }, + "updated_at": { + "name": "updated_at", + "type": "timestamp", + "primaryKey": false, + "notNull": true, + "default": "now()" + }, + "creator_id": { + "name": "creator_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": false + } + }, + "indexes": {}, + "foreignKeys": { + "custom_widget_v2_definition_creator_id_user_id_fk": { + "name": "custom_widget_v2_definition_creator_id_user_id_fk", + "tableFrom": "custom_widget_v2_definition", + "tableTo": "user", + "columnsFrom": ["creator_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.custom_widget_v2_secret": { + "name": "custom_widget_v2_secret", + "schema": "", + "columns": { + "source_id": { + "name": "source_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "kind": { + "name": "kind", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "encrypted_value": { + "name": "encrypted_value", + "type": "text", + "primaryKey": false, + "notNull": true + }, + "updated_at": { + "name": "updated_at", + "type": "timestamp", + "primaryKey": false, + "notNull": true + }, + "definition_id": { + "name": "definition_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + } + }, + "indexes": {}, + "foreignKeys": { + "custom_widget_v2_secret_definition_id_fk": { + "name": "custom_widget_v2_secret_definition_id_fk", + "tableFrom": "custom_widget_v2_secret", + "tableTo": "custom_widget_v2_definition", + "columnsFrom": ["definition_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "custom_widget_v2_secret_definition_id_source_id_kind_pk": { + "name": "custom_widget_v2_secret_definition_id_source_id_kind_pk", + "columns": ["definition_id", "source_id", "kind"] + } + }, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.groupMember": { + "name": "groupMember", + "schema": "", + "columns": { + "group_id": { + "name": "group_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "user_id": { + "name": "user_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + } + }, + "indexes": {}, + "foreignKeys": { + "groupMember_group_id_group_id_fk": { + "name": "groupMember_group_id_group_id_fk", + "tableFrom": "groupMember", + "tableTo": "group", + "columnsFrom": ["group_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "groupMember_user_id_user_id_fk": { + "name": "groupMember_user_id_user_id_fk", + "tableFrom": "groupMember", + "tableTo": "user", + "columnsFrom": ["user_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "groupMember_group_id_user_id_pk": { + "name": "groupMember_group_id_user_id_pk", + "columns": ["group_id", "user_id"] + } + }, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.groupPermission": { + "name": "groupPermission", + "schema": "", + "columns": { + "group_id": { + "name": "group_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "permission": { + "name": "permission", + "type": "text", + "primaryKey": false, + "notNull": true + } + }, + "indexes": {}, + "foreignKeys": { + "groupPermission_group_id_group_id_fk": { + "name": "groupPermission_group_id_group_id_fk", + "tableFrom": "groupPermission", + "tableTo": "group", + "columnsFrom": ["group_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.group": { + "name": "group", + "schema": "", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": true, + "notNull": true + }, + "name": { + "name": "name", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "owner_id": { + "name": "owner_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": false + }, + "home_board_id": { + "name": "home_board_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": false + }, + "mobile_home_board_id": { + "name": "mobile_home_board_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": false + }, + "position": { + "name": "position", + "type": "smallint", + "primaryKey": false, + "notNull": true + } + }, + "indexes": {}, + "foreignKeys": { + "group_owner_id_user_id_fk": { + "name": "group_owner_id_user_id_fk", + "tableFrom": "group", + "tableTo": "user", + "columnsFrom": ["owner_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + }, + "group_home_board_id_board_id_fk": { + "name": "group_home_board_id_board_id_fk", + "tableFrom": "group", + "tableTo": "board", + "columnsFrom": ["home_board_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + }, + "group_mobile_home_board_id_board_id_fk": { + "name": "group_mobile_home_board_id_board_id_fk", + "tableFrom": "group", + "tableTo": "board", + "columnsFrom": ["mobile_home_board_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": { + "group_name_unique": { + "name": "group_name_unique", + "nullsNotDistinct": false, + "columns": ["name"] + } + }, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.iconRepository": { + "name": "iconRepository", + "schema": "", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": true, + "notNull": true + }, + "slug": { + "name": "slug", + "type": "varchar(150)", + "primaryKey": false, + "notNull": true + } + }, + "indexes": {}, + "foreignKeys": {}, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.icon": { + "name": "icon", + "schema": "", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": true, + "notNull": true + }, + "name": { + "name": "name", + "type": "varchar(250)", + "primaryKey": false, + "notNull": true + }, + "url": { + "name": "url", + "type": "text", + "primaryKey": false, + "notNull": true + }, + "checksum": { + "name": "checksum", + "type": "text", + "primaryKey": false, + "notNull": true + }, + "icon_repository_id": { + "name": "icon_repository_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + } + }, + "indexes": {}, + "foreignKeys": { + "icon_icon_repository_id_iconRepository_id_fk": { + "name": "icon_icon_repository_id_iconRepository_id_fk", + "tableFrom": "icon", + "tableTo": "iconRepository", + "columnsFrom": ["icon_repository_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.integrationGroupPermissions": { + "name": "integrationGroupPermissions", + "schema": "", + "columns": { + "integration_id": { + "name": "integration_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "group_id": { + "name": "group_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "permission": { + "name": "permission", + "type": "varchar(128)", + "primaryKey": false, + "notNull": true + } + }, + "indexes": {}, + "foreignKeys": { + "integrationGroupPermissions_integration_id_integration_id_fk": { + "name": "integrationGroupPermissions_integration_id_integration_id_fk", + "tableFrom": "integrationGroupPermissions", + "tableTo": "integration", + "columnsFrom": ["integration_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "integrationGroupPermissions_group_id_group_id_fk": { + "name": "integrationGroupPermissions_group_id_group_id_fk", + "tableFrom": "integrationGroupPermissions", + "tableTo": "group", + "columnsFrom": ["group_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "integration_group_permission__pk": { + "name": "integration_group_permission__pk", + "columns": ["integration_id", "group_id", "permission"] + } + }, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.integration_item": { + "name": "integration_item", + "schema": "", + "columns": { + "item_id": { + "name": "item_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "integration_id": { + "name": "integration_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + } + }, + "indexes": {}, + "foreignKeys": { + "integration_item_item_id_item_id_fk": { + "name": "integration_item_item_id_item_id_fk", + "tableFrom": "integration_item", + "tableTo": "item", + "columnsFrom": ["item_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "integration_item_integration_id_integration_id_fk": { + "name": "integration_item_integration_id_integration_id_fk", + "tableFrom": "integration_item", + "tableTo": "integration", + "columnsFrom": ["integration_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "integration_item_item_id_integration_id_pk": { + "name": "integration_item_item_id_integration_id_pk", + "columns": ["item_id", "integration_id"] + } + }, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.integrationSecret": { + "name": "integrationSecret", + "schema": "", + "columns": { + "kind": { + "name": "kind", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "value": { + "name": "value", + "type": "text", + "primaryKey": false, + "notNull": true + }, + "updated_at": { + "name": "updated_at", + "type": "timestamp", + "primaryKey": false, + "notNull": true + }, + "integration_id": { + "name": "integration_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + } + }, + "indexes": { + "integration_secret__kind_idx": { + "name": "integration_secret__kind_idx", + "columns": [ + { + "expression": "kind", + "isExpression": false, + "asc": true, + "nulls": "last" + } + ], + "isUnique": false, + "concurrently": false, + "method": "btree", + "with": {} + }, + "integration_secret__updated_at_idx": { + "name": "integration_secret__updated_at_idx", + "columns": [ + { + "expression": "updated_at", + "isExpression": false, + "asc": true, + "nulls": "last" + } + ], + "isUnique": false, + "concurrently": false, + "method": "btree", + "with": {} + } + }, + "foreignKeys": { + "integrationSecret_integration_id_integration_id_fk": { + "name": "integrationSecret_integration_id_integration_id_fk", + "tableFrom": "integrationSecret", + "tableTo": "integration", + "columnsFrom": ["integration_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "integrationSecret_integration_id_kind_pk": { + "name": "integrationSecret_integration_id_kind_pk", + "columns": ["integration_id", "kind"] + } + }, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.integrationUserPermission": { + "name": "integrationUserPermission", + "schema": "", + "columns": { + "integration_id": { + "name": "integration_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "user_id": { + "name": "user_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "permission": { + "name": "permission", + "type": "varchar(128)", + "primaryKey": false, + "notNull": true + } + }, + "indexes": {}, + "foreignKeys": { + "integrationUserPermission_integration_id_integration_id_fk": { + "name": "integrationUserPermission_integration_id_integration_id_fk", + "tableFrom": "integrationUserPermission", + "tableTo": "integration", + "columnsFrom": ["integration_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "integrationUserPermission_user_id_user_id_fk": { + "name": "integrationUserPermission_user_id_user_id_fk", + "tableFrom": "integrationUserPermission", + "tableTo": "user", + "columnsFrom": ["user_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "integrationUserPermission_integration_id_user_id_permission_pk": { + "name": "integrationUserPermission_integration_id_user_id_permission_pk", + "columns": ["integration_id", "user_id", "permission"] + } + }, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.integration": { + "name": "integration", + "schema": "", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": true, + "notNull": true + }, + "name": { + "name": "name", + "type": "text", + "primaryKey": false, + "notNull": true + }, + "url": { + "name": "url", + "type": "text", + "primaryKey": false, + "notNull": true + }, + "kind": { + "name": "kind", + "type": "varchar(128)", + "primaryKey": false, + "notNull": true + }, + "app_id": { + "name": "app_id", + "type": "varchar(128)", + "primaryKey": false, + "notNull": false + } + }, + "indexes": { + "integration__kind_idx": { + "name": "integration__kind_idx", + "columns": [ + { + "expression": "kind", + "isExpression": false, + "asc": true, + "nulls": "last" + } + ], + "isUnique": false, + "concurrently": false, + "method": "btree", + "with": {} + } + }, + "foreignKeys": { + "integration_app_id_app_id_fk": { + "name": "integration_app_id_app_id_fk", + "tableFrom": "integration", + "tableTo": "app", + "columnsFrom": ["app_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.invite": { + "name": "invite", + "schema": "", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": true, + "notNull": true + }, + "token": { + "name": "token", + "type": "varchar(512)", + "primaryKey": false, + "notNull": true + }, + "expiration_date": { + "name": "expiration_date", + "type": "timestamp", + "primaryKey": false, + "notNull": true + }, + "creator_id": { + "name": "creator_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + } + }, + "indexes": {}, + "foreignKeys": { + "invite_creator_id_user_id_fk": { + "name": "invite_creator_id_user_id_fk", + "tableFrom": "invite", + "tableTo": "user", + "columnsFrom": ["creator_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": { + "invite_token_unique": { + "name": "invite_token_unique", + "nullsNotDistinct": false, + "columns": ["token"] + } + }, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.item_layout": { + "name": "item_layout", + "schema": "", + "columns": { + "item_id": { + "name": "item_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "section_id": { + "name": "section_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "layout_id": { + "name": "layout_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "x_offset": { + "name": "x_offset", + "type": "integer", + "primaryKey": false, + "notNull": true + }, + "y_offset": { + "name": "y_offset", + "type": "integer", + "primaryKey": false, + "notNull": true + }, + "width": { + "name": "width", + "type": "integer", + "primaryKey": false, + "notNull": true + }, + "height": { + "name": "height", + "type": "integer", + "primaryKey": false, + "notNull": true + } + }, + "indexes": {}, + "foreignKeys": { + "item_layout_item_id_item_id_fk": { + "name": "item_layout_item_id_item_id_fk", + "tableFrom": "item_layout", + "tableTo": "item", + "columnsFrom": ["item_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "item_layout_section_id_section_id_fk": { + "name": "item_layout_section_id_section_id_fk", + "tableFrom": "item_layout", + "tableTo": "section", + "columnsFrom": ["section_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "item_layout_layout_id_layout_id_fk": { + "name": "item_layout_layout_id_layout_id_fk", + "tableFrom": "item_layout", + "tableTo": "layout", + "columnsFrom": ["layout_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "item_layout_item_id_section_id_layout_id_pk": { + "name": "item_layout_item_id_section_id_layout_id_pk", + "columns": ["item_id", "section_id", "layout_id"] + } + }, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.item": { + "name": "item", + "schema": "", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": true, + "notNull": true + }, + "board_id": { + "name": "board_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "kind": { + "name": "kind", + "type": "text", + "primaryKey": false, + "notNull": true + }, + "options": { + "name": "options", + "type": "text", + "primaryKey": false, + "notNull": true, + "default": "'{\"json\": {}}'" + }, + "advanced_options": { + "name": "advanced_options", + "type": "text", + "primaryKey": false, + "notNull": true, + "default": "'{\"json\": {}}'" + } + }, + "indexes": {}, + "foreignKeys": { + "item_board_id_board_id_fk": { + "name": "item_board_id_board_id_fk", + "tableFrom": "item", + "tableTo": "board", + "columnsFrom": ["board_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.layout": { + "name": "layout", + "schema": "", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": true, + "notNull": true + }, + "name": { + "name": "name", + "type": "varchar(32)", + "primaryKey": false, + "notNull": true + }, + "board_id": { + "name": "board_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "column_count": { + "name": "column_count", + "type": "smallint", + "primaryKey": false, + "notNull": true + }, + "left_gutter_column_count": { + "name": "left_gutter_column_count", + "type": "smallint", + "primaryKey": false, + "notNull": true, + "default": 0 + }, + "right_gutter_column_count": { + "name": "right_gutter_column_count", + "type": "smallint", + "primaryKey": false, + "notNull": true, + "default": 0 + }, + "breakpoint": { + "name": "breakpoint", + "type": "smallint", + "primaryKey": false, + "notNull": true, + "default": 0 + }, + "role": { + "name": "role", + "type": "varchar(16)", + "primaryKey": false, + "notNull": true, + "default": "'custom'" + } + }, + "indexes": {}, + "foreignKeys": { + "layout_board_id_board_id_fk": { + "name": "layout_board_id_board_id_fk", + "tableFrom": "layout", + "tableTo": "board", + "columnsFrom": ["board_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.custom_widget_definition": { + "name": "custom_widget_definition", + "schema": "", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": true, + "notNull": true + }, + "name": { + "name": "name", + "type": "varchar(256)", + "primaryKey": false, + "notNull": true + }, + "description": { + "name": "description", + "type": "text", + "primaryKey": false, + "notNull": false + }, + "icon_url": { + "name": "icon_url", + "type": "text", + "primaryKey": false, + "notNull": false + }, + "url": { + "name": "url", + "type": "text", + "primaryKey": false, + "notNull": true + }, + "auth_type": { + "name": "auth_type", + "type": "varchar(32)", + "primaryKey": false, + "notNull": true, + "default": "'none'" + }, + "header_name": { + "name": "header_name", + "type": "varchar(256)", + "primaryKey": false, + "notNull": false + }, + "method": { + "name": "method", + "type": "varchar(16)", + "primaryKey": false, + "notNull": true, + "default": "'GET'" + }, + "request_body": { + "name": "request_body", + "type": "text", + "primaryKey": false, + "notNull": false + }, + "display_type": { + "name": "display_type", + "type": "varchar(32)", + "primaryKey": false, + "notNull": true, + "default": "'singleValue'" + }, + "display_config": { + "name": "display_config", + "type": "text", + "primaryKey": false, + "notNull": true, + "default": "'{\"json\": {}}'" + }, + "enabled": { + "name": "enabled", + "type": "boolean", + "primaryKey": false, + "notNull": true, + "default": true + }, + "created_at": { + "name": "created_at", + "type": "timestamp", + "primaryKey": false, + "notNull": true, + "default": "now()" + }, + "updated_at": { + "name": "updated_at", + "type": "timestamp", + "primaryKey": false, + "notNull": true, + "default": "now()" + }, + "creator_id": { + "name": "creator_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": false + } + }, + "indexes": {}, + "foreignKeys": { + "custom_widget_definition_creator_id_user_id_fk": { + "name": "custom_widget_definition_creator_id_user_id_fk", + "tableFrom": "custom_widget_definition", + "tableTo": "user", + "columnsFrom": ["creator_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.custom_widget_secret": { + "name": "custom_widget_secret", + "schema": "", + "columns": { + "kind": { + "name": "kind", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "value": { + "name": "value", + "type": "text", + "primaryKey": false, + "notNull": true + }, + "updated_at": { + "name": "updated_at", + "type": "timestamp", + "primaryKey": false, + "notNull": true + }, + "definition_id": { + "name": "definition_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + } + }, + "indexes": {}, + "foreignKeys": { + "custom_widget_secret_definition_id_custom_widget_definition_id_fk": { + "name": "custom_widget_secret_definition_id_custom_widget_definition_id_fk", + "tableFrom": "custom_widget_secret", + "tableTo": "custom_widget_definition", + "columnsFrom": ["definition_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "custom_widget_secret_definition_id_kind_pk": { + "name": "custom_widget_secret_definition_id_kind_pk", + "columns": ["definition_id", "kind"] + } + }, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.media": { + "name": "media", + "schema": "", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": true, + "notNull": true + }, + "name": { + "name": "name", + "type": "varchar(512)", + "primaryKey": false, + "notNull": true + }, + "content": { + "name": "content", + "type": "bytea", + "primaryKey": false, + "notNull": true + }, + "content_type": { + "name": "content_type", + "type": "text", + "primaryKey": false, + "notNull": true + }, + "size": { + "name": "size", + "type": "integer", + "primaryKey": false, + "notNull": true + }, + "created_at": { + "name": "created_at", + "type": "timestamp", + "primaryKey": false, + "notNull": true, + "default": "now()" + }, + "creator_id": { + "name": "creator_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": false + } + }, + "indexes": {}, + "foreignKeys": { + "media_creator_id_user_id_fk": { + "name": "media_creator_id_user_id_fk", + "tableFrom": "media", + "tableTo": "user", + "columnsFrom": ["creator_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.onboarding": { + "name": "onboarding", + "schema": "", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": true, + "notNull": true + }, + "step": { + "name": "step", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "previous_step": { + "name": "previous_step", + "type": "varchar(64)", + "primaryKey": false, + "notNull": false + } + }, + "indexes": {}, + "foreignKeys": {}, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.search_engine": { + "name": "search_engine", + "schema": "", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": true, + "notNull": true + }, + "icon_url": { + "name": "icon_url", + "type": "text", + "primaryKey": false, + "notNull": true + }, + "name": { + "name": "name", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "short": { + "name": "short", + "type": "varchar(8)", + "primaryKey": false, + "notNull": true + }, + "description": { + "name": "description", + "type": "text", + "primaryKey": false, + "notNull": false + }, + "url_template": { + "name": "url_template", + "type": "text", + "primaryKey": false, + "notNull": false + }, + "type": { + "name": "type", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "default": "'generic'" + }, + "integration_id": { + "name": "integration_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": false + } + }, + "indexes": {}, + "foreignKeys": { + "search_engine_integration_id_integration_id_fk": { + "name": "search_engine_integration_id_integration_id_fk", + "tableFrom": "search_engine", + "tableTo": "integration", + "columnsFrom": ["integration_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": { + "search_engine_short_unique": { + "name": "search_engine_short_unique", + "nullsNotDistinct": false, + "columns": ["short"] + } + }, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.section_collapse_state": { + "name": "section_collapse_state", + "schema": "", + "columns": { + "user_id": { + "name": "user_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "section_id": { + "name": "section_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "collapsed": { + "name": "collapsed", + "type": "boolean", + "primaryKey": false, + "notNull": true, + "default": false + } + }, + "indexes": {}, + "foreignKeys": { + "section_collapse_state_user_id_user_id_fk": { + "name": "section_collapse_state_user_id_user_id_fk", + "tableFrom": "section_collapse_state", + "tableTo": "user", + "columnsFrom": ["user_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "section_collapse_state_section_id_section_id_fk": { + "name": "section_collapse_state_section_id_section_id_fk", + "tableFrom": "section_collapse_state", + "tableTo": "section", + "columnsFrom": ["section_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "section_collapse_state_user_id_section_id_pk": { + "name": "section_collapse_state_user_id_section_id_pk", + "columns": ["user_id", "section_id"] + } + }, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.section_layout": { + "name": "section_layout", + "schema": "", + "columns": { + "section_id": { + "name": "section_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "layout_id": { + "name": "layout_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "parent_section_id": { + "name": "parent_section_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": false + }, + "x_offset": { + "name": "x_offset", + "type": "integer", + "primaryKey": false, + "notNull": true + }, + "y_offset": { + "name": "y_offset", + "type": "integer", + "primaryKey": false, + "notNull": true + }, + "width": { + "name": "width", + "type": "integer", + "primaryKey": false, + "notNull": true + }, + "height": { + "name": "height", + "type": "integer", + "primaryKey": false, + "notNull": true + } + }, + "indexes": {}, + "foreignKeys": { + "section_layout_section_id_section_id_fk": { + "name": "section_layout_section_id_section_id_fk", + "tableFrom": "section_layout", + "tableTo": "section", + "columnsFrom": ["section_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "section_layout_layout_id_layout_id_fk": { + "name": "section_layout_layout_id_layout_id_fk", + "tableFrom": "section_layout", + "tableTo": "layout", + "columnsFrom": ["layout_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "section_layout_parent_section_id_section_id_fk": { + "name": "section_layout_parent_section_id_section_id_fk", + "tableFrom": "section_layout", + "tableTo": "section", + "columnsFrom": ["parent_section_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "section_layout_section_id_layout_id_pk": { + "name": "section_layout_section_id_layout_id_pk", + "columns": ["section_id", "layout_id"] + } + }, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.section": { + "name": "section", + "schema": "", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": true, + "notNull": true + }, + "board_id": { + "name": "board_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "kind": { + "name": "kind", + "type": "text", + "primaryKey": false, + "notNull": true + }, + "x_offset": { + "name": "x_offset", + "type": "integer", + "primaryKey": false, + "notNull": false + }, + "y_offset": { + "name": "y_offset", + "type": "integer", + "primaryKey": false, + "notNull": false + }, + "name": { + "name": "name", + "type": "text", + "primaryKey": false, + "notNull": false + }, + "options": { + "name": "options", + "type": "text", + "primaryKey": false, + "notNull": false, + "default": "'{\"json\": {}}'" + } + }, + "indexes": {}, + "foreignKeys": { + "section_board_id_board_id_fk": { + "name": "section_board_id_board_id_fk", + "tableFrom": "section", + "tableTo": "board", + "columnsFrom": ["board_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.serverSetting": { + "name": "serverSetting", + "schema": "", + "columns": { + "setting_key": { + "name": "setting_key", + "type": "varchar(64)", + "primaryKey": true, + "notNull": true + }, + "value": { + "name": "value", + "type": "text", + "primaryKey": false, + "notNull": true, + "default": "'{\"json\": {}}'" + } + }, + "indexes": {}, + "foreignKeys": {}, + "compositePrimaryKeys": {}, + "uniqueConstraints": { + "serverSetting_settingKey_unique": { + "name": "serverSetting_settingKey_unique", + "nullsNotDistinct": false, + "columns": ["setting_key"] + } + }, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.session": { + "name": "session", + "schema": "", + "columns": { + "session_token": { + "name": "session_token", + "type": "varchar(512)", + "primaryKey": true, + "notNull": true + }, + "user_id": { + "name": "user_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "expires": { + "name": "expires", + "type": "timestamp", + "primaryKey": false, + "notNull": true + } + }, + "indexes": { + "user_id_idx": { + "name": "user_id_idx", + "columns": [ + { + "expression": "user_id", + "isExpression": false, + "asc": true, + "nulls": "last" + } + ], + "isUnique": false, + "concurrently": false, + "method": "btree", + "with": {} + } + }, + "foreignKeys": { + "session_user_id_user_id_fk": { + "name": "session_user_id_user_id_fk", + "tableFrom": "session", + "tableTo": "user", + "columnsFrom": ["user_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.trusted_certificate_hostname": { + "name": "trusted_certificate_hostname", + "schema": "", + "columns": { + "hostname": { + "name": "hostname", + "type": "varchar(256)", + "primaryKey": false, + "notNull": true + }, + "thumbprint": { + "name": "thumbprint", + "type": "varchar(128)", + "primaryKey": false, + "notNull": true + }, + "certificate": { + "name": "certificate", + "type": "text", + "primaryKey": false, + "notNull": true + } + }, + "indexes": {}, + "foreignKeys": {}, + "compositePrimaryKeys": { + "trusted_certificate_hostname_hostname_thumbprint_pk": { + "name": "trusted_certificate_hostname_hostname_thumbprint_pk", + "columns": ["hostname", "thumbprint"] + } + }, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.user": { + "name": "user", + "schema": "", + "columns": { + "id": { + "name": "id", + "type": "varchar(64)", + "primaryKey": true, + "notNull": true + }, + "name": { + "name": "name", + "type": "text", + "primaryKey": false, + "notNull": false + }, + "email": { + "name": "email", + "type": "text", + "primaryKey": false, + "notNull": false + }, + "email_verified": { + "name": "email_verified", + "type": "timestamp", + "primaryKey": false, + "notNull": false + }, + "image": { + "name": "image", + "type": "text", + "primaryKey": false, + "notNull": false + }, + "password": { + "name": "password", + "type": "text", + "primaryKey": false, + "notNull": false + }, + "provider": { + "name": "provider", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true, + "default": "'credentials'" + }, + "home_board_id": { + "name": "home_board_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": false + }, + "mobile_home_board_id": { + "name": "mobile_home_board_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": false + }, + "default_search_engine_id": { + "name": "default_search_engine_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": false + }, + "open_search_in_new_tab": { + "name": "open_search_in_new_tab", + "type": "boolean", + "primaryKey": false, + "notNull": true, + "default": false + }, + "ddg_bangs": { + "name": "ddg_bangs", + "type": "boolean", + "primaryKey": false, + "notNull": true, + "default": true + }, + "color_scheme": { + "name": "color_scheme", + "type": "varchar(5)", + "primaryKey": false, + "notNull": true, + "default": "'dark'" + }, + "first_day_of_week": { + "name": "first_day_of_week", + "type": "smallint", + "primaryKey": false, + "notNull": true, + "default": 1 + }, + "ping_icons_enabled": { + "name": "ping_icons_enabled", + "type": "boolean", + "primaryKey": false, + "notNull": true, + "default": false + }, + "enable_right_click_on_widgets": { + "name": "enable_right_click_on_widgets", + "type": "boolean", + "primaryKey": false, + "notNull": true, + "default": true + }, + "completed_manage_tour": { + "name": "completed_manage_tour", + "type": "boolean", + "primaryKey": false, + "notNull": true, + "default": false + }, + "completed_board_tour": { + "name": "completed_board_tour", + "type": "boolean", + "primaryKey": false, + "notNull": true, + "default": false + } + }, + "indexes": {}, + "foreignKeys": { + "user_home_board_id_board_id_fk": { + "name": "user_home_board_id_board_id_fk", + "tableFrom": "user", + "tableTo": "board", + "columnsFrom": ["home_board_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + }, + "user_mobile_home_board_id_board_id_fk": { + "name": "user_mobile_home_board_id_board_id_fk", + "tableFrom": "user", + "tableTo": "board", + "columnsFrom": ["mobile_home_board_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + }, + "user_default_search_engine_id_search_engine_id_fk": { + "name": "user_default_search_engine_id_search_engine_id_fk", + "tableFrom": "user", + "tableTo": "search_engine", + "columnsFrom": ["default_search_engine_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.verificationToken": { + "name": "verificationToken", + "schema": "", + "columns": { + "identifier": { + "name": "identifier", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "token": { + "name": "token", + "type": "varchar(512)", + "primaryKey": false, + "notNull": true + }, + "expires": { + "name": "expires", + "type": "timestamp", + "primaryKey": false, + "notNull": true + } + }, + "indexes": {}, + "foreignKeys": {}, + "compositePrimaryKeys": { + "verificationToken_identifier_token_pk": { + "name": "verificationToken_identifier_token_pk", + "columns": ["identifier", "token"] + } + }, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + }, + "public.widget_secret": { + "name": "widget_secret", + "schema": "", + "columns": { + "item_id": { + "name": "item_id", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "kind": { + "name": "kind", + "type": "varchar(64)", + "primaryKey": false, + "notNull": true + }, + "value": { + "name": "value", + "type": "text", + "primaryKey": false, + "notNull": true + }, + "updated_at": { + "name": "updated_at", + "type": "timestamp", + "primaryKey": false, + "notNull": true + } + }, + "indexes": {}, + "foreignKeys": { + "widget_secret_item_id_item_id_fk": { + "name": "widget_secret_item_id_item_id_fk", + "tableFrom": "widget_secret", + "tableTo": "item", + "columnsFrom": ["item_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "widget_secret_item_id_kind_pk": { + "name": "widget_secret_item_id_kind_pk", + "columns": ["item_id", "kind"] + } + }, + "uniqueConstraints": {}, + "policies": {}, + "checkConstraints": {}, + "isRLSEnabled": false + } + }, + "enums": {}, + "schemas": {}, + "sequences": {}, + "roles": {}, + "policies": {}, + "views": {}, + "_meta": { + "columns": {}, + "schemas": {}, + "tables": {} + } +} diff --git a/packages/db/migrations/postgresql/meta/_journal.json b/packages/db/migrations/postgresql/meta/_journal.json index c3dacd7f3..36189d05b 100644 --- a/packages/db/migrations/postgresql/meta/_journal.json +++ b/packages/db/migrations/postgresql/meta/_journal.json @@ -85,6 +85,13 @@ "when": 1786212457549, "tag": "0011_add_layout_gutters", "breakpoints": true + }, + { + "idx": 12, + "version": "7", + "when": 1786215201393, + "tag": "0012_add_layout_role", + "breakpoints": true } ] } diff --git a/packages/db/migrations/seed.spec.ts b/packages/db/migrations/seed.spec.ts new file mode 100644 index 000000000..375849e29 --- /dev/null +++ b/packages/db/migrations/seed.spec.ts @@ -0,0 +1,97 @@ +import { describe, expect, test } from "vitest"; + +import { createId } from "@homarr/common"; +import { eq } from "@homarr/db"; +import { boards, itemLayouts, items, layouts, sections } from "@homarr/db/schema"; +import { createDb } from "@homarr/db/test"; +import { emptySuperJSON } from "@homarr/definitions"; + +import { seedProtectedBoardLayoutsAsync } from "./seed"; + +describe("protected board layout migration", () => { + test("turns a single saved layout into Base and generates Mobile", async () => { + const db = createDb(); + const boardId = createId(); + const baseLayoutId = createId(); + const sectionId = createId(); + const itemId = createId(); + await db.insert(boards).values({ id: boardId, name: "single" }); + await db.insert(layouts).values({ + id: baseLayoutId, + boardId, + name: "Wide", + columnCount: 12, + breakpoint: 0, + }); + await db.insert(sections).values({ id: sectionId, boardId, kind: "empty", xOffset: 0, yOffset: 0 }); + await db.insert(items).values({ id: itemId, boardId, kind: "clock", options: emptySuperJSON }); + await db.insert(itemLayouts).values({ + itemId, + sectionId, + layoutId: baseLayoutId, + width: 5, + height: 2, + xOffset: 6, + yOffset: 1, + }); + + await seedProtectedBoardLayoutsAsync(db); + await seedProtectedBoardLayoutsAsync(db); + + const savedLayouts = await db.query.layouts.findMany({ where: eq(layouts.boardId, boardId) }); + expect(savedLayouts).toHaveLength(2); + expect(savedLayouts.find((layout) => layout.role === "base")).toMatchObject({ + id: baseLayoutId, + name: "Wide", + columnCount: 12, + breakpoint: 768, + }); + const mobileLayout = savedLayouts.find((layout) => layout.role === "mobile"); + expect(mobileLayout).toMatchObject({ name: "Mobile", columnCount: 3, breakpoint: 0 }); + const mobileItemPosition = await db.query.itemLayouts.findFirst({ + where: eq(itemLayouts.layoutId, mobileLayout?.id ?? ""), + }); + expect(mobileItemPosition).toMatchObject({ width: 3, height: 2, xOffset: 0, yOffset: 0 }); + }); + + test("assigns roles and resolves duplicate breakpoints without rebuilding existing layouts", async () => { + const db = createDb(); + const boardId = createId(); + await db.insert(boards).values({ id: boardId, name: "responsive" }); + await db.insert(layouts).values([ + { id: "layout-mobile", boardId, name: "Phone", columnCount: 3, breakpoint: 0 }, + { id: "layout-tablet-a", boardId, name: "Tablet A", columnCount: 6, breakpoint: 480 }, + { id: "layout-tablet-b", boardId, name: "Tablet B", columnCount: 8, breakpoint: 480 }, + { id: "layout-wide", boardId, name: "Wide", columnCount: 12, breakpoint: 1200 }, + ]); + + await seedProtectedBoardLayoutsAsync(db); + await seedProtectedBoardLayoutsAsync(db); + + const savedLayouts = await db.query.layouts.findMany({ where: eq(layouts.boardId, boardId) }); + expect(savedLayouts.toSorted((layoutA, layoutB) => layoutA.breakpoint - layoutB.breakpoint)).toMatchObject([ + { id: "layout-mobile", name: "Phone", columnCount: 3, breakpoint: 0, role: "mobile" }, + { id: "layout-tablet-a", name: "Tablet A", columnCount: 6, breakpoint: 480, role: "custom" }, + { id: "layout-tablet-b", name: "Tablet B", columnCount: 8, breakpoint: 481, role: "custom" }, + { id: "layout-wide", name: "Wide", columnCount: 12, breakpoint: 1200, role: "base" }, + ]); + }); + + test("creates both protected layouts for a board with no layouts", async () => { + const db = createDb(); + const boardId = createId(); + await db.insert(boards).values({ id: boardId, name: "empty" }); + + await seedProtectedBoardLayoutsAsync(db); + await seedProtectedBoardLayoutsAsync(db); + + const savedLayouts = await db.query.layouts.findMany({ where: eq(layouts.boardId, boardId) }); + expect(savedLayouts).toHaveLength(2); + expect(savedLayouts).toEqual( + expect.arrayContaining([ + expect.objectContaining({ role: "mobile", columnCount: 3, breakpoint: 0 }), + expect.objectContaining({ role: "base", columnCount: 10, breakpoint: 768 }), + ]), + ); + }); +}); diff --git a/packages/db/migrations/seed.ts b/packages/db/migrations/seed.ts index 412c09e1e..3042ca522 100644 --- a/packages/db/migrations/seed.ts +++ b/packages/db/migrations/seed.ts @@ -1,6 +1,6 @@ import SuperJSON from "superjson"; -import { createId, objectKeys } from "@homarr/common"; +import { createId, generateResponsiveGridFor, objectKeys } from "@homarr/common"; import { BUNDLED_CUSTOM_WIDGETS, customWidgetDefinitionSchema } from "@homarr/custom-widgets/core"; import { createDocumentationLink, @@ -11,11 +11,12 @@ import { getIntegrationName, integrationDefs, integrationKinds, + normalizeBoardLayoutRoles, } from "@homarr/definitions"; import type { WidgetKind } from "@homarr/definitions"; import { defaultServerSettings, defaultServerSettingsKeys } from "@homarr/server-settings"; -import type { Database } from ".."; +import type { Database, InferInsertModel } from ".."; import { eq, inArray } from ".."; import { getMaxGroupPositionAsync, placeAllWidgetsAsync } from "../queries"; import { @@ -39,6 +40,7 @@ import { onboarding, searchEngines, sections, + sectionLayouts, users, } from "../schema"; import type { Integration } from "../schema"; @@ -65,6 +67,215 @@ export const seedDataAsync = async (db: Database) => { if (isTruthyEnv(process.env.DEMO_MODE)) { await seedDemoUserAsync(db); } + + await seedProtectedBoardLayoutsAsync(db); +}; + +export const seedProtectedBoardLayoutsAsync = async (db: Database, boardId?: string) => { + const dbBoards = await db.query.boards.findMany({ + where: boardId ? eq(boards.id, boardId) : undefined, + with: { + layouts: true, + items: { with: { layouts: true } }, + sections: { with: { layouts: true } }, + }, + }); + + for (const board of dbBoards) { + if (board.layouts.length === 0) { + await db.insert(layouts).values([ + { + id: createId(), + name: "Mobile", + columnCount: 3, + breakpoint: 0, + role: "mobile", + boardId: board.id, + }, + { + id: createId(), + name: "Base", + columnCount: 10, + breakpoint: 768, + role: "base", + boardId: board.id, + }, + ]); + continue; + } + + if (board.layouts.length === 1) { + const [baseLayout] = board.layouts; + if (!baseLayout) continue; + + const mobileLayout = { + id: createId(), + name: "Mobile", + columnCount: 3, + breakpoint: 0, + role: "mobile" as const, + boardId: board.id, + }; + + await db.update(layouts).set({ role: "base", breakpoint: 768 }).where(eq(layouts.id, baseLayout.id)); + await db.insert(layouts).values(mobileLayout); + await insertMissingProjectedPositionsAsync( + db, + board, + { ...baseLayout, role: "base", breakpoint: 768 }, + mobileLayout, + ); + continue; + } + + const normalizedLayouts = normalizeBoardLayoutRoles(board.layouts); + const alreadyNormalized = normalizedLayouts.every((layout) => { + const previousLayout = board.layouts.find((candidate) => candidate.id === layout.id); + return layout.breakpoint === previousLayout?.breakpoint && previousLayout.role === layout.role; + }); + + if (!alreadyNormalized) { + for (const layout of normalizedLayouts) { + await db + .update(layouts) + .set({ breakpoint: layout.breakpoint, role: layout.role }) + .where(eq(layouts.id, layout.id)); + } + } + + const mobileLayout = normalizedLayouts[0]; + const baseLayout = normalizedLayouts.at(-1); + if (mobileLayout && baseLayout) { + await insertMissingProjectedPositionsAsync( + db, + board, + { ...baseLayout, role: "base" }, + { ...mobileLayout, role: "mobile" }, + ); + } + } +}; + +interface BoardWithLayoutPositions { + items: Array<{ + id: string; + layouts: Array<{ + layoutId: string; + sectionId: string; + width: number; + height: number; + xOffset: number; + yOffset: number; + }>; + }>; + sections: Array<{ + id: string; + kind: string; + layouts: Array<{ + layoutId: string; + parentSectionId: string | null; + width: number; + height: number; + xOffset: number; + yOffset: number; + }>; + }>; +} + +const insertMissingProjectedPositionsAsync = async ( + db: Database, + board: BoardWithLayoutPositions, + sourceLayout: InferInsertModel, + targetLayout: InferInsertModel, +) => { + const elements = [ + ...board.items.flatMap((item) => { + const layout = item.layouts.find((itemLayout) => itemLayout.layoutId === sourceLayout.id); + return layout + ? [ + { + id: item.id, + type: "item" as const, + width: layout.width, + height: layout.height, + xOffset: layout.xOffset, + yOffset: layout.yOffset, + sectionId: layout.sectionId, + }, + ] + : []; + }), + ...board.sections.flatMap((section) => { + if (section.kind !== "dynamic") return []; + const layout = section.layouts.find((sectionLayout) => sectionLayout.layoutId === sourceLayout.id); + return layout?.parentSectionId + ? [ + { + id: section.id, + type: "section" as const, + width: layout.width, + height: layout.height, + xOffset: layout.xOffset, + yOffset: layout.yOffset, + sectionId: layout.parentSectionId, + }, + ] + : []; + }), + ]; + + const projectedElements = board.sections + .filter((section) => section.kind !== "dynamic") + .flatMap( + (section) => + generateResponsiveGridFor({ + items: elements, + previousWidth: sourceLayout.columnCount, + width: targetLayout.columnCount, + sectionId: section.id, + }).items, + ); + + const existingItemIds = new Set( + board.items + .filter((item) => item.layouts.some((layout) => layout.layoutId === targetLayout.id)) + .map((item) => item.id), + ); + const itemPositions = projectedElements + .filter((element) => element.type === "item" && !existingItemIds.has(element.id)) + .map( + (element): InferInsertModel => ({ + itemId: element.id, + layoutId: targetLayout.id, + sectionId: element.sectionId, + width: element.width, + height: element.height, + xOffset: element.xOffset, + yOffset: element.yOffset, + }), + ); + + const existingSectionIds = new Set( + board.sections + .filter((section) => section.layouts.some((layout) => layout.layoutId === targetLayout.id)) + .map((section) => section.id), + ); + const sectionPositions = projectedElements + .filter((element) => element.type === "section" && !existingSectionIds.has(element.id)) + .map( + (element): InferInsertModel => ({ + sectionId: element.id, + layoutId: targetLayout.id, + parentSectionId: element.sectionId, + width: element.width, + height: element.height, + xOffset: element.xOffset, + yOffset: element.yOffset, + }), + ); + + if (itemPositions.length > 0) await db.insert(itemLayouts).values(itemPositions); + if (sectionPositions.length > 0) await db.insert(sectionLayouts).values(sectionPositions); }; const seedEveryoneGroupAsync = async (db: Database) => { @@ -271,13 +482,24 @@ const seedDefaultBoardAsync = async (db: Database) => { yOffset: 0, boardId, }); - await db.insert(layouts).values({ - id: createId(), - name: "Base", - columnCount: 10, - breakpoint: 0, - boardId, - }); + await db.insert(layouts).values([ + { + id: createId(), + name: "Mobile", + columnCount: 3, + breakpoint: 0, + role: "mobile", + boardId, + }, + { + id: createId(), + name: "Base", + columnCount: 10, + breakpoint: 768, + role: "base", + boardId, + }, + ]); const everyoneGroupRow = await db.query.groups.findFirst({ where: eq(groups.name, everyoneGroup), @@ -508,7 +730,8 @@ const seedDemoUserAsync = async (db: Database) => { id: layoutId, name: "Base", columnCount: 12, - breakpoint: 0, + breakpoint: 768, + role: "base", boardId, }); @@ -598,7 +821,7 @@ const seedBoardWidgetsAsync = async (db: Database) => { if (!board) return; const section = board.sections.find((sec) => sec.kind === "empty"); - const layout = board.layouts[0]; + const layout = board.layouts.find((candidate) => candidate.role === "base") ?? board.layouts[0]; if (!section || !layout) return; const allIntegrations = await db.query.integrations.findMany(); diff --git a/packages/db/migrations/sqlite/0044_add_layout_role.sql b/packages/db/migrations/sqlite/0044_add_layout_role.sql new file mode 100644 index 000000000..3c9fd79c9 --- /dev/null +++ b/packages/db/migrations/sqlite/0044_add_layout_role.sql @@ -0,0 +1 @@ +ALTER TABLE `layout` ADD `role` text DEFAULT 'custom' NOT NULL; \ No newline at end of file diff --git a/packages/db/migrations/sqlite/meta/0044_snapshot.json b/packages/db/migrations/sqlite/meta/0044_snapshot.json new file mode 100644 index 000000000..c916baf01 --- /dev/null +++ b/packages/db/migrations/sqlite/meta/0044_snapshot.json @@ -0,0 +1,2472 @@ +{ + "version": "6", + "dialect": "sqlite", + "id": "ba1d8f76-d167-405c-97a6-ade428e51df1", + "prevId": "e868162b-3757-4d9e-940c-facc749256d6", + "tables": { + "account": { + "name": "account", + "columns": { + "user_id": { + "name": "user_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "type": { + "name": "type", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "provider": { + "name": "provider", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "provider_account_id": { + "name": "provider_account_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "refresh_token": { + "name": "refresh_token", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "access_token": { + "name": "access_token", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "expires_at": { + "name": "expires_at", + "type": "integer", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "token_type": { + "name": "token_type", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "scope": { + "name": "scope", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "id_token": { + "name": "id_token", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "session_state": { + "name": "session_state", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + } + }, + "indexes": { + "userId_idx": { + "name": "userId_idx", + "columns": ["user_id"], + "isUnique": false + } + }, + "foreignKeys": { + "account_user_id_user_id_fk": { + "name": "account_user_id_user_id_fk", + "tableFrom": "account", + "tableTo": "user", + "columnsFrom": ["user_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "account_provider_provider_account_id_pk": { + "columns": ["provider", "provider_account_id"], + "name": "account_provider_provider_account_id_pk" + } + }, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "apiKey": { + "name": "apiKey", + "columns": { + "id": { + "name": "id", + "type": "text", + "primaryKey": true, + "notNull": true, + "autoincrement": false + }, + "api_key": { + "name": "api_key", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "user_id": { + "name": "user_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "apiKey_user_id_user_id_fk": { + "name": "apiKey_user_id_user_id_fk", + "tableFrom": "apiKey", + "tableTo": "user", + "columnsFrom": ["user_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "app": { + "name": "app", + "columns": { + "id": { + "name": "id", + "type": "text", + "primaryKey": true, + "notNull": true, + "autoincrement": false + }, + "name": { + "name": "name", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "description": { + "name": "description", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "icon_url": { + "name": "icon_url", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "href": { + "name": "href", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "ping_url": { + "name": "ping_url", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": {}, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "boardGroupPermission": { + "name": "boardGroupPermission", + "columns": { + "board_id": { + "name": "board_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "group_id": { + "name": "group_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "permission": { + "name": "permission", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "boardGroupPermission_board_id_board_id_fk": { + "name": "boardGroupPermission_board_id_board_id_fk", + "tableFrom": "boardGroupPermission", + "tableTo": "board", + "columnsFrom": ["board_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "boardGroupPermission_group_id_group_id_fk": { + "name": "boardGroupPermission_group_id_group_id_fk", + "tableFrom": "boardGroupPermission", + "tableTo": "group", + "columnsFrom": ["group_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "boardGroupPermission_board_id_group_id_permission_pk": { + "columns": ["board_id", "group_id", "permission"], + "name": "boardGroupPermission_board_id_group_id_permission_pk" + } + }, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "boardUserPermission": { + "name": "boardUserPermission", + "columns": { + "board_id": { + "name": "board_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "user_id": { + "name": "user_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "permission": { + "name": "permission", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "boardUserPermission_board_id_board_id_fk": { + "name": "boardUserPermission_board_id_board_id_fk", + "tableFrom": "boardUserPermission", + "tableTo": "board", + "columnsFrom": ["board_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "boardUserPermission_user_id_user_id_fk": { + "name": "boardUserPermission_user_id_user_id_fk", + "tableFrom": "boardUserPermission", + "tableTo": "user", + "columnsFrom": ["user_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "boardUserPermission_board_id_user_id_permission_pk": { + "columns": ["board_id", "user_id", "permission"], + "name": "boardUserPermission_board_id_user_id_permission_pk" + } + }, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "board": { + "name": "board", + "columns": { + "id": { + "name": "id", + "type": "text", + "primaryKey": true, + "notNull": true, + "autoincrement": false + }, + "name": { + "name": "name", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "is_public": { + "name": "is_public", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": false + }, + "creator_id": { + "name": "creator_id", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "page_title": { + "name": "page_title", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "meta_title": { + "name": "meta_title", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "logo_image_url": { + "name": "logo_image_url", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "favicon_image_url": { + "name": "favicon_image_url", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "background_image_url": { + "name": "background_image_url", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "background_image_attachment": { + "name": "background_image_attachment", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "'fixed'" + }, + "background_image_repeat": { + "name": "background_image_repeat", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "'no-repeat'" + }, + "background_image_size": { + "name": "background_image_size", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "'cover'" + }, + "primary_color": { + "name": "primary_color", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "'#fa5252'" + }, + "secondary_color": { + "name": "secondary_color", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "'#fd7e14'" + }, + "opacity": { + "name": "opacity", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": 100 + }, + "custom_css": { + "name": "custom_css", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "icon_color": { + "name": "icon_color", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "item_radius": { + "name": "item_radius", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "'lg'" + }, + "disable_status": { + "name": "disable_status", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": false + } + }, + "indexes": { + "board_name_unique": { + "name": "board_name_unique", + "columns": ["name"], + "isUnique": true + } + }, + "foreignKeys": { + "board_creator_id_user_id_fk": { + "name": "board_creator_id_user_id_fk", + "tableFrom": "board", + "tableTo": "user", + "columnsFrom": ["creator_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "cron_job_configuration": { + "name": "cron_job_configuration", + "columns": { + "name": { + "name": "name", + "type": "text", + "primaryKey": true, + "notNull": true, + "autoincrement": false + }, + "cron_expression": { + "name": "cron_expression", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "is_enabled": { + "name": "is_enabled", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": true + } + }, + "indexes": {}, + "foreignKeys": {}, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "custom_widget_v2_definition": { + "name": "custom_widget_v2_definition", + "columns": { + "id": { + "name": "id", + "type": "text", + "primaryKey": true, + "notNull": true, + "autoincrement": false + }, + "name": { + "name": "name", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "description": { + "name": "description", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "icon_url": { + "name": "icon_url", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "sources": { + "name": "sources", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "requests": { + "name": "requests", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "options": { + "name": "options", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "template": { + "name": "template", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "enabled": { + "name": "enabled", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": true + }, + "created_at": { + "name": "created_at", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "(unixepoch())" + }, + "updated_at": { + "name": "updated_at", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "(unixepoch())" + }, + "creator_id": { + "name": "creator_id", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "custom_widget_v2_definition_creator_id_user_id_fk": { + "name": "custom_widget_v2_definition_creator_id_user_id_fk", + "tableFrom": "custom_widget_v2_definition", + "tableTo": "user", + "columnsFrom": ["creator_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "custom_widget_v2_secret": { + "name": "custom_widget_v2_secret", + "columns": { + "source_id": { + "name": "source_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "kind": { + "name": "kind", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "encrypted_value": { + "name": "encrypted_value", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "updated_at": { + "name": "updated_at", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "definition_id": { + "name": "definition_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "custom_widget_v2_secret_definition_id_fk": { + "name": "custom_widget_v2_secret_definition_id_fk", + "tableFrom": "custom_widget_v2_secret", + "tableTo": "custom_widget_v2_definition", + "columnsFrom": ["definition_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "custom_widget_v2_secret_definition_id_source_id_kind_pk": { + "columns": ["definition_id", "source_id", "kind"], + "name": "custom_widget_v2_secret_definition_id_source_id_kind_pk" + } + }, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "groupMember": { + "name": "groupMember", + "columns": { + "group_id": { + "name": "group_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "user_id": { + "name": "user_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "groupMember_group_id_group_id_fk": { + "name": "groupMember_group_id_group_id_fk", + "tableFrom": "groupMember", + "tableTo": "group", + "columnsFrom": ["group_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "groupMember_user_id_user_id_fk": { + "name": "groupMember_user_id_user_id_fk", + "tableFrom": "groupMember", + "tableTo": "user", + "columnsFrom": ["user_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "groupMember_group_id_user_id_pk": { + "columns": ["group_id", "user_id"], + "name": "groupMember_group_id_user_id_pk" + } + }, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "groupPermission": { + "name": "groupPermission", + "columns": { + "group_id": { + "name": "group_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "permission": { + "name": "permission", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "groupPermission_group_id_group_id_fk": { + "name": "groupPermission_group_id_group_id_fk", + "tableFrom": "groupPermission", + "tableTo": "group", + "columnsFrom": ["group_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "group": { + "name": "group", + "columns": { + "id": { + "name": "id", + "type": "text", + "primaryKey": true, + "notNull": true, + "autoincrement": false + }, + "name": { + "name": "name", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "owner_id": { + "name": "owner_id", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "home_board_id": { + "name": "home_board_id", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "mobile_home_board_id": { + "name": "mobile_home_board_id", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "position": { + "name": "position", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": { + "group_name_unique": { + "name": "group_name_unique", + "columns": ["name"], + "isUnique": true + } + }, + "foreignKeys": { + "group_owner_id_user_id_fk": { + "name": "group_owner_id_user_id_fk", + "tableFrom": "group", + "tableTo": "user", + "columnsFrom": ["owner_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + }, + "group_home_board_id_board_id_fk": { + "name": "group_home_board_id_board_id_fk", + "tableFrom": "group", + "tableTo": "board", + "columnsFrom": ["home_board_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + }, + "group_mobile_home_board_id_board_id_fk": { + "name": "group_mobile_home_board_id_board_id_fk", + "tableFrom": "group", + "tableTo": "board", + "columnsFrom": ["mobile_home_board_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "iconRepository": { + "name": "iconRepository", + "columns": { + "id": { + "name": "id", + "type": "text", + "primaryKey": true, + "notNull": true, + "autoincrement": false + }, + "slug": { + "name": "slug", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": {}, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "icon": { + "name": "icon", + "columns": { + "id": { + "name": "id", + "type": "text", + "primaryKey": true, + "notNull": true, + "autoincrement": false + }, + "name": { + "name": "name", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "url": { + "name": "url", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "checksum": { + "name": "checksum", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "icon_repository_id": { + "name": "icon_repository_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "icon_icon_repository_id_iconRepository_id_fk": { + "name": "icon_icon_repository_id_iconRepository_id_fk", + "tableFrom": "icon", + "tableTo": "iconRepository", + "columnsFrom": ["icon_repository_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "integrationGroupPermissions": { + "name": "integrationGroupPermissions", + "columns": { + "integration_id": { + "name": "integration_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "group_id": { + "name": "group_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "permission": { + "name": "permission", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "integrationGroupPermissions_integration_id_integration_id_fk": { + "name": "integrationGroupPermissions_integration_id_integration_id_fk", + "tableFrom": "integrationGroupPermissions", + "tableTo": "integration", + "columnsFrom": ["integration_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "integrationGroupPermissions_group_id_group_id_fk": { + "name": "integrationGroupPermissions_group_id_group_id_fk", + "tableFrom": "integrationGroupPermissions", + "tableTo": "group", + "columnsFrom": ["group_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "integrationGroupPermissions_integration_id_group_id_permission_pk": { + "columns": ["integration_id", "group_id", "permission"], + "name": "integrationGroupPermissions_integration_id_group_id_permission_pk" + } + }, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "integration_item": { + "name": "integration_item", + "columns": { + "item_id": { + "name": "item_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "integration_id": { + "name": "integration_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "integration_item_item_id_item_id_fk": { + "name": "integration_item_item_id_item_id_fk", + "tableFrom": "integration_item", + "tableTo": "item", + "columnsFrom": ["item_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "integration_item_integration_id_integration_id_fk": { + "name": "integration_item_integration_id_integration_id_fk", + "tableFrom": "integration_item", + "tableTo": "integration", + "columnsFrom": ["integration_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "integration_item_item_id_integration_id_pk": { + "columns": ["item_id", "integration_id"], + "name": "integration_item_item_id_integration_id_pk" + } + }, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "integrationSecret": { + "name": "integrationSecret", + "columns": { + "kind": { + "name": "kind", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "value": { + "name": "value", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "updated_at": { + "name": "updated_at", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "integration_id": { + "name": "integration_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": { + "integration_secret__kind_idx": { + "name": "integration_secret__kind_idx", + "columns": ["kind"], + "isUnique": false + }, + "integration_secret__updated_at_idx": { + "name": "integration_secret__updated_at_idx", + "columns": ["updated_at"], + "isUnique": false + } + }, + "foreignKeys": { + "integrationSecret_integration_id_integration_id_fk": { + "name": "integrationSecret_integration_id_integration_id_fk", + "tableFrom": "integrationSecret", + "tableTo": "integration", + "columnsFrom": ["integration_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "integrationSecret_integration_id_kind_pk": { + "columns": ["integration_id", "kind"], + "name": "integrationSecret_integration_id_kind_pk" + } + }, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "integrationUserPermission": { + "name": "integrationUserPermission", + "columns": { + "integration_id": { + "name": "integration_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "user_id": { + "name": "user_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "permission": { + "name": "permission", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "integrationUserPermission_integration_id_integration_id_fk": { + "name": "integrationUserPermission_integration_id_integration_id_fk", + "tableFrom": "integrationUserPermission", + "tableTo": "integration", + "columnsFrom": ["integration_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "integrationUserPermission_user_id_user_id_fk": { + "name": "integrationUserPermission_user_id_user_id_fk", + "tableFrom": "integrationUserPermission", + "tableTo": "user", + "columnsFrom": ["user_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "integrationUserPermission_integration_id_user_id_permission_pk": { + "columns": ["integration_id", "user_id", "permission"], + "name": "integrationUserPermission_integration_id_user_id_permission_pk" + } + }, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "integration": { + "name": "integration", + "columns": { + "id": { + "name": "id", + "type": "text", + "primaryKey": true, + "notNull": true, + "autoincrement": false + }, + "name": { + "name": "name", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "url": { + "name": "url", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "kind": { + "name": "kind", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "app_id": { + "name": "app_id", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + } + }, + "indexes": { + "integration__kind_idx": { + "name": "integration__kind_idx", + "columns": ["kind"], + "isUnique": false + } + }, + "foreignKeys": { + "integration_app_id_app_id_fk": { + "name": "integration_app_id_app_id_fk", + "tableFrom": "integration", + "tableTo": "app", + "columnsFrom": ["app_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "invite": { + "name": "invite", + "columns": { + "id": { + "name": "id", + "type": "text", + "primaryKey": true, + "notNull": true, + "autoincrement": false + }, + "token": { + "name": "token", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "expiration_date": { + "name": "expiration_date", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "creator_id": { + "name": "creator_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": { + "invite_token_unique": { + "name": "invite_token_unique", + "columns": ["token"], + "isUnique": true + } + }, + "foreignKeys": { + "invite_creator_id_user_id_fk": { + "name": "invite_creator_id_user_id_fk", + "tableFrom": "invite", + "tableTo": "user", + "columnsFrom": ["creator_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "item_layout": { + "name": "item_layout", + "columns": { + "item_id": { + "name": "item_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "section_id": { + "name": "section_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "layout_id": { + "name": "layout_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "x_offset": { + "name": "x_offset", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "y_offset": { + "name": "y_offset", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "width": { + "name": "width", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "height": { + "name": "height", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "item_layout_item_id_item_id_fk": { + "name": "item_layout_item_id_item_id_fk", + "tableFrom": "item_layout", + "tableTo": "item", + "columnsFrom": ["item_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "item_layout_section_id_section_id_fk": { + "name": "item_layout_section_id_section_id_fk", + "tableFrom": "item_layout", + "tableTo": "section", + "columnsFrom": ["section_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "item_layout_layout_id_layout_id_fk": { + "name": "item_layout_layout_id_layout_id_fk", + "tableFrom": "item_layout", + "tableTo": "layout", + "columnsFrom": ["layout_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "item_layout_item_id_section_id_layout_id_pk": { + "columns": ["item_id", "section_id", "layout_id"], + "name": "item_layout_item_id_section_id_layout_id_pk" + } + }, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "item": { + "name": "item", + "columns": { + "id": { + "name": "id", + "type": "text", + "primaryKey": true, + "notNull": true, + "autoincrement": false + }, + "board_id": { + "name": "board_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "kind": { + "name": "kind", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "options": { + "name": "options", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "'{\"json\": {}}'" + }, + "advanced_options": { + "name": "advanced_options", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "'{\"json\": {}}'" + } + }, + "indexes": {}, + "foreignKeys": { + "item_board_id_board_id_fk": { + "name": "item_board_id_board_id_fk", + "tableFrom": "item", + "tableTo": "board", + "columnsFrom": ["board_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "layout": { + "name": "layout", + "columns": { + "id": { + "name": "id", + "type": "text", + "primaryKey": true, + "notNull": true, + "autoincrement": false + }, + "name": { + "name": "name", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "board_id": { + "name": "board_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "column_count": { + "name": "column_count", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "left_gutter_column_count": { + "name": "left_gutter_column_count", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": 0 + }, + "right_gutter_column_count": { + "name": "right_gutter_column_count", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": 0 + }, + "breakpoint": { + "name": "breakpoint", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": 0 + }, + "role": { + "name": "role", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "'custom'" + } + }, + "indexes": {}, + "foreignKeys": { + "layout_board_id_board_id_fk": { + "name": "layout_board_id_board_id_fk", + "tableFrom": "layout", + "tableTo": "board", + "columnsFrom": ["board_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "custom_widget_definition": { + "name": "custom_widget_definition", + "columns": { + "id": { + "name": "id", + "type": "text", + "primaryKey": true, + "notNull": true, + "autoincrement": false + }, + "name": { + "name": "name", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "description": { + "name": "description", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "icon_url": { + "name": "icon_url", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "url": { + "name": "url", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "auth_type": { + "name": "auth_type", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "'none'" + }, + "header_name": { + "name": "header_name", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "method": { + "name": "method", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "'GET'" + }, + "request_body": { + "name": "request_body", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "display_type": { + "name": "display_type", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "'singleValue'" + }, + "display_config": { + "name": "display_config", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "'{\"json\": {}}'" + }, + "enabled": { + "name": "enabled", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": true + }, + "created_at": { + "name": "created_at", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "(unixepoch())" + }, + "updated_at": { + "name": "updated_at", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "(unixepoch())" + }, + "creator_id": { + "name": "creator_id", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "custom_widget_definition_creator_id_user_id_fk": { + "name": "custom_widget_definition_creator_id_user_id_fk", + "tableFrom": "custom_widget_definition", + "tableTo": "user", + "columnsFrom": ["creator_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "custom_widget_secret": { + "name": "custom_widget_secret", + "columns": { + "kind": { + "name": "kind", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "value": { + "name": "value", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "updated_at": { + "name": "updated_at", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "definition_id": { + "name": "definition_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "custom_widget_secret_definition_id_custom_widget_definition_id_fk": { + "name": "custom_widget_secret_definition_id_custom_widget_definition_id_fk", + "tableFrom": "custom_widget_secret", + "tableTo": "custom_widget_definition", + "columnsFrom": ["definition_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "custom_widget_secret_definition_id_kind_pk": { + "columns": ["definition_id", "kind"], + "name": "custom_widget_secret_definition_id_kind_pk" + } + }, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "media": { + "name": "media", + "columns": { + "id": { + "name": "id", + "type": "text", + "primaryKey": true, + "notNull": true, + "autoincrement": false + }, + "name": { + "name": "name", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "content": { + "name": "content", + "type": "blob", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "content_type": { + "name": "content_type", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "size": { + "name": "size", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "created_at": { + "name": "created_at", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "(unixepoch())" + }, + "creator_id": { + "name": "creator_id", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "media_creator_id_user_id_fk": { + "name": "media_creator_id_user_id_fk", + "tableFrom": "media", + "tableTo": "user", + "columnsFrom": ["creator_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "onboarding": { + "name": "onboarding", + "columns": { + "id": { + "name": "id", + "type": "text", + "primaryKey": true, + "notNull": true, + "autoincrement": false + }, + "step": { + "name": "step", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "previous_step": { + "name": "previous_step", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": {}, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "search_engine": { + "name": "search_engine", + "columns": { + "id": { + "name": "id", + "type": "text", + "primaryKey": true, + "notNull": true, + "autoincrement": false + }, + "icon_url": { + "name": "icon_url", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "name": { + "name": "name", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "short": { + "name": "short", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "description": { + "name": "description", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "url_template": { + "name": "url_template", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "type": { + "name": "type", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "'generic'" + }, + "integration_id": { + "name": "integration_id", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + } + }, + "indexes": { + "search_engine_short_unique": { + "name": "search_engine_short_unique", + "columns": ["short"], + "isUnique": true + } + }, + "foreignKeys": { + "search_engine_integration_id_integration_id_fk": { + "name": "search_engine_integration_id_integration_id_fk", + "tableFrom": "search_engine", + "tableTo": "integration", + "columnsFrom": ["integration_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "section_collapse_state": { + "name": "section_collapse_state", + "columns": { + "user_id": { + "name": "user_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "section_id": { + "name": "section_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "collapsed": { + "name": "collapsed", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": false + } + }, + "indexes": {}, + "foreignKeys": { + "section_collapse_state_user_id_user_id_fk": { + "name": "section_collapse_state_user_id_user_id_fk", + "tableFrom": "section_collapse_state", + "tableTo": "user", + "columnsFrom": ["user_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "section_collapse_state_section_id_section_id_fk": { + "name": "section_collapse_state_section_id_section_id_fk", + "tableFrom": "section_collapse_state", + "tableTo": "section", + "columnsFrom": ["section_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "section_collapse_state_user_id_section_id_pk": { + "columns": ["user_id", "section_id"], + "name": "section_collapse_state_user_id_section_id_pk" + } + }, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "section_layout": { + "name": "section_layout", + "columns": { + "section_id": { + "name": "section_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "layout_id": { + "name": "layout_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "parent_section_id": { + "name": "parent_section_id", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "x_offset": { + "name": "x_offset", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "y_offset": { + "name": "y_offset", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "width": { + "name": "width", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "height": { + "name": "height", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "section_layout_section_id_section_id_fk": { + "name": "section_layout_section_id_section_id_fk", + "tableFrom": "section_layout", + "tableTo": "section", + "columnsFrom": ["section_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "section_layout_layout_id_layout_id_fk": { + "name": "section_layout_layout_id_layout_id_fk", + "tableFrom": "section_layout", + "tableTo": "layout", + "columnsFrom": ["layout_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + }, + "section_layout_parent_section_id_section_id_fk": { + "name": "section_layout_parent_section_id_section_id_fk", + "tableFrom": "section_layout", + "tableTo": "section", + "columnsFrom": ["parent_section_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "section_layout_section_id_layout_id_pk": { + "columns": ["section_id", "layout_id"], + "name": "section_layout_section_id_layout_id_pk" + } + }, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "section": { + "name": "section", + "columns": { + "id": { + "name": "id", + "type": "text", + "primaryKey": true, + "notNull": true, + "autoincrement": false + }, + "board_id": { + "name": "board_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "kind": { + "name": "kind", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "x_offset": { + "name": "x_offset", + "type": "integer", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "y_offset": { + "name": "y_offset", + "type": "integer", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "name": { + "name": "name", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "options": { + "name": "options", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false, + "default": "'{\"json\": {}}'" + } + }, + "indexes": {}, + "foreignKeys": { + "section_board_id_board_id_fk": { + "name": "section_board_id_board_id_fk", + "tableFrom": "section", + "tableTo": "board", + "columnsFrom": ["board_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "serverSetting": { + "name": "serverSetting", + "columns": { + "setting_key": { + "name": "setting_key", + "type": "text", + "primaryKey": true, + "notNull": true, + "autoincrement": false + }, + "value": { + "name": "value", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "'{\"json\": {}}'" + } + }, + "indexes": { + "serverSetting_settingKey_unique": { + "name": "serverSetting_settingKey_unique", + "columns": ["setting_key"], + "isUnique": true + } + }, + "foreignKeys": {}, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "session": { + "name": "session", + "columns": { + "session_token": { + "name": "session_token", + "type": "text", + "primaryKey": true, + "notNull": true, + "autoincrement": false + }, + "user_id": { + "name": "user_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "expires": { + "name": "expires", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": { + "user_id_idx": { + "name": "user_id_idx", + "columns": ["user_id"], + "isUnique": false + } + }, + "foreignKeys": { + "session_user_id_user_id_fk": { + "name": "session_user_id_user_id_fk", + "tableFrom": "session", + "tableTo": "user", + "columnsFrom": ["user_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "trusted_certificate_hostname": { + "name": "trusted_certificate_hostname", + "columns": { + "hostname": { + "name": "hostname", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "thumbprint": { + "name": "thumbprint", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "certificate": { + "name": "certificate", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": {}, + "compositePrimaryKeys": { + "trusted_certificate_hostname_hostname_thumbprint_pk": { + "columns": ["hostname", "thumbprint"], + "name": "trusted_certificate_hostname_hostname_thumbprint_pk" + } + }, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "user": { + "name": "user", + "columns": { + "id": { + "name": "id", + "type": "text", + "primaryKey": true, + "notNull": true, + "autoincrement": false + }, + "name": { + "name": "name", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "email": { + "name": "email", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "email_verified": { + "name": "email_verified", + "type": "integer", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "image": { + "name": "image", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "password": { + "name": "password", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "provider": { + "name": "provider", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "'credentials'" + }, + "home_board_id": { + "name": "home_board_id", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "mobile_home_board_id": { + "name": "mobile_home_board_id", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "default_search_engine_id": { + "name": "default_search_engine_id", + "type": "text", + "primaryKey": false, + "notNull": false, + "autoincrement": false + }, + "open_search_in_new_tab": { + "name": "open_search_in_new_tab", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": true + }, + "ddg_bangs": { + "name": "ddg_bangs", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": true + }, + "color_scheme": { + "name": "color_scheme", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": "'dark'" + }, + "first_day_of_week": { + "name": "first_day_of_week", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": 1 + }, + "ping_icons_enabled": { + "name": "ping_icons_enabled", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": false + }, + "enable_right_click_on_widgets": { + "name": "enable_right_click_on_widgets", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": true + }, + "completed_manage_tour": { + "name": "completed_manage_tour", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": false + }, + "completed_board_tour": { + "name": "completed_board_tour", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false, + "default": false + } + }, + "indexes": {}, + "foreignKeys": { + "user_home_board_id_board_id_fk": { + "name": "user_home_board_id_board_id_fk", + "tableFrom": "user", + "tableTo": "board", + "columnsFrom": ["home_board_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + }, + "user_mobile_home_board_id_board_id_fk": { + "name": "user_mobile_home_board_id_board_id_fk", + "tableFrom": "user", + "tableTo": "board", + "columnsFrom": ["mobile_home_board_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + }, + "user_default_search_engine_id_search_engine_id_fk": { + "name": "user_default_search_engine_id_search_engine_id_fk", + "tableFrom": "user", + "tableTo": "search_engine", + "columnsFrom": ["default_search_engine_id"], + "columnsTo": ["id"], + "onDelete": "set null", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": {}, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "verificationToken": { + "name": "verificationToken", + "columns": { + "identifier": { + "name": "identifier", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "token": { + "name": "token", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "expires": { + "name": "expires", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": {}, + "compositePrimaryKeys": { + "verificationToken_identifier_token_pk": { + "columns": ["identifier", "token"], + "name": "verificationToken_identifier_token_pk" + } + }, + "uniqueConstraints": {}, + "checkConstraints": {} + }, + "widget_secret": { + "name": "widget_secret", + "columns": { + "item_id": { + "name": "item_id", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "kind": { + "name": "kind", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "value": { + "name": "value", + "type": "text", + "primaryKey": false, + "notNull": true, + "autoincrement": false + }, + "updated_at": { + "name": "updated_at", + "type": "integer", + "primaryKey": false, + "notNull": true, + "autoincrement": false + } + }, + "indexes": {}, + "foreignKeys": { + "widget_secret_item_id_item_id_fk": { + "name": "widget_secret_item_id_item_id_fk", + "tableFrom": "widget_secret", + "tableTo": "item", + "columnsFrom": ["item_id"], + "columnsTo": ["id"], + "onDelete": "cascade", + "onUpdate": "no action" + } + }, + "compositePrimaryKeys": { + "widget_secret_item_id_kind_pk": { + "columns": ["item_id", "kind"], + "name": "widget_secret_item_id_kind_pk" + } + }, + "uniqueConstraints": {}, + "checkConstraints": {} + } + }, + "views": {}, + "enums": {}, + "_meta": { + "schemas": {}, + "tables": {}, + "columns": {} + }, + "internal": { + "indexes": {} + } +} diff --git a/packages/db/migrations/sqlite/meta/_journal.json b/packages/db/migrations/sqlite/meta/_journal.json index ed48c0b57..394339b64 100644 --- a/packages/db/migrations/sqlite/meta/_journal.json +++ b/packages/db/migrations/sqlite/meta/_journal.json @@ -309,6 +309,13 @@ "when": 1786212459480, "tag": "0043_add_layout_gutters", "breakpoints": true + }, + { + "idx": 44, + "version": "6", + "when": 1786215203092, + "tag": "0044_add_layout_role", + "breakpoints": true } ] } diff --git a/packages/db/package.json b/packages/db/package.json index 3c269b572..01d0d8810 100644 --- a/packages/db/package.json +++ b/packages/db/package.json @@ -9,6 +9,7 @@ "exports": { ".": "./index.ts", "./collection": "./collection.ts", + "./migrations/seed": "./migrations/seed.ts", "./proxy-reader": "./proxy-reader.ts", "./schema": "./schema/index.ts", "./test": "./test/index.ts", diff --git a/packages/db/queries/widget-placement.spec.ts b/packages/db/queries/widget-placement.spec.ts new file mode 100644 index 000000000..b8acdc3b3 --- /dev/null +++ b/packages/db/queries/widget-placement.spec.ts @@ -0,0 +1,57 @@ +import { describe, expect, test } from "vitest"; + +import { createId } from "@homarr/common"; +import { boards, layouts, sections } from "@homarr/db/schema"; +import { createDb } from "@homarr/db/test"; + +import { placeAllWidgetsAsync } from "./widget-placement"; + +describe("placeAllWidgetsAsync", () => { + test("creates independent positions for every target layout", async () => { + const db = createDb(); + const boardId = createId(); + const sectionId = createId(); + const mobileLayoutId = createId(); + const baseLayoutId = createId(); + await db.insert(boards).values({ id: boardId, name: "dashboard" }); + await db.insert(sections).values({ id: sectionId, kind: "empty", xOffset: 0, yOffset: 0, boardId }); + await db.insert(layouts).values([ + { + id: mobileLayoutId, + name: "Mobile", + role: "mobile", + columnCount: 3, + breakpoint: 0, + boardId, + }, + { + id: baseLayoutId, + name: "Base", + role: "base", + columnCount: 10, + breakpoint: 768, + boardId, + }, + ]); + + await placeAllWidgetsAsync( + db, + [ + { boardId, sectionId, layoutId: mobileLayoutId, columnCount: 3 }, + { boardId, sectionId, layoutId: baseLayoutId, columnCount: 10 }, + ], + [], + [{ id: createId(), name: "Homarr" }], + ); + + const placedItems = await db.query.items.findMany({ with: { layouts: true } }); + expect(placedItems.length).toBeGreaterThan(0); + expect(placedItems.every((item) => item.layouts.length === 2)).toBe(true); + expect( + placedItems.every((item) => + item.layouts.some((layout) => layout.layoutId === mobileLayoutId && layout.width <= 3), + ), + ).toBe(true); + expect(placedItems.every((item) => item.layouts.some((layout) => layout.layoutId === baseLayoutId))).toBe(true); + }); +}); diff --git a/packages/db/queries/widget-placement.ts b/packages/db/queries/widget-placement.ts index 1d0b529f9..c3a246b2f 100644 --- a/packages/db/queries/widget-placement.ts +++ b/packages/db/queries/widget-placement.ts @@ -30,46 +30,54 @@ interface PlacementContext extends BoardTarget { const placeWidgetAsync = async ( db: Database, - ctx: PlacementContext, + contexts: PlacementContext[], kind: WidgetKind, linkedIntegrationIds: string[], options?: string, size?: { width: number; height: number }, ) => { - const itemWidth = size?.width ?? 2; - const itemHeight = size?.height ?? 2; + const boardId = contexts.at(0)?.boardId; + if (!boardId) return; - if (ctx.xOffset + itemWidth > ctx.columnCount) { - ctx.xOffset = 0; - ctx.yOffset += ctx.rowMaxHeight; - ctx.rowMaxHeight = 0; - } + const desiredItemWidth = size?.width ?? 2; + const itemHeight = size?.height ?? 2; const itemId = createId(); await db.insert(items).values({ id: itemId, - boardId: ctx.boardId, + boardId, kind, options: options ?? emptySuperJSON, advancedOptions: emptySuperJSON, }); - await db.insert(itemLayouts).values({ - itemId, - sectionId: ctx.sectionId, - layoutId: ctx.layoutId, - xOffset: ctx.xOffset, - yOffset: ctx.yOffset, - width: itemWidth, - height: itemHeight, - }); + await db.insert(itemLayouts).values( + contexts.map((ctx) => { + const itemWidth = Math.min(ctx.columnCount, desiredItemWidth); + if (ctx.xOffset + itemWidth > ctx.columnCount) { + ctx.xOffset = 0; + ctx.yOffset += ctx.rowMaxHeight; + ctx.rowMaxHeight = 0; + } + + const placement = { + itemId, + sectionId: ctx.sectionId, + layoutId: ctx.layoutId, + xOffset: ctx.xOffset, + yOffset: ctx.yOffset, + width: itemWidth, + height: itemHeight, + }; + ctx.rowMaxHeight = Math.max(ctx.rowMaxHeight, itemHeight); + ctx.xOffset += itemWidth; + return placement; + }), + ); for (const integrationId of linkedIntegrationIds) { await db.insert(integrationItems).values({ itemId, integrationId }); } - - ctx.rowMaxHeight = Math.max(ctx.rowMaxHeight, itemHeight); - ctx.xOffset += itemWidth; }; interface App { @@ -79,16 +87,17 @@ interface App { export const placeAllWidgetsAsync = async ( db: Database, - target: BoardTarget, + target: BoardTarget | BoardTarget[], allIntegrations: Integration[], allApps: App[], ) => { - const ctx: PlacementContext = { - ...target, + const targets = Array.isArray(target) ? target : [target]; + const contexts: PlacementContext[] = targets.map((currentTarget) => ({ + ...currentTarget, xOffset: 0, yOffset: 0, rowMaxHeight: 0, - }; + })); const placedWidgets = new Set(); @@ -106,7 +115,7 @@ export const placeAllWidgetsAsync = async ( const options = config?.options ? superjson.stringify(config.options) : undefined; await placeWidgetAsync( db, - ctx, + contexts, widgetKind, matchingIds, options, @@ -118,7 +127,7 @@ export const placeAllWidgetsAsync = async ( for (const app of allApps) { await placeWidgetAsync( db, - ctx, + contexts, "app", [], superjson.stringify({ appId: app.id, openInNewTab: true, showTitle: true }), @@ -138,7 +147,7 @@ export const placeAllWidgetsAsync = async ( options = { ...options, items: bookmarkAppIds }; } - await placeWidgetAsync(db, ctx, config.kind, [], options ? superjson.stringify(options) : undefined, { + await placeWidgetAsync(db, contexts, config.kind, [], options ? superjson.stringify(options) : undefined, { width: config.width, height: config.height, }); diff --git a/packages/db/schema/mysql.ts b/packages/db/schema/mysql.ts index ee891635c..1d9637a3b 100644 --- a/packages/db/schema/mysql.ts +++ b/packages/db/schema/mysql.ts @@ -34,6 +34,7 @@ import type { IntegrationKind, IntegrationPermission, IntegrationSecretKind, + LayoutRole, OnboardingStep, SearchEngineType, SectionKind, @@ -343,6 +344,7 @@ export const layouts = mysqlTable("layout", { leftGutterColumnCount: tinyint().notNull().default(0), rightGutterColumnCount: tinyint().notNull().default(0), breakpoint: smallint().notNull().default(0), + role: varchar({ length: 16 }).$type().notNull().default("custom"), }); export const itemLayouts = mysqlTable( diff --git a/packages/db/schema/postgresql.ts b/packages/db/schema/postgresql.ts index 559fbd9eb..622686935 100644 --- a/packages/db/schema/postgresql.ts +++ b/packages/db/schema/postgresql.ts @@ -33,6 +33,7 @@ import type { IntegrationKind, IntegrationPermission, IntegrationSecretKind, + LayoutRole, OnboardingStep, SearchEngineType, SectionKind, @@ -342,6 +343,7 @@ export const layouts = pgTable("layout", { leftGutterColumnCount: smallint().notNull().default(0), rightGutterColumnCount: smallint().notNull().default(0), breakpoint: smallint().notNull().default(0), + role: varchar({ length: 16 }).$type().notNull().default("custom"), }); export const itemLayouts = pgTable( diff --git a/packages/db/schema/sqlite.ts b/packages/db/schema/sqlite.ts index 59c5e1197..54f5f92bf 100644 --- a/packages/db/schema/sqlite.ts +++ b/packages/db/schema/sqlite.ts @@ -21,6 +21,7 @@ import type { IntegrationKind, IntegrationPermission, IntegrationSecretKind, + LayoutRole, OnboardingStep, SearchEngineType, SectionKind, @@ -327,6 +328,7 @@ export const layouts = sqliteTable("layout", { leftGutterColumnCount: int().notNull().default(0), rightGutterColumnCount: int().notNull().default(0), breakpoint: int().notNull().default(0), + role: text().$type().notNull().default("custom"), }); export const itemLayouts = sqliteTable( diff --git a/packages/definitions/src/board.ts b/packages/definitions/src/board.ts index 302008550..3bd5ffdd9 100644 --- a/packages/definitions/src/board.ts +++ b/packages/definitions/src/board.ts @@ -8,7 +8,49 @@ export const backgroundImageRepeats = createDefinition(["repeat", "repeat-x", "r export const backgroundImageSizes = createDefinition(["cover", "contain"], { defaultValue: "cover", }); +export const layoutRoles = createDefinition(["mobile", "base", "custom"], { defaultValue: "custom" }); export type BackgroundImageAttachment = inferDefinitionType; export type BackgroundImageRepeat = inferDefinitionType; export type BackgroundImageSize = inferDefinitionType; +export type LayoutRole = inferDefinitionType; + +const MAX_LAYOUT_BREAKPOINT = 32767; +const compareBoardLayouts = ( + layoutA: { id: string; breakpoint: number; columnCount: number }, + layoutB: { id: string; breakpoint: number; columnCount: number }, +) => + layoutA.breakpoint - layoutB.breakpoint || + layoutA.columnCount - layoutB.columnCount || + layoutA.id.localeCompare(layoutB.id); + +export const normalizeBoardLayoutRoles = < + TLayout extends { id: string; breakpoint: number; columnCount: number; role?: LayoutRole }, +>( + sourceLayouts: TLayout[], +): Array => { + const mobileLayouts = sourceLayouts.filter((layout) => layout.role === "mobile"); + const baseLayouts = sourceLayouts.filter((layout) => layout.role === "base"); + const mobileLayout = mobileLayouts.length === 1 ? mobileLayouts[0] : undefined; + const baseLayout = baseLayouts.length === 1 ? baseLayouts[0] : undefined; + const orderedLayouts = + mobileLayout && baseLayout + ? [ + mobileLayout, + ...sourceLayouts.filter((layout) => layout.role === "custom").toSorted(compareBoardLayouts), + baseLayout, + ] + : sourceLayouts.toSorted(compareBoardLayouts); + + let previousBreakpoint = -1; + return orderedLayouts.map((layout, index) => { + const remainingLayouts = orderedLayouts.length - index - 1; + const breakpoint = + index === 0 + ? 0 + : Math.min(MAX_LAYOUT_BREAKPOINT - remainingLayouts, Math.max(previousBreakpoint + 1, layout.breakpoint)); + const role: LayoutRole = index === 0 ? "mobile" : index === orderedLayouts.length - 1 ? "base" : "custom"; + previousBreakpoint = breakpoint; + return { ...layout, breakpoint, role }; + }); +}; diff --git a/packages/old-import/src/import/collections/board-collection.ts b/packages/old-import/src/import/collections/board-collection.ts index bbf9b68dd..b7b116ac6 100644 --- a/packages/old-import/src/import/collections/board-collection.ts +++ b/packages/old-import/src/import/collections/board-collection.ts @@ -1,6 +1,7 @@ import { createId } from "@homarr/common"; import { createLogger } from "@homarr/core/infrastructure/logs"; import { createDbInsertCollectionForTransaction } from "@homarr/db/collection"; +import { normalizeBoardLayoutRoles } from "@homarr/definitions"; import type { BoardSize, OldmarrConfig } from "@homarr/old-schema"; import { boardSizes, getBoardSizeName } from "@homarr/old-schema"; @@ -88,14 +89,19 @@ export const createBoardInsertCollection = ( {} as Record, ); - const preparedLayouts = boardSizes.map((size) => ({ - id: layoutMapping[size], - boardId: mappedBoard.id, - columnCount: mapColumnCount(board.config.settings.customization.gridstack, size), - breakpoint: mapBreakpoint(size), - name: getBoardSizeName(size), - })); - insertCollection.layouts.push(...preparedLayouts); + const importedLayouts = normalizeBoardLayoutRoles( + boardSizes.map((size) => ({ + id: layoutMapping[size], + boardId: mappedBoard.id, + columnCount: mapColumnCount(board.config.settings.customization.gridstack, size), + leftGutterColumnCount: 0, + rightGutterColumnCount: 0, + breakpoint: mapBreakpoint(size), + name: getBoardSizeName(size), + })), + ); + + insertCollection.layouts.push(...importedLayouts); const preparedSections = prepareSections(mappedBoard.id, { wrappers, categories }); @@ -113,7 +119,7 @@ export const createBoardInsertCollection = ( layoutMapping, mappedBoard.id, ); - insertCollection.sectionLayouts.push(...placePreparedSections(preparedSections, preparedItems, preparedLayouts)); + insertCollection.sectionLayouts.push(...placePreparedSections(preparedSections, preparedItems, importedLayouts)); preparedItems.forEach(({ layouts, ...item }) => { insertCollection.items.push(item); insertCollection.itemLayouts.push(...layouts); diff --git a/packages/old-import/src/prepare/prepare-items.ts b/packages/old-import/src/prepare/prepare-items.ts index 0f32d6b00..61e2b5793 100644 --- a/packages/old-import/src/prepare/prepare-items.ts +++ b/packages/old-import/src/prepare/prepare-items.ts @@ -1,9 +1,9 @@ +import { generateResponsiveGridFor } from "@homarr/common"; +import type { GridAlgorithmItem } from "@homarr/common"; import { createLogger } from "@homarr/core/infrastructure/logs"; import type { BoardSize, OldmarrApp, OldmarrConfig, OldmarrWidget, SizedShape } from "@homarr/old-schema"; import { boardSizes } from "@homarr/old-schema"; -import type { GridAlgorithmItem } from "../../../api/src/router/board/grid-algorithm"; -import { generateResponsiveGridFor } from "../../../api/src/router/board/grid-algorithm"; import { mapColumnCount } from "../mappers/map-column-count"; import { mapApp, mapWidget } from "../mappers/map-item"; diff --git a/packages/translation/src/lang/en.json b/packages/translation/src/lang/en.json index 785effc37..643e961b4 100644 --- a/packages/translation/src/lang/en.json +++ b/packages/translation/src/lang/en.json @@ -5224,9 +5224,44 @@ "title": "Layout", "responsive": { "title": "Responsive layouts", + "description": "Each layout keeps its own widget positions and sizes. Mobile and Base are always available; add custom layouts for widths in between.", "action": { "add": "Add layout" } + }, + "role": { + "mobile": "Mobile", + "base": "Base", + "custom": "Custom" + }, + "custom": { + "defaultName": "Custom layout" + }, + "mobile": { + "breakpointDescription": "Mobile is always used from 0px until the next layout breakpoint." + }, + "preview": { + "columns": "columns", + "empty": "This layout is empty", + "dynamicSection": "Dynamic section", + "editorWidthLabel": "{layoutName} · {width}px" + }, + "reset": { + "action": "Reset from Base", + "confirm": { + "title": "Reset {layoutName}?", + "message": "This replaces every saved position and size in this layout with a new layout generated from Base. This cannot be undone." + } + }, + "edit": { + "action": "Edit layout", + "saveAndEdit": "Save and edit", + "save": "Save layout", + "cancel": { + "action": "Cancel layout editing", + "title": "Discard layout changes?", + "message": "Your unsaved changes to this layout will be discarded." + } } }, "background": { diff --git a/packages/validation/src/board-layout.spec.ts b/packages/validation/src/board-layout.spec.ts index 3ac54b16b..5f73132f9 100644 --- a/packages/validation/src/board-layout.spec.ts +++ b/packages/validation/src/board-layout.spec.ts @@ -10,6 +10,7 @@ describe("board layout gutters", () => { name: "Base", columnCount: 12, breakpoint: 0, + role: "base", }), ).toMatchObject({ leftGutterColumnCount: 0, @@ -26,6 +27,7 @@ describe("board layout gutters", () => { leftGutterColumnCount: 3, rightGutterColumnCount: 2, breakpoint: 0, + role: "base", }).success, ).toBe(true); expect( @@ -36,6 +38,7 @@ describe("board layout gutters", () => { leftGutterColumnCount: 3, rightGutterColumnCount: 3, breakpoint: 0, + role: "base", }).success, ).toBe(false); }); diff --git a/packages/validation/src/board.spec.ts b/packages/validation/src/board.spec.ts index 8a6e8b37c..d7e1b6ff7 100644 --- a/packages/validation/src/board.spec.ts +++ b/packages/validation/src/board.spec.ts @@ -1,9 +1,53 @@ -import { describe, expect, it } from "vitest"; +import { describe, expect, test } from "vitest"; +import { responsiveBoardLayoutsSchema } from "./board"; import { containerSectionOptionsDefaults, sectionSchema } from "./shared"; +const mobile = { + id: "mobile", + name: "Mobile", + columnCount: 3, + breakpoint: 0, + role: "mobile" as const, +}; +const base = { + id: "base", + name: "Base", + columnCount: 12, + breakpoint: 768, + role: "base" as const, +}; + +describe("responsiveBoardLayoutsSchema", () => { + test("accepts protected layouts and custom layouts strictly between them", () => { + expect( + responsiveBoardLayoutsSchema.safeParse([ + mobile, + { id: "tablet", name: "Tablet", columnCount: 6, breakpoint: 480, role: "custom" }, + base, + ]).success, + ).toBe(true); + }); + + test.each([ + { name: "missing Mobile", layouts: [{ ...mobile, role: "custom" }, base] }, + { name: "removable Base replacement", layouts: [mobile, { ...base, role: "custom" }] }, + { name: "non-zero Mobile breakpoint", layouts: [{ ...mobile, breakpoint: 320 }, base] }, + { + name: "custom layout at Base breakpoint", + layouts: [mobile, { id: "tablet", name: "Tablet", columnCount: 6, breakpoint: 768, role: "custom" }, base], + }, + { + name: "duplicate layout ID", + layouts: [mobile, { ...base, id: mobile.id }], + }, + ])("rejects $name", ({ layouts }) => { + expect(responsiveBoardLayoutsSchema.safeParse(layouts).success).toBe(false); + }); +}); + describe("section behavior validation", () => { - it("normalizes a container to the current behavior defaults", () => { + test("normalizes a container to the current behavior defaults", () => { const result = sectionSchema.parse({ id: "container", kind: "container", @@ -16,7 +60,7 @@ describe("section behavior validation", () => { }); }); - it("preserves configured container behavior", () => { + test("preserves configured container behavior", () => { const result = sectionSchema.parse({ id: "container", kind: "container", @@ -44,7 +88,7 @@ describe("section behavior validation", () => { }); }); - it("normalizes the legacy dynamic kind to a container", () => { + test("normalizes the legacy dynamic kind to a container", () => { expect(sectionSchema.parse({ id: "legacy", kind: "dynamic", layouts: [] })).toMatchObject({ id: "legacy", kind: "container", @@ -52,11 +96,11 @@ describe("section behavior validation", () => { }); }); - it("rejects the legacy category kind", () => { + test("rejects the legacy category kind", () => { expect(() => sectionSchema.parse({ id: "legacy", kind: "category", layouts: [] })).toThrow(); }); - it.each([ + test.each([ { xOffset: 0.5, yOffset: 0, width: 1, height: 1 }, { xOffset: -1, yOffset: 0, width: 1, height: 1 }, { xOffset: 0, yOffset: 0, width: 0, height: 1 }, diff --git a/packages/validation/src/board.ts b/packages/validation/src/board.ts index 5bb77540a..3604ad49a 100644 --- a/packages/validation/src/board.ts +++ b/packages/validation/src/board.ts @@ -5,6 +5,7 @@ import { backgroundImageRepeats, backgroundImageSizes, boardPermissions, + layoutRoles, widgetKinds, } from "@homarr/definitions"; @@ -78,16 +79,52 @@ export const boardLayoutSchema = z columnCount: boardColumnCountSchema, leftGutterColumnCount: boardGutterColumnCountSchema.default(0), rightGutterColumnCount: boardGutterColumnCountSchema.default(0), - breakpoint: z.number().min(0).max(32767), + breakpoint: z.number().int().min(0).max(32767), + role: z.enum(layoutRoles.values), }) .refine((layout) => layout.leftGutterColumnCount + layout.rightGutterColumnCount < layout.columnCount, { message: "Gutters must leave at least one dashboard column", path: ["columnCount"], }); +export const responsiveBoardLayoutsSchema = z + .array(boardLayoutSchema) + .min(2) + .superRefine((layouts, ctx) => { + const mobileLayouts = layouts.filter((layout) => layout.role === "mobile"); + const baseLayouts = layouts.filter((layout) => layout.role === "base"); + const mobileLayout = mobileLayouts.at(0); + const baseLayout = baseLayouts.at(0); + if (mobileLayouts.length !== 1 || baseLayouts.length !== 1 || !mobileLayout || !baseLayout) { + ctx.addIssue({ code: "custom", message: "Boards require exactly one Mobile and one Base layout" }); + return; + } + + if (mobileLayout.breakpoint !== 0) { + ctx.addIssue({ code: "custom", message: "The Mobile layout breakpoint must be 0" }); + } + + if (layouts.some((layout) => layout.id !== baseLayout.id && layout.breakpoint >= baseLayout.breakpoint)) { + ctx.addIssue({ code: "custom", message: "The Base layout must have the highest breakpoint" }); + } + + if (new Set(layouts.map((layout) => layout.breakpoint)).size !== layouts.length) { + ctx.addIssue({ code: "custom", message: "Layout breakpoints must be unique" }); + } + + if (new Set(layouts.map((layout) => layout.id)).size !== layouts.length) { + ctx.addIssue({ code: "custom", message: "Layout IDs must be unique" }); + } + }); + export const boardSaveLayoutsSchema = z.object({ id: z.string(), - layouts: z.array(boardLayoutSchema), + layouts: responsiveBoardLayoutsSchema, +}); + +export const boardResetLayoutSchema = z.object({ + boardId: z.string(), + layoutId: z.string(), }); export const boardSaveSchema = z.object({