fix(nextjs): suppress Turbopack node:crypto export-star warning

Next.js 16 exits with code 1 when Turbopack encounters unhandled warnings. The node:crypto CJS module triggers an 'unexpected export *' warning through the image-proxy route because node:crypto exposes its API as CJS exports only available at runtime. The named imports used at runtime are fine — this is a static analysis limitation in Turbopack's ESM/CJS interop detection. Suppress via ignoreIssue (same pattern already used for the NFT list warning) until upstream resolves the detection in vercel/next.js.
2026-07-14 17:36:35 +02:00
31 changed files with 576 additions and 413 deletions
@@ -42,6 +42,13 @@ const nextConfig: NextConfig = {
        path: "**/*",
        title: "Encountered unexpected file in NFT list",
      },
+      {
+        // node:crypto is CJS; `export *` from it triggers a Turbopack warning
+        // that exits 1 in Next.js 16. Named imports in image-proxy are fine at
+        // runtime — suppress until upstream resolves the ESM/CJS detection.
+        path: "**/*",
+        title: "unexpected export *",
+      },
    ],
  },
  transpilePackages: ["@homarr/ui", "@homarr/notifications", "@homarr/modals", "@homarr/spotlight", "@homarr/widgets"],
@@ -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