update examples

Signed-off-by: George Lemon <georgelemon@protonmail.com>

Author: georgelemon

example/example_httpbeast.nim

@@ -1,17 +1,27 @@
-import ../src/tim
+# This is an example of using Tim Engine with HttpBeast
 import std/[options, asyncdispatch, macros,
-  os, strutils, times, json]
-import pkg/[httpbeast]
+            os, strutils, times, json, httpcore, net]
+
+import ../src/tim
+
+#
+# Setup Tim Engine
+#
+var
+  timEngine = newTim(
+    src = "templates",            # where to find the .timl files
+    output = "storage",           # where to cache precompiled templates
+    basepath = getCurrentDir()    # base path for resolving absolute paths in templates
+  )
 
-from std/httpcore import HttpCode, Http200
-from std/net import Port
+timEngine.precompile()
 
-include ./initializer
+import pkg/[httpbeast]
 
 proc resp(req: Request, view: string, layout = "base", code = Http200,
-    headers = "Content-Type: text/html", local = newJObject()) =
-  local["path"] = %*(req.path.get())
-  let htmlOutput = timl.render(view, layout, local = local)
+    headers = "Content-Type: text/html", data = newJObject()) =
+  data["path"] = %*(req.path.get())
+  let htmlOutput = timEngine.render(view, layout, data = data)
   req.send(code, htmlOutput, headers)
 
 proc onRequest(req: Request): Future[void] =
@@ -22,20 +32,20 @@ proc onRequest(req: Request): Future[void] =
       case path
       of "/":
         req.resp("index",
-          local = %*{
+          data = %*{
             "meta": {
               "title": "Tim Engine is Awesome!"
             }
           })
       of "/about":
         req.resp("about", "secondary",
-          local = %*{
+          data = %*{
             "meta": {
               "title": "About Tim Engine"
             }
           })
       else:
-        req.resp("error", code = Http404, local = %*{
+        req.resp("error", code = Http404, data = %*{
           "meta": {
             "title": "Oh, you're a genius!",
             "msg": "Oh yes, yes. It's got action, it's got drama, it's got dance! Oh, it's going to be a hit hit hit!"

example/templates/views/about.timl

@@ -11,5 +11,5 @@ div.container > div.row > div.col-lg-12
       div.d-grid.gap-4.d-md-flex.justify-content-md-start
         a href="https://tim.openpeeps.dev" class="btn btn-outline-light border-2 rounded-3 px-4"
           "Check documentation"
-        a href="/" class="btn btn-primary border-2 rounded-3 px-4"
+        a href="https://github.com/openpeeps/tim" class="btn btn-primary border-2 rounded-3 px-4"
           "Check Tim on GitHub"

example/templates/views/index.timl

@@ -12,7 +12,7 @@ div.container > div.row > div.col-lg-12
         em
       h1.display-3.fw-bold: "This is Tim Engine"
       p.h3.fw-light.mb-4: "A high-performance template engine & markup language written in Nim with a focus on developer experience and productivity"
-      a href="/" class="btn btn-primary border-2 rounded-3 px-4": "Check Tim on GitHub"
+      a href="/" class="btn fw-bold btn-outline-info border-2 rounded-3 px-4": "More about Tim"
 
     div.col-lg-7 > div.row.g-3
       div.container.masonry-columns