Skip to content

Commit 359784f

Browse files
b4rtazb4rtaz
committed
0.1.3.
1 parent 7525c97 commit 359784f

File tree

7 files changed

+31
-50
lines changed

7 files changed

+31
-50
lines changed

‎README.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -60,10 +60,10 @@ Add the below code to your head section in HTML document.
6060
```html
6161
<head>
6262
...
63-
<link href="//cdn.jsdelivr.net/npm/[email protected]/css/designer.css" rel="stylesheet">
64-
<link href="//cdn.jsdelivr.net/npm/[email protected]/css/designer-light.css" rel="stylesheet">
65-
<link href="//cdn.jsdelivr.net/npm/[email protected]/css/designer-dark.css" rel="stylesheet">
66-
<script src="//cdn.jsdelivr.net/npm/[email protected]/lib/designer.js"></script>
63+
<link href="https://cdn.jsdelivr.net/npm/[email protected].3/css/designer.css" rel="stylesheet">
64+
<link href="https://cdn.jsdelivr.net/npm/[email protected].3/css/designer-light.css" rel="stylesheet">
65+
<link href="https://cdn.jsdelivr.net/npm/[email protected].3/css/designer-dark.css" rel="stylesheet">
66+
<script src="https://cdn.jsdelivr.net/npm/[email protected].3/lib/designer.js"></script>
6767
```
6868

6969
Call the designer by:

‎examples/assets/lib.js‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
/* global location, document */
2+
3+
function isLocalhost() {
4+
return location.hostname.toLowerCase() === 'localhost';
5+
}
6+
7+
function embedScript(url) {
8+
document.write(`<script src="${url}"></script>`);
9+
}
10+
11+
function embedStylesheet(url) {
12+
document.write(`<link href="${url}" rel="stylesheet">`);
13+
}
14+
15+
const baseUrl = isLocalhost()
16+
? '..'
17+
: '//cdn.jsdelivr.net/npm/[email protected]';
18+
19+
embedScript(`${baseUrl}/lib/designer.js`);
20+
embedStylesheet(`${baseUrl}/css/designer.css`);
21+
embedStylesheet(`${baseUrl}/css/designer-light.css`);
22+
embedStylesheet(`${baseUrl}/css/designer-dark.css`);

‎examples/fullscreen.html‎

Lines changed: 1 addition & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,6 @@
55
<title>❎ Fullscreen - Sequential Workflow Designer</title>
66
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
77

8-
<link href="../css/designer.css" rel="stylesheet">
9-
<link href="../css/designer-light.css" rel="stylesheet">
10-
118
<style>
129
body {font: 14px/1.3em 'Open Sans', Arial, Verdana, Serif;}
1310
html, body {width: 100vw; height: 100vh; margin: 0; padding: 0; overflow: hidden;}
@@ -17,12 +14,7 @@
1714
<body>
1815
<div id="designer"></div>
1916

20-
<script>
21-
const libUrl = (location.hostname.toLowerCase() === 'localhost')
22-
? '../lib/designer.js'
23-
: '//cdn.jsdelivr.net/npm/[email protected]/lib/designer.js';
24-
document.write(`<script src="${libUrl}"><\/script>`);
25-
</script>
17+
<script src="./assets/lib.js"></script>
2618
<script src="./assets/fullscreen.js"></script>
2719
</body>
2820
</html>

‎examples/image-filter.html‎

Lines changed: 1 addition & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,6 @@
55
<title>🌅 Image filter - Sequential Workflow Designer</title>
66
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
77

8-
<link href="../css/designer.css" rel="stylesheet">
9-
<link href="../css/designer-dark.css" rel="stylesheet">
10-
118
<style>
129
body {font: 14px/1.3em 'Open Sans', Arial, Verdana, Serif;}
1310
html, body {width: 100vw; height: 100vh; margin: 0; padding: 0; overflow: hidden; background: #171717;}
@@ -23,12 +20,7 @@
2320
<canvas id="preview"></canvas>
2421
</div>
2522

26-
<script>
27-
const libUrl = (location.hostname.toLowerCase() === 'localhost')
28-
? '../lib/designer.js'
29-
: '//cdn.jsdelivr.net/npm/[email protected]/lib/designer.js';
30-
document.write(`<script src="${libUrl}"><\/script>`);
31-
</script>
23+
<script src="./assets/lib.js"></script>
3224
<script src="./assets/image-filter.js"></script>
3325
</body>
3426
</html>

‎examples/light-dark.html‎

Lines changed: 1 addition & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -5,10 +5,6 @@
55
<title>⛅ Light dark - Sequential Workflow Designer</title>
66
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
77

8-
<link href="../css/designer.css" rel="stylesheet">
9-
<link href="../css/designer-light.css" rel="stylesheet">
10-
<link href="../css/designer-dark.css" rel="stylesheet">
11-
128
<style>
139
body {font: 14px/1.3em 'Open Sans', Arial, Verdana, Serif;}
1410
html, body {width: 100vw; height: 100vh; margin: 0; padding: 0; overflow: hidden;}
@@ -21,12 +17,7 @@
2117
<div id="light" class="designer"></div>
2218
<div id="dark" class="designer"></div>
2319

24-
<script>
25-
const libUrl = (location.hostname.toLowerCase() === 'localhost')
26-
? '../lib/designer.js'
27-
: '//cdn.jsdelivr.net/npm/[email protected]/lib/designer.js';
28-
document.write(`<script src="${libUrl}"><\/script>`);
29-
</script>
20+
<script src="./assets/lib.js"></script>
3021
<script src="./assets/light-dark.js"></script>
3122
</body>
3223
</html>

‎examples/live-testing.html‎

Lines changed: 1 addition & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,6 @@
55
<title>⏩ Live testing - Sequential Workflow Designer</title>
66
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
77

8-
<link href="../css/designer.css" rel="stylesheet">
9-
<link href="../css/designer-light.css" rel="stylesheet">
10-
118
<style>
129
body, input, button {font: 14px/1.3em 'Open Sans', Arial, Verdana, Serif;}
1310
html, body {width: 100vw; height: 100vh; margin: 0; padding: 0; overflow: hidden;}
@@ -38,12 +35,7 @@ <h5>Console</h5>
3835
<pre id="console"></pre>
3936
</div>
4037

41-
<script>
42-
const libUrl = (location.hostname.toLowerCase() === 'localhost')
43-
? '../lib/designer.js'
44-
: '//cdn.jsdelivr.net/npm/[email protected]/lib/designer.js';
45-
document.write(`<script src="${libUrl}"><\/script>`);
46-
</script>
38+
<script src="./assets/lib.js"></script>
4739
<script src="./assets/state-machine.js"></script>
4840
<script src="./assets/live-testing.js"></script>
4941
</body>

‎examples/particles.html‎

Lines changed: 1 addition & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,6 @@
55
<title>🔴 Particles - Sequential Workflow Designer</title>
66
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
77

8-
<link href="../css/designer.css" rel="stylesheet">
9-
<link href="../css/designer-light.css" rel="stylesheet">
10-
118
<style>
129
body {font: 14px/1.3em 'Open Sans', Arial, Verdana, Serif; background: #EDEDED;}
1310
html, body {min-width: 100vw; min-height: 100vh; margin: 0; padding: 0; overflow: hidden;}
@@ -44,12 +41,7 @@
4441
<div id="control-panel"></div>
4542
</div>
4643

47-
<script>
48-
const libUrl = (location.hostname.toLowerCase() === 'localhost')
49-
? '../lib/designer.js'
50-
: '//cdn.jsdelivr.net/npm/[email protected]/lib/designer.js';
51-
document.write(`<script src="${libUrl}"><\/script>`);
52-
</script>
44+
<script src="./assets/lib.js"></script>
5345
<script src="./assets/state-machine.js"></script>
5446
<script src="./assets/particles.js"></script>
5547
</body>

0 commit comments

Comments
 (0)