@tuturuuu/ui 0.11.1 → 0.13.0

package/src/hooks/use-board-actions.ts

@@ -1,5 +1,6 @@
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { toast } from '@tuturuuu/ui/sonner';
+import { getTaskApiUrl } from '../lib/tasks-app-url';
 
 async function boardAction(
   wsId: string,
@@ -7,13 +8,17 @@ async function boardAction(
   method: 'PUT' | 'DELETE' | 'PATCH',
   body?: any
 ) {
-  const response = await fetch(`/api/v1/workspaces/${wsId}/boards/${boardId}`, {
-    method,
-    headers: {
-      'Content-Type': 'application/json',
-    },
-    body: body ? JSON.stringify(body) : undefined,
-  });
+  const response = await fetch(
+    getTaskApiUrl(`/api/v1/workspaces/${wsId}/boards/${boardId}`),
+    {
+      method,
+      credentials: 'include',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: body ? JSON.stringify(body) : undefined,
+    }
+  );
 
   if (!response.ok) {
     const errorData = await response.json();
@@ -29,9 +34,10 @@ async function archiveAction(
   method: 'POST' | 'DELETE'
 ) {
   const response = await fetch(
-    `/api/v1/workspaces/${wsId}/boards/${boardId}/archive`,
+    getTaskApiUrl(`/api/v1/workspaces/${wsId}/boards/${boardId}/archive`),
     {
       method,
+      credentials: 'include',
       headers: {
         'Content-Type': 'application/json',
       },
@@ -166,15 +172,19 @@ export function useBoardActions(wsId: string) {
     { boardId: string; options?: BoardActionOptions }
   >({
     mutationFn: ({ boardId }) =>
-      fetch(`/api/v1/workspaces/${wsId}/task-boards/${boardId}/copy`, {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({
-          targetWorkspaceId: wsId,
-        }),
-      }).then(async (res) => {
+      fetch(
+        getTaskApiUrl(`/api/v1/workspaces/${wsId}/task-boards/${boardId}/copy`),
+        {
+          method: 'POST',
+          credentials: 'include',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+          body: JSON.stringify({
+            targetWorkspaceId: wsId,
+          }),
+        }
+      ).then(async (res) => {
         if (!res.ok) {
           const errorData = await res.json();
           throw new Error(errorData.error || 'Failed to duplicate board');

package/src/hooks/use-calendar.tsx

@@ -29,6 +29,7 @@ import {
   useRef,
   useState,
 } from 'react';
+import { getTaskApiUrl } from '../lib/tasks-app-url';
 import { useCalendarSync } from './use-calendar-sync';
 
 // Utility function to round time to nearest 15-minute interval
@@ -319,11 +320,14 @@ async function syncTaskDurationAfterEventChange(
     let totalScheduledMinutes = resizedEventMinutes;
 
     const scheduleResponse = await fetch(
-      options?.isPersonalCalendar
-        ? `/api/v1/users/me/tasks/${taskId}/schedule`
-        : `/api/v1/workspaces/${calendarWsId}/tasks/${taskId}/schedule`,
+      getTaskApiUrl(
+        options?.isPersonalCalendar
+          ? `/api/v1/users/me/tasks/${taskId}/schedule`
+          : `/api/v1/workspaces/${calendarWsId}/tasks/${taskId}/schedule`
+      ),
       {
         cache: 'no-store',
+        credentials: 'include',
       }
     );
 

package/src/hooks/use-settings-dialog-shortcut.ts

@@ -0,0 +1,51 @@
+'use client';
+
+import { useEffect } from 'react';
+
+interface UseSettingsDialogShortcutOptions {
+  enabled: boolean;
+  onOpen: () => void;
+}
+
+function isEditableShortcutTarget(target: EventTarget | null) {
+  if (!(target instanceof HTMLElement)) return false;
+
+  const tagName = target.tagName.toLowerCase();
+
+  return (
+    target.isContentEditable ||
+    tagName === 'input' ||
+    tagName === 'textarea' ||
+    tagName === 'select'
+  );
+}
+
+function isSettingsDialogShortcut(event: KeyboardEvent) {
+  return (event.metaKey || event.ctrlKey) && !event.altKey && event.key === ',';
+}
+
+/**
+ * Opens the app settings dialog on Cmd/Ctrl+, — the platform-wide convention.
+ * Ignores the shortcut while typing in editable fields and when another handler
+ * has already called preventDefault(). Shared by apps/web and every satellite
+ * app (wired once in the satellite user-nav shell).
+ */
+export function useSettingsDialogShortcut({
+  enabled,
+  onOpen,
+}: UseSettingsDialogShortcutOptions) {
+  useEffect(() => {
+    if (!enabled) return;
+
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (event.defaultPrevented || !isSettingsDialogShortcut(event)) return;
+      if (isEditableShortcutTarget(event.target)) return;
+
+      event.preventDefault();
+      onOpen();
+    };
+
+    window.addEventListener('keydown', handleKeyDown);
+    return () => window.removeEventListener('keydown', handleKeyDown);
+  }, [enabled, onOpen]);
+}

package/src/lib/task-personal-external.ts

@@ -0,0 +1,49 @@
+import type { Task } from '@tuturuuu/types/primitives/Task';
+import { isPersonalExternalStagingListId } from '@tuturuuu/utils/task-helper';
+
+function hasValue(value: string | null | undefined): value is string {
+  return typeof value === 'string' && value.length > 0;
+}
+
+export function isPersonalExternalOverlayTask(task?: Task | null) {
+  if (!task) return false;
+
+  if (task.is_personal_external === true) {
+    return true;
+  }
+
+  if (task.is_personal_external === false) {
+    return false;
+  }
+
+  if (isPersonalExternalStagingListId(task.list_id)) {
+    return true;
+  }
+
+  const personalBoardId = hasValue(task.personal_board_id)
+    ? task.personal_board_id
+    : null;
+  const personalListId = hasValue(task.personal_list_id)
+    ? task.personal_list_id
+    : null;
+
+  if (!personalBoardId && !personalListId) {
+    return false;
+  }
+
+  if (
+    hasValue(task.source_board_id) &&
+    personalBoardId &&
+    task.source_board_id !== personalBoardId
+  ) {
+    return true;
+  }
+
+  return (
+    !hasValue(task.source_board_id) &&
+    hasValue(task.source_workspace_id) &&
+    hasValue(task.source_list_id) &&
+    personalListId !== null &&
+    task.source_list_id !== personalListId
+  );
+}

package/src/lib/tasks-app-url.ts

@@ -0,0 +1,85 @@
+function normalizeOrigin(value?: string) {
+  if (!value) {
+    return null;
+  }
+
+  const [firstValue] = value
+    .split(/[,\n]/u)
+    .map((entry) => entry.trim())
+    .filter(Boolean);
+
+  if (!firstValue) {
+    return null;
+  }
+
+  const normalized = /^[a-z]+:\/\//iu.test(firstValue)
+    ? firstValue
+    : `https://${firstValue}`;
+
+  try {
+    return new URL(normalized).origin;
+  } catch {
+    return null;
+  }
+}
+
+function getTasksAppOriginForBrowser() {
+  const configured =
+    normalizeOrigin(process.env.NEXT_PUBLIC_TASKS_APP_URL) ??
+    normalizeOrigin(process.env.NEXT_PUBLIC_TUDO_APP_URL);
+
+  if (configured) {
+    return configured;
+  }
+
+  if (typeof window === 'undefined') {
+    return null;
+  }
+
+  const { hostname, port, protocol } = window.location;
+  const normalizedHostname = hostname.toLowerCase();
+
+  if (
+    normalizedHostname === 'tasks.tuturuuu.com' ||
+    normalizedHostname === 'tasks.tuturuuu.localhost' ||
+    port === '7809'
+  ) {
+    return null;
+  }
+
+  if (
+    normalizedHostname === 'localhost' ||
+    normalizedHostname === '127.0.0.1' ||
+    normalizedHostname === '::1' ||
+    normalizedHostname === '[::1]'
+  ) {
+    return port ? `${protocol}//${hostname}:7809` : null;
+  }
+
+  if (
+    normalizedHostname === 'tuturuuu.localhost' ||
+    normalizedHostname.endsWith('.tuturuuu.localhost')
+  ) {
+    return `${protocol}//tasks.tuturuuu.localhost`;
+  }
+
+  if (
+    normalizedHostname === 'tuturuuu.com' ||
+    normalizedHostname.endsWith('.tuturuuu.com')
+  ) {
+    return 'https://tasks.tuturuuu.com';
+  }
+
+  return null;
+}
+
+export function getTasksAppUrl(path: string) {
+  const normalizedPath = path.startsWith('/') ? path : `/${path}`;
+  const origin = getTasksAppOriginForBrowser();
+
+  return origin ? new URL(normalizedPath, origin).toString() : normalizedPath;
+}
+
+export function getTaskApiUrl(path: string) {
+  return getTasksAppUrl(path);
+}