Remove bulma, add bun, tailwindcss, daisyui

.gitignore

@@ -1,2 +1,3 @@
 .qlot
 public/dist.css
+node_modules

Makefile

@@ -0,0 +1,12 @@
+install: ## Install dependencies
+	@qlot install
+
+watch: ## Run watch mode
+	@bun run tailwindcss -i ./public/style.css -o ./public/dist.css --watch=always
+
+build: ## Build
+	@bun run tailwindcss -i ./public/style.css -o ./public/dist.css
+
+help: ## Show options
+	@grep -E '^[a-zA-Z_-]+:.*?## .*$$' $(MAKEFILE_LIST) | \
+		awk 'BEGIN {FS = ":.*?## "}; {printf "\033[36m%-20s\033[0m %s\n", $$1, $$2}'

package.json

@@ -0,0 +1,6 @@
+{
+  "devDependencies": {
+    "daisyui": "^4.12.2",
+    "tailwindcss": "^3.4.4"
+  }
+}

public/style.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

src/app.lisp

@@ -10,13 +10,19 @@
            #:update))
 (in-package #:hp)
 
+(defparameter *watch-process* nil)
+
 (defparameter *app* (jg:make-app :address "localhost"
                                  :port env:*port*))
 
 (defun start ()
+  (when (env:dev-mode-p)
+    (setf *watch-process* (uiop:launch-program "make watch")))
   (jg:start *app*))
 
 (defun stop ()
+  (when (env:dev-mode-p)
+    (uiop:terminate-process *watch-process*))
   (jg:stop *app*))
 
 (defun setup ()

src/response.lisp

@@ -12,8 +12,7 @@
      (head
        (meta :charset "UTF-8")
        (meta :name "viewport" :content "width=device-width, initial-scale=1")
-       (link :rel "stylesheet" :href "https://cdn.jsdelivr.net/npm/bulma@1.0.0/css/bulma.min.css")
-       (script :src "https://cdn.jsdelivr.net/npm/uikit@3.21.5/dist/js/uikit.min.js")
+       (link :rel "stylesheet" :href "/dist.css")
        (script :src "https://cdn.jsdelivr.net/npm/htmx.org@1.9.12/dist/htmx.min.js")
        (script :src "https://cdn.jsdelivr.net/npm/htmx.org@1.9.12/dist/ext/head-support.js")
        (script :src "https://cdn.jsdelivr.net/npm/alpinejs@3.14.0/dist/cdn.min.js" :defer t)
@@ -22,7 +21,7 @@
          :name "description"
          :content (or description "pakuの個人サイト"))
        (body :hx-ext "head-support"
-         (main :class "container"
+         (main :class "container mx-auto"
            children))))))
 
 (defun response (page &key status metadata)

src/routes/index.lisp

@@ -7,7 +7,8 @@
 
 (defcomp page ()
   (hsx
-   (h1 "こんにちは")))
+   (h1 :class "text-primary"
+     "こんにちは")))
 
 (defun handle-get (params)
   (declare (ignore params))

tailwind.config.js

@@ -0,0 +1,14 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./src/response.lisp",
+    "./src/routes/**/*.lisp",
+    "./src/components/**/*.lisp",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [
+    require('daisyui'),
+  ],
+}