MaCH repo
This commit is contained in:
5
05_todo_sse_datastar/404.mustache.html
Normal file
5
05_todo_sse_datastar/404.mustache.html
Normal file
@@ -0,0 +1,5 @@
|
||||
{{< layout}}
|
||||
{{$body}}
|
||||
<p>not found</p>
|
||||
{{/body}}
|
||||
{{/layout}}
|
||||
5
05_todo_sse_datastar/5xx.mustache.html
Normal file
5
05_todo_sse_datastar/5xx.mustache.html
Normal file
@@ -0,0 +1,5 @@
|
||||
{{< layout}}
|
||||
{{$body}}
|
||||
<p>error</p>
|
||||
{{/body}}
|
||||
{{/layout}}
|
||||
5
05_todo_sse_datastar/about.mustache.html
Normal file
5
05_todo_sse_datastar/about.mustache.html
Normal file
@@ -0,0 +1,5 @@
|
||||
{{< layout}}
|
||||
{{$body}}
|
||||
<p>about us</p>
|
||||
{{/body}}
|
||||
{{/layout}}
|
||||
5
05_todo_sse_datastar/contact.mustache.html
Normal file
5
05_todo_sse_datastar/contact.mustache.html
Normal file
@@ -0,0 +1,5 @@
|
||||
{{< layout}}
|
||||
{{$body}}
|
||||
<p>contact us</p>
|
||||
{{/body}}
|
||||
{{/layout}}
|
||||
3
05_todo_sse_datastar/create_todo.sql
Normal file
3
05_todo_sse_datastar/create_todo.sql
Normal file
@@ -0,0 +1,3 @@
|
||||
insert into todos(user_id, title)
|
||||
values({{user_id}}, {{title}})
|
||||
returning id, title, finished;
|
||||
7
05_todo_sse_datastar/create_todos_table.sql
Normal file
7
05_todo_sse_datastar/create_todos_table.sql
Normal file
@@ -0,0 +1,7 @@
|
||||
CREATE TABLE IF NOT EXISTS todos (
|
||||
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||||
user_id INTEGER NOT NULL,
|
||||
title TEXT NOT NULL,
|
||||
finished INTEGER CHECK(finished IN (1))
|
||||
);
|
||||
CREATE INDEX IF NOT EXISTS idx_todos_user_id ON todos(user_id);
|
||||
4
05_todo_sse_datastar/delete_todo.sql
Normal file
4
05_todo_sse_datastar/delete_todo.sql
Normal file
@@ -0,0 +1,4 @@
|
||||
delete from todos
|
||||
where user_id = {{user_id}}
|
||||
and id = {{id}}
|
||||
returning id;
|
||||
3
05_todo_sse_datastar/get_todos.sql
Normal file
3
05_todo_sse_datastar/get_todos.sql
Normal file
@@ -0,0 +1,3 @@
|
||||
select id, title, finished
|
||||
from todos
|
||||
where user_id = {{user_id}};
|
||||
5
05_todo_sse_datastar/home.mustache.html
Normal file
5
05_todo_sse_datastar/home.mustache.html
Normal file
@@ -0,0 +1,5 @@
|
||||
{{< layout}}
|
||||
{{$body}}
|
||||
<p>home</p>
|
||||
{{/body}}
|
||||
{{/layout}}
|
||||
25
05_todo_sse_datastar/layout.mustache.html
Normal file
25
05_todo_sse_datastar/layout.mustache.html
Normal file
@@ -0,0 +1,25 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel='icon' href='{{asset:favicon.png}}'>
|
||||
{{$head}}
|
||||
{{/head}}
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
{{^user}}
|
||||
<a href='{{url:login}}'>sign in</a>
|
||||
{{/user}}
|
||||
{{#user}}
|
||||
welcome, {{short_name}}
|
||||
{{/user}}
|
||||
</p>
|
||||
<nav>
|
||||
<a href='{{url:home}}'>home</a>
|
||||
<a href='{{url:about}}'>about us</a>
|
||||
<a href='{{url:contact}}'>contact us</a>
|
||||
<a href='{{url:todos}}'>todos</a>
|
||||
</nav>
|
||||
{{$body}}
|
||||
{{/body}}
|
||||
</body>
|
||||
</html>
|
||||
56
05_todo_sse_datastar/main.c
Normal file
56
05_todo_sse_datastar/main.c
Normal file
@@ -0,0 +1,56 @@
|
||||
#include <mach.h>
|
||||
#include <sqlite.h>
|
||||
#include <datastar.h>
|
||||
#include <session_auth.h>
|
||||
|
||||
mach(main){
|
||||
middleware(session());
|
||||
|
||||
sqlite_database(
|
||||
.name = "todos_db",
|
||||
.connect = "file:todo.db?mode=rwc",
|
||||
.migrations = {"create_todos_table"}
|
||||
);
|
||||
|
||||
resource("home", "/",
|
||||
.get = {mustache("home")}
|
||||
);
|
||||
|
||||
resource("about", "/about",
|
||||
.get = {mustache("about")}
|
||||
);
|
||||
|
||||
resource("contact", "/contact",
|
||||
.get = {mustache("contact")}
|
||||
);
|
||||
|
||||
resource("todos", "/todos",
|
||||
.all = {logged_in()},
|
||||
.sse = {"todos:{{user_id}}"},
|
||||
.get = {
|
||||
sqlite_query({"todos_db", "get_todos", "todos_data"}),
|
||||
mustache("todos")
|
||||
},
|
||||
.post = {
|
||||
input({"title", m_not_empty}),
|
||||
sqlite_query({"todos_db", "create_todo", "todo_data", .must_exist = true}),
|
||||
datastar_sse("todos:{{user_id}}", .target = "todos", .mode = mode_prepend, .elements = {"todo"})
|
||||
}
|
||||
);
|
||||
|
||||
resource("todo", "/todos/:id",
|
||||
.all = {
|
||||
logged_in(),
|
||||
input({"id", m_positive})
|
||||
},
|
||||
.patch = {
|
||||
input({"finished", "1", "must be 1", .optional = true}),
|
||||
sqlite_query({"todos_db", "update_todo", "todo_data", .must_exist = true}),
|
||||
datastar_sse("todos:{{user_id}}", .target = "todo_{{id}}", .mode = mode_replace, .elements = {"todo"})
|
||||
},
|
||||
.delete = {
|
||||
sqlite_query({"todos_db", "delete_todo", .must_exist = true}),
|
||||
datastar_sse("todos:{{user_id}}", .target = "todo_{{id}}", .mode = mode_remove)
|
||||
}
|
||||
);
|
||||
}
|
||||
0
05_todo_sse_datastar/public/favicon.png
Normal file
0
05_todo_sse_datastar/public/favicon.png
Normal file
3
05_todo_sse_datastar/todo.mustache.html
Normal file
3
05_todo_sse_datastar/todo.mustache.html
Normal file
@@ -0,0 +1,3 @@
|
||||
{{#todo_data}}
|
||||
{{> todo_item}}
|
||||
{{/todo_data}}
|
||||
10
05_todo_sse_datastar/todo_item.mustache.html
Normal file
10
05_todo_sse_datastar/todo_item.mustache.html
Normal file
@@ -0,0 +1,10 @@
|
||||
<div id="todo_{{id}}">
|
||||
{{^finished}}
|
||||
<input type="checkbox" data-on:click__prevent="@patch('{{url:todo}}?finished=1')">
|
||||
{{/finished}}
|
||||
{{#finished}}
|
||||
<input type="checkbox" checked data-on:click__prevent="@patch('{{url:todo}}')">
|
||||
{{/finished}}
|
||||
{{title}}
|
||||
<button data-on:click="@delete('{{url:todo}}')">delete</button>
|
||||
</div>
|
||||
19
05_todo_sse_datastar/todos.mustache.html
Normal file
19
05_todo_sse_datastar/todos.mustache.html
Normal file
@@ -0,0 +1,19 @@
|
||||
{{< layout}}
|
||||
{{$head}}
|
||||
{{> datastar }}
|
||||
{{/head}}
|
||||
{{$body}}
|
||||
<input type="text" placeholder="new todo" data-bind:title
|
||||
data-on:keydown="evt.key === 'Enter' && @post('{{url:todos}}') && ($title = '');"
|
||||
>
|
||||
<button data-on:click="@post('{{url:todos}}') && ($title = '')">add</button>
|
||||
<div id="todos" data-init="@get('{{url:todos}}?http_method=sse')">
|
||||
{{^todos_data}}
|
||||
<p>no todos</p>
|
||||
{{/todos_data}}
|
||||
{{#todos_data}}
|
||||
{{> todo_item}}
|
||||
{{/todos_data}}
|
||||
</div>
|
||||
{{/body}}
|
||||
{{/layout}}
|
||||
5
05_todo_sse_datastar/update_todo.sql
Normal file
5
05_todo_sse_datastar/update_todo.sql
Normal file
@@ -0,0 +1,5 @@
|
||||
update todos
|
||||
set finished = {{finished}}
|
||||
where user_id = {{user_id}}
|
||||
and id = {{id}}
|
||||
returning id, title, finished;
|
||||
Reference in New Issue
Block a user