SDK Feedback

npm install @checkflow/sdk

import { init } from '@checkflow/sdk';
 
init({
  apiKey: 'ck_live_...',
  widget: {
    position: 'bottom-right',
    color: '#6366f1',
    text: 'Report Bug',
    showOnInit: true,
  },
});

import { useCheckflowInit } from '@checkflow/sdk/react';
 
export default function Layout({ children }) {
  useCheckflowInit({ apiKey: 'ck_live_...' });
  return <>{children}</>;
}

import { useCheckflowFeedback } from '@checkflow/sdk/react';
 
function MyComponent() {
  const { send, screenshot, highlight } = useCheckflowFeedback();
 
  const reportBug = async () => {
    const img = await screenshot();
    const annotations = await highlight();
    await send({ title: 'Bug report', type: 'BUG' });
  };
 
  return <button onClick={reportBug}>Signaler un bug</button>;
}

import { createCheckflowPlugin } from '@checkflow/sdk/vue';
 
app.use(createCheckflowPlugin({ apiKey: 'ck_live_...' }));

<script setup>
import { useCheckflow } from '@checkflow/sdk/vue';
 
const { send, screenshot, highlight } = useCheckflow();
</script>

import {
  sendFeedback,
  captureScreenshot,
  startHighlighting,
  showWidget,
  hideWidget,
  destroy,
} from '@checkflow/sdk';
 
// Envoyer un feedback
await sendFeedback({ title: 'Bug', type: 'BUG', priority: 'HIGH' });
 
// Capturer un screenshot
const dataUrl = await captureScreenshot();
 
// Démarrer le mode annotation
const annotations = await startHighlighting();
 
// Contrôle du widget
showWidget();
hideWidget();
destroy();