rimelight-components 2.1.37 → 2.1.39

package/dist/runtime/components/notes/NoteModal.d.vue.ts

@@ -0,0 +1,35 @@
+import type { Note } from "../../db/auth.js";
+export interface NoteModalProps {
+    note?: Note | null;
+}
+type __VLS_Props = NoteModalProps;
+export interface NoteModalEmits {
+    (e: "saved", note: Note): void;
+    (e: "close"): void;
+}
+type __VLS_ModelProps = {
+    "open"?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+} & {
+    close: () => any;
+    saved: (note: Note) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onSaved?: ((note: Note) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/notes/NoteModal.vue

@@ -0,0 +1,224 @@
+<script setup>
+import { useDebounceFn } from "@vueuse/core";
+import { computed, reactive, ref, watch } from "vue";
+import { useApi, $api } from "~/src/runtime/composables";
+const open = defineModel("open", { type: Boolean, ...{ default: false } });
+const { note } = defineProps({
+  note: { type: [Object, null], required: false }
+});
+const emit = defineEmits(["saved", "close"]);
+const state = reactive({
+  id: note?.id,
+  title: note?.title ?? "",
+  content: note?.content ?? "",
+  isPinned: note?.isPinned || false,
+  isArchived: note?.isArchived || false,
+  labels: note?.labels?.map((l) => l.label.id) || []
+});
+const { data: fetchedLabels } = useApi("/api/notes/labels", {
+  lazy: true,
+  default: () => []
+});
+const allLabels = ref([]);
+watch(
+  () => fetchedLabels.value,
+  (newLabels) => {
+    if (newLabels) {
+      allLabels.value = [...newLabels];
+    }
+  },
+  { immediate: true }
+);
+const labelMap = computed(() => {
+  const map = /* @__PURE__ */ new Map();
+  allLabels.value.forEach((l) => map.set(l.id, l.name));
+  return map;
+});
+const labelItems = computed(
+  () => allLabels.value.map((l) => ({
+    label: l.name,
+    id: l.id
+  }))
+);
+const syncState = () => {
+  if (note) {
+    state.id = note.id;
+    state.title = note.title ?? "";
+    state.content = note.content ?? "";
+    state.isPinned = note.isPinned;
+    state.isArchived = note.isArchived;
+    state.labels = note.labels?.map((l) => l.label.id) || [];
+  } else {
+    state.id = void 0;
+    state.title = "";
+    state.content = "";
+    state.isPinned = false;
+    state.isArchived = false;
+    state.labels = [];
+  }
+};
+watch(() => note, syncState);
+const saveNote = async () => {
+  if (!state.title.trim() && !state.content.trim()) return;
+  try {
+    let savedNote;
+    const payload = {
+      title: state.title.trim() || "",
+      content: state.content.trim() || "",
+      isPinned: state.isPinned,
+      isArchived: state.isArchived,
+      labels: state.labels
+    };
+    if (state.id) {
+      savedNote = await $api(`/api/notes/${state.id}`, {
+        method: "PUT",
+        body: payload
+      });
+    } else {
+      const createPayload = {
+        title: payload.title,
+        content: payload.content,
+        isPinned: payload.isPinned,
+        isArchived: payload.isArchived
+      };
+      savedNote = await $api("/api/notes", {
+        method: "POST",
+        body: createPayload
+      });
+      state.id = savedNote.id;
+      if (state.labels.length > 0) {
+        savedNote = await $api(`/api/notes/${state.id}`, {
+          method: "PUT",
+          body: { labels: state.labels }
+        });
+      }
+    }
+    emit("saved", savedNote);
+  } catch (e) {
+    console.error("Failed to save note", e);
+  }
+};
+const createLabel = async (newLabelName) => {
+  try {
+    const createdLabel = await $api("/api/notes/labels", {
+      method: "POST",
+      body: { name: newLabelName }
+    });
+    allLabels.value.push(createdLabel);
+    if (!state.labels.includes(createdLabel.id)) {
+      state.labels.push(createdLabel.id);
+    }
+  } catch (e) {
+    console.error("Failed to create new label", e);
+  }
+};
+const debouncedSave = useDebounceFn(saveNote, 1e3);
+watch(
+  () => [
+    state.title,
+    state.content,
+    state.isPinned,
+    state.isArchived,
+    state.labels
+  ],
+  () => {
+    debouncedSave();
+  }
+);
+watch(open, (isOpen) => {
+  if (isOpen) {
+    syncState();
+  } else {
+    saveNote();
+    emit("close");
+  }
+});
+</script>
+
+<template>
+  <UModal v-model:open="open" :ui="{ content: 'p-md flex flex-col' }">
+    <slot />
+    <template #content>
+      <div class="flex flex-row justify-between gap-sm">
+        <div class="flex w-full flex-col">
+          <UInput
+            v-model="state.title"
+            class="flex-1 font-bold"
+            placeholder="Title"
+            size="xl"
+            type="text"
+            variant="none"
+          />
+
+          <div v-if="state.labels.length > 0" class="flex flex-wrap gap-sm px-sm">
+            <UBadge
+              v-for="labelId in state.labels"
+              :key="labelId"
+              color="neutral"
+              size="md"
+              variant="soft"
+            >
+              {{ labelMap.get(labelId) || "Unknown" }}
+            </UBadge>
+          </div>
+          <UTextarea
+            v-model="state.content"
+            :maxrows="16"
+            :rows="2"
+            autoresize
+            class="w-full"
+            placeholder="Take a note..."
+            size="lg"
+            variant="none"
+          />
+        </div>
+        <div class="flex flex-col gap-xs">
+          <UButton
+            :icon="state.isPinned ? 'lucide:pin-off' : 'lucide:pin'"
+            color="neutral"
+            variant="ghost"
+            @click="state.isPinned = !state.isPinned"
+          />
+          <UButton
+            :color="state.isArchived ? 'primary' : 'neutral'"
+            :icon="
+  state.isArchived ? 'lucide:archive-x' : 'lucide:archive-restore'
+"
+            size="sm"
+            variant="ghost"
+            @click="state.isArchived = !state.isArchived"
+          />
+          <UButton color="error" icon="lucide:trash-2" size="sm" variant="ghost" @click="" />
+        </div>
+      </div>
+      <div class="flex items-center justify-between">
+        <div class="flex flex-row gap-xs">
+          <USelectMenu
+            v-model="state.labels"
+            :arrow="true"
+            :items="labelItems"
+            :multiple="true"
+            create-item="always"
+            icon="lucide-tag"
+            label-key="label"
+            size="sm"
+            trailing-icon=""
+            value-key="id"
+            variant="ghost"
+            @create="createLabel"
+          >
+            <template #default>
+              <span class="text-dimmed">Edit Labels</span>
+            </template>
+          </USelectMenu>
+        </div>
+        <div class="flex flex-col gap-xs">
+          <span class="text-xs text-dimmed">Last Edited: </span>
+          <span class="text-xs text-dimmed">
+            {{ state.id ? "Saved" : "Unsaved" }}
+          </span>
+        </div>
+      </div>
+    </template>
+  </UModal>
+</template>

package/dist/runtime/components/notes/NoteModal.vue.d.ts

@@ -0,0 +1,35 @@
+import type { Note } from "../../db/auth.js";
+export interface NoteModalProps {
+    note?: Note | null;
+}
+type __VLS_Props = NoteModalProps;
+export interface NoteModalEmits {
+    (e: "saved", note: Note): void;
+    (e: "close"): void;
+}
+type __VLS_ModelProps = {
+    "open"?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+} & {
+    close: () => any;
+    saved: (note: Note) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onSaved?: ((note: Note) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/page/PageMention.vue

@@ -5,7 +5,7 @@ import { useI18n } from "vue-i18n";
 import {} from "../../types";
 import { useAsyncData } from "#imports";
 import { tv } from "../../internal/tv";
-import { useRC } from "../../composables/useRC";
+import { useRC } from "~/src/runtime/composables";
 const { pageId, rc: rcProp } = defineProps({
   pageId: { type: String, required: true },
   rc: { type: Object, required: false }

package/dist/runtime/components/page/PageSurround.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { tv } from "../../internal/tv";
-import { useRC } from "../../composables/useRC";
+import { useRC } from "~/src/runtime/composables";
 import { useI18n } from "vue-i18n";
 const {
   pageType,

package/dist/runtime/components/page/PageTOC.vue

@@ -3,7 +3,7 @@ import { computed, ref, onMounted, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import { useIntersectionObserver } from "@vueuse/core";
 import { tv } from "../../internal/tv";
-import { useRC } from "../../composables/useRC";
+import { useRC } from "~/src/runtime/composables";
 import { slugify } from "../../utils";
 const props = defineProps({
   pageBlocks: { type: [Array, null], required: true },

package/dist/runtime/components/swatches/ColorSwatch.vue

@@ -3,7 +3,7 @@ import { computed } from "vue";
 import { useClipboard } from "@vueuse/core";
 import { useToast } from "@nuxt/ui/composables";
 import { tv } from "../../internal/tv";
-import { useRC } from "../../composables/useRC";
+import { useRC } from "~/src/runtime/composables";
 const { name, hex, rgb, hsl, oklch, cmyk, rc: rcProp } = defineProps({
   name: { type: String, required: false },
   hex: { type: String, required: false },

package/dist/runtime/components/swatches/FontSwatch.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { computed } from "vue";
 import { tv } from "../../internal/tv";
-import { useRC } from "../../composables/useRC";
+import { useRC } from "~/src/runtime/composables";
 const { name, jpg, png, webp, svg, rc: rcProp } = defineProps({
   name: { type: String, required: false },
   jpg: { type: String, required: false },

package/dist/runtime/components/swatches/ImageSwatch.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { computed } from "vue";
 import { tv } from "../../internal/tv";
-import { useRC } from "../../composables/useRC";
+import { useRC } from "~/src/runtime/composables";
 const { name, jpg, png, webp, svg, rc: rcProp } = defineProps({
   name: { type: String, required: false },
   jpg: { type: String, required: false },

package/dist/runtime/components/utilities/Placeholder.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { tv } from "../../internal/tv";
-import { useRC } from "../../composables/useRC";
+import { useRC } from "~/src/runtime/composables";
 const { rc: rcProp } = defineProps({
   rc: { type: Object, required: false }
 });

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

@@ -0,0 +1,4 @@
+export * from "./useHeaderStack.js";
+export * from "./useConfirm.js";
+export * from "./useDateRange.js";
+export * from "./useApi.js";

package/dist/runtime/composables/app/index.js

@@ -0,0 +1,4 @@
+export * from "./useHeaderStack.js";
+export * from "./useConfirm.js";
+export * from "./useDateRange.js";
+export * from "./useApi.js";

package/dist/runtime/composables/app/index.mjs

@@ -0,0 +1,4 @@
+export * from "./useHeaderStack.mjs";
+export * from "./useConfirm.mjs";
+export * from "./useDateRange.mjs";
+export * from "./useApi.mjs";

package/dist/runtime/composables/app/useApi.d.ts

@@ -0,0 +1,9 @@
+import type { UseFetchOptions, AsyncData } from "#app";
+/**
+ * $api: For imperative calls (buttons, save actions, Pinia Colada)
+ */
+export declare const $api: <T>(path: string, opts?: any) => Promise<import("nitropack").TypedInternalResponse<import("nitropack").NitroFetchRequest, T, "get">>;
+/**
+ * useApi: For reactive data fetching in setup
+ */
+export declare const useApi: <T>(path: string | (() => string), opts?: UseFetchOptions<T>) => AsyncData<T, Error | null>;

package/dist/runtime/composables/app/useApi.js

@@ -0,0 +1,56 @@
+import { useFetch, useRuntimeConfig } from "#imports";
+import { fetch as tauriFetch } from "@tauri-apps/plugin-http";
+import { hash } from "ohash";
+export const $api = async (path, opts = {}) => {
+  const config = useRuntimeConfig();
+  const apiBase = config.public.apiBase;
+  const isTauri = config.public.isTauri;
+  let isExternal = isTauri;
+  if (!isExternal && !import.meta.dev && import.meta.client) {
+    try {
+      if (apiBase.startsWith("http")) {
+        const apiHost = new URL(apiBase).hostname;
+        if (!window.location.hostname.includes(apiHost)) {
+          isExternal = true;
+        }
+      }
+    } catch (e) {
+    }
+  }
+  const baseURL = isExternal ? apiBase : "";
+  return $fetch(path, {
+    baseURL,
+    ...opts,
+    fetch: isTauri ? tauriFetch : void 0,
+    headers: {
+      Accept: "application/json",
+      ...opts.headers
+    },
+    credentials: "include"
+    // Important for shared cookies if cross-subdomain
+  });
+};
+export const useApi = (path, opts = {}) => {
+  const config = useRuntimeConfig();
+  const apiBase = config.public.apiBase;
+  const isTauri = config.public.isTauri;
+  let isExternal = isTauri;
+  if (!isExternal && !import.meta.dev && import.meta.client) {
+    try {
+      if (apiBase.startsWith("http")) {
+        const apiHost = new URL(apiBase).hostname;
+        if (!window.location.hostname.includes(apiHost)) {
+          isExternal = true;
+        }
+      }
+    } catch (e) {
+    }
+  }
+  return useFetch(path, {
+    baseURL: isExternal ? apiBase : "",
+    ...opts,
+    fetch: isTauri ? tauriFetch : void 0,
+    // Key ensures unique state tracking in Nuxt
+    key: opts.key || hash([path, typeof path === "function" ? path() : path])
+  });
+};

package/dist/runtime/composables/app/useApi.mjs

@@ -0,0 +1,56 @@
+import { useFetch, useRuntimeConfig } from "#imports";
+import { fetch as tauriFetch } from "@tauri-apps/plugin-http";
+import { hash } from "ohash";
+export const $api = async (path, opts = {}) => {
+  const config = useRuntimeConfig();
+  const apiBase = config.public.apiBase;
+  const isTauri = config.public.isTauri;
+  let isExternal = isTauri;
+  if (!isExternal && !import.meta.dev && import.meta.client) {
+    try {
+      if (apiBase.startsWith("http")) {
+        const apiHost = new URL(apiBase).hostname;
+        if (!window.location.hostname.includes(apiHost)) {
+          isExternal = true;
+        }
+      }
+    } catch (e) {
+    }
+  }
+  const baseURL = isExternal ? apiBase : "";
+  return $fetch(path, {
+    baseURL,
+    ...opts,
+    fetch: isTauri ? tauriFetch : void 0,
+    headers: {
+      Accept: "application/json",
+      ...opts.headers
+    },
+    credentials: "include"
+    // Important for shared cookies if cross-subdomain
+  });
+};
+export const useApi = (path, opts = {}) => {
+  const config = useRuntimeConfig();
+  const apiBase = config.public.apiBase;
+  const isTauri = config.public.isTauri;
+  let isExternal = isTauri;
+  if (!isExternal && !import.meta.dev && import.meta.client) {
+    try {
+      if (apiBase.startsWith("http")) {
+        const apiHost = new URL(apiBase).hostname;
+        if (!window.location.hostname.includes(apiHost)) {
+          isExternal = true;
+        }
+      }
+    } catch (e) {
+    }
+  }
+  return useFetch(path, {
+    baseURL: isExternal ? apiBase : "",
+    ...opts,
+    fetch: isTauri ? tauriFetch : void 0,
+    // Key ensures unique state tracking in Nuxt
+    key: opts.key || hash([path, typeof path === "function" ? path() : path])
+  });
+};

package/dist/runtime/composables/app/useConfirm.d.ts

@@ -0,0 +1,18 @@
+export interface ConfirmOptions {
+    title: string;
+    description?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    danger?: boolean;
+}
+interface ConfirmState {
+    isVisible: boolean;
+    options: ConfirmOptions;
+}
+export declare const useConfirm: () => {
+    state: import("vue").Ref<ConfirmState, ConfirmState>;
+    confirm: (opts: Partial<ConfirmOptions>) => Promise<boolean>;
+    handleConfirm: () => void;
+    handleCancel: () => void;
+};
+export {};

package/dist/runtime/composables/app/useConfirm.js

@@ -0,0 +1,56 @@
+import { useState } from "#imports";
+import { watch } from "vue";
+let resolvePromise = null;
+export const useConfirm = () => {
+  const state = useState("use-confirm-global-state", () => ({
+    isVisible: false,
+    options: {
+      title: "Confirm Action",
+      description: "",
+      confirmLabel: "Confirm",
+      cancelLabel: "Cancel",
+      danger: false
+    }
+  }));
+  if (import.meta.client) {
+    watch(
+      () => state.value.isVisible,
+      (visible) => {
+        if (!visible && resolvePromise) {
+          resolvePromise(false);
+          resolvePromise = null;
+        }
+      }
+    );
+  }
+  const confirm = (opts) => {
+    state.value.options = {
+      title: "Confirm Action",
+      confirmLabel: "Confirm",
+      cancelLabel: "Cancel",
+      danger: false,
+      ...opts
+    };
+    state.value.isVisible = true;
+    return new Promise((resolve) => {
+      if (resolvePromise) resolvePromise(false);
+      resolvePromise = resolve;
+    });
+  };
+  const handleConfirm = () => {
+    if (resolvePromise) {
+      resolvePromise(true);
+      resolvePromise = null;
+    }
+    state.value.isVisible = false;
+  };
+  const handleCancel = () => {
+    state.value.isVisible = false;
+  };
+  return {
+    state,
+    confirm,
+    handleConfirm,
+    handleCancel
+  };
+};

package/dist/runtime/composables/app/useConfirm.mjs

@@ -0,0 +1,56 @@
+import { useState } from "#imports";
+import { watch } from "vue";
+let resolvePromise = null;
+export const useConfirm = () => {
+  const state = useState("use-confirm-global-state", () => ({
+    isVisible: false,
+    options: {
+      title: "Confirm Action",
+      description: "",
+      confirmLabel: "Confirm",
+      cancelLabel: "Cancel",
+      danger: false
+    }
+  }));
+  if (import.meta.client) {
+    watch(
+      () => state.value.isVisible,
+      (visible) => {
+        if (!visible && resolvePromise) {
+          resolvePromise(false);
+          resolvePromise = null;
+        }
+      }
+    );
+  }
+  const confirm = (opts) => {
+    state.value.options = {
+      title: "Confirm Action",
+      confirmLabel: "Confirm",
+      cancelLabel: "Cancel",
+      danger: false,
+      ...opts
+    };
+    state.value.isVisible = true;
+    return new Promise((resolve) => {
+      if (resolvePromise) resolvePromise(false);
+      resolvePromise = resolve;
+    });
+  };
+  const handleConfirm = () => {
+    if (resolvePromise) {
+      resolvePromise(true);
+      resolvePromise = null;
+    }
+    state.value.isVisible = false;
+  };
+  const handleCancel = () => {
+    state.value.isVisible = false;
+  };
+  return {
+    state,
+    confirm,
+    handleConfirm,
+    handleCancel
+  };
+};

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

@@ -0,0 +1 @@
+export * from "./useRC.js";

package/dist/runtime/composables/components/index.js

@@ -0,0 +1 @@
+export * from "./useRC.js";

package/dist/runtime/composables/components/index.mjs

@@ -0,0 +1 @@
+export * from "./useRC.mjs";

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

@@ -0,0 +1,5 @@
+export * from "./useDashboard.js";
+export * from "./useQuickActions.js";
+export * from "./useFloatingTools.js";
+export * from "./useNotes.js";
+export * from "./useFocusTimer.js";

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

@@ -0,0 +1,5 @@
+export * from "./useDashboard.js";
+export * from "./useQuickActions.js";
+export * from "./useFloatingTools.js";
+export * from "./useNotes.js";
+export * from "./useFocusTimer.js";

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

@@ -0,0 +1,5 @@
+export * from "./useDashboard.mjs";
+export * from "./useQuickActions.mjs";
+export * from "./useFloatingTools.mjs";
+export * from "./useNotes.mjs";
+export * from "./useFocusTimer.mjs";

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

@@ -0,0 +1,3 @@
+export declare const useDashboard: () => {
+    isNotificationsSlideoverOpen: import("vue").Ref<boolean, boolean>;
+};