nolo-cli 0.1.31 → 0.1.32

package/app/hooks/useDragResize.ts

@@ -1,91 +0,0 @@
-/**
- * useDragResize — 统一的拖拽调整大小 Hook
- *
- * 使用 Pointer Events API（而非 Mouse Events），兼容 Windows 精准触控板、
- * 触屏设备及普通鼠标。核心优化：
- * - setPointerCapture：快速拖动时事件不会因鼠标离开元素而丢失
- * - pointercancel：处理系统打断（Alt+Tab、弹窗等）的清理
- * - 拖拽期间全局禁止文本选中，防止 Windows 下拖动触发文字高亮
- */
-
-import { useCallback, useEffect, useRef } from "react";
-
-interface UseDragResizeOptions {
-  /** 拖拽开始时的回调 */
-  onStart?: () => void;
-  /** 指针移动时的回调，接收当前 clientX / clientY */
-  onMove: (clientX: number, clientY: number) => void;
-  /** 拖拽结束时的回调（pointerup / pointercancel） */
-  onStop: () => void;
-  /** 拖拽期间的鼠标光标样式，默认不修改 */
-  cursor?: string;
-}
-
-export function useDragResize({ onStart, onMove, onStop, cursor }: UseDragResizeOptions) {
-  const isActiveRef = useRef(false);
-  const previousUserSelectRef = useRef("");
-  const previousCursorRef = useRef("");
-  // 用 ref 保存回调，避免 useEffect 重复注册
-  const onStartRef = useRef(onStart);
-  const onMoveRef = useRef(onMove);
-  const onStopRef = useRef(onStop);
-
-  useEffect(() => {
-    onStartRef.current = onStart;
-  });
-  useEffect(() => {
-    onMoveRef.current = onMove;
-  });
-  useEffect(() => {
-    onStopRef.current = onStop;
-  });
-
-  useEffect(() => {
-    const handleMove = (e: PointerEvent) => {
-      if (!isActiveRef.current) return;
-      onMoveRef.current(e.clientX, e.clientY);
-    };
-
-    const handleUp = () => {
-      if (!isActiveRef.current) return;
-      isActiveRef.current = false;
-      document.body.style.userSelect = previousUserSelectRef.current;
-      if (cursor) document.body.style.cursor = previousCursorRef.current;
-      onStopRef.current();
-    };
-
-    window.addEventListener("pointermove", handleMove);
-    window.addEventListener("pointerup", handleUp);
-    window.addEventListener("pointercancel", handleUp);
-
-    return () => {
-      if (isActiveRef.current) {
-        isActiveRef.current = false;
-        document.body.style.userSelect = previousUserSelectRef.current;
-        if (cursor) document.body.style.cursor = previousCursorRef.current;
-        onStopRef.current();
-      }
-      window.removeEventListener("pointermove", handleMove);
-      window.removeEventListener("pointerup", handleUp);
-      window.removeEventListener("pointercancel", handleUp);
-    };
-  }, [cursor]); // 只注册一次，回调通过 ref 保持最新；cursor 仅影响样式恢复
-
-  /** 绑定到拖拽触发元素的 onPointerDown */
-  const handlePointerDown = useCallback(
-    (e: React.PointerEvent<HTMLElement>) => {
-      e.preventDefault();
-      e.stopPropagation();
-      e.currentTarget.setPointerCapture(e.pointerId);
-      isActiveRef.current = true;
-      previousUserSelectRef.current = document.body.style.userSelect;
-      previousCursorRef.current = document.body.style.cursor;
-      document.body.style.userSelect = "none";
-      if (cursor) document.body.style.cursor = cursor;
-      onStartRef.current?.();
-    },
-    [cursor]
-  );
-
-  return { handlePointerDown };
-}

package/app/hooks/useElementSizeVar.ts

@@ -1,24 +0,0 @@
-// 文件路径: app/hooks/useElementSizeVar.ts
-import { useEffect } from "react";
-
-export function useElementSizeVar(
-    ref: React.RefObject<HTMLElement>,
-    cssVarName: string,
-    getSize: (rect: DOMRectReadOnly) => number = (rect) => rect.height
-) {
-    useEffect(() => {
-        if (typeof window === "undefined") return;
-        const el = ref.current;
-        if (!el) return;
-
-        const observer = new ResizeObserver((entries) => {
-            const entry = entries[0];
-            const size = getSize(entry.contentRect);
-            document.documentElement.style.setProperty(cssVarName, `${size}px`);
-        });
-
-        observer.observe(el);
-
-        return () => observer.disconnect();
-    }, [ref, cssVarName, getSize]);
-}

package/app/hooks/useFileDropZone.ts

@@ -1,52 +0,0 @@
-// 文件路径: packages/chat/hooks/useFileDropZone.ts
-
-import { useCallback, useState } from "react";
-import { extractFilesFromDataTransfer } from "../utils/fileUtils";
-import type { DragEvent, DragEventHandler } from "react";
-
-function hasFileDrag(dataTransfer: DataTransfer | null) {
-    if (!dataTransfer) return false;
-    return Array.from(dataTransfer.types ?? []).includes("Files");
-}
-
-export function useFileDropZone<T extends HTMLElement = HTMLElement>(
-    onFiles: (files: File[]) => void
-) {
-    const [isDragOver, setIsDragOver] = useState(false);
-
-    const handleDragOver: DragEventHandler<T> = useCallback((event: DragEvent<T>) => {
-        if (!hasFileDrag(event.dataTransfer)) return;
-        event.preventDefault();
-        event.dataTransfer.dropEffect = "copy";
-        setIsDragOver(true);
-    }, []);
-
-    const handleDragLeave: DragEventHandler<T> = useCallback((event: DragEvent<T>) => {
-        const nextTarget = event.relatedTarget;
-        if (nextTarget instanceof Node && event.currentTarget.contains(nextTarget)) {
-            return;
-        }
-        setIsDragOver(false);
-    }, []);
-
-    const handleDrop: DragEventHandler<T> = useCallback(
-        (event: DragEvent<T>) => {
-            if (!hasFileDrag(event.dataTransfer)) return;
-            event.preventDefault();
-            setIsDragOver(false);
-
-            const droppedFiles = extractFilesFromDataTransfer(event.dataTransfer);
-            if (!droppedFiles.length) return;
-
-            onFiles(droppedFiles);
-        },
-        [onFiles]
-    );
-
-    return {
-        isDragOver,
-        handleDragOver,
-        handleDragLeave,
-        handleDrop,
-    };
-}

package/app/hooks/useHasMounted.ts

@@ -1,11 +0,0 @@
-import { useEffect, useState } from "react";
-
-export const useHasMounted = () => {
-  const [hasMounted, setHasMounted] = useState(false);
-
-  useEffect(() => {
-    setHasMounted(true);
-  }, []);
-
-  return hasMounted;
-};

package/app/hooks/useImageLoadFallback.ts

@@ -1,19 +0,0 @@
-import { useCallback, useEffect, useState } from "react";
-
-export function useImageLoadFallback(src?: string | null) {
-  const [hasImageError, setHasImageError] = useState(false);
-
-  useEffect(() => {
-    setHasImageError(false);
-  }, [src]);
-
-  const handleImageError = useCallback(() => {
-    setHasImageError(true);
-  }, []);
-
-  return {
-    hasImageError,
-    shouldRenderImage: Boolean(src) && !hasImageError,
-    handleImageError,
-  };
-}

package/app/hooks/useIsMobile.ts

@@ -1,46 +0,0 @@
-// 文件路径: app/hooks/useIsMobile.ts
-
-import { useEffect, useState } from "react";
-
-export function useIsMobile(breakpoint = 768): boolean {
-    const [isMobile, setIsMobile] = useState<boolean>(() => {
-        if (typeof window === "undefined" || typeof window.matchMedia === "undefined") {
-            return false;
-        }
-        return window.matchMedia(`(max-width: ${breakpoint}px)`).matches;
-    });
-
-    useEffect(() => {
-        if (typeof window === "undefined" || typeof window.matchMedia === "undefined") {
-            return;
-        }
-
-        const mediaQuery = window.matchMedia(`(max-width: ${breakpoint}px)`);
-
-        const handleChange = (event: MediaQueryListEvent | MediaQueryList) => {
-            const matches =
-                "matches" in event ? event.matches : (event as MediaQueryList).matches;
-            setIsMobile(matches);
-        };
-
-        // 初始同步一次
-        setIsMobile(mediaQuery.matches);
-
-        if (typeof mediaQuery.addEventListener === "function") {
-            const listener = handleChange as (e: MediaQueryListEvent) => void;
-            mediaQuery.addEventListener("change", listener);
-            return () => mediaQuery.removeEventListener("change", listener);
-        }
-
-        // 兼容旧浏览器
-        const legacyListener = handleChange as (e: MediaQueryList) => void;
-        // @ts-ignore
-        mediaQuery.addListener(legacyListener);
-        return () => {
-            // @ts-ignore
-            mediaQuery.removeListener(legacyListener);
-        };
-    }, [breakpoint]);
-
-    return isMobile;
-}

package/app/hooks/useMyApps.ts

@@ -1,375 +0,0 @@
-import { useState, useCallback, useEffect, type Dispatch, type SetStateAction } from "react";
-import { useAppDispatch, useAppSelector } from "../store";
-import { selectCurrentToken, selectUserId } from "../../auth/authSlice";
-import {
-  selectRemoteServer,
-  selectRemoteServers,
-} from "../settings/settingSlice";
-import { resolveAppRouteKey } from "../utils/appKeys";
-import { fetchOwnedApps } from "../fetchOwnedApps";
-import type { AppSummary, AppVisibility, CustomDomain } from "../types/appSummary";
-
-type AccessibleAppListResponse = {
-  workers?: Array<{
-    userFriendlyName?: string;
-    name?: string;
-    url?: string | null;
-    appId?: string;
-    appKey?: string;
-    spaceId?: string | null;
-    customUrl?: string;
-    modifiedOn?: string;
-    visibility?: AppVisibility;
-  }>;
-};
-
-type DomainMutationResponse = {
-  url?: string;
-  mode?: string;
-  pendingDns?: boolean;
-  aRecords?: string[];
-  error?: {
-    message?: string;
-    code?: string;
-  };
-};
-
-type DomainListResponse = {
-  domains?: CustomDomain[];
-};
-
-export function useMyAppListData(spaceId?: string | null) {
-  const dispatch = useAppDispatch();
-  const userId = useAppSelector(selectUserId);
-  const currentToken = useAppSelector(selectCurrentToken);
-  const server = useAppSelector(selectRemoteServer);
-  const servers = useAppSelector(selectRemoteServers);
-
-  const [apps, setApps] = useState<AppSummary[]>([]);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-
-  const fetchApps = useCallback(async () => {
-    if (!userId) return;
-    setLoading(true);
-    setError(null);
-    try {
-      if (!spaceId) {
-        const ownedApps = (await dispatch(
-          fetchOwnedApps({
-            userId,
-            server,
-            servers,
-            limit: 200,
-          })
-        ).unwrap()) as AppSummary[];
-        setApps(ownedApps);
-        return;
-      }
-      const res = await fetch(`${server}/api/app/list`, {
-        method: "POST",
-        headers: {
-          Authorization: `Bearer ${currentToken}`,
-          "Content-Type": "application/json",
-        },
-        body: JSON.stringify({ spaceId }),
-      });
-      if (!res.ok) throw new Error(`获取应用列表失败 (${res.status})`);
-      const json = (await res.json()) as AccessibleAppListResponse;
-      const workers: AppSummary[] = (json.workers ?? []).map((w: any) => ({
-        name: w.userFriendlyName ?? w.name ?? w.appId ?? w.appKey ?? "Untitled App",
-        url: w.url ?? null,
-        appId: w.appId,
-        appKey: w.appKey ?? resolveAppRouteKey(undefined, w.appId) ?? undefined,
-        spaceId: w.spaceId ?? null,
-        customUrl: w.customUrl,
-        modifiedOn: w.modifiedOn,
-        visibility: w.visibility ?? "private",
-        deployMode: "platform",
-      }));
-      setApps(workers);
-    } catch (err: any) {
-      setError(err?.message || "加载失败");
-    } finally {
-      setLoading(false);
-    }
-  }, [dispatch, userId, currentToken, server, servers, spaceId]);
-
-  useEffect(() => {
-    void fetchApps();
-  }, [fetchApps]);
-
-  return {
-    apps,
-    setApps,
-    loading,
-    error,
-    fetchApps,
-  };
-}
-
-interface UseMyAppActionsOptions {
-  setApps: Dispatch<SetStateAction<AppSummary[]>>;
-}
-
-export function useMyAppActions({ setApps }: UseMyAppActionsOptions) {
-  const currentToken = useAppSelector(selectCurrentToken);
-  const server = useAppSelector(selectRemoteServer);
-  const servers = useAppSelector(selectRemoteServers);
-  const resolveAppServer = useCallback(
-    (app: Pick<AppSummary, "serverOrigin"> | null | undefined) =>
-      app?.serverOrigin?.trim() || server,
-    [server]
-  );
-  const resolveAppServers = useCallback(
-    (app: Pick<AppSummary, "serverOrigin"> | null | undefined) => {
-      const ordered = [resolveAppServer(app), ...servers];
-      return [
-        ...new Set(
-          ordered.filter(
-            (value): value is string =>
-              typeof value === "string" && value.trim().length > 0
-          )
-        ),
-      ];
-    },
-    [resolveAppServer, servers]
-  );
-
-  const postAppMutation = useCallback(
-    async <TResponse>(
-      app: Pick<AppSummary, "serverOrigin"> | null | undefined,
-      path: string,
-      body: Record<string, unknown>,
-      options?: { treat404AsOk?: boolean }
-    ) => {
-      if (!currentToken) {
-        return [];
-      }
-      const targetServers = resolveAppServers(app);
-      return Promise.all(
-        targetServers.map(async (targetServer, index) => {
-          try {
-            const res = await fetch(`${targetServer}${path}`, {
-              method: "POST",
-              headers: {
-                Authorization: `Bearer ${currentToken}`,
-                "Content-Type": "application/json",
-              },
-              body: JSON.stringify(body),
-            });
-            const data = (await res.json().catch(() => ({}))) as TResponse;
-            return {
-              server: targetServer,
-              required: index === 0,
-              ok: res.ok || (options?.treat404AsOk === true && res.status === 404),
-              status: res.status,
-              data,
-            };
-          } catch {
-            return {
-              server: targetServer,
-              required: index === 0,
-              ok: false,
-              status: null,
-              data: {} as TResponse,
-            };
-          }
-        })
-      );
-    },
-    [currentToken, resolveAppServers]
-  );
-
-  const hasReplicaFailure = useCallback(
-    (results: Array<{ ok: boolean; required: boolean; server: string; status: number | null }>) => {
-      const replicaFailures = results.filter((result) => !result.required && !result.ok);
-      if (replicaFailures.length > 0) {
-        console.warn("[useMyApps] skipped failed replica servers", replicaFailures);
-      }
-    },
-    []
-  );
-
-  const deleteApp = useCallback(
-    async (app: Pick<AppSummary, "name" | "appId" | "appKey" | "serverOrigin">): Promise<boolean> => {
-      const name = app.name;
-      const appId = app.appId;
-      if (!currentToken || (!appId && !name)) return false;
-      try {
-        const results = await postAppMutation<Record<string, unknown>>(
-          app,
-          "/api/app/delete",
-          appId ? { appId, name } : { name },
-          { treat404AsOk: true }
-        );
-        if (!results.some((result) => result.required && result.ok)) return false;
-        hasReplicaFailure(results);
-        setApps((prev) =>
-          prev.filter((app) =>
-            appId ? app.appId !== appId : app.name !== name
-          )
-        );
-        return true;
-      } catch {
-        return false;
-      }
-    },
-    [currentToken, hasReplicaFailure, postAppMutation, setApps]
-  );
-
-  const shareApp = useCallback(
-    async (
-      app: Pick<AppSummary, "appId" | "serverOrigin">,
-      visibility: AppVisibility
-    ): Promise<boolean> => {
-      const appId = app.appId;
-      if (!currentToken || !appId) return false;
-      try {
-        const results = await postAppMutation<Record<string, unknown>>(
-          app,
-          "/api/app/share",
-          { appId, visibility }
-        );
-        if (!results.some((result) => result.required && result.ok)) return false;
-        hasReplicaFailure(results);
-        setApps((prev) =>
-          prev.map((a) => (a.appId === appId ? { ...a, visibility } : a))
-        );
-        return true;
-      } catch {
-        return false;
-      }
-    },
-    [currentToken, hasReplicaFailure, postAppMutation, setApps]
-  );
-
-  const bindDomain = useCallback(
-    async (
-      app: Pick<AppSummary, "appId" | "serverOrigin">,
-      hostname: string
-    ): Promise<{
-      ok: boolean;
-      url?: string;
-      error?: string;
-      code?: string;
-      mode?: string;
-      pendingDns?: boolean;
-      aRecords?: string[];
-    }> => {
-      const appId = app.appId;
-      if (!currentToken || !appId) return { ok: false, error: "未登录" };
-      try {
-        const results = await postAppMutation<DomainMutationResponse>(
-          app,
-          "/api/app/domain/bind",
-          { appId, hostname }
-        );
-        const primary = results.find((result) => result.required);
-        const data = primary?.data as DomainMutationResponse | undefined;
-        if (!primary?.ok) {
-          return {
-            ok: false,
-            error: data?.error?.message || `绑定失败 (${primary?.status ?? "network"})`,
-            code: data?.error?.code,
-          };
-        }
-        hasReplicaFailure(results);
-        setApps((prev) =>
-          prev.map((app) =>
-            app.appId === appId && !data.pendingDns
-              ? { ...app, customUrl: data.url ?? app.customUrl }
-              : app
-          )
-        );
-        return {
-          ok: true,
-          url: data.url,
-          mode: data.mode,
-          pendingDns: data.pendingDns,
-          aRecords: Array.isArray(data.aRecords) ? data.aRecords : [],
-        };
-      } catch (error: any) {
-        return { ok: false, error: error?.message || "绑定失败" };
-      }
-    },
-    [currentToken, hasReplicaFailure, postAppMutation, setApps]
-  );
-
-  const unbindDomain = useCallback(
-    async (
-      app: Pick<AppSummary, "appId" | "serverOrigin">,
-      hostname: string
-    ): Promise<{ ok: boolean; error?: string }> => {
-      const appId = app.appId;
-      if (!currentToken || !appId) return { ok: false, error: "未登录" };
-      try {
-        const results = await postAppMutation<DomainMutationResponse>(
-          app,
-          "/api/app/domain/unbind",
-          { appId, hostname }
-        );
-        const primary = results.find((result) => result.required);
-        const data = primary?.data as DomainMutationResponse | undefined;
-        if (!primary?.ok) {
-          return {
-            ok: false,
-            error: data?.error?.message || `解绑失败 (${primary?.status ?? "network"})`,
-          };
-        }
-        hasReplicaFailure(results);
-        setApps((prev) =>
-          prev.map((app) =>
-            app.appId === appId && app.customUrl === `https://${hostname}`
-              ? { ...app, customUrl: app.url ?? undefined }
-              : app
-          )
-        );
-        return { ok: true };
-      } catch (error: any) {
-        return { ok: false, error: error?.message || "解绑失败" };
-      }
-    },
-    [currentToken, hasReplicaFailure, postAppMutation, setApps]
-  );
-
-  const listDomains = useCallback(
-    async (app: Pick<AppSummary, "appId" | "serverOrigin">): Promise<CustomDomain[]> => {
-      const appId = app.appId;
-      if (!currentToken || !appId) return [];
-      try {
-        const res = await fetch(`${resolveAppServer(app)}/api/app/domain/list`, {
-          method: "POST",
-          headers: {
-            Authorization: `Bearer ${currentToken}`,
-            "Content-Type": "application/json",
-          },
-          body: JSON.stringify({ appId }),
-        });
-        const data = (await res.json().catch(() => ({}))) as DomainListResponse;
-        if (!res.ok) return [];
-        const domains = Array.isArray(data?.domains) ? data.domains : [];
-        const activeDomain = domains.find((domain: CustomDomain) => !domain.pendingDns);
-        if (activeDomain?.url) {
-          setApps((prev) =>
-            prev.map((app) =>
-              app.appId === appId ? { ...app, customUrl: activeDomain.url } : app
-            )
-          );
-        }
-        return domains;
-      } catch {
-        return [];
-      }
-    },
-    [currentToken, resolveAppServer, setApps]
-  );
-
-  return {
-    deleteApp,
-    shareApp,
-    bindDomain,
-    unbindDomain,
-    listDomains,
-  };
-}