nolo-cli 0.1.23 → 0.1.29

package/app/utils/imageUtils.native.ts

@@ -0,0 +1,96 @@
+// packages/app/utils/imageUtils.native.ts
+
+export interface ImageCompressionOptions {
+    maxSizeMB?: number;
+    maxWidthOrHeight?: number;
+    useWebWorker?: boolean;
+    initialQuality?: number;
+    alwaysKeepResolution?: boolean;
+}
+
+// React Native 不支持 Web 的 File API
+// 返回 any 以兼容类型系统
+export function dataURLtoFile(
+    dataUrl: string,
+    filename: string
+): any | null {
+    console.warn("[imageUtils.native] dataURLtoFile is not fully supported in React Native.");
+    // 尝试解析 dataUrl 以获取 mime type
+    const match = dataUrl.match(/^data:([^;]+);base64,(.+)$/);
+    if (!match) return null;
+
+    const mime = match[1];
+
+    // 返回一个符合 RN FormData 要求的基本对象
+    return {
+        uri: dataUrl, // RN 有时可以直接用 data uri
+        name: filename,
+        type: mime,
+        size: Math.ceil((match[2].length * 3) / 4), // 估算 base64 大小
+    };
+}
+
+export async function compressImage(
+    imageDataUrl: string,
+    options?: ImageCompressionOptions
+): Promise<string> {
+    // 暂时在 RN 端跳过压缩，直接返回原图
+    // 未来可以集成 expo-image-manipulator 或 react-native-image-editor
+    console.log("[imageUtils.native] compressImage: skipping compression in RN");
+    return imageDataUrl;
+}
+
+export interface WaitForFileReadyOptions {
+    maxWaitMs?: number;
+    intervalMs?: number;
+}
+
+const appendNoCacheQuery = (url: string): string => {
+    const stamp = `_t=${Date.now()}`;
+    return url.includes("?") ? `${url}&${stamp}` : `${url}?${stamp}`;
+};
+
+const requestWithFallback = async (url: string): Promise<Response> => {
+    const headResponse = await fetch(url, { method: "HEAD" });
+    // Only fall back when the origin explicitly does not support HEAD.
+    // For 404/500/etc. we want to preserve the real status instead of
+    // downloading the full body again with GET.
+    if (headResponse.status !== 405 && headResponse.status !== 501) {
+        return headResponse;
+    }
+
+    return fetch(url, { method: "GET" });
+};
+
+export const waitForFileReady = async (
+    url: string,
+    {
+        maxWaitMs = 10000,
+        intervalMs = 500,
+    }: WaitForFileReadyOptions = {}
+): Promise<boolean> => {
+    const start = Date.now();
+    let attempt = 0;
+
+    console.log(`[imageUtils.native] waitForFileReady: checking ${url} (timeout=${maxWaitMs}ms)`);
+
+    while (Date.now() - start < maxWaitMs) {
+        attempt++;
+        const tryUrl = appendNoCacheQuery(url);
+        try {
+            const response = await requestWithFallback(tryUrl);
+            if (response.ok) {
+                console.log(`[imageUtils.native] waitForFileReady: OK after ${attempt} attempts (${Date.now() - start}ms)`);
+                return true;
+            }
+            console.log(`[imageUtils.native] waitForFileReady: attempt ${attempt} got status ${response.status}`);
+        } catch (e: any) {
+            console.log(`[imageUtils.native] waitForFileReady: attempt ${attempt} failed: ${e?.message || e}`);
+        }
+
+        await new Promise(resolve => setTimeout(resolve, intervalMs));
+    }
+
+    console.warn(`[imageUtils.native] waitForFileReady: timeout after ${attempt} attempts for ${url}`);
+    return false;
+};

package/app/utils/imageUtils.ts

@@ -0,0 +1,244 @@
+// 文件路径: utils/imageUtils.ts
+import imageCompression from "browser-image-compression";
+
+/**
+ * 前端图片压缩配置（只包含我们实际用到的字段）。
+ * 可以按需扩展字段。
+ */
+export interface ImageCompressionOptions {
+  maxSizeMB?: number;
+  maxWidthOrHeight?: number;
+  useWebWorker?: boolean;
+  initialQuality?: number;
+  alwaysKeepResolution?: boolean;
+}
+
+/**
+ * 默认压缩参数：
+ * - 体积控制在 ~1.5MB 内
+ * - 最长边 1400 像素
+ * - 初始质量 0.9（画质较高）
+ * - 使用 WebWorker 避免主线程卡顿
+ */
+const DEFAULT_COMPRESSION_OPTIONS: Required<
+  Pick<
+    ImageCompressionOptions,
+    "maxSizeMB" | "maxWidthOrHeight" | "useWebWorker" | "initialQuality"
+  >
+> = {
+  maxSizeMB: 1.5,
+  maxWidthOrHeight: 1400,
+  useWebWorker: true,
+  initialQuality: 0.9,
+};
+
+const BYTES_PER_MB = 1024 * 1024;
+
+const toMegabytes = (bytes: number): number => bytes / BYTES_PER_MB;
+
+const sleep = (ms: number): Promise<void> =>
+  new Promise((resolve) => setTimeout(resolve, ms));
+
+/**
+ * 解析 dataURL，提取 mime 和 base64 数据部分。
+ */
+const parseDataUrl = (
+  dataUrl: string
+): { mime: string; base64: string } | null => {
+  const trimmed = dataUrl.trim();
+  const parts = trimmed.split(",");
+
+  if (parts.length < 2 || !parts[0] || !parts[1]) {
+    console.warn("[imageUtils] parseDataUrl: invalid data URL", {
+      hasHeader: !!parts[0],
+      hasBody: !!parts[1],
+    });
+    return null;
+  }
+
+  const header = parts[0];
+  const base64 = parts[1];
+
+  const mimeMatch = header.match(/:(.*?);/);
+  const mime = mimeMatch?.[1];
+
+  if (!mime) {
+    console.warn("[imageUtils] parseDataUrl: cannot extract mime from", header);
+    return null;
+  }
+
+  return { mime, base64 };
+};
+
+/**
+ * 将 data URL 字符串转回 File 对象。
+ * @param dataUrl 形如 "data:image/png;base64,..." 的字符串
+ * @param filename 生成 File 时使用的文件名
+ * @returns File 对象，失败时返回 null
+ */
+export function dataURLtoFile(
+  dataUrl: string,
+  filename: string
+): File | null {
+  try {
+    const parsed = parseDataUrl(dataUrl);
+    if (!parsed) return null;
+
+    const { mime, base64 } = parsed;
+
+    const binaryString = atob(base64);
+    const length = binaryString.length;
+    const u8arr = new Uint8Array(length);
+
+    for (let i = 0; i < length; i++) {
+      u8arr[i] = binaryString.charCodeAt(i);
+    }
+
+    return new File([u8arr], filename, { type: mime });
+  } catch (error) {
+    console.error("[imageUtils] Error converting data URL to File:", error);
+    return null;
+  }
+}
+
+/**
+ * 压缩一张 dataURL 图片。
+ * 使用 browser-image-compression 库。
+ *
+ * @param imageDataUrl 原始图片的 dataURL（Base64）
+ * @param options 可选的压缩参数，会覆盖默认值
+ * @returns 压缩后的 dataURL；如果压缩失败或不划算，会返回原始 dataURL
+ */
+export async function compressImage(
+  imageDataUrl: string,
+  options?: ImageCompressionOptions
+): Promise<string> {
+  const mergedOptions: ImageCompressionOptions = {
+    ...DEFAULT_COMPRESSION_OPTIONS,
+    ...options,
+  };
+
+  // 为转换生成一个“相对唯一”的文件名
+  const timestamp = Date.now();
+  const filename = `image_${timestamp}.png`; // 实际类型由 dataURL 决定
+
+  const imageFile = dataURLtoFile(imageDataUrl, filename);
+
+  if (!imageFile) {
+    console.warn(
+      "[imageUtils] compressImage: cannot convert data URL to File, return original"
+    );
+    return imageDataUrl;
+  }
+
+  const originalSizeMB = toMegabytes(imageFile.size);
+  const targetSizeMB =
+    mergedOptions.maxSizeMB ?? DEFAULT_COMPRESSION_OPTIONS.maxSizeMB;
+
+  console.log(
+    `[imageUtils] compressImage: original size = ${originalSizeMB.toFixed(
+      2
+    )} MB`
+  );
+
+  // 如果原图本来就比目标尺寸小，则直接跳过压缩，保证画质
+  if (originalSizeMB <= targetSizeMB) {
+    console.log(
+      "[imageUtils] compressImage: image already smaller than target, skip compression"
+    );
+    return imageDataUrl;
+  }
+
+  try {
+    const compressedFile = await imageCompression(imageFile, mergedOptions);
+
+    const compressedSizeMB = toMegabytes(compressedFile.size);
+    console.log(
+      `[imageUtils] compressImage: compressed size = ${compressedSizeMB.toFixed(
+        2
+      )} MB (target <= ${targetSizeMB.toFixed(2)} MB)`
+    );
+
+    // 理论上不会出现压缩后比原图更大的情况，但这里做一个兜底
+    if (compressedFile.size >= imageFile.size) {
+      console.log(
+        "[imageUtils] compressImage: compressed file is not smaller, return original"
+      );
+      return imageDataUrl;
+    }
+
+    const compressedDataUrl =
+      await imageCompression.getDataUrlFromFile(compressedFile);
+
+    return compressedDataUrl;
+  } catch (error) {
+    console.error("[imageUtils] compressImage failed:", error);
+    return imageDataUrl;
+  }
+}
+
+/**
+ * 等待 remote /file/content/:fileId 对应的图片 URL 可用。
+ * 通过创建 <img> 去加载这个 URL，避免 CORS 问题。
+ *
+ * 成功：在 maxWaitMs 内，某次加载 onload 触发。
+ * 失败：超时或每次都是 onerror。
+ */
+export interface WaitForFileReadyOptions {
+  /** 最大等待时间（毫秒），默认 4000ms */
+  maxWaitMs?: number;
+  /** 每次重试之间的间隔时间（毫秒），默认 250ms */
+  intervalMs?: number;
+}
+
+const appendNoCacheQuery = (url: string): string => {
+  const stamp = `_t=${Date.now()}`;
+  return url.includes("?") ? `${url}&${stamp}` : `${url}?${stamp}`;
+};
+
+const tryLoadImage = (url: string): Promise<boolean> =>
+  new Promise((resolve) => {
+    const img = new Image();
+
+    const cleanup = () => {
+      img.onload = null;
+      img.onerror = null;
+    };
+
+    img.onload = () => {
+      cleanup();
+      resolve(true);
+    };
+
+    img.onerror = () => {
+      cleanup();
+      resolve(false);
+    };
+
+    img.src = url;
+  });
+
+export const waitForFileReady = async (
+  url: string,
+  {
+    maxWaitMs = 4000,
+    intervalMs = 250,
+  }: WaitForFileReadyOptions = {}
+): Promise<boolean> => {
+  const start = Date.now();
+
+  while (Date.now() - start < maxWaitMs) {
+    const tryUrl = appendNoCacheQuery(url);
+    const ok = await tryLoadImage(tryUrl);
+
+    if (ok) {
+      console.debug("[imageUtils] waitForFileReady: image loaded for", url);
+      return true;
+    }
+
+    await sleep(intervalMs);
+  }
+
+  console.warn("[imageUtils] waitForFileReady: timeout for", url);
+  return false;
+};

package/app/utils/ime.ts

@@ -0,0 +1,43 @@
+type ImeKeyboardEventLike = {
+  keyCode?: number;
+  which?: number;
+  nativeEvent?: {
+    isComposing?: boolean;
+    keyCode?: number;
+    which?: number;
+  };
+};
+
+const IME_FALLBACK_KEYCODE = 229;
+const COMPOSITION_END_GRACE_MS = 48;
+
+export const shouldDeferEnterForIme = ({
+  event,
+  isComposing,
+  lastCompositionEndAt,
+  now = Date.now(),
+}: {
+  event: ImeKeyboardEventLike;
+  isComposing: boolean;
+  lastCompositionEndAt: number;
+  now?: number;
+}) => {
+  const nativeEvent = event.nativeEvent;
+  const keyCode =
+    nativeEvent?.keyCode ??
+    nativeEvent?.which ??
+    event.keyCode ??
+    event.which ??
+    0;
+
+  if (isComposing || nativeEvent?.isComposing) {
+    return true;
+  }
+
+  if (keyCode === IME_FALLBACK_KEYCODE) {
+    return true;
+  }
+
+  return now - lastCompositionEndAt < COMPOSITION_END_GRACE_MS;
+};
+

package/app/utils/myContentItems.ts

@@ -0,0 +1,290 @@
+import type { AppSummary, AppSummaryRecord } from "../types/appSummary";
+import { toAppSummary } from "../types/appSummary";
+import { isAppRouteKey, resolveAppRouteKey } from "../utils/appKeys";
+import { normalizeAppRouteId } from "../../create/space/contentKeyUtils";
+import { DataType } from "../../create/types";
+import { ContentType } from "../types";
+
+export type ContentTab =
+  | "all"
+  | "app"
+  | "agent"
+  | "dialog"
+  | "page"
+  | "image"
+  | "document"
+  | "video"
+  | "audio"
+  | "table"
+  | "file";
+
+export type OwnedAppContentItem = {
+  source: "owned-app";
+  title: string;
+  type: ContentType.APP;
+  contentKey: string;
+  pinned: false;
+  createdAt: string | number;
+  updatedAt: string | number;
+  spaceId: string | null;
+  spaceName: string;
+  serverOrigin?: string;
+  app: AppSummary;
+};
+
+export type QueriedContentItem = {
+  source: "user-data";
+  title: string;
+  type: string;
+  fileCategory?: "image" | "document" | "video" | "audio" | "other";
+  mimeType?: string;
+  fileSize?: number;
+  originalName?: string;
+  contentKey: string;
+  pinned: boolean;
+  createdAt: string | number;
+  updatedAt: string | number;
+  spaceId: string | null;
+  spaceName: string;
+  serverOrigin?: string;
+};
+
+export type MyContentListItem = QueriedContentItem | OwnedAppContentItem;
+
+export const MY_CONTENT_USER_DATA_TYPES: DataType[] = [
+  DataType.APP,
+  DataType.DOC,
+  DataType.DIALOG,
+  DataType.IMAGE,
+  DataType.FILE,
+  DataType.TABLE,
+  DataType.AGENT,
+  DataType.CYBOT,
+];
+
+type UserContentRecord = Partial<AppSummaryRecord> & {
+  dbKey?: string;
+  contentKey?: string;
+  type?: string;
+  fileCategory?: "image" | "document" | "video" | "audio" | "other";
+  mimeType?: string;
+  fileSize?: number;
+  originalName?: string;
+  title?: string;
+  displayName?: string;
+  createdAt?: string | number;
+  updatedAt?: string | number;
+  created?: string | number;
+  updated_at?: string | number;
+  pinned?: boolean;
+  spaceId?: string | null;
+  serverOrigin?: string;
+};
+
+const normalizeText = (value: unknown): string =>
+  typeof value === "string" ? value.trim() : "";
+
+export const resolveUserContentRecordKey = (record: UserContentRecord): string => {
+  const contentKey = normalizeText(record.contentKey);
+  if (contentKey) return contentKey;
+  const dbKey = normalizeText(record.dbKey);
+  if (dbKey) return dbKey;
+  const appKey = normalizeText(record.appKey);
+  if (appKey) return appKey;
+  return resolveAppRouteKey(undefined, normalizeText(record.appId)) ?? "";
+};
+
+export const isUserContentAppRecord = (record: UserContentRecord): boolean => {
+  const normalizedType = normalizeText(record.type).toLowerCase();
+  const canonicalKey = resolveUserContentRecordKey(record);
+  return normalizedType === ContentType.APP || isAppRouteKey(canonicalKey);
+};
+
+export const resolveMyContentTab = (
+  item: Pick<MyContentListItem, "type" | "contentKey"> & {
+    fileCategory?: QueriedContentItem["fileCategory"];
+  }
+): ContentTab => {
+  const normalizedType = item.type?.toLowerCase();
+  const contentKey = item.contentKey;
+
+  if (normalizedType === ContentType.APP || contentKey.startsWith("app-")) return "app";
+  if (
+    normalizedType === ContentType.AGENT ||
+    normalizedType === "cybot" ||
+    contentKey.startsWith("agent-") ||
+    contentKey.startsWith("cybot-")
+  ) {
+    return "agent";
+  }
+  if (normalizedType === ContentType.DIALOG || contentKey.startsWith("dialog-")) return "dialog";
+  if (normalizedType === ContentType.DOC || contentKey.startsWith("page-")) return "page";
+  if (
+    normalizedType === ContentType.IMAGE ||
+    contentKey.startsWith("image-") ||
+    (normalizedType === ContentType.FILE && item.fileCategory === "image")
+  ) {
+    return "image";
+  }
+  if (normalizedType === ContentType.FILE && item.fileCategory === "document") {
+    return "document";
+  }
+  if (normalizedType === ContentType.FILE && item.fileCategory === "video") {
+    return "video";
+  }
+  if (normalizedType === ContentType.FILE && item.fileCategory === "audio") {
+    return "audio";
+  }
+  if (normalizedType === "table" || contentKey.startsWith("meta-")) return "table";
+  return "file";
+};
+
+const toTimestamp = (value: string | number) =>
+  typeof value === "number" ? value : Date.parse(value) || 0;
+
+const normalizeSpaceId = (spaceId: unknown): string | null => {
+  return typeof spaceId === "string" && spaceId.trim().length > 0 ? spaceId : null;
+};
+
+const resolveRecordTimestamp = (record: UserContentRecord): string | number =>
+  record.updatedAt ??
+  record.updated_at ??
+  record.createdAt ??
+  record.created ??
+  0;
+
+export function buildMyContentItemsFromUserData(
+  records: UserContentRecord[],
+  currentServer: string,
+  spaceNameById: Map<string, string>,
+  myAppsLabel: string,
+  fallbackSpaceLabel: string
+): MyContentListItem[] {
+  const items = records.flatMap((record): MyContentListItem[] => {
+    const contentKey = resolveUserContentRecordKey(record);
+    const normalizedType = normalizeText(record.type).toLowerCase();
+    const isAppRecord = isUserContentAppRecord(record);
+    const contentType = isAppRecord ? ContentType.APP : normalizedType;
+    const timestamp = resolveRecordTimestamp(record);
+    const spaceId = normalizeSpaceId(record.spaceId);
+    const spaceName = spaceId
+      ? spaceNameById.get(spaceId) ?? spaceId
+      : isAppRecord
+        ? myAppsLabel
+        : fallbackSpaceLabel;
+
+    if (isAppRecord) {
+      const app = toAppSummary(
+        {
+          ...record,
+          appKey:
+            typeof record.appKey === "string" && record.appKey.trim().length > 0
+              ? record.appKey
+              : contentKey,
+          dbKey: contentKey,
+        },
+        currentServer
+      );
+      if (!app || !(app.appKey || app.appId)) return [];
+      return [
+        {
+          source: "owned-app",
+          title: typeof app.name === "string" && app.name.trim() ? app.name : contentKey,
+          type: ContentType.APP,
+          contentKey: app.appKey ?? normalizeAppRouteId(app.appId ?? ""),
+          pinned: false,
+          createdAt: timestamp,
+          updatedAt: timestamp,
+          spaceId,
+          spaceName,
+          serverOrigin: app.serverOrigin,
+          app,
+        },
+      ];
+    }
+
+    if (!contentKey || !contentType) return [];
+
+    const title = normalizeText(record.title) ||
+      normalizeText(record.displayName) ||
+      normalizeText(record.name) ||
+      contentKey;
+
+    return [
+      {
+        source: "user-data",
+        title,
+        type: contentType,
+        fileCategory: record.fileCategory,
+        mimeType: typeof record.mimeType === "string" ? record.mimeType : undefined,
+        fileSize: typeof record.fileSize === "number" ? record.fileSize : undefined,
+        originalName:
+          typeof record.originalName === "string" && record.originalName.trim().length > 0
+            ? record.originalName
+            : undefined,
+        contentKey,
+        pinned: Boolean(record.pinned),
+        createdAt: record.createdAt ?? record.created ?? 0,
+        updatedAt: timestamp,
+        spaceId,
+        spaceName,
+        serverOrigin:
+          typeof record.serverOrigin === "string" && record.serverOrigin.trim().length > 0
+            ? record.serverOrigin
+            : undefined,
+      },
+    ];
+  });
+
+  return items.sort(
+    (left, right) => toTimestamp(right.updatedAt) - toTimestamp(left.updatedAt)
+  );
+}
+
+const previewItemKey = (item: MyContentListItem): string =>
+  `${item.source}:${item.contentKey}:${item.spaceId ?? "none"}`;
+
+export function buildMyContentPreviewItems(
+  items: MyContentListItem[],
+  limit?: number,
+  activeTab: ContentTab = "all"
+): MyContentListItem[] {
+  if (typeof limit !== "number") return items;
+  if (activeTab !== "all") return items.slice(0, limit);
+
+  const previewPriority: ContentTab[] = [
+    "app",
+    "app",
+    "agent",
+    "dialog",
+    "page",
+    "image",
+    "document",
+    "video",
+    "audio",
+    "table",
+    "file",
+  ];
+  const selected: MyContentListItem[] = [];
+  const selectedKeys = new Set<string>();
+
+  const pushIfNeeded = (item: MyContentListItem | undefined) => {
+    if (!item || selected.length >= limit) return;
+    const key = previewItemKey(item);
+    if (selectedKeys.has(key)) return;
+    selected.push(item);
+    selectedKeys.add(key);
+  };
+
+  for (const tab of previewPriority) {
+    pushIfNeeded(items.find((item) => resolveMyContentTab(item) === tab));
+    if (selected.length >= limit) return selected;
+  }
+
+  for (const item of items) {
+    pushIfNeeded(item);
+    if (selected.length >= limit) break;
+  }
+
+  return selected;
+}

package/app/utils/processDateRange.ts

@@ -0,0 +1,30 @@
+import { format, subDays, eachDayOfInterval } from "date-fns";
+import { utcToZonedTime, zonedTimeToUtc } from "date-fns-tz";
+
+export type TimeRange = "7days" | "30days" | "90days";
+
+export const processDateRange = (timeRange: TimeRange, userTimeZone) => {
+  // 获取用户时区的当前时间
+  const endLocal = utcToZonedTime(new Date(), userTimeZone);
+  const days = timeRange === "7days" ? 7 : timeRange === "30days" ? 30 : 90;
+  const startLocal = subDays(endLocal, days - 1);
+
+  // 生成用户时区的日期数组
+  const dateArray = eachDayOfInterval({ start: startLocal, end: endLocal });
+
+  // 转换为UTC时间用于API查询
+  const startUTC = zonedTimeToUtc(startLocal, userTimeZone);
+  const endUTC = zonedTimeToUtc(endLocal, userTimeZone);
+
+  return {
+    startUTC,
+    endUTC,
+    dateArray: dateArray.map((date) => ({
+      // UTC格式用于API查询
+      utc: format(zonedTimeToUtc(date, userTimeZone), "yyyy-MM-dd"),
+      // 本地格式用于显示
+      full: format(date, "yyyy-MM-dd"),
+      short: format(date, "MM-dd"),
+    })),
+  };
+};