- Adding sass and spectre

- Config -> config.kdl

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "public/css/spectre"]
+	path = public/css/spectre
+	url = https://github.com/picturepan2/spectre

grado.nimble

@@ -14,7 +14,10 @@ bin           = @["app"]
 requires "nim >= 2.0.0"
 requires "karax >= 1.2.2"
 requires "prologue >= 0.6.4"
+requires "sass >= 0.2.0"
+requires "kdl >= 2.0.1"
 
 task frontend, "Compiles the frontend to JavaScript":
+  exec "nimble c -r --mm:refc src/buildcss"
   exec "nim js --outdir:public/js src/frontend"
 

public/css/style.sass

@@ -0,0 +1,14 @@
+// @import "custom-style"
+
+// Import full Spectre source code
+@import "spectre/src/spectre"
+
+body
+	margin: 0
+	background:#0C0D11
+	color: white
+
+
+html, body, #ROOT
+	height: 100%
+/*	width: 100%;*/

src/buildcss.nim

@@ -0,0 +1,33 @@
+import std/os
+import sass
+
+import config as _
+
+proc buildCSS*(cssFilename = "style") =
+  let publicLoc = "public"
+  var includePaths: seq[string] = @[]
+  # Check for a styles override.
+  var hostname = config.hostname
+  if not dirExists(hostname):
+    hostname = "localhost.local"
+
+  let dir = getCurrentDir() / hostname / "public"
+  includePaths.add(dir / "css")
+  createDir(publicLoc / "images")
+  let logo = publicLoc / "images" / "logo.png"
+  removeFile(logo)
+  createSymlink(
+    dir / "images" / "logo.png",
+    logo
+  )
+
+  let cssLoc = publicLoc / "css"
+  sass.compileFile(
+    cssLoc / (cssFilename & ".sass"),
+    cssLoc / (cssFilename & ".css"),
+    includePaths=includePaths
+  )
+
+when isMainModule:
+  buildCSS()
+  echo("CSS Built successfully")

src/config.kdl

@@ -0,0 +1,4 @@
+title "Grado"
+appPath "/"
+port 8081
+hostname "hostname.com"

src/config.nim

@@ -1,5 +1,12 @@
-const
-  title* {.define.} = "Grado"
-  appPath* {.define.} = "/" # Path where the app is: https://www.example.com/ or https://www.example.com/app
-  port* {.define.} = 8081
+import std/os
+import kdl, kdl/[decoder]
 
+type
+  Config* = object
+    title*: string
+    appPath*: string # Path where the app is: https://www.example.com/ or https://www.example.com/app
+    port*: int
+    hostname*: string
+
+const configPath* {.define.} = currentSourcePath.parentDir() / "config.kdl"
+const config* = configPath.parseKdlFile().decodeKdl(Config)

src/frontend/routes.nim

@@ -4,7 +4,7 @@ import std/[tables, uri, dom]
 import karax/[karaxdsl, vdom]
 
 import patterns, utils
-from ../config import nil
+import ../config as _
 
 type
   Params* = Table[string, string]