MultiBoards (Nextcloud App)

• Create Digital Boards from your content in Nextcloud
• Use it for Mindmaps, Visualizations, Knowledge Management, ...
• Based on Reactflow

Install the app

• Either via https://apps.nextcloud.com
• or Place this app in nextcloud/apps/

Use the app

• Create new MultiBoard from the Files Overview
• Write, Edit and Connect on Board: Text Nodes, .md Documents, Images, PDFs
• Share Boards to the Public (only for single .mboard File, not a Shared Folder)

Building the app

Javascript

Node/npm: (see https://github.com/nvm-sh/nvm)

$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.0/install.sh | bash
$ nvm install 22

React:

js/flow/$ npm install
js/flow/$ npm run build

Filesintegration: (+see package.json: "build": ...)

js/filesintegration/$ npm install
js/filesintegration/$ npm run build

React

• Sources located in js/flow/
• Build: js automatically located in js/flow/build/static/js/
  • MANUALLY adapt references in templates/index.php

CSS

• Build: MANUALLY place in css/
  • MANUALLY adapt reference in templates/index.php

FilesApp Integration

• Sources located in js/filesintegration/

created like so:

js$ mkdir filesintegration
js$ cd filesintegration
filesintegration$ npm init -y
filesintegration$ npm install webpack webpack-cli --save-dev
filesintegration$ npm install @nextcloud/files
filesintegration$ npm install @nextcloud/browserslist-config
filesintegration$ npm install path-browserify
filesintegration$ vi package.json
filesintegration$ vi webpack.config.js

PHP

• located in lib/
• AppInfo/Application.php registers NcEventListener.php to integrate into FilesApp
  • BeforeTemplateRenderedEvent is for SingleFile Public Share
  • LoadAdditionalScriptsEvent is for FileList Integration

HTML

• templates (php format) located in templates/
• root index.php includes script + css references

Publish the App

• App Upgrade Guide
• Publish the App on the Appstore
  • apps/multiboards$ make appstore
  • Signature: openssl dgst -sha512 -sign multiboards.key multiboards.tar.gz | openssl base64
  • Git Release Asset: Create new Release in Github Repo, upload multiboards.tar.gz as Asset
  • Upload: https://apps.nextcloud.com/developer/apps/releases/new
    • Input Signature (see above)
    • Input Link to Git Release Asset (https://github.com/.../releases/download/.../multiboards.tar.gz)