Disable populating private IDs

We need to refine them before using them by default.
dexie · Dec 19, 2021 · e865e80 · e865e80
1 parent a765d3a
commit e865e80
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 17 deletions.
diff --git a/samples/dexie-cloud-todo-app/src/components/TodoItemView.tsx b/samples/dexie-cloud-todo-app/src/components/TodoItemView.tsx
@@ -1,36 +1,38 @@
-import React, { useEffect, useState } from "react";
-import { db } from "../db";
-import { TodoItem } from "../db/TodoItem";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faTrash } from "@fortawesome/free-solid-svg-icons";
-import { usePermissions } from "dexie-react-hooks";
+import React, { useEffect, useState } from 'react';
+import { db } from '../db';
+import { TodoItem } from '../db/TodoItem';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faTrash } from '@fortawesome/free-solid-svg-icons';
+import { usePermissions } from 'dexie-react-hooks';
 
 interface Props {
   item: TodoItem;
 }
 
 export function TodoItemView({ item }: Props) {
-  const can = usePermissions(db, "todoItems", item);
-  console.log("TodoItem", item.title, item.owner, item.realmId);
+  const can = usePermissions(db, 'todoItems', item);
+  console.log('TodoItem', item.title, item.owner, item.realmId);
   return (
-    <div className={"row " + (item.done ? "done" : "")}>
+    <div className={'row ' + (item.done ? 'done' : '')}>
       <div className="narrow">
         <input
           type="checkbox"
-          disabled={!can.update("done")}
+          disabled={!can.update('done')}
           checked={!!item.done}
-          onChange={ev =>
+          onChange={(ev) => {
             db.todoItems.update(item.id, {
-              done: ev.target.checked
-            })
-          }
+              done: ev.target.checked,
+            });
+          }}
         />
       </div>
       <div className="todo-item-text">{item.title}</div>
       <div className="todo-item-trash">
         <button
           disabled={!can.delete()}
-          onClick={() => db.todoItems.delete(item.id!)} title="Delete item">
+          onClick={() => db.todoItems.delete(item.id!)}
+          title="Delete item"
+        >
           <FontAwesomeIcon icon={faTrash} />
         </button>
       </div>

diff --git a/samples/dexie-cloud-todo-app/src/db/populate.ts b/samples/dexie-cloud-todo-app/src/db/populate.ts
@@ -26,7 +26,11 @@ export function populate(db: TodoDB) {
   // 3. Alice logs in --> items are synced to cloud and replaces existing ones for Alice
   //    but that does not matter as they have the same IDs. The items that
   //    Alice added on other device is now synced back.
-  const todoListId = `#tdl-defaultTodoList`;
+
+  // Private IDs are possible to test but does not behave optimally yet (as of 2021-12-19)
+  // Need to refine how they sync before using them by default.
+  // If you want to try, uncomment the code below:
+  /*const todoListId = `#tdl-defaultTodoList`;
   return db.transaction('rw', db.todoLists, db.todoItems, () => {
     db.todoLists.add({
       id: todoListId,
@@ -49,5 +53,5 @@ export function populate(db: TodoDB) {
         todoListId,
       },
     ]);
-  });
+  });*/
 }