+ 
+
+
+ The Web Tooling Benchmark is a performance test suite focused on JavaScript related workloads found
+ in common web developer tools these days. For more information, read the
+ in-depth
+ analysis. Bigger scores are better.
+
+
+
+ Start test
+
+
+
+
+
+
diff --git a/src/style.css b/src/style.css
new file mode 100644
index 00000000..643d64bf
--- /dev/null
+++ b/src/style.css
@@ -0,0 +1,194 @@
+/*-
+ * Copyright (c) 2017 Benedikt Meurer
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining
+ * a copy of this software and associated documentation files (the
+ * "Software"), to deal in the Software without restriction, including
+ * without limitation the rights to use, copy, modify, merge, publish,
+ * distribute, sublicense, and/or sell copies of the Software, and to
+ * permit persons to whom the Software is furnished to do so, subject to
+ * the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be
+ * included in all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+ * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+ * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+ * LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+ * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+ * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+body {
+ font-family: Roboto, Helvetica, Verdana, sans-serif;
+ font-size: 16px;
+ line-height: 19px;
+ padding-bottom: 00px;
+}
+
+body main {
+ display: block;
+ width: 850px;
+ margin: auto;
+ text-align: center;
+ padding: 10px;
+}
+
+::selection {
+ background-color: rgb(19, 156, 7);
+ color: white;
+}
+
+p.summary {
+ margin: 18px auto 5px;
+ background-image: -webkit-linear-gradient(
+ right,
+ white 70%,
+ rgba(255, 255, 255, 0)
+ );
+ background-image: -moz-linear-gradient(
+ right,
+ white 70%,
+ rgba(255, 255, 255, 0)
+ );
+ background-image: linear-gradient(
+ to right,
+ white 70%,
+ rgba(255, 255, 255, 0)
+ );
+ padding: 15px 125px 0;
+ text-align: center;
+}
+
+h1 {
+ color: rgb(19, 156, 7);
+ text-align: left;
+ margin-top: 40px;
+}
+
+p {
+ text-align: left;
+ text-indent: 20px;
+}
+
+p:first-of-type {
+ text-indent: 0;
+}
+
+div#status {
+ margin-top: 20px;
+ height: 20px;
+}
+
+div#status a:link {
+ font-weight: bold;
+}
+
+div#result-summary:empty {
+ display: none;
+}
+
+div#result-summary {
+ margin-top: 20px;
+}
+
+div#result-summary label {
+ font-weight: bold;
+}
+
+div#result-summary .score {
+ font-weight: bold;
+ font-size: 48px;
+ line-height: 48px;
+ color: rgb(19, 156, 7);
+}
+
+div#result-summary .score .interval {
+ display: block;
+ font-size: 18px;
+ line-height: 18px;
+ font-weight: normal;
+}
+
+.interval {
+ opacity: 0.75;
+}
+
+a:link,
+a:visited {
+ color: rgb(19, 156, 7);
+ text-decoration: none;
+}
+
+a:link:hover {
+ text-decoration: underline;
+}
+
+table#results {
+ border-spacing: 0;
+ border-collapse: collapse;
+ margin-top: 15px;
+ width: 100%;
+ table-layout: fixed;
+}
+
+td,
+th {
+ padding: 4px 8px;
+}
+
+th {
+ font-size: 14px;
+}
+
+tr:first-child > th:nth-child(odd):not(:first-child) {
+ border-left: 15px solid white;
+}
+
+tr:first-child > th:nth-child(odd) {
+ text-align: left;
+}
+
+tr:first-child > th:nth-child(even) {
+ width: px;
+}
+
+tr:nth-child(even):not(:first-child) {
+ background-color: rgb(238, 247, 238);
+}
+
+.result {
+ color: rgb(19, 156, 7);
+ white-space: nowrap;
+}
+
+.highlighted-result {
+ background-color: rgb(19, 156, 7);
+ color: white;
+}
+
+.benchmark-name {
+ text-align: left;
+ white-space: nowrap;
+}
+
+.geometric-mean,
+.benchmark-name.category,
+.result.category {
+ font-weight: bold;
+}
+
+.benchmark-name:not(.category):not(.geometric-mean) {
+ text-indent: 0.5em;
+}
+
+.benchmark-name:not(:first-child) {
+ border-left: 15px solid white;
+}
+
+.benchmark-name a:link,
+.benchmark-name a:visited {
+ color: black;
+}
diff --git a/webpack.config.js b/webpack.config.js
index 631bd6c5..30d65bcc 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -19,31 +19,66 @@
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+const CopyWebpackPlugin = require("copy-webpack-plugin");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
const path = require("path");
const webpack = require("webpack");
-module.exports = {
- entry: "./src/cli.js",
- output: {
- filename: "run.js",
- path: path.resolve(__dirname, "dist")
+module.exports = [
+ {
+ context: path.resolve("src"),
+ entry: "./cli.js",
+ output: {
+ filename: "run.js",
+ path: path.resolve("dist")
+ },
+ bail: true,
+ resolve: {
+ alias: {
+ fs: require.resolve("./src/vfs"),
+ module: require.resolve("./src/mocks/dummy")
+ }
+ },
+ plugins: [
+ new webpack.BannerPlugin({
+ banner:
+ "// Required for JavaScript engine shells.\n" +
+ "var global = this;\n" +
+ "if (typeof console === 'undefined') {\n" +
+ " console = {log: print};\n" +
+ "}",
+ raw: true
+ })
+ ]
},
- bail: true,
- resolve: {
- alias: {
- fs: require.resolve("./src/vfs"),
- module: require.resolve("./src/mocks/dummy")
- }
- },
- plugins: [
- new webpack.BannerPlugin({
- banner:
- "// Required for JavaScript engine shells.\n" +
- "var global = this;\n" +
- "if (typeof console === 'undefined') {\n" +
- " console = {log: print};\n" +
- "}",
- raw: true
- })
- ]
-};
+ {
+ context: path.resolve("src"),
+ entry: "./bootstrap.js",
+ output: {
+ filename: "bundle.js",
+ path: path.resolve("dist")
+ },
+ bail: true,
+ resolve: {
+ alias: {
+ define: require.resolve("./src/mocks/dummy"),
+ fs: require.resolve("./src/vfs"),
+ module: require.resolve("./src/mocks/dummy")
+ }
+ },
+ plugins: [
+ new CopyWebpackPlugin([{ from: "style.css" }, { from: "Logo.png" }]),
+ new webpack.BannerPlugin({
+ banner:
+ "// Work-around for the weird JaegerMonkey\n" +
+ "// work-around inside benchmark.js.\n" +
+ "const define = { amd: {} };\n",
+ raw: true
+ }),
+ new HtmlWebpackPlugin({
+ template: "./index.html",
+ inject: "head"
+ })
+ ]
+ }
+];