BaseDataSOurce tests next Viewport

Author: heswell

vuu-ui/package-lock.json

@@ -10,6 +10,7 @@
   },
   "type": "module",
   "workspaces": [
+    "experiments/**",
     "packages/**",
     "sample-apps/**",
     "tools/vite-plugin-inline-css",

vuu-ui/package.json

@@ -62,6 +62,8 @@ export const GridLayoutStackedItem = ({
 
   console.log(`[GridLayoutStackedItem#${id}] render`);
 
+  console.log(`[GridLayoutStackedItem#${id}] render`);
+
   const { registerTabsForDragDrop } = useDragContext();
 
   useEffect(() => {

vuu-ui/packages/grid-layout/src/GridLayoutStackedtem.tsx

@@ -74,7 +74,19 @@ export interface ArrayDataSourceConstructorProps
 const toDataSourceRow =
   (key: number) =>
   (data: VuuRowDataItemType[], index: number): DataSourceRow => {
-    return [index, index, true, false, 1, 0, String(data[key]), 0, ...data];
+    return [
+      index,
+      index,
+      true,
+      false,
+      1,
+      0,
+      String(data[key]),
+      0,
+      0, // ts
+      false, // isNew
+      ...data,
+    ];
   };
 
 // const isError = (err: unknown): err is { message: string } =>

vuu-ui/packages/vuu-data-local/src/array-data-source/array-data-source.ts

@@ -7,6 +7,9 @@ export type GroupMap = { [key: string]: GroupMap | KeyList };
 
 const { DEPTH, IS_EXPANDED, KEY } = metadataKeys;
 
+const timestamp = 0;
+const isNew = false;
+
 export const collapseGroup = (
   key: string,
   groupedRows: readonly DataSourceRow[],
@@ -88,6 +91,8 @@ const dataRowsFromGroups2 = (
       childCount(groupMap[key]),
       groupKey,
       0,
+      timestamp,
+      isNew,
     ];
     // TODO whats this
     row[groupIndices[depth - 1]] = key;
@@ -185,6 +190,8 @@ const dataRowsFromGroups = (groupTree: GroupMap, groupIndices: number[]) => {
       childCount(groupTree[key]),
       `$root|${key}`,
       0,
+      timestamp,
+      isNew,
     ];
     row[groupIndices[depth]] = key;
     rows.push(row);

vuu-ui/packages/vuu-data-local/src/array-data-source/group-utils.ts

@@ -1,2 +1 @@
-export * from "./RestDataSourceProvider";
 export * from "./VuuDataSourceProvider";

vuu-ui/packages/vuu-data-react/src/datasource-provider/RestDataSourceProvider.tsx

@@ -0,0 +1,31 @@
+import {
+  DataSourceRow,
+  DataSourceSubscribeProps,
+  WithFullConfig,
+} from "@vuu-ui/vuu-data-types";
+import {
+  VuuDataRow,
+  VuuRange,
+  VuuRow,
+  VuuTable,
+  VuuViewportChangeRequest,
+  VuuViewportCreateRequest,
+  VuuViewportRangeRequest,
+} from "@vuu-ui/vuu-protocol-types";
+
+export interface IViewport {
+  receiveRowsFromServer: (
+    rows: VuuRow<VuuDataRow>[],
+  ) => [number | undefined, DataSourceRow[] | undefined];
+  serverViewportId: string;
+  setClientRange: (
+    range: VuuRange,
+  ) => [DataSourceRow[] | undefined, VuuViewportRangeRequest | undefined];
+  setConfig: (
+    requestId: string,
+    config: WithFullConfig,
+  ) => VuuViewportChangeRequest;
+  subscribe: (
+    subscriptionProps: DataSourceSubscribeProps & { table?: VuuTable },
+  ) => VuuViewportCreateRequest;
+}