Micromaid

KO | EN

gitlite — search

#python #hacktoberfest #react #llm #android #machine-learning #deep-learning #linux #macos #awesome #awesome-list #security #openai #open-source

(★ 11)

A simple Mermaid-like chart generator for Pharo

Micromaid 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Micromaid
Micromaid is a small subset of [Mermaid](https://mermaid.live/) for Pharo 13 and later.

## Installation

### On Iceberg

Clone github repository with `tomooda` / `Micromaid`.

![Screenshot-Micromaid-Iceberg](https://github.com/user-attachments/assets/6848f0cb-889e-4b81-bdd8-05331790305e)

![Screenshot-Micromaid-Metacello](https://github.com/user-attachments/assets/dac7865a-36b8-4525-9e51-6df17776daf3)

### On Playground

```pharo
EpMonitor disableDuring: [
	Metacello new
		onConflictUseLoaded;
		onWarningLog;
		repository: 'github://tomooda/Micromaid:main/';
		baseline: 'Micromaid';
		load ] 
```

## Viewing mermaid diagrams embedded in markdown documents on Pharo

The following is the REPL flowchart embedded as a mermaid script.

```mermaid
flowchart TD
R[Read]
E[Eval]
P[Print]
A([Init]) --> R
R -->  E
E -->|quit| Q([quit])
E --> P
P --> R
```

On Pharo, you can view this document like the below.

## Embedding micromaid diagrams in Microdown documents

You can embed a micromaid script in [Microdown](https://github.com/pillar-markup/Microdown) documents, including class comments.
For example, if your class has a comment as below,

````text
I am a REPL interpreter.
```mermaid
flowchart TD
R[Read]
E[Eval]
P[Print]
A([Init]) --> R
R -->  E
E -->|quit| Q([quit])
E --> P
P --> R
```
````
you'll have the following presentation on the browser.

## Authoring Micromaid/Mermaid scripts with Spec UI

`MicromaidLiveEditorPresenter` provides the following UI for live authoring.

The diagram on the right will be update as you type in the left source pane.

## Supported diagrams

Subsets of the following diagrams from mermaid are supported in Micromaid.

* [flowchart/graph](https://mermaid.js.org/syntax/flowchart.html)
  
  <img width="230" height="243" alt="REPL" src="https://github.com/user-attachments/assets/219400ff-6469-4004-930c-b9d641e55850" />

* [class diagram](https://mermaid.js.org/syntax/classDiagram.html)

* [state diagram](https://mermaid.js.org/syntax/stateDiagram.html)
  
  <img width="324" height="369" alt="2-stroke" src="https://github.com/user-attachments/assets/202b3c24-2990-46a4-8de2-1c4cf4f96514" />

* [sequence diagram](https://mermaid.js.org/syntax/sequenceDiagram.html)
  
  <img width="423" height="581" alt="web-browsing" src="https://github.com/user-attachments/assets/01aa0e67-6140-49d7-a1da-9608754bcb56" />

Micromaid

Micromaid 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Micromaid

Micromaid 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README