atridad/goth.stack
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Optimized CSS Gen

Browse Source
This commit is contained in:
Atridad Lahiji
2024-02-12 14:42:16 -07:00
parent 8b33a338f2
commit 2a2895228f
17 changed files with 51 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.air.toml
View File

@ -15,7 +15,7 @@ tmp_dir = "tmp"
follow_symlink = false
full_bin = ""
include_dir = []
include_ext = ["go", "tpl", "tmpl", "html"]
include_ext = ["go", "tpl", "tmpl", "html", "css"]
include_file = []
kill_delay = "0s"
log = "build-errors.log"

1
.dockerignore
View File

@ -5,3 +5,4 @@
**/*.rdb
**/stylegen/**
fly.toml
tailwind.config.*.js

3
.gitignore vendored
View File

@ -2,4 +2,5 @@ goth.stack
.env
airbin
tmp/
*.rdb
*.rdb
tailwind.config.*.js

5
main.go
View File

@ -60,7 +60,10 @@ func main() {
// Static server
fs := http.FS(PublicFS)
e.GET("/public/*", echo.WrapHandler(http.FileServer(fs)))
e.GET("/public/*", func(c echo.Context) error {
c.Response().Header().Set("Cache-Control", "public, max-age=3600")
return echo.WrapHandler(http.FileServer(fs))(c)
})
// Page routes
e.GET("/", pages.Home)

1
pages/templates/blog.html
View File

@ -7,6 +7,7 @@ GOTH // Blog
{{end}}
{{define "head"}}
<link rel="stylesheet" href="/public/css/styles.blog.css" />
{{end}}
{{define "main"}}

1
pages/templates/home.html
View File

@ -7,6 +7,7 @@ GOTH // Home
{{end}}
{{define "head"}}
<link rel="stylesheet" href="/public/css/styles.home.css" />
{{end}}
{{define "main"}}

1
pages/templates/layouts/base.html
View File

@ -7,7 +7,6 @@
<link rel="icon" href="/public/favicon.ico" />
<title>{{template "title" .}}</title>
<meta name="description" content="Just here for the vibes...">
<link rel="stylesheet" href="/public/css/styles.css" />
{{template "head" .}}
</head>

2
pages/templates/layouts/post.html
View File

@ -7,7 +7,7 @@
<link rel="icon" href="/public/favicon.ico" />
<title>{{.Name}}</title>
<meta name="description" content="Just here for the vibes...">
<link rel="stylesheet" href="/public/css/styles.css" />
{{template "head" .}}
</head>
<body class="block h-[100%]">

1
pages/templates/post.html
View File

@ -7,6 +7,7 @@ GOTH // Post
{{end}}
{{define "head"}}
<link rel="stylesheet" href="/public/css/styles.post.css" />
{{end}}
{{define "main"}}

1
pages/templates/ssedemo.html
View File

@ -5,6 +5,7 @@ GOTH // SSE <div class="badge badge-accent">DEMO</div>
{{end}}
{{define "head"}}
<link rel="stylesheet" href="/public/css/styles.ssedemo.css" />
{{end}}
{{define "main"}}

1
public/css/styles.blog.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
public/css/styles.css vendored
View File

File diff suppressed because one or more lines are too long

1
public/css/styles.home.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
public/css/styles.post.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
public/css/styles.ssedemo.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

36
stylegen/gen.sh
View File

@ -49,5 +49,37 @@ fi
echo $BINARY
# Run the binary
$BINARY build -i ./base.css -o ../public/css/styles.css --minify
# Infer pages from .html files in the pages directory
PAGES=$(ls ../pages/templates/*.html | xargs -n 1 basename | cut -d. -f1)
# Run the binary for each page
for PAGE in $PAGES; do
(
# Detect which partials are being used in this page
PARTIALS=$(grep -o -E '{{template "[^"]+' ../pages/templates/${PAGE}.html | cut -d'"' -f2 | xargs -I{} echo \"../pages/templates/partials/{}.html\")
# Generate an array of partials and join them with commas
PARTIALS_ARRAY=$(echo $PARTIALS | tr ' ' ',')
# Always include the "header" partial and any other partials that are always used
PARTIALS_ARRAY=\"../pages/templates/partials/header.html\",\"../pages/templates/partials/global.html\",$PARTIALS_ARRAY
# Generate Tailwind config for this page
echo "module.exports = {
content: [\"../pages/templates/${PAGE}.html\", \"../pages/templates/layouts/*.html\", $PARTIALS_ARRAY],
theme: {
extend: {},
},
daisyui: {
themes: [\"night\"],
},
plugins: [require('daisyui'), require('@tailwindcss/typography')],
}" > tailwind.config.${PAGE}.js
# Run the binary with the generated config
$BINARY build -i ./base.css -c tailwind.config.${PAGE}.js -o ../public/css/styles.${PAGE}.css --minify
) &
done
# Wait for all background processes to finish
wait

12
stylegen/tailwind.config.js vendored
View File

@ -1,12 +0,0 @@
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["../pages/**/*.{html,go}"],
theme: {
extend: {},
},
daisyui: {
themes: ["night"],
},
plugins: [require('daisyui'), require('@tailwindcss/typography')],
}