adding

package-lock.json

@@ -5,10 +5,12 @@
     "packages": {
         "": {
             "dependencies": {
-                "@tiny-components/plain-ui": "^0.5.0"
+                "@tiny-components/plain-ui": "^0.5.0",
+                "riot": "^7.1.0"
             },
             "devDependencies": {
                 "@helpers/siteomat-webpack-plugin": "^0.2.0",
+                "@riotjs/webpack-loader": "^6.0.0",
                 "cross-env": "^7.0.3",
                 "laravel-mix": "^6.0.34",
                 "laravel-mix-purgecss": "^6.0.0",
@@ -1917,6 +1919,85 @@
                 "node": ">= 8"
             }
         },
+        "node_modules/@riotjs/compiler": {
+            "version": "6.4.2",
+            "resolved": "https://registry.npmjs.org/@riotjs/compiler/-/compiler-6.4.2.tgz",
+            "integrity": "sha512-MsxPHcOPVAi3bBiS/SW0DS1kxxki9+QS1FsBhKRs+oqFNEUlIm/ESt9BudSB9ISblL18q9Y8Z5uGOrmUXOga8Q==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "@babel/parser": "^7.18.10",
+                "@riotjs/parser": "^4.3.1",
+                "@riotjs/util": "2.1.1",
+                "cssesc": "^3.0.0",
+                "cumpa": "^1.0.1",
+                "curri": "^1.0.1",
+                "dom-nodes": "^1.1.3",
+                "globals": "^13.17.0",
+                "recast": "^0.20.5",
+                "source-map": "^0.7.4"
+            }
+        },
+        "node_modules/@riotjs/compiler/node_modules/globals": {
+            "version": "13.19.0",
+            "resolved": "https://registry.npmjs.org/globals/-/globals-13.19.0.tgz",
+            "integrity": "sha512-dkQ957uSRWHw7CFXLUtUHQI3g3aWApYhfNR2O6jn/907riyTYKVBmxYVROkBcY614FSSeSJh7Xm7SrUWCxvJMQ==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "type-fest": "^0.20.2"
+            },
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/@riotjs/compiler/node_modules/source-map": {
+            "version": "0.7.4",
+            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+            "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/@riotjs/parser": {
+            "version": "4.3.1",
+            "resolved": "https://registry.npmjs.org/@riotjs/parser/-/parser-4.3.1.tgz",
+            "integrity": "sha512-ZUeAcey3ShAtquHBwuHFLrtPL1j0iEeXoOQoaZMaqVp15vq5UqOBxBcOVNfCXbr9ZbhnVCEEmek/9YFt5Ni8bA==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "curri": "^1.0.1",
+                "dom-nodes": "^1.1.3"
+            },
+            "engines": {
+                "node": ">=4.2",
+                "npm": ">=3.0"
+            }
+        },
+        "node_modules/@riotjs/util": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/@riotjs/util/-/util-2.1.1.tgz",
+            "integrity": "sha512-uE3yhckx6QhFESlA/jO/Nj8HcOeRiCV3Zw1OrdKiRAMh4o/JBhGuAkoknPWCDTHSFIffHuWV8EorbO1wZLBpvw==",
+            "dev": true,
+            "peer": true
+        },
+        "node_modules/@riotjs/webpack-loader": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/@riotjs/webpack-loader/-/webpack-loader-6.0.0.tgz",
+            "integrity": "sha512-ktmbHSexRKPK7QEymAPJq3v/S6aQcmfB0OX2p8zUoKYKlfzEYmdCRjAg4vo9Xw82r4ueYDW5GIdMvoLGWqovIA==",
+            "dev": true,
+            "dependencies": {
+                "loader-utils": "^2.0.0"
+            },
+            "peerDependencies": {
+                "@riotjs/compiler": "^6.0.0"
+            }
+        },
         "node_modules/@sideway/address": {
             "version": "4.1.4",
             "resolved": "https://registry.npmjs.org/@sideway/address/-/address-4.1.4.tgz",
@@ -2696,6 +2777,19 @@
                 "node": ">=6"
             }
         },
+        "node_modules/ast-types": {
+            "version": "0.14.2",
+            "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.14.2.tgz",
+            "integrity": "sha512-O0yuUDnZeQDL+ncNGlJ78BiO4jnYI3bvMsD5prT0/nsgijG/LpNBIr63gTjVTNsiGkgQhiyCShTgxt8oXOrklA==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "tslib": "^2.0.1"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
         "node_modules/autoprefixer": {
             "version": "10.4.13",
             "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.13.tgz",
@@ -3932,6 +4026,20 @@
                 "node": ">=8.0.0"
             }
         },
+        "node_modules/cumpa": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/cumpa/-/cumpa-1.0.1.tgz",
+            "integrity": "sha512-Ew3sfG4cqvDFINS1VgdvLX1FIruhySlnP6DRLhB+1EjewiOzhJzKRKPEp/TCuo0RDisSFeuaDrk0S4Q8grF9CA==",
+            "dev": true,
+            "peer": true
+        },
+        "node_modules/curri": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/curri/-/curri-1.0.1.tgz",
+            "integrity": "sha512-VwFb2MGqN0A1RPA0vSgDRSWc0c+V6N9yz8pVYJ9AXILAukRAyCZP5Sqp4VdOxgw1lT0t5oaplwIDT/ruF3Nz7Q==",
+            "dev": true,
+            "peer": true
+        },
         "node_modules/dayjs": {
             "version": "1.11.7",
             "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.7.tgz",
@@ -4091,6 +4199,13 @@
                 "node": ">=6"
             }
         },
+        "node_modules/dom-nodes": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/dom-nodes/-/dom-nodes-1.1.3.tgz",
+            "integrity": "sha512-y5wnIx97oe0IqMllL/lizgkK2c9vu1cQeqPCCsS7mwNdPuYxg3b04eDJynHhC63kM8+ZsteOmiPElfVGOUmmKg==",
+            "dev": true,
+            "peer": true
+        },
         "node_modules/dom-serializer": {
             "version": "1.4.1",
             "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
@@ -4382,6 +4497,20 @@
                 "node": ">=8.0.0"
             }
         },
+        "node_modules/esprima": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+            "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+            "dev": true,
+            "peer": true,
+            "bin": {
+                "esparse": "bin/esparse.js",
+                "esvalidate": "bin/esvalidate.js"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
         "node_modules/esrecurse": {
             "version": "4.3.0",
             "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
@@ -7782,6 +7911,22 @@
                 "node": ">=8.10.0"
             }
         },
+        "node_modules/recast": {
+            "version": "0.20.5",
+            "resolved": "https://registry.npmjs.org/recast/-/recast-0.20.5.tgz",
+            "integrity": "sha512-E5qICoPoNL4yU0H0NoBDntNB0Q5oMSNh9usFctYniLBluTthi3RsQVBXIJNbApOlvSwW/RGxIuokPcAc59J5fQ==",
+            "dev": true,
+            "peer": true,
+            "dependencies": {
+                "ast-types": "0.14.2",
+                "esprima": "~4.0.0",
+                "source-map": "~0.6.1",
+                "tslib": "^2.0.1"
+            },
+            "engines": {
+                "node": ">= 4"
+            }
+        },
         "node_modules/rechoir": {
             "version": "0.7.1",
             "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.7.1.tgz",
@@ -7994,6 +8139,14 @@
                 "url": "https://github.com/sponsors/isaacs"
             }
         },
+        "node_modules/riot": {
+            "version": "7.1.0",
+            "resolved": "https://registry.npmjs.org/riot/-/riot-7.1.0.tgz",
+            "integrity": "sha512-gryeKYzil9eyETv8b1Dh+BFdkzS41XQegOSQoFI8GCzxSPm3YA5QA0NVZn5SE2iyVgBrttaIn6cK9yVUI/Iu3A==",
+            "engines": {
+                "node": ">=12.0.0"
+            }
+        },
         "node_modules/ripemd160": {
             "version": "2.0.2",
             "resolved": "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.2.tgz",
@@ -9094,6 +9247,19 @@
                 "node": "*"
             }
         },
+        "node_modules/type-fest": {
+            "version": "0.20.2",
+            "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+            "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+            "dev": true,
+            "peer": true,
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
         "node_modules/type-is": {
             "version": "1.6.18",
             "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
@@ -11244,6 +11410,71 @@
                 "fastq": "^1.6.0"
             }
         },
+        "@riotjs/compiler": {
+            "version": "6.4.2",
+            "resolved": "https://registry.npmjs.org/@riotjs/compiler/-/compiler-6.4.2.tgz",
+            "integrity": "sha512-MsxPHcOPVAi3bBiS/SW0DS1kxxki9+QS1FsBhKRs+oqFNEUlIm/ESt9BudSB9ISblL18q9Y8Z5uGOrmUXOga8Q==",
+            "dev": true,
+            "peer": true,
+            "requires": {
+                "@babel/parser": "^7.18.10",
+                "@riotjs/parser": "^4.3.1",
+                "@riotjs/util": "2.1.1",
+                "cssesc": "^3.0.0",
+                "cumpa": "^1.0.1",
+                "curri": "^1.0.1",
+                "dom-nodes": "^1.1.3",
+                "globals": "^13.17.0",
+                "recast": "^0.20.5",
+                "source-map": "^0.7.4"
+            },
+            "dependencies": {
+                "globals": {
+                    "version": "13.19.0",
+                    "resolved": "https://registry.npmjs.org/globals/-/globals-13.19.0.tgz",
+                    "integrity": "sha512-dkQ957uSRWHw7CFXLUtUHQI3g3aWApYhfNR2O6jn/907riyTYKVBmxYVROkBcY614FSSeSJh7Xm7SrUWCxvJMQ==",
+                    "dev": true,
+                    "peer": true,
+                    "requires": {
+                        "type-fest": "^0.20.2"
+                    }
+                },
+                "source-map": {
+                    "version": "0.7.4",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+                    "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+                    "dev": true,
+                    "peer": true
+                }
+            }
+        },
+        "@riotjs/parser": {
+            "version": "4.3.1",
+            "resolved": "https://registry.npmjs.org/@riotjs/parser/-/parser-4.3.1.tgz",
+            "integrity": "sha512-ZUeAcey3ShAtquHBwuHFLrtPL1j0iEeXoOQoaZMaqVp15vq5UqOBxBcOVNfCXbr9ZbhnVCEEmek/9YFt5Ni8bA==",
+            "dev": true,
+            "peer": true,
+            "requires": {
+                "curri": "^1.0.1",
+                "dom-nodes": "^1.1.3"
+            }
+        },
+        "@riotjs/util": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/@riotjs/util/-/util-2.1.1.tgz",
+            "integrity": "sha512-uE3yhckx6QhFESlA/jO/Nj8HcOeRiCV3Zw1OrdKiRAMh4o/JBhGuAkoknPWCDTHSFIffHuWV8EorbO1wZLBpvw==",
+            "dev": true,
+            "peer": true
+        },
+        "@riotjs/webpack-loader": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/@riotjs/webpack-loader/-/webpack-loader-6.0.0.tgz",
+            "integrity": "sha512-ktmbHSexRKPK7QEymAPJq3v/S6aQcmfB0OX2p8zUoKYKlfzEYmdCRjAg4vo9Xw82r4ueYDW5GIdMvoLGWqovIA==",
+            "dev": true,
+            "requires": {
+                "loader-utils": "^2.0.0"
+            }
+        },
         "@sideway/address": {
             "version": "4.1.4",
             "resolved": "https://registry.npmjs.org/@sideway/address/-/address-4.1.4.tgz",
@@ -11954,6 +12185,16 @@
             "integrity": "sha512-9sBQUQZMKFKcO/C3Bo6Rx4CQany0R0UeVcefNGRRdW2vbmaMOhV1sbmlXcQLcD56juLXbSGTBm0GGuvmrAF8pA==",
             "dev": true
         },
+        "ast-types": {
+            "version": "0.14.2",
+            "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.14.2.tgz",
+            "integrity": "sha512-O0yuUDnZeQDL+ncNGlJ78BiO4jnYI3bvMsD5prT0/nsgijG/LpNBIr63gTjVTNsiGkgQhiyCShTgxt8oXOrklA==",
+            "dev": true,
+            "peer": true,
+            "requires": {
+                "tslib": "^2.0.1"
+            }
+        },
         "autoprefixer": {
             "version": "10.4.13",
             "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.13.tgz",
@@ -12918,6 +13159,20 @@
                 "css-tree": "^1.1.2"
             }
         },
+        "cumpa": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/cumpa/-/cumpa-1.0.1.tgz",
+            "integrity": "sha512-Ew3sfG4cqvDFINS1VgdvLX1FIruhySlnP6DRLhB+1EjewiOzhJzKRKPEp/TCuo0RDisSFeuaDrk0S4Q8grF9CA==",
+            "dev": true,
+            "peer": true
+        },
+        "curri": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/curri/-/curri-1.0.1.tgz",
+            "integrity": "sha512-VwFb2MGqN0A1RPA0vSgDRSWc0c+V6N9yz8pVYJ9AXILAukRAyCZP5Sqp4VdOxgw1lT0t5oaplwIDT/ruF3Nz7Q==",
+            "dev": true,
+            "peer": true
+        },
         "dayjs": {
             "version": "1.11.7",
             "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.7.tgz",
@@ -13040,6 +13295,13 @@
                 "@leichtgewicht/ip-codec": "^2.0.1"
             }
         },
+        "dom-nodes": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/dom-nodes/-/dom-nodes-1.1.3.tgz",
+            "integrity": "sha512-y5wnIx97oe0IqMllL/lizgkK2c9vu1cQeqPCCsS7mwNdPuYxg3b04eDJynHhC63kM8+ZsteOmiPElfVGOUmmKg==",
+            "dev": true,
+            "peer": true
+        },
         "dom-serializer": {
             "version": "1.4.1",
             "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
@@ -13275,6 +13537,13 @@
                 "estraverse": "^4.1.1"
             }
         },
+        "esprima": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+            "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+            "dev": true,
+            "peer": true
+        },
         "esrecurse": {
             "version": "4.3.0",
             "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
@@ -15789,6 +16058,19 @@
                 "picomatch": "^2.2.1"
             }
         },
+        "recast": {
+            "version": "0.20.5",
+            "resolved": "https://registry.npmjs.org/recast/-/recast-0.20.5.tgz",
+            "integrity": "sha512-E5qICoPoNL4yU0H0NoBDntNB0Q5oMSNh9usFctYniLBluTthi3RsQVBXIJNbApOlvSwW/RGxIuokPcAc59J5fQ==",
+            "dev": true,
+            "peer": true,
+            "requires": {
+                "ast-types": "0.14.2",
+                "esprima": "~4.0.0",
+                "source-map": "~0.6.1",
+                "tslib": "^2.0.1"
+            }
+        },
         "rechoir": {
             "version": "0.7.1",
             "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.7.1.tgz",
@@ -15950,6 +16232,11 @@
                 "glob": "^7.1.3"
             }
         },
+        "riot": {
+            "version": "7.1.0",
+            "resolved": "https://registry.npmjs.org/riot/-/riot-7.1.0.tgz",
+            "integrity": "sha512-gryeKYzil9eyETv8b1Dh+BFdkzS41XQegOSQoFI8GCzxSPm3YA5QA0NVZn5SE2iyVgBrttaIn6cK9yVUI/Iu3A=="
+        },
         "ripemd160": {
             "version": "2.0.2",
             "resolved": "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.2.tgz",
@@ -16763,6 +17050,13 @@
                 "safe-buffer": "^5.0.1"
             }
         },
+        "type-fest": {
+            "version": "0.20.2",
+            "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+            "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+            "dev": true,
+            "peer": true
+        },
         "type-is": {
             "version": "1.6.18",
             "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",

package.json

@@ -2,6 +2,7 @@
     "private": true,
     "devDependencies": {
         "@helpers/siteomat-webpack-plugin": "^0.2.0",
+        "@riotjs/webpack-loader": "^6.0.0",
         "cross-env": "^7.0.3",
         "laravel-mix": "^6.0.34",
         "laravel-mix-purgecss": "^6.0.0",
@@ -10,6 +11,7 @@
         "svg-spritemap-webpack-plugin": "^4.3.3"
     },
     "dependencies": {
-        "@tiny-components/plain-ui": "^0.5.0"
+        "@tiny-components/plain-ui": "^0.5.0",
+        "riot": "^7.1.0"
     }
 }

views/blog.njk

@@ -31,7 +31,16 @@
 {% endblock %}
 
 {% block addFooter %}
-<script>
+<script defer src="{{ asset('/js/blog.js') }}"></script>
-
+<script defer>
+    $(function() {
+        riot.register('blog-posts', blogPosts)
+
+        // mount component
+        riot.mount('blog-posts', {
+            'jobs': {{ posts | raw }},
+        })
+    })
+</script>
 </script>
 {% endblock %}