2
2
mirror of https://github.com/Hilbis/Hilbish synced 2025-07-01 08:42:04 +00:00
Hilbish/website/src/website.gleam

303 lines
8.1 KiB
Gleam

import gleam/io
import gleam/list
import gleam/option
import gleam/order
import gleam/string
import glaml
import lustre/attribute
import lustre/element
import lustre/element/html
import lustre/ssg
import lustre/ssg/djot
import simplifile
import tom
import conf
import pages/doc
import pages/index
import post
pub fn main() {
let assert Ok(files) = simplifile.get_files("./content")
let posts =
list.map(files, fn(path: String) {
let assert Ok(ext) = path |> string.split(".") |> list.last
let slug =
path
|> string.replace("./content", "")
|> string.drop_end({ ext |> string.length() } + 1)
let assert Ok(name) = slug |> string.split("/") |> list.last
let slug = case name {
"_index" -> slug |> string.drop_end({ "_index" |> string.length() } + 1)
_ -> slug
}
let assert Ok(content) = simplifile.read(path)
let frontmatter = djot.frontmatter(content)
let metadata = case frontmatter {
Ok(frntmtr) -> {
let assert Ok([metadata]) = glaml.parse_string(frntmtr)
option.Some(metadata)
}
Error(_) -> option.None
}
let content = djot.content(content)
let title = case metadata {
option.Some(metadata) -> {
case glaml.select_sugar(glaml.document_root(metadata), "title") {
Ok(glaml.NodeStr(s)) -> s
_ -> ""
}
}
option.None -> ""
}
let assert Ok(filename) = path |> string.split("/") |> list.last
#(slug, post.Post(name, title, slug, metadata, content))
})
let doc_pages =
list.filter(posts, fn(page) {
let isdoc = is_doc_page(page.0)
//io.debug(page.0)
//io.debug(isdoc)
isdoc
})
|> list.filter(fn(page) {
case { page.1 }.metadata {
option.Some(_) -> True
option.None -> False
}
})
|> list.sort(fn(p1, p2) {
//io.debug(p1)
//io.debug(p2)
let assert option.Some(p1_metadata) = { p1.1 }.metadata
let p1_weight = case
glaml.select_sugar(glaml.document_root(p1_metadata), "weight")
{
Ok(glaml.NodeInt(w)) -> w
_ -> 0
}
let assert option.Some(p2_metadata) = { p2.1 }.metadata
let p2_weight = case
glaml.select_sugar(glaml.document_root(p2_metadata), "weight")
{
Ok(glaml.NodeInt(w)) -> w
_ -> 0
}
case p1_weight == 0 {
True -> {
case p1_weight == 0 {
True -> order.Eq
False ->
case p1_weight > p2_weight {
True -> order.Lt
False -> order.Gt
}
}
}
False -> {
case p1_weight > p2_weight {
True -> order.Lt
False -> order.Gt
}
}
}
})
let build =
ssg.new("./public")
|> ssg.add_static_dir("static")
|> ssg.add_static_route("/", create_page(index.page()))
|> list.fold(posts, _, fn(config, post) {
let page = case is_doc_page(post.0) {
True -> doc.page(post.1, doc_pages)
False -> doc.page(post.1, doc_pages)
}
io.debug(post.0)
ssg.add_static_route(config, post.0, create_page(page))
})
|> ssg.use_index_routes
|> ssg.build
case build {
Ok(_) -> io.println("Website successfully built!")
Error(e) -> {
io.debug(e)
io.println("Website could not be built.")
}
}
}
fn is_doc_page(slug: String) {
case slug {
"/docs" <> _ -> True
_ -> False
}
}
fn nav() -> element.Element(a) {
html.nav(
[
attribute.class(
"bg-stone-50/80 dark:bg-neutral-900/80 flex justify-around sticky items-center top-0 w-full z-50 border-b border-b-zinc-300 backdrop-blur-md h-18",
),
],
[
html.div([attribute.class("flex my-auto px-2")], [
html.div([], [
html.a(
[attribute.href("/"), attribute.class("flex items-center gap-1")],
[
html.img([
attribute.src(conf.base_url_join("hilbish-flower.png")),
attribute.class("h-16"),
]),
html.span([attribute.class("self-center text-3xl font-medium")], [
element.text("Hilbish"),
]),
],
),
]),
]),
html.div(
[attribute.class("flex gap-3 dark:text-pink-300 text-pink-600")],
[
html.a([attribute.href(conf.base_url_join(""))], [
element.text("Home"),
]),
html.a([attribute.href(conf.base_url_join("/install"))], [
element.text("Install"),
]),
html.a([attribute.href(conf.base_url_join("/docs"))], [
element.text("Docs"),
]),
html.a([attribute.href(conf.base_url_join("/blog"))], [
element.text("Blog"),
]),
],
),
],
)
}
fn footer() -> element.Element(a) {
html.footer(
[
attribute.class(
"py-4 px-6 flex flex-row justify-around border-t border-t-zinc-300",
),
],
[
html.div([attribute.class("flex flex-col")], [
html.a(
[
attribute.href(conf.base_url),
attribute.class("flex items-center gap-1"),
],
[
html.img([
attribute.src(conf.base_url_join("hilbish-flower.png")),
attribute.class("h-24"),
]),
html.span([attribute.class("self-center text-6xl")], [
element.text("Hilbish"),
]),
],
),
html.span([attribute.class("text-xl")], [
element.text("The Moon-powered shell!"),
]),
html.span([attribute.class("text-light text-neutral-500")], [
element.text("MIT License, copyright sammyette 2025"),
]),
]),
html.div([attribute.class("flex flex-col")], [
link("https://github.com/Rosettea/Hilbish", "GitHub"),
]),
],
)
}
fn create_page(content: element.Element(a)) -> element.Element(a) {
let description =
"Something Unique. Hilbish is the new interactive shell for Lua fans. Extensible, scriptable, configurable: All in Lua."
html.html(
[
attribute.class(
"bg-stone-50 dark:bg-neutral-900 text-black dark:text-white",
),
],
[
html.head([], [
html.meta([
attribute.name("viewport"),
attribute.attribute(
"content",
"width=device-width, initial-scale=1.0",
),
]),
html.link([
attribute.rel("stylesheet"),
attribute.href(conf.base_url_join("tailwind.css")),
]),
html.title([], "Hilbish"),
html.meta([attribute.name("theme-color"), attribute.content("#ff89dd")]),
html.meta([
attribute.content(conf.base_url_join("hilbish-flower.png")),
attribute.attribute("property", "og:image"),
]),
html.meta([
attribute.content("Hilbish"),
attribute.attribute("property", "og:title"),
]),
// this should be same as title
html.meta([
attribute.content("Hilbish"),
attribute.attribute("property", "og:site_name"),
]),
html.meta([
attribute.content("website"),
attribute.attribute("property", "og:type"),
]),
html.meta([
attribute.content(description),
attribute.attribute("property", "og:description"),
]),
html.meta([
attribute.content(description),
attribute.name("description"),
]),
html.meta([
attribute.name("keywords"),
attribute.content("Lua,Shell,Hilbish,Linux,zsh,bash"),
]),
html.meta([
attribute.content(conf.base_url),
attribute.attribute("property", "og:url"),
]),
]),
html.body([attribute.class("min-h-screen flex flex-col")], [
nav(),
content,
footer(),
]),
],
)
}
fn link(url: String, text: String) {
html.a([attribute.href(url)], [
html.span([attribute.class("text-pink-300 text-light")], [
element.text(text),
]),
])
}