@rohitkvs/revrag-web-sdk
Version:
Industry-standard React SDK for Revrag chat functionality with simple script integration. Zero setup required - just include a script tag!
84 lines (74 loc) • 2.95 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simple Debug Test</title>
<style>
body { font-family: Arial, sans-serif; padding: 20px; }
.status { margin: 10px 0; padding: 10px; border-radius: 5px; }
.ok { background: #d4edda; border: 1px solid #c3e6cb; }
.error { background: #f8d7da; border: 1px solid #f5c6cb; }
</style>
</head>
<body>
<h1>Simple Debug Test</h1>
<div id="status"></div>
<script>
function log(message, isError = false) {
const div = document.createElement('div');
div.className = 'status ' + (isError ? 'error' : 'ok');
div.textContent = message;
document.getElementById('status').appendChild(div);
console.log(message);
}
// Check initial state
log('DOM ready');
log('window.React: ' + (typeof window.React));
log('window.ReactDOM: ' + (typeof window.ReactDOM));
log('window.RevragWidget: ' + (typeof window.RevragWidget));
</script>
<!-- Load React -->
<script
crossorigin
src="https://unpkg.com/react@18/umd/react.development.js"
onload="log('React loaded: ' + (typeof window.React))"
onerror="log('React FAILED to load', true)">
</script>
<!-- Load ReactDOM -->
<script
crossorigin
src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"
onload="log('ReactDOM loaded: ' + (typeof window.ReactDOM))"
onerror="log('ReactDOM FAILED to load', true)">
</script>
<!-- Load Widget Styles -->
<link rel="stylesheet" href="./style.css">
<!-- Load Widget -->
<script
src="./revrag-widget.umd.js"
data-api-key="demo-api-key-123"
data-debug="true"
onload="log('Widget script loaded. RevragWidget: ' + (typeof window.RevragWidget))"
onerror="log('Widget script FAILED to load', true)">
</script>
<script>
// Check after everything should be loaded
setTimeout(() => {
log('--- Final Check ---');
log('window.React: ' + (typeof window.React));
log('window.ReactDOM: ' + (typeof window.ReactDOM));
log('window.RevragWidget: ' + (typeof window.RevragWidget));
if (window.RevragWidget) {
log('RevragWidget.init: ' + (typeof window.RevragWidget.init));
log('RevragWidget.destroy: ' + (typeof window.RevragWidget.destroy));
}
const container = document.getElementById('revrag-widget-container');
log('Widget container in DOM: ' + !!container);
if (container) {
log('Container children: ' + container.children.length);
}
}, 2000);
</script>
</body>
</html>