@powerhousedao/common 1.10.33-dev.0 → 1.10.33-dev.2

package/dist/editors/styles.css

@@ -23,11 +23,14 @@
     --color-yellow-900: oklch(0.421 0.095 57.708);
     --color-green-100: oklch(0.962 0.044 156.743);
     --color-green-500: oklch(0.723 0.219 149.579);
+    --color-green-600: oklch(0.627 0.194 149.214);
     --color-green-700: oklch(0.527 0.154 150.069);
     --color-green-800: oklch(0.448 0.119 151.328);
     --color-green-900: oklch(0.393 0.095 152.535);
     --color-blue-50: oklch(0.97 0.014 254.604);
     --color-blue-100: oklch(0.932 0.032 255.585);
+    --color-blue-200: oklch(0.882 0.059 254.128);
+    --color-blue-300: oklch(0.809 0.105 251.813);
     --color-blue-400: oklch(0.707 0.165 254.624);
     --color-blue-500: oklch(0.623 0.214 259.815);
     --color-blue-600: oklch(0.546 0.245 262.881);
@@ -1103,11 +1106,14 @@
     --color-yellow-900: hsl(47 100% 49%);
     --color-green-100: hsl(134 51% 89%);
     --color-green-500: hsl(136 53% 66%);
+    --color-green-600: hsl(136 53% 60%);
     --color-green-700: hsl(136 52% 55%);
     --color-green-800: hsl(136 53% 49%);
     --color-green-900: hsl(136 53% 43%);
     --color-blue-50: oklch(0.97 0.014 254.604);
     --color-blue-100: hsl(209 100% 90%);
+    --color-blue-200: hsl(209 97% 85%);
+    --color-blue-300: hsl(209 100% 80%);
     --color-blue-400: hsl(209 100% 75%);
     --color-blue-500: hsl(209 100% 70%);
     --color-blue-600: hsl(209 100% 65%);
@@ -1364,6 +1370,9 @@
   .relative {
     position: relative;
   }
+  .static {
+    position: static;
+  }
   .sticky {
     position: sticky;
   }
@@ -1373,6 +1382,9 @@
   .inset-8 {
     inset: calc(var(--spacing) * 8);
   }
+  .inset-x-0 {
+    inset-inline: calc(var(--spacing) * 0);
+  }
   .inset-y-0 {
     inset-block: calc(var(--spacing) * 0);
   }
@@ -1403,6 +1415,12 @@
   .top-\[-2px\] {
     top: -2px;
   }
+  .top-\[-11px\] {
+    top: -11px;
+  }
+  .top-\[11px\] {
+    top: 11px;
+  }
   .top-\[48px\] {
     top: 48px;
   }
@@ -1427,6 +1445,9 @@
   .right-\[-2px\] {
     right: -2px;
   }
+  .right-\[0px\] {
+    right: 0px;
+  }
   .bottom-0 {
     bottom: calc(var(--spacing) * 0);
   }
@@ -1457,6 +1478,9 @@
   .left-\[-2px\] {
     left: -2px;
   }
+  .left-\[0px\] {
+    left: 0px;
+  }
   .isolate {
     isolation: isolate;
   }
@@ -1466,9 +1490,15 @@
   .z-10 {
     z-index: 10;
   }
+  .z-40 {
+    z-index: 40;
+  }
   .z-50 {
     z-index: 50;
   }
+  .z-\[20\] {
+    z-index: 20;
+  }
   .container {
     width: 100%;
     @media (width >= 40rem) {
@@ -1496,6 +1526,9 @@
   .m-8 {
     margin: calc(var(--spacing) * 8);
   }
+  .mx-0\.5 {
+    margin-inline: calc(var(--spacing) * 0.5);
+  }
   .mx-1 {
     margin-inline: calc(var(--spacing) * 1);
   }
@@ -1559,6 +1592,9 @@
   .mt-\[5px\] {
     margin-top: 5px;
   }
+  .mt-\[11px\] {
+    margin-top: 11px;
+  }
   .mt-\[14px\] {
     margin-top: 14px;
   }
@@ -1723,6 +1759,10 @@
     width: calc(var(--spacing) * 10);
     height: calc(var(--spacing) * 10);
   }
+  .size-\[3px\] {
+    width: 3px;
+    height: 3px;
+  }
   .size-\[18px\] {
     width: 18px;
     height: 18px;
@@ -1774,18 +1814,42 @@
   .h-48 {
     height: calc(var(--spacing) * 48);
   }
+  .h-\[1px\] {
+    height: 1px;
+  }
+  .h-\[3px\] {
+    height: 3px;
+  }
+  .h-\[6px\] {
+    height: 6px;
+  }
+  .h-\[9px\] {
+    height: 9px;
+  }
+  .h-\[12px\] {
+    height: 12px;
+  }
+  .h-\[17px\] {
+    height: 17px;
+  }
   .h-\[20px\] {
     height: 20px;
   }
   .h-\[22px\] {
     height: 22px;
   }
+  .h-\[25px\] {
+    height: 25px;
+  }
   .h-\[28px\] {
     height: 28px;
   }
   .h-\[34px\] {
     height: 34px;
   }
+  .h-\[36px\] {
+    height: 36px;
+  }
   .h-\[37px\] {
     height: 37px;
   }
@@ -1870,6 +1934,18 @@
   .w-\(--radix-popover-trigger-width\) {
     width: var(--radix-popover-trigger-width);
   }
+  .w-0\.5 {
+    width: calc(var(--spacing) * 0.5);
+  }
+  .w-1 {
+    width: calc(var(--spacing) * 1);
+  }
+  .w-1\.5 {
+    width: calc(var(--spacing) * 1.5);
+  }
+  .w-2 {
+    width: calc(var(--spacing) * 2);
+  }
   .w-4 {
     width: calc(var(--spacing) * 4);
   }
@@ -1912,6 +1988,9 @@
   .w-\[--radix-popover-trigger-width\] {
     width: --radix-popover-trigger-width;
   }
+  .w-\[6px\] {
+    width: 6px;
+  }
   .w-\[10px\] {
     width: 10px;
   }
@@ -2185,6 +2264,9 @@
   .items-center {
     align-items: center;
   }
+  .items-end {
+    align-items: flex-end;
+  }
   .items-start {
     align-items: flex-start;
   }
@@ -2317,6 +2399,9 @@
   .rounded-3xl {
     border-radius: var(--radius-3xl);
   }
+  .rounded-\[2px\] {
+    border-radius: 2px;
+  }
   .rounded-\[4px\] {
     border-radius: 4px;
   }
@@ -2350,6 +2435,10 @@
     border-top-left-radius: 0.25rem;
     border-top-right-radius: 0.25rem;
   }
+  .rounded-t-full {
+    border-top-left-radius: calc(infinity * 1px);
+    border-top-right-radius: calc(infinity * 1px);
+  }
   .rounded-t-md {
     border-top-left-radius: var(--radius-md);
     border-top-right-radius: var(--radius-md);
@@ -2366,6 +2455,9 @@
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
   }
+  .rounded-tl-md {
+    border-top-left-radius: var(--radius-md);
+  }
   .rounded-r-md {
     border-top-right-radius: var(--radius-md);
     border-bottom-right-radius: var(--radius-md);
@@ -2374,6 +2466,13 @@
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
   }
+  .rounded-tr-md {
+    border-top-right-radius: var(--radius-md);
+  }
+  .rounded-b-full {
+    border-bottom-right-radius: calc(infinity * 1px);
+    border-bottom-left-radius: calc(infinity * 1px);
+  }
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -2519,6 +2618,12 @@
   .bg-blue-100 {
     background-color: var(--color-blue-100);
   }
+  .bg-blue-200 {
+    background-color: var(--color-blue-200);
+  }
+  .bg-blue-300 {
+    background-color: var(--color-blue-300);
+  }
   .bg-blue-500 {
     background-color: var(--color-blue-500);
   }
@@ -2558,6 +2663,9 @@
   .bg-green-500 {
     background-color: var(--color-green-500);
   }
+  .bg-green-600 {
+    background-color: var(--color-green-600);
+  }
   .bg-green-900 {
     background-color: var(--color-green-900);
   }
@@ -3813,6 +3921,13 @@
       }
     }
   }
+  .hover\:bg-blue-300 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-blue-300);
+      }
+    }
+  }
   .hover\:bg-gray-50 {
     &:hover {
       @media (hover: hover) {

package/dist/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./useTimelineItems.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/hooks/index.js

@@ -0,0 +1,2 @@
+export * from "./useTimelineItems.js";
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/hooks/useTimelineItems.d.ts

@@ -0,0 +1,8 @@
+import { type DocumentToolbarProps } from "@powerhousedao/design-system";
+type TimelineResult = {
+    isLoading: boolean;
+    data: DocumentToolbarProps["timelineItems"];
+};
+export declare const useTimelineItems: (documentId?: string, startTimestamp?: string) => TimelineResult;
+export {};
+//# sourceMappingURL=useTimelineItems.d.ts.map

package/dist/hooks/useTimelineItems.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimelineItems.d.ts","sourceRoot":"","sources":["../../hooks/useTimelineItems.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAuCzE,KAAK,cAAc,GAAG;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,oBAAoB,CAAC,eAAe,CAAC,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,aAAa,MAAM,EACnB,iBAAiB,MAAM,KACtB,cA2GF,CAAC"}

package/dist/hooks/useTimelineItems.js

@@ -0,0 +1,103 @@
+import { AnalyticsGranularity, AnalyticsPath, DateTime, useAnalyticsQuery, } from "@powerhousedao/reactor-browser/analytics";
+import { useMemo } from "react";
+const getBarSize = (value) => {
+    if (value <= 0)
+        return 0;
+    if (value > 0 && value <= 50)
+        return 1;
+    if (value > 50 && value <= 100)
+        return 2;
+    if (value > 100 && value <= 250)
+        return 3;
+    return 4;
+};
+export const useTimelineItems = (documentId, startTimestamp) => {
+    const start = startTimestamp
+        ? DateTime.fromISO(startTimestamp)
+        : DateTime.now().startOf("day");
+    const { data: diffResult, isLoading } = useAnalyticsQuery({
+        start,
+        end: DateTime.now().endOf("day"),
+        granularity: AnalyticsGranularity.Hourly,
+        metrics: ["Count"],
+        select: {
+            changes: [AnalyticsPath.fromString(`changes`)],
+            document: [AnalyticsPath.fromString(`document/${documentId}`)],
+        },
+        lod: {
+            changes: 2,
+        },
+        currency: AnalyticsPath.fromString(""),
+    });
+    // memoize the mapped result to avoid recalculation on rerenders
+    const mappedResult = useMemo(() => {
+        if (!diffResult)
+            return [];
+        return diffResult
+            .sort((a, b) => {
+            const aDate = new Date(a.start);
+            const bDate = new Date(b.start);
+            return aDate.getTime() - bDate.getTime();
+        })
+            .map((result) => {
+            const { additions, deletions } = result.rows.reduce((acc, row) => {
+                if (row.dimensions.changes.path ===
+                    "changes/add") {
+                    acc.additions += row.sum;
+                }
+                else if (row.dimensions.changes.path ===
+                    "changes/remove") {
+                    acc.deletions += row.sum;
+                }
+                return acc;
+            }, { additions: 0, deletions: 0 });
+            const startDate = new Date(result.start);
+            return {
+                id: startDate.toISOString(),
+                type: "bar",
+                addSize: getBarSize(additions),
+                delSize: getBarSize(deletions),
+                additions,
+                deletions,
+                timestamp: startDate.toISOString(),
+                date: startDate,
+                endDate: new Date(result.end),
+                revision: 0,
+            };
+        });
+    }, [diffResult]);
+    // memoize the divider insertion to avoid recalculation
+    const resultWithDividers = useMemo(() => {
+        if (!mappedResult.length)
+            return [];
+        const result = [];
+        mappedResult.forEach((item, index) => {
+            result.push(item);
+            // Check if there's a next item and if they're not in consecutive hours
+            if (index < mappedResult.length - 1) {
+                const currentDate = new Date(item.date);
+                const nextDate = new Date(mappedResult[index + 1].date);
+                const currentHour = currentDate.getHours();
+                const nextHour = nextDate.getHours();
+                // Get day parts (without time) for comparison
+                const currentDay = currentDate.toDateString();
+                const nextDay = nextDate.toDateString();
+                // If different days or non-consecutive hours on the same day
+                if (currentDay !== nextDay ||
+                    (currentDay === nextDay && Math.abs(nextHour - currentHour) > 1)) {
+                    result.push({
+                        id: `divider-${item.id}-${mappedResult[index + 1].id}`,
+                        type: "divider",
+                        revision: 0,
+                    });
+                }
+            }
+        });
+        return result;
+    }, [mappedResult]);
+    return {
+        isLoading,
+        data: resultWithDividers,
+    };
+};
+//# sourceMappingURL=useTimelineItems.js.map

package/dist/hooks/useTimelineItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimelineItems.js","sourceRoot":"","sources":["../../hooks/useTimelineItems.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export { GenericDriveExplorer } from "./editors/index.js";
+export * from "./hooks/index.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,cAAc,kBAAkB,CAAC"}

package/dist/index.js

@@ -1,2 +1,3 @@
 export { GenericDriveExplorer } from "./editors/index.js";
+export * from "./hooks/index.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,cAAc,kBAAkB,CAAC"}

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@powerhousedao/common",
-    "version": "1.10.33-dev.0",
+    "version": "1.10.33-dev.2",
     "license": "AGPL-3.0-only",
     "type": "module",
     "files": [