eddyter 1.3.53 → 1.3.55

package/README.md

@@ -20,217 +20,6 @@ yarn add eddyter
 - AI chat integration (for premium plans)
 - Environment-based API configuration
 
-## React Native Integration
-
-You can use Eddyter in React Native applications via WebView by loading a deployed version of the editor.
-
-### Prerequisites
-
-```bash
-npm install react-native-webview
-# or
-yarn add react-native-webview
-```
-
-### RichTextEditor Component
-
-Create a reusable `RichTextEditor` component that wraps the WebView:
-
-```tsx
-import React, { useRef, useState, useCallback } from 'react';
-import { View, ActivityIndicator, Text, StyleSheet } from 'react-native';
-import { WebView, WebViewMessageEvent } from 'react-native-webview';
-
-interface RichTextEditorProps {
-  editorBaseUrl: string;
-  apiKey: string;
-  initialContent?: string;
-  theme?: 'light' | 'dark';
-  style?: object;
-  onChange?: (content: string) => void;
-  onReady?: () => void;
-  onAuthSuccess?: () => void;
-  onAuthError?: (error: string) => void;
-}
-
-interface WebViewMessage {
-  type: string;
-  payload?: Record<string, unknown>;
-}
-
-export const RichTextEditor: React.FC<RichTextEditorProps> = ({
-  editorBaseUrl,
-  apiKey,
-  initialContent,
-  theme = 'light',
-  style,
-  onChange,
-  onReady,
-  onAuthSuccess,
-  onAuthError,
-}) => {
-  const webViewRef = useRef<WebView>(null);
-  const [isLoading, setIsLoading] = useState(true);
-  const [error, setError] = useState<string | null>(null);
-
-  const buildEditorUrl = () => {
-    const baseUrl = editorBaseUrl.replace(/\/$/, '');
-    const params = new URLSearchParams();
-    if (apiKey) params.append('apiKey', apiKey);
-    if (theme) params.append('theme', theme);
-    return `${baseUrl}?${params.toString()}`;
-  };
-
-  const handleMessage = useCallback((event: WebViewMessageEvent) => {
-    try {
-      const message: WebViewMessage = JSON.parse(event.nativeEvent.data);
-
-      switch (message.type) {
-        case 'EDITOR_READY':
-          setIsLoading(false);
-          onReady?.();
-          // Send initial content after editor is ready
-          if (initialContent && webViewRef.current) {
-            webViewRef.current.postMessage(
-              JSON.stringify({
-                type: 'SET_CONTENT',
-                payload: { content: initialContent },
-              })
-            );
-          }
-          break;
-
-        case 'CONTENT_CHANGE':
-          onChange?.(message.payload?.content as string || '');
-          break;
-
-        case 'AUTH_SUCCESS':
-          onAuthSuccess?.();
-          break;
-
-        case 'AUTH_ERROR':
-          onAuthError?.(message.payload?.error as string);
-          break;
-      }
-    } catch (e) {
-      console.warn('[RichTextEditor] Failed to parse message:', e);
-    }
-  }, [onChange, onReady, onAuthSuccess, onAuthError, initialContent]);
-
-  const handleError = useCallback((syntheticEvent: any) => {
-    const { nativeEvent } = syntheticEvent;
-    setError(nativeEvent.description || 'Failed to load editor');
-    setIsLoading(false);
-  }, []);
-
-  if (error) {
-    return (
-      <View style={styles.errorContainer}>
-        <Text style={styles.errorText}>Failed to load editor</Text>
-        <Text style={styles.errorDetail}>{error}</Text>
-      </View>
-    );
-  }
-
-  return (
-    <View style={[styles.container, style]}>
-      <WebView
-        ref={webViewRef}
-        source={{ uri: buildEditorUrl() }}
-        style={styles.webview}
-        onMessage={handleMessage}
-        onError={handleError}
-        javaScriptEnabled={true}
-        domStorageEnabled={true}
-        startInLoadingState={false}
-        scalesPageToFit={true}
-        allowsInlineMediaPlayback={true}
-        keyboardDisplayRequiresUserAction={false}
-      />
-      {isLoading && (
-        <View style={styles.loadingOverlay}>
-          <ActivityIndicator size="large" color="#007AFF" />
-        </View>
-      )}
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: { flex: 1 },
-  webview: { flex: 1, backgroundColor: 'transparent' },
-  loadingOverlay: {
-    ...StyleSheet.absoluteFillObject,
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: 'rgba(255, 255, 255, 0.9)',
-  },
-  errorContainer: { flex: 1, justifyContent: 'center', alignItems: 'center', padding: 20 },
-  errorText: { fontSize: 18, fontWeight: 'bold', color: '#FF3B30' },
-  errorDetail: { fontSize: 14, color: '#666', marginTop: 8, textAlign: 'center' },
-});
-```
-
-### Usage Example
-
-```tsx
-import React, { useState } from 'react';
-import { View, KeyboardAvoidingView, Platform } from 'react-native';
-import { RichTextEditor } from './components/RichTextEditor';
-
-const EDITOR_CONFIG = {
-  editorBaseUrl: 'https://your-deployed-editor-url.com',
-  apiKey: 'your-api-key',
-};
-
-function NoteEditorScreen() {
-  const [content, setContent] = useState('');
-
-  return (
-    <KeyboardAvoidingView
-      style={{ flex: 1 }}
-      behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
-    >
-      <RichTextEditor
-        editorBaseUrl={EDITOR_CONFIG.editorBaseUrl}
-        apiKey={EDITOR_CONFIG.apiKey}
-        theme="light"
-        initialContent="<p>Start writing...</p>"
-        onChange={setContent}
-        onReady={() => console.log('Editor ready')}
-        onAuthSuccess={() => console.log('Authenticated')}
-        onAuthError={(error) => console.error('Auth failed:', error)}
-      />
-    </KeyboardAvoidingView>
-  );
-}
-```
-
-### Message Protocol
-
-The editor and React Native communicate via `postMessage`. Here are the supported message types:
-
-| Message Type | Direction | Description |
-|--------------|-----------|-------------|
-| `EDITOR_READY` | Editor → RN | Editor has finished loading |
-| `CONTENT_CHANGE` | Editor → RN | Content was modified (payload: `{ content: string }`) |
-| `AUTH_SUCCESS` | Editor → RN | API key authentication succeeded |
-| `AUTH_ERROR` | Editor → RN | Authentication failed (payload: `{ error: string }`) |
-| `SET_CONTENT` | RN → Editor | Set editor content (payload: `{ content: string }`) |
-
-### Sending Content to Editor
-
-After receiving the `EDITOR_READY` message, you can programmatically set content:
-
-```tsx
-webViewRef.current?.postMessage(
-  JSON.stringify({
-    type: 'SET_CONTENT',
-    payload: { content: '<p>New content here</p>' },
-  })
-);
-```
-
 ## Usage
 
 ### Important: Importing Styles
@@ -478,6 +267,221 @@ To disable link preview entirely:
 </EditorProvider>
 ```
 
+---
+
+## React Native Integration
+
+You can use Eddyter in React Native applications via WebView by loading a deployed version of the editor.
+
+### Prerequisites
+
+```bash
+npm install react-native-webview
+# or
+yarn add react-native-webview
+```
+
+### RichTextEditor Component
+
+Create a reusable `RichTextEditor` component that wraps the WebView:
+
+```tsx
+import React, { useRef, useState, useCallback } from 'react';
+import { View, ActivityIndicator, Text, StyleSheet } from 'react-native';
+import { WebView, WebViewMessageEvent } from 'react-native-webview';
+
+interface RichTextEditorProps {
+  editorBaseUrl: string;
+  apiKey: string;
+  initialContent?: string;
+  theme?: 'light' | 'dark';
+  style?: object;
+  onChange?: (content: string) => void;
+  onReady?: () => void;
+  onAuthSuccess?: () => void;
+  onAuthError?: (error: string) => void;
+}
+
+interface WebViewMessage {
+  type: string;
+  payload?: Record<string, unknown>;
+}
+
+export const RichTextEditor: React.FC<RichTextEditorProps> = ({
+  editorBaseUrl,
+  apiKey,
+  initialContent,
+  theme = 'light',
+  style,
+  onChange,
+  onReady,
+  onAuthSuccess,
+  onAuthError,
+}) => {
+  const webViewRef = useRef<WebView>(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  const buildEditorUrl = () => {
+    const baseUrl = editorBaseUrl.replace(/\/$/, '');
+    const params = new URLSearchParams();
+    if (apiKey) params.append('apiKey', apiKey);
+    if (theme) params.append('theme', theme);
+    return `${baseUrl}?${params.toString()}`;
+  };
+
+  const handleMessage = useCallback((event: WebViewMessageEvent) => {
+    try {
+      const message: WebViewMessage = JSON.parse(event.nativeEvent.data);
+
+      switch (message.type) {
+        case 'EDITOR_READY':
+          setIsLoading(false);
+          onReady?.();
+          // Send initial content after editor is ready
+          if (initialContent && webViewRef.current) {
+            webViewRef.current.postMessage(
+              JSON.stringify({
+                type: 'SET_CONTENT',
+                payload: { content: initialContent },
+              })
+            );
+          }
+          break;
+
+        case 'CONTENT_CHANGE':
+          onChange?.(message.payload?.content as string || '');
+          break;
+
+        case 'AUTH_SUCCESS':
+          onAuthSuccess?.();
+          break;
+
+        case 'AUTH_ERROR':
+          onAuthError?.(message.payload?.error as string);
+          break;
+      }
+    } catch (e) {
+      console.warn('[RichTextEditor] Failed to parse message:', e);
+    }
+  }, [onChange, onReady, onAuthSuccess, onAuthError, initialContent]);
+
+  const handleError = useCallback((syntheticEvent: any) => {
+    const { nativeEvent } = syntheticEvent;
+    setError(nativeEvent.description || 'Failed to load editor');
+    setIsLoading(false);
+  }, []);
+
+  if (error) {
+    return (
+      <View style={styles.errorContainer}>
+        <Text style={styles.errorText}>Failed to load editor</Text>
+        <Text style={styles.errorDetail}>{error}</Text>
+      </View>
+    );
+  }
+
+  return (
+    <View style={[styles.container, style]}>
+      <WebView
+        ref={webViewRef}
+        source={{ uri: buildEditorUrl() }}
+        style={styles.webview}
+        onMessage={handleMessage}
+        onError={handleError}
+        javaScriptEnabled={true}
+        domStorageEnabled={true}
+        startInLoadingState={false}
+        scalesPageToFit={true}
+        allowsInlineMediaPlayback={true}
+        keyboardDisplayRequiresUserAction={false}
+      />
+      {isLoading && (
+        <View style={styles.loadingOverlay}>
+          <ActivityIndicator size="large" color="#007AFF" />
+        </View>
+      )}
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: { flex: 1 },
+  webview: { flex: 1, backgroundColor: 'transparent' },
+  loadingOverlay: {
+    ...StyleSheet.absoluteFillObject,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: 'rgba(255, 255, 255, 0.9)',
+  },
+  errorContainer: { flex: 1, justifyContent: 'center', alignItems: 'center', padding: 20 },
+  errorText: { fontSize: 18, fontWeight: 'bold', color: '#FF3B30' },
+  errorDetail: { fontSize: 14, color: '#666', marginTop: 8, textAlign: 'center' },
+});
+```
+
+### Usage Example
+
+```tsx
+import React, { useState } from 'react';
+import { View, KeyboardAvoidingView, Platform } from 'react-native';
+import { RichTextEditor } from './components/RichTextEditor';
+
+const EDITOR_CONFIG = {
+  editorBaseUrl: 'https://your-deployed-editor-url.com',
+  apiKey: 'your-api-key',
+};
+
+function NoteEditorScreen() {
+  const [content, setContent] = useState('');
+
+  return (
+    <KeyboardAvoidingView
+      style={{ flex: 1 }}
+      behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
+    >
+      <RichTextEditor
+        editorBaseUrl={EDITOR_CONFIG.editorBaseUrl}
+        apiKey={EDITOR_CONFIG.apiKey}
+        theme="light"
+        initialContent="<p>Start writing...</p>"
+        onChange={setContent}
+        onReady={() => console.log('Editor ready')}
+        onAuthSuccess={() => console.log('Authenticated')}
+        onAuthError={(error) => console.error('Auth failed:', error)}
+      />
+    </KeyboardAvoidingView>
+  );
+}
+```
+
+### Message Protocol
+
+The editor and React Native communicate via `postMessage`. Here are the supported message types:
+
+| Message Type | Direction | Description |
+|--------------|-----------|-------------|
+| `EDITOR_READY` | Editor → RN | Editor has finished loading |
+| `CONTENT_CHANGE` | Editor → RN | Content was modified (payload: `{ content: string }`) |
+| `AUTH_SUCCESS` | Editor → RN | API key authentication succeeded |
+| `AUTH_ERROR` | Editor → RN | Authentication failed (payload: `{ error: string }`) |
+| `SET_CONTENT` | RN → Editor | Set editor content (payload: `{ content: string }`) |
+
+### Sending Content to Editor
+
+After receiving the `EDITOR_READY` message, you can programmatically set content:
+
+```tsx
+webViewRef.current?.postMessage(
+  JSON.stringify({
+    type: 'SET_CONTENT',
+    payload: { content: '<p>New content here</p>' },
+  })
+);
+```
+
+---
+
 ## License
 
 Eddyter is **proprietary software**.

package/dist/api/config/endpoints.d.ts

@@ -17,6 +17,9 @@ export declare const apiEndpoints: {
     transcript: {
         voiceTranscript: string;
         endSession: string;
+        uploadAudio: string;
+        status: string;
+        endBatchSession: string;
     };
     linkPreview: {
         getPreview: string;

package/dist/api/transcript/index.d.ts

@@ -1,3 +1,14 @@
+export declare const STREAMING_LANGUAGES: {
+    code: string;
+    name: string;
+    flag: string;
+}[];
+export declare const BATCH_ONLY_LANGUAGES: {
+    code: string;
+    name: string;
+    flag: string;
+}[];
+export declare const isBatchOnlyLanguage: (code: string) => boolean;
 export declare class ApiKeyRequiredError extends Error {
     code: string;
     constructor(message: string, code: string);
@@ -19,3 +30,39 @@ export declare class CreditError extends Error {
  * @returns Credit deduction result
  */
 export declare const endVoiceSession: (durationSeconds: number, apiKey?: string) => Promise<any>;
+export interface BatchTranscriptionResult {
+    transcriptId: string;
+    status: string;
+}
+export interface TranscriptionStatusResult {
+    status: 'queued' | 'processing' | 'completed' | 'error';
+    text?: string;
+    error?: string;
+}
+/**
+ * Upload audio for batch transcription (Hindi and other non-streaming languages)
+ * @param audioBlob - The recorded audio as a Blob
+ * @param languageCode - The language code (e.g., 'hi' for Hindi)
+ * @param apiKey - License key for authentication
+ */
+export declare const uploadAudioForTranscription: (audioBlob: Blob, languageCode: string, apiKey?: string) => Promise<BatchTranscriptionResult>;
+/**
+ * Get transcription status and result
+ * @param transcriptId - The ID of the transcription job
+ * @param apiKey - License key for authentication
+ */
+export declare const getTranscriptionStatus: (transcriptId: string, apiKey?: string) => Promise<TranscriptionStatusResult>;
+/**
+ * Poll for transcription completion with timeout
+ * @param transcriptId - The ID of the transcription job
+ * @param apiKey - License key for authentication
+ * @param maxAttempts - Maximum polling attempts (default: 120 = 2 minutes)
+ * @param pollInterval - Interval between polls in ms (default: 1000)
+ */
+export declare const pollForTranscription: (transcriptId: string, apiKey?: string, maxAttempts?: number, pollInterval?: number) => Promise<TranscriptionStatusResult>;
+/**
+ * End batch transcription session and deduct credits
+ * @param durationSeconds - Duration of the audio in seconds
+ * @param apiKey - License key for authentication
+ */
+export declare const endBatchSession: (durationSeconds: number, apiKey?: string) => Promise<any>;