Hartmut/CapaKraken
1
0
Fork 0
Code Issues 10 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat(dashboard): expand grid to 16 columns with auto-migration for saved 12-col layouts

Browse Source
This commit is contained in:
Hartmut Nörenberg
2026-04-09 20:50:40 +02:00
parent 446aea5319
commit 5ad1048519
5 changed files with 35 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/shared/src/schemas/dashboard.schema.ts
+13 -4
View File
@@ -162,7 +162,10 @@ export function normalizeDashboardLayout(input: unknown): DashboardLayoutConfig
return createDefaultDashboardLayout();
}
const gridCols = clamp(Math.max(1, toInt(input.gridCols) ?? DASHBOARD_GRID_COLUMNS), 1, 24);
const savedGridCols = clamp(Math.max(1, toInt(input.gridCols) ?? DASHBOARD_GRID_COLUMNS), 1, 24);
// Migrate layouts saved with 12 columns to the current 16-column grid.
const needsColumnMigration = savedGridCols === 12 && DASHBOARD_GRID_COLUMNS === 16;
const gridCols = needsColumnMigration ? DASHBOARD_GRID_COLUMNS : savedGridCols;
const rawWidgets = Array.isArray(input.widgets) ? input.widgets : [];
const widgets: DashboardWidgetInstance[] = [];
const seenIds = new Set<string>();
@@ -184,14 +187,20 @@ export function normalizeDashboardLayout(input: unknown): DashboardLayoutConfig
}
seenIds.add(id);
// Scale x and w when migrating from a 12-column to 16-column layout.
const scaleCol = (v: number) => Math.round(v * 16 / 12);
const rawX = typeof rawWidget.x === "number" ? (needsColumnMigration ? scaleCol(rawWidget.x) : rawWidget.x) : undefined;
const rawW = typeof rawWidget.w === "number" ? (needsColumnMigration ? scaleCol(rawWidget.w) : rawWidget.w) : undefined;
const rawMinW = typeof rawWidget.minW === "number" ? (needsColumnMigration ? scaleCol(rawWidget.minW) : rawWidget.minW) : undefined;
const widgetOptions: Parameters<typeof createDashboardWidget<typeof type>>[1] = {
id,
...(typeof rawWidget.title === "string" ? { title: rawWidget.title } : {}),
...(typeof rawWidget.x === "number" ? { x: rawWidget.x } : {}),
...(rawX !== undefined ? { x: rawX } : {}),
...(typeof rawWidget.y === "number" ? { y: rawWidget.y } : {}),
...(typeof rawWidget.w === "number" ? { w: rawWidget.w } : {}),
...(rawW !== undefined ? { w: rawW } : {}),
...(typeof rawWidget.h === "number" ? { h: rawWidget.h } : {}),
...(typeof rawWidget.minW === "number" ? { minW: rawWidget.minW } : {}),
...(rawMinW !== undefined ? { minW: rawMinW } : {}),
...(typeof rawWidget.minH === "number" ? { minH: rawWidget.minH } : {}),
...(rawWidget.config !== undefined ? { config: rawWidget.config } : {}),
};