Skip to content

Commit e9a3b3b

Browse files
sake92sake92
committed
Add demos to ghpages
1 parent 6a9d115 commit e9a3b3b

File tree

20 files changed

+117388
-0
lines changed

20 files changed

+117388
-0
lines changed

‎.github/workflows/ghpages.yml‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
2+
name: Deploy GhPages
3+
4+
on:
5+
push:
6+
branches:
7+
- main
8+
9+
permissions:
10+
contents: write
11+
12+
jobs:
13+
build-and-deploy:
14+
runs-on: macos-latest
15+
steps:
16+
- uses: actions/checkout@v4
17+
- name: Build
18+
env:
19+
FLATMARK_BASE_URL: https://sacode387.github.io/FlowRun
20+
run: |
21+
FLATMARK_VERSION=0.0.25
22+
curl -L https://github.com/sake92/flatmark/releases/download/v${FLATMARK_VERSION}/flatmark-1.0.0.pkg -o flatmark.pkg
23+
sudo installer -verbose -pkg flatmark.pkg -target /
24+
flatmark build -i docs
25+
- name: Deploy
26+
uses: JamesIves/github-pages-deploy-action@v4
27+
with:
28+
folder: docs/_site

‎.gitignore‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,3 +25,6 @@ out/
2525

2626
node_modules/
2727
package-lock.json
28+
29+
_site/
30+
.flatmark-cache/

‎docs/_config.yaml‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
2+
name: FlowRun Documentation
3+
description: FlowRun Documentation
4+
5+
categories:
6+
demos:
7+
label: Demos
8+
description: FlowRun Demos

‎docs/_layouts/demo.html‎

Lines changed: 145 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,145 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
9+
<title>FlowRun</title>
10+
11+
<link href="/vendor/prism.css" rel="stylesheet" />
12+
<link href="/vendor/material-icons.css" rel="stylesheet">
13+
<link href="/vendor/toastify.min.css" rel="stylesheet" type="text/css">
14+
15+
<link href="/flowrun.css" rel="stylesheet" type="text/css">
16+
<link href="/main.css" rel="stylesheet" type="text/css">
17+
18+
</head>
19+
20+
<body>
21+
22+
<template id="flowrun-template">
23+
<div class="flowrun-functions-list flowrun--panel">
24+
<div class="flowrun-fun-chooser"></div>
25+
<button class="flowrun-btn-fun-add" title="Add new function"> <span class="material-icons">add</span> </button>
26+
</div>
27+
28+
<div class="flowrun-diagram flowrun--panel">
29+
<div class="flowrun-draw-io-btns">
30+
<button class="flowrun-btn-download" title="Download"> <span class="material-icons">file_download</span> </button>
31+
<button class="flowrun-btn-load" title="Load from file"> <span class="material-icons">file_upload</span> </button>
32+
<button class="flowrun-btn-copy-source" title="Copy Source"> <span class="material-icons">file_copy</span> </button>
33+
<button class="flowrun-btn-paste-source" title="Paste Source"> <span class="material-icons">content_paste</span> </button>
34+
<button class="flowrun-btn-copy-dot" title="Copy DOT"> <span class="material-icons">account_tree</span> </button>
35+
</div>
36+
<div class="flowrun-diagram-info">
37+
<input class="flowrun-program-name flowrun--disabled" type="text">
38+
<span>&nbsp;</span>
39+
<button class="flowrun-btn-config"><span class="material-icons">settings</span></button>
40+
<button class="flowrun-btn-zoom-reset"><span class="material-icons">zoom_out_map</span></button>
41+
</div>
42+
<div class="flowrun-draw-exec-btns">
43+
<button class="flowrun-btn-run" title="Run"> <span class="material-icons">play_arrow</span> </button>
44+
<button class="flowrun-btn-run-step" title="Run Step By Step"> <span class="material-icons">skip_next</span> </button>
45+
<button class="flowrun-btn-stop flowrun--disabled" title="Stop"> <span class="material-icons">stop</span> </button>
46+
</div>
47+
<div class="flowrun-draw"> </div>
48+
<div class="flowrun-debug-vars"></div>
49+
</div>
50+
51+
<div class="flowrun-output flowrun--panel">
52+
<div class="flowrun-scratchpad">
53+
<div class="flowrun-output-statement"></div>
54+
<div class="flowrun-output-syntax"></div>
55+
<div class="flowrun-output-runtime"></div>
56+
</div>
57+
<button class="flowrun-btn-clear-output" title="Clear Output"> <span class="material-icons">clear</span> </button>
58+
</div>
59+
60+
<div class="flowrun-gen-code flowrun--panel line-numbers">
61+
<pre class="flowrun-code"></pre>
62+
<div class="flowrun-gen-code-btns">
63+
<button class="flowrun-btn-copy-gencode" title="Copy Generated Code"> <span class="material-icons">code</span> </button>
64+
<select class="flowrun-gencode-lang"></select>
65+
</div>
66+
</div>
67+
68+
<!-- this whole div will be deleted -->
69+
<div class="flowrun-template-transient">
70+
<button class="flowrun-btn-fun-delete" title="Delete function"> <span class="material-icons">remove</span> </button>
71+
<button class="flowrun-btn-fun-add-param" title="Add new parameter"> <span class="material-icons">add</span> </button>
72+
<button class="flowrun-btn-fun-delete-param" title="Delete parameter"> <span class="material-icons">remove</span> </button>
73+
<select class="flowrun-input-select"></select>
74+
<input class="flowrun-input-text" type="text" size="10">
75+
<input type="radio" class="flowrun-input-radio">
76+
<input type="checkbox" class="flowrun-input-checkbox">
77+
<button class="flowrun-btn-enter"> <span class="material-icons">input</span> Enter</button>
78+
</div>
79+
80+
<!-- context menus -->
81+
<div class="flowrun-edge-context-menu flowrun-context-menu">
82+
<button class="flowrun-paste-stmt"> <span class="material-icons">content_paste</span> Paste</button>
83+
<button class="flowrun-add-declare"> <span class="material-icons">post_add</span> Declare</button>
84+
<button class="flowrun-add-assign"> <span class="material-icons">sync_alt</span> Assign</button>
85+
<button class="flowrun-add-input"> <span class="material-icons">keyboard</span> Input</button>
86+
<button class="flowrun-add-output"> <span class="material-icons">desktop_windows</span> Output</button>
87+
<button class="flowrun-add-if"> <span class="material-icons">call_split</span> If</button>
88+
<button class="flowrun-add-while"> <span class="material-icons">repeat</span> While</button>
89+
<button class="flowrun-add-do-while"> <span class="material-icons">repeat</span> Do While</button>
90+
<button class="flowrun-add-for"> <span class="material-icons">repeat</span> For loop</button>
91+
<button class="flowrun-add-call"> <span class="material-icons">call</span> Call</button>
92+
<button class="flowrun-add-comment"> <span class="material-icons">comment</span> Comment</button>
93+
</div>
94+
95+
<div class="flowrun-node-context-menu flowrun-context-menu">
96+
<button class="flowrun-copy-stmt"> <span class="material-icons">content_copy</span> Copy</button>
97+
<button class="flowrun-delete"> <span class="material-icons">remove</span> Delete</button>
98+
</div>
99+
100+
<dialog class="flowrun-config">
101+
<button class="flowrun-btn-config-close"><span class="material-icons">close</span></button>
102+
<div class="flowrun-config-layout">
103+
<label>
104+
<input class="flowrun-cb-show-functions" type="checkbox">
105+
Show functions
106+
</label>
107+
<label>
108+
<input class="flowrun-cb-show-gen-code" type="checkbox">
109+
Show generated code
110+
</label>
111+
<label>
112+
<input class="flowrun-cb-show-debug-vars" type="checkbox">
113+
Show debug variables
114+
</label>
115+
<label>
116+
<input class="flowrun-cb-show-io-btns" type="checkbox">
117+
Show import/export buttons
118+
</label>
119+
<label>
120+
<input class="flowrun-cb-use-input-prompt" type="checkbox">
121+
Use input prompt
122+
</label>
123+
<label>
124+
<input class="flowrun-cb-echo-entered-value" type="checkbox">
125+
Echo entered value
126+
</label>
127+
</div>
128+
</dialog>
129+
</template>
130+
131+
{{page.content}}
132+
133+
<!-- graphviz -->
134+
<script src="/vendor/graphviz.umd.js"></script>
135+
<script src="/vendor/d3.min.js"></script>
136+
<script src="/vendor/d3-graphviz.min.js"></script>
137+
<!-- highlight code -->
138+
<script src="/vendor/prism.js"></script>
139+
<!-- popups -->
140+
<script src="/vendor/toastify-js.js"></script>
141+
142+
<script src="/scripts/main.js"></script>
143+
</body>
144+
145+
</html>

‎docs/content/demos/blank.md‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
---
2+
title: Blank Editor
3+
layout: demo.html
4+
---
5+
6+
# Blank Editor
7+
8+
<div class="flowrun-instance"></div>
9+

‎docs/content/demos/readonly.md‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
---
2+
title: ReadOnly Editor
3+
layout: demo.html
4+
---
5+
6+
# ReadOnly Editor
7+
8+
<div class="flowrun-instance flowrun-readonly flowrun--hidden ">
9+
{"id":"id_2680a766_5e3f_43c9_90da_f1e651fc3099","version":"0.1", "name":"ReadOnly","config":{"lang":"scala","showFunctions":true,"showGenCode":true},"main":{"rawId":"main","name":"main","parameters":[],"tpe":"Void","statements":[{"id":"id_87498624_665e_4bd4_ba04_718ac78142a2","@type":"Begin"},{"id":"id_51583a96_edb9_448b_b482_71a9bd8f1624","value":"fib(16)","@type":"Output", "newline": true},{"id":"id_a90ebc25_f9d7_4f36_aa9c_2c8cbb0148ea","maybeValue":null,"@type":"Return"}]},"functions":[{"rawId":"id_3ab18ee6_a2ca_4f61_bd44_0e775335b003","name":"fib","parameters":[{"id":"03049558-c257-420c-aca0-ec0ab9d379ea","name":"n","tpe":"Integer"}],"tpe":"Integer","statements":[{"id":"id_34908360_84e7_4a54_984f_d2784d05deef","@type":"Begin"},{"id":"id_3f36a122_d09c_4733_83d8_7f249fdafa1c","name":"a","tpe":"Integer","initValue":"0","@type":"Declare"},{"id":"id_33033dc0_fdc4_4008_9a50_33edf1642f85","name":"b","tpe":"Integer","initValue":"1","@type":"Declare"},{"id":"id_da88bdb6_c907_4b5c_9f87_f4314e56e6c7","name":"res","tpe":"Integer","initValue":null,"@type":"Declare"},{"id":"id_fc6ab968_021b_48c0_b054_98d0c646ebea","condition":"n > 1","body":{"id":"id_f020a924_da55_4ad7_a235_1b7580ed4141","statements":[{"id":"id_1e1a3b3e_af6f_4ff8_aaa2_b77e8ff755cf","name":"res","value":"a+b","@type":"Assign"},{"id":"id_73f85b36_f964_4af0_9e43_d65fe435b6a6","name":"a","value":"b","@type":"Assign"},{"id":"id_3caffff1_f870_410f_85a6_0c651bb68b95","name":"b","value":"res","@type":"Assign"},{"id":"id_4e81bf27_b791_4a99_bc7e_4de870dedec2","name":"n","value":"n-1","@type":"Assign"}]},"@type":"While"},{"id":"id_67acb368_4b37_4e31_aeea_f168f03526d3","maybeValue":"res","@type":"Return"}]}]}
10+
</div>

‎docs/content/index.md‎

Whitespace-only changes.

0 commit comments

Comments
 (0)