Skip to content

Commit 5eac284

Browse files
krausestkrausest
committed
Merge branch 'master' of https://github.com/mogera551/js-framework-benchmark into mogera551-master
2 parents d850d2b + b1bb671 commit 5eac284

File tree

8 files changed

+123
-107
lines changed

8 files changed

+123
-107
lines changed

‎frameworks/keyed/quel/index.html

Lines changed: 12 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,15 +4,23 @@
44
<meta charset="utf-8"/>
55
<title>quel-"keyed"</title>
66
<link href="/css/currentStyle.css" rel="stylesheet"/>
7-
</head>
7+
<script type="importmap">
8+
{
9+
"imports": {
10+
"quel": "./src/quel.min.js",
11+
"buildData": "./src/buildData.js",
12+
"myappMain": "./src/myappMain.sfc.html"
13+
}
14+
}
15+
</script>
16+
</head>
817
<body>
918
<myapp-main></myapp-main>
1019

1120
<script type="module">
12-
import { registerComponentModules as register } from "./src/quel.min.js";
13-
import * as myappMain from "./src/myappMain.js";
21+
import { registerSingleFileComponents as register } from "quel";
1422

15-
register({ myappMain });
23+
register({ "myapp-main": "myappMain" });
1624
</script>
1725

1826
</body>

‎frameworks/keyed/quel/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
"description": "benchmark for quel",
55
"main": "index.js",
66
"js-framework-benchmark": {
7-
"frameworkVersion": "0.15.2",
7+
"frameworkVersion": "0.16.1",
88
"frameworkHomeURL": "https://github.com/mogera551/quel",
99
"issues": [1139]
1010
},

‎frameworks/keyed/quel/src/myappMain.js renamed to ‎frameworks/keyed/quel/src/myappMain.sfc.html

Lines changed: 48 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -1,51 +1,5 @@
1-
import { buildData } from "./buildData.js";
2-
3-
export const html = `
4-
<div class="container">
5-
<div class="jumbotron">
6-
<div class="row">
7-
<div class="col-md-6">
8-
<h1>quel-"non-keyed"</h1>
9-
</div>
10-
<div class="col-md-6">
11-
<div class="row">
12-
<div class="col-sm-6 smallpad">
13-
<button class="btn btn-primary btn-block" id="run" data-bind="run">Create 1,000 rows</button>
14-
</div>
15-
<div class="col-sm-6 smallpad">
16-
<button class="btn btn-primary btn-block" id="runlots" data-bind="runLots">Create 10,000 rows</button>
17-
</div>
18-
<div class="col-sm-6 smallpad">
19-
<button class="btn btn-primary btn-block" id="add" data-bind="add">Append 1,000 rows</button>
20-
</div>
21-
<div class="col-sm-6 smallpad">
22-
<button class="btn btn-primary btn-block" id="update" data-bind="update">Update every 10th row</button>
23-
</div>
24-
<div class="col-sm-6 smallpad">
25-
<button class="btn btn-primary btn-block" id="clear" data-bind="clear">Clear</button>
26-
</div>
27-
<div class="col-sm-6 smallpad">
28-
<button class="btn btn-primary btn-block" id="swaprows" data-bind="swapRows">Swap Rows</button>
29-
</div>
30-
</div>
31-
</div>
32-
</div>
33-
</div>
34-
<table class="table table-hover table-striped test-data">
35-
<tbody>
36-
{{ loop:data }}
37-
<tr data-bind="class.danger:data.*.selected">
38-
<td class="col-md-1">{{ data.*.id }}</td>
39-
<td class="col-md-4"><a data-bind="select">{{ data.*.label }}</a></td>
40-
<td class="col-md-1"><a data-bind="remove"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a></td>
41-
<td class="col-md-6"></td>
42-
</tr>
43-
{{ end: }}
44-
</tbody>
45-
</table>
46-
</div>
47-
<span class="preloadicon glyphicon glyphicon-remove" aria-hidden="true"></span>
48-
`;
1+
<script type="module">
2+
import { buildData } from "buildData";
493

504
export class ViewModel {
515
data = [];
@@ -93,3 +47,49 @@ <h1>quel-"non-keyed"</h1>
9347
}
9448
}
9549
}
50+
</script>
51+
52+
<div class="container">
53+
<div class="jumbotron">
54+
<div class="row">
55+
<div class="col-md-6">
56+
<h1>quel-"non-keyed"</h1>
57+
</div>
58+
<div class="col-md-6">
59+
<div class="row">
60+
<div class="col-sm-6 smallpad">
61+
<button class="btn btn-primary btn-block" id="run" data-bind="run">Create 1,000 rows</button>
62+
</div>
63+
<div class="col-sm-6 smallpad">
64+
<button class="btn btn-primary btn-block" id="runlots" data-bind="runLots">Create 10,000 rows</button>
65+
</div>
66+
<div class="col-sm-6 smallpad">
67+
<button class="btn btn-primary btn-block" id="add" data-bind="add">Append 1,000 rows</button>
68+
</div>
69+
<div class="col-sm-6 smallpad">
70+
<button class="btn btn-primary btn-block" id="update" data-bind="update">Update every 10th row</button>
71+
</div>
72+
<div class="col-sm-6 smallpad">
73+
<button class="btn btn-primary btn-block" id="clear" data-bind="clear">Clear</button>
74+
</div>
75+
<div class="col-sm-6 smallpad">
76+
<button class="btn btn-primary btn-block" id="swaprows" data-bind="swapRows">Swap Rows</button>
77+
</div>
78+
</div>
79+
</div>
80+
</div>
81+
</div>
82+
<table class="table table-hover table-striped test-data">
83+
<tbody>
84+
{{ loop:data }}
85+
<tr data-bind="class.danger:data.*.selected">
86+
<td class="col-md-1">{{ data.*.id }}</td>
87+
<td class="col-md-4"><a data-bind="select">{{ data.*.label }}</a></td>
88+
<td class="col-md-1"><a data-bind="remove"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a></td>
89+
<td class="col-md-6"></td>
90+
</tr>
91+
{{ endloop: }}
92+
</tbody>
93+
</table>
94+
</div>
95+
<span class="preloadicon glyphicon glyphicon-remove" aria-hidden="true"></span>

‎frameworks/keyed/quel/src/quel.min.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎frameworks/non-keyed/quel/index.html

Lines changed: 11 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,15 +4,23 @@
44
<meta charset="utf-8"/>
55
<title>quel-"non-keyed"</title>
66
<link href="/css/currentStyle.css" rel="stylesheet"/>
7+
<script type="importmap">
8+
{
9+
"imports": {
10+
"quel": "./src/quel.min.js",
11+
"buildData": "./src/buildData.js",
12+
"myappMain": "./src/myappMain.sfc.html"
13+
}
14+
}
15+
</script>
716
</head>
817
<body>
918
<myapp-main></myapp-main>
1019

1120
<script type="module">
12-
import { registerComponentModules as register } from "./src/quel.min.js";
13-
import * as myappMain from "./src/myappMain.js";
21+
import { registerSingleFileComponents as register } from "quel";
1422

15-
register({ myappMain });
23+
register({ "myapp-main": "myappMain" });
1624
</script>
1725

1826
</body>

‎frameworks/non-keyed/quel/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
"description": "benchmark for quel",
55
"main": "index.js",
66
"js-framework-benchmark": {
7-
"frameworkVersion": "0.15.2",
7+
"frameworkVersion": "0.16.1",
88
"frameworkHomeURL": "https://github.com/mogera551/quel",
99
"issues": [1139]
1010
},

‎frameworks/non-keyed/quel/src/myappMain.js renamed to ‎frameworks/non-keyed/quel/src/myappMain.sfc.html

Lines changed: 48 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -1,51 +1,7 @@
1-
import { buildData } from "./buildData.js";
1+
<script type="module">
2+
import { buildData } from "buildData";
23

3-
export const html = `
4-
<div class="container">
5-
<div class="jumbotron">
6-
<div class="row">
7-
<div class="col-md-6">
8-
<h1>quel-"non-keyed"</h1>
9-
</div>
10-
<div class="col-md-6">
11-
<div class="row">
12-
<div class="col-sm-6 smallpad">
13-
<button class="btn btn-primary btn-block" id="run" data-bind="run">Create 1,000 rows</button>
14-
</div>
15-
<div class="col-sm-6 smallpad">
16-
<button class="btn btn-primary btn-block" id="runlots" data-bind="runLots">Create 10,000 rows</button>
17-
</div>
18-
<div class="col-sm-6 smallpad">
19-
<button class="btn btn-primary btn-block" id="add" data-bind="add">Append 1,000 rows</button>
20-
</div>
21-
<div class="col-sm-6 smallpad">
22-
<button class="btn btn-primary btn-block" id="update" data-bind="update">Update every 10th row</button>
23-
</div>
24-
<div class="col-sm-6 smallpad">
25-
<button class="btn btn-primary btn-block" id="clear" data-bind="clear">Clear</button>
26-
</div>
27-
<div class="col-sm-6 smallpad">
28-
<button class="btn btn-primary btn-block" id="swaprows" data-bind="swapRows">Swap Rows</button>
29-
</div>
30-
</div>
31-
</div>
32-
</div>
33-
</div>
34-
<table class="table table-hover table-striped test-data">
35-
<tbody>
36-
{{ loop:data }}
37-
<tr data-bind="class.danger:data.*.selected">
38-
<td class="col-md-1">{{ data.*.id }}</td>
39-
<td class="col-md-4"><a data-bind="select">{{ data.*.label }}</a></td>
40-
<td class="col-md-1"><a data-bind="remove"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a></td>
41-
<td class="col-md-6"></td>
42-
</tr>
43-
{{ end: }}
44-
</tbody>
45-
</table>
46-
</div>
47-
<span class="preloadicon glyphicon glyphicon-remove" aria-hidden="true"></span>
48-
`;
4+
export const moduleConfig = { useKeyed:false }
495

506
export class ViewModel {
517
data = [];
@@ -93,5 +49,49 @@ <h1>quel-"non-keyed"</h1>
9349
}
9450
}
9551
}
52+
</script>
9653

97-
export const moduleConfig = { useKeyed:false }
54+
<div class="container">
55+
<div class="jumbotron">
56+
<div class="row">
57+
<div class="col-md-6">
58+
<h1>quel-"non-keyed"</h1>
59+
</div>
60+
<div class="col-md-6">
61+
<div class="row">
62+
<div class="col-sm-6 smallpad">
63+
<button class="btn btn-primary btn-block" id="run" data-bind="run">Create 1,000 rows</button>
64+
</div>
65+
<div class="col-sm-6 smallpad">
66+
<button class="btn btn-primary btn-block" id="runlots" data-bind="runLots">Create 10,000 rows</button>
67+
</div>
68+
<div class="col-sm-6 smallpad">
69+
<button class="btn btn-primary btn-block" id="add" data-bind="add">Append 1,000 rows</button>
70+
</div>
71+
<div class="col-sm-6 smallpad">
72+
<button class="btn btn-primary btn-block" id="update" data-bind="update">Update every 10th row</button>
73+
</div>
74+
<div class="col-sm-6 smallpad">
75+
<button class="btn btn-primary btn-block" id="clear" data-bind="clear">Clear</button>
76+
</div>
77+
<div class="col-sm-6 smallpad">
78+
<button class="btn btn-primary btn-block" id="swaprows" data-bind="swapRows">Swap Rows</button>
79+
</div>
80+
</div>
81+
</div>
82+
</div>
83+
</div>
84+
<table class="table table-hover table-striped test-data">
85+
<tbody>
86+
{{ loop:data }}
87+
<tr data-bind="class.danger:data.*.selected">
88+
<td class="col-md-1">{{ data.*.id }}</td>
89+
<td class="col-md-4"><a data-bind="select">{{ data.*.label }}</a></td>
90+
<td class="col-md-1"><a data-bind="remove"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a></td>
91+
<td class="col-md-6"></td>
92+
</tr>
93+
{{ endloop: }}
94+
</tbody>
95+
</table>
96+
</div>
97+
<span class="preloadicon glyphicon glyphicon-remove" aria-hidden="true"></span>

‎frameworks/non-keyed/quel/src/quel.min.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)