feat: add board (#15)
* wip: Add gridstack board * wip: Centralize board pages, Add board settings page * fix: remove cyclic dependency and rename widget-sort to kind * improve: Add header actions as parallel route * feat: add item select modal, add category edit modal, * feat: add edit item modal * feat: add remove item modal * wip: add category actions * feat: add saving of board, wip: add app widget * Merge branch 'main' into add-board * chore: update turbo dependencies * chore: update mantine dependencies * chore: fix typescript errors, lint and format * feat: add confirm modal to category removal, move items of removed category to above wrapper * feat: remove app widget to continue in another branch * feat: add loading spinner until board is initialized * fix: issue with cellheight of gridstack items * feat: add translations for board * fix: issue with translation for settings page * chore: address pull request feedback
This commit is contained in:
@@ -1,9 +1,9 @@
|
||||
import type { LoaderComponent } from "next/dynamic";
|
||||
|
||||
import type { IntegrationKind } from "@homarr/definitions";
|
||||
import type { IntegrationKind, WidgetKind } from "@homarr/definitions";
|
||||
import type { TablerIconsProps } from "@homarr/ui";
|
||||
|
||||
import type { WidgetImports, WidgetSort } from ".";
|
||||
import type { WidgetImports } from ".";
|
||||
import type {
|
||||
inferOptionsFromDefinition,
|
||||
WidgetOptionsRecord,
|
||||
@@ -11,37 +11,37 @@ import type {
|
||||
import type { IntegrationSelectOption } from "./widget-integration-select";
|
||||
|
||||
export const createWidgetDefinition = <
|
||||
TSort extends WidgetSort,
|
||||
TDefinition extends Definition,
|
||||
TKind extends WidgetKind,
|
||||
TDefinition extends WidgetDefinition,
|
||||
>(
|
||||
sort: TSort,
|
||||
kind: TKind,
|
||||
definition: TDefinition,
|
||||
) => ({
|
||||
withDynamicImport: (
|
||||
componentLoader: () => LoaderComponent<WidgetComponentProps<TSort>>,
|
||||
componentLoader: () => LoaderComponent<WidgetComponentProps<TKind>>,
|
||||
) => ({
|
||||
definition: {
|
||||
sort,
|
||||
kind,
|
||||
...definition,
|
||||
},
|
||||
componentLoader,
|
||||
}),
|
||||
});
|
||||
|
||||
interface Definition {
|
||||
export interface WidgetDefinition {
|
||||
icon: (props: TablerIconsProps) => JSX.Element;
|
||||
supportedIntegrations?: IntegrationKind[];
|
||||
options: WidgetOptionsRecord;
|
||||
}
|
||||
|
||||
export interface WidgetComponentProps<TSort extends WidgetSort> {
|
||||
options: inferOptionsFromDefinition<WidgetOptionsRecordOf<TSort>>;
|
||||
export interface WidgetComponentProps<TKind extends WidgetKind> {
|
||||
options: inferOptionsFromDefinition<WidgetOptionsRecordOf<TKind>>;
|
||||
integrations: inferIntegrationsFromDefinition<
|
||||
WidgetImports[TSort]["definition"]
|
||||
WidgetImports[TKind]["definition"]
|
||||
>;
|
||||
}
|
||||
|
||||
type inferIntegrationsFromDefinition<TDefinition extends Definition> =
|
||||
type inferIntegrationsFromDefinition<TDefinition extends WidgetDefinition> =
|
||||
TDefinition extends {
|
||||
supportedIntegrations: infer TSupportedIntegrations;
|
||||
} // check if definition has supportedIntegrations
|
||||
@@ -57,5 +57,5 @@ interface IntegrationSelectOptionFor<TIntegration extends IntegrationKind> {
|
||||
kind: TIntegration[number];
|
||||
}
|
||||
|
||||
export type WidgetOptionsRecordOf<TSort extends WidgetSort> =
|
||||
WidgetImports[TSort]["definition"]["options"];
|
||||
export type WidgetOptionsRecordOf<TKind extends WidgetKind> =
|
||||
WidgetImports[TKind]["definition"]["options"];
|
||||
|
||||
Reference in New Issue
Block a user