{"Welcome to rocal world!"}
18 |{{ &data }}
19 | 20 | } 21 | } 22 | 23 | fn router(&self) -> SharedRouter { 24 | self.router.clone() 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /examples/hello_world/src/templates/sync_connection_edit_template.rs: -------------------------------------------------------------------------------- 1 | use rocal::{ 2 | rocal_core::traits::{SharedRouter, Template}, 3 | view, 4 | }; 5 | 6 | use crate::models::sync_connection::SyncConnection; 7 | 8 | pub struct SyncConnectionEditTemplate { 9 | router: SharedRouter, 10 | } 11 | 12 | impl Template for SyncConnectionEditTemplate { 13 | type Data = Option{"DB sync connection"}
22 | if let Some(connection) = data { 23 |{{ connection.get_id() }} {" has been already connected."}
24 | } else { 25 | 30 | } 31 | 32 | } 33 | } 34 | 35 | fn router(&self) -> SharedRouter { 36 | self.router.clone() 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /examples/hello_world/src/views.rs: -------------------------------------------------------------------------------- 1 | pub mod root_view; 2 | pub mod sync_connection_view; 3 | -------------------------------------------------------------------------------- /examples/hello_world/src/views/root_view.rs: -------------------------------------------------------------------------------- 1 | use crate::templates::root_template::RootTemplate; 2 | use rocal::rocal_core::traits::{SharedRouter, Template, View}; 3 | pub struct RootView { 4 | router: SharedRouter, 5 | } 6 | impl View for RootView { 7 | fn new(router: SharedRouter) -> Self { 8 | RootView { router } 9 | } 10 | } 11 | impl RootView { 12 | pub fn index(&self) { 13 | let template = RootTemplate::new(self.router.clone()); 14 | template.render(String::new()); 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /examples/hello_world/src/views/sync_connection_view.rs: -------------------------------------------------------------------------------- 1 | use rocal::rocal_core::traits::{SharedRouter, Template, View}; 2 | 3 | use crate::{ 4 | models::sync_connection::SyncConnection, 5 | templates::sync_connection_edit_template::SyncConnectionEditTemplate, 6 | }; 7 | 8 | pub struct SyncConnectionView { 9 | router: SharedRouter, 10 | } 11 | 12 | impl View for SyncConnectionView { 13 | fn new(router: SharedRouter) -> Self { 14 | Self { router } 15 | } 16 | } 17 | 18 | impl SyncConnectionView { 19 | pub fn edit(&self, connection: Option
11 |
17 |
18 |
25 |
26 |
35 |
36 |
37 |
--------------------------------------------------------------------------------
/examples/self_checkout/js/db_query_worker.js:
--------------------------------------------------------------------------------
1 | import sqlite3InitModule from './sqlite3.mjs';
2 |
3 | self.onmessage = function (message) {
4 | const db_name = message.data.db;
5 |
6 | self.sqlite3InitModule().then((sqlite3) => {
7 | if (sqlite3.capi.sqlite3_vfs_find("opfs")) {
8 | const db = new sqlite3.oo1.OpfsDb(db_name, "ct");
9 | if (!!message.data.query) {
10 | self.postMessage(db.exec(message.data.query, { rowMode: 'object' }));
11 | }
12 | } else {
13 | console.error("OPFS not available because of your browser capability.");
14 | }
15 | });
16 | };
17 |
--------------------------------------------------------------------------------
/examples/self_checkout/js/db_sync_worker.js:
--------------------------------------------------------------------------------
1 | import sqlite3InitModule from './sqlite3.mjs';
2 |
3 | self.onmessage = async function (message) {
4 | const { app_id, directory_name, file_name, endpoint, force } = message.data;
5 |
6 | self.sqlite3InitModule().then((sqlite3) => {
7 | if (sqlite3.capi.sqlite3_vfs_find("opfs")) {
8 | const db = new sqlite3.oo1.OpfsDb(`${directory_name}/${file_name}`, "ct");
9 | const query = "select id, password from sync_connections order by created_at asc limit 1;";
10 |
11 | try {
12 | const result = db.exec(query, { rowMode: 'array' });
13 |
14 | if (0 < result.length && 1 < result[0].length) {
15 | const user_id = result[0][0];
16 | const password = result[0][1];
17 |
18 | if (force !== "none") {
19 | sync(app_id, user_id, password, directory_name, file_name, endpoint, force);
20 | setInterval(sync, 30000, app_id, user_id, password, directory_name, file_name, endpoint, null);
21 | } else {
22 | setInterval(sync, 30000, app_id, user_id, password, directory_name, file_name, endpoint, force);
23 | }
24 | }
25 | } catch {
26 | }
27 | } else {
28 | console.error("OPFS not available because of your browser capability.");
29 | }
30 | });
31 | };
32 |
33 | async function sync(app_id, user_id, password, directory_name, file_name, endpoint, force) {
34 | console.log('Syncing..');
35 |
36 | try {
37 | const file = await getFile(directory_name, file_name);
38 |
39 | const last_modified = file === null || force === "remote" ? 0 : Math.floor(file.lastModified / 1000);
40 |
41 | const response = await fetch(endpoint, {
42 | method: "POST",
43 | headers: { "Content-Type": "application/json" },
44 | body: JSON.stringify({ app_id, user_id, password, file_name, unix_timestamp: last_modified }),
45 | credentials: "include"
46 | });
47 |
48 | if (!response.ok) {
49 | console.error("Sync API is not working now");
50 | return;
51 | }
52 |
53 | const json = await response.json();
54 |
55 | const obj = JSON.parse(json);
56 |
57 | if (obj.presigned_url === null || obj.last_modified_url === null || obj.action === null) {
58 | console.log("No need to sync your database");
59 | return;
60 | }
61 |
62 | if (obj.action === "get_object") {
63 | const res = await fetch(obj.presigned_url, { method: "GET" });
64 |
65 | const fileHandler = await getFileHandler(directory_name, file_name, file === null);
66 |
67 | if (fileHandler === null) {
68 | return;
69 | }
70 |
71 | const fileAccessHandler = await fileHandler.createSyncAccessHandle();
72 |
73 | const arrayBuffer = await res.arrayBuffer();
74 | const uint8Array = new Uint8Array(arrayBuffer);
75 |
76 | fileAccessHandler.write(uint8Array, { at: 0 });
77 | fileAccessHandler.flush();
78 |
79 | fileAccessHandler.close();
80 | } else if (obj.action === "put_object") {
81 | const arrayBuffer = await file.arrayBuffer();
82 | await Promise.all([
83 | fetch(obj.presigned_url, { method: "PUT", headers: { "Content-Type": "application/vnd.sqlite3" }, body: arrayBuffer }),
84 | fetch(obj.last_modified_url, { method: "PUT", headers: { "Content-Type": "text/plain" }, body: new File([last_modified], "LASTMODIFIED", { type: "text/plain" }) })
85 | ]);
86 | }
87 |
88 | console.log('Synced');
89 | } catch (err) {
90 | console.error(err.message);
91 | }
92 | }
93 |
94 | async function getFile(directory_name, file_name) {
95 | try {
96 | const fileHandler = await getFileHandler(directory_name, file_name);
97 | return await fileHandler.getFile();
98 | } catch (err) {
99 | console.error(err.message, ": Cannot find the file");
100 | return null;
101 | }
102 | }
103 |
104 | async function getFileHandler(directory_name, file_name, create = false) {
105 | try {
106 | const root = await navigator.storage.getDirectory();
107 | const dirHandler = await root.getDirectoryHandle(directory_name, { create: create });
108 | return await dirHandler.getFileHandle(file_name, { create: create });
109 | } catch (err) {
110 | console.error(err.message, ": Cannot get file handler");
111 | return null;
112 | }
113 | }
114 |
--------------------------------------------------------------------------------
/examples/self_checkout/js/global.js:
--------------------------------------------------------------------------------
1 | function execSQL(db, query) {
2 | return new Promise((resolve, reject) => {
3 | const worker = new Worker("./js/db_query_worker.js", { type: 'module' });
4 | worker.postMessage({ db: db, query: query });
5 |
6 | worker.onmessage = function (message) {
7 | resolve(message.data);
8 | worker.terminate();
9 | };
10 |
11 | worker.onerror = function (err) {
12 | reject(err);
13 | worker.terminate();
14 | };
15 | });
16 | }
17 |
--------------------------------------------------------------------------------
/examples/self_checkout/js/sqlite3.wasm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rocal-dev/rocal/ac1ad999f29e80a2cd7e4be135f14c7e2433063b/examples/self_checkout/js/sqlite3.wasm
--------------------------------------------------------------------------------
/examples/self_checkout/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rocal-dev/rocal/ac1ad999f29e80a2cd7e4be135f14c7e2433063b/examples/self_checkout/public/favicon.ico
--------------------------------------------------------------------------------
/examples/self_checkout/public/images/loading.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rocal-dev/rocal/ac1ad999f29e80a2cd7e4be135f14c7e2433063b/examples/self_checkout/public/images/loading.gif
--------------------------------------------------------------------------------
/examples/self_checkout/src/controllers.rs:
--------------------------------------------------------------------------------
1 | pub mod carts_controller;
2 | pub mod root_controller;
3 | pub mod sales_controller;
4 |
--------------------------------------------------------------------------------
/examples/self_checkout/src/controllers/carts_controller.rs:
--------------------------------------------------------------------------------
1 | use crate::{
2 | repositories::cart_repository::CartRepository, views::empty_view::EmptyView, CONFIG,
3 | FLASH_MEMORY,
4 | };
5 | use rocal::rocal_core::{
6 | enums::request_method::RequestMethod,
7 | traits::{Controller, SharedRouter},
8 | };
9 |
10 | pub struct CartsController {
11 | router: SharedRouter,
12 | view: EmptyView,
13 | }
14 |
15 | impl Controller for CartsController {
16 | type View = EmptyView;
17 |
18 | fn new(router: SharedRouter, view: Self::View) -> Self {
19 | Self { router, view }
20 | }
21 | }
22 |
23 | impl CartsController {
24 | #[rocal::action]
25 | pub async fn add(&self, product_id: u32) {
26 | let cart_repo = CartRepository::new(CONFIG.database.clone());
27 |
28 | if let Err(Some(err)) = cart_repo.add_item(product_id).await {
29 | if let Ok(mut flash) = FLASH_MEMORY.lock() {
30 | let _ = flash.set("add_item_to_cart_error", &err);
31 | }
32 | return;
33 | }
34 |
35 | self.router
36 | .borrow()
37 | .resolve(RequestMethod::Get, "/", None)
38 | .await;
39 | }
40 |
41 | #[rocal::action]
42 | pub async fn delete(&self, product_id: u32) {
43 | let cart_repo = CartRepository::new(CONFIG.database.clone());
44 |
45 | if let Err(Some(err)) = cart_repo.remove_item(product_id).await {
46 | if let Ok(mut flash) = FLASH_MEMORY.lock() {
47 | let _ = flash.set("delete_item_from_cart_error", &err);
48 | }
49 | return;
50 | }
51 |
52 | self.router
53 | .borrow()
54 | .resolve(RequestMethod::Get, "/", None)
55 | .await;
56 | }
57 | }
58 |
--------------------------------------------------------------------------------
/examples/self_checkout/src/controllers/root_controller.rs:
--------------------------------------------------------------------------------
1 | use crate::{
2 | repositories::{cart_repository::CartRepository, product_repository::ProductRepository},
3 | view_models::root_view_model::RootViewModel,
4 | views::root_view::RootView,
5 | CONFIG,
6 | };
7 | use rocal::rocal_core::traits::{Controller, SharedRouter};
8 |
9 | pub struct RootController {
10 | router: SharedRouter,
11 | view: RootView,
12 | }
13 |
14 | impl Controller for RootController {
15 | type View = RootView;
16 | fn new(router: SharedRouter, view: Self::View) -> Self {
17 | RootController { router, view }
18 | }
19 | }
20 |
21 | impl RootController {
22 | #[rocal::action]
23 | pub async fn index(&self) {
24 | let product_repo = ProductRepository::new(CONFIG.database.clone());
25 | let cart_repo = CartRepository::new(CONFIG.database.clone());
26 |
27 | let products = if let Ok(products) = product_repo.get_all().await {
28 | products
29 | } else {
30 | vec![]
31 | };
32 |
33 | let cart_items = if let Ok(cart_items) = cart_repo.get_all_items().await {
34 | cart_items
35 | } else {
36 | vec![]
37 | };
38 |
39 | let vm = RootViewModel::new(products, cart_items);
40 |
41 | self.view.index(vm);
42 | }
43 | }
44 |
--------------------------------------------------------------------------------
/examples/self_checkout/src/controllers/sales_controller.rs:
--------------------------------------------------------------------------------
1 | use rocal::rocal_core::{
2 | enums::request_method::RequestMethod,
3 | traits::{Controller, SharedRouter},
4 | };
5 |
6 | use crate::{
7 | models::sales::Sales,
8 | repositories::{cart_repository::CartRepository, sales_repository::SalesRepository},
9 | view_models::{
10 | sales_item_view_model::SalesItemViewModel, sales_log_view_model::SalesLogViewModel,
11 | },
12 | views::sales_view::SalesView,
13 | CONFIG, FLASH_MEMORY,
14 | };
15 |
16 | pub struct SalesController {
17 | router: SharedRouter,
18 | view: SalesView,
19 | }
20 |
21 | impl Controller for SalesController {
22 | type View = SalesView;
23 |
24 | fn new(router: SharedRouter, view: Self::View) -> Self {
25 | Self { router, view }
26 | }
27 | }
28 |
29 | impl SalesController {
30 | #[rocal::action]
31 | pub async fn index(&self) {
32 | let sales_repo = SalesRepository::new(CONFIG.database.clone());
33 |
34 | let sales_logs = if let Ok(sales_logs) = sales_repo.get_all().await {
35 | sales_logs
36 | } else {
37 | vec![]
38 | };
39 |
40 | let vm = SalesLogViewModel::new(sales_logs);
41 |
42 | self.view.index(vm);
43 | }
44 |
45 | #[rocal::action]
46 | pub async fn show(&self, id: u32) {
47 | let sales_repo = SalesRepository::new(CONFIG.database.clone());
48 |
49 | let sales_items = if let Ok(items) = sales_repo.get_all_items(id).await {
50 | items
51 | } else {
52 | self.router
53 | .borrow()
54 | .resolve(RequestMethod::Get, "/sales", None)
55 | .await;
56 | return;
57 | };
58 |
59 | let vm = SalesItemViewModel::new(sales_items);
60 |
61 | self.view.show(vm);
62 | }
63 |
64 | #[rocal::action]
65 | pub async fn checkout(&self) {
66 | let sales_repo = SalesRepository::new(CONFIG.database.clone());
67 | let cart_repo = CartRepository::new(CONFIG.database.clone());
68 |
69 | let items = if let Ok(items) = cart_repo.get_all_items().await {
70 | items
71 | .into_iter()
72 | .map(|item| {
73 | Sales::new(
74 | *item.get_product_id(),
75 | item.get_product_name(),
76 | item.get_product_price(),
77 | *item.get_number_of_items(),
78 | )
79 | })
80 | .collect()
81 | } else {
82 | if let Ok(mut flash) = FLASH_MEMORY.lock() {
83 | let _ = flash.set("get_all_cart_items_error", "Could not get all cart items");
84 | }
85 | return;
86 | };
87 |
88 | if let Err(Some(err)) = sales_repo.create(items).await {
89 | if let Ok(mut flash) = FLASH_MEMORY.lock() {
90 | let _ = flash.set("sales_repo.create", &err);
91 | }
92 | return;
93 | }
94 |
95 | if let Err(Some(err)) = cart_repo.remove_all_items().await {
96 | if let Ok(mut flash) = FLASH_MEMORY.lock() {
97 | let _ = flash.set("cart_repo.remove_all_items", &err);
98 | }
99 | return;
100 | }
101 |
102 | self.router
103 | .borrow()
104 | .resolve(RequestMethod::Get, "/", None)
105 | .await;
106 | }
107 | }
108 |
--------------------------------------------------------------------------------
/examples/self_checkout/src/lib.rs:
--------------------------------------------------------------------------------
1 | use std::{
2 | collections::HashMap,
3 | sync::{Arc, LazyLock, Mutex},
4 | };
5 |
6 | use models::flash_memory::FlashMemory;
7 | use rocal::{config, migrate, route};
8 |
9 | mod controllers;
10 | mod models;
11 | mod repositories;
12 | mod templates;
13 | mod view_models;
14 | mod views;
15 |
16 | // app_id and sync_server_endpoint should be set to utilize a sync server.
17 | // You can get them by $ rocal sync-servers list
18 | config! {
19 | app_id: "",
20 | sync_server_endpoint: "",
21 | database_directory_name: "local",
22 | database_file_name: "local.sqlite3"
23 | }
24 |
25 | static FLASH_MEMORY: LazyLock
12 | 
13 |
15 |
16 |
13 | Loading...
14 |
21 | { "Demo Self-Checkout" }
22 | { "Logs" }
23 |
24 |
25 |
26 |
67 | }
68 | }
69 |
70 | fn router(&self) -> SharedRouter {
71 | self.router.clone()
72 | }
73 | }
74 |
--------------------------------------------------------------------------------
/examples/self_checkout/src/templates/sales_item_template.rs:
--------------------------------------------------------------------------------
1 | use rocal::{
2 | rocal_core::traits::{SharedRouter, Template},
3 | view,
4 | };
5 |
6 | use crate::view_models::sales_item_view_model::SalesItemViewModel;
7 |
8 | pub struct SalesItemTemplate {
9 | router: SharedRouter,
10 | }
11 |
12 | impl Template for SalesItemTemplate {
13 | type Data = SalesItemViewModel;
14 |
15 | fn new(router: SharedRouter) -> Self {
16 | Self { router }
17 | }
18 |
19 | fn body(&self, data: Self::Data) -> String {
20 | view! {
21 |
27 |
66 |
28 | for product in data.get_products() {
29 |
35 | }
36 |
37 |
38 |
39 | if data.get_cart_items().is_empty() {
40 | { "-" }
41 | } else {
42 | for item in data.get_cart_items() {
43 |
56 |
44 |
53 | }
54 | }
55 |
45 | {{ item.get_product_name() }}
46 | {{ &format!("x{}", item.get_number_of_items()) }}
47 | {{ &format!("${:.2}", item.get_product_price()) }}
48 |
49 |
52 |
57 |
62 |
65 |
58 | { "Total" }
59 | {{ &format!("${:.2}", data.get_total_price() )}}
60 |
61 |
22 | {"Demo Self-Checkout"}
23 | {"Logs"}
24 |
25 |
26 |
44 | }
45 | }
46 |
47 | fn router(&self) -> SharedRouter {
48 | self.router.clone()
49 | }
50 | }
51 |
--------------------------------------------------------------------------------
/examples/self_checkout/src/templates/sales_log_template.rs:
--------------------------------------------------------------------------------
1 | use rocal::{
2 | rocal_core::traits::{SharedRouter, Template},
3 | view,
4 | };
5 |
6 | use crate::view_models::sales_log_view_model::SalesLogViewModel;
7 |
8 | pub struct SalesLogTemplate {
9 | router: SharedRouter,
10 | }
11 |
12 | impl Template for SalesLogTemplate {
13 | type Data = SalesLogViewModel;
14 |
15 | fn new(router: SharedRouter) -> Self {
16 | Self { router }
17 | }
18 |
19 | fn body(&self, data: Self::Data) -> String {
20 | view! {
21 |
27 |
43 |
28 |
42 |
29 | for item in data.get_sales_items() {
30 |
41 |
31 | {{ item.get_product_name() }}
32 | {{ &format!("x{}", item.get_number_of_items()) }}
33 | {{ &format!("${:.2}", item.get_product_price()) }}
34 |
35 | }
36 |
37 | {"Total"}
38 | {{ &format!("${:.2}", data.get_total_price()) }}
39 |
40 |
22 | {"Demo Self-Checkout"}
23 | {"Logs"}
24 |
25 |
26 |
38 | }
39 | }
40 |
41 | fn router(&self) -> SharedRouter {
42 | self.router.clone()
43 | }
44 | }
45 |
--------------------------------------------------------------------------------
/examples/self_checkout/src/view_models.rs:
--------------------------------------------------------------------------------
1 | pub mod root_view_model;
2 | pub mod sales_item_view_model;
3 | pub mod sales_log_view_model;
4 |
--------------------------------------------------------------------------------
/examples/self_checkout/src/view_models/root_view_model.rs:
--------------------------------------------------------------------------------
1 | use crate::models::{cart_item::CartItem, product::Product};
2 |
3 | pub struct RootViewModel {
4 | products: Vec
27 |
37 |
28 |
36 | -
29 | for log in data.get_sales_logs() {
30 |
- 31 | {{ log.get_created_at() }} 32 | 33 | } 34 |
23 |
27 |
34 |
35 |
44 |
45 |
46 |
--------------------------------------------------------------------------------
/examples/simple_note/js/db_query_worker.js:
--------------------------------------------------------------------------------
1 | import sqlite3InitModule from './sqlite3.mjs';
2 |
3 | const dbCache = Object.create(null);
4 |
5 | self.onmessage = function (message) {
6 | const db_name = message.data.db;
7 |
8 | self.sqlite3InitModule().then((sqlite3) => {
9 | if (sqlite3.capi.sqlite3_vfs_find("opfs")) {
10 | const db = dbCache[db_name] ??= new sqlite3.oo1.OpfsDb(db_name, "ct");
11 | if (!!message.data.query) {
12 | self.postMessage(db.exec(message.data.query, { bind: message.data.bindings, rowMode: 'object' }));
13 | }
14 | } else {
15 | console.error("OPFS not available because of your browser capability.");
16 | }
17 | });
18 | };
19 |
--------------------------------------------------------------------------------
/examples/simple_note/js/db_sync_worker.js:
--------------------------------------------------------------------------------
1 | import sqlite3InitModule from './sqlite3.mjs';
2 |
3 | self.onmessage = async function (message) {
4 | const { app_id, directory_name, file_name, endpoint, force } = message.data;
5 |
6 | self.sqlite3InitModule().then((sqlite3) => {
7 | if (sqlite3.capi.sqlite3_vfs_find("opfs")) {
8 | const db = new sqlite3.oo1.OpfsDb(`${directory_name}/${file_name}`, "ct");
9 | const query = "select id, password from sync_connections order by created_at asc limit 1;";
10 |
11 | try {
12 | const result = db.exec(query, { rowMode: 'array' });
13 |
14 | if (0 < result.length && 1 < result[0].length) {
15 | const user_id = result[0][0];
16 | const password = result[0][1];
17 |
18 | if (force !== "none") {
19 | sync(app_id, user_id, password, directory_name, file_name, endpoint, force);
20 | setInterval(sync, 30000, app_id, user_id, password, directory_name, file_name, endpoint, null);
21 | } else {
22 | setInterval(sync, 30000, app_id, user_id, password, directory_name, file_name, endpoint, force);
23 | }
24 | }
25 | } catch {}
26 | } else {
27 | console.error("OPFS not available because of your browser capability.");
28 | }
29 | });
30 | };
31 |
32 | async function sync(app_id, user_id, password, directory_name, file_name, endpoint, force) {
33 | console.log('Syncing..');
34 |
35 | try {
36 | const file = await getFile(directory_name, file_name);
37 |
38 | const last_modified = file === null || force === "remote" ? 0 : Math.floor(file.lastModified / 1000);
39 |
40 | const response = await fetch(endpoint, {
41 | method: "POST",
42 | headers: { "Content-Type": "application/json" },
43 | body: JSON.stringify({ app_id, user_id, password, file_name, unix_timestamp: last_modified }),
44 | credentials: "include"
45 | });
46 |
47 | if (!response.ok) {
48 | console.error("Sync API is not working now");
49 | return;
50 | }
51 |
52 | const json = await response.json();
53 |
54 | const obj = JSON.parse(json);
55 |
56 | if (obj.presigned_url === null || obj.last_modified_url === null || obj.action === null) {
57 | console.log("No need to sync your database");
58 | return;
59 | }
60 |
61 | if (obj.action === "get_object") {
62 | const res = await fetch(obj.presigned_url, { method: "GET" });
63 |
64 | const fileHandler = await getFileHandler(directory_name, file_name, file === null);
65 |
66 | if (fileHandler === null) {
67 | return;
68 | }
69 |
70 | const fileAccessHandler = await fileHandler.createSyncAccessHandle();
71 |
72 | const arrayBuffer = await res.arrayBuffer();
73 | const uint8Array = new Uint8Array(arrayBuffer);
74 |
75 | fileAccessHandler.write(uint8Array, { at: 0 });
76 | fileAccessHandler.flush();
77 |
78 | fileAccessHandler.close();
79 | } else if (obj.action === "put_object") {
80 | const arrayBuffer = await file.arrayBuffer();
81 | await Promise.all([
82 | fetch(obj.presigned_url, { method: "PUT", headers: { "Content-Type": "application/vnd.sqlite3" }, body: arrayBuffer }),
83 | fetch(obj.last_modified_url, { method: "PUT", headers: { "Content-Type": "text/plain" }, body: new File([last_modified], "LASTMODIFIED", { type: "text/plain" }) })
84 | ]);
85 | }
86 |
87 | console.log('Synced');
88 | } catch (err) {
89 | console.error(err.message);
90 | }
91 | }
92 |
93 | async function getFile(directory_name, file_name) {
94 | try {
95 | const fileHandler = await getFileHandler(directory_name, file_name);
96 | return await fileHandler.getFile();
97 | } catch (err) {
98 | console.error(err.message, ": Cannot find the file");
99 | return null;
100 | }
101 | }
102 |
103 | async function getFileHandler(directory_name, file_name, create = false) {
104 | try {
105 | const root = await navigator.storage.getDirectory();
106 | const dirHandler = await root.getDirectoryHandle(directory_name, { create: create });
107 | return await dirHandler.getFileHandle(file_name, { create: create });
108 | } catch (err) {
109 | console.error(err.message, ": Cannot get file handler");
110 | return null;
111 | }
112 | }
113 |
--------------------------------------------------------------------------------
/examples/simple_note/js/global.js:
--------------------------------------------------------------------------------
1 | function execSQL(db, query, bindings) {
2 | return new Promise((resolve, reject) => {
3 | const worker = new Worker("./js/db_query_worker.js", { type: 'module' });
4 | worker.postMessage({ db: db, query: query, bindings: bindings });
5 |
6 | worker.onmessage = function (message) {
7 | resolve(message.data);
8 | worker.terminate();
9 | };
10 |
11 | worker.onerror = function (err) {
12 | reject(err);
13 | worker.terminate();
14 | };
15 | });
16 | }
17 |
--------------------------------------------------------------------------------
/examples/simple_note/js/sqlite3.wasm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rocal-dev/rocal/ac1ad999f29e80a2cd7e4be135f14c7e2433063b/examples/simple_note/js/sqlite3.wasm
--------------------------------------------------------------------------------
/examples/simple_note/public/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rocal-dev/rocal/ac1ad999f29e80a2cd7e4be135f14c7e2433063b/examples/simple_note/public/.keep
--------------------------------------------------------------------------------
/examples/simple_note/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rocal-dev/rocal/ac1ad999f29e80a2cd7e4be135f14c7e2433063b/examples/simple_note/public/favicon.ico
--------------------------------------------------------------------------------
/examples/simple_note/src/controllers.rs:
--------------------------------------------------------------------------------
1 | pub mod notes_controller;
2 | pub mod root_controller;
3 |
--------------------------------------------------------------------------------
/examples/simple_note/src/controllers/notes_controller.rs:
--------------------------------------------------------------------------------
1 | use rocal::rocal_core::traits::{Controller, SharedRouter};
2 | use wasm_bindgen::JsValue;
3 | use web_sys::console;
4 |
5 | use crate::{models::note_id::NoteId, views::notes_view::NotesView, CONFIG};
6 |
7 | pub struct NotesController {
8 | router: SharedRouter,
9 | view: NotesView,
10 | }
11 |
12 | impl Controller for NotesController {
13 | type View = NotesView;
14 |
15 | fn new(router: SharedRouter, view: Self::View) -> Self {
16 | Self { router, view }
17 | }
18 | }
19 |
20 | impl NotesController {
21 | #[rocal::action]
22 | pub fn create(&self, title: Option24 | Simple Note... 25 |
26 |
25 |
26 |
29 |
76 | }
77 | }
78 |
79 | fn router(&self) -> SharedRouter {
80 | self.router.clone()
81 | }
82 | }
83 |
--------------------------------------------------------------------------------
/examples/simple_note/src/view_models.rs:
--------------------------------------------------------------------------------
1 | pub mod root_view_model;
2 |
--------------------------------------------------------------------------------
/examples/simple_note/src/view_models/root_view_model.rs:
--------------------------------------------------------------------------------
1 | use crate::models::note::Note;
2 |
3 | pub struct RootViewModel {
4 | note: Option{"Simple Note"}
27 |{"powered by"}{"Rocal"}
28 |
30 |
75 |
31 |
34 |
48 | -
35 | for note in data.get_notes() {
36 |
- 37 | 38 | if let Some(title) = ¬e.get_title() { 39 | {{ title }} 40 | } else { 41 | {"Untitled"} 42 | } 43 | 44 | 45 | } 46 |
49 | if let Some(note) = data.get_note() {
50 |
63 |
66 | } else {
67 |
72 | }
73 |
74 | {"Welcome to rocal world!"}
20 |{{ &data }}
21 | } 22 | } 23 | 24 | fn router(&self) -> SharedRouter { 25 | self.router.clone() 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /rocal_cli/src/commands.rs: -------------------------------------------------------------------------------- 1 | pub mod build; 2 | pub mod init; 3 | pub mod login; 4 | pub mod migrate; 5 | pub mod password; 6 | pub mod publish; 7 | pub mod register; 8 | pub mod subscribe; 9 | pub mod sync_servers; 10 | pub mod unsubscribe; 11 | pub mod utils; 12 | -------------------------------------------------------------------------------- /rocal_cli/src/commands/build.rs: -------------------------------------------------------------------------------- 1 | use std::process::Command; 2 | 3 | use super::utils::{ 4 | color::Color, 5 | indicator::{IndicatorLauncher, Kind}, 6 | }; 7 | 8 | pub fn build() { 9 | let mut indicator = IndicatorLauncher::new() 10 | .kind(Kind::Dots) 11 | .interval(100) 12 | .text("Building...") 13 | .color(Color::White) 14 | .start(); 15 | 16 | let output = Command::new("wasm-pack") 17 | .arg("build") 18 | .arg("--target") 19 | .arg("web") 20 | .arg("--dev") 21 | .output() 22 | .expect("Confirm you run this command in a rocal project or you've installed wasm-pack"); 23 | 24 | let _ = indicator.stop(); 25 | 26 | if !output.status.success() { 27 | eprintln!( 28 | "rocal build failed: {}", 29 | String::from_utf8_lossy(&output.stderr) 30 | ); 31 | } else { 32 | println!("Done."); 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /rocal_cli/src/commands/login.rs: -------------------------------------------------------------------------------- 1 | use super::utils::{get_user_input, get_user_secure_input}; 2 | use crate::rocal_api_client::{login_user::LoginUser, RocalAPIClient}; 3 | 4 | pub async fn login() { 5 | let email = get_user_input("your email"); 6 | let password = get_user_secure_input("your password"); 7 | 8 | let client = RocalAPIClient::new(); 9 | let user = LoginUser::new(&email, &password); 10 | 11 | if let Err(err) = client.sign_in(user).await { 12 | match err.as_str() { 13 | "INVALID_LOGIN_CREDENTIALS" => eprintln!("Your email address or password is wrong"), 14 | "INVALID_EMAIL" => eprintln!("An email address you entered is invalid"), 15 | _ => eprintln!("{}", err), 16 | } 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /rocal_cli/src/commands/migrate.rs: -------------------------------------------------------------------------------- 1 | use std::fs::File; 2 | 3 | use chrono::Utc; 4 | 5 | use crate::commands::utils::project::find_project_root; 6 | 7 | pub fn add(name: &str) { 8 | let now = Utc::now(); 9 | let stamp = now.format("%Y%m%d%H%M%S").to_string(); 10 | let file_name = &format!("{stamp}-{name}.sql"); 11 | 12 | let root_path = find_project_root().expect("Failed to find the project root"); 13 | 14 | File::create(root_path.join(&format!("db/migrations/{file_name}"))) 15 | .expect(&format!("Failed to create db/migrations/{file_name}")); 16 | 17 | println!("{file_name}"); 18 | } 19 | -------------------------------------------------------------------------------- /rocal_cli/src/commands/password.rs: -------------------------------------------------------------------------------- 1 | use crate::rocal_api_client::{send_password_reset_email::SendPasswordResetEmail, RocalAPIClient}; 2 | 3 | use super::utils::get_user_input; 4 | 5 | pub async fn reset() { 6 | let email = get_user_input("your email"); 7 | 8 | let client = RocalAPIClient::new(); 9 | let req = SendPasswordResetEmail::new(&email); 10 | 11 | if let Err(err) = client.send_password_reset_email(req).await { 12 | match err.as_str() { 13 | "INVALID_LOGIN_CREDENTIALS" => eprintln!("Your email address or password is wrong"), 14 | "INVALID_EMAIL" => eprintln!("An email address you entered is invalid"), 15 | _ => eprintln!("{}", err), 16 | } 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /rocal_cli/src/commands/register.rs: -------------------------------------------------------------------------------- 1 | use super::utils::{get_user_input, get_user_secure_input}; 2 | use crate::{ 3 | rocal_api_client::{ 4 | create_user::CreateUser, send_email_verification::SendEmailVerification, RocalAPIClient, 5 | }, 6 | token_manager::{Kind, TokenManager}, 7 | }; 8 | 9 | pub async fn register() { 10 | let email = get_user_input("your email"); 11 | let mut password = get_user_secure_input("password"); 12 | let mut confirm_password = get_user_secure_input("confirm password"); 13 | 14 | while password != confirm_password { 15 | println!("The password should be same as the confirm password"); 16 | 17 | password = get_user_secure_input("password"); 18 | confirm_password = get_user_secure_input("confirm password"); 19 | } 20 | 21 | let workspace = get_user_input("a workspace name"); 22 | 23 | let client = RocalAPIClient::new(); 24 | let user = CreateUser::new(&email, &password, &workspace); 25 | 26 | if let Err(err) = client.sign_up(user).await { 27 | eprintln!("{}", err); 28 | return; 29 | } 30 | 31 | if let Ok(token) = TokenManager::get_token(Kind::RocalAccessToken) { 32 | let req = SendEmailVerification::new(&token); 33 | client.send_email_verification(req).await; 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /rocal_cli/src/commands/subscribe.rs: -------------------------------------------------------------------------------- 1 | use crate::{ 2 | commands::{ 3 | unsubscribe::get_subscription_status, 4 | utils::{color::Color, list::List, open_link::open_link}, 5 | }, 6 | rocal_api_client::{create_payment_link::CreatePaymentLink, RocalAPIClient}, 7 | }; 8 | 9 | use super::utils::{get_user_input, refresh_user_token::refresh_user_token}; 10 | 11 | pub async fn subscribe() -> Result<(), std::io::Error> { 12 | refresh_user_token().await; 13 | 14 | if let Ok(status) = get_subscription_status().await { 15 | println!("Your plan is {}", status.get_plan()); 16 | 17 | if !status.is_free_plan() { 18 | show_plans()?; 19 | return Ok(()); 20 | } 21 | } 22 | 23 | println!( 24 | "Choose your plan from these options ({} or {})", 25 | &Color::Green.text("basic"), 26 | &Color::Blue.text("developer") 27 | ); 28 | 29 | show_plans()?; 30 | 31 | let plan = get_user_input("a plan (basic or developer)"); 32 | let plan = plan.to_lowercase(); 33 | 34 | if !(plan == "basic" || plan == "developer") { 35 | println!( 36 | "{}", 37 | &Color::Red.text("Enter a plan you want to subscribe from basic or developer") 38 | ); 39 | return Ok(()); 40 | } 41 | 42 | create_payment_link(&plan).await; 43 | 44 | Ok(()) 45 | } 46 | 47 | async fn create_payment_link(plan: &str) { 48 | let client = RocalAPIClient::new(); 49 | let create_payment_link = CreatePaymentLink::new(&plan); 50 | 51 | match client.create_payment_link(create_payment_link).await { 52 | Ok(link) => { 53 | println!( 54 | "{}", 55 | Color::Green.text( 56 | "Here is your payment link. Open the link with your browser to subscribe." 57 | ) 58 | ); 59 | 60 | println!("{}", Color::Green.text(&link)); 61 | 62 | if let Err(err) = open_link(&link) { 63 | println!("{}", err.to_string()); 64 | } 65 | } 66 | Err(err) => { 67 | println!("{}", Color::Red.text(&err)); 68 | } 69 | } 70 | } 71 | 72 | fn show_plans() -> Result<(), std::io::Error> { 73 | let mut list = List::new(); 74 | 75 | // Basic 76 | let mut plan = List::new(); 77 | plan.add_text(&Color::Green.text("Basic")); 78 | 79 | let mut plan_cap = List::new(); 80 | plan_cap.add_text("Deploy your application + compression, basic hosting, and versioning"); 81 | 82 | let mut plan_price = List::new(); 83 | plan_price.add_text("$10/month"); 84 | 85 | plan.add_list(plan_cap); 86 | plan.add_list(plan_price); 87 | 88 | list.add_list(plan); 89 | 90 | // Developer 91 | let mut plan = List::new(); 92 | plan.add_text(&Color::Blue.text("Developer")); 93 | 94 | let mut plan_cap = List::new(); 95 | plan_cap.add_text("Including all Basic plan's capabilities plus CDN and Sync server support"); 96 | 97 | let mut plan_price = List::new(); 98 | plan_price.add_text("$20/month"); 99 | 100 | plan.add_list(plan_cap); 101 | plan.add_list(plan_price); 102 | 103 | list.add_list(plan); 104 | 105 | // Pro 106 | let mut plan = List::new(); 107 | plan.add_text(&Color::Red.text("Pro (coming soon, stay tuned...)")); 108 | 109 | let mut plan_cap = List::new(); 110 | plan_cap.add_text("Including all Developer plan's capabilities plus custom domain, team collboration, and customer supports"); 111 | 112 | let mut plan_price = List::new(); 113 | plan_price.add_text("$40/month"); 114 | 115 | plan.add_list(plan_cap); 116 | plan.add_list(plan_price); 117 | 118 | list.add_list(plan); 119 | 120 | println!("{}", list); 121 | 122 | Ok(()) 123 | } 124 | -------------------------------------------------------------------------------- /rocal_cli/src/commands/sync_servers.rs: -------------------------------------------------------------------------------- 1 | use crate::rocal_api_client::RocalAPIClient; 2 | 3 | use super::{ 4 | unsubscribe::get_subscription_status, 5 | utils::{ 6 | project::{find_project_root, get_app_name}, 7 | refresh_user_token::refresh_user_token, 8 | }, 9 | }; 10 | 11 | pub async fn list() { 12 | refresh_user_token().await; 13 | 14 | let subscription_status = if let Ok(status) = get_subscription_status().await { 15 | status 16 | } else { 17 | eprintln!("Could not find your subscription."); 18 | return; 19 | }; 20 | 21 | if subscription_status.get_plan() != "developer" && subscription_status.get_plan() != "pro" { 22 | eprintln!("You must subscribe Developer or Pro plan to use sync servers."); 23 | return; 24 | } 25 | 26 | get_sync_server_info().await; 27 | } 28 | 29 | async fn get_sync_server_info() { 30 | let root_path = find_project_root().expect( 31 | "Failed to find a project root. Please run the command in a project built by Cargo", 32 | ); 33 | 34 | let app_name = get_app_name(&root_path); 35 | 36 | let client = RocalAPIClient::new(); 37 | 38 | match client.get_sync_server(&app_name).await { 39 | Ok(sync_server) => { 40 | println!("App ID: {}", sync_server.get_app_id()); 41 | println!("Sync server: {}", sync_server.get_endpoint()); 42 | println!("To use the sync server, set the App ID and the endpoint on your config."); 43 | } 44 | Err(err) => { 45 | eprintln!("{}", err); 46 | } 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /rocal_cli/src/commands/unsubscribe.rs: -------------------------------------------------------------------------------- 1 | use super::utils::refresh_user_token::refresh_user_token; 2 | use crate::{ 3 | commands::utils::{color::Color, get_user_input}, 4 | rocal_api_client::{ 5 | cancel_subscription::CancelSubscription, subscription_status::SubscriptionStatus, 6 | RocalAPIClient, 7 | }, 8 | }; 9 | use std::io::Write; 10 | 11 | pub async fn unsubscribe() { 12 | refresh_user_token().await; 13 | 14 | let status = if let Ok(status) = get_subscription_status().await { 15 | status 16 | } else { 17 | println!("You have not subscribed yet."); 18 | return; 19 | }; 20 | 21 | println!("Your plan is {}", status.get_plan()); 22 | 23 | if !status.is_free_plan() { 24 | if *status.get_cancel_at_period_end() { 25 | println!( 26 | "Your subscription has been scheduled to cancel at the end of the current period." 27 | ); 28 | println!("If you want to continue your subscription next period, please wait for the end so that you could subscribe again by `rocal subscribe` command."); 29 | return; 30 | } 31 | 32 | println!("Are you sure to unsubscribe? (yes/no)"); 33 | 34 | std::io::stdout().flush().expect("Failed to flush stdout"); 35 | 36 | let mut proceed = String::new(); 37 | 38 | std::io::stdin() 39 | .read_line(&mut proceed) 40 | .expect("Enter yes or no"); 41 | 42 | let proceed = proceed.trim().to_lowercase(); 43 | 44 | if proceed == "yes" { 45 | handle_unsubscribe().await; 46 | } else if proceed != "no" { 47 | println!("{}", Color::Red.text("Answer yes/no")); 48 | } 49 | } else { 50 | println!("You have not subscribed yet."); 51 | } 52 | } 53 | 54 | async fn handle_unsubscribe() { 55 | println!("Tell us a reason why you want to leave."); 56 | 57 | let reasons = CancelSubscription::get_reasons(); 58 | 59 | for n in 1..(reasons.len() + 1) { 60 | let reason = reasons.get(&(n as u32)).unwrap(); 61 | println!("{}. {}", n, reason); 62 | } 63 | 64 | let reason = get_user_input("a reason (1 to 8)"); 65 | 66 | if let Ok(reason) = reason.parse::- ,
6 | }
7 |
8 | #[derive(Clone)]
9 | enum BulletStyle {
10 | Dot,
11 | Asterisk,
12 | Plus,
13 | Dash,
14 | }
15 |
16 | impl BulletStyle {
17 | pub fn to_symbol(&self) -> char {
18 | match self {
19 | Self::Dot => '.',
20 | Self::Asterisk => '*',
21 | Self::Plus => '+',
22 | Self::Dash => '-',
23 | }
24 | }
25 |
26 | pub fn len() -> usize {
27 | 4
28 | }
29 |
30 | pub fn list() -> Vec
- { article.title } 29 | } 30 |
404 - Page Not Found
"); 66 | } 67 | } 68 | -------------------------------------------------------------------------------- /rocal_core/src/router.rs: -------------------------------------------------------------------------------- 1 | use std::{collections::HashMap, future::Future, pin::Pin}; 2 | 3 | use regex::Regex; 4 | use url::Url; 5 | use wasm_bindgen::JsValue; 6 | use web_sys::{console, window}; 7 | 8 | use crate::enums::request_method::RequestMethod; 9 | 10 | type Action = Box
103 | ///
113 | /// }
114 | /// ```
115 | #[cfg(any(feature = "full", feature = "ui"))]
116 | #[proc_macro]
117 | pub fn view(item: TokenStream) -> TokenStream {
118 | build_ui(item.into()).into()
119 | }
120 |
--------------------------------------------------------------------------------
/rocal_ui/Cargo.toml:
--------------------------------------------------------------------------------
1 | [package]
2 | name = "rocal-ui"
3 | version = "0.1.9"
4 | edition = "2021"
5 |
6 | authors = ["Yoshiki Sashiyama {"Hello, World!"}
104 | /// if true { 105 | ///{"This is how you can use this macro"}
106 | /// } else { 107 | ///{"Even you can use if-else condition control"}
108 | /// } 109 | /// for item in items { 110 | ///{{ item.id }}{"Maybe, you also want to use for-loop."}
111 | /// } 112 | ///
12 |
25 | 26 |
32 | }
33 | ```
34 |
35 | It's straight forward, isn't it?
36 | - `{ variable }`: You can set a variable that returns `&str` and it will be sanitized HTML safe.
37 | - `{{ variable }}` : You can set a variable that returns `&str` but it will NOT sanitized HTML safe. So maybe you could use it to embed a safe HTML.
38 | - `if-else` : you can utilize `if-else` even `else-if` as below
39 | ```rust ,ignore
40 | if user.id <= 10 {
41 | { title }
13 | 14 | if user.id <= 10 { 15 |{ "You are an early user!" }
16 | { "Click here to get rewards!" } 17 | } else if user.id <= 20 { 18 |{ "You are kind of an early user." }
19 | { "Check it out for your reward." } 20 | } else { 21 |{ "You are a regular user." }
22 | } 23 | 24 |25 | 26 |
-
27 | for article in articles {
28 |
{ "You are an early user!" }
42 | { "Click here to get rewards!" } 43 | } else if user.id <= 20 { 44 |{ "You are kind of an early user." }
45 | { "Check it out for your reward." } 46 | } else { 47 |{ "You are a regular user." }
48 | } 49 | ``` 50 | - `for-in`: This can be used as same as Rust syntax 51 | ```rust,ignore 52 | for article in articles { 53 |{ "Hi" }
});
23 |
24 | assert!(out.contains("let mut html"));
25 | assert!(out.contains("div"));
26 | assert!(out.contains("Hi"));
27 | assert!(out.contains(""));
28 | }
29 |
30 | #[test]
31 | fn simple_button_and_text() {
32 | let out = gen(
33 | quote! { },
34 | );
35 |
36 | assert!(out.contains("Submit"));
37 | }
38 |
39 | #[test]
40 | fn void_tag_br_inside_paragraph() {
41 | let out = gen(quote! { { "Break" }
{ "next" }
62 |
67 | });
68 |
69 | for needle in [
70 | r#"div"#,
71 | r#"class"#,
72 | r#""section""#,
73 | r#"h1"#,
74 | r#"class"#,
75 | r#""title""#,
76 | r#"h2"#,
77 | r#"class"#,
78 | r#""body""#,
79 | r#"p"#,
80 | r#"id"#,
81 | r#""item""#,
82 | "",
83 | "",
84 | "",
85 | ] {
86 | assert!(
87 | out.contains(needle),
88 | "generated tokens should contain `{needle}`"
89 | );
90 | }
91 | }
92 |
93 | #[test]
94 | fn if_else_chain_in_html() {
95 | let out = gen(quote! {
96 | { "Hello, world!" }
63 |64 |
{ "Hey, mate!" }
65 | 66 |
97 | if x == 1 || x == 2 {
98 | { "x is 1 or 2" }
99 | } else if x == 3 {
100 | { "x is 3" }
101 | } else {
102 | if y == 1 {
103 | { "y is 1 but x is unknown" }
104 | } else {
105 | { "x and y are unknown" }
106 | }
107 | }
108 |
109 | });
110 |
111 | assert!(out.contains("if x == 1 || x == 2"));
112 | assert!(out.contains("else if x == 3"));
113 | assert!(out.contains("else {"));
114 | assert!(out.contains("span"));
115 | }
116 |
117 | #[test]
118 | fn variable_interpolation_emits_plain_ident() {
119 | let out = gen(quote! { {{ name }}
}); 120 | 121 | assert!(out.contains("push_str")); 122 | assert!(out.contains("(name)")); 123 | } 124 | 125 | #[test] 126 | fn for_loop_generates_rust_for() { 127 | let out = gen(quote! { for item in items {