@hienlh/ppm 0.23.10 → 0.23.12

package/src/web/lib/preload-ui.ts

@@ -0,0 +1,60 @@
+/**
+ * Loads the code behind every tab and window while the app has nothing else to do, so the
+ * first terminal, editor or chat of a session opens at once instead of behind a spinner.
+ * `lazy-with-preload.tsx` is why a loaded module also has to skip that spinner.
+ *
+ * It is a download, so it is skipped wherever one costs the user something: a data-saver
+ * setting, a 2G link, and any touch-only device not known to be on Wi-Fi — which includes
+ * every iPhone, since Safari says nothing about its connection.
+ */
+
+/** The fields of `navigator.connection` (Network Information API) this reads. */
+export interface ConnectionHints {
+  saveData?: boolean;
+  effectiveType?: string;
+  type?: string;
+}
+
+export function shouldPreloadUi(connection: ConnectionHints | undefined, touchOnly: boolean): boolean {
+  if (connection?.saveData) return false;
+  if (connection?.effectiveType === "slow-2g" || connection?.effectiveType === "2g") return false;
+  if (!touchOnly) return true;
+  return connection?.type === "wifi" || connection?.type === "ethernet";
+}
+
+/** Runs `run` once the main thread is idle; returns a function that calls it off. */
+export type WhenIdle = (run: () => void) => () => void;
+
+const whenIdle: WhenIdle = (run) => {
+  if (typeof requestIdleCallback === "function") {
+    const id = requestIdleCallback(run);
+    return () => cancelIdleCallback(id);
+  }
+  // Safari has no `requestIdleCallback`.
+  const id = setTimeout(run, 200);
+  return () => clearTimeout(id);
+};
+
+/**
+ * Runs `tasks` one after another, each starting in an idle period of its own, so no two
+ * modules are evaluated in one stretch of the main thread. A task that fails is skipped:
+ * whatever needed that module will ask for it again. Returns a function that stops the rest.
+ */
+export function preloadWhenIdle(tasks: ReadonlyArray<() => Promise<unknown>>, idle: WhenIdle = whenIdle): () => void {
+  let stopped = false;
+  let cancel = () => {};
+  const next = (i: number) => {
+    if (stopped || i >= tasks.length) return;
+    cancel = idle(() => {
+      void Promise.resolve()
+        .then(tasks[i])
+        .catch(() => {})
+        .then(() => next(i + 1));
+    });
+  };
+  next(0);
+  return () => {
+    stopped = true;
+    cancel();
+  };
+}

package/src/web/lib/score-file-search.ts

@@ -60,20 +60,7 @@ export function scoreFileSearchFast(
 ): FileSearchScore | null {
   // Multi-word query: score each word independently, require all to match
   if (qLower.includes(" ")) {
-    const words = qLower.split(/\s+/).filter(Boolean);
-    if (words.length === 0) return null;
-    if (words.length === 1) {
-      return scoreFileSearchFast(words[0]!, filenameLower, pathLower, labelLen, depth);
-    }
-    let maxTier = 0;
-    let totalOffset = 0;
-    for (const word of words) {
-      const s = scoreFileSearchFast(word, filenameLower, pathLower, labelLen, depth);
-      if (!s) return null;
-      maxTier = Math.max(maxTier, s.tier);
-      totalOffset += s.offset;
-    }
-    return { tier: maxTier, offset: totalOffset, nameLen: labelLen, depth };
+    return scoreWordsFast(qLower.split(/\s+/).filter(Boolean), filenameLower, pathLower, labelLen, depth);
   }
 
   // Tier 0: exact filename match
@@ -101,6 +88,32 @@ export function scoreFileSearchFast(
   return null;
 }
 
+/**
+ * `scoreFileSearchFast` for a multi-word query already split into its words, so a loop scoring
+ * one query against many paths splits it once rather than once per path.
+ */
+export function scoreWordsFast(
+  words: string[],
+  filenameLower: string,
+  pathLower: string,
+  labelLen: number,
+  depth: number,
+): FileSearchScore | null {
+  if (words.length === 0) return null;
+  if (words.length === 1) {
+    return scoreFileSearchFast(words[0]!, filenameLower, pathLower, labelLen, depth);
+  }
+  let maxTier = 0;
+  let totalOffset = 0;
+  for (const word of words) {
+    const s = scoreFileSearchFast(word, filenameLower, pathLower, labelLen, depth);
+    if (!s) return null;
+    maxTier = Math.max(maxTier, s.tier);
+    totalOffset += s.offset;
+  }
+  return { tier: maxTier, offset: totalOffset, nameLen: labelLen, depth };
+}
+
 /** Convenience wrapper — lowers inputs on the fly. Use for ad-hoc calls. */
 export function scoreFileSearch(
   query: string,

package/src/web/lib/send-to-chat.ts

@@ -94,9 +94,14 @@ export function resolveSelectedChatTabId(projectName?: string | null): string |
  *
  * `newTab` skips the first two: the text always starts a fresh, plain chat as an editable
  * draft. For a brief that must not land in whatever conversation (or design session) the
- * user happened to select last.
+ * user happened to select last. Only a new tab may also carry an image (a data URL, e.g. a
+ * canvas screenshot): the composer of a *live* tab has its own paste/drop path for that, and
+ * bolting a second one onto the cross-tab event would duplicate it for no live caller.
  */
-export function sendToChat(opts: { text: string; label?: string; projectName?: string | null; newTab?: boolean }): void {
+export function sendToChat(opts: {
+  text: string; label?: string; projectName?: string | null; newTab?: boolean;
+  imageDataUrl?: string; imageName?: string;
+}): void {
   const { text, label, projectName } = opts;
   if (!text.trim()) return;
 
@@ -126,7 +131,11 @@ export function sendToChat(opts: { text: string; label?: string; projectName?: s
     type: "chat",
     title: "Chat",
     projectId: null,
-    metadata: { ...(projectName ? { projectName } : {}), pendingMessage: text },
+    metadata: {
+      ...(projectName ? { projectName } : {}),
+      pendingMessage: text,
+      ...(opts.imageDataUrl ? { pendingAttachmentDataUrl: opts.imageDataUrl, pendingAttachmentName: opts.imageName } : {}),
+    },
     closable: true,
   });
 }

package/src/web/lib/slash-trigger.ts

@@ -0,0 +1,27 @@
+/**
+ * The `/` trigger of a slash picker, shared by every text box that offers one (the chat
+ * composer, the design-instructions editor), so they agree on what opens the picker and
+ * what a pick replaces.
+ */
+
+/** A `/` opens a query only at the start of the text or after whitespace. */
+const QUERY_AT_END_RE = /(?:^|\s)\/(\S*)$/;
+
+/** The query typed after a `/` that ends `textBefore` (the text left of the caret), or null. */
+export function slashQueryBefore(textBefore: string): string | null {
+  const match = textBefore.match(QUERY_AT_END_RE);
+  return match ? (match[1] ?? "") : null;
+}
+
+/**
+ * `textBefore` with its trailing `/query` replaced by `token` and a space, keeping the
+ * whitespace that preceded the `/`. Unchanged when there is no such query.
+ */
+export function replaceSlashQuery(textBefore: string, token: string): string {
+  return textBefore.replace(/(?:^|\s)\/\S*$/, (match) => `${match.startsWith("/") ? "" : match[0]}${token} `);
+}
+
+/** `textBefore` with its trailing `/query` removed, keeping the whitespace before it. */
+export function stripSlashQuery(textBefore: string): string {
+  return textBefore.replace(/(?:^|\s)\/\S*$/, (match) => (match.startsWith("/") ? "" : match[0]!));
+}

package/src/web/lib/tab-type-icons.ts

@@ -7,7 +7,7 @@
  */
 import {
   Terminal, MessageSquare, FileCode, Database, FileDiff, Settings, Puzzle, Sparkles, Users, CircleX,
-  GitCommitHorizontal, Palette,
+  GitCommitHorizontal, Palette, Smartphone,
   type LucideIcon,
 } from "@/lib/icons";
 import type { ElementType } from "react";
@@ -36,6 +36,7 @@ export const TAB_TYPE_ICONS: Record<TabType, LucideIcon> = {
   group: Users,
   problems: CircleX,
   design: Palette,
+  android: Smartphone,
 };
 
 /** Resolve the icon for a tab type, falling back to a generic glyph. */

package/src/web/lib/trace-boot.ts

@@ -0,0 +1,8 @@
+/**
+ * Starts browser logging. A module of its own so it can be the *first* import of `main.tsx`:
+ * imports evaluate in order before any statement runs, so a call written in `main.tsx` itself
+ * would only happen after the whole app had already evaluated — and logged — without it.
+ */
+import { installTraceClient } from "./trace-client";
+
+installTraceClient();