use-vibes 0.1.0 → 0.1.1

package/dist/{src/index.js → index.js}

@@ -91,3 +91,4 @@ export function useVibes(target, config) {
         });
     }
 }
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,15 +1,38 @@
 {
   "name": "use-vibes",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
   "description": "Transform any DOM element into an AI-powered micro-app",
-  "main": "./src/index.ts",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
     }
   },
+  "scripts": {
+    "build": "tsc",
+    "build:browser": "node scripts/build-browser.js",
+    "build:browser:test": "node scripts/build-browser-test.js",
+    "build:bookmarklet": "node scripts/generate-bookmarklet.js",
+    "build:all": "npm run build && npm run build:browser && npm run build:bookmarklet",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:browser": "npm run build:browser:test && playwright test --reporter=line",
+    "test:browser:headed": "npm run build:browser:test && playwright test --headed --reporter=line",
+    "test:browser:debug": "npm run build:browser:test && playwright test --debug --reporter=line",
+    "lint": "eslint --ext .js,.ts,.tsx src/ tests/ scripts/",
+    "lint:fix": "eslint --ext .js,.ts,.tsx --fix src/ tests/ scripts/",
+    "format": "prettier --write 'src/**/*.{js,ts,tsx}' 'tests/**/*.{js,ts,tsx}' 'scripts/**/*.js'",
+    "typecheck": "tsc --noEmit",
+    "validate": "npm run typecheck && npm run test && npm run test:browser && npm run lint",
+    "fix": "npm run lint:fix && npm run format",
+    "check": "npm run validate && npm run fix",
+    "prerelease": "npm run validate",
+    "serve": "vite fixtures --port 3000"
+  },
   "keywords": [
     "ai",
     "dom",
@@ -53,26 +76,5 @@
   },
   "dependencies": {
     "call-ai": "^0.5.0"
-  },
-  "scripts": {
-    "build": "tsc",
-    "build:browser": "node scripts/build-browser.js",
-    "build:browser:test": "node scripts/build-browser-test.js",
-    "build:bookmarklet": "node scripts/generate-bookmarklet.js",
-    "build:all": "npm run build && npm run build:browser && npm run build:bookmarklet",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:browser": "npm run build:browser:test && playwright test --reporter=line",
-    "test:browser:headed": "npm run build:browser:test && playwright test --headed --reporter=line",
-    "test:browser:debug": "npm run build:browser:test && playwright test --debug --reporter=line",
-    "lint": "eslint --ext .js,.ts,.tsx src/ tests/ scripts/",
-    "lint:fix": "eslint --ext .js,.ts,.tsx --fix src/ tests/ scripts/",
-    "format": "prettier --write 'src/**/*.{js,ts,tsx}' 'tests/**/*.{js,ts,tsx}' 'scripts/**/*.js'",
-    "typecheck": "tsc --noEmit",
-    "validate": "npm run typecheck && npm run test && npm run test:browser && npm run lint",
-    "fix": "npm run lint:fix && npm run format",
-    "check": "npm run validate && npm run fix",
-    "prerelease": "npm run validate",
-    "serve": "vite fixtures --port 3000"
   }
-}
+}

package/dist/bookmarklet.html

@@ -1,89 +0,0 @@
-
-<!DOCTYPE html>
-<html>
-<head>
-  <title>useVibes Bookmarklet</title>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <style>
-    body { 
-      font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
-      max-width: 800px;
-      margin: 0 auto;
-      padding: 20px;
-      line-height: 1.6;
-    }
-    .bookmarklet { 
-      display: inline-block;
-      padding: 8px 12px;
-      background: #4a8feb;
-      color: white;
-      text-decoration: none;
-      border-radius: 4px;
-      margin: 20px 0;
-      font-weight: bold;
-    }
-    .bookmarklet:hover {
-      background: #3a7edb;
-    }
-    code {
-      background: #f5f5f5;
-      padding: 2px 4px;
-      border-radius: 4px;
-      font-family: monospace;
-    }
-    pre {
-      background: #f5f5f5;
-      padding: 15px;
-      border-radius: 4px;
-      overflow-x: auto;
-    }
-    .note {
-      background: #fffde7;
-      border-left: 4px solid #ffeb3b;
-      padding: 10px 15px;
-      margin: 20px 0;
-    }
-  </style>
-</head>
-<body>
-  <h1>useVibes Bookmarklet</h1>
-  <p>This bookmarklet allows you to test useVibes on any website. Before using, you'll need to:</p>
-  <ol>
-    <li>Host the useVibes IIFE bundle on a web server or CDN</li>
-    <li>Get your API key for call-ai</li>
-  </ol>
-  
-  <div class="note">
-    <strong>Important:</strong> You will need to edit this bookmarklet to replace <code>YOUR_API_KEY_HERE</code> with your actual API key, and update the script URL if needed.
-  </div>
-  
-  <h2>Installation</h2>
-  <p>Drag this link to your bookmarks bar:</p>
-  <a class="bookmarklet" href="javascript:!function(){window.CALLAI_API_KEY="YOUR_API_KEY_HERE",alert("useVibes Injector: Click on any element to apply vibes to it.");let e=!0;function t(n){if(!e)return;n.preventDefault(),n.stopPropagation();const o=n.target,s=o.style.outline;o.style.outline="3px solid red";const i=prompt("Enter a prompt for useVibes:","Create a beautiful element with blue styling");i?useVibes(o,{prompt:i}).then((e=>{console.log("useVibes applied successfully!",e)})).catch((e=>{console.error("Error applying useVibes:",e),alert("Error: "+e.message)})):o.style.outline=s,e=!1,document.removeEventListener("click",t,!0)}!function(e,t){const n=document.createElement("script");n.src=e,n.onload=t,document.head.appendChild(n)}("https://unpkg.com/use-vibes@latest/lib/use-vibes.iife.js",(function(){"function"==typeof useVibes?document.addEventListener("click",t,!0):alert("useVibes library not loaded correctly!")}))}();">useVibes</a>
-  
-  <h2>Usage Instructions</h2>
-  <ol>
-    <li>Drag the above link to your bookmarks bar</li>
-    <li>Navigate to any website</li>
-    <li>Click the bookmark</li>
-    <li>Click on any element you want to enhance</li>
-    <li>Enter your prompt when prompted</li>
-    <li>Watch as useVibes transforms the element</li>
-  </ol>
-  
-  <h2>How to Customize</h2>
-  <p>To edit the bookmarklet with your API key:</p>
-  <ol>
-    <li>Right-click on the bookmarklet in your bookmarks bar</li>
-    <li>Select "Edit" or "Properties"</li>
-    <li>Find <code>CALLAI_API_KEY='YOUR_API_KEY_HERE'</code> and replace with your actual key</li>
-    <li>Find <code>useVibesScriptUrl='https://unpkg.com/use-vibes@latest/lib/use-vibes.iife.js'</code> and update if needed</li>
-  </ol>
-  
-  <h2>Bookmarklet Code</h2>
-  <p>You can also manually create the bookmarklet with this code:</p>
-  <pre>javascript:!function(){window.CALLAI_API_KEY="YOUR_API_KEY_HERE",alert("useVibes Injector: Click on any element to apply vibes to it.");let e=!0;function t(n){if(!e)return;n.preventDefault(),n.stopPropagation();const o=n.target,s=o.style.outline;o.style.outline="3px solid red";const i=prompt("Enter a prompt for useVibes:","Create a beautiful element with blue styling");i?useVibes(o,{prompt:i}).then((e=>{console.log("useVibes applied successfully!",e)})).catch((e=>{console.error("Error applying useVibes:",e),alert("Error: "+e.message)})):o.style.outline=s,e=!1,document.removeEventListener("click",t,!0)}!function(e,t){const n=document.createElement("script");n.src=e,n.onload=t,document.head.appendChild(n)}("https://unpkg.com/use-vibes@latest/lib/use-vibes.iife.js",(function(){"function"==typeof useVibes?document.addEventListener("click",t,!0):alert("useVibes library not loaded correctly!")}))}();</pre>
-</body>
-</html>
-    

package/dist/bookmarklet.js

@@ -1 +0,0 @@
-javascript:!function(){window.CALLAI_API_KEY="YOUR_API_KEY_HERE",alert("useVibes Injector: Click on any element to apply vibes to it.");let e=!0;function t(n){if(!e)return;n.preventDefault(),n.stopPropagation();const o=n.target,s=o.style.outline;o.style.outline="3px solid red";const i=prompt("Enter a prompt for useVibes:","Create a beautiful element with blue styling");i?useVibes(o,{prompt:i}).then((e=>{console.log("useVibes applied successfully!",e)})).catch((e=>{console.error("Error applying useVibes:",e),alert("Error: "+e.message)})):o.style.outline=s,e=!1,document.removeEventListener("click",t,!0)}!function(e,t){const n=document.createElement("script");n.src=e,n.onload=t,document.head.appendChild(n)}("https://unpkg.com/use-vibes@latest/lib/use-vibes.iife.js",(function(){"function"==typeof useVibes?document.addEventListener("click",t,!0):alert("useVibes library not loaded correctly!")}))}();

package/dist/src/core/vibe.d.ts

@@ -1,19 +0,0 @@
-/**
- * Vibe interface represents the core functionality
- */
-export interface Vibe {
-    /** The name of the vibe */
-    name: string;
-    /** The intensity level of the vibe */
-    intensity: number;
-    /** Set the intensity of the vibe */
-    setIntensity(level: number): void;
-    /** Get a description of the current vibe */
-    describe(): string;
-}
-/**
- * Creates a new vibe with the given name
- * @param name - Name for the vibe
- * @returns A new Vibe instance
- */
-export declare function createVibe(name: string): Vibe;

package/dist/src/core/vibe.js

@@ -1,23 +0,0 @@
-/**
- * Creates a new vibe with the given name
- * @param name - Name for the vibe
- * @returns A new Vibe instance
- */
-export function createVibe(name) {
-    let intensityLevel = 5; // Default intensity
-    return {
-        name,
-        get intensity() {
-            return intensityLevel;
-        },
-        setIntensity(level) {
-            if (level < 0 || level > 10) {
-                throw new Error('Intensity must be between 0 and 10');
-            }
-            intensityLevel = level;
-        },
-        describe() {
-            return `${name} vibe at intensity ${intensityLevel}`;
-        }
-    };
-}

package/dist/src/utils/enhancer.d.ts

@@ -1,20 +0,0 @@
-import type { Vibe } from '../core/vibe.js';
-/**
- * Enhanced vibe with additional functionality
- */
-export interface EnhancedVibe extends Vibe {
-    /** Boost the vibe intensity by the given amount */
-    boost(amount: number): void;
-    /** Lower the vibe intensity by the given amount */
-    chill(amount: number): void;
-    /** Check if the vibe is high intensity (>7) */
-    isHighIntensity(): boolean;
-    /** Check if the vibe is low intensity (<3) */
-    isLowIntensity(): boolean;
-}
-/**
- * Enhances a vibe with additional functionality
- * @param vibe - The vibe to enhance
- * @returns An enhanced vibe with additional methods
- */
-export declare function enhanceVibe(vibe: Vibe): EnhancedVibe;

package/dist/src/utils/enhancer.js

@@ -1,31 +0,0 @@
-/**
- * Enhances a vibe with additional functionality
- * @param vibe - The vibe to enhance
- * @returns An enhanced vibe with additional methods
- */
-export function enhanceVibe(vibe) {
-    // Create a wrapper object that delegates to the original vibe
-    const enhancedVibe = {
-        // Pass through the core properties
-        get name() { return vibe.name; },
-        get intensity() { return vibe.intensity; },
-        setIntensity(level) { vibe.setIntensity(level); },
-        describe() { return vibe.describe(); },
-        // Add enhanced methods
-        boost(amount) {
-            const newLevel = Math.min(10, this.intensity + amount);
-            this.setIntensity(newLevel);
-        },
-        chill(amount) {
-            const newLevel = Math.max(0, this.intensity - amount);
-            this.setIntensity(newLevel);
-        },
-        isHighIntensity() {
-            return this.intensity > 7;
-        },
-        isLowIntensity() {
-            return this.intensity < 3;
-        }
-    };
-    return enhancedVibe;
-}

package/dist/tests/browser/call-ai-mock.d.ts

@@ -1,2 +0,0 @@
-export function callAI(userPrompt: any, options?: {}): Promise<string>;
-export default callAI;

package/dist/tests/browser/call-ai-mock.js

@@ -1,71 +0,0 @@
-// This is a test mock for the call-ai module
-export const callAI = function mockCallAI(userPrompt, options = {}) {
-    /* eslint-disable-next-line no-console */
-    console.log('🔍 TEST MOCK: callAI called with:', typeof userPrompt === 'string' ? userPrompt.substring(0, 100) + '...' : '[non-string-prompt]');
-    // Extract the actual request from the longer prompt
-    let extractedPrompt = 'Default prompt';
-    if (typeof userPrompt === 'string') {
-        // Check if this is an error test case
-        // Check for diagnostic test - this needs to be handled in a special way to pass the tests
-        if (userPrompt.includes('Diagnostic test prompt')) {
-            /* eslint-disable-next-line no-console */
-            console.log('🚨 DIAGNOSTIC MOCK WAS CALLED!');
-            // Create a very distinctive error HTML that will show up in the page content
-            const errorHtml = '<div id="DIAGNOSTIC_MOCK_ERROR" style="background-color: #ffebee; padding: 10px; border: 2px solid #f44336; border-radius: 5px;"><strong>Error:</strong> DIAGNOSTIC_MOCK_ERROR_UNIQUE_STRING_12345</div>';
-            // First, add the error HTML to the DOM directly so it's visible in the page content
-            // This is for test verification purposes
-            document.body.insertAdjacentHTML('beforeend', errorHtml);
-            // Then throw an actual error to test error handling
-            throw new Error('DIAGNOSTIC_MOCK_ERROR_UNIQUE_STRING_12345');
-        }
-        // Only return errors for specific error-related test cases
-        // The string 'should fail with an error' is used in the error test case
-        if (userPrompt.includes('should fail with an error')) {
-            /* eslint-disable-next-line no-console */
-            console.log('🚨 TEST MOCK: Simulating error response');
-            // For error test cases, create an error HTML response instead of rejecting
-            // This allows the tests to verify that errors are properly displayed in the UI
-            const errorHtml = '<div style="background-color: #ffebee; padding: 10px; border: 2px solid #f44336; border-radius: 5px;"><strong>Error:</strong> Simulated error from mock callAI</div>';
-            // Return a properly structured response with the error message
-            return Promise.resolve(JSON.stringify({
-                html: errorHtml,
-                explanation: 'Error: Simulated error from mock callAI'
-            }));
-        }
-        const promptMatch = userPrompt.match(/Transform the HTML content based on this request:\s*([^\n]+)/);
-        if (promptMatch && promptMatch[1]) {
-            extractedPrompt = promptMatch[1].trim();
-        }
-        else if (userPrompt.includes('Alternative configuration test')) {
-            extractedPrompt = 'Alternative configuration test';
-        }
-    }
-    // Create response HTML based on the prompt content
-    let htmlContent;
-    let explanationText;
-    if (extractedPrompt.includes('Alternative configuration')) {
-        htmlContent = `<div style="background-color: #fff8e1; padding: 10px; border: 2px solid #ffc107; border-radius: 5px;">
-      <strong>🎭 Vibes received prompt:</strong> "Alternative configuration test"
-      <br><small>(Alternative config mock response)</small>
-    </div>`;
-        explanationText = 'Mock explanation for alternative configuration';
-    }
-    else {
-        htmlContent = `<div style="background-color: #eefbff; padding: 10px; border: 2px solid #0099cc; border-radius: 5px;">
-      <strong>🎭 Vibes received prompt:</strong> "${extractedPrompt}"
-      <br><small>(This is a mock response from browser test)</small>
-    </div>`;
-        explanationText = 'This is a mock explanation from the browser test';
-    }
-    // Create the structured response object that matches the schema in useVibes
-    const responseObj = {
-        html: htmlContent,
-        explanation: explanationText,
-    };
-    /* eslint-disable-next-line no-console */
-    console.log('✅ TEST MOCK: Created JSON response');
-    // Return a properly structured response that matches what useVibes expects
-    return Promise.resolve(JSON.stringify(responseObj));
-};
-// Additional exports to match the real module structure if needed
-export default callAI;

package/dist/tests/browser/global-setup.d.ts

@@ -1,3 +0,0 @@
-import { FullConfig } from '@playwright/test';
-declare function globalSetup(_config: FullConfig): Promise<void>;
-export default globalSetup;

package/dist/tests/browser/global-setup.js

@@ -1,86 +0,0 @@
-// global-setup.ts
-import { chromium, firefox, webkit } from '@playwright/test';
-import path from 'path';
-import { fileURLToPath } from 'url';
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-// Path to mocks script
-const mocksScriptPath = path.resolve(__dirname, './setup-browser-mocks.js');
-async function globalSetup(_config) {
-    // eslint-disable-next-line no-console
-    console.log('Running global setup for browser tests...');
-    // eslint-disable-next-line no-console
-    console.log('Mock script path:', mocksScriptPath);
-    // Add mocks to all browsers' contexts
-    const browserTypes = [chromium, firefox, webkit];
-    for (const browserType of browserTypes) {
-        // Launch browser
-        const browser = await browserType.launch();
-        // Create a new context and page
-        const context = await browser.newContext();
-        // We need a page to set up routes, but don't actually use it directly
-        await context.newPage();
-        // Set up the route to inject our mock script into every page
-        // Intercept requests for the use-vibes.iife.js file and serve our test bundle instead
-        await context.route('**/lib/use-vibes.iife.js', async (route) => {
-            // eslint-disable-next-line no-console
-            console.log('🔄 Intercepting request for use-vibes.iife.js, redirecting to test bundle');
-            // Redirect to our test bundle
-            const fs = await import('fs');
-            const testBundlePath = path.resolve(__dirname, '../../fixtures/lib/use-vibes-test.iife.js');
-            const testBundleContent = fs.readFileSync(testBundlePath, 'utf8');
-            await route.fulfill({
-                status: 200,
-                contentType: 'application/javascript',
-                body: testBundleContent,
-            });
-            // eslint-disable-next-line no-console
-            console.log('✅ Successfully redirected to test bundle');
-        });
-        // Handle other requests
-        await context.route('**/*', async (route, request) => {
-            // If this is an HTML page, we'll inject our mock script
-            if (request.url().endsWith('.html') || request.resourceType() === 'document') {
-                // eslint-disable-next-line no-console
-                console.log('Injecting mocks into URL:', request.url());
-                // Continue with the original response
-                const response = await route.fetch();
-                const body = await response.text();
-                // Read our mocks script directly
-                const fs = await import('fs');
-                const mocksContent = fs.readFileSync(mocksScriptPath, 'utf8');
-                // eslint-disable-next-line no-console
-                console.log('Mock script loaded, length:', mocksContent.length);
-                // Inject the full script content into the head
-                // This ensures it loads before any other scripts
-                const mocksScript = `<script>
-// START OF INJECTED MOCK SCRIPT
-console.log('Mock script execution starting...');
-${mocksContent}
-console.log('Mock script execution completed!');
-// END OF INJECTED MOCK SCRIPT
-</script>`;
-                const modifiedBody = body.replace('<head>', `<head>\n${mocksScript}`);
-                // Return the modified content
-                await route.fulfill({
-                    response,
-                    body: modifiedBody,
-                    headers: {
-                        ...response.headers(),
-                        'content-length': String(modifiedBody.length),
-                    },
-                });
-                // eslint-disable-next-line no-console
-                console.log('Mock script injected successfully for:', request.url());
-            }
-            else {
-                await route.continue();
-            }
-        });
-        // Close browser after setup
-        await browser.close();
-        // eslint-disable-next-line no-console
-        console.log(`Mock injection set up for ${browserType.name()}`);
-    }
-}
-export default globalSetup;

package/dist/tests/browser/hello-world.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/tests/browser/hello-world.test.js

@@ -1,350 +0,0 @@
-// tests/browser/hello-world.test.ts
-import { test, expect } from '@playwright/test';
-// Simplified test that tests the core functionality with proper instrumentation
-// This approach completely bypasses network calls for reliable test behavior
-// Set up browser console logging for all tests
-const setupLogging = (page) => {
-    // Forward browser console messages to test output
-    page.on('console', msg => {
-        /* eslint-disable-next-line no-console */
-        console.log(`🌐 ${msg.type()}: ${msg.text()}`);
-    });
-    page.on('pageerror', err => {
-        /* eslint-disable-next-line no-console */
-        console.error(`🔥 Browser error: ${err.message}`);
-    });
-};
-test('page loads with initial content', async ({ page }) => {
-    setupLogging(page);
-    // Navigate to the test page
-    await page.goto('http://localhost:3000/basic/hello-world.html');
-    // Check that our target element exists
-    const hasTarget = await page.evaluate(() => {
-        const target = document.getElementById('target');
-        /* eslint-disable-next-line no-console */
-        console.log('Target element exists:', !!target);
-        return !!target;
-    });
-    expect(hasTarget).toBe(true);
-    // Get the text content
-    const initialText = await page.textContent('#target');
-    /* eslint-disable-next-line no-console */
-    console.log('Initial text content:', initialText);
-    expect(initialText).toContain('This content will be modified');
-});
-test('useVibes with direct callAI mock', async ({ page }) => {
-    setupLogging(page);
-    // Navigate to the test page
-    await page.goto('http://localhost:3000/basic/hello-world.html');
-    // Wait for page to load
-    await page.waitForSelector('#target');
-    // Directly inject the mock - this is cleaner than relying on global setup
-    await page.evaluate(() => {
-        // Override callAI with a direct mock implementation
-        // @ts-expect-error - Mock the callAI function with correct type signatures
-        window.callAI = function mockCallAI(_prompt, _options) {
-            // Create HTML with the prompt for verification
-            const html = `
-<div style="background-color: #e6f7ff; padding: 10px; border: 2px solid #1890ff; border-radius: 5px;">
-  <strong>🎭 Vibes received prompt:</strong> "Create a Hello World message with blue styling"
-  <br><small>(Mocked API Response)</small>
-</div>
-      `;
-            // Create a response object matching what callAI would return
-            const responseObj = {
-                html: html,
-                explanation: 'Mock explanation for testing',
-            };
-            // callAI returns a Promise that resolves to a JSON string
-            return Promise.resolve(JSON.stringify(responseObj));
-        };
-        /* eslint-disable-next-line no-console */
-        console.log('🔄 callAI mocked directly on window object');
-        /* eslint-disable-next-line no-console */
-        console.log('🔄 Type of callAI:', typeof window.callAI);
-    });
-    // Verify our target element before modification
-    const initialHtml = await page.evaluate(() => {
-        const target = document.getElementById('target');
-        return target ? target.innerHTML : 'target not found';
-    });
-    /* eslint-disable-next-line no-console */
-    console.log('Target HTML before:', initialHtml);
-    // Execute useVibes on the target element
-    await page.evaluate(() => {
-        try {
-            // Get the target element
-            const target = document.getElementById('target');
-            if (!target)
-                throw new Error('Target element not found!');
-            /* eslint-disable-next-line no-console */
-            console.log('🔄 Applying useVibes to target element');
-            // Set API key for testing
-            window.CALLAI_API_KEY = 'test-api-key';
-            // Call useVibes with test prompt
-            window.useVibes(target, {
-                prompt: 'Create a Hello World message with blue styling',
-            });
-            /* eslint-disable-next-line no-console */
-            console.log('✅ useVibes called successfully');
-        }
-        catch (err) {
-            /* eslint-disable-next-line no-console */
-            console.error('❌ Error calling useVibes:', err.message);
-            /* eslint-disable-next-line no-console */
-            console.error('Stack:', err.stack);
-        }
-    });
-    // Wait for the async operation to complete
-    await page.waitForTimeout(2000);
-    // Check the HTML content after the timeout
-    const finalHtml = await page.evaluate(() => {
-        const target = document.getElementById('target');
-        /* eslint-disable-next-line no-console */
-        console.log('Target element after useVibes:', target ? 'exists' : 'not found');
-        return target ? target.innerHTML : 'target not found';
-    });
-    /* eslint-disable-next-line no-console */
-    console.log('Target HTML after:', finalHtml.substring(0, 200) + '...');
-    // Get the text content for assertions
-    const targetText = await page.textContent('#target');
-    expect(targetText).toContain('Vibes received prompt');
-});
-test('useVibes with direct mock custom configuration', async ({ page }) => {
-    setupLogging(page);
-    // Navigate to the test page
-    await page.goto('http://localhost:3000/basic/hello-world.html');
-    // Wait for page to load
-    await page.waitForSelector('#target-alt');
-    // Inject the mock implementation for callAI
-    await page.evaluate(() => {
-        // Override callAI with a direct mock implementation
-        // @ts-expect-error - Mock the callAI function
-        window.callAI = function mockCallAI(_prompt, _options) {
-            /* eslint-disable-next-line no-console */
-            console.log('📢 Mock callAI called with prompt:', _prompt.substring(0, 100) + '...');
-            // Create a response with alternative styling for this test
-            const html = `
-<div style="background-color: #fff8e1; padding: 10px; border: 2px solid #ffc107; border-radius: 5px;">
-  <strong>🎭 Vibes received prompt:</strong> "Alternative configuration test"
-  <br><small>(Custom configuration test)</small>
-</div>
-      `;
-            const responseObj = {
-                html: html,
-                explanation: 'Mock explanation for alternative configuration',
-            };
-            return Promise.resolve(JSON.stringify(responseObj));
-        };
-    });
-    // Execute useVibes on the alternative target with custom config
-    await page.evaluate(() => {
-        try {
-            const targetAlt = document.getElementById('target-alt');
-            if (!targetAlt)
-                throw new Error('Alt target element not found!');
-            // Apply with custom config
-            window.useVibes(targetAlt, {
-                prompt: 'Alternative configuration test',
-            });
-        }
-        catch (err) {
-            /* eslint-disable-next-line no-console */
-            console.error('Error in alt config test:', err.message);
-        }
-    });
-    // Wait for async operations
-    await page.waitForTimeout(2000);
-    // Verify the content
-    const targetText = await page.textContent('#target-alt');
-    expect(targetText).toContain('Vibes received prompt');
-    expect(targetText).toContain('Alternative configuration test');
-});
-// Simple diagnostic test to validate our mocking approach
-test('verify mock callAI is actually being called', async ({ page }) => {
-    setupLogging(page);
-    // Navigate to the test page
-    await page.goto('http://localhost:3000/basic/hello-world.html');
-    // Don't override the mock here - instead use the one from our test bundle
-    // This will properly test that our mocking approach works
-    // Set up an error handler to detect if our diagnostic error is thrown
-    let diagnosticErrorDetected = false;
-    page.on('pageerror', error => {
-        /* eslint-disable-next-line no-console */
-        console.log('📋 Page error detected:', error.message);
-        if (error.message.includes('DIAGNOSTIC_MOCK_ERROR')) {
-            diagnosticErrorDetected = true;
-        }
-    });
-    // Execute useVibes with the diagnostic prompt
-    await page.evaluate(() => {
-        try {
-            const target = document.getElementById('target');
-            if (!target)
-                throw new Error('Target element not found!');
-            /* eslint-disable-next-line no-console */
-            console.log('🔄 Calling useVibes with diagnostic prompt');
-            // Set API key for testing
-            window.CALLAI_API_KEY = 'test-api-key';
-            // The 'Diagnostic test prompt' string is what triggers our special mock behavior
-            window.useVibes(target, {
-                prompt: 'Diagnostic test prompt',
-            });
-            /* eslint-disable-next-line no-console */
-            console.log('✅ useVibes call with diagnostic prompt completed (if this appears, error was caught internally)');
-        }
-        catch (err) {
-            /* eslint-disable-next-line no-console */
-            console.error('❌ Error caught in page context:', err.message);
-        }
-    });
-    // Wait for any async operations and error handlers to complete
-    await page.waitForTimeout(2000);
-    // Check if our diagnostic error HTML element exists in the page
-    const errorElementExists = await page.evaluate(() => {
-        return !!document.getElementById('DIAGNOSTIC_MOCK_ERROR');
-    });
-    /* eslint-disable-next-line no-console */
-    console.log('Diagnostic error element in DOM:', errorElementExists);
-    /* eslint-disable-next-line no-console */
-    console.log('Diagnostic error detected in console:', diagnosticErrorDetected);
-    // The test passes if either the error was detected or the error element exists in the DOM
-    expect(errorElementExists || diagnosticErrorDetected).toBeTruthy();
-});
-test('useVibes should handle errors gracefully', async ({ page }) => {
-    setupLogging(page);
-    // Navigate to the test page
-    await page.goto('http://localhost:3000/basic/hello-world.html');
-    // Inject mock that simulates an error
-    await page.evaluate(() => {
-        window.callAI = function mockCallAIWithError() {
-            /* eslint-disable-next-line no-console */
-            console.log('🚨 Mock error function called');
-            return Promise.reject(new Error('Simulated API error'));
-        };
-    });
-    // Execute useVibes and expect it to handle the error
-    await page.evaluate(() => {
-        const target = document.getElementById('target');
-        if (target) {
-            window.useVibes(target, {
-                prompt: 'This should fail with an error',
-            });
-        }
-    });
-    // Wait for error handling
-    await page.waitForTimeout(1000);
-    // Verify error message shows in the element
-    const errorContent = await page.textContent('#target');
-    expect(errorContent).toContain('Error');
-});
-test('useVibes with custom configuration options', async ({ page }) => {
-    // Set up API request interception with a custom configuration response
-    await page.route('**/*api.openai.com*/v1/chat/completions', async (route) => {
-        const mockResponse = {
-            choices: [
-                {
-                    message: {
-                        role: 'assistant',
-                        content: JSON.stringify({
-                            html: `<div style="background-color: #fff8e1; padding: 10px; border: 2px solid #ffc107; border-radius: 5px;">
-              <strong>🎭 Vibes received prompt:</strong> "Alternative configuration test" 
-              <br><small>(Custom configuration test response)</small>
-            </div>`,
-                            explanation: 'Mock explanation for custom configuration test',
-                        }),
-                    },
-                    index: 0,
-                },
-            ],
-            id: 'mock-custom-config-id',
-            model: 'gpt-3.5-turbo',
-            object: 'chat.completion',
-        };
-        await route.fulfill({
-            status: 200,
-            contentType: 'application/json',
-            body: JSON.stringify(mockResponse),
-        });
-    });
-    // Also mock the call-ai API endpoint as a fallback
-    await page.route('**/*api.call-ai.com*', async (route) => {
-        const mockResponse = {
-            choices: [
-                {
-                    message: {
-                        role: 'assistant',
-                        content: JSON.stringify({
-                            html: `<div style="background-color: #fff8e1; padding: 10px; border: 2px solid #ffc107; border-radius: 5px;">
-              <strong>🎭 Vibes received prompt:</strong> "Alternative configuration test" 
-              <br><small>(Custom configuration test response)</small>
-            </div>`,
-                            explanation: 'Mock explanation for custom configuration test',
-                        }),
-                    },
-                    index: 0,
-                },
-            ],
-            id: 'mock-custom-config-id',
-            model: 'gpt-3.5-turbo',
-            object: 'chat.completion',
-        };
-        await route.fulfill({
-            status: 200,
-            contentType: 'application/json',
-            body: JSON.stringify(mockResponse),
-        });
-    });
-    // Navigate to test page
-    await page.goto('http://localhost:3000/basic/hello-world.html');
-    // Wait for page to load
-    await page.waitForSelector('#target-alt');
-    // Make sure our mocks are loaded
-    await page.waitForFunction(() => {
-        return window.fetch !== window._originalFetch;
-    }, { timeout: 5000 });
-    // Apply useVibes to the alternative target
-    await page.evaluate(() => {
-        const target = document.getElementById('target-alt');
-        if (!target) {
-            throw new Error('Alternative target element not found');
-        }
-        // Using the global useVibes function
-        window.CALLAI_API_KEY = 'test-api-key'; // Set test API key
-        return useVibes(target, {
-            prompt: 'Alternative configuration test',
-        });
-    });
-    // Wait longer for changes to apply
-    await page.waitForTimeout(200);
-    // Verify the content was changed
-    const targetText = await page.textContent('#target-alt');
-    expect(targetText).toContain('Vibes received prompt');
-    expect(targetText).toContain('Alternative configuration test');
-});
-test('useVibes should handle invalid selector errors', async ({ page }) => {
-    await page.goto('http://localhost:3000/basic/hello-world.html');
-    // Wait for mocks to be set up
-    await page.waitForFunction(() => {
-        return window.fetch !== window._originalFetch;
-    }, { timeout: 5000 });
-    // Test with invalid selector
-    const errorResult = await page.evaluate(async () => {
-        try {
-            // Set test API key
-            window.CALLAI_API_KEY = 'test-api-key';
-            // Try to use a non-existent element with the global useVibes function
-            await useVibes('#non-existent-element', {
-                prompt: 'Test error handling',
-            });
-            return 'No error thrown';
-        }
-        catch (e) {
-            return e instanceof Error ? e.message : String(e);
-        }
-    });
-    // Ensure we got an error message
-    expect(errorResult).not.toBe('No error thrown');
-    expect(typeof errorResult).toBe('string');
-    expect(errorResult.length).toBeGreaterThan(0);
-});

package/dist/tests/browser/helpers.d.ts

@@ -1,15 +0,0 @@
-import { Page } from '@playwright/test';
-/**
- * Helper function to inject and test the useVibes module in a browser context
- * This avoids the TypeScript errors from directly importing browser modules in Node.js
- */
-interface UseVibesConfig {
-    prompt: string;
-    [key: string]: unknown;
-}
-export declare function applyUseVibes(page: Page, selector: string, config: UseVibesConfig): Promise<void>;
-/**
- * Helper function to apply custom effects in a browser context
- */
-export declare function applyCustomEffect(page: Page, selector: string, effectFn: string): Promise<void>;
-export {};

package/dist/tests/browser/helpers.js

@@ -1,32 +0,0 @@
-export async function applyUseVibes(page, selector, config) {
-    await page.evaluate(({ selector, config }) => {
-        return new Promise((resolve, reject) => {
-            // Dynamically import the module within the browser context
-            import('../../src/index.js')
-                .then(({ useVibes }) => {
-                const element = document.querySelector(selector);
-                if (!element) {
-                    reject(new Error(`Element not found: ${selector}`));
-                    return;
-                }
-                useVibes(element, config)
-                    .then(() => resolve())
-                    .catch((err) => reject(err));
-            })
-                .catch((err) => reject(err));
-        });
-    }, { selector, config });
-}
-/**
- * Helper function to apply custom effects in a browser context
- */
-export async function applyCustomEffect(page, selector, effectFn) {
-    await page.evaluate(({ selector, effectFn }) => {
-        const element = document.querySelector(selector);
-        if (!element)
-            return;
-        // Execute the string function in the browser context
-        const fn = new Function('element', effectFn);
-        fn(element);
-    }, { selector, effectFn });
-}

package/dist/tests/browser/setup-browser-mocks.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/tests/browser/setup-browser-mocks.js

@@ -1,242 +0,0 @@
-// Mock implementation for the browser tests
-// This script will be injected into the test page before any tests run
-(function setupMocks() {
-    // Module interception - CRITICAL: This must run before any other scripts
-    // Create a module-level interception that redirects 'call-ai' imports to our mock
-    // Debug indicator that helps us verify our mock is working
-    window.__MOCK_STATUS__ = {
-        initialized: true,
-        moduleIntercepted: false,
-        callCount: 0,
-        lastPrompt: null,
-        lastOptions: null,
-        lastResponse: null,
-        errors: [],
-    };
-    // Log that we're starting the mock setup
-    /* eslint-disable-next-line no-console */
-    console.log('🔄 MOCK SETUP: Initializing module interception for call-ai');
-    try {
-        // Define our mock implementation that will replace the real callAI
-        const mockCallAI = function (userPrompt, options = {}) {
-            // Track usage
-            window.__MOCK_STATUS__.callCount++;
-            window.__MOCK_STATUS__.lastPrompt = userPrompt;
-            window.__MOCK_STATUS__.lastOptions = options;
-            /* eslint-disable-next-line no-console */
-            console.log(`🔍 MOCK CALL #${window.__MOCK_STATUS__.callCount}: callAI invoked with:`, typeof userPrompt === 'string'
-                ? userPrompt.substring(0, 100) + '...'
-                : '[non-string-prompt]');
-            // Check if this is an error test case
-            if (typeof userPrompt === 'string' &&
-                (userPrompt.includes('error') || userPrompt.includes('fail'))) {
-                /* eslint-disable-next-line no-console */
-                console.log('🚨 MOCK: Simulating error response');
-                return Promise.reject(new Error('Simulated error from mock callAI'));
-            }
-            // Extract the actual request from the longer prompt
-            let extractedPrompt = 'Default prompt';
-            if (typeof userPrompt === 'string') {
-                const promptMatch = userPrompt.match(/Transform the HTML content based on this request:\s*([^\n]+)/);
-                if (promptMatch && promptMatch[1]) {
-                    extractedPrompt = promptMatch[1].trim();
-                }
-                else if (userPrompt.includes('Alternative configuration test')) {
-                    extractedPrompt = 'Alternative configuration test';
-                }
-            }
-            // Create response HTML based on the prompt content
-            let htmlContent;
-            let explanationText;
-            if (extractedPrompt.includes('Alternative configuration')) {
-                htmlContent = `<div style="background-color: #fff8e1; padding: 10px; border: 2px solid #ffc107; border-radius: 5px;">
-          <strong>🎭 Vibes received prompt:</strong> "Alternative configuration test"
-          <br><small>(Alternative config mock response)</small>
-        </div>`;
-                explanationText = 'Mock explanation for alternative configuration';
-            }
-            else {
-                htmlContent = `<div style="background-color: #eefbff; padding: 10px; border: 2px solid #0099cc; border-radius: 5px;">
-          <strong>🎭 Vibes received prompt:</strong> "${extractedPrompt}"
-          <br><small>(This is a mock response from browser test)</small>
-        </div>`;
-                explanationText = 'This is a mock explanation from the browser test';
-            }
-            // Create the structured response object that matches the schema in useVibes
-            const responseObj = {
-                html: htmlContent,
-                explanation: explanationText,
-            };
-            // Store for debugging
-            window.__MOCK_STATUS__.lastResponse = responseObj;
-            /* eslint-disable-next-line no-console */
-            console.log('✅ MOCK: Created JSON response:', JSON.stringify(responseObj).substring(0, 100) + '...');
-            // Return a properly structured response that matches what useVibes expects
-            return Promise.resolve(JSON.stringify(responseObj));
-        };
-        // Create a mock module object that matches the structure of the real call-ai module
-        const mockModule = {
-            callAI: mockCallAI,
-            __isMock: true,
-        };
-        // Attempt multiple interception strategies for maximum browser compatibility
-        // Strategy 1: Intercept dynamic imports
-        // This works with newer module bundlers like Vite, Webpack, etc.
-        const originalImport = window.import;
-        window.import = function (specifier) {
-            if (specifier === 'call-ai') {
-                /* eslint-disable-next-line no-console */
-                console.log('🎯 MOCK: Import intercepted for call-ai module');
-                window.__MOCK_STATUS__.moduleIntercepted = true;
-                return Promise.resolve(mockModule);
-            }
-            return originalImport.apply(this, arguments);
-        };
-        // Strategy 2: Define the module globally for ESM imports to find
-        // Helps with static imports which can't be intercepted directly
-        window.mockCallAI = mockCallAI;
-        // Also set window.callAI for direct access tests
-        window.callAI = mockCallAI;
-        /* eslint-disable-next-line no-console */
-        console.log('✅ MOCK SETUP: Module interception complete - callAI has been mocked');
-    }
-    catch (error) {
-        console.error('❌ MOCK SETUP ERROR:', error);
-        window.__MOCK_STATUS__.errors.push(error.message);
-    }
-    // Flag to indicate mocks are initialized
-    window.mockInitialized = true;
-    // eslint-disable-next-line no-console
-    console.log('-----------------------------------------------------------');
-    // eslint-disable-next-line no-console
-    console.log('🔧 MOCK SETUP: Setting up call-ai mocks for browser tests...');
-    // eslint-disable-next-line no-console
-    console.log('-----------------------------------------------------------');
-    // Create a global debug flag to track what's happening with our mocks
-    window.MOCK_DEBUG = {
-        mockCallsCount: 0,
-        lastPrompt: null,
-        lastResponse: null,
-    };
-    // Mock the callAI function directly to ensure tests work correctly
-    // This is the most reliable way to mock the call-ai module
-    window.callAI = function mockCallAI(userPrompt, options = {}) {
-        window.MOCK_DEBUG.mockCallsCount++;
-        // eslint-disable-next-line no-console
-        console.log('🔄 MOCK INTERCEPTED: callAI invoked - call #', window.MOCK_DEBUG.mockCallsCount);
-        // eslint-disable-next-line no-console
-        console.log('📝 MOCK PROMPT:', typeof userPrompt === 'string' ? userPrompt.substring(0, 100) + '...' : 'Non-string prompt');
-        // eslint-disable-next-line no-console
-        console.log('⚙️ MOCK OPTIONS:', JSON.stringify(options));
-        // Store the prompt for debugging
-        window.MOCK_DEBUG.lastPrompt = userPrompt;
-        window.MOCK_DEBUG.lastOptions = options;
-        // Extract the actual request from the longer prompt - more robust regex handling
-        let extractedPrompt = 'Default prompt';
-        if (typeof userPrompt === 'string') {
-            const promptMatch = userPrompt.match(/Transform the HTML content based on this request:\s*([^\n]+)/);
-            if (promptMatch && promptMatch[1]) {
-                extractedPrompt = promptMatch[1].trim();
-            }
-            else if (userPrompt.includes('Alternative configuration test')) {
-                extractedPrompt = 'Alternative configuration test';
-            }
-            else if (userPrompt.includes('error') || userPrompt.includes('fail')) {
-                extractedPrompt = 'Error simulation test';
-            }
-            else {
-                // Just use a substring as a fallback - don't let tests fail because of regex
-                extractedPrompt = userPrompt.length > 50 ? userPrompt.substring(0, 50) + '...' : userPrompt;
-            }
-        }
-        // eslint-disable-next-line no-console
-        console.log('🔍 EXTRACTED PROMPT:', extractedPrompt);
-        // Check if this is an error test case
-        if (extractedPrompt.includes('error') || extractedPrompt.includes('fail')) {
-            // eslint-disable-next-line no-console
-            console.log('🚨 SIMULATING ERROR RESPONSE');
-            return Promise.reject(new Error('Simulated error from mock callAI'));
-        }
-        // Create response based on the prompt content
-        let htmlContent;
-        let explanationText;
-        if (extractedPrompt.includes('Alternative configuration')) {
-            // Custom response for alternative config test
-            htmlContent = `<div style="background-color: #fff8e1; padding: 10px; border: 2px solid #ffc107; border-radius: 5px;">
-        <strong>🎭 Vibes received prompt:</strong> "Alternative configuration test"
-        <br><small>(Alternative config mock response)</small>
-      </div>`;
-            explanationText = 'Mock explanation for alternative configuration';
-        }
-        else {
-            // Default response
-            htmlContent = `<div style="background-color: #eefbff; padding: 10px; border: 2px solid #0099cc; border-radius: 5px;">
-        <strong>🎭 Vibes received prompt:</strong> "${extractedPrompt}"
-        <br><small>(This is a mock response from browser test)</small>
-      </div>`;
-            explanationText = 'This is a mock explanation from the browser test';
-        }
-        // Create the response object in the exact format that useVibes expects
-        const responseObj = {
-            html: htmlContent,
-            explanation: explanationText,
-        };
-        // Store the response for debugging
-        window.MOCK_DEBUG.lastResponse = responseObj;
-        // eslint-disable-next-line no-console
-        console.log('✅ MOCK RESPONSE CREATED:', JSON.stringify(responseObj).substring(0, 100) + '...');
-        // useVibes expects a Promise that resolves to a string (JSON)
-        return Promise.resolve(JSON.stringify(responseObj));
-    };
-    // As a fallback, also mock fetch for any direct API calls
-    // Store the original fetch
-    window._originalFetch = window.fetch;
-    // Mock the fetch API for call-ai
-    window.fetch = async function mockedFetch(url, options) {
-        // Check if this is a call to the AI API
-        if (url && (url.includes('api.call-ai.com') || url.includes('api/v1/chat/completions'))) {
-            // eslint-disable-next-line no-console
-            console.log('Intercepted fetch call to:', url);
-            // Parse the request body to get the prompt
-            const requestBody = JSON.parse(options.body);
-            let promptText = '';
-            // Extract prompt from messages
-            if (requestBody.messages && requestBody.messages.length > 0) {
-                const lastMessage = requestBody.messages[requestBody.messages.length - 1];
-                promptText = lastMessage.content || '';
-            }
-            // Create a properly formatted mock response
-            const mockResponse = {
-                choices: [
-                    {
-                        message: {
-                            role: 'assistant',
-                            content: JSON.stringify({
-                                html: `<div>🎭 Vibes received prompt: "${promptText}"</div>`,
-                                explanation: 'This is a mock explanation from the browser test',
-                            }),
-                        },
-                        index: 0,
-                    },
-                ],
-                id: 'mock-response-id',
-                model: 'gpt-3.5-turbo',
-                object: 'chat.completion',
-            };
-            // Return a Response object with the mock data
-            return new Response(JSON.stringify(mockResponse), {
-                status: 200,
-                headers: { 'Content-Type': 'application/json' },
-            });
-        }
-        // For any other fetch calls, use the original implementation
-        return window._originalFetch(url, options);
-    };
-    // eslint-disable-next-line no-console
-    console.log('-----------------------------------------------------------');
-    // eslint-disable-next-line no-console
-    console.log('✅ MOCK SETUP COMPLETE: All mocks for callAI and fetch API ready!');
-    // eslint-disable-next-line no-console
-    console.log('-----------------------------------------------------------');
-})();
-export {};

package/dist/tests/vibe.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/tests/vibe.test.js

@@ -1,60 +0,0 @@
-import { describe, it, expect, beforeEach, vi } from 'vitest';
-import { useVibes } from '../src/index.js';
-// Mock the call-ai module for testing
-vi.mock('call-ai', () => {
-    return {
-        callAI: vi.fn().mockImplementation((prompt, options) => {
-            if (options?.stream === false) {
-                // Extract prompt content for the mock response
-                let promptText = 'Test prompt';
-                if (typeof prompt === 'string' && prompt.includes('request:')) {
-                    promptText = prompt.split('request:')[1].split('\n')[0].trim();
-                }
-                // Create a properly formatted mock response that matches the schema
-                const mockResponse = JSON.stringify({
-                    html: `<div>🎭 Vibes received prompt: "${promptText}"</div>`,
-                    explanation: 'This is a mock explanation from the test',
-                });
-                return Promise.resolve(mockResponse);
-            }
-            // For any other case
-            return 'Direct response';
-        }),
-    };
-});
-// Setup test DOM elements before each test
-beforeEach(() => {
-    // Reset the body content
-    document.body.innerHTML = '';
-    // Create test elements
-    const target = document.createElement('div');
-    target.id = 'target';
-    document.body.appendChild(target);
-    const targetAlt = document.createElement('div');
-    targetAlt.id = 'target-alt';
-    document.body.appendChild(targetAlt);
-});
-describe('useVibes function', () => {
-    it('should accept a string selector and apply changes to the target element', async () => {
-        const result = await useVibes('#target', { prompt: 'Test prompt' });
-        expect(result.container).toBeDefined();
-        expect(result.container.innerHTML).toContain('Vibes received prompt: "Test prompt"');
-    });
-    it('should accept an HTMLElement directly', async () => {
-        const targetElement = document.getElementById('target');
-        if (!targetElement)
-            throw new Error('Test setup failed: target element not found');
-        const result = await useVibes(targetElement, { prompt: 'Direct element test' });
-        expect(result.container).toBe(targetElement);
-        expect(result.container.innerHTML).toContain('Vibes received prompt: "Direct element test"');
-    });
-    it('should reject with an error when target element not found', async () => {
-        await expect(useVibes('#non-existent', { prompt: 'Test' })).rejects.toThrow('Target element not found: #non-existent');
-    });
-    it('should return an object with the expected interface properties', async () => {
-        const result = await useVibes('#target', { prompt: 'Interface test' });
-        expect(result).toHaveProperty('container');
-        expect(result).toHaveProperty('database');
-        expect(result.database).toBeUndefined(); // Currently undefined in the implementation
-    });
-});