Merge pull request #1 from aphelionz/feat/permissions

feat: basic permissions

Author: haadcode

src/components/CreateDialog.js

@@ -1,8 +1,9 @@
 import React from 'react'
-import { 
-  Dialog, 
-  Select, 
-  TextInput 
+import {
+  Dialog,
+  FormField,
+  Select,
+  TextInput
 } from 'evergreen-ui'
 
 import { useStateValue, actions } from '../state'
@@ -11,12 +12,13 @@ function CreateDialog ({ onCreate }) {
   const [appState, dispatch] = useStateValue()
   const [name, setName] = React.useState('')
   const [type, setType] = React.useState('eventlog')
+  const [permissions, setPermissions] = React.useState('creator')
 
   function handleSubmit (event) {
     if (event) event.preventDefault()
     if (name.length === 0) return
-    console.log("Create:", name, type)
-    onCreate({ name, type })
+    console.log('Create:', name, type, permissions)
+    onCreate({ name, type, permissions })
     dispatch({ type: actions.DB.CLOSE_CREATEDB_DIALOG })
   }
 
@@ -28,6 +30,10 @@ function CreateDialog ({ onCreate }) {
     setType(event.target.value)
   }
 
+  function handlePermissionsChange (event) {
+    setPermissions(event.target.value)
+  }
+
   return (
     <Dialog
       isShown={appState.createDBDialogOpen}
@@ -38,22 +44,29 @@ function CreateDialog ({ onCreate }) {
       onConfirm={close => handleSubmit(null, close)}
     >
       <form onSubmit={handleSubmit}>
+        <FormField label='Database Name:'>
           <TextInput
             onChange={handleNameChange}
             name='name'
             placeholder='Database name'
             width='100%'
-          ></TextInput>
-          <span>Type:</span>
-          <div>
-            <Select onChange={handleTypeChange}>
-              <option value='eventlog' defaultValue>Immutable Log</option>
-              <option value='feed'>A list of entries</option>
-              <option value='keyvalue'>Key-Value Store</option>
-              <option value='docstore'>Document Store</option>
-              <option value='counter'>Counter (CRDT)</option>
-            </Select>
-          </div>
+          />
+        </FormField>
+        <FormField label='Type:'>
+          <Select onChange={handleTypeChange}>
+            <option value='eventlog' defaultValue>Immutable Log</option>
+            <option value='feed'>A list of entries</option>
+            <option value='keyvalue'>Key-Value Store</option>
+            <option value='docstore'>Document Store</option>
+            <option value='counter'>Counter (CRDT)</option>
+          </Select>
+        </FormField>
+        <FormField label='Write Permissions'>
+          <Select onChange={handlePermissionsChange}>
+            <option value='creator'>Creator-only: Only you can write, public read</option>
+            <option value='public'>Public: Anybody can write and write</option>
+          </Select>
+        </FormField>
       </form>
     </Dialog>
   )

src/database/index.js

@@ -53,9 +53,21 @@ export const addDatabase = async (address) => {
   })
 }
 
-export const createDatabase = async (name, type) => {
-  const db = await orbitdb.create(name, type)
-  return programs.add({ 
+export const createDatabase = async (name, type, permissions) => {
+  let accessController
+
+  switch (permissions) {
+    case 'public':
+      accessController = { write: ['*'] }
+      break
+    default:
+      accessController = { write: [orbitdb.identity.id] }
+      break
+  }
+
+  const db = await orbitdb.create(name, type, { accessController })
+
+  return programs.add({
     name,
     type,
     address: db.address.toString(),

src/views/Database.js

@@ -109,9 +109,16 @@ function ProgramView () {
             : <Text>-</Text>
           }
         </Pane>
+        <Pane flex='1'_>
+          <Text>Permissions:</Text>
+          {appState.db
+            ? <pre>{appState.db.access.write}</pre>
+            : <Text>-</Text>
+          }
+        </Pane>
         <Pane flex='1' flexDirection='row'>
           <Text>Entries: </Text>
-          {appState.db 
+          {appState.db
             ? <Text>{appState.db._oplog.length}</Text>
             : <Text>-</Text>
           }

src/views/Databases.js

@@ -34,7 +34,7 @@ function DatabasesView () {
 
   const createDB = (args) => {
     console.log("Create database...", args)
-    createDatabase(args.name, args.type).then((hash) => {
+    createDatabase(args.name, args.type, args.permissions).then((hash) => {
       console.log("Created", hash)
       fetchDatabases().then((data) => {
         console.log("Loaded programs", data)