system-dynamics-tool

This is a cross-platform application to draw System Dynamics Map. It is under construction. Its features will comprise:

• drawing and styling
  • Causal Loop Diagram
  • Stock and Flow Diagram
• save as file and load it
• export as image file
• import csv file
• undo and redo
• Zoom In and Zoom Out
• find and mark loops
• find and mark archetypes
• auto poistion

With Tauri Next.js, it uses React.js framework Next.js to build static web site and applications for Windows, Linux, and MacOS. It will be able to build mobile application after Tauri 2.0 released.

Its development environment comprises:

• unit test for TDD - React Testing Library with Jest
• documentation for development and source code - Docusaurus with Typedoc
• UI component viewer for CDD - Storybook With TailwindCSS
• E2E test and BDD - Playwright and Cucumber
• i18n - i18n with static export
• check before git commit and push - husky and lint-staged
  • format - prettier
  • commit message whether following conventional commits - commitlint

Prerequisites

Install Rust

Initialize npm

npm i

Getting Started

Development

npm run dev

or

npm run tauri dev

Build static web. The built static web site is located at out.

npm run build

Build app. The built execution file is located at sif-tauri/target/release.

npm run tauri build

Document

Initialize docusaurus

cd docusaurus; npm i

Read document

npm run doc start -- -- --port 8080

UI Component

Demo

npm run storybook dev -- -p 6006

Test

Typescript

npm run jest -- --watch

UI Component

npm run test-storybook

BDD

npm run cucumber

E2E test

npx playwright test