@tuturuuu/ui 0.12.0 → 0.14.0

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/hooks/use-user-config.ts

@@ -11,14 +11,22 @@ import { getUserConfig, updateUserConfig } from '@tuturuuu/internal-api/users';
  * @param defaultValue - Default value if config doesn't exist
  * @returns Query result with the config value
  */
-export function useUserConfig(configId: string, defaultValue: string = '') {
+export function useUserConfig(
+  configId: string,
+  defaultValue: string = '',
+  options?: {
+    enabled?: boolean;
+    staleTime?: number;
+  }
+) {
   return useQuery({
     queryKey: ['user-config', configId],
     queryFn: async () => {
       const data = await getUserConfig(configId);
       return (data.value as string) ?? defaultValue;
     },
-    staleTime: 5 * 60 * 1000, // 5 minutes
+    enabled: options?.enabled !== false && Boolean(configId),
+    staleTime: options?.staleTime ?? 5 * 60 * 1000, // 5 minutes
   });
 }
 

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);
+}