moving design assets to .design folder

* Add files via upload

* UI Design

* Rename design to design.md

* Update design.md

.design/DESIGN.md

@@ -1,51 +1,52 @@
-# Databag Design Guidelines & Resources
+# Databag UI Redesign
 
-A collection of design contribution guidelines and resources for our Databag product.
+  
+Here is the complete redesign of the UI for Databag. 
+I have worked closely with @balzack and we feel it's in a pretty good state with lots of work ahead. 
 
-> **All participating designers are highly encouraged to shape and evolve these guidelines!**
+I kept the illustrations already suggested by the community and also  kept the green hues of the current design.  
 
-## Welcome
+I applied standard design practices in font sizes, spacing  and icons. 
+The font selected is [Inter](https://fonts.google.com/specimen/Inter)  and for icons I used  [Phosphor Icons](https://phosphoricons.com).
 
-Databag is a product targeted for the decentralized web community. It is a federeated messenger that gives people back their privacy and control of their data.
+### _**The current Figma file is here**_ -->
+[Databag.fig.zip](https://github.com/user-attachments/files/19713647/Databag.fig.zip)
 
-## How to contribute design
+**Still missing:** 
+- Dark Mode
+- Animations
+- Overall Branding (if seen necessary)
 
-1. Check out open [issues](https://github.com/balzack/databag/issues) here on GitHub (we label them with `design: required`)
-2. Feel free to open an issue on your own if you find something you would like to contribute to the project and use the `design: idea` label for it.
-3. There are no existing figma files yet, for now create new ones and share them publicly
-4. Add your contributions to an issue and we promise we will review your contribution carefully and foster discussions
 
-**We encourage you to:**
 
-- Get in touch with the team by starting a discussion on [GitHub](https://github.com/balzack/databag/discussions).
+### **Screenshots:**
+### **Mobile Proposed Design**
 
-## Target audience
 
-The initial users are typically very technical, but hopefully this product will be embedded into consumer electronics and reach a much less technical audience. The design may benefit by exposing some technical attributes. For example, with a self-hosted product the users my be interested in knowing where their data actually lives.
 
-## Design relevant materials
 
-Here is a list of design relevant information and materials:
+<img width="1440" alt="Mobile" src="https://github.com/user-attachments/assets/78be3ac6-5f55-4b9e-a625-e758145406bc" />
 
-### Fonts
 
-Currently we're using Roboto everywhere.
 
-### Colors
+### **Desktop Proposed Design**
 
-We're using shades of green deliberately staying away from the corporate blue. The current background color is (#8fbea7) with the primary button color (#448866).
 
-### Logos
 
-We don't really have a logo yet, and are currently just using a scaled image from the app as the [icon](https://github.com/balzack/databag/blob/main/doc/icon.png)
+<img width="1440" alt="Desktop" src="https://github.com/user-attachments/assets/89aaa25a-a0c3-4583-8f04-29bbc43eef9a" />
+
+
+
+### **Style Guide**
+
+
+
+<img width="1440" alt="Styleguide" src="https://github.com/user-attachments/assets/c5402ab4-a0fe-4594-a34f-498af4494def" />
+
+
+_*There are some more screens in the figma file_
 
-### Design Files, Screenshots, etc
 
-We don't have any design files yet. Initially you can reference screenshots for the [browser app](https://github.com/balzack/databag/blob/main/doc/browser.png) and [mobile app](https://github.com/balzack/databag/blob/main/doc/mobile.png)
 
-## License
 
-All design work is licensed under the
-[Apache-2.0](https://github.com/balzack/databag/blob/main/LICENSE)
 
-[(Back to top)](#-table-of-contents)

.design/design-assets/design.md

@@ -0,0 +1,52 @@
+# Databag UI Redesign
+
+  
+Here is the complete redesign of the UI for Databag. 
+I have worked closely with @balzack and we feel it's in a pretty good state with lots of work ahead. 
+
+I kept the illustrations already suggested by the community and also  kept the green hues of the current design.  
+
+I applied standard design practices in font sizes, spacing  and icons. 
+The font selected is [Inter](https://fonts.google.com/specimen/Inter)  and for icons I used  [Phosphor Icons](https://phosphoricons.com).
+
+### _**The current Figma file is here**_ -->
+[Databag.fig.zip](https://github.com/user-attachments/files/19713647/Databag.fig.zip)
+
+**Still missing:** 
+- Dark Mode
+- Animations
+- Overall Branding (if seen necessary)
+
+
+
+### **Screenshots:**
+### **Mobile Proposed Design**
+
+
+
+
+<img width="1440" alt="Mobile" src="https://github.com/user-attachments/assets/78be3ac6-5f55-4b9e-a625-e758145406bc" />
+
+
+
+### **Desktop Proposed Design**
+
+
+
+<img width="1440" alt="Desktop" src="https://github.com/user-attachments/assets/89aaa25a-a0c3-4583-8f04-29bbc43eef9a" />
+
+
+
+### **Style Guide**
+
+
+
+<img width="1440" alt="Styleguide" src="https://github.com/user-attachments/assets/c5402ab4-a0fe-4594-a34f-498af4494def" />
+
+
+_*There are some more screens in the figma file_
+
+
+
+
+

.dockerignore

@@ -0,0 +1 @@
+dev_database

.editorconfig

@@ -0,0 +1,22 @@
+# EditorConfig is awesome: https://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.{go,sh}]
+indent_style = tab
+
+[{Makefile,Caddyfile}]
+indent_style = tab
+
+[LICENSE]
+trim_trailing_whitespace = false
+insert_final_newline = false

.github/workflows/ci.yml

@@ -16,7 +16,7 @@ jobs:
     - name: Setup Node
       uses: actions/setup-node@v3
       with:
-        node-version: 16
+        node-version: 20
 
     - name: Build React
       run: |
@@ -28,7 +28,7 @@ jobs:
     - name: Setup Go
       uses: actions/setup-go@v3
       with:
-        go-version: 1.17.5
+        go-version: 1.18.10
 
     - name: Build Go
       run: |
@@ -43,7 +43,7 @@ jobs:
     - name: Jest Setup
       uses: actions/setup-node@v3
       with:
-        node-version: 18
+        node-version: 20
 
     - name: Jest ReactJs
       run: |
@@ -55,9 +55,22 @@ jobs:
           cd app/mobile
           yarn install
           yarn jest
-  
+
+    - name: Test SDK
+      run: |
+          cd app/sdk
+          yarn install
+          yarn build
+          yarn test --silent
+          
+    - name: Build WebApp
+      run: |
+          cd app/client/web
+          yarn install
+          yarn build
+          
     - name: Export
-      uses: actions/upload-artifact@v3
+      uses: actions/upload-artifact@v4
       with:
         name: webapp
         path: net/web/build/*

.github/workflows/openwrt.yml

@@ -0,0 +1,70 @@
+name: OpenWrt
+
+on:
+  push:
+    branches: [ "openwrt" ]
+  pull_request:
+    branches: [ "openwrt" ]
+
+jobs:
+
+  CI:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v3
+    
+    - name: Setup Node
+      uses: actions/setup-node@v3
+      with:
+        node-version: 16
+
+    - name: Build React
+      run: |
+          npm install --global yarn
+          cd web
+          yarn install
+          yarn build
+
+    - name: Bundle Webapp
+      uses: a7ul/tar-action@v1.1.0
+      id: compress_webapp
+      with:
+        command: c
+        cwd: web
+        files: |
+          build
+        outPath: webapp.tar.gz
+          
+    - name: Bundle Server
+      uses: a7ul/tar-action@v1.1.0
+      id: compress_server
+      with:
+        command: c
+        cwd: .
+        files: |
+          LICENSE
+          databag.db
+          go.mod
+          go.sum
+          main.go
+          internal
+        outPath: server.tar.gz
+        
+    - name: Upload Webapp to Tag
+      uses: svenstaro/upload-release-action@v2
+      with:
+        repo_token: ${{ secrets.PUB_TOKEN }}
+        file: webapp.tar.gz
+        tag: v1.1.11
+        overwrite: true
+        file_glob: true
+        
+    - name: Upload Server to Tag
+      uses: svenstaro/upload-release-action@v2
+      with:
+        repo_token: ${{ secrets.PUB_TOKEN }}
+        file: server.tar.gz
+        tag: v1.1.11
+        overwrite: true
+        file_glob: true
+          

.gitignore

@@ -14,3 +14,4 @@
 
 # Dependency directories (remove the comment below to include it)
 # vendor/
+dev_database/

Dockerfile

@@ -0,0 +1,45 @@
+FROM node:22-alpine AS node
+WORKDIR /app
+
+# Download the node dependencies first before adding the rest for caching
+COPY ./net/web/package.json ./net/web/yarn.lock ./
+RUN --mount=type=cache,target=/root/.yarn YARN_CACHE_FOLDER=/root/.yarn \
+  yarn --frozen-lockfile
+
+COPY ./net/web/ ./
+RUN --mount=type=cache,target=/root/.yarn YARN_CACHE_FOLDER=/root/.yarn \
+  yarn run build
+
+FROM golang:alpine AS go
+EXPOSE 7000
+WORKDIR /app/databag
+
+RUN apk add --no-cache build-base imagemagick sqlite ffmpeg curl
+
+RUN mkdir -p /opt/databag
+RUN mkdir -p /var/lib/databag
+RUN mkdir -p /app/databag/net
+
+COPY ./net/server /app/databag/net/server
+COPY ./net/transform /opt/databag/transform
+
+WORKDIR /app/databag/net/server
+RUN --mount=type=cache,target=/go/pkg/mod \
+  if [ -n "${DATABAG_GOARCH}" ]; then GOARCH=${DATABAG_GOARCH}; fi; \
+  if [ -n "${DATABAG_GOOS}" ]; then GOOS=${DATABAG_GOOS}; fi; \
+  go mod download
+
+ARG DATABAG_GOARCH
+ARG DATABAG_GOOS
+
+RUN --mount=type=cache,target=/go/pkg/mod \
+  if [ -n "${DATABAG_GOARCH}" ]; then GOARCH=${DATABAG_GOARCH}; fi; \
+  if [ -n "${DATABAG_GOOS}" ]; then GOOS=${DATABAG_GOOS}; fi; \
+  CGO_ENABLED=1 go build -o databag .
+
+COPY --from=node /app/build /app/databag/net/web/build
+
+ENV DEV=0
+ENV ADMIN=password
+
+ENTRYPOINT /app/databag/net/server/entrypoint.sh

Makefile

@@ -0,0 +1,20 @@
+default:
+	@grep '^[^#[:space:].].*:' Makefile
+
+dev-start:
+	docker compose -f docker-compose.dev.yml up -d
+dev-stop:
+	docker compose -f docker-compose.dev.yml down
+
+dev-restart-server:
+	docker compose -f docker-compose.dev.yml restart net-server
+dev-restart-web:
+	docker compose -f docker-compose.dev.yml restart net-web
+dev-restart-repeater:
+	docker compose -f docker-compose.dev.yml restart net-repeater
+
+prod-docker-start:
+	docker compose up -d
+
+prod-raw-build:
+	./build.sh

README.md

@@ -2,11 +2,15 @@
 [![contribute.design](https://contribute.design/api/shield/balzack/databag)](https://contribute.design/balzack/databag)
 
 <div align="center">
-  <a href="#"><img src="/doc/icon.png" width="8%" style="border-radius:50%"></a>
+  <a href="#"><img src="/doc/icon_v2.png" width="8%" style="border-radius:50%"></a>
   <h3 align="center">Databag</h3>
-  <p align="center">Communication for the Decentralized Web</p>
+  <p align="center">A federated messenger for self-hosting</p>
 </div>
 
+<p align="center">
+  <a href="/doc/design_overview.md">-> Design Overview <-</a>
+</p>
+
 <br>
 
 <p align="center">
@@ -19,20 +23,25 @@
 </p>
 <br>
 
-Databag is a self-hosted messaging service. Notable features include:
+Databag is designed for efficiency, consuming minimal hosting resources. Notable features include:
 - Decentralized (direct communication between app and server node)
 - Federated (accounts on different nodes can communicate)
 - Public-Private key based identity (not bound to any blockchain or hosting domain)
-- End-to-End encryption (the hosting admin cannot view sealed topics, deafult unsealed)
+- End-to-End encryption (the hosting admin cannot view topics if sealed)
 - Audio and Video Calls (nat traversal requires separate relay server)
 - Topic based threads (messages organized by topic not contacts)
+- Unlimited participants (no limit on group thread members)
 - Lightweight (server can run on a raspberry pi zero v1.3)
 - Low latency (use of websockets for push events to avoid polling)
 - Unlimited accounts per node (host for your whole family)
-- Mobile alerts (push notifications on new contacts, messages, and calls)
+- Mobile alerts for new contacts, messages, and calls (supports UnifiedPush, FCM, APN)
+- Multi-Factor Authentication (integrates with TOTP apps)
 
 <br>
 <p align="center">
+  <a href="https://f-droid.org/en/packages/com.databag/">
+    <img src="/doc/fdroid.png" width="18%">
+  </a>
   <a href="https://apps.apple.com/us/app/databag/id6443741428">
     <img src="/doc/astore.png" width="18%">
   </a>
@@ -41,21 +50,37 @@ Databag is a self-hosted messaging service. Notable features include:
   </a>
 </p>
 
-The app is available in the google and apple stores. You can also test out the project [here](https://databag.coredb.org/#/create), but don't post anything important as this server is regularly wiped. Feedback on the UI/UX, bugs or features is greatly appreciated.
+The app is available on fdroid as well as the google and apple stores. You can test out the project [here](https://databag.coredb.org/#/create), but don't post anything important as this server is regularly wiped.
+### Design 
+Read the [Design Guidelines](https://github.com/balzack/databag/blob/main/.design/DESIGN.md). Link to [Figma File](https://www.figma.com/design/eVFi8bYlybn5KeyEePEaey/Databag---Github?node-id=1-6&t=Is2AiTfwktFO5aY0-1). Feel free to duplicate the Figma file to edit. Feedback on the UI/UX, bugs or features is greatly appreciated.
 
 ## Installation
 
 To use databag, you will need a DNS name pointing to your node with a certificate. You can deploy a node manually, but you will have a much easier time using a container service. Containers for arm64 and amd64 are available [here](https://hub.docker.com/r/balzack/databag/tags). 
 
-### Docker Compose Command
+### Docker Compose 
 
-From the net/container sub directory:
-  - sudo docker-compose -f compose.yaml -p databag up
+Launch with dockerhub container using docker compose:
+
+#### Standard launch
+```shell
+# From the net/container sub directory:
+docker-compose -f compose.yaml -p databag up
+```
+
+#### Launch with certbot https certificate
+```shell
+# FIRST: create a DNS entry in your DNS to point your desired subdomain to your host
+# SECOND: edit the net/container/docker-compose-swag.yml to include your domain name
+# THIRD: From the root of the project directory:
+mkdir -p ~/appdata
+docker-compose -f net/container/docker-compose-swag.yml -p databag up
+```
 
 ### Example with Portainer and Nginx Proxy Manager
 
 From Portainer:
-  - In the volume view, click add volumen:
+  - In the volume view, click add volume:
     - Enter a name, then click 'Create the volume'
   - In the container view, click add container:
     - In the 'Image' field enter 'balzack/databag:latest'
@@ -73,6 +98,46 @@ From Nginx Proxy Manager:
     - Port '7000'
     - Request new SSL certificate
 
+<details>
+  <summary>Nginx Proxy config
+➡️ Click to expand ⬅️
+  </summary>
+
+  ```
+server {
+  server_name your.site.tld;
+
+location / {
+    proxy_http_version 1.1;
+    proxy_set_header Upgrade $http_upgrade;
+    proxy_set_header Connection "Upgrade";
+    proxy_set_header Host $host;
+    proxy_pass http://127.0.0.1:7000;
+    client_max_body_size 0;
+    proxy_max_temp_file_size 0;
+
+}
+
+    listen 443 ssl http2;
+    ssl_certificate /etc/letsencrypt/live/your.site.tld/fullchain.pem;
+    ssl_certificate_key /etc/letsencrypt/live/your.site.tld/privkey.pem;
+    include /etc/letsencrypt/options-ssl-nginx.conf;
+    ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem;
+    add_header Strict-Transport-Security "max-age=0";
+
+}
+
+server {
+    if ($host = your.site.tld) {
+        return 301 https://$host$request_uri;
+    }
+  listen 80;
+  server_name your.site.tld;
+    return 404;
+}
+```
+</details>
+
 From Your Browser:
   - Enter your server address in the address bar [hostname.domain]
     - Click the cog icon in the top right
@@ -85,16 +150,24 @@ From Your Browser:
 
 ### Other installation options
 
-Instructions for installing without a container on a Raspberry Pi Zero are [here](/doc/pizero.md).
+Install without a container on a Raspberry Pi Zero [here](/doc/pizero.md).
 
-Instructions for installing without a container in AWS are [here](/doc/aws.md).
+Install without a container in AWS [here](/doc/aws.md).
+
+Integrate Databag in an OpenWrt firmware [here](/doc/openwrt.md).
+
+1-click installs in [CapRover](https://caprover.com/), [CasaOS](https://casaos.io), [Unraid](https://unraid.net/), [Runtipi](https://www.runtipi.io/), [Kubero](https://www.kubero.dev/), [Umbrel](https://umbrel.com/)
 
 ## Audio and Video Calls
 
-Databag provides audio and video calling and relies on a STUN/TURN relay server for NAT traversal. Testing was done with both [cuturn](https://github.com/coturn/coturn) and [pion](https://github.com/pion/turn) and should work with any implementation. Instructions for installing a coturn server are provided [here](https://gabrieltanner.org/blog/turn-server/).
+Databag provides audio and video calling and relies on a STUN/TURN relay server for NAT traversal. Testing was done with both [coturn](https://github.com/coturn/coturn) and [cloudflare](https://developers.cloudflare.com/calls/turn/) and should work with any implementation. Instructions for installing a coturn server are provided [here](https://gabrieltanner.org/blog/turn-server/).
 
-If you want to enable audio and video calls, you should setup your own relay server. For testing purposes you can however use the demo relay server configuration. In the admin configuration modal, set:
+If you want to enable audio and video calls, you should setup your own relay server or use the cloudflare [turn service](https://developers.cloudflare.com/calls/turn/). For testing purposes you can however use the demo relay server configuration. In the admin configuration modal, set:
   - Enable WebRTC Calls: -switch on-
   - WebRTC Server URL: turn:34.210.172.114:3478?transport=udp
   - WebRTC Username: user
   - WebRTC Password: pass
+
+### Roadmap
+
+Please add any missing features; [here](/doc/backlog.md) is the current backlog. Features are prioritized based on interest from the community.

app/client/bot/nodemon.json

@@ -0,0 +1,6 @@
+{
+  "watch": ["src"],
+  "ext": ".ts,.js",
+  "ignore": [],
+  "exec": "npx ts-node ./src/index.ts"
+}

app/client/bot/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "bot",
+  "version": "0.0.1",
+  "description": "Bot sample for Databag network",
+  "main": "index.js",
+  "scripts": {
+    "start": "npm run build && node build/index.js",
+    "start:dev": "npx nodemon",
+    "build": "rimraf ./build && tsc",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/balzack/databag.git"
+  },
+  "keywords": [
+    "bot",
+    "databag",
+    "decentralized"
+  ],
+  "author": "Roland Osborne <roland.osborne@gmail.com>",
+  "license": "Apache-2.0",
+  "bugs": {
+    "url": "https://github.com/balzack/databag/issues"
+  },
+  "homepage": "https://github.com/balzack/databag#readme",
+  "devDependencies": {
+    "@types/node": "^20.14.9",
+    "nodemon": "^3.1.4",
+    "rimraf": "^5.0.7",
+    "ts-node": "^10.9.2"
+  },
+  "dependencies": {
+    "databag-client-sdk": "^0.0.18",
+    "typescript": "^5.5.3"
+  }
+}

app/client/bot/src/index.ts

@@ -0,0 +1,9 @@
+import { DatabagSDK } from 'databag-client-sdk';
+
+const run = async () => {
+  const sdk = new DatabagSDK(null);
+  const bot = await sdk.automate();
+  console.log(bot);
+}
+
+run();

app/client/bot/tsconfig.json

@@ -0,0 +1,108 @@
+{
+  "compilerOptions": {
+    /* Visit https://aka.ms/tsconfig to read more about this file */
+
+    /* Projects */
+    // "incremental": true,                              /* Save .tsbuildinfo files to allow for incremental compilation of projects. */
+    // "composite": true,                                /* Enable constraints that allow a TypeScript project to be used with project references. */
+    // "tsBuildInfoFile": "./.tsbuildinfo",              /* Specify the path to .tsbuildinfo incremental compilation file. */
+    // "disableSourceOfProjectReferenceRedirect": true,  /* Disable preferring source files instead of declaration files when referencing composite projects. */
+    // "disableSolutionSearching": true,                 /* Opt a project out of multi-project reference checking when editing. */
+    // "disableReferencedProjectLoad": true,             /* Reduce the number of projects loaded automatically by TypeScript. */
+
+    /* Language and Environment */
+    "target": "es2016",                                  /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
+    "lib": ["es6"],                                      /* Specify a set of bundled library declaration files that describe the target runtime environment. */
+    // "jsx": "preserve",                                /* Specify what JSX code is generated. */
+    // "experimentalDecorators": true,                   /* Enable experimental support for legacy experimental decorators. */
+    // "emitDecoratorMetadata": true,                    /* Emit design-type metadata for decorated declarations in source files. */
+    // "jsxFactory": "",                                 /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'. */
+    // "jsxFragmentFactory": "",                         /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */
+    // "jsxImportSource": "",                            /* Specify module specifier used to import the JSX factory functions when using 'jsx: react-jsx*'. */
+    // "reactNamespace": "",                             /* Specify the object invoked for 'createElement'. This only applies when targeting 'react' JSX emit. */
+    // "noLib": true,                                    /* Disable including any library files, including the default lib.d.ts. */
+    // "useDefineForClassFields": true,                  /* Emit ECMAScript-standard-compliant class fields. */
+    // "moduleDetection": "auto",                        /* Control what method is used to detect module-format JS files. */
+
+    /* Modules */
+    "module": "commonjs",                                /* Specify what module code is generated. */
+    "rootDir": "src",                                    /* Specify the root folder within your source files. */
+    // "moduleResolution": "node10",                     /* Specify how TypeScript looks up a file from a given module specifier. */
+    // "baseUrl": "./",                                  /* Specify the base directory to resolve non-relative module names. */
+    // "paths": {},                                      /* Specify a set of entries that re-map imports to additional lookup locations. */
+    // "rootDirs": [],                                   /* Allow multiple folders to be treated as one when resolving modules. */
+    // "typeRoots": [],                                  /* Specify multiple folders that act like './node_modules/@types'. */
+    // "types": [],                                      /* Specify type package names to be included without being referenced in a source file. */
+    // "allowUmdGlobalAccess": true,                     /* Allow accessing UMD globals from modules. */
+    // "moduleSuffixes": [],                             /* List of file name suffixes to search when resolving a module. */
+    // "allowImportingTsExtensions": true,               /* Allow imports to include TypeScript file extensions. Requires '--moduleResolution bundler' and either '--noEmit' or '--emitDeclarationOnly' to be set. */
+    // "resolvePackageJsonExports": true,                /* Use the package.json 'exports' field when resolving package imports. */
+    // "resolvePackageJsonImports": true,                /* Use the package.json 'imports' field when resolving imports. */
+    // "customConditions": [],                           /* Conditions to set in addition to the resolver-specific defaults when resolving imports. */
+    "resolveJsonModule": true,                           /* Enable importing .json files. */
+    // "allowArbitraryExtensions": true,                 /* Enable importing files with any extension, provided a declaration file is present. */
+    // "noResolve": true,                                /* Disallow 'import's, 'require's or '<reference>'s from expanding the number of files TypeScript should add to a project. */
+
+    /* JavaScript Support */
+    "allowJs": true,                                     /* Allow JavaScript files to be a part of your program. Use the 'checkJS' option to get errors from these files. */
+    // "checkJs": true,                                  /* Enable error reporting in type-checked JavaScript files. */
+    // "maxNodeModuleJsDepth": 1,                        /* Specify the maximum folder depth used for checking JavaScript files from 'node_modules'. Only applicable with 'allowJs'. */
+
+    /* Emit */
+    // "declaration": true,                              /* Generate .d.ts files from TypeScript and JavaScript files in your project. */
+    // "declarationMap": true,                           /* Create sourcemaps for d.ts files. */
+    // "emitDeclarationOnly": true,                      /* Only output d.ts files and not JavaScript files. */
+    // "sourceMap": true,                                /* Create source map files for emitted JavaScript files. */
+    // "inlineSourceMap": true,                          /* Include sourcemap files inside the emitted JavaScript. */
+    // "outFile": "./",                                  /* Specify a file that bundles all outputs into one JavaScript file. If 'declaration' is true, also designates a file that bundles all .d.ts output. */
+    "outDir": "build",                                   /* Specify an output folder for all emitted files. */
+    // "removeComments": true,                           /* Disable emitting comments. */
+    // "noEmit": true,                                   /* Disable emitting files from a compilation. */
+    // "importHelpers": true,                            /* Allow importing helper functions from tslib once per project, instead of including them per-file. */
+    // "downlevelIteration": true,                       /* Emit more compliant, but verbose and less performant JavaScript for iteration. */
+    // "sourceRoot": "",                                 /* Specify the root path for debuggers to find the reference source code. */
+    // "mapRoot": "",                                    /* Specify the location where debugger should locate map files instead of generated locations. */
+    // "inlineSources": true,                            /* Include source code in the sourcemaps inside the emitted JavaScript. */
+    // "emitBOM": true,                                  /* Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files. */
+    // "newLine": "crlf",                                /* Set the newline character for emitting files. */
+    // "stripInternal": true,                            /* Disable emitting declarations that have '@internal' in their JSDoc comments. */
+    // "noEmitHelpers": true,                            /* Disable generating custom helper functions like '__extends' in compiled output. */
+    // "noEmitOnError": true,                            /* Disable emitting files if any type checking errors are reported. */
+    // "preserveConstEnums": true,                       /* Disable erasing 'const enum' declarations in generated code. */
+    // "declarationDir": "./",                           /* Specify the output directory for generated declaration files. */
+
+    /* Interop Constraints */
+    // "isolatedModules": true,                          /* Ensure that each file can be safely transpiled without relying on other imports. */
+    // "verbatimModuleSyntax": true,                     /* Do not transform or elide any imports or exports not marked as type-only, ensuring they are written in the output file's format based on the 'module' setting. */
+    // "isolatedDeclarations": true,                     /* Require sufficient annotation on exports so other tools can trivially generate declaration files. */
+    // "allowSyntheticDefaultImports": true,             /* Allow 'import x from y' when a module doesn't have a default export. */
+    "esModuleInterop": true,                             /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */
+    // "preserveSymlinks": true,                         /* Disable resolving symlinks to their realpath. This correlates to the same flag in node. */
+    "forceConsistentCasingInFileNames": true,            /* Ensure that casing is correct in imports. */
+
+    /* Type Checking */
+    "strict": true,                                      /* Enable all strict type-checking options. */
+    "noImplicitAny": true,                               /* Enable error reporting for expressions and declarations with an implied 'any' type. */
+    // "strictNullChecks": true,                         /* When type checking, take into account 'null' and 'undefined'. */
+    // "strictFunctionTypes": true,                      /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */
+    // "strictBindCallApply": true,                      /* Check that the arguments for 'bind', 'call', and 'apply' methods match the original function. */
+    // "strictPropertyInitialization": true,             /* Check for class properties that are declared but not set in the constructor. */
+    // "noImplicitThis": true,                           /* Enable error reporting when 'this' is given the type 'any'. */
+    // "useUnknownInCatchVariables": true,               /* Default catch clause variables as 'unknown' instead of 'any'. */
+    // "alwaysStrict": true,                             /* Ensure 'use strict' is always emitted. */
+    // "noUnusedLocals": true,                           /* Enable error reporting when local variables aren't read. */
+    // "noUnusedParameters": true,                       /* Raise an error when a function parameter isn't read. */
+    // "exactOptionalPropertyTypes": true,               /* Interpret optional property types as written, rather than adding 'undefined'. */
+    // "noImplicitReturns": true,                        /* Enable error reporting for codepaths that do not explicitly return in a function. */
+    // "noFallthroughCasesInSwitch": true,               /* Enable error reporting for fallthrough cases in switch statements. */
+    // "noUncheckedIndexedAccess": true,                 /* Add 'undefined' to a type when accessed using an index. */
+    // "noImplicitOverride": true,                       /* Ensure overriding members in derived classes are marked with an override modifier. */
+    // "noPropertyAccessFromIndexSignature": true,       /* Enforces using indexed accessors for keys declared using an indexed type. */
+    // "allowUnusedLabels": true,                        /* Disable error reporting for unused labels. */
+    // "allowUnreachableCode": true,                     /* Disable error reporting for unreachable code. */
+
+    /* Completeness */
+    // "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
+    "skipLibCheck": true                                 /* Skip type checking all .d.ts files. */
+  }
+}

app/client/mobile/.bundle/config

@@ -0,0 +1,2 @@
+BUNDLE_PATH: "vendor/bundle"
+BUNDLE_FORCE_RUBY_PLATFORM: 1

app/client/mobile/.eslintrc.js

@@ -0,0 +1,4 @@
+module.exports = {
+  root: true,
+  extends: '@react-native',
+};

app/client/mobile/.prettierrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  arrowParens: 'avoid',
+  bracketSameLine: true,
+  bracketSpacing: false,
+  singleQuote: true,
+  trailingComma: 'all',
+};

app/client/mobile/.watchmanconfig

@@ -0,0 +1 @@
+{}

app/client/mobile/App.tsx

@@ -0,0 +1,154 @@
+import React, { useState, useEffect, useRef } from 'react';
+import {Alert, Text, StatusBar} from 'react-native';
+import {AppContextProvider} from './src/context/AppContext';
+import {DisplayContextProvider} from './src/context/DisplayContext';
+import {NativeRouter} from 'react-router-native';
+import {Routes, Route} from 'react-router-dom';
+import {Root} from './src/root/Root';
+import {Access} from './src/access/Access';
+import {Service} from './src/service/Service';
+import {Session} from './src/session/Session';
+import ReceiveSharingIntent from 'react-native-receive-sharing-intent';
+
+import {useColorScheme} from 'react-native';
+import {MD3LightTheme, MD3DarkTheme, PaperProvider} from 'react-native-paper';
+
+const databagColors = {
+  light: {
+    name: 'light',
+    primary: 'rgb(0, 108, 71)',
+    onPrimary: 'rgb(255, 255, 255)',
+    primaryContainer: 'rgb(142, 247, 193)',
+    onPrimaryContainer: 'rgb(0, 33, 19)',
+    secondary: 'rgb(121, 89, 0)',
+    onSecondary: 'rgb(255, 255, 255)',
+    secondaryContainer: 'rgb(255, 223, 160)',
+    onSecondaryContainer: 'rgb(38, 26, 0)',
+    tertiary: 'rgb(60, 100, 114)',
+    onTertiary: 'rgb(255, 255, 255)',
+    tertiaryContainer: 'rgb(192, 233, 250)',
+    onTertiaryContainer: 'rgb(0, 31, 40)',
+    error: 'rgb(186, 26, 26)',
+    onError: 'rgb(255, 255, 255)',
+    errorContainer: 'rgb(255, 218, 214)',
+    onErrorContainer: 'rgb(65, 0, 2)',
+    background: 'rgb(251, 253, 248)',
+    onBackground: 'rgb(25, 28, 26)',
+    surface: 'rgb(251, 253, 248)',
+    onSurface: 'rgb(25, 28, 26)',
+    surfaceVariant: 'rgb(220, 229, 220)',
+    onSurfaceVariant: 'rgb(64, 73, 67)',
+    outline: 'rgb(112, 121, 114)',
+    outlineVariant: 'rgb(128, 128, 128)',
+    shadow: 'rgb(0, 0, 0)',
+    scrim: 'rgb(0, 0, 0)',
+    inverseSurface: 'rgb(46, 49, 46)',
+    inverseOnSurface: 'rgb(239, 241, 237)',
+    inversePrimary: 'rgb(113, 218, 166)',
+    elevation: {
+      level0: 'rgb(255, 255, 255)',
+      level1: 'rgb(240, 240, 240)',
+      level2: 'rgb(232, 232, 232)',
+      level3: 'rgb(216, 216, 216)',
+      level4: 'rgb(208, 208, 208)',
+      level5: 'rgb(200, 200, 200)',
+    },
+    surfaceDisabled: 'rgba(25, 28, 26, 0.12)',
+    onSurfaceDisabled: 'rgba(25, 28, 26, 0.38)',
+    backdrop: 'rgba(42, 50, 45, 0.4)',
+    base: '#8fbea7',
+  },
+  dark: {
+    name: 'dark',
+    primary: 'rgb(9, 178, 99)',
+    onPrimary: 'rgb(0, 56, 35)',
+    primaryContainer: 'rgb(0, 82, 52)',
+    onPrimaryContainer: 'rgb(142, 247, 193)',
+    secondary: 'rgb(248, 189, 42)',
+    onSecondary: 'rgb(64, 45, 0)',
+    secondaryContainer: 'rgb(92, 67, 0)',
+    onSecondaryContainer: 'rgb(255, 223, 160)',
+    tertiary: 'rgb(164, 205, 221)',
+    onTertiary: 'rgb(5, 53, 66)',
+    tertiaryContainer: 'rgb(35, 76, 89)',
+    onTertiaryContainer: 'rgb(192, 233, 250)',
+    error: 'rgb(255, 180, 171)',
+    onError: 'rgb(105, 0, 5)',
+    errorContainer: 'rgb(147, 0, 10)',
+    onErrorContainer: 'rgb(255, 180, 171)',
+    background: 'rgb(25, 28, 26)',
+    onBackground: 'rgb(225, 227, 223)',
+    surface: 'rgb(25, 28, 26)',
+    onSurface: 'rgb(225, 227, 223)',
+    surfaceVariant: 'rgb(64, 73, 67)',
+    onSurfaceVariant: 'rgb(192, 201, 193)',
+    outline: 'rgb(138, 147, 140)',
+    outlineVariant: 'rgb(64, 73, 67)',
+    shadow: 'rgb(0, 0, 0)',
+    scrim: 'rgb(0, 0, 0)',
+    inverseSurface: 'rgb(225, 227, 223)',
+    inverseOnSurface: 'rgb(46, 49, 46)',
+    inversePrimary: 'rgb(0, 108, 71)',
+    elevation: {
+      level0: 'rgb(0, 0, 0)',
+      level1: 'rgb(8, 8, 8)',
+      level2: 'rgb(16, 16, 16)',
+      level3: 'rgb(24, 24, 24)',
+      level4: 'rgb(64, 64, 64)',
+      level5: 'rgb(80, 80, 80)',
+    },
+    surfaceDisabled: 'rgba(225, 227, 223, 0.12)',
+    onSurfaceDisabled: 'rgba(225, 227, 223, 0.38)',
+    backdrop: 'rgba(42, 50, 45, 0.4)',
+    base: 'rgb(0,0,0)',
+  },
+};
+
+function App(): React.JSX.Element {
+  const colorScheme = useColorScheme();
+  const [share, setShare] = useState(null as null | { filePath: string, mimeType: string });
+
+  useEffect(() => {
+    ReceiveSharingIntent.getReceivedFiles(files => {
+      if (files && files.length) {
+        const { filePath, mimeType } = files[0];
+        setShare({ filePath: filePath.startsWith('file') ? filePath : `file://${filePath}`, mimeType });
+      }
+    }, 
+    (error) =>{
+      console.log(error);
+    }, 
+    'databag'
+    );
+    return () => {ReceiveSharingIntent.clearReceivedFiles() }
+  }, []);
+
+  const theme =
+    colorScheme === 'dark'
+      ? {...MD3DarkTheme, colors: databagColors.dark}
+      : {...MD3LightTheme, colors: databagColors.light};
+
+  barStyle = colorScheme === 'dark' ? 'light-content' : 'dark-content';
+  backgroundColor = colorScheme === 'dark' ? databagColors.dark.elevation.level3 : databagColors.light.elevation.level3;
+
+  return (
+    <AppContextProvider>
+      <DisplayContextProvider>
+        <PaperProvider theme={theme}>
+          <NativeRouter>
+            <StatusBar />
+            <Root />
+            <Routes>
+              <Route path="/" element={<Text>EMPTY</Text>} />
+              <Route path="/access" element={<Access />} />
+              <Route path="/service" element={<Service />} />
+              <Route path="/session" element={<Session share={share} />} />
+            </Routes>
+          </NativeRouter>
+        </PaperProvider>
+      </DisplayContextProvider>
+    </AppContextProvider>
+  );
+}
+
+export default App;

app/client/mobile/Gemfile

@@ -0,0 +1,9 @@
+source 'https://rubygems.org'
+
+# You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
+ruby ">= 2.6.10"
+
+# Cocoapods 1.15 introduced a bug which break the build. We will remove the upper
+# bound in the template on Cocoapods with next React Native release.
+gem 'cocoapods', '>= 1.13', '< 1.15'
+gem 'activesupport', '>= 6.1.7.5', '< 7.1.0'

app/client/mobile/README.md

@@ -0,0 +1 @@
+

app/client/mobile/__tests__/App.test.tsx

@@ -0,0 +1,17 @@
+/**
+ * @format
+ */
+
+import 'react-native';
+import React from 'react';
+import App from '../App';
+
+// Note: import explicitly to use the types shipped with jest.
+import {it} from '@jest/globals';
+
+// Note: test renderer must be required after react-native.
+import renderer from 'react-test-renderer';
+
+it('renders correctly', () => {
+  renderer.create(<App />);
+});

app/client/mobile/android/app/build.gradle

@@ -0,0 +1,126 @@
+apply plugin: "com.android.application"
+apply plugin: "org.jetbrains.kotlin.android"
+apply plugin: "com.facebook.react"
+apply plugin: "com.google.gms.google-services"
+apply from: file("../../node_modules/react-native-vector-icons/fonts.gradle")
+
+/**
+ * This is the configuration block to customize your React Native Android app.
+ * By default you don't need to apply any configuration, just uncomment the lines you need.
+ */
+react {
+    /* Folders */
+    //   The root of your project, i.e. where "package.json" lives. Default is '../..'
+    // root = file("../../")
+    //   The folder where the react-native NPM package is. Default is ../../node_modules/react-native
+    // reactNativeDir = file("../../node_modules/react-native")
+    //   The folder where the react-native Codegen package is. Default is ../../node_modules/@react-native/codegen
+    // codegenDir = file("../../node_modules/@react-native/codegen")
+    //   The cli.js file which is the React Native CLI entrypoint. Default is ../../node_modules/react-native/cli.js
+    // cliFile = file("../../node_modules/react-native/cli.js")
+
+    /* Variants */
+    //   The list of variants to that are debuggable. For those we're going to
+    //   skip the bundling of the JS bundle and the assets. By default is just 'debug'.
+    //   If you add flavors like lite, prod, etc. you'll have to list your debuggableVariants.
+    // debuggableVariants = ["liteDebug", "prodDebug"]
+
+    /* Bundling */
+    //   A list containing the node command and its flags. Default is just 'node'.
+    // nodeExecutableAndArgs = ["node"]
+    //
+    //   The command to run when bundling. By default is 'bundle'
+    // bundleCommand = "ram-bundle"
+    //
+    //   The path to the CLI configuration file. Default is empty.
+    // bundleConfig = file(../rn-cli.config.js)
+    //
+    //   The name of the generated asset file containing your JS bundle
+    // bundleAssetName = "MyApplication.android.bundle"
+    //
+    //   The entry file for bundle generation. Default is 'index.android.js' or 'index.js'
+    // entryFile = file("../js/MyApplication.android.js")
+    //
+    //   A list of extra flags to pass to the 'bundle' commands.
+    //   See https://github.com/react-native-community/cli/blob/main/docs/commands.md#bundle
+    // extraPackagerArgs = []
+
+    /* Hermes Commands */
+    //   The hermes compiler command to run. By default it is 'hermesc'
+    // hermesCommand = "$rootDir/my-custom-hermesc/bin/hermesc"
+    //
+    //   The list of flags to pass to the Hermes compiler. By default is "-O", "-output-source-map"
+    // hermesFlags = ["-O", "-output-source-map"]
+
+    /* Autolinking */
+    autolinkLibrariesWithApp()
+}
+
+/**
+ * Set this to true to Run Proguard on Release builds to minify the Java bytecode.
+ */
+def enableProguardInReleaseBuilds = false
+
+/**
+ * The preferred build flavor of JavaScriptCore (JSC)
+ *
+ * For example, to use the international variant, you can use:
+ * `def jscFlavor = 'org.webkit:android-jsc-intl:+'`
+ *
+ * The international variant includes ICU i18n library and necessary data
+ * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that
+ * give correct results when using with locales other than en-US. Note that
+ * this variant is about 6MiB larger per architecture than default.
+ */
+def jscFlavor = 'org.webkit:android-jsc:+'
+
+android {
+    ndkVersion rootProject.ext.ndkVersion
+    buildToolsVersion rootProject.ext.buildToolsVersion
+    compileSdk rootProject.ext.compileSdkVersion
+
+    compileOptions {
+      sourceCompatibility JavaVersion.VERSION_1_8
+      targetCompatibility JavaVersion.VERSION_1_8
+    }
+
+    namespace "com.databag"
+    defaultConfig {
+        applicationId "com.databag"
+        minSdkVersion rootProject.ext.minSdkVersion
+        targetSdkVersion rootProject.ext.targetSdkVersion
+        versionCode 1156
+        versionName "1.5"
+    }
+    signingConfigs {
+      release {
+        storeFile file('balzack.keystore')
+        storePassword 'balzack'
+        keyAlias 'balzack'
+        keyPassword 'balzack'
+      }
+    }
+    buildTypes {
+        release {
+            // Caution! In production, you need to generate your own keystore file.
+            // see https://reactnative.dev/docs/signed-apk-android.
+            signingConfig signingConfigs.release
+            minifyEnabled enableProguardInReleaseBuilds
+            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
+        }
+    }
+}
+
+dependencies {
+    // The version of react-native is set by the React Native Gradle Plugin
+    implementation("com.facebook.react:react-android")
+  implementation 'com.facebook.fresco:animated-gif:3.2.0'
+  implementation 'com.facebook.fresco:animated-webp:3.2.0'
+  implementation 'com.facebook.fresco:webpsupport:3.2.0'
+
+    if (hermesEnabled.toBoolean()) {
+        implementation("com.facebook.react:hermes-android")
+    } else {
+        implementation jscFlavor
+    }
+}

app/client/mobile/android/app/google-services.json

@@ -0,0 +1,40 @@
+{
+  "project_info": {
+    "project_number": "627079362503",
+    "project_id": "databag-b46e0",
+    "storage_bucket": "databag-b46e0.appspot.com"
+  },
+  "client": [
+    {
+      "client_info": {
+        "mobilesdk_app_id": "1:627079362503:android:6f3dfcb2c255787b4a8be2",
+        "android_client_info": {
+          "package_name": "com.databag"
+        }
+      },
+      "oauth_client": [
+        {
+          "client_id": "627079362503-8bk8o4hcv5rgdgrhik6nu9cjp3poisv7.apps.googleusercontent.com",
+          "client_type": 3
+        }
+      ],
+      "api_key": [
+        {
+          "current_key": "AIzaSyAb92cvtSnaoQzhbDizg0dFskOtZFp_58M"
+        }
+      ],
+      "services": {
+        "appinvite_service": {
+          "other_platform_oauth_client": [
+            {
+              "client_id": "627079362503-8bk8o4hcv5rgdgrhik6nu9cjp3poisv7.apps.googleusercontent.com",
+              "client_type": 3
+            }
+          ]
+        }
+      }
+    }
+  ],
+  "configuration_version": "1"
+}
+

app/client/mobile/android/app/proguard-rules.pro

@@ -0,0 +1,10 @@
+# Add project specific ProGuard rules here.
+# By default, the flags in this file are appended to flags specified
+# in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt
+# You can edit the include path and order by changing the proguardFiles
+# directive in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# Add any project specific keep options here:

app/client/mobile/android/app/src/debug/AndroidManifest.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools">
+
+    <application
+        android:usesCleartextTraffic="true"
+        tools:targetApi="28"
+        tools:ignore="GoogleAppIndexingWarning"/>
+</manifest>

app/client/mobile/android/app/src/main/AndroidManifest.xml

@@ -0,0 +1,78 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <uses-feature android:name="android.hardware.camera" />
+    <uses-feature android:name="android.hardware.camera.autofocus" />
+    <uses-feature android:name="android.hardware.audio.output" />
+    <uses-feature android:name="android.hardware.microphone" />
+
+    <uses-permission android:name="android.permission.CAMERA" />
+    <uses-permission android:name="android.permission.RECORD_AUDIO" />
+    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
+    <uses-permission android:name="android.permission.CHANGE_NETWORK_STATE" />
+    <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
+    <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
+    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
+    <uses-permission android:name="android.permission.POST_NOTIFICATIONS" />
+
+    <application
+      android:name=".MainApplication"
+      android:label="@string/app_name"
+      android:icon="@mipmap/ic_launcher"
+      android:roundIcon="@mipmap/ic_launcher_round"
+      android:allowBackup="false"
+      android:theme="@style/AppTheme"
+      android:supportsRtl="true"
+      android:requestLegacyExternalStorage="true">
+      <activity
+        android:name=".MainActivity"
+        android:label="@string/app_name"
+        android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|screenSize|smallestScreenSize|uiMode"
+        android:launchMode="singleTask"
+        android:windowSoftInputMode="adjustNothing"
+        android:exported="true">
+        <intent-filter>
+            <action android:name="android.intent.action.MAIN" />
+            <category android:name="android.intent.category.LAUNCHER" />
+        </intent-filter>
+
+        <intent-filter>
+            <action android:name="android.intent.action.MAIN" />
+            <category android:name="android.intent.category.LAUNCHER" />
+        </intent-filter>
+
+          <intent-filter>
+              <action android:name="android.intent.action.VIEW" />
+              <category android:name="android.intent.category.DEFAULT" />
+              <category android:name="android.intent.category.BROWSABLE" />
+          </intent-filter>
+
+          <intent-filter>
+              <action android:name="android.intent.action.SEND" />
+              <category android:name="android.intent.category.DEFAULT" />
+              <data android:mimeType="text/*" />
+          </intent-filter>
+          <intent-filter>
+              <action android:name="android.intent.action.SEND" />
+              <category android:name="android.intent.category.DEFAULT" />
+              <data android:mimeType="image/*" />
+          </intent-filter>
+          <intent-filter>
+              <action android:name="android.intent.action.SEND_MULTIPLE" />
+              <category android:name="android.intent.category.DEFAULT" />
+              <data android:mimeType="image/*" />
+          </intent-filter>
+          <intent-filter>
+              <action android:name="android.intent.action.SEND" />
+              <category android:name="android.intent.category.DEFAULT" />
+              <data android:mimeType="video/*" />
+          </intent-filter>
+          <intent-filter>
+              <action android:name="android.intent.action.SEND_MULTIPLE" />
+              <category android:name="android.intent.category.DEFAULT" />
+              <data android:mimeType="video/*" />
+          </intent-filter>
+
+      </activity>
+    </application>
+</manifest>

app/client/mobile/android/app/src/main/java/com/databag/MainActivity.kt

@@ -0,0 +1,37 @@
+package com.databag
+
+import com.facebook.react.ReactActivity
+import com.facebook.react.ReactActivityDelegate
+import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.fabricEnabled
+import com.facebook.react.defaults.DefaultReactActivityDelegate
+
+import android.os.Bundle;
+import org.devio.rn.splashscreen.SplashScreen;
+
+import android.content.Intent;
+
+class MainActivity : ReactActivity() {
+
+  /**
+   * Returns the name of the main component registered from JavaScript. This is used to schedule
+   * rendering of the component.
+   */
+  override fun getMainComponentName(): String = "Databag"
+
+  override fun onNewIntent(intent: Intent) {
+    super.onNewIntent(intent);
+    setIntent(intent);
+  }
+
+  override fun onCreate(savedInstanceState: Bundle?) {
+    SplashScreen.show(this)
+    super.onCreate(savedInstanceState)
+  }
+
+  /**
+   * Returns the instance of the [ReactActivityDelegate]. We use [DefaultReactActivityDelegate]
+   * which allows you to enable New Architecture with a single boolean flags [fabricEnabled]
+   */
+  override fun createReactActivityDelegate(): ReactActivityDelegate =
+      DefaultReactActivityDelegate(this, mainComponentName, fabricEnabled)
+}