Overview

High Level Architecture

Mina High Level Architectural Diagram

Keadex Mina & Tauri

Keadex Mina is a desktop application created with an app construction toolkit that lets you build software for all major desktop operating systems using web technologies: Tauri (opens in a new tab)

At a very high level, a Tauri application is made up of:

A Frontend: you can use your preferred frontend framework. Keadex Mina uses React.
A Backend: built with Rust, this layer interacts with the operating system.

The frontend and the backend talk with each other through a Javascript bridge.

For more details about how Tauri works, please refer to the Tauri documentation (opens in a new tab).

Keadex Mina Frontend

The Keadex Mina Frontend is built with React and it mainly uses 3 Keadex libraries:

Keadex UI Kit: it provides the Keadex Design Language System (DLS).
C4 Modules UI Kit: Keadex-independent, it exports the rendering system and Fabric.js (opens in a new tab) components to render C4 Model diagrams.
For more details, please visit the C4 Model UI Kit documentation.
Keadex Utils: it contains a set of general purpose Typescript utilities used by the Keadex applications and libraries.

Keadex Mina Plugins & Components

Mina diagrams can be rendered also outside the Mina desktop application. To do so, the following packages have been created.

Mina React

Mina React exports a React component to render Mina diagrams. This library uses some React components of the Keadex Mina Frontend and a some Rust code of the Keadex Mina Backend. The Rust code is the compiled to WebAssembly (opens in a new tab).

Npm link: https://www.npmjs.com/package/@keadex/mina-react (opens in a new tab)

Mina Confluence App

Mina Confluence App is a React application with the configuration required for the integration with an Atlassian Forge (opens in a new tab) project. This application just imports and render the Mina React component.

Mina Confluence Plugin

Mina Confluence Plugin is an Atlassian Forge (opens in a new tab) project that includes the Mina Confluence plugin implementation. This plugins renders the Mina Confluence App.

Atlassian Marketplace link: https://marketplace.atlassian.com/apps/1233762?tab=overview&hosting=cloud (opens in a new tab)

Mina Docusaurus Plugin

Mina Docusaurus Plugin is used in combination with the Mina React package and it injects into Docusaurus the Webpack configuration required by the Mina React package.

Npm link: https://www.npmjs.com/package/@keadex/docusaurus-plugin-mina (opens in a new tab)