@react-grab/claude-code 0.0.55

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Aiden Bai
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/client.cjs

@@ -0,0 +1,98 @@
+'use strict';
+
+// src/constants.ts
+var DEFAULT_PORT = 4567;
+
+// src/client.ts
+var DEFAULT_SERVER_URL = `http://localhost:${DEFAULT_PORT}`;
+var STORAGE_KEY = "react-grab:agent-sessions";
+var DEFAULT_OPTIONS = {
+  systemPrompt: {
+    type: "preset",
+    preset: "claude_code",
+    append: `You are helping a user make changes to a React component based on a selected element.
+The user has selected an element from their UI and wants you to help modify it.
+Provide clear, concise status updates as you work.`
+  },
+  model: "haiku",
+  permissionMode: "bypassPermissions",
+  maxTurns: 10
+};
+var parseSSEEvent = (eventBlock) => {
+  let eventType = "";
+  let data = "";
+  for (const line of eventBlock.split("\n")) {
+    if (line.startsWith("event:")) eventType = line.slice(6).trim();
+    else if (line.startsWith("data:")) data = line.slice(5).trim();
+  }
+  return { eventType, data };
+};
+async function* streamSSE(stream) {
+  const reader = stream.getReader();
+  const decoder = new TextDecoder();
+  let buffer = "";
+  try {
+    while (true) {
+      const { done, value } = await reader.read();
+      if (value) buffer += decoder.decode(value, { stream: true });
+      let boundary;
+      while ((boundary = buffer.indexOf("\n\n")) !== -1) {
+        const { eventType, data } = parseSSEEvent(buffer.slice(0, boundary));
+        buffer = buffer.slice(boundary + 2);
+        if (eventType === "done") return;
+        if (eventType === "error") throw new Error(data || "Agent error");
+        if (data) yield data;
+      }
+      if (done) break;
+    }
+  } finally {
+    reader.releaseLock();
+  }
+}
+async function* streamFromServer(serverUrl, context, signal) {
+  const response = await fetch(`${serverUrl}/agent`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(context),
+    signal
+  });
+  if (!response.ok) {
+    throw new Error(`Server error: ${response.status}`);
+  }
+  if (!response.body) {
+    throw new Error("No response body");
+  }
+  yield* streamSSE(response.body);
+}
+var createClaudeAgentProvider = (providerOptions = {}) => {
+  const { serverUrl = DEFAULT_SERVER_URL, getOptions } = providerOptions;
+  const mergeOptions = (contextOptions) => ({
+    ...DEFAULT_OPTIONS,
+    ...getOptions?.() ?? {},
+    ...contextOptions ?? {}
+  });
+  return {
+    send: async function* (context, signal) {
+      const mergedContext = { ...context, options: mergeOptions(context.options) };
+      yield* streamFromServer(serverUrl, mergedContext, signal);
+    },
+    resume: async function* (sessionId, signal) {
+      const savedSessions = sessionStorage.getItem(STORAGE_KEY);
+      if (!savedSessions) {
+        throw new Error("No sessions to resume");
+      }
+      const sessionsObject = JSON.parse(savedSessions);
+      const session = sessionsObject[sessionId];
+      if (!session) {
+        throw new Error(`Session ${sessionId} not found`);
+      }
+      const context = session.context;
+      const mergedContext = { ...context, options: mergeOptions(context.options) };
+      yield "Resuming...";
+      yield* streamFromServer(serverUrl, mergedContext, signal);
+    },
+    supportsResume: true
+  };
+};
+
+exports.createClaudeAgentProvider = createClaudeAgentProvider;

package/dist/client.d.cts

@@ -0,0 +1,10 @@
+import { AgentProvider } from 'react-grab/core';
+import { Options } from '@anthropic-ai/claude-agent-sdk';
+
+interface ClaudeAgentProviderOptions {
+    serverUrl?: string;
+    getOptions?: () => Partial<Options>;
+}
+declare const createClaudeAgentProvider: (providerOptions?: ClaudeAgentProviderOptions) => AgentProvider<Options>;
+
+export { createClaudeAgentProvider };

package/dist/client.d.ts

@@ -0,0 +1,10 @@
+import { AgentProvider } from 'react-grab/core';
+import { Options } from '@anthropic-ai/claude-agent-sdk';
+
+interface ClaudeAgentProviderOptions {
+    serverUrl?: string;
+    getOptions?: () => Partial<Options>;
+}
+declare const createClaudeAgentProvider: (providerOptions?: ClaudeAgentProviderOptions) => AgentProvider<Options>;
+
+export { createClaudeAgentProvider };

package/dist/client.js

@@ -0,0 +1,96 @@
+// src/constants.ts
+var DEFAULT_PORT = 4567;
+
+// src/client.ts
+var DEFAULT_SERVER_URL = `http://localhost:${DEFAULT_PORT}`;
+var STORAGE_KEY = "react-grab:agent-sessions";
+var DEFAULT_OPTIONS = {
+  systemPrompt: {
+    type: "preset",
+    preset: "claude_code",
+    append: `You are helping a user make changes to a React component based on a selected element.
+The user has selected an element from their UI and wants you to help modify it.
+Provide clear, concise status updates as you work.`
+  },
+  model: "haiku",
+  permissionMode: "bypassPermissions",
+  maxTurns: 10
+};
+var parseSSEEvent = (eventBlock) => {
+  let eventType = "";
+  let data = "";
+  for (const line of eventBlock.split("\n")) {
+    if (line.startsWith("event:")) eventType = line.slice(6).trim();
+    else if (line.startsWith("data:")) data = line.slice(5).trim();
+  }
+  return { eventType, data };
+};
+async function* streamSSE(stream) {
+  const reader = stream.getReader();
+  const decoder = new TextDecoder();
+  let buffer = "";
+  try {
+    while (true) {
+      const { done, value } = await reader.read();
+      if (value) buffer += decoder.decode(value, { stream: true });
+      let boundary;
+      while ((boundary = buffer.indexOf("\n\n")) !== -1) {
+        const { eventType, data } = parseSSEEvent(buffer.slice(0, boundary));
+        buffer = buffer.slice(boundary + 2);
+        if (eventType === "done") return;
+        if (eventType === "error") throw new Error(data || "Agent error");
+        if (data) yield data;
+      }
+      if (done) break;
+    }
+  } finally {
+    reader.releaseLock();
+  }
+}
+async function* streamFromServer(serverUrl, context, signal) {
+  const response = await fetch(`${serverUrl}/agent`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(context),
+    signal
+  });
+  if (!response.ok) {
+    throw new Error(`Server error: ${response.status}`);
+  }
+  if (!response.body) {
+    throw new Error("No response body");
+  }
+  yield* streamSSE(response.body);
+}
+var createClaudeAgentProvider = (providerOptions = {}) => {
+  const { serverUrl = DEFAULT_SERVER_URL, getOptions } = providerOptions;
+  const mergeOptions = (contextOptions) => ({
+    ...DEFAULT_OPTIONS,
+    ...getOptions?.() ?? {},
+    ...contextOptions ?? {}
+  });
+  return {
+    send: async function* (context, signal) {
+      const mergedContext = { ...context, options: mergeOptions(context.options) };
+      yield* streamFromServer(serverUrl, mergedContext, signal);
+    },
+    resume: async function* (sessionId, signal) {
+      const savedSessions = sessionStorage.getItem(STORAGE_KEY);
+      if (!savedSessions) {
+        throw new Error("No sessions to resume");
+      }
+      const sessionsObject = JSON.parse(savedSessions);
+      const session = sessionsObject[sessionId];
+      if (!session) {
+        throw new Error(`Session ${sessionId} not found`);
+      }
+      const context = session.context;
+      const mergedContext = { ...context, options: mergeOptions(context.options) };
+      yield "Resuming...";
+      yield* streamFromServer(serverUrl, mergedContext, signal);
+    },
+    supportsResume: true
+  };
+};
+
+export { createClaudeAgentProvider };