Update benchmarks

easafe · easafe · commit 637c0e7c01f9 · 2025-09-07T09:37:55.000Z
diff --git a/benchmarks/js-framework-benchmark/keyed/index.js b/benchmarks/js-framework-benchmark/keyed/index.js
@@ -1 +1 @@
-require('./dce-output/Main').main();
+require('./output-es/Main').main();
diff --git a/benchmarks/js-framework-benchmark/keyed/package.json b/benchmarks/js-framework-benchmark/keyed/package.json
@@ -1,17 +1,17 @@
 {
     "name": "js-framework-benchmark-keyed-flame",
     "sideEffects": false,
-    "version": "1.0.0",
+    "version": "1.6.0",
     "description": "Purescript Flame JS Benchmark",
     "main": "index.js",
     "js-framework-benchmark": {
-        "frameworkVersion": "1.0.0"
+        "frameworkVersion": "1.6.0"
     },
     "scripts": {
         "postinstall": "spago install",
         "clean": "rm -rf dist output .spago node_modules",
         "build": "spago build",
-        "build-prod": "spago build --purs-args '--codegen corefn,js' && zephyr -f Main.main && webpack --config=webpack.flame.config.js"
+        "build-prod": "spago build && webpack --config=webpack.flame.config.js"
     },
     "keywords": [
         "purescript",
@@ -25,9 +25,12 @@
         "url": "https://github.com/krausest/js-framework-benchmark.git"
     },
     "devDependencies": {
-        "purescript": "0.14.4",
-        "spago": "0.20.3",
-        "webpack": "^4.44.1",
+        "purescript": "0.15.15",
+        "spago": "0.21.0",
+        "webpack": "^4.47.0",
         "webpack-cli": "^3.3.12"
+    },
+    "dependencies": {
+        "purs-backend-es": "^1.4.3"
     }
 }
diff --git a/benchmarks/js-framework-benchmark/keyed/spago.dhall b/benchmarks/js-framework-benchmark/keyed/spago.dhall
@@ -1,11 +1,15 @@
 { name = "js-framework-benchmark-flame"
-, dependencies = [
-    "flame",
-    "aff",
-    "arrays",
-    "effect",
-    "maybe",
-    "prelude" ]
+, dependencies =
+  [ "aff"
+  , "arrays"
+  , "effect"
+  , "flame"
+  , "maybe"
+  , "prelude"
+  , "tuples"
+  , "web-dom"
+  ]
 , packages = ./packages.dhall
 , sources = [ "src/**/*.purs" ]
+, backend = "purs-backend-es build"
 }
diff --git a/benchmarks/js-framework-benchmark/keyed/src/Main.purs b/benchmarks/js-framework-benchmark/keyed/src/Main.purs
@@ -80,9 +80,8 @@ jumbotron = HE.div [ HA.class' "jumbotron" ]
               [ HE.div [ HA.class' "col-md-6" ]
                       [ HE.h1_ [ HE.text "Flame 1.0.0 (keyed)" ]
                       ]
-              , HE.div [ HA.class' "col-md-6" ]
-                      [ map renderActionButton buttons
-                      ]
+              , HE.div [ HA.class' "col-md-6" ] (map renderActionButton buttons)
+
               ]
       ]
 
diff --git a/benchmarks/js-framework-benchmark/non-keyed/index.js b/benchmarks/js-framework-benchmark/non-keyed/index.js
@@ -1 +1 @@
-require('./dce-output/Main').main();
+require('./output-es/Main').main();
diff --git a/benchmarks/js-framework-benchmark/non-keyed/package.json b/benchmarks/js-framework-benchmark/non-keyed/package.json
@@ -1,17 +1,17 @@
 {
     "name": "js-framework-benchmark-non-keyed-flame",
     "sideEffects": false,
-    "version": "1.0.0",
+    "version": "1.6.0",
     "description": "Purescript Flame JS Benchmark",
     "main": "index.js",
     "js-framework-benchmark": {
-        "frameworkVersion": "1.0.0"
+        "frameworkVersion": "1.6.0"
     },
     "scripts": {
         "postinstall": "spago install",
         "clean": "rm -rf dist output .spago node_modules",
         "build": "spago build",
-        "build-prod": "spago build --purs-args '--codegen corefn,js' && zephyr -f Main.main && webpack --config=webpack.flame.config.js"
+        "build-prod": "spago build && webpack --config=webpack.flame.config.js"
     },
     "keywords": [
         "purescript",
@@ -25,9 +25,12 @@
         "url": "https://github.com/krausest/js-framework-benchmark.git"
     },
     "devDependencies": {
-        "purescript": "0.14.4",
-        "spago": "0.20.3",
-        "webpack": "^4.44.1",
+        "purescript": "0.15.15",
+        "spago": "0.21",
+        "webpack": "^4.47.0",
         "webpack-cli": "^3.3.12"
+    },
+    "dependencies": {
+        "purs-backend-es": "^1.4.3"
     }
 }
diff --git a/benchmarks/js-framework-benchmark/non-keyed/spago.dhall b/benchmarks/js-framework-benchmark/non-keyed/spago.dhall
@@ -1,11 +1,15 @@
 { name = "js-framework-benchmark-flame"
-, dependencies = [ "flame",
-    "aff",
-    "arrays",
-    "effect",
-    "maybe",
-    "web-dom",
-    "prelude" ]
+, dependencies =
+  [ "aff"
+  , "arrays"
+  , "effect"
+  , "flame"
+  , "maybe"
+  , "prelude"
+  , "tuples"
+  , "web-dom"
+  ]
 , packages = ./packages.dhall
 , sources = [ "src/**/*.purs" ]
+, backend = "purs-backend-es build"
 }
diff --git a/benchmarks/js-framework-benchmark/non-keyed/src/Main.purs b/benchmarks/js-framework-benchmark/non-keyed/src/Main.purs
@@ -3,16 +3,17 @@ module Main where
 import Data.Array ((!!))
 import Data.Array as DA
 import Data.Maybe (Maybe(..))
+import Data.Tuple.Nested ((/\))
 import Effect (Effect)
 import Effect.Aff (Aff)
 import Effect.Class (liftEffect)
 import Effect.Uncurried (EffectFn2)
 import Effect.Uncurried as EU
+import Flame (Update)
 import Flame as F
-import Flame.Application.EffectList as F
 import Flame.Html.Attribute as HA
 import Flame.Html.Element as HE
-import Flame.Types ((/\), Html, NodeData)
+import Flame.Types (Html, NodeData)
 import Prelude (Unit, bind, map, mod, pure, show, (+), (/=), (<>), (==), otherwise)
 import Web.DOM.ParentNode (QuerySelector(..))
 
@@ -78,9 +79,8 @@ jumbotron = HE.div [ HA.class' "jumbotron" ]
               [ HE.div [ HA.class' "col-md-6" ]
                       [ HE.h1_ [ HE.text "Flame 1.0.0 (non-keyed)" ]
                       ]
-              , HE.div [ HA.class' "col-md-6" ]
-                      [ map renderActionButton buttons
-                      ]
+              , HE.div [ HA.class' "col-md-6" ] (map renderActionButton buttons)
+
               ]
       ]
 
diff --git a/docs/assets/img/benchmark-keyed-1.png b/docs/assets/img/benchmark-keyed-1.png
diff --git a/docs/assets/img/benchmark-keyed-2.png b/docs/assets/img/benchmark-keyed-2.png
diff --git a/docs/assets/img/benchmark-non-keyed-1.png b/docs/assets/img/benchmark-non-keyed-1.png
diff --git a/docs/assets/img/benchmark-non-keyed-2.png b/docs/assets/img/benchmark-non-keyed-2.png
diff --git a/docs/benchmarks.md b/docs/benchmarks.md
@@ -6,7 +6,7 @@ permalink: /benchmarks
 
 ## Benchmarks
 
-Flame performs comparatively to similar JavaScript or PureScript libraries in usual metrics like bundle size, initialization speed, memory usage, etc. For what it is worth, here is how it stacks against a few popular frameworks (on an old Linux Core i5 with 16GB of ram):
+Flame performs comparatively to JavaScript libraries / frameworks in usual metrics like bundle size, initialization speed, memory usage, etc. For what it is worth, here is how it stacks against a few popular frameworks (Linux Core i9 with 64GB of ram):
 
 ![benchmark-keyed-1](assets/img/benchmark-keyed-1.png)
 ![benchmark-keyed-2](assets/img/benchmark-keyed-2.png)

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-require('./dce-output/Main').main();`
	`1`	`+require('./output-es/Main').main();`
Original file line number	Diff line number	Diff line change
`@@ -80,9 +80,8 @@ jumbotron = HE.div [ HA.class' "jumbotron" ]`
`80`	`80`	`[ HE.div [ HA.class' "col-md-6" ]`
`81`	`81`	`[ HE.h1_ [ HE.text "Flame 1.0.0 (keyed)" ]`
`82`	`82`	`]`
`83`		`- , HE.div [ HA.class' "col-md-6" ]`
`84`		`- [ map renderActionButton buttons`
`85`		`- ]`
	`83`	`+ , HE.div [ HA.class' "col-md-6" ] (map renderActionButton buttons)`
	`84`	`+`
`86`	`85`	`]`
`87`	`86`	`]`
`88`	`87`