GetStream · isekovanic · Nov 18, 2025 · Nov 6, 2025 · Nov 6, 2025 · Nov 6, 2025
diff --git a/.gitignore b/.gitignore
@@ -137,3 +137,16 @@ dist
 # Vite logs files
 vite.config.js.timestamp-*
 vite.config.ts.timestamp-*
+
+# Android/IJ
+#
+**/android/build/
+**/android/.idea/
+.classpath
+.cxx
+.gradle
+.project
+.settings
+local.properties
+android.iml
+*.hprof
diff --git a/.idea/codeStyles/Project.xml b/.idea/codeStyles/Project.xml
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
diff --git a/.prettierignore b/.prettierignore
@@ -1,5 +1,6 @@
 # Add files here to ignore them from prettier formatting
-/dist
+**/dist
+**/android
 /coverage
 /.changeset
 /.github

diff --git a/examples/nextjs-ai-chatbot/app/api/chats/[id]/route.ts b/examples/nextjs-ai-chatbot/app/api/chats/[id]/route.ts
@@ -4,7 +4,6 @@ import { createConfigFromEnv } from '@stream-io/ai-sdk-storage/dist/utils';
 
 const storage = createStreamStorageClient(createConfigFromEnv());
 
-
 export async function GET(_req: Request, { params }: any) {
   const { id } = await params;
   try {

diff --git a/examples/nextjs-ai-chatbot/app/layout.tsx b/examples/nextjs-ai-chatbot/app/layout.tsx
@@ -24,20 +24,20 @@ export const metadata: Metadata = {
 
 export default function RootLayout({ children }: LayoutProps) {
   return (
-    <html lang='en' data-theme='dim'>
+    <html lang="en" data-theme="dim">
       <body
         className={`${geistSans.variable} ${geistMono.variable} antialiased prose`}
       >
         <AppProvider>
-          <div className='grid grid-cols-1 md:grid-cols-[300px_auto] h-screen w-screen'>
-            <div className='bg-base-200 px-5 py-2 md:relative absolute top-0 bottom-0 translate-x-[-100%] md:translate-x-0 transition-all duration-300'>
+          <div className="grid grid-cols-1 md:grid-cols-[300px_auto] h-screen w-screen">
+            <div className="bg-base-200 px-5 py-2 md:relative absolute top-0 bottom-0 translate-x-[-100%] md:translate-x-0 transition-all duration-300">
               <Sidebar />
             </div>
-            <div className='flex flex-col h-full relative px-5'>
-              <div className='w-full mx-auto flex flex-col h-[100vh] gap-2'>
-                <div className='flex-1 overflow-y-auto'>{children}</div>
-                <div className='flex-shrink-0 pb-5'>
-                  <div className='max-w-3xl mx-auto'>
+            <div className="flex flex-col h-full relative px-5">
+              <div className="w-full mx-auto flex flex-col h-[100vh] gap-2">
+                <div className="flex-1 overflow-y-auto">{children}</div>
+                <div className="flex-shrink-0 pb-5">
+                  <div className="max-w-3xl mx-auto">
                     <Composer />
                   </div>
                 </div>

diff --git a/examples/nextjs-ai-chatbot/components/markdown.tsx b/examples/nextjs-ai-chatbot/components/markdown.tsx
@@ -10,7 +10,7 @@ import Weather from './tools/weather';
 export const NonMemoizedMarkdown = ({ children }: { children: string }) => {
   const components = {
     p: ({ children }: { children: string }) => {
-      return <div className='no-prose'>{children}</div>;
+      return <div className="no-prose">{children}</div>;
     },
     pre: ({ children, ...props }: any) => {
       const codeElement = React.Children.only(children);
@@ -33,21 +33,21 @@ export const NonMemoizedMarkdown = ({ children }: { children: string }) => {
     },
     ol: ({ node, children, ...props }: any) => {
       return (
-        <ol className='list-decimal list-inside ml-4' {...props}>
+        <ol className="list-decimal list-inside ml-4" {...props}>
           {children}
         </ol>
       );
     },
     li: ({ node, children, ...props }: any) => {
       return (
-        <li className='py-1' {...props}>
+        <li className="py-1" {...props}>
           {children}
         </li>
       );
     },
     ul: ({ node, children, ...props }: any) => {
       return (
-        <ul className='list-decimal list-inside ml-4' {...props}>
+        <ul className="list-decimal list-inside ml-4" {...props}>
           {children}
         </ul>
       );

diff --git a/examples/nextjs-ai-chatbot/components/messages.tsx b/examples/nextjs-ai-chatbot/components/messages.tsx
@@ -23,19 +23,19 @@ export default function Messages() {
 
   if (isLoadingMessages) {
     return (
-      <div className='flex justify-center items-center h-full animate__animated animate__fadeIn'>
-        <span className='loading loading-spinner loading-md'></span>
+      <div className="flex justify-center items-center h-full animate__animated animate__fadeIn">
+        <span className="loading loading-spinner loading-md"></span>
       </div>
     );
   }
 
   if (!id) {
     return (
-      <div className='flex justify-center items-center flex-col h-full '>
-        <h1 className='animate__animated animate__fadeInUp mb-0 '>
-          <span className='ai-thinking'>Welcome to AI Assistant</span>
+      <div className="flex justify-center items-center flex-col h-full ">
+        <h1 className="animate__animated animate__fadeInUp mb-0 ">
+          <span className="ai-thinking">Welcome to AI Assistant</span>
         </h1>
-        <p className='animate__animated animate__fadeInUp animate__delay-1s text-gray-500'>
+        <p className="animate__animated animate__fadeInUp animate__delay-1s text-gray-500">
           Ready to help you with any questions or tasks. How can I assist you
           today?
         </p>
@@ -44,29 +44,29 @@ export default function Messages() {
   }
 
   return (
-    <div className='py-15 pl-3 max-w-3xl mx-auto space-y-5'>
+    <div className="py-15 pl-3 max-w-3xl mx-auto space-y-5">
       {messages.map((m: UIMessage) => (
         <div
           key={m.id}
           className={`chat animate__animated animate__fadeIn ${
             m.role === 'user' ? 'chat-end' : 'chat-start'
           }`}
         >
-          <div className='flex gap-2 flex-wrap'>
+          <div className="flex gap-2 flex-wrap">
             {m.parts.map(
               (part, index) =>
                 part.type === 'file' &&
                 part.url && (
                   <a
                     key={'file-' + index + m.id}
                     href={part.url}
-                    target='_blank'
-                    className='not-prose mb-2'
+                    target="_blank"
+                    className="not-prose mb-2"
                   >
                     <Image
                       src={part.url}
                       alt={part.filename || 'unknown'}
-                      className='w-30 h-30 rounded-lg object-cover'
+                      className="w-30 h-30 rounded-lg object-cover"
                       width={300}
                       height={300}
                     />
@@ -91,9 +91,9 @@ export default function Messages() {
         </div>
       ))}
       {status === 'submitted' && (
-        <div className='flex gap-1 items-center text-sm my-4 animate-pulse'>
-          <Sparkles className='w-3 h-3 animate-pulse text-[#00ffe0]' />
-          <span className='ai-thinking'>Thinking</span>
+        <div className="flex gap-1 items-center text-sm my-4 animate-pulse">
+          <Sparkles className="w-3 h-3 animate-pulse text-[#00ffe0]" />
+          <span className="ai-thinking">Thinking</span>
         </div>
       )}
       <div ref={messagesEndRef} />

diff --git a/examples/nextjs-ai-chatbot/components/sidebar.tsx b/examples/nextjs-ai-chatbot/components/sidebar.tsx
@@ -11,10 +11,10 @@ export default function Sidebar({ title = 'Chats' }) {
   const { id } = useParams();
   return (
     <>
-      <h3 className='flex items-center gap-2'>
-        <MessageSquareText className='w-5 h-5' /> {title}
+      <h3 className="flex items-center gap-2">
+        <MessageSquareText className="w-5 h-5" /> {title}
       </h3>
-      <div className='animate__animated animate__fadeIn relative'>
+      <div className="animate__animated animate__fadeIn relative">
         {chats?.length > 0 ? (
           chats.map((chat: ChatType) => (
             <Link
@@ -25,23 +25,23 @@ export default function Sidebar({ title = 'Chats' }) {
                 id === chat.id ? 'text-primary' : ''
               }`}
             >
-              <div className='flex items-center gap-1 min-w-0'>
-                <Dot className='flex-shrink-0' />
-                <span className='truncate'>{chat.name}</span>
+              <div className="flex items-center gap-1 min-w-0">
+                <Dot className="flex-shrink-0" />
+                <span className="truncate">{chat.name}</span>
               </div>
             </Link>
           ))
         ) : (
-          <div className='flex items-center gap-2 text-gray-600'>
+          <div className="flex items-center gap-2 text-gray-600">
             No chats found
           </div>
         )}
       </div>
       <Link
-        href='/'
-        className='mb-2 btn btn-default btn-soft left-4 right-4 absolute bottom-2'
+        href="/"
+        className="mb-2 btn btn-default btn-soft left-4 right-4 absolute bottom-2"
       >
-        <MessageSquarePlus className='w-4 h-4' />
+        <MessageSquarePlus className="w-4 h-4" />
         New Chat
       </Link>
     </>

diff --git a/examples/nextjs-ai-chatbot/components/tools/weather.tsx b/examples/nextjs-ai-chatbot/components/tools/weather.tsx
@@ -4,17 +4,17 @@ import { CloudSunIcon, MapPinIcon } from 'lucide-react';
 export default function Weather({ data }: { data: string }) {
   const weather: WeatherToolResponse = JSON.parse(data);
   return (
-    <div className='bg-base-200 p-4 pb-8 rounded-lg relative overflow-hidden min-w-sm'>
-      <div className='text-lg font-bold flex items-center gap-2'>
-        <MapPinIcon className='w-4 h-4' />
+    <div className="bg-base-200 p-4 pb-8 rounded-lg relative overflow-hidden min-w-sm">
+      <div className="text-lg font-bold flex items-center gap-2">
+        <MapPinIcon className="w-4 h-4" />
         {weather.location?.name || 'Unknown'}
       </div>
-      <div className='grid grid-cols-[1fr_2fr] gap-4 items-center justify-center my-4 font-bold'>
+      <div className="grid grid-cols-[1fr_2fr] gap-4 items-center justify-center my-4 font-bold">
         <div>
           <img
             src={weather.current?.condition?.icon}
             alt={weather.current?.condition?.text}
-            className='object-cover not-prose bg-base-100 rounded-lg p-2'
+            className="object-cover not-prose bg-base-100 rounded-lg p-2"
             width={64}
             height={64}
           />
@@ -24,15 +24,15 @@ export default function Weather({ data }: { data: string }) {
           <br /> Feels like: {weather.current?.feelslike_c}°C
         </div>
       </div>
-      <div className='text-sm text-gray-500'>
+      <div className="text-sm text-gray-500">
         <div>Condition: {weather.current?.condition?.text}</div>
         <div>Wind: {weather.current?.wind_kph} km/h</div>
         <div>Humidity: {weather.current?.humidity}%</div>
         <div>Pressure: {weather.current?.pressure_mb} mb</div>
       </div>
-      <div className='flex items-center gap-1 opacity-50 text-xs absolute bottom-2 right-2 text-[#00ffe0]'>
-        <CloudSunIcon className='w-3 h-3' />
-        <span className='ai-thinking'>weather tool</span>
+      <div className="flex items-center gap-1 opacity-50 text-xs absolute bottom-2 right-2 text-[#00ffe0]">
+        <CloudSunIcon className="w-3 h-3" />
+        <span className="ai-thinking">weather tool</span>
       </div>
     </div>
   );

diff --git a/examples/nextjs-ai-chatbot/hooks/usetranscribe.ts b/examples/nextjs-ai-chatbot/hooks/usetranscribe.ts
@@ -112,7 +112,6 @@ export function useTranscriber(options: Options = {}) {
         mr.onstop = handleStop;
         mr.start(250);
       }
-
     } catch (e: any) {
       setError(e?.message || 'Something went wrong');
       console.error(e);
@@ -185,7 +184,6 @@ export function useTranscriber(options: Options = {}) {
       });
       streamRef.current = stream;
       const ctx = new (window.AudioContext ||
-
         (window as any).webkitAudioContext)();
       audioCtxRef.current = ctx;
 
@@ -216,7 +214,6 @@ export function useTranscriber(options: Options = {}) {
       recordingStartedAtRef.current = performance.now();
 
       rafRef.current = requestAnimationFrame(checkSilence);
-
     } catch (e: any) {
       setError(e?.message || 'Mic access failed');
       console.error(e);

diff --git a/examples/react-example/src/App.tsx b/examples/react-example/src/App.tsx
@@ -9,23 +9,23 @@ function App() {
   return (
     <>
       <div>
-        <a href='https://vite.dev' target='_blank'>
-          <img src={viteLogo} className='logo' alt='Vite logo' />
+        <a href="https://vite.dev" target="_blank">
+          <img src={viteLogo} className="logo" alt="Vite logo" />
         </a>
-        <a href='https://react.dev' target='_blank'>
-          <img src={reactLogo} className='logo react' alt='React logo' />
+        <a href="https://react.dev" target="_blank">
+          <img src={reactLogo} className="logo react" alt="React logo" />
         </a>
       </div>
       <h1>Vite + React</h1>
-      <div className='card'>
+      <div className="card">
         <button onClick={() => setCount((count) => count + 1)}>
           count is {count}
         </button>
         <p>
           Edit <code>src/App.tsx</code> and save to test HMR
         </p>
       </div>
-      <p className='read-the-docs'>
+      <p className="read-the-docs">
         Click on the Vite and React logos to learn more
       </p>
     </>
-Original file line number
+Diff line change
@@ Expand Up @@
     const storage = createStreamStorageClient(createConfigFromEnv());
     export async function GET(_req: Request, { params }: any) {
       const { id } = await params;
       try {
@@ Expand Down @@