feat: Add piwik

public/piwik.js

@@ -0,0 +1,49 @@
+(function (window, document, dataLayerName, id) {
+  (window[dataLayerName] = window[dataLayerName] || []),
+    window[dataLayerName].push({
+      start: new Date().getTime(),
+      event: "stg.start",
+    });
+  var scripts = document.getElementsByTagName("script")[0],
+    tags = document.createElement("script");
+  function stgCreateCookie(a, b, c) {
+    var d = "";
+    if (c) {
+      var e = new Date();
+      e.setTime(e.getTime() + 24 * c * 60 * 60 * 1e3),
+        (d = "; expires=" + e.toUTCString());
+      f = "; SameSite=Strict";
+    }
+    document.cookie = a + "=" + b + d + f + "; path=/";
+  }
+  var isStgDebug =
+    (window.location.href.match("stg_debug") ||
+      document.cookie.match("stg_debug")) &&
+    !window.location.href.match("stg_disable_debug");
+  stgCreateCookie("stg_debug", isStgDebug ? 1 : "", isStgDebug ? 14 : -1);
+  var qP = [];
+  dataLayerName !== "dataLayer" && qP.push("data_layer_name=" + dataLayerName),
+    isStgDebug && qP.push("stg_debug");
+  var qPString = qP.length > 0 ? "?" + qP.join("&") : "";
+  (tags.async = !0),
+    (tags.src =
+      "https://stria03dye.containers.piwik.pro/" + id + ".js" + qPString),
+    scripts.parentNode.insertBefore(tags, scripts);
+  !(function (a, n, i) {
+    a[n] = a[n] || {};
+    for (var c = 0; c < i.length; c++)
+      !(function (i) {
+        (a[n][i] = a[n][i] || {}),
+          (a[n][i].api =
+            a[n][i].api ||
+            function () {
+              var a = [].slice.call(arguments, 0);
+              "string" == typeof a[0] &&
+                window[dataLayerName].push({
+                  event: n + "." + i + ":" + a[0],
+                  parameters: [].slice.call(arguments, 1),
+                });
+            });
+      })(i[c]);
+  })(window, "ppms", ["tm", "cm"]);
+})(window, document, "dataLayer", "c0650426-566c-43ff-b829-ad1b273a31ea");

src/tutorial/__init__.py

@@ -16,6 +16,7 @@ hdrs = (
     utils.alpine(),
     fh.Script(src="/script.js"),
     fh.Script("init_main_page()"),
+    utils.piwik(),
 )
 html_kv = {
     "x-data": """{
@@ -98,7 +99,7 @@ def get_example(name):
 
 
 def start():
-    fh.serve("tutorial.__init__", app="get_app")
+    fh.serve("tutorial.__init__", app="get_app", reload=False)
 
 
 if __name__ == "__main__":

src/tutorial/example.py

@@ -49,7 +49,12 @@ class Example:
     def create_routes(self, main_app: fh.FastHTML):
         sub_app, slug = self.module.app, self.slug
         sub_app.htmlkw = main_app.htmlkw
-        sub_app.hdrs += (utils.alpine(), fh.Script(src="/script.js"), fh.Script(f"init_sub_page('{slug}')"))
+        sub_app.hdrs += (
+            utils.alpine(),
+            fh.Script(src="/script.js"),
+            fh.Script(f"init_sub_page('{slug}')"),
+            utils.piwik(),
+        )
         main_app.mount(f"/{slug}", sub_app)
         main_app.get(f"/{slug}")(self.main_page)
 

src/tutorial/utils.py

@@ -56,3 +56,7 @@ def concat(*elts, sep=" | "):
     for elt in elts[1:]:
         out += [sep, elt]
     return out
+
+
+def piwik():
+    return Script(src="piwik.js")