Merge pull request #510 from gridaco/canary

chore: eslint

Author: softmarshmallow

apps/viewer/empty-module.ts

@@ -1 +1,2 @@
-export default {};
+const empty = {};
+export default empty;

editor/app/(dev)/canvas/tools/io-svg/page.tsx

@@ -167,6 +167,7 @@ export default function IOSVGPage() {
                 <div className="flex w-full h-96 p-4 border overflow-scroll">
                   <div className="flex-1">
                     {raw ? (
+                      // eslint-disable-next-line @next/next/no-img-element -- Intentional: render a data: SVG preview (Next/Image not applicable).
                       <img
                         src={`data:image/svg+xml;utf8,${encodeURIComponent(raw)}`}
                         alt="raw svg"

editor/app/(workbench)/[org]/[proj]/(console)/(campaign)/campaigns/[campaign]/_components/overview.tsx

@@ -222,11 +222,7 @@ export default function Overview() {
 function MainChart({ data }: { data: AnalyzedData }) {
   const [chartData, setChartData] = useState<any[]>([]);
 
-  useEffect(() => {
-    processData(data);
-  }, [data]);
-
-  const processData = (data: AnalyzedData) => {
+  function processData(data: AnalyzedData) {
     if (!data.events.length) return;
 
     const grouped = Analytics.serialize(data.events, {
@@ -266,7 +262,11 @@ function MainChart({ data }: { data: AnalyzedData }) {
       (a, b) => a.date.getTime() - b.date.getTime()
     );
     setChartData(chartData);
-  };
+  }
+
+  useEffect(() => {
+    processData(data);
+  }, [data]);
 
   return (
     <ChartContainer

editor/app/(workbench)/[org]/[proj]/(console)/(campaign)/campaigns/[campaign]/design/_enterprise/west-referral-duo-001-editor.tsx

@@ -68,12 +68,14 @@ function RightPanelTab({
     <TabsContent value={value} className="m-0 h-full min-h-0">
       <Card className="h-full min-h-0 flex flex-col overflow-hidden">
         <CardHeader className="flex-none">
-          <CardTitle className={action ? "flex justify-between items-center" : ""}>
+          <CardTitle
+            className={action ? "flex justify-between items-center" : ""}
+          >
             <span>{title}</span>
             {action ? <span>{action}</span> : null}
           </CardTitle>
         </CardHeader>
-        {/* 
+        {/*
           Important: stop wheel/touch bubbling so canvas-level handlers
           can't steal scroll when cursor is over the right panel.
         */}
@@ -327,7 +329,8 @@ function TemplateEditor({
                   <FieldLabel>Article</FieldLabel>
                   <CMSRichText
                     value={
-                      values?.components?.["referrer-share"]?.article?.html ?? ""
+                      values?.components?.["referrer-share"]?.article?.html ??
+                      ""
                     }
                     uploader={template.upload}
                     onValueChange={(value) => {
@@ -341,7 +344,9 @@ function TemplateEditor({
                 <Field>
                   <FieldLabel>Consent</FieldLabel>
                   <Textarea
-                    value={values?.components?.["referrer-share"]?.consent ?? ""}
+                    value={
+                      values?.components?.["referrer-share"]?.consent ?? ""
+                    }
                     onChange={(e) => {
                       props.set(
                         "components.referrer-share.consent",
@@ -356,7 +361,10 @@ function TemplateEditor({
                   <Input
                     value={values?.components?.referrer?.cta}
                     onChange={(e) => {
-                      props.set("components.referrer-share.cta", e.target.value);
+                      props.set(
+                        "components.referrer-share.cta",
+                        e.target.value
+                      );
                     }}
                     placeholder="Button Text"
                   />
@@ -477,7 +485,9 @@ function TemplateEditor({
                 <Field>
                   <FieldLabel>Description</FieldLabel>
                   <Textarea
-                    value={values?.components?.invitation?.description as string}
+                    value={
+                      values?.components?.invitation?.description as string
+                    }
                     onChange={(e) => {
                       props.set(
                         "components.invitation.description",

editor/app/(workbench)/[org]/[proj]/(console)/(resources)/customers/[uid]/page.tsx

@@ -439,18 +439,10 @@ export default function CustomerDetailPage(props0: {
           </DropdownMenu>
           {/* TODO: db cursor navigation */}
           <ButtonGroup>
-            <Button
-              disabled
-              variant="outline"
-              size="sm"
-            >
+            <Button disabled variant="outline" size="sm">
               <ChevronLeft className="size-4" />
             </Button>
-            <Button
-              disabled
-              variant="outline"
-              size="sm"
-            >
+            <Button disabled variant="outline" size="sm">
               <ChevronRight className="size-4" />
             </Button>
           </ButtonGroup>

editor/app/(workbench)/[org]/[proj]/(console)/(resources)/www/page.tsx

@@ -15,7 +15,7 @@ import { useProject } from "@/scaffolds/workspace";
 import { useCallback, useMemo } from "react";
 import useSWR, { mutate } from "swr";
 import { Spinner } from "@/components/ui/spinner";
-import { useForm } from "react-hook-form";
+import { useForm, useWatch } from "react-hook-form";
 import { Skeleton } from "@/components/ui/skeleton";
 import { FaviconEditor } from "@/scaffolds/www-theme-config/components/favicon";
 import { SiteDomainsSection } from "./section-domain";
@@ -280,6 +280,15 @@ function FormSiteGeneral({
   });
 
   const { isSubmitting, isDirty } = form.formState;
+  const watched = useWatch({
+    control: form.control,
+    defaultValue: defaultValues,
+  });
+  const values: SiteGeneral = {
+    title: watched?.title ?? defaultValues.title,
+    description: watched?.description ?? defaultValues.description,
+    lang: watched?.lang ?? defaultValues.lang,
+  };
 
   return (
     <Card>
@@ -290,7 +299,7 @@ function FormSiteGeneral({
         <SiteGeneralSection
           url={url}
           disabled={isSubmitting}
-          value={form.watch()}
+          value={values}
           onValueChange={({ title, description, lang }) => {
             form.setValue("title", title, { shouldDirty: true });
             form.setValue("description", description, { shouldDirty: true });

editor/components/ai-elements/message.tsx

@@ -346,6 +346,7 @@ export function MessageAttachment({
     >
       {isImage ? (
         <>
+          {/* eslint-disable-next-line @next/next/no-img-element -- Intentional: remote/user-provided attachment URL (avoid Next/Image constraints here). */}
           <img
             alt={filename || "attachment"}
             className="size-full object-cover"

editor/components/ai-elements/prompt-input.tsx

@@ -294,6 +294,7 @@ export function PromptInputAttachment({
           <div className="relative size-5 shrink-0">
             <div className="absolute inset-0 flex size-5 items-center justify-center overflow-hidden rounded bg-background transition-opacity group-hover:opacity-0">
               {isImage ? (
+                // eslint-disable-next-line @next/next/no-img-element -- Intentional: remote/user-provided attachment URL (avoid Next/Image constraints here).
                 <img
                   alt={filename || "attachment"}
                   className="size-5 object-cover"
@@ -329,6 +330,7 @@ export function PromptInputAttachment({
         <div className="w-auto space-y-3">
           {isImage && (
             <div className="flex max-h-96 w-96 items-center justify-center overflow-hidden rounded-md border">
+              {/* eslint-disable-next-line @next/next/no-img-element -- Intentional: remote/user-provided attachment preview (avoid Next/Image constraints here). */}
               <img
                 alt={filename || "attachment preview"}
                 className="max-h-full max-w-full object-contain"

editor/components/ai-elements/queue.tsx

@@ -151,6 +151,7 @@ export const QueueItemImage = ({
   className,
   ...props
 }: QueueItemImageProps) => (
+  // eslint-disable-next-line @next/next/no-img-element -- Intentional: tiny inline thumbnail (avoid Next/Image constraints here).
   <img
     alt=""
     className={cn("h-8 w-8 rounded border object-cover", className)}

editor/components/ai-elements/shimmer.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { cn } from "@/components/lib/utils/index";
+import { cn } from "@/components/lib/utils";
 import { motion } from "motion/react";
 import {
   type CSSProperties,
@@ -10,13 +10,13 @@ import {
   useMemo,
 } from "react";
 
-export type TextShimmerProps = {
+export interface TextShimmerProps {
   children: string;
   as?: ElementType;
   className?: string;
   duration?: number;
   spread?: number;
-};
+}
 
 const ShimmerComponent = ({
   children,
@@ -35,6 +35,7 @@ const ShimmerComponent = ({
   );
 
   return (
+    // eslint-disable-next-line react-hooks/static-components -- its from https://ai-sdk.dev/elements/components/shimmer, we dont have code ownership over it.
     <MotionComponent
       animate={{ backgroundPosition: "0% center" }}
       className={cn(