Riyyi
1 month ago
17 changed files with 374 additions and 125 deletions
@ -0,0 +1,4 @@
|
||||
tr.htmx-swapping td { |
||||
opacity: 0; |
||||
transition: opacity 0.5s ease-out; |
||||
} |
||||
@ -0,0 +1,10 @@
|
||||
* Website |
||||
|
||||
Website, written in Swift 6. |
||||
|
||||
* Libraries |
||||
|
||||
- [[https://github.com/vapor/vapor][Vapor]] HTTP web framework |
||||
- [[https://github.com/vapor/fluent.git][Fluent]] ORM |
||||
- [[https://github.com/sliemeobn/elementary][Elementary]] HTML templating |
||||
- [[https://github.com/bigskysoftware/htmx][htmx]] font-end JS |
||||
@ -0,0 +1,82 @@
|
||||
import Fluent |
||||
import Vapor |
||||
|
||||
struct TodoAPIController: RouteCollection { |
||||
func boot(routes: RoutesBuilder) throws { |
||||
let todos = routes.grouped("todos") |
||||
|
||||
todos.get(use: index) |
||||
todos.post(use: create) |
||||
todos.group(":id") { todo in |
||||
todo.get(use: show) |
||||
todo.put(use: update) |
||||
todo.delete(use: delete) |
||||
} |
||||
// todos.delete(":id", use: delete) |
||||
} |
||||
|
||||
@Sendable |
||||
func index(req: Request) async throws -> [TodoDTO] { |
||||
try await Todo.query(on: req.db).all().map { $0.toDTO() } |
||||
} |
||||
|
||||
@Sendable |
||||
func show(req: Request) async throws -> TodoDTO { |
||||
guard let uuid = hexToUUID(hex: req.parameters.get("id")!), |
||||
let todo = try await Todo.find(uuid, on: req.db) else { |
||||
throw Abort(.notFound) |
||||
} |
||||
|
||||
return todo.toDTO() |
||||
} |
||||
|
||||
@Sendable |
||||
func create(req: Request) async throws -> TodoDTO { |
||||
let todo = try req.content.decode(TodoDTO.self).toModel() |
||||
|
||||
try await todo.save(on: req.db) |
||||
|
||||
return todo.toDTO() |
||||
} |
||||
|
||||
@Sendable |
||||
func update(req: Request) async throws -> TodoDTO { |
||||
guard let uuid = hexToUUID(hex: req.parameters.get("id")!), |
||||
let todo = try await Todo.find(uuid, on: req.db) else { |
||||
throw Abort(.notFound) |
||||
} |
||||
|
||||
let updatedTodo = try req.content.decode(Todo.self) |
||||
todo.title = updatedTodo.title |
||||
try await todo.save(on: req.db) |
||||
|
||||
return todo.toDTO() |
||||
} |
||||
|
||||
@Sendable |
||||
func delete(req: Request) async throws -> HTTPStatus { |
||||
guard let uuid = hexToUUID(hex: req.parameters.get("id")!), |
||||
let todo = try await Todo.find(uuid, on: req.db) else { |
||||
throw Abort(.notFound) |
||||
} |
||||
|
||||
try await todo.delete(on: req.db) |
||||
|
||||
return .noContent |
||||
} |
||||
|
||||
// ------------------------------------- |
||||
|
||||
private func hexToUUID(hex: String) -> UUID? { |
||||
var uuid: String = hex.replacingOccurrences(of: "-", with: "") |
||||
|
||||
guard uuid.count == 32 else { return nil } |
||||
|
||||
uuid.insert("-", at: uuid.index(uuid.startIndex, offsetBy: 8)) |
||||
uuid.insert("-", at: uuid.index(uuid.startIndex, offsetBy: 12 + 1)) |
||||
uuid.insert("-", at: uuid.index(uuid.startIndex, offsetBy: 16 + 2)) |
||||
uuid.insert("-", at: uuid.index(uuid.startIndex, offsetBy: 20 + 3)) |
||||
|
||||
return UUID(uuidString: uuid) |
||||
} |
||||
} |
||||
@ -0,0 +1,24 @@
|
||||
import Elementary |
||||
import ElementaryHTMX |
||||
|
||||
// ----------------------------------------- |
||||
// Elementary |
||||
|
||||
public extension HTMLAttribute { |
||||
static func empty() -> HTMLAttribute { |
||||
return HTMLAttribute(name: "", value: "") |
||||
} |
||||
} |
||||
|
||||
// ----------------------------------------- |
||||
// ElementaryHTMX |
||||
|
||||
public extension HTMLAttribute.hx { |
||||
static func swap(_ value: HTMLAttributeValue.HTMX.ModifiedSwapTarget, _ spec: String? = nil) -> HTMLAttribute { |
||||
if let spec { |
||||
.init(name: "hx-swap", value: "\(value.rawValue) \(spec)") |
||||
} else { |
||||
.init(name: "hx-swap", value: value.rawValue) |
||||
} |
||||
} |
||||
} |
||||
@ -0,0 +1,35 @@
|
||||
import Elementary |
||||
import Fluent |
||||
|
||||
struct TodosFormComponent: HTML { |
||||
|
||||
var name: String |
||||
var target: String |
||||
var errors: [String: String] = [:] |
||||
|
||||
// ------------------------------------- |
||||
|
||||
var content: some HTML { |
||||
div(.id("cdiv_" + name)) { |
||||
form( |
||||
.id("\(name)-form"), |
||||
.hx.post("/\(target)"), .hx.target("#cdiv_" + name), .hx.swap(.outerHTML) |
||||
) { |
||||
div(.class("row")) { |
||||
div(.class("col-11")) { |
||||
input( |
||||
.class("form-control"), .type(.text), .id("\(name)-title"), |
||||
.name("title"), .placeholder("Title")) // .required |
||||
} |
||||
div(.class("col-1")) { |
||||
button(.class("btn btn-success"), .type(.submit)) { "Add" } |
||||
} |
||||
} |
||||
if let error = errors["title"] { |
||||
div(.class("form-text text-danger px-2")) { "\(error)." } |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
} |
||||
@ -0,0 +1,48 @@
|
||||
import Elementary |
||||
import ElementaryHTMX |
||||
import Fluent |
||||
|
||||
struct TodosTableComponent: HTML { |
||||
|
||||
var name: String |
||||
var todos: [TodoDTO] |
||||
var refresh: Bool = false |
||||
|
||||
// ------------------------------------- |
||||
|
||||
var content: some HTML { |
||||
div(.id("cdiv_" + name), refresh ? .hx.swapOOB(.outerHTML) : .empty()) { |
||||
table(.class("table")) { |
||||
thead { |
||||
tr { |
||||
th { "#" } |
||||
th { "ID" } |
||||
th { "Title" } |
||||
th { "Modifier" } |
||||
} |
||||
} |
||||
tbody( |
||||
.hx.confirm("Are you sure?"), .hx.target("closest tr"), |
||||
.hx.swap(.outerHTML, "swap:0.5s") |
||||
) { |
||||
for (index, todo) in todos.enumerated() { |
||||
tr { |
||||
td { "\(index)" } |
||||
td { todo.id?.uuidString ?? "" } |
||||
td { todo.title ?? "" } |
||||
td { |
||||
if let id = todo.id { |
||||
button( |
||||
.class("btn btn-danger"), |
||||
.hx.delete("/\(name)/\(id.uuidString)") |
||||
) { "Delete" } |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
} |
||||
Loading…
Reference in new issue