@collabdt/core 0.0.40

package/dist/core/components/ui/Sensors/CollapsibleSensorItem.js

@@ -0,0 +1,213 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Button } from "../Button";
+import { Badge } from "../Badge";
+import { Avatar } from "../Avatar";
+import { UserAvatar } from "../UserAvatar";
+import * as LR from "lucide-react";
+import { useTranslations } from "next-intl";
+import { format } from "date-fns";
+import { cn } from "../../../utils/utils";
+import { useUser } from "../../../hooks/users/users";
+import { useCoreHooks } from "../../../hooks/provider";
+import { useSession } from "next-auth/react";
+import { SensorChart } from "./SensorChart";
+import { SensorTagsSection } from "./SensorTagsSection";
+function CollapsibleSensorItem({
+  sensor,
+  sensorType,
+  onAction,
+  depth = 0,
+  isVisible = true,
+  onMouseEnter,
+  onMouseLeave
+}) {
+  var _a, _b, _c, _d;
+  const t = useTranslations("SensorsSection");
+  const [isExpanded, setIsExpanded] = React.useState(false);
+  const [sensorData, setSensorData] = React.useState([]);
+  const [isLoadingData, setIsLoadingData] = React.useState(false);
+  const prevVisibleRef = React.useRef(isVisible);
+  const dataPath = `${process.env.NEXT_PUBLIC_MINIO_BUCKET_URL}/sensors/${sensor.url}`;
+  const typeIcon = (sensorType == null ? void 0 : sensorType.icon) || "Radio";
+  const typeName = (_a = sensorType == null ? void 0 : sensorType.name.replace(/_/g, " ")) != null ? _a : "Unknown";
+  const SensorIcon = LR[typeIcon] || LR.Radio;
+  React.useEffect(() => {
+    const prevVisible = prevVisibleRef.current;
+    if (prevVisible && !isVisible) {
+      setIsExpanded(false);
+    }
+    prevVisibleRef.current = isVisible;
+  }, [isVisible]);
+  React.useEffect(() => {
+    const fetchCSVData = async () => {
+      setIsLoadingData(true);
+      try {
+        const response = await fetch(dataPath);
+        const csvText = await response.text();
+        const lines = csvText.trim().split("\n");
+        const parsed = lines.map((line) => {
+          const [time, valueStr] = line.split(",");
+          return {
+            time: time.trim(),
+            value: parseFloat(valueStr.trim())
+          };
+        }).filter((item) => !isNaN(item.value));
+        setSensorData(parsed);
+      } catch (error) {
+        console.error("Error fetching sensor data:", error);
+        setSensorData([]);
+      } finally {
+        setIsLoadingData(false);
+      }
+    };
+    if (isExpanded) {
+      fetchCSVData();
+    }
+  }, [dataPath, isExpanded]);
+  const chartConfig = {
+    value: {
+      label: typeName,
+      color: "hsl(var(--chart-1))"
+    }
+  };
+  const user = (_b = useSession().data) == null ? void 0 : _b.user;
+  const indentClass = depth > 0 ? `ml-${Math.min(depth * 4, 12)}` : "";
+  const { user: author } = useUser(String(sensor.authorId));
+  let authorName = (_c = author == null ? void 0 : author.name) != null ? _c : "Unknown User";
+  const { sensor: sensorHooks } = useCoreHooks();
+  const { updateSensor } = sensorHooks.useSensor(sensor.id);
+  const handleAddTag = async (tag) => {
+    var _a2;
+    const currentTags = (_a2 = sensor.tags) != null ? _a2 : [];
+    await updateSensor({ tags: [...currentTags, tag] });
+  };
+  const handleDeleteTag = async (tag) => {
+    var _a2;
+    const currentTags = (_a2 = sensor.tags) != null ? _a2 : [];
+    await updateSensor({ tags: currentTags.filter((t2) => t2 !== tag) });
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "border rounded-md overflow-hidden transition-opacity",
+        indentClass,
+        !isVisible && "opacity-70"
+      ),
+      onMouseEnter,
+      onMouseLeave,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between p-3 hover:bg-accent/50 transition-colors", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                className: cn("h-6 w-6 p-0 mt-1", !isVisible && "opacity-70"),
+                onClick: () => setIsExpanded(!isExpanded),
+                children: /* @__PURE__ */ jsx(
+                  LR.ChevronRight,
+                  {
+                    className: cn(
+                      "h-4 w-4 transition-transform",
+                      isExpanded && "rotate-90"
+                    )
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: cn(
+              "h-8 w-8 mt-1 rounded-full bg-primary flex items-center justify-center flex-shrink-0",
+              !isVisible && "opacity-70 grayscale"
+            ), children: /* @__PURE__ */ jsx(SensorIcon, { className: cn("h-4 w-4 text-primary-foreground", !isVisible && "opacity-70") }) }),
+            /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: cn("text-sm font-medium", isVisible ? "text-foreground" : "text-muted-foreground"), children: sensor.name }),
+              sensor.updatedAt !== sensor.createdAt && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-xs", children: t("edited") })
+            ] }) })
+          ] }),
+          onAction && /* @__PURE__ */ jsx("div", { className: cn("flex items-center gap-0 flex-shrink-0", !isVisible && "opacity-70"), children: (user == null ? void 0 : user.id) === String(sensor.authorId) && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "h-8 w-8 p-0",
+                onClick: () => onAction("edit", sensor.id),
+                title: t("editSensor"),
+                children: /* @__PURE__ */ jsx(LR.Pencil, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "h-8 w-8 p-0",
+                onClick: () => onAction("delete", sensor.id),
+                title: t("deleteSensor"),
+                children: /* @__PURE__ */ jsx(LR.Trash2, { className: "h-4 w-4" })
+              }
+            )
+          ] }) })
+        ] }),
+        isExpanded && /* @__PURE__ */ jsxs("div", { className: "border-t bg-muted/30", children: [
+          /* @__PURE__ */ jsxs("div", { className: "p-4 space-y-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: format(new Date(sensor.createdAt), "PPp") }),
+                /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: typeName })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2 text-sm", children: [
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Name:" }),
+                  /* @__PURE__ */ jsx("span", { className: "ml-2 font-medium", children: sensor.name })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Format:" }),
+                  /* @__PURE__ */ jsx("span", { className: "ml-2 font-medium", children: sensor.dataFormat })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 pt-2", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: "Author:" }),
+                /* @__PURE__ */ jsx(Avatar, { className: "h-5 w-5 rounded-full overflow-hidden", children: /* @__PURE__ */ jsx(UserAvatar, { imageFileId: author == null ? void 0 : author.imageFileId, name: authorName }) }),
+                /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: authorName })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(
+              SensorChart,
+              {
+                sensorData,
+                isLoadingData,
+                sensorName: sensor.name,
+                sensorType,
+                updateFrequency: sensor.updateFrequency,
+                chartConfig
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            SensorTagsSection,
+            {
+              tags: (_d = sensor.tags) != null ? _d : [],
+              onAdd: handleAddTag,
+              onDelete: handleDeleteTag,
+              translations: {
+                addTag: t("addTag"),
+                removeTag: t("removeTag"),
+                cancel: t("cancel"),
+                newTagPlaceholder: t("newTagPlaceholder")
+              }
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  CollapsibleSensorItem
+};
+//# sourceMappingURL=CollapsibleSensorItem.js.map

package/dist/core/components/ui/Sensors/CollapsibleSensorItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/core/components/ui/Sensors/CollapsibleSensorItem.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\n// Audit Phase 1.F (F-2c): direct file imports — bypass ui barrel.\r\nimport { Button } from '../Button'\r\nimport { Badge } from '../Badge'\r\nimport { Avatar, AvatarFallback } from '../Avatar'\r\nimport { UserAvatar } from '../UserAvatar'\r\nimport * as LR from 'lucide-react'\r\nimport { useTranslations } from 'next-intl'\r\nimport { format } from 'date-fns'\r\nimport { cn } from '../../../utils/utils'\r\nimport { Sensor, SensorType } from '../../../types/dbTypes'\r\nimport { useUser } from '../../../hooks/users/users'\r\nimport { useCoreHooks } from '../../../hooks/provider'\r\nimport { useSession } from 'next-auth/react'\r\nimport { SensorChart } from './SensorChart'\r\nimport { SensorTagsSection } from './SensorTagsSection'\r\nimport type { ChartConfig } from '../chart'\r\n\r\ntype SensorAction = 'view' | 'edit' | 'delete' | 'reply'\r\n\r\ninterface CollapsibleSensorItemProps {\r\n  sensor: Sensor\r\n  sensorType: SensorType\r\n  onAction?: (action: SensorAction, id: number) => void\r\n  depth?: number\r\n  isVisible?: boolean\r\n  onMouseEnter?: () => void\r\n  onMouseLeave?: () => void\r\n}\r\n\r\nexport function CollapsibleSensorItem({\r\n  sensor,\r\n  sensorType,\r\n  onAction,\r\n  depth = 0,\r\n  isVisible = true,\r\n  onMouseEnter,\r\n  onMouseLeave\r\n}: CollapsibleSensorItemProps) {\r\n  const t = useTranslations('SensorsSection')\r\n  const [isExpanded, setIsExpanded] = React.useState(false)\r\n  const [sensorData, setSensorData] = React.useState<{ time: string; value: number }[]>([])\r\n  const [isLoadingData, setIsLoadingData] = React.useState(false)\r\n  const prevVisibleRef = React.useRef(isVisible)\r\n\r\n  const dataPath = `${process.env.NEXT_PUBLIC_MINIO_BUCKET_URL}/sensors/${sensor.url}`\r\n\r\n  const typeIcon  = sensorType?.icon || 'Radio'\r\n  const typeName = sensorType?.name.replace(/_/g, ' ') ?? 'Unknown'    \r\n\r\n  const SensorIcon = LR[typeIcon] || LR.Radio\r\n\r\n  // Auto-collapse when visibility turns off\r\n  React.useEffect(() => {\r\n    const prevVisible = prevVisibleRef.current\r\n    \r\n    if (prevVisible && !isVisible) {\r\n      // Just turned invisible - collapse\r\n      setIsExpanded(false)\r\n    }\r\n    \r\n    prevVisibleRef.current = isVisible\r\n  }, [isVisible])\r\n\r\n  // Fetch and parse CSV data\r\n  React.useEffect(() => {\r\n    const fetchCSVData = async () => {\r\n      setIsLoadingData(true)\r\n      try {\r\n        const response = await fetch(dataPath)\r\n        const csvText = await response.text()\r\n        \r\n        // Parse CSV: format is \"time,value\" (e.g., \"0:00:00,7.4\")\r\n        const lines = csvText.trim().split('\\n')\r\n        const parsed = lines.map(line => {\r\n          const [time, valueStr] = line.split(',')\r\n          return {\r\n            time: time.trim(),\r\n            value: parseFloat(valueStr.trim())\r\n          }\r\n        }).filter(item => !isNaN(item.value)) // Filter out any invalid entries\r\n        \r\n        setSensorData(parsed)\r\n      } catch (error) {\r\n        console.error('Error fetching sensor data:', error)\r\n        // Fallback to empty array on error\r\n        setSensorData([])\r\n      } finally {\r\n        setIsLoadingData(false)\r\n      }\r\n    }\r\n\r\n    if (isExpanded) {\r\n      fetchCSVData()\r\n    }\r\n  }, [dataPath, isExpanded])\r\n\r\n  const chartConfig = {\r\n    value: {\r\n      label: typeName,\r\n      color: \"hsl(var(--chart-1))\",\r\n    },\r\n  } satisfies ChartConfig\r\n\r\n  const user = useSession().data?.user\r\n\r\n  const indentClass = depth > 0 ? `ml-${Math.min(depth * 4, 12)}` : ''\r\n\r\n  const { user: author } = useUser(String(sensor.authorId))\r\n  let authorName: string | undefined = author?.name ?? 'Unknown User'\r\n\r\n  const { sensor: sensorHooks } = useCoreHooks()\r\n  const { updateSensor } = sensorHooks.useSensor(sensor.id)\r\n\r\n  const handleAddTag = async (tag: string) => {\r\n    const currentTags = sensor.tags ?? []\r\n    await updateSensor({ tags: [...currentTags, tag] })\r\n  }\r\n\r\n  const handleDeleteTag = async (tag: string) => {\r\n    const currentTags = sensor.tags ?? []\r\n    await updateSensor({ tags: currentTags.filter(t => t !== tag) })\r\n  }\r\n\r\n  return (\r\n    <div \r\n      className={cn(\r\n        \"border rounded-md overflow-hidden transition-opacity\",\r\n        indentClass,\r\n        !isVisible && \"opacity-70\"\r\n      )}\r\n      onMouseEnter={onMouseEnter}\r\n      onMouseLeave={onMouseLeave}\r\n    >\r\n      {/* Sensor Header */}\r\n      <div className=\"flex items-start justify-between p-3 hover:bg-accent/50 transition-colors\">\r\n        <div className=\"flex items-start gap-3 flex-1 min-w-0\">\r\n          <Button\r\n            variant=\"ghost\"\r\n            size=\"sm\"\r\n            className={cn(\"h-6 w-6 p-0 mt-1\", !isVisible && \"opacity-70\")}\r\n            onClick={() => setIsExpanded(!isExpanded)}\r\n          >\r\n            <LR.ChevronRight\r\n              className={cn(\r\n                \"h-4 w-4 transition-transform\",\r\n                isExpanded && \"rotate-90\"\r\n              )}\r\n            />\r\n          </Button>\r\n\r\n          <div className={cn(\r\n            \"h-8 w-8 mt-1 rounded-full bg-primary flex items-center justify-center flex-shrink-0\",\r\n            !isVisible && \"opacity-70 grayscale\"\r\n          )}>\r\n            <SensorIcon className={cn(\"h-4 w-4 text-primary-foreground\", !isVisible && \"opacity-70\")} />\r\n          </div>\r\n\r\n          <div className=\"flex-1 min-w-0\">\r\n            <div className=\"flex items-center gap-2\">\r\n                <span className={cn(\"text-sm font-medium\", isVisible ? \"text-foreground\" : \"text-muted-foreground\")}>\r\n                {sensor.name}\r\n              </span>\r\n              {sensor.updatedAt !== sensor.createdAt && (\r\n                <Badge variant=\"outline\" className=\"text-xs\">\r\n                  {t('edited')}\r\n                </Badge>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n      {/* Action Buttons */}\r\n      {onAction && (\r\n        <div className={cn(\"flex items-center gap-0 flex-shrink-0\", !isVisible && \"opacity-70\")}>\r\n          {user?.id === String(sensor.authorId) && (\r\n            <>\r\n              <Button\r\n                variant=\"ghost\"\r\n                size=\"icon\"\r\n                className=\"h-8 w-8 p-0\"\r\n                onClick={() => onAction('edit', sensor.id)}\r\n                title={t('editSensor')}\r\n              >\r\n                <LR.Pencil className=\"h-4 w-4\" />\r\n              </Button>\r\n              <Button\r\n                variant=\"ghost\"\r\n                size=\"icon\"\r\n                className=\"h-8 w-8 p-0\"\r\n                onClick={() => onAction('delete', sensor.id)}\r\n                title={t('deleteSensor')}\r\n              >\r\n                <LR.Trash2 className=\"h-4 w-4\" />\r\n              </Button>\r\n            </>\r\n          )}\r\n        </div>\r\n      )}\r\n    </div>\r\n\r\n      {/* Expanded Content */ }\r\n  {\r\n    isExpanded && (\r\n      <div className=\"border-t bg-muted/30\">\r\n        <div className=\"p-4 space-y-4\">\r\n          {/* Sensor Information */}\r\n          <div className=\"space-y-2\">\r\n            <div className=\"flex items-center justify-between\">\r\n              <span className=\"text-xs text-muted-foreground\">\r\n                {format(new Date(sensor.createdAt), 'PPp')}\r\n              </span>\r\n              <Badge variant=\"secondary\" className=\"text-xs\">\r\n                {typeName}\r\n              </Badge>\r\n            </div>\r\n            \r\n            <div className=\"grid grid-cols-2 gap-2 text-sm\">\r\n              <div>\r\n                <span className=\"text-muted-foreground\">Name:</span>\r\n                <span className=\"ml-2 font-medium\">{sensor.name}</span>\r\n              </div>\r\n              <div>\r\n                <span className=\"text-muted-foreground\">Format:</span>\r\n                <span className=\"ml-2 font-medium\">{sensor.dataFormat}</span>\r\n              </div>\r\n            </div>\r\n\r\n            {/* Author Information */}\r\n            <div className=\"flex items-center gap-2 pt-2\">\r\n              <span className=\"text-muted-foreground text-sm\">Author:</span>\r\n              <Avatar className=\"h-5 w-5 rounded-full overflow-hidden\">\r\n                <UserAvatar imageFileId={author?.imageFileId} name={authorName} />\r\n              </Avatar>\r\n              <span className=\"text-sm font-medium\">{authorName}</span>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Sensor Data Chart */}\r\n          <SensorChart\r\n            sensorData={sensorData}\r\n            isLoadingData={isLoadingData}\r\n            sensorName={sensor.name}\r\n            sensorType={sensorType}\r\n            updateFrequency={sensor.updateFrequency}\r\n            chartConfig={chartConfig}\r\n          />\r\n        </div>\r\n        <div>\r\n            <SensorTagsSection\r\n              tags={sensor.tags ?? []}\r\n              onAdd={handleAddTag}\r\n              onDelete={handleDeleteTag}\r\n              translations={{\r\n                addTag: t('addTag'),\r\n                removeTag: t('removeTag'),\r\n                cancel: t('cancel'),\r\n                newTagPlaceholder: t('newTagPlaceholder'),\r\n              }}\r\n            />\r\n        </div>\r\n\r\n      </div>\r\n    )\r\n  }\r\n    </div >\r\n  )\r\n}\r\n"],"mappings":"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","names":["_a","t"]}

package/dist/core/components/ui/Sensors/Sensor.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { SensorDataFormat, SensorType } from '../../../types/dbTypes';
+import { type SensorTagsTranslations } from './SensorTagsSection';
+export type SensorProps = {
+    sensorName: string;
+    sensorType: SensorType;
+    dataUrl: string;
+    dataFormat: SensorDataFormat | `${SensorDataFormat}`;
+    updateFrequency: number;
+    buildingId?: number;
+    sensorId?: number;
+    tags?: string[];
+    tagsVariant?: 'edit' | 'read-only';
+    tagsTranslations?: SensorTagsTranslations;
+    onAddTag?: (tag: string) => Promise<void>;
+    onDeleteTag?: (tag: string) => Promise<void>;
+    createdAt: string | Date;
+    onRemove?: () => void;
+    onClose?: () => void;
+    enableCollapse?: boolean;
+    defaultCollapsed?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    highlight?: boolean;
+};
+export default function Sensor({ sensorName, sensorType, dataUrl, dataFormat, updateFrequency, createdAt, onRemove, onClose, enableCollapse, defaultCollapsed, size, highlight, sensorId, tags, tagsVariant, tagsTranslations, onAddTag, onDeleteTag, }: SensorProps): React.JSX.Element;
+//# sourceMappingURL=Sensor.d.ts.map

package/dist/core/components/ui/Sensors/Sensor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sensor.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Sensors/Sensor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAErE,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAGpF,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,UAAU,CAAA;IACtB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,gBAAgB,GAAG,GAAG,gBAAgB,EAAE,CAAA;IACpD,eAAe,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;IAClC,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;IACzC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACzC,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC5C,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,UAAU,EACV,UAAU,EACV,OAAO,EACP,UAAU,EACV,eAAe,EACf,SAAS,EACT,QAAQ,EACR,OAAO,EACP,cAAsB,EACtB,gBAAwB,EACxB,IAAW,EACX,SAAiB,EACjB,QAAQ,EACR,IAAS,EACT,WAAoB,EACpB,gBAAgB,EAChB,QAAQ,EACR,WAAW,GACZ,EAAE,WAAW,qBA6Lb"}

package/dist/core/components/ui/Sensors/Sensor.js

@@ -0,0 +1,205 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as LR from "lucide-react";
+import { Button } from "../Button";
+import { Card } from "../Card";
+import { formatTimestamp } from "../../../utils/timeUtils";
+import { SensorDataFormat } from "../../../types/dbTypes";
+import { SensorChart } from "./SensorChart";
+import { SensorTagsSection } from "./SensorTagsSection";
+function Sensor({
+  sensorName,
+  sensorType,
+  dataUrl,
+  dataFormat,
+  updateFrequency,
+  createdAt,
+  onRemove,
+  onClose,
+  enableCollapse = false,
+  defaultCollapsed = false,
+  size = "md",
+  highlight = false,
+  sensorId,
+  tags = [],
+  tagsVariant = "edit",
+  tagsTranslations,
+  onAddTag,
+  onDeleteTag
+}) {
+  var _a;
+  const [isCollapsed, setIsCollapsed] = React.useState(defaultCollapsed);
+  const [sensorData, setSensorData] = React.useState([]);
+  const [isLoadingData, setIsLoadingData] = React.useState(false);
+  const lastTap = React.useRef(0);
+  const sensorTypeNameFormatted = ((_a = sensorType == null ? void 0 : sensorType.name) == null ? void 0 : _a.replace(/_/g, " ")) || "Other";
+  const SensorIcon = LR[sensorType == null ? void 0 : sensorType.icon] || LR.Radio;
+  React.useEffect(() => {
+    const fetchData = async () => {
+      if (!dataUrl || dataFormat !== SensorDataFormat.Csv) {
+        return;
+      }
+      setIsLoadingData(true);
+      try {
+        const response = await fetch(dataUrl);
+        const text = await response.text();
+        const lines = text.trim().split("\n");
+        const data = lines.map((line) => {
+          const [time, value] = line.split(",");
+          return {
+            time: time.trim(),
+            value: parseFloat(value)
+          };
+        });
+        setSensorData(data);
+      } catch (error) {
+        console.error("Failed to fetch sensor data:", error);
+        setSensorData([]);
+      } finally {
+        setIsLoadingData(false);
+      }
+    };
+    fetchData();
+  }, [dataUrl, dataFormat]);
+  const chartConfig = {
+    value: {
+      label: "Value",
+      color: "hsl(var(--chart-1))"
+    }
+  };
+  const sizeStyles = {
+    sm: {
+      cardWidth: "w-[280px]",
+      cardPadding: "px-2 py-2",
+      iconSize: "h-7 w-7",
+      iconInnerSize: "h-4 w-4",
+      titleSize: "text-xs",
+      subtitleSize: "text-[10px]",
+      metaSize: "text-[10px]",
+      buttonSize: "h-6 w-6",
+      buttonIconSize: "h-3 w-3",
+      gap: "gap-2",
+      collapsedIconSize: "h-8 w-8",
+      collapsedIconInnerSize: "h-4 w-4"
+    },
+    md: {
+      cardWidth: "w-[410px]",
+      cardPadding: "px-3 py-2.5",
+      iconSize: "h-9 w-9",
+      iconInnerSize: "h-5 w-5",
+      titleSize: "text-sm",
+      subtitleSize: "text-xs",
+      metaSize: "text-xs",
+      buttonSize: "h-7 w-7",
+      buttonIconSize: "h-4 w-4",
+      gap: "gap-3",
+      collapsedIconSize: "h-9 w-9",
+      collapsedIconInnerSize: "h-5 w-5"
+    },
+    lg: {
+      cardWidth: "w-[500px]",
+      cardPadding: "px-4 py-3",
+      iconSize: "h-11 w-11",
+      iconInnerSize: "h-6 w-6",
+      titleSize: "text-base",
+      subtitleSize: "text-sm",
+      metaSize: "text-sm",
+      buttonSize: "h-8 w-8",
+      buttonIconSize: "h-5 w-5",
+      gap: "gap-4",
+      collapsedIconSize: "h-11 w-11",
+      collapsedIconInnerSize: "h-6 w-6"
+    }
+  };
+  const currentSize = sizeStyles[size];
+  const handlePointerDown = (e) => {
+    if (!enableCollapse) return;
+    e.stopPropagation();
+    const now = performance.now();
+    if (now - lastTap.current < 300) setIsCollapsed((v) => !v);
+    lastTap.current = now;
+  };
+  if (enableCollapse && isCollapsed) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `${currentSize.collapsedIconSize} rounded-full shadow-md flex items-center justify-center flex-shrink-0 bg-primary pointer-events-auto`,
+        onPointerDown: handlePointerDown,
+        onDoubleClick: (e) => {
+          e.stopPropagation();
+          setIsCollapsed((v) => !v);
+        },
+        children: /* @__PURE__ */ jsx(SensorIcon, { className: `${currentSize.collapsedIconInnerSize} text-primary-foreground cursor-pointer` })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "relative inline-block group pointer-events-auto",
+      title: enableCollapse ? "Double click to collapse" : void 0,
+      onPointerDown: handlePointerDown,
+      onDoubleClick: (e) => {
+        e.stopPropagation();
+        if (enableCollapse) setIsCollapsed((v) => !v);
+        else onClose == null ? void 0 : onClose();
+      },
+      children: /* @__PURE__ */ jsxs(Card, { className: `${currentSize.cardWidth} ${currentSize.cardPadding} shadow-md group-hover:shadow-lg transition-shadow duration-200`, children: [
+        /* @__PURE__ */ jsxs("div", { className: `flex items-start ${currentSize.gap}`, children: [
+          /* @__PURE__ */ jsx("div", { className: `${currentSize.iconSize} rounded-full shadow-sm flex items-center justify-center select-none flex-shrink-0 bg-primary`, children: /* @__PURE__ */ jsx(SensorIcon, { className: `${currentSize.iconInnerSize} text-primary-foreground` }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsx("span", { className: `font-semibold ${currentSize.titleSize} text-foreground leading-none truncate`, children: sensorName }),
+            /* @__PURE__ */ jsx("span", { className: `${currentSize.subtitleSize} text-muted-foreground leading-none`, children: sensorTypeNameFormatted })
+          ] }),
+          onRemove && /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "icon",
+              title: "Remove sensor",
+              className: `z-50 ${currentSize.buttonSize} shrink-0`,
+              "aria-label": "Remove sensor",
+              onClick: (e) => {
+                e.stopPropagation();
+                onRemove();
+              },
+              children: /* @__PURE__ */ jsx(LR.Trash2, { className: currentSize.buttonIconSize })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsxs("span", { className: `${currentSize.metaSize} text-muted-foreground`, children: [
+          "Created ",
+          formatTimestamp(createdAt)
+        ] }) }),
+        /* @__PURE__ */ jsx(
+          SensorChart,
+          {
+            sensorData,
+            isLoadingData,
+            sensorName,
+            sensorType,
+            updateFrequency,
+            chartConfig,
+            size
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          SensorTagsSection,
+          {
+            tags,
+            variant: tagsVariant,
+            onAdd: onAddTag,
+            onDelete: onDeleteTag,
+            translations: tagsTranslations
+          }
+        )
+      ] })
+    }
+  );
+}
+export {
+  Sensor as default
+};
+//# sourceMappingURL=Sensor.js.map

package/dist/core/components/ui/Sensors/Sensor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/core/components/ui/Sensors/Sensor.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\nimport * as LR from 'lucide-react'\r\nimport { Button } from '../Button'\r\nimport { Card } from '../Card'\r\nimport { formatTimestamp } from '../../../utils/timeUtils'\r\nimport { SensorDataFormat, SensorType } from '../../../types/dbTypes'\r\nimport { SensorChart } from './SensorChart'\r\nimport { SensorTagsSection, type SensorTagsTranslations } from './SensorTagsSection'\r\nimport type { ChartConfig } from '../chart'\r\n\r\nexport type SensorProps = {\r\n  sensorName: string\r\n  sensorType: SensorType\r\n  dataUrl: string\r\n  dataFormat: SensorDataFormat | `${SensorDataFormat}`\r\n  updateFrequency: number\r\n  buildingId?: number\r\n  sensorId?: number\r\n  tags?: string[]\r\n  tagsVariant?: 'edit' | 'read-only'\r\n  tagsTranslations?: SensorTagsTranslations\r\n  onAddTag?: (tag: string) => Promise<void>\r\n  onDeleteTag?: (tag: string) => Promise<void>\r\n  createdAt: string | Date\r\n  onRemove?: () => void\r\n  onClose?: () => void\r\n  enableCollapse?: boolean\r\n  defaultCollapsed?: boolean\r\n  size?: 'sm' | 'md' | 'lg'\r\n  highlight?: boolean\r\n}\r\n\r\nexport default function Sensor({\r\n  sensorName,\r\n  sensorType,\r\n  dataUrl,\r\n  dataFormat,\r\n  updateFrequency,\r\n  createdAt,\r\n  onRemove,\r\n  onClose,\r\n  enableCollapse = false,\r\n  defaultCollapsed = false,\r\n  size = 'md',\r\n  highlight = false,\r\n  sensorId,\r\n  tags = [],\r\n  tagsVariant = 'edit',\r\n  tagsTranslations,\r\n  onAddTag,\r\n  onDeleteTag,\r\n}: SensorProps) {\r\n  const [isCollapsed, setIsCollapsed] = React.useState(defaultCollapsed)\r\n  const [sensorData, setSensorData] = React.useState<{ time: string; value: number }[]>([])\r\n  const [isLoadingData, setIsLoadingData] = React.useState(false)\r\n  const lastTap = React.useRef(0)\r\n\r\n  const sensorTypeNameFormatted = sensorType?.name?.replace(/_/g, ' ') || 'Other'\r\n  const SensorIcon = LR[sensorType?.icon] || LR.Radio\r\n\r\n  // Fetch sensor data\r\n  React.useEffect(() => {\r\n    const fetchData = async () => {\r\n      if (!dataUrl || dataFormat !== SensorDataFormat.Csv) {\r\n        return\r\n      }\r\n\r\n      setIsLoadingData(true)\r\n      try {\r\n        const response = await fetch(dataUrl)\r\n        const text = await response.text()\r\n\r\n        const lines = text.trim().split('\\n')\r\n        const data = lines.map((line) => {\r\n          const [time, value] = line.split(',')\r\n          return {\r\n            time: time.trim(),\r\n            value: parseFloat(value),\r\n          }\r\n        })\r\n\r\n        setSensorData(data)\r\n      } catch (error) {\r\n        console.error('Failed to fetch sensor data:', error)\r\n        setSensorData([])\r\n      } finally {\r\n        setIsLoadingData(false)\r\n      }\r\n    }\r\n\r\n    fetchData()\r\n  }, [dataUrl, dataFormat])\r\n\r\n  const chartConfig: ChartConfig = {\r\n    value: {\r\n      label: 'Value',\r\n      color: 'hsl(var(--chart-1))',\r\n    },\r\n  }\r\n\r\n  const sizeStyles = {\r\n    sm: {\r\n      cardWidth: 'w-[280px]',\r\n      cardPadding: 'px-2 py-2',\r\n      iconSize: 'h-7 w-7',\r\n      iconInnerSize: 'h-4 w-4',\r\n      titleSize: 'text-xs',\r\n      subtitleSize: 'text-[10px]',\r\n      metaSize: 'text-[10px]',\r\n      buttonSize: 'h-6 w-6',\r\n      buttonIconSize: 'h-3 w-3',\r\n      gap: 'gap-2',\r\n      collapsedIconSize: 'h-8 w-8',\r\n      collapsedIconInnerSize: 'h-4 w-4',\r\n    },\r\n    md: {\r\n      cardWidth: 'w-[410px]',\r\n      cardPadding: 'px-3 py-2.5',\r\n      iconSize: 'h-9 w-9',\r\n      iconInnerSize: 'h-5 w-5',\r\n      titleSize: 'text-sm',\r\n      subtitleSize: 'text-xs',\r\n      metaSize: 'text-xs',\r\n      buttonSize: 'h-7 w-7',\r\n      buttonIconSize: 'h-4 w-4',\r\n      gap: 'gap-3',\r\n      collapsedIconSize: 'h-9 w-9',\r\n      collapsedIconInnerSize: 'h-5 w-5',\r\n    },\r\n    lg: {\r\n      cardWidth: 'w-[500px]',\r\n      cardPadding: 'px-4 py-3',\r\n      iconSize: 'h-11 w-11',\r\n      iconInnerSize: 'h-6 w-6',\r\n      titleSize: 'text-base',\r\n      subtitleSize: 'text-sm',\r\n      metaSize: 'text-sm',\r\n      buttonSize: 'h-8 w-8',\r\n      buttonIconSize: 'h-5 w-5',\r\n      gap: 'gap-4',\r\n      collapsedIconSize: 'h-11 w-11',\r\n      collapsedIconInnerSize: 'h-6 w-6',\r\n    },\r\n  }\r\n\r\n  const currentSize = sizeStyles[size]\r\n\r\n  const handlePointerDown = (e: React.PointerEvent) => {\r\n    if (!enableCollapse) return\r\n    e.stopPropagation()\r\n\r\n    const now = performance.now()\r\n    if (now - lastTap.current < 300) setIsCollapsed(v => !v)\r\n    lastTap.current = now\r\n  }\r\n\r\n  if (enableCollapse && isCollapsed) {\r\n    return (\r\n      <div\r\n        className={`${currentSize.collapsedIconSize} rounded-full shadow-md flex items-center justify-center flex-shrink-0 bg-primary pointer-events-auto`}\r\n        onPointerDown={handlePointerDown}\r\n        onDoubleClick={(e) => {\r\n          e.stopPropagation()\r\n          setIsCollapsed(v => !v)\r\n        }}\r\n      >\r\n        <SensorIcon className={`${currentSize.collapsedIconInnerSize} text-primary-foreground cursor-pointer`} />\r\n      </div>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div\r\n      className=\"relative inline-block group pointer-events-auto\"\r\n      title={enableCollapse ? 'Double click to collapse' : undefined}\r\n      onPointerDown={handlePointerDown}\r\n      onDoubleClick={(e) => {\r\n        e.stopPropagation()\r\n        if (enableCollapse) setIsCollapsed(v => !v)\r\n        else onClose?.()\r\n      }}\r\n    >\r\n      <Card className={`${currentSize.cardWidth} ${currentSize.cardPadding} shadow-md group-hover:shadow-lg transition-shadow duration-200`}>\r\n        <div className={`flex items-start ${currentSize.gap}`}>\r\n          <div className={`${currentSize.iconSize} rounded-full shadow-sm flex items-center justify-center select-none flex-shrink-0 bg-primary`}>\r\n            <SensorIcon className={`${currentSize.iconInnerSize} text-primary-foreground`} />\r\n          </div>\r\n\r\n          <div className=\"flex-1 min-w-0 flex flex-col gap-1\">\r\n            <span className={`font-semibold ${currentSize.titleSize} text-foreground leading-none truncate`}>\r\n              {sensorName}\r\n            </span>\r\n            <span className={`${currentSize.subtitleSize} text-muted-foreground leading-none`}>\r\n              {sensorTypeNameFormatted}\r\n            </span>\r\n          </div>\r\n\r\n          {onRemove && (\r\n            <Button\r\n              type=\"button\"\r\n              variant=\"ghost\"\r\n              size=\"icon\"\r\n              title=\"Remove sensor\"\r\n              className={`z-50 ${currentSize.buttonSize} shrink-0`}\r\n              aria-label=\"Remove sensor\"\r\n              onClick={(e) => {\r\n                e.stopPropagation()\r\n                onRemove()\r\n              }}\r\n            >\r\n              <LR.Trash2 className={currentSize.buttonIconSize} />\r\n            </Button>\r\n          )}\r\n        </div>\r\n\r\n        <div className=\"mb-2\">\r\n          <span className={`${currentSize.metaSize} text-muted-foreground`}>\r\n            Created {formatTimestamp(createdAt)}\r\n          </span>\r\n        </div>\r\n\r\n        <SensorChart\r\n          sensorData={sensorData}\r\n          isLoadingData={isLoadingData}\r\n          sensorName={sensorName}\r\n          sensorType={sensorType}\r\n          updateFrequency={updateFrequency}\r\n          chartConfig={chartConfig}\r\n          size={size}\r\n        />\r\n        <SensorTagsSection\r\n          tags={tags}\r\n          variant={tagsVariant}\r\n          onAdd={onAddTag}\r\n          onDelete={onDeleteTag}\r\n          translations={tagsTranslations}\r\n        />\r\n      </Card>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/core/components/ui/Sensors/SensorChart.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { type ChartConfig } from '../chart';
+import { SensorType } from '../../../types/dbTypes';
+interface SensorChartProps {
+    sensorData: {
+        time: string;
+        value: number;
+    }[];
+    isLoadingData: boolean;
+    sensorName: string;
+    sensorType: SensorType;
+    updateFrequency: number;
+    chartConfig: ChartConfig;
+    size?: 'sm' | 'md' | 'lg';
+    sensorTitle?: string;
+    loadingText?: string;
+    noDataText?: string;
+    updateFrequencyText?: string;
+    dataPointsText?: string;
+    minColor?: string;
+    midColor?: string;
+    maxColor?: string;
+}
+export declare function SensorChart({ sensorData, isLoadingData, sensorName, sensorType, updateFrequency, chartConfig, size, sensorTitle, loadingText, noDataText, updateFrequencyText, dataPointsText, minColor, midColor, maxColor, }: SensorChartProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=SensorChart.d.ts.map

package/dist/core/components/ui/Sensors/SensorChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SensorChart.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Sensors/SensorChart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,UAAU,CAAA;AAGjB,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAEnD,UAAU,gBAAgB;IACxB,UAAU,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC7C,aAAa,EAAE,OAAO,CAAA;IACtB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,UAAU,CAAA;IACtB,eAAe,EAAE,MAAM,CAAA;IACvB,WAAW,EAAE,WAAW,CAAA;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,aAAa,EACb,UAAU,EACV,UAAU,EACV,eAAe,EACf,WAAW,EACX,IAAW,EACX,WAA2B,EAC3B,WAA+B,EAC/B,UAAgC,EAChC,mBAAwC,EACxC,cAA8B,EAC9B,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,gBAAgB,qBAiGlB"}