Format typescript code

Author: drogus

crates/bindings-typescript/examples/basic-react/src/App.tsx

@@ -1,31 +1,32 @@
-import { useState } from 'react'
-import { DbConnection, Person } from './module_bindings'
-import { useSpacetimeDB, useTable } from 'spacetimedb/react'
+import { useState } from 'react';
+import { DbConnection, Person } from './module_bindings';
+import { useSpacetimeDB, useTable } from 'spacetimedb/react';
 
 function App() {
-  const [name, setName] = useState('')
+  const [name, setName] = useState('');
 
-  const conn = useSpacetimeDB<DbConnection>()
-  const { isActive: connected } = conn
+  const conn = useSpacetimeDB<DbConnection>();
+  const { isActive: connected } = conn;
 
   // Subscribe to all people in the database
-  const { rows: people } = useTable<DbConnection, Person>('person')
+  const { rows: people } = useTable<DbConnection, Person>('person');
 
   const addPerson = (e: React.FormEvent) => {
-    e.preventDefault()
-    if (!name.trim() || !connected) return
+    e.preventDefault();
+    if (!name.trim() || !connected) return;
 
     // Call the add reducer
-    conn.reducers.add(name)
-    setName('')
-  }
+    conn.reducers.add(name);
+    setName('');
+  };
 
   return (
     <div style={{ padding: '2rem' }}>
       <h1>SpacetimeDB React App</h1>
 
       <div style={{ marginBottom: '1rem' }}>
-        Status: <strong style={{ color: connected ? 'green' : 'red' }}>
+        Status:{' '}
+        <strong style={{ color: connected ? 'green' : 'red' }}>
           {connected ? 'Connected' : 'Disconnected'}
         </strong>
       </div>
@@ -35,7 +36,7 @@ function App() {
           type="text"
           placeholder="Enter name"
           value={name}
-          onChange={(e) => setName(e.target.value)}
+          onChange={e => setName(e.target.value)}
           style={{ padding: '0.5rem', marginRight: '0.5rem' }}
           disabled={!connected}
         />
@@ -61,7 +62,7 @@ function App() {
         )}
       </div>
     </div>
-  )
+  );
 }
 
-export default App
+export default App;

crates/bindings-typescript/examples/basic-react/src/main.tsx

@@ -1,35 +1,38 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import App from './App.tsx'
-import { Identity } from 'spacetimedb'
-import { SpacetimeDBProvider } from 'spacetimedb/react'
-import { DbConnection, ErrorContext } from './module_bindings/index.ts'
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import App from './App.tsx';
+import { Identity } from 'spacetimedb';
+import { SpacetimeDBProvider } from 'spacetimedb/react';
+import { DbConnection, ErrorContext } from './module_bindings/index.ts';
 
 const onConnect = (conn: DbConnection, identity: Identity, token: string) => {
-  localStorage.setItem('auth_token', token)
-  console.log('Connected to SpacetimeDB with identity:', identity.toHexString())
-}
+  localStorage.setItem('auth_token', token);
+  console.log(
+    'Connected to SpacetimeDB with identity:',
+    identity.toHexString()
+  );
+};
 
 const onDisconnect = () => {
-  console.log('Disconnected from SpacetimeDB')
-}
+  console.log('Disconnected from SpacetimeDB');
+};
 
 const onConnectError = (_ctx: ErrorContext, err: Error) => {
-  console.log('Error connecting to SpacetimeDB:', err)
-}
+  console.log('Error connecting to SpacetimeDB:', err);
+};
 
 const connectionBuilder = DbConnection.builder()
   .withUri('ws://localhost:3000')
   .withModuleName('spacetime-module')
   .withToken(localStorage.getItem('auth_token') || undefined)
   .onConnect(onConnect)
   .onDisconnect(onDisconnect)
-  .onConnectError(onConnectError)
+  .onConnectError(onConnectError);
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
     <SpacetimeDBProvider connectionBuilder={connectionBuilder}>
       <App />
     </SpacetimeDBProvider>
-  </StrictMode>,
-)
+  </StrictMode>
+);

crates/bindings-typescript/examples/basic-react/vite.config.ts

@@ -1,6 +1,6 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
 
 export default defineConfig({
   plugins: [react()],
-})
+});