@kelet-ai/feedback-ui 0.7.0 → 1.0.0

package/README.md

@@ -261,7 +261,7 @@ For implicit feedback, understanding how state changes are processed:
 // User types: "Hello" → "Hello World" → "Hello World!"
 // Only sends ONE feedback after user stops typing
 const [text, setText] = useFeedbackState('', 'editor', {
-  debounceMs: 1500, // Wait 1.5s after last change
+  debounceMs: 3000, // Wait 3s after last change
 });
 ```
 
@@ -535,7 +535,7 @@ interface FeedbackData {
 
 | Option                 | Type                                 | Default               | Description                            |
 | ---------------------- | ------------------------------------ | --------------------- | -------------------------------------- |
-| `debounceMs`           | `number`                             | `1500`                | Debounce time in milliseconds          |
+| `debounceMs`           | `number`                             | `3000`                | Debounce time in milliseconds          |
 | `diffType`             | `'git' \| 'object' \| 'json'`        | `'git'`               | Diff output format                     |
 | `compareWith`          | `(a: T, b: T) => boolean`            | `undefined`           | Custom equality function               |
 | `metadata`             | `Record<string, any>`                | `{}`                  | Additional metadata                    |

package/dist/contexts/kelet.d.ts

@@ -8,6 +8,7 @@ interface KeletContextValue {
 interface KeletProviderProps {
     apiKey?: string;
     project: string;
+    baseUrl?: string;
 }
 export declare const KeletContext: React.Context<KeletContextValue | null>;
 export declare const useKelet: () => KeletContextValue;

package/dist/feedback-ui.es.js

@@ -353,7 +353,7 @@ function requireJsxRuntime() {
 }
 var jsxRuntimeExports = requireJsxRuntime();
 const KeletContext = createContext(null);
-const KeletBaseUrl = "https://api.kelet.ai/api";
+const DefaultKeletBaseUrl = "https://api.kelet.ai/api";
 const useKelet = () => {
   const context = useContext(KeletContext);
   if (!context) {
@@ -373,7 +373,7 @@ const useDefaultFeedbackHandler = () => {
     return context.feedback;
   }
 };
-const KeletProvider = ({ apiKey, project, children }) => {
+const KeletProvider = ({ apiKey, project, baseUrl, children }) => {
   const parentContext = useContext(KeletContext);
   const resolvedApiKey = apiKey || parentContext?.api_key;
   if (!resolvedApiKey) {
@@ -382,7 +382,8 @@ const KeletProvider = ({ apiKey, project, children }) => {
     );
   }
   const feedback = async (data) => {
-    const url = `${KeletBaseUrl}/projects/${project}/feedback`;
+    const resolvedBaseUrl = baseUrl || DefaultKeletBaseUrl;
+    const url = `${resolvedBaseUrl}/projects/${project}/feedback`;
     const req = {
       tx_id: data.tx_id,
       source: data.source || "EXPLICIT",
@@ -1864,7 +1865,7 @@ function splitLines(text) {
   }
   return result;
 }
-function formatDiff(oldValue, newValue, diffType = "git", context = 3) {
+function formatDiff(oldValue, newValue, diffType = "git", context = 1) {
   switch (diffType) {
     case "git":
       return formatGitDiff(oldValue, newValue, context);
@@ -1876,7 +1877,7 @@ function formatDiff(oldValue, newValue, diffType = "git", context = 3) {
       return formatGitDiff(oldValue, newValue, context);
   }
 }
-function formatGitDiff(oldValue, newValue, context = 3) {
+function formatGitDiff(oldValue, newValue, context = 1) {
   const oldStr = stringify(oldValue);
   const newStr = stringify(newValue);
   const patch = createTwoFilesPatch(
@@ -1892,7 +1893,20 @@ function formatGitDiff(oldValue, newValue, context = 3) {
     "",
     { context }
   );
-  return patch.split("\n").slice(2).join("\n");
+  const lines = patch.split("\n");
+  const filtered = lines.filter((line) => {
+    if (!line) return false;
+    if (line === "\") return false;
+    if (line.startsWith("@@")) return false;
+    if (line.startsWith("---") || line.startsWith("+++")) return false;
+    if (line.startsWith(" ")) return false;
+    if (line.startsWith("+") || line.startsWith("-")) return true;
+    return false;
+  });
+  while (filtered.length && filtered[0].trim() === "") filtered.shift();
+  while (filtered.length && filtered[filtered.length - 1].trim() === "")
+    filtered.pop();
+  return filtered.join("\n");
 }
 function formatObjectDiff(oldValue, newValue) {
   const differences = deepDiffExports.diff(oldValue, newValue) || [];
@@ -2005,19 +2019,22 @@ function stringify(value) {
 function useStateChangeTracking(currentState, tx_id, options) {
   const defaultFeedbackHandler = useDefaultFeedbackHandler();
   const feedbackHandler = options?.onFeedback || defaultFeedbackHandler;
-  const debounceMs = options?.debounceMs ?? 1500;
+  const debounceMs = options?.debounceMs ?? 3e3;
   const diffType = options?.diffType ?? "git";
   const compareWith = options?.compareWith;
   const defaultTriggerName = options?.default_trigger_name ?? "auto_state_change";
   const ignoreInitialNullish = options?.ignoreInitialNullish ?? true;
   const prevStateRef = useRef(currentState);
-  const changeStartStateRef = useRef(currentState);
   const isFirstRenderRef = useRef(true);
   const initialStateRef = useRef(currentState);
+  const initialWasNullishRef = useRef(currentState == null);
   const hasHadNonNullishStateRef = useRef(
     currentState != null
     // != null catches both null and undefined
   );
+  const hasEligibleBaselineRef = useRef(
+    !(ignoreInitialNullish && currentState == null)
+  );
   const timeoutRef = useRef(null);
   const currentTriggerNameRef = useRef(void 0);
   const sendFeedback = useCallback(
@@ -2052,7 +2069,7 @@ function useStateChangeTracking(currentState, tx_id, options) {
       const newTriggerName = trigger_name || defaultTriggerName;
       if (timeoutRef.current && currentTriggerNameRef.current && currentTriggerNameRef.current !== newTriggerName) {
         clearTimeout(timeoutRef.current);
-        const startState = changeStartStateRef.current;
+        const startState = initialStateRef.current;
         const currentStateBeforeChange = currentState;
         sendFeedback(
           startState,
@@ -2069,39 +2086,41 @@ function useStateChangeTracking(currentState, tx_id, options) {
     if (isFirstRenderRef.current) {
       isFirstRenderRef.current = false;
       prevStateRef.current = currentState;
-      changeStartStateRef.current = currentState;
+      if (!ignoreInitialNullish || currentState != null) {
+        initialStateRef.current = currentState;
+        hasEligibleBaselineRef.current = true;
+      }
       return;
     }
     const prevState = prevStateRef.current;
     const isEqual = compareWith ? compareWith(prevState, currentState) : JSON.stringify(prevState) === JSON.stringify(currentState);
     if (!isEqual) {
-      const shouldIgnoreChange = ignoreInitialNullish && initialStateRef.current == null && // Initial state was nullish
+      const shouldIgnoreChange = ignoreInitialNullish && initialWasNullishRef.current && // True initial state was nullish
       !hasHadNonNullishStateRef.current && // We haven't had non-nullish state before
       currentState != null;
       if (currentState != null) {
         hasHadNonNullishStateRef.current = true;
       }
       if (shouldIgnoreChange) {
+        initialStateRef.current = currentState;
+        hasEligibleBaselineRef.current = true;
         prevStateRef.current = currentState;
-        changeStartStateRef.current = currentState;
         return;
       }
-      if (!timeoutRef.current) {
-        changeStartStateRef.current = prevState;
-      }
       if (timeoutRef.current) {
         clearTimeout(timeoutRef.current);
       }
       prevStateRef.current = currentState;
       timeoutRef.current = setTimeout(() => {
-        const startState = changeStartStateRef.current;
+        const startState = initialStateRef.current;
         const finalState = currentState;
-        sendFeedback(
-          startState,
-          finalState,
-          currentTriggerNameRef.current || defaultTriggerName
-        );
-        changeStartStateRef.current = finalState;
+        if (hasEligibleBaselineRef.current) {
+          sendFeedback(
+            startState,
+            finalState,
+            currentTriggerNameRef.current || defaultTriggerName
+          );
+        }
         timeoutRef.current = null;
       }, debounceMs);
     }