fixdog 0.0.1

package/src/types.ts

@@ -0,0 +1,119 @@
+// Element information from source detection
+export type ElementInfoKind = "source" | "dom";
+
+export interface DomSnapshot {
+  outerHTML: string;
+  text: string;
+  attributes: Record<string, string>;
+}
+
+export interface ElementInfo {
+  kind: ElementInfoKind;
+
+  // Source-mapped fields (present for kind === "source")
+  componentName?: string;
+  filePath?: string;
+  line?: number;
+  column?: number;
+
+  // DOM snapshot fields (present for kind === "dom")
+  domSnapshot?: DomSnapshot;
+
+  // Bounding box is useful for both modes
+  box?: {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+  };
+}
+
+// Source location from Bippy fiber inspection
+export interface SourceLocation {
+  fileName: string;
+  lineNumber: number;
+  columnNumber: number;
+  functionName?: string;
+}
+
+// Supported editor types
+export type EditorType =
+  | "vscode"
+  | "vscode-insiders"
+  | "cursor"
+  | "webstorm"
+  | "atom"
+  | "sublime";
+
+// Configuration options for UiDog Next
+export interface UiDogNextOptions {
+  /**
+   * Editor to open when clicking elements
+   * @default 'cursor'
+   */
+  editor?: EditorType;
+
+  /**
+   * Project root path for resolving file paths
+   */
+  projectPath?: string;
+
+  /**
+   * Modifier key for element selection
+   * @default 'alt'
+   */
+  modifier?: "alt" | "ctrl" | "meta" | "shift";
+
+  /**
+   * Enable sidebar mode
+   * @default true
+   */
+  enableSidebar?: boolean;
+
+  /**
+   * API endpoint for edit requests
+   * @default 'https://api.ui.dog'
+   */
+  apiEndpoint?: string;
+}
+
+// Element detector options
+export interface ElementDetectorOptions {
+  onElementSelected: (source: SourceLocation | null, element: Element) => void;
+  modifier?: "alt" | "ctrl" | "meta" | "shift";
+}
+
+// Sidebar configuration
+export interface SidebarConfig {
+  apiEndpoint: string;
+}
+
+// API types
+export interface EditRequest {
+  editorUrl: string;
+  userInput: string;
+  /**
+   * Optional metadata to help when source is unavailable (e.g., server components)
+   */
+  elementKind?: ElementInfoKind;
+  domSnapshot?: DomSnapshot;
+}
+
+export interface EditResponse {
+  sessionId: string;
+  message: string;
+  status: "success" | "error";
+  error?: string;
+}
+
+// Global window extensions
+declare global {
+  interface Window {
+    __UIDOG_NEXT_INITIALIZED__?: boolean;
+    __UIDOG_SIDEBAR__?: {
+      isOpen: boolean;
+      elementInfo: ElementInfo | null;
+      editorUrl: string | null;
+    };
+  }
+}

package/tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "jsx": "react-jsx",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "declaration": true,
+    "declarationMap": true,
+    "sourceMap": true,
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": false
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist"]
+}

package/tsup.config.ts

@@ -0,0 +1,40 @@
+import { defineConfig } from "tsup";
+
+export default defineConfig([
+  // Main entry
+  {
+    entry: {
+      index: "src/index.ts",
+    },
+    format: ["cjs", "esm"],
+    dts: true,
+    clean: true,
+    external: ["react", "react-dom", "next"],
+    splitting: false,
+    shims: true,
+  },
+  // Client entry (for instrumentation-client.ts)
+  {
+    entry: {
+      "client/index": "src/client/index.ts",
+    },
+    format: ["cjs", "esm"],
+    dts: true,
+    clean: false,
+    external: ["react", "react-dom", "next"],
+    splitting: false,
+    shims: true,
+  },
+  // React component entry (UiDogProvider)
+  {
+    entry: {
+      "client/init": "src/client/init.tsx",
+    },
+    format: ["cjs", "esm"],
+    dts: true,
+    clean: false,
+    external: ["react", "react-dom", "next"],
+    splitting: false,
+    shims: true,
+  },
+]);