Merge branch 'dev' into pr-container-images

fix(ci): fork-safe cleanup, manual triggers, draft PR skipping
- cleanup: pull_request -> pull_request_target so fork PRs trigger cleanup - cleanup: add workflow_dispatch for manual stale image deletion - publish: skip fork PRs (no packages:write) and draft PRs - publish: add ready_for_review trigger - publish: add workflow_dispatch for manual fork PR builds - publish: unified tag derivation step
2026-07-14 17:24:32 +02:00 · 2026-07-11 15:41:06 +02:00 · 2026-07-11 13:21:20 +02:00 · 2026-07-11 12:19:27 +02:00 · 2026-07-11 12:17:47 +02:00 · 2026-07-11 10:03:45 +00:00
32 changed files with 722 additions and 413 deletions
@@ -0,0 +1,64 @@
+name: "[PR] Cleanup Docker preview image"
+
+on:
+  pull_request_target:
+    types: [closed]
+    branches:
+      - dev
+  workflow_dispatch:
+    inputs:
+      pr-number:
+        description: "PR number whose preview image to delete"
+        required: true
+        type: number
+
+permissions:
+  packages: write
+
+env:
+  REGISTRY: ghcr.io
+  IMAGE_TAG: pr-${{ github.event.inputs.pr-number || github.event.number }}
+
+jobs:
+  delete-image:
+    name: Delete PR preview image from GHCR
+    runs-on: ubuntu-latest
+    timeout-minutes: 5
+    steps:
+      - name: Delete package version
+        uses: actions/github-script@v8
+        with:
+          script: |
+            const packageName = 'homarr-test';
+            const org = context.repo.owner;
+            const tag = process.env.IMAGE_TAG;
+
+            const versions = await github.paginate(
+              github.rest.packages.getAllPackageVersionsForPackageOwnedByOrg,
+              {
+                package_type: 'container',
+                package_name: packageName,
+                org,
+                per_page: 100,
+              }
+            );
+
+            const target = versions.find(v =>
+              v.metadata?.container?.tags?.includes(tag)
+            );
+
+            if (!target) {
+              console.log(`No package version found with tag "${tag}". Nothing to delete.`);
+              return;
+            }
+
+            console.log(`Deleting package version ${target.id} (tag: ${tag})`);
+
+            await github.rest.packages.deletePackageVersionForOrg({
+              package_type: 'container',
+              package_name: packageName,
+              org,
+              package_version_id: target.id,
+            });
+
+            console.log(`Successfully deleted package version ${target.id}`);
@@ -0,0 +1,89 @@
+name: "[PR] Publish Docker preview image"
+
+on:
+  pull_request:
+    types: [opened, synchronize, reopened, ready_for_review]
+    branches:
+      - dev
+  workflow_dispatch:
+    inputs:
+      pr-number:
+        description: "PR number (uses head ref of that PR)"
+        required: true
+        type: number
+      ref:
+        description: "Git ref to build (branch, tag, or SHA)"
+        required: false
+        type: string
+        default: ""
+
+permissions:
+  contents: read
+  packages: write
+
+env:
+  SKIP_ENV_VALIDATION: true
+  REGISTRY: ghcr.io
+  GHCR_REPO: ghcr.io/homarr-labs/homarr-test
+  TURBO_TELEMETRY_DISABLED: 1
+
+concurrency:
+  group: pr-docker-${{ github.event.inputs.pr-number || github.event.number }}
+  cancel-in-progress: true
+
+jobs:
+  build-and-push:
+    name: Build and push PR preview image
+    runs-on: ubuntu-latest
+    timeout-minutes: 25
+    if: |
+      github.event_name == 'workflow_dispatch' ||
+      (
+        github.event_name == 'pull_request' &&
+        github.event.pull_request.draft == false &&
+        github.event.pull_request.head.repo.full_name == github.repository
+      )
+    steps:
+      - uses: actions/checkout@v6
+        with:
+          persist-credentials: false
+          ref: ${{ github.event.inputs.ref || '' }}
+
+      - name: Determine tag
+        id: tag
+        run: |
+          PR_NUMBER="${{ github.event.inputs.pr-number || github.event.number }}"
+          echo "tag=pr-${PR_NUMBER}" >> "$GITHUB_OUTPUT"
+          echo "pr-number=${PR_NUMBER}" >> "$GITHUB_OUTPUT"
+
+      - name: Docker meta
+        id: meta
+        uses: docker/metadata-action@v6
+        with:
+          images: "${{ env.GHCR_REPO }}"
+          tags: |
+            type=raw,value=${{ steps.tag.outputs.tag }}
+
+      - name: Log in to the Container registry
+        uses: docker/login-action@v4
+        with:
+          registry: ${{ env.REGISTRY }}
+          username: ${{ github.actor }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v4
+
+      - name: Build and push
+        uses: docker/build-push-action@v7
+        with:
+          context: .
+          network: host
+          platforms: linux/amd64
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+          push: true
+          cache-from: type=gha
+          cache-to: type=gha,mode=max
+        env:
+          SKIP_ENV_VALIDATION: true
@@ -2,7 +2,6 @@

 import type { PropsWithChildren } from "react";
 import { useState } from "react";
-import type { QueryKey } from "@tanstack/react-query";
 import { QueryClient } from "@tanstack/react-query";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import { ReactQueryStreamedHydration } from "@tanstack/react-query-next-experimental";
@@ -34,7 +33,6 @@ import {
 import { createHeadersCallbackForSource, getTrpcUrl } from "@homarr/api/shared";
 import { env } from "@homarr/common/env";
 import { showWarningNotification } from "@homarr/notifications";
-import { widgetImports } from "@homarr/widgets";

 import { createWidgetQueryPersister } from "./query-cache-persister";

@@ -92,13 +90,6 @@ export function TRPCReactProvider(props: PropsWithChildren) {
      },
    });
    client.setQueryDefaults([["widget"]], { refetchInterval: queryCacheDefaultRefetchIntervalMs });
-    for (const { definition } of Object.values(widgetImports)) {
-      const def = definition as { refetchInterval?: number | null; queryKey?: QueryKey; kind: string };
-      if (def.refetchInterval === undefined) continue;
-      const key = def.queryKey ?? [["widget", def.kind]];
-      const interval = def.refetchInterval === null ? false : def.refetchInterval * 1000;
-      client.setQueryDefaults(key, { refetchInterval: interval });
-    }
    return client;
  });

@@ -70,7 +70,6 @@ export const createWidgetDefinition = <TKind extends WidgetKind, TDefinition ext
 export interface WidgetDefinition {
  icon: TablerIcon;
  queryKey?: QueryKey;
-  refetchInterval?: number | null;
  supportedIntegrations?: IntegrationKind[];
  integrationsRequired?: boolean;
  maxIntegrations?: number;
@@ -9,8 +9,6 @@ export const widgetKind = "dnsHoleControls";

 export const { definition, componentLoader } = createWidgetDefinition(widgetKind, {
  icon: IconDeviceGamepad,
-  queryKey: [["widget", "dnsHole"]],
-  refetchInterval: 5,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      showToggleAllButtons: factory.switch({
@@ -9,8 +9,6 @@ export const widgetKind = "dnsHoleSummary";

 export const { definition, componentLoader } = createWidgetDefinition(widgetKind, {
  icon: IconAd,
-  queryKey: [["widget", "dnsHole"]],
-  refetchInterval: 5,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      usePiHoleColors: factory.switch({
@@ -184,7 +184,13 @@ export default function DockerWidget({ options, width, isEditMode }: WidgetCompo
  const t = useScopedI18n("docker");
  const isTiny = width <= 256;

-  const { data, refetch, isFetching } = clientApi.docker.getContainers.useQuery();
+  const {
+    data,
+    refetch,
+    isFetching,
+  } = clientApi.docker.getContainers.useQuery(undefined, {
+    refetchInterval: 30_000,
+  });
  const containers = data?.containers ?? [];
  const timestamp = useMemo(() => data?.timestamp ?? new Date(), [data?.timestamp]);
  const relativeTime = useTimeAgo(timestamp);
@@ -298,7 +304,9 @@ export default function DockerWidget({ options, width, isEditMode }: WidgetCompo
              {t("table.totalMemory", { memory: formatBytes(totals.memory) })}
            </Text>

-            <Tooltip label={t("table.refresh.lastUpdated", { when: relativeTime })}>
+            <Tooltip
+              label={t("table.refresh.lastUpdated", { when: relativeTime })}
+            >
              <ActionIcon
                size="sm"
                variant="transparent"
@@ -33,7 +33,6 @@ const columnsSort = columnsList.filter((column) =>

 export const { definition, componentLoader } = createWidgetDefinition("downloads", {
  icon: IconDownload,
-  refetchInterval: 5,
  createOptions() {
    return optionsBuilder.from(
      (factory) => ({
@@ -7,7 +7,6 @@ import { optionsBuilder } from "../options";

 export const { definition, componentLoader } = createWidgetDefinition("firewall", {
  icon: IconWall,
-  refetchInterval: 5,
  createOptions() {
    return optionsBuilder.from(() => ({}));
  },
@@ -8,7 +8,6 @@ import { createStorageVolumeMultiSelectOptions } from "../storage-volume-options

 export const { definition, componentLoader } = createWidgetDefinition("healthMonitoring", {
  icon: IconHeartRateMonitor,
-  refetchInterval: 5,
  createOptions() {
    return optionsBuilder.from(
      (factory) => ({
@@ -8,8 +8,6 @@ import { optionsBuilder } from "../../options";

 export const { definition, componentLoader } = createWidgetDefinition("immich-albumCarousel", {
  icon: IconPhoto,
-  queryKey: [["widget", "immich"]],
-  refetchInterval: null,
  supportedIntegrations: ["immich"],
  integrationsRequired: true,
  createOptions() {
@@ -5,8 +5,6 @@ import { optionsBuilder } from "../../options";

 export const { definition, componentLoader } = createWidgetDefinition("immich-serverStats", {
  icon: IconGraphFilled,
-  queryKey: [["widget", "immich"]],
-  refetchInterval: null,
  supportedIntegrations: ["immich"],
  integrationsRequired: true,
  createOptions() {
@@ -7,7 +7,6 @@ import { optionsBuilder } from "../options";

 export const { definition, componentLoader } = createWidgetDefinition("indexerManager", {
  icon: IconReportSearch,
-  refetchInterval: null,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      openIndexerSiteInNewTab: factory.switch({
@@ -5,8 +5,6 @@ import { optionsBuilder } from "../options";

 export const { definition, componentLoader } = createWidgetDefinition("mediaReleases", {
  icon: IconTicket,
-  queryKey: [["widget", "mediaRelease"]],
-  refetchInterval: null,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      layout: factory.select({
@@ -7,7 +7,6 @@ import { optionsBuilder } from "../options";

 export const { componentLoader, definition } = createWidgetDefinition("mediaServer", {
  icon: IconVideo,
-  refetchInterval: 5,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      showOnlyPlaying: factory.switch({ defaultValue: true, withDescription: true }),
@@ -11,7 +11,6 @@ export const views = ["workers", "queue", "statistics"] as const;

 export const { componentLoader, definition } = createWidgetDefinition("mediaTranscoding", {
  icon: IconTransform,
-  refetchInterval: null,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      defaultView: factory.select({
@@ -6,8 +6,6 @@ import { optionsBuilder } from "../../options";

 export const { componentLoader, definition } = createWidgetDefinition("minecraftServerStatus", {
  icon: IconBrandMinecraft,
-  queryKey: [["widget", "minecraft"]],
-  refetchInterval: null,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      title: factory.text({ defaultValue: "" }),
@@ -7,8 +7,6 @@ import { optionsBuilder } from "../../options";

 export const { definition, componentLoader } = createWidgetDefinition("networkControllerStatus", {
  icon: IconTopologyFull,
-  queryKey: [["widget", "networkController"]],
-  refetchInterval: null,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      content: factory.select({
@@ -7,8 +7,6 @@ import { optionsBuilder } from "../../options";

 export const { definition, componentLoader } = createWidgetDefinition("networkControllerSummary", {
  icon: IconTopologyFull,
-  queryKey: [["widget", "networkController"]],
-  refetchInterval: null,
  createOptions() {
    return optionsBuilder.from(() => ({}));
  },
@@ -7,7 +7,6 @@ import { optionsBuilder } from "../options";

 export const { componentLoader, definition } = createWidgetDefinition("notifications", {
  icon: IconMessage,
-  refetchInterval: null,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      hideLogos: factory.switch({ defaultValue: false }),
@@ -5,7 +5,6 @@ import { optionsBuilder } from "../options";

 export const { definition, componentLoader } = createWidgetDefinition("paperlessNgx", {
  icon: IconFileText,
-  refetchInterval: null,
  supportedIntegrations: ["paperlessNgx"],
  integrationsRequired: true,
  createOptions() {
@@ -14,7 +14,6 @@ const relativeDateSchema = z

 export const { definition, componentLoader } = createWidgetDefinition("releases", {
  icon: IconRocket,
-  refetchInterval: null,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      newReleaseWithin: factory.text({
@@ -12,7 +12,6 @@ import { optionsBuilder } from "../options";
 */
 export const { definition, componentLoader } = createWidgetDefinition("rssFeed", {
  icon: IconRss,
-  refetchInterval: null,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      feedUrls: factory.multiText({
@@ -5,7 +5,6 @@ import { optionsBuilder } from "../options";

 export const { definition, componentLoader } = createWidgetDefinition("speedtestTracker", {
  icon: IconSpeedboat,
-  refetchInterval: null,
  createOptions() {
    return optionsBuilder.from(
      (factory) => ({
@@ -13,7 +13,6 @@ const timeIntervalOptions = stockPriceTimeFrames.interval;

 export const { definition, componentLoader } = createWidgetDefinition("stockPrice", {
  icon: IconBuildingBank,
-  refetchInterval: null,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      stock: factory.text({
@@ -6,8 +6,6 @@ import { createStorageVolumeMultiSelectOptions } from "../storage-volume-options

 export const { definition, componentLoader } = createWidgetDefinition("systemDisks", {
  icon: IconServer2,
-  queryKey: [["widget", "healthMonitoring"]],
-  refetchInterval: 5,
  supportedIntegrations: ["dashDot", "openmediavault", "truenas", "unraid", "synology"],
  createOptions() {
    return optionsBuilder.from(
@@ -14,8 +14,6 @@ const labelDisplayModeOptions = {

 export const { definition, componentLoader } = createWidgetDefinition("systemResources", {
  icon: IconGraphFilled,
-  queryKey: [["widget", "healthMonitoring"]],
-  refetchInterval: 5,
  supportedIntegrations: ["dashDot", "openmediavault", "truenas", "unraid", "glances", "synology"],
  createOptions() {
    return optionsBuilder.from((factory) => ({
@@ -5,7 +5,6 @@ import { optionsBuilder } from "../options";

 export const { definition, componentLoader } = createWidgetDefinition("tracearr", {
  icon: IconActivityHeartbeat,
-  refetchInterval: 5,
  createOptions() {
    return optionsBuilder.from((factory) => ({
      showStreams: factory.switch({
@@ -8,7 +8,6 @@ export const timeFrameValues = ["today", "24h", "7d", "30d", "month", "lastMonth

 export const { definition, componentLoader } = createWidgetDefinition("umami", {
  icon: IconChartBar,
-  refetchInterval: null,
  supportedIntegrations: ["umami"],
  createOptions() {
    return optionsBuilder.from(
@@ -7,7 +7,6 @@ import { optionsBuilder } from "../options";

 export const { componentLoader, definition } = createWidgetDefinition("vpn", {
  icon: IconShieldLock,
-  refetchInterval: null,
  createOptions() {
    return optionsBuilder.from(() => ({}));
  },
@@ -18,7 +18,7 @@ catalog:
  "@gitbeaker/rest": ^43.8.0
  "@homarr/gridstack": ^1.12.0
  "@homarr/node-unifi": ^2.6.0
-  "@immich/sdk": ^3.0.2
+  "@immich/sdk": ^3.0.1
  "@jellyfin/sdk": ^0.13.0
  "@kubernetes/client-node": ^1.4.0
  "@modelcontextprotocol/sdk": 1.29.0
@@ -139,7 +139,7 @@ catalog:
  jsonpath-plus: ^10.4.0
  ldapts: 8.1.8
  lodash.clonedeep: ^4.5.0
-  lucide-react: ^1.24.0
+  lucide-react: ^1.23.0
  "mantine-contextmenu": ^9.3.1
  mantine-datatable: ^9.3.1
  mantine-react-table: npm:mantine-react-table-open@9.0.3
@@ -177,7 +177,7 @@ catalog:
  tsdav: ^2.3.0
  tsx: 4.20.4
  turbo: ^2.10.4
-  typescript: "npm:@typescript/typescript6@^6.0.2"
+  typescript: ^7.0.2
  vite: ^8.1.4
  undici: 7.28.0
  use-deep-compare-effect: ^1.8.1
Author	SHA1	Message	Date
Thomas	4b5774ec74	Merge branch 'dev' into pr-container-images	2026-07-14 17:24:32 +02:00
ajnart	8d450c69d2	fix(ci): fork-safe cleanup, manual triggers, draft PR skipping - cleanup: pull_request -> pull_request_target so fork PRs trigger cleanup - cleanup: add workflow_dispatch for manual stale image deletion - publish: skip fork PRs (no packages:write) and draft PRs - publish: add ready_for_review trigger - publish: add workflow_dispatch for manual fork PR builds - publish: unified tag derivation step	2026-07-11 15:41:06 +02:00
ajnart	8514df985b	fix(ci): use separate homarr-test package with pr-<N> tag	2026-07-11 13:21:20 +02:00
ajnart	28d7a75b63	fix(ci): use homarr-test-pr- tag prefix instead of pr-	2026-07-11 12:19:27 +02:00
ajnart	97a661d04f	fix(ci): apply CodeRabbit review fixes - Rename tag prefix from omar-test-pr- to pr- - Add contents: read permission to publish workflow - Disable persist-credentials on checkout step	2026-07-11 12:17:47 +02:00
ajnart	3a1bd4e969	style: auto-fix lint and format	2026-07-11 10:03:45 +00:00
ajnart	d8f831093e	feat(ci): add PR Docker preview image publish and cleanup workflows	2026-07-11 12:01:56 +02:00