klemek/fa-diagrams
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[skip CI] updated docs to use YAML

Browse Source
This commit is contained in:
Klemek
2019-07-16 19:48:13 +02:00
parent 244dc7af6b
commit d80af61e7a
7 changed files with 974 additions and 883 deletions
Download Patch File Download Diff File Expand all files Collapse all files
build_preview.js
+2 -1
View File
@@ -1,4 +1,5 @@
const fs = require('fs'); const fs = require('fs');
const YAML = require('yaml');
const rendering = require('./src/rendering')({ const rendering = require('./src/rendering')({
'scale': 0.05, 'scale': 0.05,
@@ -62,6 +63,6 @@ const data = {
] ]
}; };
fs.writeFileSync('docs/sample.json', JSON.stringify(data, null, 4), {encoding: 'utf-8'}); fs.writeFileSync('docs/sample.yml', YAML.stringify(data, null, 4), {encoding: 'utf-8'});
fs.writeFileSync('preview/sample.svg', faDiagrams.compute(data), {encoding: 'utf-8'}); fs.writeFileSync('preview/sample.svg', faDiagrams.compute(data), {encoding: 'utf-8'});
dist/fa-diagrams.js
Vendored
+951 -853
View File
File diff suppressed because it is too large Load Diff
dist/fa-diagrams.min.js
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
docs/index.html
+5 -4
View File
@@ -4,6 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>fa-diagrams example</title> <title>fa-diagrams example</title>
<script src="jquery-3.4.1.min.js"></script> <script src="jquery-3.4.1.min.js"></script>
<script src="yaml.min.js"></script>
<script src="fa-diagrams-data.min.js"></script> <script src="fa-diagrams-data.min.js"></script>
<script src="fa-diagrams.min.js"></script> <script src="fa-diagrams.min.js"></script>
<style> <style>
@@ -44,13 +45,13 @@
</head> </head>
<body> <body>
<div id="left"> <div id="left">
<textarea id="input"></textarea> <textarea id="input" autocomplete="false" spellcheck="false"></textarea>
</div> </div>
<div id="right"></div> <div id="right"></div>
<script> <script>
$(document).ready(() => { $(document).ready(() => {
$.getJSON('sample.json', (data) => { $.getJSON('sample.yml', (data) => {
$('#input').val(JSON.stringify(data, null, 4)).trigger('paste'); $('#input').val(YAML.stringify(data, null, 4)).trigger('paste');
}); });
let timeout; let timeout;
@@ -58,7 +59,7 @@
clearTimeout(timeout); clearTimeout(timeout);
timeout = setTimeout(() => { timeout = setTimeout(() => {
try{ try{
let data = JSON.parse($('#input').val()); let data = YAML.parse($('#input').val());
$('#right').html(faDiagrams.compute(data)); $('#right').html(faDiagrams.compute(data));
}catch(err){ }catch(err){
$('#right').html(`<h2>${err.toString().replace(/\n/gm, '<br>')}</h2>`); $('#right').html(`<h2>${err.toString().replace(/\n/gm, '<br>')}</h2>`);
docs/sample.json
-24
View File
@@ -1,24 +0,0 @@
{
"nodes": [
{
"name": "node1",
"icon": "laptop-code",
"color": "#4E342E",
"bottom": "my app"
},
{
"name": "node2",
"icon": "globe",
"color": "#455A64",
"bottom": "world"
}
],
"links": [
{
"from": "node1",
"to": "node2",
"color": "#333333",
"bottom": "hello"
}
]
}
docs/sample.yml
+14
View File
@@ -0,0 +1,14 @@
nodes:
- name: node1
icon: laptop-code
color: "#4E342E"
bottom: my app
- name: node2
icon: globe
color: "#455A64"
bottom: world
links:
- from: node1
to: node2
color: "#333333"
bottom: hello
docs/yaml.min.js
Vendored
+1
View File
File diff suppressed because one or more lines are too long