rimelight-components 2.1.37 → 2.1.39

package/dist/runtime/composables/dashboard/useDashboard.js

@@ -0,0 +1,18 @@
+import { useRoute, useState } from "#imports";
+import { watch } from "vue";
+export const useDashboard = () => {
+  const route = useRoute();
+  const isNotificationsSlideoverOpen = useState(
+    "dashboard:notificationsSlideover",
+    () => false
+  );
+  watch(
+    () => route.fullPath,
+    () => {
+      isNotificationsSlideoverOpen.value = false;
+    }
+  );
+  return {
+    isNotificationsSlideoverOpen
+  };
+};

package/dist/runtime/composables/dashboard/useDashboard.mjs

@@ -0,0 +1,18 @@
+import { useRoute, useState } from "#imports";
+import { watch } from "vue";
+export const useDashboard = () => {
+  const route = useRoute();
+  const isNotificationsSlideoverOpen = useState(
+    "dashboard:notificationsSlideover",
+    () => false
+  );
+  watch(
+    () => route.fullPath,
+    () => {
+      isNotificationsSlideoverOpen.value = false;
+    }
+  );
+  return {
+    isNotificationsSlideoverOpen
+  };
+};

package/dist/runtime/composables/dashboard/useFloatingTools.d.ts

@@ -0,0 +1,19 @@
+import { type Component, type Ref } from "vue";
+export interface FloatingToolDefinition {
+    id: string;
+    title: string;
+    icon: string;
+    component: Component;
+    tooltip?: () => string;
+    onClose?: () => void;
+}
+export declare const useFloatingTools: () => {
+    activeToolIds: Ref<string[], string[]>;
+    registeredTools: Ref<Map<string, FloatingToolDefinition>, Map<string, FloatingToolDefinition>>;
+    isVisible: Ref<boolean, boolean>;
+    registerTool: (definition: FloatingToolDefinition) => void;
+    openTool: (id: string) => void;
+    removeTool: (id: string) => void;
+    toggleExpanded: (id: string) => void;
+    isToolExpanded: (id: string) => boolean;
+};

package/dist/runtime/composables/dashboard/useFloatingTools.js

@@ -0,0 +1,44 @@
+import { useNuxtApp, useState } from "#app";
+import { shallowRef } from "vue";
+export const useFloatingTools = () => {
+  const nuxtApp = useNuxtApp();
+  if (!nuxtApp._floatingToolsRegistry) {
+    nuxtApp._floatingToolsRegistry = shallowRef(/* @__PURE__ */ new Map());
+  }
+  const registeredTools = nuxtApp._floatingToolsRegistry;
+  const activeToolIds = useState("active-floating-tool-ids", () => []);
+  const expandedTools = useState("floating-tools-expanded-map", () => ({}));
+  const isVisible = useState("floating-tool-visible-global", () => false);
+  function registerTool(definition) {
+    registeredTools.value.set(definition.id, definition);
+  }
+  function openTool(id) {
+    if (!registeredTools.value.has(id)) return;
+    if (!activeToolIds.value.includes(id)) {
+      activeToolIds.value.push(id);
+    }
+    expandedTools.value[id] = true;
+    isVisible.value = true;
+  }
+  function removeTool(id) {
+    const tool = registeredTools.value.get(id);
+    if (tool?.onClose) tool.onClose();
+    activeToolIds.value = activeToolIds.value.filter((t) => t !== id);
+    if (activeToolIds.value.length === 0) {
+      isVisible.value = false;
+    }
+  }
+  function toggleExpanded(id) {
+    expandedTools.value[id] = !expandedTools.value[id];
+  }
+  return {
+    activeToolIds,
+    registeredTools,
+    isVisible,
+    registerTool,
+    openTool,
+    removeTool,
+    toggleExpanded,
+    isToolExpanded: (id) => expandedTools.value[id] ?? true
+  };
+};

package/dist/runtime/composables/dashboard/useFloatingTools.mjs

@@ -0,0 +1,44 @@
+import { useNuxtApp, useState } from "#app";
+import { shallowRef } from "vue";
+export const useFloatingTools = () => {
+  const nuxtApp = useNuxtApp();
+  if (!nuxtApp._floatingToolsRegistry) {
+    nuxtApp._floatingToolsRegistry = shallowRef(/* @__PURE__ */ new Map());
+  }
+  const registeredTools = nuxtApp._floatingToolsRegistry;
+  const activeToolIds = useState("active-floating-tool-ids", () => []);
+  const expandedTools = useState("floating-tools-expanded-map", () => ({}));
+  const isVisible = useState("floating-tool-visible-global", () => false);
+  function registerTool(definition) {
+    registeredTools.value.set(definition.id, definition);
+  }
+  function openTool(id) {
+    if (!registeredTools.value.has(id)) return;
+    if (!activeToolIds.value.includes(id)) {
+      activeToolIds.value.push(id);
+    }
+    expandedTools.value[id] = true;
+    isVisible.value = true;
+  }
+  function removeTool(id) {
+    const tool = registeredTools.value.get(id);
+    if (tool?.onClose) tool.onClose();
+    activeToolIds.value = activeToolIds.value.filter((t) => t !== id);
+    if (activeToolIds.value.length === 0) {
+      isVisible.value = false;
+    }
+  }
+  function toggleExpanded(id) {
+    expandedTools.value[id] = !expandedTools.value[id];
+  }
+  return {
+    activeToolIds,
+    registeredTools,
+    isVisible,
+    registerTool,
+    openTool,
+    removeTool,
+    toggleExpanded,
+    isToolExpanded: (id) => expandedTools.value[id] ?? true
+  };
+};

package/dist/runtime/composables/dashboard/useFocusTimer.d.ts

@@ -0,0 +1,44 @@
+import { Time } from "@internationalized/date";
+export declare const useFocusTimer: () => {
+    initialTimeValue: import("vue").WritableComputedRef<Time, Time>;
+    timeLeft: import("vue").Ref<number, number>;
+    isRunning: import("vue").Ref<boolean, boolean>;
+    sessionsCompleted: import("vue").Ref<number, number>;
+    mode: import("vue").Ref<"work" | "short-break" | "long-break", "work" | "short-break" | "long-break">;
+    isModified: import("vue").Ref<boolean, boolean>;
+    formattedTime: import("vue").ComputedRef<string>;
+    progress: import("vue").ComputedRef<number>;
+    presets: {
+        work: {
+            label: string;
+            time: {
+                hour: number;
+                minute: number;
+                second: number;
+            };
+            theme: string;
+        };
+        "short-break": {
+            label: string;
+            time: {
+                hour: number;
+                minute: number;
+                second: number;
+            };
+            theme: string;
+        };
+        "long-break": {
+            label: string;
+            time: {
+                hour: number;
+                minute: number;
+                second: number;
+            };
+            theme: string;
+        };
+    };
+    setMode: (newMode: "work" | "short-break" | "long-break") => void;
+    startTimer: () => void;
+    pauseTimer: () => void;
+    resetTimer: () => void;
+};

package/dist/runtime/composables/dashboard/useFocusTimer.js

@@ -0,0 +1,141 @@
+import { useNuxtApp, useState } from "#imports";
+import { useToast } from "@nuxt/ui/composables";
+import { Time } from "@internationalized/date";
+import { computed } from "vue";
+export const useFocusTimer = () => {
+  const nuxtApp = useNuxtApp();
+  if (!nuxtApp._focusTimerState) {
+    nuxtApp._focusTimerState = {
+      timer: null
+    };
+  }
+  const appState = nuxtApp._focusTimerState;
+  const initialTime = useState("focusTimer-initial-time", () => ({
+    hour: 0,
+    minute: 25,
+    second: 0
+  }));
+  const timeLeft = useState("focusTimer-time-left", () => 25 * 60);
+  const isRunning = useState("focusTimer-is-running", () => false);
+  const sessionsCompleted = useState("focusTimer-sessions-completed", () => 0);
+  const mode = useState("focusTimer-mode", () => "work");
+  const isModified = useState("focusTimer-is-modified", () => false);
+  const initialTimeValue = computed({
+    get: () => new Time(initialTime.value.hour, initialTime.value.minute, initialTime.value.second),
+    set: (val) => {
+      initialTime.value = { hour: val.hour, minute: val.minute, second: val.second };
+      isModified.value = true;
+    }
+  });
+  const toast = useToast();
+  const presets = {
+    work: { label: "Work", time: { hour: 0, minute: 25, second: 0 }, theme: "primary" },
+    "short-break": {
+      label: "Short Break",
+      time: { hour: 0, minute: 5, second: 0 },
+      theme: "success"
+    },
+    "long-break": { label: "Long Break", time: { hour: 0, minute: 15, second: 0 }, theme: "info" }
+  };
+  const formattedTime = computed(() => {
+    const h = Math.floor(timeLeft.value / 3600);
+    const m = Math.floor(timeLeft.value % 3600 / 60);
+    const s = timeLeft.value % 60;
+    if (h > 0) {
+      return `${String(h).padStart(2, "0")}:${String(m).padStart(2, "0")}:${String(s).padStart(2, "0")}`;
+    }
+    return `${String(m).padStart(2, "0")}:${String(s).padStart(2, "0")}`;
+  });
+  const progress = computed(() => {
+    const total = initialTime.value.minute * 60 + initialTime.value.second + initialTime.value.hour * 3600;
+    if (total === 0) return 0;
+    return (total - timeLeft.value) / total * 100;
+  });
+  function setMode(newMode) {
+    mode.value = newMode;
+    initialTime.value = presets[newMode].time;
+    timeLeft.value = initialTime.value.hour * 3600 + initialTime.value.minute * 60 + initialTime.value.second;
+    isModified.value = false;
+  }
+  function startTimer() {
+    if (isRunning.value) return;
+    if (timeLeft.value <= 0 || isModified.value) {
+      timeLeft.value = initialTime.value.hour * 3600 + initialTime.value.minute * 60 + initialTime.value.second;
+      isModified.value = false;
+    }
+    if ("Notification" in window && Notification.permission === "default") {
+      Notification.requestPermission();
+    }
+    isRunning.value = true;
+    runInterval();
+  }
+  function runInterval() {
+    if (appState.timer) clearInterval(appState.timer);
+    appState.timer = setInterval(() => {
+      if (timeLeft.value > 0) {
+        timeLeft.value--;
+      } else {
+        completeSession();
+      }
+    }, 1e3);
+  }
+  function pauseTimer() {
+    isRunning.value = false;
+    if (appState.timer) {
+      clearInterval(appState.timer);
+      appState.timer = null;
+    }
+  }
+  function resetTimer() {
+    pauseTimer();
+    timeLeft.value = initialTime.value.hour * 3600 + initialTime.value.minute * 60 + initialTime.value.second;
+    isModified.value = false;
+  }
+  function completeSession() {
+    pauseTimer();
+    if (mode.value === "work") {
+      sessionsCompleted.value++;
+    }
+    const audio = new Audio("https://actions.google.com/sounds/v1/alarms/beep_short.ogg");
+    audio.play().catch(() => {
+    });
+    if ("Notification" in window && Notification.permission === "granted") {
+      new Notification("Focus Timer Done!", {
+        body: mode.value === "work" ? "Time for a break!" : "Break over, back to work!",
+        icon: "/logo.png"
+      });
+    }
+    toast.add({
+      title: "Timer Finished!",
+      description: mode.value === "work" ? "Great work! Take a break." : "Break is over! Time to focus.",
+      color: "success"
+    });
+    if (mode.value === "work") {
+      if (sessionsCompleted.value % 4 === 0) {
+        setMode("long-break");
+      } else {
+        setMode("short-break");
+      }
+    } else {
+      setMode("work");
+    }
+  }
+  if (isRunning.value && !appState.timer && import.meta.client) {
+    runInterval();
+  }
+  return {
+    initialTimeValue,
+    timeLeft,
+    isRunning,
+    sessionsCompleted,
+    mode,
+    isModified,
+    formattedTime,
+    progress,
+    presets,
+    setMode,
+    startTimer,
+    pauseTimer,
+    resetTimer
+  };
+};

package/dist/runtime/composables/dashboard/useFocusTimer.mjs

@@ -0,0 +1,141 @@
+import { useNuxtApp, useState } from "#imports";
+import { useToast } from "@nuxt/ui/composables";
+import { Time } from "@internationalized/date";
+import { computed } from "vue";
+export const useFocusTimer = () => {
+  const nuxtApp = useNuxtApp();
+  if (!nuxtApp._focusTimerState) {
+    nuxtApp._focusTimerState = {
+      timer: null
+    };
+  }
+  const appState = nuxtApp._focusTimerState;
+  const initialTime = useState("focusTimer-initial-time", () => ({
+    hour: 0,
+    minute: 25,
+    second: 0
+  }));
+  const timeLeft = useState("focusTimer-time-left", () => 25 * 60);
+  const isRunning = useState("focusTimer-is-running", () => false);
+  const sessionsCompleted = useState("focusTimer-sessions-completed", () => 0);
+  const mode = useState("focusTimer-mode", () => "work");
+  const isModified = useState("focusTimer-is-modified", () => false);
+  const initialTimeValue = computed({
+    get: () => new Time(initialTime.value.hour, initialTime.value.minute, initialTime.value.second),
+    set: (val) => {
+      initialTime.value = { hour: val.hour, minute: val.minute, second: val.second };
+      isModified.value = true;
+    }
+  });
+  const toast = useToast();
+  const presets = {
+    work: { label: "Work", time: { hour: 0, minute: 25, second: 0 }, theme: "primary" },
+    "short-break": {
+      label: "Short Break",
+      time: { hour: 0, minute: 5, second: 0 },
+      theme: "success"
+    },
+    "long-break": { label: "Long Break", time: { hour: 0, minute: 15, second: 0 }, theme: "info" }
+  };
+  const formattedTime = computed(() => {
+    const h = Math.floor(timeLeft.value / 3600);
+    const m = Math.floor(timeLeft.value % 3600 / 60);
+    const s = timeLeft.value % 60;
+    if (h > 0) {
+      return `${String(h).padStart(2, "0")}:${String(m).padStart(2, "0")}:${String(s).padStart(2, "0")}`;
+    }
+    return `${String(m).padStart(2, "0")}:${String(s).padStart(2, "0")}`;
+  });
+  const progress = computed(() => {
+    const total = initialTime.value.minute * 60 + initialTime.value.second + initialTime.value.hour * 3600;
+    if (total === 0) return 0;
+    return (total - timeLeft.value) / total * 100;
+  });
+  function setMode(newMode) {
+    mode.value = newMode;
+    initialTime.value = presets[newMode].time;
+    timeLeft.value = initialTime.value.hour * 3600 + initialTime.value.minute * 60 + initialTime.value.second;
+    isModified.value = false;
+  }
+  function startTimer() {
+    if (isRunning.value) return;
+    if (timeLeft.value <= 0 || isModified.value) {
+      timeLeft.value = initialTime.value.hour * 3600 + initialTime.value.minute * 60 + initialTime.value.second;
+      isModified.value = false;
+    }
+    if ("Notification" in window && Notification.permission === "default") {
+      Notification.requestPermission();
+    }
+    isRunning.value = true;
+    runInterval();
+  }
+  function runInterval() {
+    if (appState.timer) clearInterval(appState.timer);
+    appState.timer = setInterval(() => {
+      if (timeLeft.value > 0) {
+        timeLeft.value--;
+      } else {
+        completeSession();
+      }
+    }, 1e3);
+  }
+  function pauseTimer() {
+    isRunning.value = false;
+    if (appState.timer) {
+      clearInterval(appState.timer);
+      appState.timer = null;
+    }
+  }
+  function resetTimer() {
+    pauseTimer();
+    timeLeft.value = initialTime.value.hour * 3600 + initialTime.value.minute * 60 + initialTime.value.second;
+    isModified.value = false;
+  }
+  function completeSession() {
+    pauseTimer();
+    if (mode.value === "work") {
+      sessionsCompleted.value++;
+    }
+    const audio = new Audio("https://actions.google.com/sounds/v1/alarms/beep_short.ogg");
+    audio.play().catch(() => {
+    });
+    if ("Notification" in window && Notification.permission === "granted") {
+      new Notification("Focus Timer Done!", {
+        body: mode.value === "work" ? "Time for a break!" : "Break over, back to work!",
+        icon: "/logo.png"
+      });
+    }
+    toast.add({
+      title: "Timer Finished!",
+      description: mode.value === "work" ? "Great work! Take a break." : "Break is over! Time to focus.",
+      color: "success"
+    });
+    if (mode.value === "work") {
+      if (sessionsCompleted.value % 4 === 0) {
+        setMode("long-break");
+      } else {
+        setMode("short-break");
+      }
+    } else {
+      setMode("work");
+    }
+  }
+  if (isRunning.value && !appState.timer && import.meta.client) {
+    runInterval();
+  }
+  return {
+    initialTimeValue,
+    timeLeft,
+    isRunning,
+    sessionsCompleted,
+    mode,
+    isModified,
+    formattedTime,
+    progress,
+    presets,
+    setMode,
+    startTimer,
+    pauseTimer,
+    resetTimer
+  };
+};

package/dist/runtime/composables/dashboard/useNotes.d.ts

@@ -0,0 +1,9 @@
+export declare const useNotes: () => {
+    noteRefreshTrigger: import("vue").Ref<number, number>;
+    triggerRefresh: () => void;
+    selectedIds: import("vue").Ref<string[], string[]>;
+    toggleSelection: (id: string) => void;
+    clearSelection: () => void;
+    executeBatchAction: (action: "delete" | "archive" | "restore" | "hard-delete") => Promise<void>;
+    executeSingleAction: (id: string, action: "togglePin" | "archive" | "restore" | "delete" | "hard-delete") => Promise<void>;
+};

package/dist/runtime/composables/dashboard/useNotes.js

@@ -0,0 +1,57 @@
+import { useState } from "#imports";
+export const useNotes = () => {
+  const noteRefreshTrigger = useState("notes-refresh-trigger", () => 0);
+  const selectedIds = useState("notes-selected-ids", () => []);
+  const triggerRefresh = () => {
+    noteRefreshTrigger.value++;
+  };
+  const toggleSelection = (id) => {
+    if (selectedIds.value.includes(id)) {
+      selectedIds.value = selectedIds.value.filter((i) => i !== id);
+    } else {
+      selectedIds.value.push(id);
+    }
+  };
+  const clearSelection = () => {
+    selectedIds.value = [];
+  };
+  const executeBatchAction = async (action) => {
+    if (selectedIds.value.length === 0) return;
+    await $fetch("/api/notes/batch", {
+      method: "POST",
+      body: { ids: selectedIds.value, action }
+    });
+    clearSelection();
+    triggerRefresh();
+  };
+  const executeSingleAction = async (id, action) => {
+    if (action === "togglePin") {
+      await $fetch(`/api/notes/${id}`, {
+        method: "PUT",
+        body: { togglePin: true }
+      });
+    } else if (action === "archive") {
+      await $fetch(`/api/notes/${id}`, {
+        method: "PUT",
+        body: { isArchived: true, isPinned: false }
+      });
+    } else if (action === "delete") {
+      await $fetch(`/api/notes/${id}`, { method: "DELETE" });
+    } else if (action === "hard-delete") {
+      await $fetch(`/api/notes/${id}?permanent=true`, {
+        method: "DELETE",
+        query: { permanent: true }
+      });
+    }
+    triggerRefresh();
+  };
+  return {
+    noteRefreshTrigger,
+    triggerRefresh,
+    selectedIds,
+    toggleSelection,
+    clearSelection,
+    executeBatchAction,
+    executeSingleAction
+  };
+};

package/dist/runtime/composables/dashboard/useNotes.mjs

@@ -0,0 +1,57 @@
+import { useState } from "#imports";
+export const useNotes = () => {
+  const noteRefreshTrigger = useState("notes-refresh-trigger", () => 0);
+  const selectedIds = useState("notes-selected-ids", () => []);
+  const triggerRefresh = () => {
+    noteRefreshTrigger.value++;
+  };
+  const toggleSelection = (id) => {
+    if (selectedIds.value.includes(id)) {
+      selectedIds.value = selectedIds.value.filter((i) => i !== id);
+    } else {
+      selectedIds.value.push(id);
+    }
+  };
+  const clearSelection = () => {
+    selectedIds.value = [];
+  };
+  const executeBatchAction = async (action) => {
+    if (selectedIds.value.length === 0) return;
+    await $fetch("/api/notes/batch", {
+      method: "POST",
+      body: { ids: selectedIds.value, action }
+    });
+    clearSelection();
+    triggerRefresh();
+  };
+  const executeSingleAction = async (id, action) => {
+    if (action === "togglePin") {
+      await $fetch(`/api/notes/${id}`, {
+        method: "PUT",
+        body: { togglePin: true }
+      });
+    } else if (action === "archive") {
+      await $fetch(`/api/notes/${id}`, {
+        method: "PUT",
+        body: { isArchived: true, isPinned: false }
+      });
+    } else if (action === "delete") {
+      await $fetch(`/api/notes/${id}`, { method: "DELETE" });
+    } else if (action === "hard-delete") {
+      await $fetch(`/api/notes/${id}?permanent=true`, {
+        method: "DELETE",
+        query: { permanent: true }
+      });
+    }
+    triggerRefresh();
+  };
+  return {
+    noteRefreshTrigger,
+    triggerRefresh,
+    selectedIds,
+    toggleSelection,
+    clearSelection,
+    executeBatchAction,
+    executeSingleAction
+  };
+};

package/dist/runtime/composables/dashboard/useQuickActions.d.ts

@@ -0,0 +1,15 @@
+import { type Ref } from "vue";
+export interface QuickAction {
+    id: string;
+    label: string;
+    icon: string;
+    group?: number;
+    onSelect: () => void;
+}
+/**
+ * A simple registry for any action in the app
+ */
+export declare const useQuickActions: () => {
+    registeredActions: Ref<QuickAction[], QuickAction[]>;
+    registerAction: (action: QuickAction) => void;
+};

package/dist/runtime/composables/dashboard/useQuickActions.js

@@ -0,0 +1,19 @@
+import { useNuxtApp } from "#app";
+import { shallowRef } from "vue";
+export const useQuickActions = () => {
+  const nuxtApp = useNuxtApp();
+  if (!nuxtApp._quickActionsRegistry) {
+    nuxtApp._quickActionsRegistry = shallowRef([]);
+  }
+  const registeredActions = nuxtApp._quickActionsRegistry;
+  function registerAction(action) {
+    const exists = registeredActions.value.some((a) => a.id === action.id);
+    if (!exists) {
+      registeredActions.value = [...registeredActions.value, action];
+    }
+  }
+  return {
+    registeredActions,
+    registerAction
+  };
+};

package/dist/runtime/composables/dashboard/useQuickActions.mjs

@@ -0,0 +1,19 @@
+import { useNuxtApp } from "#app";
+import { shallowRef } from "vue";
+export const useQuickActions = () => {
+  const nuxtApp = useNuxtApp();
+  if (!nuxtApp._quickActionsRegistry) {
+    nuxtApp._quickActionsRegistry = shallowRef([]);
+  }
+  const registeredActions = nuxtApp._quickActionsRegistry;
+  function registerAction(action) {
+    const exists = registeredActions.value.some((a) => a.id === action.id);
+    if (!exists) {
+      registeredActions.value = [...registeredActions.value, action];
+    }
+  }
+  return {
+    registeredActions,
+    registerAction
+  };
+};

package/dist/runtime/composables/index.d.ts

@@ -1,7 +1,4 @@
-export * from "./useHeaderStack.js";
-export * from "./useDateRange.js";
-export * from "./usePageEditor.js";
-export * from "./useBlockEditor.js";
-export * from "./usePageRegistry.js";
-export * from "./useInfobox.js";
-export * from "./useRC.js";
+export * from "./components/index.js";
+export * from "./app/index.js";
+export * from "./pages/index.js";
+export * from "./dashboard/index.js";

package/dist/runtime/composables/index.js

@@ -1,7 +1,4 @@
-export * from "./useHeaderStack.js";
-export * from "./useDateRange.js";
-export * from "./usePageEditor.js";
-export * from "./useBlockEditor.js";
-export * from "./usePageRegistry.js";
-export * from "./useInfobox.js";
-export * from "./useRC.js";
+export * from "./components/index.js";
+export * from "./app/index.js";
+export * from "./pages/index.js";
+export * from "./dashboard/index.js";