@cloro-dev/response-parser 0.1.0

package/README.md

@@ -0,0 +1,195 @@
+# @cloro/response-parser
+
+A powerful TypeScript library for parsing and rendering AI model responses from ChatGPT, Gemini, Perplexity, Copilot, and Google AI Overview/Mode.
+
+## Features
+
+- 🤖 **Multi-Provider Support**: ChatGPT, Gemini, Perplexity, Copilot, AI Overview, AI Mode
+- 🔍 **Auto-Detection**: Automatically detects the AI provider from response structure
+- 🎨 **Theme Support**: Built-in dark and light mode styling
+- ⚡ **React Components**: Ready-to-use React components for rendering
+- 🔒 **Secure**: Sandboxed rendering with script sanitization
+- 📦 **TypeScript**: Full TypeScript support with comprehensive types
+- 🎯 **Lightweight**: No runtime dependencies for core parsing
+
+## Installation
+
+```bash
+npm install @cloro/response-parser
+# or
+yarn add @cloro/response-parser
+# or
+pnpm add @cloro/response-parser
+```
+
+## Quick Start
+
+### Basic Parsing
+
+```typescript
+import { parseAiResponse, detectProvider } from '@cloro/response-parser';
+
+// Auto-detect provider and parse
+const response = await fetchAIResponse();
+const parsed = parseAiResponse(response, { theme: 'dark' });
+
+console.log(parsed.provider); // 'CHATGPT' | 'GEMINI' | etc.
+console.log(parsed.html); // Sanitized HTML ready for rendering
+console.log(parsed.text); // Plain text version
+```
+
+### React Component
+
+```tsx
+import { AiResponseRenderer } from '@cloro/response-parser/react';
+
+function MyComponent() {
+  const [aiResponse, setAiResponse] = useState(null);
+
+  return (
+    <AiResponseRenderer
+      response={aiResponse}
+      theme="dark"
+      autoDetect
+      className="w-full h-96"
+      iframeProps={{
+        sandbox: 'allow-popups'
+      }}
+      onProviderDetected={(provider) => console.log('Detected:', provider)}
+    />
+  );
+}
+```
+
+## API Reference
+
+### Core Functions
+
+#### `parseAiResponse(response, options?)`
+
+Parse an AI response with auto-detected provider.
+
+**Options:**
+- `theme`: `'light' | 'dark'` (default: `'dark'`)
+- `baseUrl`: Base URL for relative links
+- `sanitize`: Remove scripts (default: `true`)
+- `includeStyles`: Inject provider-specific styles (default: `true`)
+
+**Returns:** `ParsedResponse | null`
+
+#### `detectProvider(response)`
+
+Detect the AI provider from a response.
+
+**Returns:** `AIProvider | null`
+
+### React Components
+
+#### `<AiResponseRenderer />`
+
+Main React component for rendering AI responses.
+
+**Props:**
+- `response`: The AI response object
+- `theme`: Light or dark mode
+- `autoDetect`: Auto-detect provider (default: `true`)
+- `provider`: Explicitly specify provider
+- `className`: CSS class for container
+- `iframeProps`: Additional props for iframe
+- `loadingComponent`: Custom loading component
+- `errorComponent`: Custom error component
+- `onProviderDetected`: Callback when provider is detected
+
+### Hooks
+
+#### `useAiResponse(response, options?)`
+
+React hook for parsing AI responses.
+
+**Returns:**
+- `parsed`: Parsed response object
+- `provider`: Detected provider
+- `isLoading`: Loading state
+- `error`: Error object
+- `html`: HTML string
+- `text`: Plain text string
+- `reparse`: Function to re-parse with new options
+
+## Supported Providers
+
+| Provider | Status | Features |
+|----------|--------|----------|
+| ChatGPT | ✅ | Dark mode, sidebar hiding |
+| Gemini | ✅ | Material Design overrides |
+| Perplexity | ✅ | Color inversion for dark mode |
+| Copilot | ✅ | UI element hiding |
+| AI Overview | ✅ | WIZ data extraction |
+| AI Mode | ✅ | Google UI hiding |
+
+## Examples
+
+### Manual Provider Specification
+
+```typescript
+import { parseAiResponse } from 'ai-response-parser';
+
+const parsed = parseAiResponse(response, {
+  provider: 'CHATGPT',
+  theme: 'dark'
+});
+```
+
+### Advanced Usage with Custom Styles
+
+```tsx
+<AiResponseRenderer
+  response={response}
+  theme="dark"
+  onError={(error) => console.error(error)}
+  onRenderComplete={(html) => console.log('Rendered', html)}
+  iframeProps={{
+    className: 'custom-iframe',
+    style: { border: 'none', borderRadius: '8px' }
+  }}
+/>
+```
+
+### Error Handling
+
+```tsx
+const ErrorComponent = ({ error, retry }) => (
+  <div className="error">
+    <p>Failed to load: {error.message}</p>
+    <button onClick={retry}>Retry</button>
+  </div>
+);
+
+<AiResponseRenderer
+  response={response}
+  errorComponent={ErrorComponent}
+/>
+```
+
+## Development
+
+```bash
+# Install dependencies
+pnpm install
+
+# Build
+pnpm build
+
+# Test
+pnpm test
+
+# Development mode
+pnpm dev
+```
+
+## Contributing
+
+Contributions are welcome! Please feel free to submit a Pull Request.
+
+## License
+
+MIT © [Your Name](https://github.com/yourusername)

package/dist/core/detector.d.ts

@@ -0,0 +1,17 @@
+import { AIProvider, DetectedProvider } from './types';
+export declare class ProviderDetector {
+    private static readonly PROVIDER_PATTERNS;
+    /**
+     * Detect the AI provider from the response
+     */
+    static detect(response: any): DetectedProvider | null;
+    /**
+     * Get all possible providers with their confidence scores
+     */
+    static getAllProviders(response: any): DetectedProvider[];
+    /**
+     * Validate if a detected provider is likely correct
+     */
+    static validate(response: any, provider: AIProvider): boolean;
+}
+//# sourceMappingURL=detector.d.ts.map

package/dist/core/detector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"detector.d.ts","sourceRoot":"","sources":["../../src/core/detector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEvD,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,iBAAiB,CA0DvC;IAEF;;OAEG;IACH,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,GAAG,gBAAgB,GAAG,IAAI;IA2CrD;;OAEG;IACH,MAAM,CAAC,eAAe,CAAC,QAAQ,EAAE,GAAG,GAAG,gBAAgB,EAAE;IA2BzD;;OAEG;IACH,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU,GAAG,OAAO;CAI9D"}

package/dist/core/parser.d.ts

@@ -0,0 +1,40 @@
+import { AIProvider, ParsedResponse, ParseOptions } from './types';
+export declare class AIResponseParser {
+    private providers;
+    constructor();
+    /**
+     * Parse an AI response with auto-detected provider
+     */
+    parse(response: any, options?: ParseOptions): ParsedResponse | null;
+    /**
+     * Parse with explicit provider specification
+     */
+    parseWithProvider(response: any, provider: AIProvider, options?: ParseOptions): ParsedResponse | null;
+    /**
+     * Detect the provider from a response
+     */
+    detectProvider(response: any): AIProvider | null;
+    /**
+     * Get all possible providers with confidence scores
+     */
+    detectAllProviders(response: any): Array<{
+        provider: AIProvider;
+        confidence: number;
+    }>;
+    /**
+     * Parse as generic HTML when no specific provider is detected
+     */
+    private parseGeneric;
+    /**
+     * Get list of supported providers
+     */
+    getSupportedProviders(): AIProvider[];
+    /**
+     * Register a custom provider
+     */
+    registerProvider(provider: AIProvider, instance: any): void;
+}
+export declare const parser: AIResponseParser;
+export declare const parseAiResponse: (response: any, options?: ParseOptions) => ParsedResponse | null;
+export declare const detectProvider: (response: any) => AIProvider | null;
+//# sourceMappingURL=parser.d.ts.map

package/dist/core/parser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parser.d.ts","sourceRoot":"","sources":["../../src/core/parser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AASnE,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,SAAS,CAAmC;;IAWpD;;OAEG;IACH,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,YAAY,GAAG,cAAc,GAAG,IAAI;IA4BnE;;OAEG;IACH,iBAAiB,CACf,QAAQ,EAAE,GAAG,EACb,QAAQ,EAAE,UAAU,EACpB,OAAO,CAAC,EAAE,YAAY,GACrB,cAAc,GAAG,IAAI;IAcxB;;OAEG;IACH,cAAc,CAAC,QAAQ,EAAE,GAAG,GAAG,UAAU,GAAG,IAAI;IAKhD;;OAEG;IACH,kBAAkB,CAAC,QAAQ,EAAE,GAAG,GAAG,KAAK,CAAC;QAAE,QAAQ,EAAE,UAAU,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC;IAItF;;OAEG;IACH,OAAO,CAAC,YAAY;IAuDpB;;OAEG;IACH,qBAAqB,IAAI,UAAU,EAAE;IAIrC;;OAEG;IACH,gBAAgB,CAAC,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,GAAG,IAAI;CAG5D;AAGD,eAAO,MAAM,MAAM,kBAAyB,CAAC;AAG7C,eAAO,MAAM,eAAe,GAAI,UAAU,GAAG,EAAE,UAAU,YAAY,0BACpC,CAAC;AAElC,eAAO,MAAM,cAAc,GAAI,UAAU,GAAG,sBACX,CAAC"}

package/dist/core/types.d.ts

@@ -0,0 +1,35 @@
+export type AIProvider = 'CHATGPT' | 'GEMINI' | 'PERPLEXITY' | 'COPILOT' | 'AIOVERVIEW' | 'AIMODE';
+export interface ParsedResponse {
+    provider: AIProvider;
+    html: string;
+    text?: string;
+    sources?: any[];
+    metadata?: Record<string, any>;
+}
+export interface ParseOptions {
+    theme?: 'light' | 'dark';
+    baseUrl?: string;
+    sanitize?: boolean;
+    includeStyles?: boolean;
+}
+export interface ProviderConfig {
+    name: AIProvider;
+    baseUrl: string;
+    defaultStyles: string;
+}
+export interface DetectedProvider {
+    provider: AIProvider;
+    confidence: number;
+}
+export interface StyleOptions {
+    theme?: 'light' | 'dark';
+    customCSS?: string;
+    hideUI?: boolean;
+    baseUrl?: string;
+}
+export type ContentExtraction = {
+    html?: string;
+    text?: string;
+    sources?: any[];
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/core/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/core/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,QAAQ,GACR,YAAY,GACZ,SAAS,GACT,YAAY,GACZ,QAAQ,CAAC;AAEb,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,UAAU,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAChC;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,UAAU,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;CACjB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,170 @@
+type AIProvider = 'CHATGPT' | 'GEMINI' | 'PERPLEXITY' | 'COPILOT' | 'AIOVERVIEW' | 'AIMODE';
+interface ParsedResponse {
+    provider: AIProvider;
+    html: string;
+    text?: string;
+    sources?: any[];
+    metadata?: Record<string, any>;
+}
+interface ParseOptions {
+    theme?: 'light' | 'dark';
+    baseUrl?: string;
+    sanitize?: boolean;
+    includeStyles?: boolean;
+}
+interface ProviderConfig {
+    name: AIProvider;
+    baseUrl: string;
+    defaultStyles: string;
+}
+interface DetectedProvider {
+    provider: AIProvider;
+    confidence: number;
+}
+interface StyleOptions {
+    theme?: 'light' | 'dark';
+    customCSS?: string;
+    hideUI?: boolean;
+    baseUrl?: string;
+}
+type ContentExtraction = {
+    html?: string;
+    text?: string;
+    sources?: any[];
+};
+
+declare class AIResponseParser {
+    private providers;
+    constructor();
+    /**
+     * Parse an AI response with auto-detected provider
+     */
+    parse(response: any, options?: ParseOptions): ParsedResponse | null;
+    /**
+     * Parse with explicit provider specification
+     */
+    parseWithProvider(response: any, provider: AIProvider, options?: ParseOptions): ParsedResponse | null;
+    /**
+     * Detect the provider from a response
+     */
+    detectProvider(response: any): AIProvider | null;
+    /**
+     * Get all possible providers with confidence scores
+     */
+    detectAllProviders(response: any): Array<{
+        provider: AIProvider;
+        confidence: number;
+    }>;
+    /**
+     * Parse as generic HTML when no specific provider is detected
+     */
+    private parseGeneric;
+    /**
+     * Get list of supported providers
+     */
+    getSupportedProviders(): AIProvider[];
+    /**
+     * Register a custom provider
+     */
+    registerProvider(provider: AIProvider, instance: any): void;
+}
+declare const parser: AIResponseParser;
+declare const parseAiResponse: (response: any, options?: ParseOptions) => ParsedResponse | null;
+declare const detectProvider: (response: any) => AIProvider | null;
+
+declare class ProviderDetector {
+    private static readonly PROVIDER_PATTERNS;
+    /**
+     * Detect the AI provider from the response
+     */
+    static detect(response: any): DetectedProvider | null;
+    /**
+     * Get all possible providers with their confidence scores
+     */
+    static getAllProviders(response: any): DetectedProvider[];
+    /**
+     * Validate if a detected provider is likely correct
+     */
+    static validate(response: any, provider: AIProvider): boolean;
+}
+
+declare abstract class BaseProvider {
+    abstract readonly name: AIProvider;
+    abstract readonly baseUrl: string;
+    abstract readonly defaultStyles: string;
+    /**
+     * Parse an AI response and return structured content
+     */
+    abstract parse(response: any, options?: ParseOptions): ParsedResponse;
+    /**
+     * Extract content from the response object
+     */
+    abstract extractContent(response: any): ContentExtraction;
+    /**
+     * Inject provider-specific styles into HTML
+     */
+    injectStyles(html: string, options?: StyleOptions): string;
+    /**
+     * Sanitize HTML content
+     */
+    sanitizeHtml(html: string): string;
+    /**
+     * Check if content is a full HTML document
+     */
+    isFullDocument(html: string): boolean;
+    /**
+     * Wrap HTML fragment in a document
+     */
+    wrapFragment(html: string): string;
+}
+
+declare class ChatGPTProvider extends BaseProvider {
+    readonly name: AIProvider;
+    readonly baseUrl = "https://chatgpt.com";
+    readonly defaultStyles = "\n    /* Force Dark Background on main containers and wrappers */\n    html, body, main, article, footer, form,\n    [class*=\"bg-\"], [class*=\"footer\"], [class*=\"bottom\"],\n    div[class*=\"border-t\"],\n    #thread-bottom-container, #thread-bottom,\n    #thread, .composer-parent, [class*=\"group\\/thread\"] {\n      background-color: #131314 !important;\n      color: #e3e3e3 !important;\n      border-color: #2a2b36 !important;\n    }\n\n    /* Force background on specific white artifacts in the footer */\n    #thread-bottom-container .bg-clip-padding,\n    #thread-bottom-container .content-fade,\n    #thread-bottom-container .absolute {\n       background-color: transparent !important;\n    }\n\n    /* Specific targeting for the composer/input box (was white) */\n    form .bg-token-bg-primary, form .shadow-short {\n      background-color: #2a2b36 !important;\n      border-color: #3e3f4b !important;\n      box-shadow: none !important;\n    }\n\n    /* Disclaimer Footer - Force Dark Background */\n    div[class*=\"text-token-text-secondary\"] {\n      color: #9ca3af !important;\n      background-color: #131314 !important;\n    }\n\n    /* Force Text Color to Light */\n    p, h1, h2, h3, h4, h5, h6, li, span, div, td, th, textarea, button {\n      color: #e3e3e3 !important;\n    }\n\n    /* Links - Light Blue */\n    a, a span {\n      color: #8ab4f8 !important;\n    }\n\n    /* Code Blocks */\n    pre, code, pre div, code span {\n      background-color: #2a2b36 !important;\n      color: #e3e3e3 !important;\n      text-shadow: none !important;\n    }\n\n    /* Inputs/Textareas */\n    input, textarea {\n      background-color: transparent !important;\n      color: #e3e3e3 !important;\n      border-color: #3e3f4b !important;\n    }\n\n    /* Placeholder text */\n    textarea::placeholder {\n      color: #9ca3af !important;\n    }\n\n    /* Hide Sidebar */\n    nav, [class*=\"sidebar\"] {\n      display: none !important;\n    }\n\n    /* Media visibility */\n    img, video {\n      opacity: 1 !important;\n    }\n  ";
+    extractContent(response: any): ContentExtraction;
+    parse(response: any, options?: ParseOptions): ParsedResponse;
+}
+
+declare class GeminiProvider extends BaseProvider {
+    readonly name: AIProvider;
+    readonly baseUrl = "https://gemini.google.com";
+    readonly defaultStyles = "\n    /* Gemini Dark Mode Variable Overrides */\n    :root {\n      --gem-sys-color--surface: #131314 !important;\n      --gem-sys-color--surface-container: #1e1f20 !important;\n      --gem-sys-color--on-surface: #e3e3e3 !important;\n      --bard-color-synthetic--chat-window-surface: #131314 !important;\n      --bard-color-surface-dim-tmp: #131314 !important;\n    }\n\n    /* UI hiding - Gemini */\n    bard-sidenav, mat-sidenav, .mat-drawer-backdrop, .side-nav-menu-button,\n\n    /* Gemini \"About Gemini\" footer/navigation block */\n    .gb_5a, .gb_5c, .gb_5d, .gb_5e,\n    .gb_Uc, .gb_Vc, .gb_Wc,\n    a[href*=\"about\"],\n    a[href*=\"subscriptions\"],\n    a[href*=\"business\"],\n    div[class*=\"gb_5\"],\n    .gb_Pd, .gb_Qd, .gb_Rd,\n    .gb_Sd, .gb_Td, .gb_Ud, .gb_Vd,\n    [aria-label*=\"About\"],\n    [aria-label*=\"Gemini App\"],\n    [aria-label*=\"Subscriptions\"],\n    [aria-label*=\"For Business\"],\n    *:contains(\"About Gemini\"),\n    *:contains(\"Gemini App\"),\n    *:contains(\"Subscriptions\"),\n    *:contains(\"For Business\") {\n      display: none !important;\n    }\n\n    /* General Layout */\n    main { width: 100% !important; max-width: 100% !important; margin: 0 !important; }\n\n    /* Force Dark Mode on Body and Gemini Containers */\n    body, .content-container, chat-app, .main-content, .chat-container {\n      background-color: #131314 !important;\n      color: #e3e3e3 !important;\n    }\n  ";
+    extractContent(response: any): ContentExtraction;
+    parse(response: any, options?: ParseOptions): ParsedResponse;
+}
+
+declare class PerplexityProvider extends BaseProvider {
+    readonly name: AIProvider;
+    readonly baseUrl = "https://www.perplexity.ai";
+    readonly defaultStyles = "\n    html {\n      filter: invert(1) hue-rotate(180deg);\n      background-color: white !important;\n    }\n    img, video, iframe, svg {\n      filter: invert(1) hue-rotate(180deg);\n    }\n  ";
+    extractContent(response: any): ContentExtraction;
+    parse(response: any, options?: ParseOptions): ParsedResponse;
+}
+
+declare class CopilotProvider extends BaseProvider {
+    readonly name: AIProvider;
+    readonly baseUrl = "https://copilot.microsoft.com";
+    readonly defaultStyles = "\n    /* Copilot Sidebar & Header */\n    div:has(> [data-testid=\"sidebar-container\"]),\n    [data-testid=\"sidebar-container\"],\n    [data-testid=\"sticky-header\"],\n    .side-nav-menu-button {\n      display: none !important;\n    }\n\n    /* General Layout Fixes */\n    main {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 !important;\n    }\n  ";
+    extractContent(response: any): ContentExtraction;
+    parse(response: any, options?: ParseOptions): ParsedResponse;
+}
+
+declare class AIOverviewProvider extends BaseProvider {
+    readonly name: AIProvider;
+    readonly baseUrl = "https://www.google.com";
+    readonly defaultStyles = "\n    /* UI hiding - Google Search (AI Overview) */\n    header, #header, #searchform, .sfbg, #appbar,\n    div[role=\"navigation\"], #leftnav, #sidetogether,\n    [role=\"banner\"], .Fgvgjc, #hdtb, .hdtb-msb,\n    footer, #footer, .fbar,\n    .pdp-nav, [aria-label=\"Main menu\"], .gb_Td, .gb_L,\n\n    /* Specific AI Mode Selectors */\n    .DZ13He,\n    .wYq63b,\n    .eT9Cje,\n    .bNg8Rb,\n    .S6VXfe,\n    .Lu57id {\n      display: none !important;\n    }\n\n    /* General Layout */\n    main { width: 100% !important; max-width: 100% !important; margin: 0 !important; }\n  ";
+    extractContent(response: any): ContentExtraction;
+    parse(response: any, options?: ParseOptions): ParsedResponse;
+}
+
+declare class AIModeProvider extends BaseProvider {
+    readonly name: AIProvider;
+    readonly baseUrl = "https://www.google.com";
+    readonly defaultStyles = "\n    /* UI hiding - Google Search (AI Mode) */\n    header, #header, #searchform, .sfbg, #appbar,\n    div[role=\"navigation\"], #leftnav, #sidetogether,\n    [role=\"banner\"], .Fgvgjc, #hdtb, .hdtb-msb,\n    footer, #footer, .fbar,\n    .pdp-nav, [aria-label=\"Main menu\"], .gb_Td, .gb_L,\n\n    /* Specific AI Mode Selectors found in analysis */\n    .DZ13He, /* Main sticky top bar */\n    .wYq63b, /* Accessibility links bar */\n    .eT9Cje, /* History/New Search buttons */\n    .bNg8Rb, /* Hidden H1 headers */\n    .S6VXfe, /* Accessibility container */\n    .Lu57id  /* Potential other top bar */ {\n      display: none !important;\n    }\n\n    /* General Layout */\n    main { width: 100% !important; max-width: 100% !important; margin: 0 !important; }\n  ";
+    extractContent(response: any): ContentExtraction;
+    parse(response: any, options?: ParseOptions): ParsedResponse;
+}
+
+export { AIModeProvider, AIOverviewProvider, AIResponseParser, BaseProvider, ChatGPTProvider, CopilotProvider, GeminiProvider, PerplexityProvider, ProviderDetector, detectProvider, parseAiResponse, parser };
+export type { AIProvider, ContentExtraction, DetectedProvider, ParseOptions, ParsedResponse, ProviderConfig, StyleOptions };

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC1F,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGnD,YAAY,EACV,UAAU,EACV,cAAc,EACd,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,GAClB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/index.esm.js

@@ -0,0 +1,2 @@
+class t{static detect(t){const e={CHATGPT:0,GEMINI:0,PERPLEXITY:0,COPILOT:0,AIOVERVIEW:0,AIMODE:0};for(const[n,r]of Object.entries(this.PROVIDER_PATTERNS))for(const o of r)try{o(t)&&e[n]++}catch(t){}let n=0,r=null;for(const[t,o]of Object.entries(e))o>n&&(n=o,r=t);return 0===n?null:{provider:r,confidence:n/Object.values(e).reduce((t,e)=>Math.max(t,e),1)}}static getAllProviders(t){const e=[];for(const[n,r]of Object.entries(this.PROVIDER_PATTERNS)){let o=0;for(const e of r)try{e(t)&&o++}catch(t){}o>0&&e.push({provider:n,confidence:o/r.length})}return e.sort((t,e)=>e.confidence-t.confidence)}static validate(t,e){const n=this.detect(t);return(null==n?void 0:n.provider)===e&&n.confidence>.5}}t.PROVIDER_PATTERNS={CHATGPT:[t=>{var e;const n=(null===(e=null==t?void 0:t.result)||void 0===e?void 0:e.html)||(null==t?void 0:t.html)||"";return n.includes("bg-token-bg-primary")||n.includes("text-token-text-secondary")},t=>{var e;const n=(null===(e=null==t?void 0:t.result)||void 0===e?void 0:e.html)||(null==t?void 0:t.html)||"";return n.includes("chatgpt.com")||n.includes("openai.com")}],GEMINI:[t=>{var e;const n=(null===(e=null==t?void 0:t.result)||void 0===e?void 0:e.html)||(null==t?void 0:t.html)||"";return n.includes("bard-sidenav")||n.includes("mat-sidenav")},t=>{var e;const n=(null===(e=null==t?void 0:t.result)||void 0===e?void 0:e.html)||(null==t?void 0:t.html)||"";return n.includes("gemini.google.com")||n.includes("gem-sys-color")}],PERPLEXITY:[t=>{var e;const n=(null===(e=null==t?void 0:t.result)||void 0===e?void 0:e.html)||(null==t?void 0:t.html)||"";return n.includes("perplexity.ai")||n.includes("prose")}],COPILOT:[t=>{var e;const n=(null===(e=null==t?void 0:t.result)||void 0===e?void 0:e.html)||(null==t?void 0:t.html)||"";return n.includes("copilot.microsoft.com")||n.includes('data-testid="sidebar-container"')}],AIOVERVIEW:[t=>{var e,n,r,o;if(null===(n=null===(e=null==t?void 0:t.result)||void 0===e?void 0:e.aioverview)||void 0===n?void 0:n.text)return!0;if(null===(r=null==t?void 0:t.aioverview)||void 0===r?void 0:r.text)return!0;const i=(null===(o=null==t?void 0:t.result)||void 0===o?void 0:o.html)||(null==t?void 0:t.html)||"";return i.includes("WIZ_global_data")||i.includes("DnVkpd")}],AIMODE:[t=>{var e;const n=(null===(e=null==t?void 0:t.result)||void 0===e?void 0:e.html)||(null==t?void 0:t.html)||"";return n.includes("DZ13He")||n.includes("wYq63b")||n.includes("AI Mode")}]};class e{injectStyles(t,e){let n=t;(null==e?void 0:e.baseUrl)&&!t.includes("<base ")&&(n=n.includes("<head>")?n.replace("<head>",`<head><base href="${e.baseUrl}">`):n.replace(/(<html[^>]*>)/i,`$1<head><base href="${e.baseUrl}"></head>`));const r=(null==e?void 0:e.customCSS)?this.defaultStyles+"\n"+e.customCSS:this.defaultStyles;return n=n.includes("<head>")?n.replace("<head>",`<head><style>${r}</style>`):n.replace(/(<html[^>]*>)/i,`$1<head><style>${r}</style></head>`),n}sanitizeHtml(t){let e=t.replace(/<script\b[^>]*>[\s\S]*?<\/script>/gim,"");return e=e.replace(/<noscript[\s\S]*?<\/noscript>/gi,""),e}isFullDocument(t){return/^\s*(<html|<!DOCTYPE)/i.test(t)}wrapFragment(t){return`<!DOCTYPE html>\n<html>\n<head>\n  <meta charset="utf-8">\n  <meta http-equiv="Content-Security-Policy" content="default-src 'none'; script-src 'none'; style-src 'unsafe-inline';">\n  <style>\n    body {\n      margin: 0;\n      padding: 16px;\n      font-family: system-ui, -apple-system, sans-serif;\n      white-space: pre-wrap;\n      word-wrap: break-word;\n    }\n    img { max-width: 100%; height: auto; }\n    body {\n      pointer-events: none;\n      user-select: none;\n    }\n  </style>\n</head>\n<body>\n  ${t}\n</body>\n</html>`}}class n extends e{constructor(){super(...arguments),this.name="CHATGPT",this.baseUrl="https://chatgpt.com",this.defaultStyles='\n    /* Force Dark Background on main containers and wrappers */\n    html, body, main, article, footer, form,\n    [class*="bg-"], [class*="footer"], [class*="bottom"],\n    div[class*="border-t"],\n    #thread-bottom-container, #thread-bottom,\n    #thread, .composer-parent, [class*="group\\/thread"] {\n      background-color: #131314 !important;\n      color: #e3e3e3 !important;\n      border-color: #2a2b36 !important;\n    }\n\n    /* Force background on specific white artifacts in the footer */\n    #thread-bottom-container .bg-clip-padding,\n    #thread-bottom-container .content-fade,\n    #thread-bottom-container .absolute {\n       background-color: transparent !important;\n    }\n\n    /* Specific targeting for the composer/input box (was white) */\n    form .bg-token-bg-primary, form .shadow-short {\n      background-color: #2a2b36 !important;\n      border-color: #3e3f4b !important;\n      box-shadow: none !important;\n    }\n\n    /* Disclaimer Footer - Force Dark Background */\n    div[class*="text-token-text-secondary"] {\n      color: #9ca3af !important;\n      background-color: #131314 !important;\n    }\n\n    /* Force Text Color to Light */\n    p, h1, h2, h3, h4, h5, h6, li, span, div, td, th, textarea, button {\n      color: #e3e3e3 !important;\n    }\n\n    /* Links - Light Blue */\n    a, a span {\n      color: #8ab4f8 !important;\n    }\n\n    /* Code Blocks */\n    pre, code, pre div, code span {\n      background-color: #2a2b36 !important;\n      color: #e3e3e3 !important;\n      text-shadow: none !important;\n    }\n\n    /* Inputs/Textareas */\n    input, textarea {\n      background-color: transparent !important;\n      color: #e3e3e3 !important;\n      border-color: #3e3f4b !important;\n    }\n\n    /* Placeholder text */\n    textarea::placeholder {\n      color: #9ca3af !important;\n    }\n\n    /* Hide Sidebar */\n    nav, [class*="sidebar"] {\n      display: none !important;\n    }\n\n    /* Media visibility */\n    img, video {\n      opacity: 1 !important;\n    }\n  '}extractContent(t){let e="",n="",r=t;return t.result&&(r=t.result),"string"==typeof r?r.trim().startsWith("<")&&r.includes(">")?e=r:n=r:"object"==typeof r&&null!==r&&(r.html?e=r.html:r.content?r.content.trim().startsWith("<")?e=r.content:n=r.content:r.text&&(n=r.text)),{html:e,text:n}}parse(t,e){const{html:n,text:r}=this.extractContent(t);if(!n&&!r)throw new Error("No content found in ChatGPT response");let o=n||"";return!o&&r&&(o=`<div>${r.replace(/\n/g,"<br>")}</div>`),o=this.sanitizeHtml(o),o=this.injectStyles(o,{theme:(null==e?void 0:e.theme)||"dark",baseUrl:(null==e?void 0:e.baseUrl)||this.baseUrl}),{provider:this.name,html:o,text:r,metadata:{isFullDocument:this.isFullDocument(o)}}}}class r extends e{constructor(){super(...arguments),this.name="GEMINI",this.baseUrl="https://gemini.google.com",this.defaultStyles='\n    /* Gemini Dark Mode Variable Overrides */\n    :root {\n      --gem-sys-color--surface: #131314 !important;\n      --gem-sys-color--surface-container: #1e1f20 !important;\n      --gem-sys-color--on-surface: #e3e3e3 !important;\n      --bard-color-synthetic--chat-window-surface: #131314 !important;\n      --bard-color-surface-dim-tmp: #131314 !important;\n    }\n\n    /* UI hiding - Gemini */\n    bard-sidenav, mat-sidenav, .mat-drawer-backdrop, .side-nav-menu-button,\n\n    /* Gemini "About Gemini" footer/navigation block */\n    .gb_5a, .gb_5c, .gb_5d, .gb_5e,\n    .gb_Uc, .gb_Vc, .gb_Wc,\n    a[href*="about"],\n    a[href*="subscriptions"],\n    a[href*="business"],\n    div[class*="gb_5"],\n    .gb_Pd, .gb_Qd, .gb_Rd,\n    .gb_Sd, .gb_Td, .gb_Ud, .gb_Vd,\n    [aria-label*="About"],\n    [aria-label*="Gemini App"],\n    [aria-label*="Subscriptions"],\n    [aria-label*="For Business"],\n    *:contains("About Gemini"),\n    *:contains("Gemini App"),\n    *:contains("Subscriptions"),\n    *:contains("For Business") {\n      display: none !important;\n    }\n\n    /* General Layout */\n    main { width: 100% !important; max-width: 100% !important; margin: 0 !important; }\n\n    /* Force Dark Mode on Body and Gemini Containers */\n    body, .content-container, chat-app, .main-content, .chat-container {\n      background-color: #131314 !important;\n      color: #e3e3e3 !important;\n    }\n  '}extractContent(t){let e="",n="",r=[],o=t;return t.result&&(o=t.result),"string"==typeof o?o.trim().startsWith("<")&&o.includes(">")?e=o:n=o:"object"==typeof o&&null!==o&&(o.html?e=o.html:o.content?o.content.trim().startsWith("<")?e=o.content:n=o.content:o.text&&(n=o.text),o.aioverview&&(o.aioverview.text&&(n=o.aioverview.text),o.aioverview.sources&&(r=o.aioverview.sources))),{html:e,text:n,sources:r}}parse(t,e){const{html:n,text:r,sources:o}=this.extractContent(t);if(!n&&!r)throw new Error("No content found in Gemini response");let i=n||"";return!i&&r&&(i=`<div>${r.replace(/\n/g,"<br>")}</div>`),i=this.sanitizeHtml(i),i=this.injectStyles(i,{theme:(null==e?void 0:e.theme)||"dark",baseUrl:(null==e?void 0:e.baseUrl)||this.baseUrl}),{provider:this.name,html:i,text:r,sources:o,metadata:{isFullDocument:this.isFullDocument(i)}}}}class o extends e{constructor(){super(...arguments),this.name="PERPLEXITY",this.baseUrl="https://www.perplexity.ai",this.defaultStyles="\n    html {\n      filter: invert(1) hue-rotate(180deg);\n      background-color: white !important;\n    }\n    img, video, iframe, svg {\n      filter: invert(1) hue-rotate(180deg);\n    }\n  "}extractContent(t){let e="",n="",r=t;return t.result&&(r=t.result),"string"==typeof r?r.trim().startsWith("<")&&r.includes(">")?e=r:n=r:"object"==typeof r&&null!==r&&(r.html?e=r.html:r.content?r.content.trim().startsWith("<")?e=r.content:n=r.content:r.text&&(n=r.text)),{html:e,text:n}}parse(t,e){const{html:n,text:r}=this.extractContent(t);if(!n&&!r)throw new Error("No content found in Perplexity response");let o=n||"";return!o&&r&&(o=`<div>${r.replace(/\n/g,"<br>")}</div>`),o=this.injectStyles(o,{theme:(null==e?void 0:e.theme)||"dark",baseUrl:(null==e?void 0:e.baseUrl)||this.baseUrl,customCSS:"light"===(null==e?void 0:e.theme)?"":this.defaultStyles}),{provider:this.name,html:o,text:r,metadata:{isFullDocument:this.isFullDocument(o)}}}}class i extends e{constructor(){super(...arguments),this.name="COPILOT",this.baseUrl="https://copilot.microsoft.com",this.defaultStyles='\n    /* Copilot Sidebar & Header */\n    div:has(> [data-testid="sidebar-container"]),\n    [data-testid="sidebar-container"],\n    [data-testid="sticky-header"],\n    .side-nav-menu-button {\n      display: none !important;\n    }\n\n    /* General Layout Fixes */\n    main {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 !important;\n    }\n  '}extractContent(t){let e="",n="",r=t;return t.result&&(r=t.result),"string"==typeof r?r.trim().startsWith("<")&&r.includes(">")?e=r:n=r:"object"==typeof r&&null!==r&&(r.html?e=r.html:r.content?r.content.trim().startsWith("<")?e=r.content:n=r.content:r.text&&(n=r.text)),{html:e,text:n}}parse(t,e){const{html:n,text:r}=this.extractContent(t);if(!n&&!r)throw new Error("No content found in Copilot response");let o=n||"";return!o&&r&&(o=`<div>${r.replace(/\n/g,"<br>")}</div>`),o=o.replace(/<noscript[\s\S]*?<\/noscript>/gi,""),o=this.injectStyles(o,{theme:(null==e?void 0:e.theme)||"dark",baseUrl:(null==e?void 0:e.baseUrl)||this.baseUrl}),{provider:this.name,html:o,text:r,metadata:{isFullDocument:this.isFullDocument(o)}}}}class s extends e{constructor(){super(...arguments),this.name="AIOVERVIEW",this.baseUrl="https://www.google.com",this.defaultStyles='\n    /* UI hiding - Google Search (AI Overview) */\n    header, #header, #searchform, .sfbg, #appbar,\n    div[role="navigation"], #leftnav, #sidetogether,\n    [role="banner"], .Fgvgjc, #hdtb, .hdtb-msb,\n    footer, #footer, .fbar,\n    .pdp-nav, [aria-label="Main menu"], .gb_Td, .gb_L,\n\n    /* Specific AI Mode Selectors */\n    .DZ13He,\n    .wYq63b,\n    .eT9Cje,\n    .bNg8Rb,\n    .S6VXfe,\n    .Lu57id {\n      display: none !important;\n    }\n\n    /* General Layout */\n    main { width: 100% !important; max-width: 100% !important; margin: 0 !important; }\n  '}extractContent(t){let e="",n="",r=[],o=t;if(t.result&&(o=t.result),o.aioverview&&(o.aioverview.text&&(n=o.aioverview.text),o.aioverview.sources&&(r=o.aioverview.sources)),"string"==typeof o?o.trim().startsWith("<")&&o.includes(">")?e=o:n=n||o:"object"==typeof o&&null!==o&&(o.html&&!n?e=o.html:o.content&&!n?o.content.trim().startsWith("<")?e=o.content:n=o.content:o.text&&!n&&(n=o.text)),e){const t=e.match(/"DnVkpd"\s*:\s*"((?:[^"\\]|\\.)*)"/);if(t&&t[1])try{let e=JSON.parse(`"${t[1]}"`);e=e.replace(/∰/g,'<hr class="gemini-separator">'),e=e.replace(/∞(https:\/\/[^ ]+\.(?:jpg|png|webp|gif|jpeg)(?:\?[^ ]*)?)/gi,'<br><img src="$1" class="gemini-image" alt="Generated Image"><br>'),e=e.replace(/∞/g,"<br>"),e=e.replace(/\n/g,"<br>"),n=e}catch(t){console.error("Failed to parse AI Overview WIZ data",t)}}return{html:e,text:n,sources:r}}parse(t,e){const{html:n,text:r,sources:o}=this.extractContent(t);if(!n&&!r)throw new Error("No content found in AI Overview response");let i="";if(r&&!n){const t="\n        body {\n          font-family: 'Google Sans', Roboto, sans-serif;\n          line-height: 1.5;\n          padding: 20px;\n          color: #e3e3e3;\n          background-color: #131314;\n        }\n        .gemini-separator {\n          border: 0;\n          border-top: 1px solid #444;\n          margin: 24px 0;\n        }\n        .gemini-image {\n          max-width: 100%;\n          border-radius: 8px;\n          margin: 12px 0;\n          border: 1px solid #333;\n        }\n        a { color: #8ab4f8; }\n        table { border-collapse: collapse; width: 100%; margin: 16px 0; }\n        th, td { border: 1px solid #444; padding: 8px; text-align: left; }\n        th { background-color: #1f1f1f; }\n      ";i=`<!DOCTYPE html>\n      <html>\n        <head>\n          <base href="${(null==e?void 0:e.baseUrl)||this.baseUrl}">\n          <style>${t}</style>\n        </head>\n        <body>\n          ${r}\n        </body>\n      </html>`}else i=n||"",i=this.sanitizeHtml(i),i=this.injectStyles(i,{theme:(null==e?void 0:e.theme)||"dark",baseUrl:(null==e?void 0:e.baseUrl)||this.baseUrl,hideUI:!0});return{provider:this.name,html:i,text:r,sources:o,metadata:{isFullDocument:this.isFullDocument(i),hasWizData:!!r&&!n}}}}class a extends e{constructor(){super(...arguments),this.name="AIMODE",this.baseUrl="https://www.google.com",this.defaultStyles='\n    /* UI hiding - Google Search (AI Mode) */\n    header, #header, #searchform, .sfbg, #appbar,\n    div[role="navigation"], #leftnav, #sidetogether,\n    [role="banner"], .Fgvgjc, #hdtb, .hdtb-msb,\n    footer, #footer, .fbar,\n    .pdp-nav, [aria-label="Main menu"], .gb_Td, .gb_L,\n\n    /* Specific AI Mode Selectors found in analysis */\n    .DZ13He, /* Main sticky top bar */\n    .wYq63b, /* Accessibility links bar */\n    .eT9Cje, /* History/New Search buttons */\n    .bNg8Rb, /* Hidden H1 headers */\n    .S6VXfe, /* Accessibility container */\n    .Lu57id  /* Potential other top bar */ {\n      display: none !important;\n    }\n\n    /* General Layout */\n    main { width: 100% !important; max-width: 100% !important; margin: 0 !important; }\n  '}extractContent(t){let e="",n="",r=t;return t.result&&(r=t.result),"string"==typeof r?r.trim().startsWith("<")&&r.includes(">")?e=r:n=r:"object"==typeof r&&null!==r&&(r.html?e=r.html:r.content?r.content.trim().startsWith("<")?e=r.content:n=r.content:r.text&&(n=r.text)),{html:e,text:n}}parse(t,e){const{html:n,text:r}=this.extractContent(t);if(!n&&!r)throw new Error("No content found in AI Mode response");let o=n||"";return!o&&r&&(o=`<div>${r.replace(/\n/g,"<br>")}</div>`),o=this.sanitizeHtml(o),o=this.injectStyles(o,{theme:(null==e?void 0:e.theme)||"dark",baseUrl:(null==e?void 0:e.baseUrl)||this.baseUrl,hideUI:!0}),{provider:this.name,html:o,text:r,metadata:{isFullDocument:this.isFullDocument(o)}}}}class l{constructor(){this.providers=new Map,this.providers.set("CHATGPT",new n),this.providers.set("GEMINI",new r),this.providers.set("PERPLEXITY",new o),this.providers.set("COPILOT",new i),this.providers.set("AIOVERVIEW",new s),this.providers.set("AIMODE",new a)}parse(e,n){const r=t.detect(e);if(!r)return this.parseGeneric(e,n);const o=this.providers.get(r.provider);if(!o)return null;try{const t=o.parse(e,n);return{...t,metadata:{...t.metadata,detectionConfidence:r.confidence}}}catch(t){return console.error(`Failed to parse response with ${r.provider}:`,t),null}}parseWithProvider(t,e,n){const r=this.providers.get(e);if(!r)throw new Error(`Unknown provider: ${e}`);try{return r.parse(t,n)}catch(t){return console.error(`Failed to parse response with ${e}:`,t),null}}detectProvider(e){const n=t.detect(e);return(null==n?void 0:n.provider)||null}detectAllProviders(e){return t.getAllProviders(e)}parseGeneric(t,e){let n="",r="";let o=t;var i;return t.result&&(o=t.result),"string"==typeof(i=o)?i.trim().startsWith("<")&&i.includes(">")?n=i:r=i:"object"==typeof i&&null!==i&&(i.html?n=i.html:i.content?i.content.trim().startsWith("<")?n=i.content:r=i.content:i.text&&(r=i.text)),n||r?(n&&(n=n.replace(/<script\b[^>]*>[\s\S]*?<\/script>/gim,""),n=n.replace(/<noscript[\s\S]*?<\/noscript>/gi,"")),{provider:"CHATGPT",html:n,text:r,metadata:{isGeneric:!0}}):null}getSupportedProviders(){return Array.from(this.providers.keys())}registerProvider(t,e){this.providers.set(t,e)}}const c=new l,d=(t,e)=>c.parse(t,e),h=t=>c.detectProvider(t);export{a as AIModeProvider,s as AIOverviewProvider,l as AIResponseParser,e as BaseProvider,n as ChatGPTProvider,i as CopilotProvider,r as GeminiProvider,o as PerplexityProvider,t as ProviderDetector,h as detectProvider,d as parseAiResponse,c as parser};
+//# sourceMappingURL=index.esm.js.map