use tableV2

Author: stevensJourney

demos/django-react-native-todolist/app/views/todos/edit/[id].tsx

@@ -1,8 +1,8 @@
 import { View, Text, ActivityIndicator } from 'react-native';
 import { useLocalSearchParams } from 'expo-router';
 import { useQuery } from '@powersync/react';
-import { LIST_TABLE, ListRecord } from '../../../../library/models/ListModel';
 import { ListTodosWidget } from '../../../../library/widgets/ListTodosWidget';
+import { LIST_TABLE, ListRecord } from '../../../../library/powersync/AppSchema';
 
 const TodoView = () => {
   const params = useLocalSearchParams<{ id: string }>();

demos/django-react-native-todolist/app/views/todos/lists.tsx

@@ -6,8 +6,8 @@ import prompt from 'react-native-prompt-android';
 import { useSystem } from '../../../library/stores/system';
 import { ListItemWidget } from '../../../library/widgets/ListItemWidget';
 import { Stack } from 'expo-router';
-import { LIST_TABLE } from '../../../library/models/ListModel';
 import { useQuery } from '@powersync/react';
+import { LIST_TABLE } from '../../../library/powersync/AppSchema';
 
 const App = () => {
   const system = useSystem();

demos/django-react-native-todolist/library/models/ListModel.ts

@@ -1,31 +1,33 @@
-import { Column, ColumnType, Index, IndexedColumn, Schema, Table } from '@powersync/react-native';
+import { column, Schema, TableV2 } from '@powersync/react-native';
 
-export const AppSchema = new Schema([
-  new Table({
-    name: 'todos',
-    columns: [
-      new Column({ name: 'list_id', type: ColumnType.TEXT }),
-      new Column({ name: 'photo_id', type: ColumnType.TEXT }),
-      new Column({ name: 'created_at', type: ColumnType.TEXT }),
-      new Column({ name: 'completed_at', type: ColumnType.TEXT }),
-      new Column({ name: 'description', type: ColumnType.TEXT }),
-      new Column({ name: 'completed', type: ColumnType.INTEGER }),
-      new Column({ name: 'created_by', type: ColumnType.TEXT }),
-      new Column({ name: 'completed_by', type: ColumnType.TEXT })
-    ],
-    indexes: [
-      new Index({
-        name: 'list',
-        columns: [new IndexedColumn({ name: 'list_id' })]
-      })
-    ]
-  }),
-  new Table({
-    name: 'lists',
-    columns: [
-      new Column({ name: 'created_at', type: ColumnType.TEXT }),
-      new Column({ name: 'name', type: ColumnType.TEXT }),
-      new Column({ name: 'owner_id', type: ColumnType.TEXT })
-    ]
-  })
-]);
+export const LIST_TABLE = 'lists';
+export const TODO_TABLE = 'todos';
+
+const todos = new TableV2(
+  {
+    list_id: column.text,
+    created_at: column.text,
+    completed_at: column.text,
+    description: column.text,
+    created_by: column.text,
+    completed_by: column.text,
+    completed: column.integer,
+    photo_id: column.text
+  },
+  { indexes: { list: ['list_id'] } }
+);
+
+const lists = new TableV2({
+  created_at: column.text,
+  name: column.text,
+  owner_id: column.text
+});
+
+export const AppSchema = new Schema({
+  lists,
+  todos
+});
+
+export type Database = (typeof AppSchema)['types'];
+export type TodoRecord = Database['todos'];
+export type ListRecord = Database['lists'];

demos/django-react-native-todolist/library/models/TodoModel.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { LIST_TABLE, ListRecord } from '../models/ListModel';
 import { Alert, View } from 'react-native';
 import { ListItem, Icon } from 'react-native-elements';
 import { router } from 'expo-router';
 import { usePowerSync } from '@powersync/react';
+import { LIST_TABLE, ListRecord } from '../powersync/AppSchema';
 
 export const ListItemWidget: React.FC<{
   record: ListRecord;

demos/django-react-native-todolist/library/powersync/AppSchema.ts

@@ -1,12 +1,11 @@
 import React from 'react';
-import { ListRecord } from '../models/ListModel';
 import { ScrollView, StatusBar, View } from 'react-native';
 import { usePowerSync, useQuery } from '@powersync/react';
 import { Stack } from 'expo-router';
 import { FAB } from 'react-native-elements';
 import { TodoItemWidget } from './TodoItemWidget';
-import { TODO_TABLE, TodoRecord } from '../models/TodoModel';
 import prompt from 'react-native-prompt-android';
+import { ListRecord, TODO_TABLE, TodoRecord } from '../powersync/AppSchema';
 
 export const ListTodosWidget: React.FC<{
   record: ListRecord;
@@ -19,7 +18,7 @@ export const ListTodosWidget: React.FC<{
     <View style={{ flexGrow: 1 }}>
       <Stack.Screen
         options={{
-          title: record.name
+          title: record.name!
         }}
       />
       <FAB

demos/django-react-native-todolist/library/widgets/ListItemWidget.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import { ActivityIndicator, Alert, View } from 'react-native';
 import { ListItem, Icon } from 'react-native-elements';
-import { TODO_TABLE, TodoRecord } from '../models/TodoModel';
 import { usePowerSync } from '@powersync/react';
+import { TODO_TABLE, TodoRecord } from '../powersync/AppSchema';
 
 export const TodoItemWidget: React.FC<{
   record: TodoRecord;