@notis_ai/cli 0.2.0-beta.19.1 → 0.2.0-beta.191.1

package/src/runtime/screenshot-framing.js

@@ -0,0 +1,85 @@
+/** Runs only in the capture harness, never in an installed app. */
+export function measureScreenshotContent() {
+  const root = document.getElementById('root');
+  if (!root) return null;
+  const viewportWidth = document.documentElement.clientWidth;
+  const visible = (element) => {
+    const rect = element.getBoundingClientRect();
+    const style = getComputedStyle(element);
+    return rect.width > 0 && rect.height > 0
+      && style.display !== 'none' && style.visibility !== 'hidden';
+  };
+
+  // Follow layout wrappers only while they contain the entire visible app.
+  // Never select one column, card, or control out of a multi-pane layout.
+  let node = root;
+  let content = null;
+  while (node) {
+    const hasOwnText = Array.from(node.childNodes).some(
+      (child) => child.nodeType === 3 && child.textContent.trim(),
+    );
+    const children = Array.from(node.children).filter(visible);
+    if (hasOwnText || children.length !== 1) break;
+    node = children[0];
+    const rect = node.getBoundingClientRect();
+    if (['DIV', 'MAIN', 'SECTION', 'ARTICLE', 'FORM'].includes(node.tagName)
+      && rect.width >= 320 && rect.height >= 160
+      && rect.width < viewportWidth * 0.9) {
+      content = node;
+    }
+  }
+  if (!content) return null;
+  content.setAttribute('data-notis-screenshot-content', '');
+  const rect = content.getBoundingClientRect();
+  return {
+    selector: '[data-notis-screenshot-content]',
+    width: rect.width,
+    height: rect.height,
+    viewport_width: viewportWidth,
+  };
+}
+
+export const MEASURE_SCREENSHOT_CONTENT_SCRIPT = `(${measureScreenshotContent.toString()})()`;
+
+/** Keep long pages readable, and rasterize bounded views at their final width. */
+export function contentCapturePlan(bounds, viewport, outputWidth, outputHeight) {
+  const aspect = outputWidth / outputHeight;
+  if (bounds.width / bounds.height < aspect * 0.75) {
+    const width = Math.max(768, Math.ceil((bounds.width + 32) / 8) * 8);
+    return { focus: false, width, height: Math.round(width / aspect), scale: outputWidth / width };
+  }
+  return {
+    focus: true,
+    width: viewport.width,
+    height: viewport.height,
+    scale: Math.min(4, outputWidth / bounds.width),
+  };
+}
+
+export function safeViewportHeight(rectangles, height) {
+  const crossing = rectangles.filter((rect) => rect.top < height && rect.bottom > height
+    && rect.top >= height * 0.85);
+  return crossing.length
+    ? Math.max(Math.ceil(height * 0.85), Math.floor(Math.min(...crossing.map((rect) => rect.top)) - 8))
+    : height;
+}
+
+// End a long-page viewport in whitespace rather than through a text line or
+// control. Only geometry leaves the browser; no page text is returned.
+export const SAFE_VIEWPORT_HEIGHT_SCRIPT = `(() => {
+  const root = document.getElementById('root');
+  if (!root) return innerHeight;
+  const rects = [];
+  const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT);
+  let node;
+  while ((node = walker.nextNode())) {
+    if (!node.textContent.trim() || getComputedStyle(node.parentElement).visibility !== 'visible') continue;
+    const range = document.createRange(); range.selectNodeContents(node);
+    for (const rect of range.getClientRects()) rects.push({ top: rect.top, bottom: rect.bottom });
+  }
+  for (const control of root.querySelectorAll('button,input,select,textarea')) {
+    const rect = control.getBoundingClientRect();
+    rects.push({ top: rect.top, bottom: rect.bottom });
+  }
+  return (${safeViewportHeight.toString()})(rects, innerHeight);
+})()`;

package/src/runtime/skill-sync/cloud-client.ts

@@ -0,0 +1,99 @@
+import { createSkillBundleBase64 } from './local-scanner';
+import type { AgentTargets, LocalSkill, SyncPullResponse, SyncPushResponse, SyncSettings } from './types';
+
+type JsonBody = Record<string, unknown> | undefined;
+
+async function requestJson<T>(
+  url: string,
+  jwt: string,
+  options: { method?: string; body?: JsonBody } = {},
+): Promise<T> {
+  const response = await fetch(url, {
+    signal: AbortSignal.timeout(90_000),
+    method: options.method || 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+      Authorization: `Bearer ${jwt}`,
+    },
+    body: options.body ? JSON.stringify(options.body) : undefined,
+  });
+
+  if (!response.ok) {
+    const text = await response.text();
+    throw new Error(`${options.method || 'POST'} ${url} → ${response.status}: ${text}`);
+  }
+
+  return response.json() as Promise<T>;
+}
+
+export async function fetchSyncSettings(serverUrl: string, jwt: string): Promise<SyncSettings> {
+  return requestJson<SyncSettings>(`${serverUrl}/portal_skills/sync-settings`, jwt, {
+    body: {},
+  });
+}
+
+export async function pullSkills(serverUrl: string, jwt: string): Promise<SyncPullResponse> {
+  return requestJson<SyncPullResponse>(`${serverUrl}/portal_skills/sync-pull`, jwt, {
+    body: {},
+  });
+}
+
+export async function pushChangedSkills(
+  serverUrl: string,
+  jwt: string,
+  changedSkills: LocalSkill[],
+): Promise<SyncPushResponse> {
+  const payloadSkills = await Promise.all(changedSkills.map(async (skill) => ({
+    name: skill.name,
+    description: skill.description,
+    skill_md: skill.skillMd,
+    source_url: skill.sourceUrl,
+    folder_hash: skill.folderHash,
+    bundle_base64: await createSkillBundleBase64(skill),
+  })));
+
+  return requestJson<SyncPushResponse>(`${serverUrl}/portal_skills/sync-push`, jwt, {
+    body: {
+      skills: payloadSkills,
+    },
+  });
+}
+
+export async function downloadSkillBundle(bundleUrl: string): Promise<Buffer> {
+  const response = await fetch(bundleUrl, { signal: AbortSignal.timeout(90_000) });
+  if (!response.ok) {
+    const text = await response.text();
+    throw new Error(`GET ${bundleUrl} → ${response.status}: ${text}`);
+  }
+
+  return Buffer.from(await response.arrayBuffer());
+}
+
+export async function updateAgentTargets(
+  serverUrl: string,
+  jwt: string,
+  skillId: string,
+  targets: Partial<AgentTargets>,
+  expectedUpdatedAt?: string,
+): Promise<{ success: boolean; agent_targets: AgentTargets; updated_at?: string }> {
+  return requestJson<{ success: boolean; agent_targets: AgentTargets; updated_at?: string }>(`${serverUrl}/portal_skills/agent-targets`, jwt, {
+    method: 'PATCH',
+    body: {
+      skill_id: skillId,
+      agent_targets: targets,
+      ...(expectedUpdatedAt ? { expected_updated_at: expectedUpdatedAt } : {}),
+    },
+  });
+}
+
+// Install (enabled=true) or uninstall (enabled=false) the curated computer-use
+// skill for the user, matching the desktop app's "Desktop Use" toggle.
+export async function setComputerUseSkill(
+  serverUrl: string,
+  jwt: string,
+  enabled: boolean,
+): Promise<{ installed: boolean }> {
+  return requestJson<{ installed: boolean }>(`${serverUrl}/portal_skills/desktop-use`, jwt, {
+    body: { enabled, name: 'notis-desktop-use' },
+  });
+}