scribe-widget 1.0.0 → 1.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "scribe-widget",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Floating panel widget for medical transcription using eka.scribe",
   "main": "dist/scribe-widget.umd.js",
   "module": "dist/scribe-widget.es.js",
@@ -9,7 +9,9 @@
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist",
+    "prepublishOnly": "npm run clean && npm run build"
   },
   "dependencies": {
     "med-scribe-alliance-ts-sdk": "1.0.2",

package/src/App.tsx

@@ -17,7 +17,7 @@ interface AppProps {
 
 export function App({ config: initialConfig, onClose }: AppProps) {
   const [isMinimized, setIsMinimized] = useState(false);
-  const [credentials, setCredentials] = useState<{ apiKey: string; baseUrl: string } | null>(
+  const [credentials, setCredentials] = useState<{ apiKey?: string; baseUrl: string } | null>(
     initialConfig.baseUrl ? { apiKey: initialConfig.apiKey, baseUrl: initialConfig.baseUrl } : null
   );
 
@@ -90,9 +90,7 @@ export function App({ config: initialConfig, onClose }: AppProps) {
         return <ProcessingState />;
 
       case 'results':
-        return result ? (
-          <ResultsState result={result} onNewRecording={reset} />
-        ) : null;
+        return result ? <ResultsState result={result} onNewRecording={reset} /> : null;
 
       case 'error':
         return <ErrorState message={errorMessage} onRetry={reset} />;

package/src/index.tsx

@@ -87,10 +87,10 @@ class ScribeWidget {
   }
 }
 
-// Global initialization function for script tag usage
+// Global initialization function
 let widgetInstance: ScribeWidget | null = null;
 
-function initEkaScribe(config: ScribeWidgetConfig): ScribeWidget {
+function init(config: ScribeWidgetConfig = {} as ScribeWidgetConfig): ScribeWidget {
   if (widgetInstance) {
     widgetInstance.unmount();
   }
@@ -99,25 +99,42 @@ function initEkaScribe(config: ScribeWidgetConfig): ScribeWidget {
   return widgetInstance;
 }
 
-function getEkaScribe(): ScribeWidget | null {
+function getInstance(): ScribeWidget | null {
   return widgetInstance;
 }
 
-// Expose to window for script tag usage
-if (typeof window !== 'undefined') {
-  (window as Window & { EkaScribe?: unknown }).EkaScribe = {
-    init: initEkaScribe,
-    getInstance: getEkaScribe,
-    Widget: ScribeWidget,
-  };
-}
-
-// Named exports for ES module usage
-export { ScribeWidget, initEkaScribe as init, getEkaScribe as getInstance };
+// Named exports - these become window.EkaScribe.init, window.EkaScribe.getInstance, etc. in UMD
+export { ScribeWidget, init, getInstance };
 
-// Default export for module usage
-export default {
-  init: initEkaScribe,
-  getInstance: getEkaScribe,
+// Default export for ES module convenience
+const EkaScribe = {
+  init,
+  getInstance,
   Widget: ScribeWidget,
 };
+
+export default EkaScribe;
+
+// Auto-initialize when script loads in browser
+// Widget will show config form since no apiKey/baseUrl provided
+if (typeof window !== 'undefined' && typeof document !== 'undefined') {
+  const autoInit = () => {
+    // Don't auto-init if already initialized or if data-no-auto-init attribute is present
+    const scriptTag = document.currentScript || document.querySelector('script[src*="scribe-widget"]');
+    if (scriptTag?.hasAttribute('data-no-auto-init')) {
+      return;
+    }
+
+    if (!widgetInstance) {
+      init({});
+    }
+  };
+
+  // Run after DOM is ready
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', autoInit);
+  } else {
+    // DOM already loaded, init immediately
+    autoInit();
+  }
+}

package/src/types.ts

@@ -3,8 +3,8 @@ import { GetSessionStatusResponse } from 'med-scribe-alliance-ts-sdk';
 export type WidgetState = 'idle' | 'permission' | 'recording' | 'paused' | 'processing' | 'results' | 'error';
 
 export interface ScribeWidgetConfig {
-  apiKey: string;
-  baseUrl: string;
+  apiKey?: string;
+  baseUrl?: string;
   templates?: string[];
   languageHint?: string[];
   position?: { bottom?: number; right?: number; top?: number; left?: number };

package/vite.config.ts

@@ -12,8 +12,9 @@ export default defineConfig({
       formats: ['umd', 'es'],
     },
     rollupOptions: {
-      // Don't externalize React - bundle it for standalone use
       output: {
+        // Use named exports to avoid the .default issue
+        exports: 'named',
         globals: {},
       },
     },