fixdog 0.0.1

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "fixdog",
+  "version": "0.0.1",
+  "description": "FixDog - In-browser IDE to fix your frontend",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./client": {
+      "require": "./dist/client/index.js",
+      "import": "./dist/client/index.mjs",
+      "types": "./dist/client/index.d.ts"
+    },
+    "./init": {
+      "require": "./dist/client/init.js",
+      "import": "./dist/client/init.mjs",
+      "types": "./dist/client/init.d.ts"
+    },
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "uidog",
+    "nextjs",
+    "react",
+    "devtools",
+    "bippy",
+    "element-inspector",
+    "source-location"
+  ],
+  "author": "Infi-PC",
+  "license": "MIT",
+  "dependencies": {
+    "bippy": "^0.5.25"
+  },
+  "peerDependencies": {
+    "next": ">=14.0.0",
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^24.10.1",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "tsup": "^7.2.0",
+    "typescript": "^5.2.0"
+  }
+}

package/src/api/client.ts

@@ -0,0 +1,141 @@
+export interface EditRequest {
+  editorUrl: string;
+  userInput: string;
+}
+
+export interface EditResponse {
+  sessionId: string;
+  message: string;
+  status: "success" | "error";
+  error?: string;
+}
+
+export interface ChatRequest {
+  prompt: string;
+  sessionId?: string;
+}
+
+export interface ChatResponse {
+  ok: boolean;
+  message: string;
+  sessionId?: string;
+  error?: string;
+}
+
+export interface SendToDevRequest {
+  sessionId: string;
+}
+
+export interface SendToDevResponse {
+  ok: boolean;
+  prUrl?: string;
+  prNumber?: number;
+  branchName?: string;
+  error?: string;
+}
+
+export async function createEditSession(
+  request: EditRequest,
+  apiEndpoint: string = "https://api.ui.dog"
+): Promise<EditResponse> {
+  try {
+    const response = await fetch(`${apiEndpoint}/api/sessions`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify(request),
+    });
+
+    if (!response.ok) {
+      const errorText = await response.text().catch(() => response.statusText);
+      throw new Error(`API error (${response.status}): ${errorText}`);
+    }
+
+    return await response.json();
+  } catch (error) {
+    if (error instanceof Error) {
+      throw error;
+    }
+    throw new Error("Unknown error occurred");
+  }
+}
+
+export async function sendChatPrompt(
+  request: ChatRequest,
+  apiEndpoint: string = "http://localhost:3000"
+): Promise<ChatResponse> {
+  try {
+    const response = await fetch(`${apiEndpoint}/chat`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify(request),
+    });
+
+    if (!response.ok) {
+      const errorData = await response
+        .json()
+        .catch(() => ({ error: response.statusText }));
+      return {
+        ok: false,
+        message: "",
+        error: errorData.error || `API error (${response.status})`,
+      };
+    }
+
+    return await response.json();
+  } catch (error) {
+    if (error instanceof Error) {
+      return {
+        ok: false,
+        message: "",
+        error: error.message,
+      };
+    }
+    return {
+      ok: false,
+      message: "",
+      error: "Unknown error occurred",
+    };
+  }
+}
+
+export async function sendToDeveloper(
+  request: SendToDevRequest,
+  apiEndpoint: string = "http://localhost:3000"
+): Promise<SendToDevResponse> {
+  try {
+    const response = await fetch(`${apiEndpoint}/send-to-dev`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify(request),
+    });
+
+    if (!response.ok) {
+      const errorData = await response
+        .json()
+        .catch(() => ({ error: response.statusText }));
+      return {
+        ok: false,
+        error: errorData.error || `API error (${response.status})`,
+      };
+    }
+
+    return await response.json();
+  } catch (error) {
+    if (error instanceof Error) {
+      return {
+        ok: false,
+        error: error.message,
+      };
+    }
+    return {
+      ok: false,
+      error: "Unknown error occurred",
+    };
+  }
+}

package/src/client/index.ts

@@ -0,0 +1,75 @@
+/**
+ * Client entry point for UiDog Next.js integration
+ *
+ * This file is designed to be imported in:
+ * - Next.js 15.3+: instrumentation-client.ts at project root
+ * - Next.js 14.x / Pages Router: top of _app.tsx (must be first import)
+ *
+ * IMPORTANT: This file MUST be imported BEFORE React loads to properly
+ * install Bippy's React DevTools hook.
+ *
+ * Usage:
+ * ```typescript
+ * // instrumentation-client.ts (Next.js 15.3+)
+ * import 'uidog-sdk-next/client';
+ * ```
+ *
+ * ```typescript
+ * // pages/_app.tsx (Next.js 14.x / Pages Router)
+ * import 'uidog-sdk-next/client'; // MUST be first import
+ * import type { AppProps } from 'next/app';
+ * // ... rest of your imports
+ * ```
+ */
+
+// Import bippy FIRST to install the React DevTools hook
+// This must happen before React is imported anywhere
+import "bippy";
+
+import { initializeUiDogNext } from "../index";
+import type { UiDogNextOptions } from "../types";
+
+// Store options for deferred initialization
+let pendingOptions: UiDogNextOptions = {};
+let isAutoInitEnabled = true;
+
+/**
+ * Configure UiDog options before initialization
+ * Call this before auto-initialization happens (at DOMContentLoaded)
+ */
+export function configureUiDogNext(options: UiDogNextOptions): void {
+  pendingOptions = { ...pendingOptions, ...options };
+}
+
+/**
+ * Disable auto-initialization
+ * Use this if you want to manually initialize UiDog later
+ */
+export function disableAutoInit(): void {
+  isAutoInitEnabled = false;
+}
+
+/**
+ * Initialize UiDog with the configured options
+ */
+function initialize(): void {
+  if (!isAutoInitEnabled) return;
+
+  initializeUiDogNext(pendingOptions);
+}
+
+// Auto-initialize when imported (browser only)
+if (typeof window !== "undefined") {
+  // Initialize when DOM is ready
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", initialize);
+  } else {
+    // DOM is already ready, initialize immediately
+    // Use setTimeout to ensure this runs after any synchronous configuration
+    setTimeout(initialize, 0);
+  }
+}
+
+// Re-export main functions for convenience
+export { initializeUiDogNext } from "../index";
+export type { UiDogNextOptions } from "../types";

package/src/client/init.tsx

@@ -0,0 +1,78 @@
+/**
+ * UiDogProvider - React component for configuring UiDog in Next.js App Router
+ *
+ * This component provides a declarative way to configure UiDog options.
+ * It should be used in your root layout.tsx for App Router apps.
+ *
+ * Usage:
+ * ```tsx
+ * // app/layout.tsx
+ * import { UiDogProvider } from 'uidog-sdk-next/init';
+ *
+ * export default function RootLayout({ children }) {
+ *   return (
+ *     <html>
+ *       <body>
+ *         <UiDogProvider editor="cursor" enableSidebar>
+ *           {children}
+ *         </UiDogProvider>
+ *       </body>
+ *     </html>
+ *   );
+ * }
+ * ```
+ *
+ * Note: You still need to import 'uidog-sdk-next/client' in instrumentation-client.ts
+ * This provider is for configuration, not initialization.
+ */
+
+"use client";
+
+import { useEffect, type ReactNode } from "react";
+import { initializeUiDogNext, cleanupUiDogNext, isUiDogNextInitialized } from "../index";
+import type { UiDogNextOptions, EditorType } from "../types";
+
+export interface UiDogProviderProps extends UiDogNextOptions {
+  children: ReactNode;
+}
+
+export function UiDogProvider({
+  children,
+  editor = "cursor",
+  projectPath = "",
+  modifier = "alt",
+  enableSidebar = true,
+  apiEndpoint = "https://api.ui.dog",
+}: UiDogProviderProps) {
+  useEffect(() => {
+    // Only initialize in development mode
+    if (process.env.NODE_ENV !== "development") {
+      return;
+    }
+
+    // Don't re-initialize if already done
+    if (isUiDogNextInitialized()) {
+      return;
+    }
+
+    initializeUiDogNext({
+      editor,
+      projectPath,
+      modifier,
+      enableSidebar,
+      apiEndpoint,
+    });
+
+    // Cleanup on unmount (though this rarely happens for root providers)
+    return () => {
+      // Note: We typically don't cleanup on unmount as this is a root-level provider
+      // Uncomment if needed for testing:
+      // cleanupUiDogNext();
+    };
+  }, [editor, projectPath, modifier, enableSidebar, apiEndpoint]);
+
+  return <>{children}</>;
+}
+
+// Re-export types for convenience
+export type { UiDogNextOptions, EditorType };