+
+ render={switch} />
+
+
+ zzhack
+
+ }
+}
diff --git a/app/src/components/load_more.rs b/app/src/components/load_more.rs
new file mode 100644
index 0000000..877b4f1
--- /dev/null
+++ b/app/src/components/load_more.rs
@@ -0,0 +1,20 @@
+use log::info;
+use yew::prelude::*;
+
+#[derive(Properties, PartialEq, Clone)]
+pub struct LoadMoreProps {
+ pub onload: Callback<()>,
+}
+
+#[function_component]
+pub fn LoadMore(props: &LoadMoreProps) -> Html {
+ let onload = props.onload.clone();
+ let handle_load_more_click = Callback::from(move |_| {
+ info!("Hello");
+ onload.emit(());
+ });
+
+ html! {
+
+ }
+}
diff --git a/app/src/components/nav.rs b/app/src/components/nav.rs
new file mode 100644
index 0000000..a5da168
--- /dev/null
+++ b/app/src/components/nav.rs
@@ -0,0 +1,34 @@
+use shared::site_config::NavConfig;
+use yew::prelude::*;
+
+use crate::{components::theme_img::ThemeImg, icons::GitHubIcon};
+
+#[derive(Properties, PartialEq)]
+pub struct NavProps {
+ pub nav_configs: Vec
+ {props.children.clone()}
+
+
+
+
+ }
+}
diff --git a/app/src/components/tag.rs b/app/src/components/tag.rs
new file mode 100644
index 0000000..adcf542
--- /dev/null
+++ b/app/src/components/tag.rs
@@ -0,0 +1,21 @@
+use yew::prelude::*;
+
+#[derive(Properties, PartialEq)]
+pub struct TagProps {
+ pub children: Html,
+ pub color: AttrValue,
+}
+
+#[function_component]
+pub fn Tag(props: &TagProps) -> Html {
+ let color = props.color.clone();
+ let dynamic_color = format!("bg-[{}]", "#ff0000");
+ let a = format!(
+ "text-xs mr-1.5 px-1.5 bg-opacity-25 rounded flex justify-center items-center {}",
+ dynamic_color
+ );
+
+ html! {
+
+
+ {&post.title}
+
+ {for tags}
+
+
+ {&post.spoiler}
+
+
+ {&post.created_at}
+
+ {props.children.clone()}
+ }
+}
diff --git a/app/src/components/theme_img.rs b/app/src/components/theme_img.rs
new file mode 100644
index 0000000..041483b
--- /dev/null
+++ b/app/src/components/theme_img.rs
@@ -0,0 +1,30 @@
+use crate::utils::theme::{parse_theme_icon, with_class_prop};
+use yew::prelude::*;
+
+#[derive(Properties, PartialEq)]
+pub struct ThemeImgProps {
+ pub src: String,
+ #[prop_or_default]
+ pub class: Option
+ {parse_str_to_element(&prepared_dynamic_post_content)}
+
+
+ })
+}
+
+#[function_component]
+pub fn Dynamic(props: &DynamicProps) -> Html {
+ let fallback = html! {{"Loading..."}
};
+
+ html! {
+
+ .avatar.clone()})
+
+ }
+ });
+
+ Ok(html! {
+ {for rendered_links}
+ })
+}
+
+#[function_component]
+pub fn Links() -> Html {
+ let fallback = html! {
+ {&link.name}
+ {&link.description}
+ {"Loading..."}
};
+
+ html! {
+
+ {parse_str_to_element(&parepared_post_detail.content)}
+
+ })
+}
+
+#[function_component]
+pub fn Post(props: &PostProps) -> Html {
+ let fallback = html! {{"Loading..."}
};
+
+ html! {
+
+ {for rendered_posts}
+ if *has_load_more {
+
+ {"Loading..."}
};
+
+ // Any component want to do data fetch, there must have a Suspense component
+ // wrap the content component as children, because Yew need a vdom placeholder
+ // when start hydrate
+ Ok(html! {
+
-
- {"zzhack 的诞生"}
- 
-
-
- {"关于我"}
-
-
- }
-}
diff --git a/pages/home/.gitignore b/pages/home/.gitignore
deleted file mode 100644
index 96ef6c0..0000000
--- a/pages/home/.gitignore
+++ /dev/null
@@ -1,2 +0,0 @@
-/target
-Cargo.lock
diff --git a/pages/home/Cargo.toml b/pages/home/Cargo.toml
deleted file mode 100644
index 5862290..0000000
--- a/pages/home/Cargo.toml
+++ /dev/null
@@ -1,13 +0,0 @@
-[package]
-name = "home"
-version = "0.1.0"
-edition = "2021"
-
-# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
-
-[dependencies]
-yew = "0.19.3"
-ui = {path = "../../ui"}
-utils = {path = "../../utils"}
-stylist = {version = "0.10", features = ["yew_integration"]}
-services = {path = "../../services"}
diff --git a/pages/home/src/lib.rs b/pages/home/src/lib.rs
deleted file mode 100644
index c397ebe..0000000
--- a/pages/home/src/lib.rs
+++ /dev/null
@@ -1,100 +0,0 @@
-use services::post_service::post_service::{FilterTag, POST_SERVICE};
-use ui::image::ThemeImage;
-use ui::label::Label;
-use ui::link::Link;
-use ui::post_card::post_card::PostCard;
-use utils::use_style;
-use yew::prelude::*;
-
-#[function_component(Home)]
-pub fn home() -> Html {
- let style = use_style!(
- r"
- .banner {
- width: 100%;
- display: flex;
- justify-content: center;
- margin-top: 40px;
- }
-
- .banner > img {
- width: 100%;
- }
-
- .labels {
- width: 100%;
- display: flex;
- flex-wrap: wrap;
- margin-top: 33px;
- }
-
- .label {
- margin-left: 18px;
- }
-
- .posts {
- margin-bottom: 45px;
- margin-top: 39px;
- display: flex;
- flex-wrap: wrap;
- margin: 30px -18px 45px -18px;
- }
-
- @media (max-width: 600px) {
- .banner {
- width: 100%;
- margin-top: 32px;
- }
-
- .posts {
- display: flex;
- flex-direction: column;
- align-items: center;
- margin: 39px 0 45px 0;
- }
- }
- "
- );
- let posts = use_state_eq(|| POST_SERVICE.get_posts());
- let handle_filter_posts_by_label = {
- let posts = posts.clone();
-
- |tag: FilterTag| {
- Callback::from(move |_| {
- posts.set(POST_SERVICE.filter_post_by_tag(tag.clone()));
- })
- }
- };
- let handle_filter_posts_by_rest_label = handle_filter_posts_by_label.clone();
-
- html! {
-
-
- - {"嗨！欢迎来到我的应用 zzhack 😎，这是一个兴趣使然的项目，zzhack 被设计为一个注重信息展示的应用，它是序列化和沉淀我思想的地方。"} -
-- {"如你所见的 zzhack 已是第五个大版本，它已经经过了两次大规模的重构以及 5 次重新设计，最后回归纯真，专注信息展示。"} -
-
- - {"这么看下来 zzhack 的确没有什么让人惊讶的亮点，没有额外的用户交互，没有炫酷的交互动画，看上去只是一个平静的展示内容的 web 应用，但是它的确适合作为一个单纯的内容输出的站点，而不被逐渐社交化。"} -
-- {"zzhack 是一个纯静态的应用，并且开源内容到代码的所有，如果你对它的技术实现感兴趣可以在 "} - {"这里"} - {" 找到它。"} -
-- {"我叫 Mist，一名全栈工程师。"} -
-
-
-
- }
-}
diff --git a/pages/links/Cargo.toml b/pages/links/Cargo.toml
deleted file mode 100644
index 2840451..0000000
--- a/pages/links/Cargo.toml
+++ /dev/null
@@ -1,14 +0,0 @@
-[package]
-name = "links"
-version = "0.1.0"
-edition = "2021"
-
-# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
-
-[dependencies]
-yew = "0.19.3"
-ui = {path = "../../ui"}
-utils = {path = "../../utils"}
-stylist = {version = "0.10", features = ["yew_integration"]}
-services = {path = "../../services"}
-router = {path = "../../router"}
diff --git a/pages/links/src/lib.rs b/pages/links/src/lib.rs
deleted file mode 100644
index 6f0a81c..0000000
--- a/pages/links/src/lib.rs
+++ /dev/null
@@ -1,111 +0,0 @@
-use router::RootRoutes;
-use services::links_service::links_service::LINKS_SERVICE;
-use stylist::style;
-use ui::image::BaseImage;
-use ui::link::Link;
-use ui::link_card::LinkCard;
-use yew::prelude::*;
-
-#[function_component(Links)]
-pub fn links() -> Html {
- let style = style!(
- r"
- .banner {
- position: relative;
- margin-top: 63px;
- }
-
- .banner > img {
- width: 100%;
- height: 165.59px;
- }
-
- .banner__links {
- position: absolute;
- top: 45px;
- left: 35px;
- }
-
- .banner__links-title {
- color: #fff;
- font-size: 18px;
- }
-
- .banner__links-desc {
- color: rgba(255, 255, 255, 0.81);
- font-size: 14px;
- margin-top: 10px;
- width: 500px;
- line-height: 12px;
- }
-
- .banner__links-desc > a {
- color: var(--blue);
- font-size: 14px;
- }
-
- .links {
- margin: 0 -15px;
- display: flex;
- flex-wrap: wrap;
- margin-top: 50px;
- }
-
- @media (max-width: 600px) {
- .banner__links {
- top: auto;
- left: auto;
- bottom: 30px;
- width: 100%;
- word-break: break-all;
- padding: 0 20px;
- box-sizing: border-box;
- }
-
- .banner__links-desc {
- width: 100%;
- line-height: 20px;
- }
-
- .banner > img {
- height: 323.69px;
- }
-
- .links {
- width: 100%;
- margin: auto;
- margin-top: 20px;
- margin-bottom: 100px;
- }
-
- .links a {
- width: 100%;
- }
- }
- "
- )
- .unwrap();
-
- html! {
-
-
-
-
- {POST_SERVICE.get_tags().iter().map(|tag| {
- html! {
-
-
-
-
-
-
- }
- }).collect::()}
-
- {
- posts.iter().map(|post| {
- html! {
-
-
-
-
- }
-}
diff --git a/pages/not_found/.gitignore b/pages/not_found/.gitignore
deleted file mode 100644
index 96ef6c0..0000000
--- a/pages/not_found/.gitignore
+++ /dev/null
@@ -1,2 +0,0 @@
-/target
-Cargo.lock
diff --git a/pages/not_found/src/lib.rs b/pages/not_found/src/lib.rs
deleted file mode 100644
index b7201e3..0000000
--- a/pages/not_found/src/lib.rs
+++ /dev/null
@@ -1,33 +0,0 @@
-use stylist::style;
-use yew::prelude::*;
-
-#[function_component(NotFound)]
-pub fn not_found() -> Html {
- let style = style!(
- r"
- padding-top: 100px;
- display: flex;
- flex-direction: column;
- align-items: center;
-
- & > img {
- width: 400px;
- }
-
- @media (max-width: 600px) {
- padding-top: 50px;
-
- & > img {
- width: 100%;
- }
- }
- "
- )
- .unwrap();
-
- html! {
-
- {
- LINKS_SERVICE.get_links_data().iter().map(|data| {
- html! {
-
-
- 
-
- }
-}
diff --git a/pages/post/Cargo.toml b/pages/post/Cargo.toml
deleted file mode 100644
index 820f3a2..0000000
--- a/pages/post/Cargo.toml
+++ /dev/null
@@ -1,15 +0,0 @@
-[package]
-name = "post"
-version = "0.1.0"
-edition = "2021"
-
-# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
-
-[dependencies]
-yew = "0.19.3"
-stylist = {version = "0.10", features = ["yew_integration"]}
-ui = {path = "../../ui"}
-services = {path = "../../services"}
-utils = {path = "../../utils"}
-web-sys = { version = "0.3", features = ["HtmlMetaElement", "Document", "Element", "DocumentFragment", "HtmlTemplateElement", "MediaQueryList"] }
-gloo-timers = "0.2.4"
diff --git a/pages/post/src/lib.rs b/pages/post/src/lib.rs
deleted file mode 100644
index d0c0e03..0000000
--- a/pages/post/src/lib.rs
+++ /dev/null
@@ -1,105 +0,0 @@
-use gloo_timers::callback::Timeout;
-use services::markdown_service::markdown_service::MarkdownService;
-use services::post_service::post_service::POST_SERVICE;
-use stylist::style;
-use ui::post_card_header::PostCardHeader;
-use yew::prelude::*;
-
-#[derive(Properties, Clone, PartialEq)]
-pub struct PostProps {
- pub filename: String,
-}
-
-#[function_component(Post)]
-pub fn post(props: &PostProps) -> Html {
- let post = POST_SERVICE.find_post_by_filename(&props.filename).unwrap();
- let style = style!(
- r#"
- width: 660px;
- height: 100%;
- padding: 63px 0;
- margin: auto;
-
- .post-header {
- width: 180px;
- }
-
- .modified-at {
- color: var(--tip-color);
- margin-top: 13px;
- font-size: 13px;
- }
-
- .title {
- font-size: 25px;
- color: var(--text-color);
- }
-
- .cover {
- width: 660px;
- height: 258px;
- background-image: url("${cover}");
- background-repeat: no-repeat;
- background-size: cover;
- background-position: 50% 50%;
- border-radius: 5px;
- margin: 30px 0;
- transition: all 0.2s ease-in;
- }
-
- @media (max-width: 600px) {
- width: 100%;
-
- .cover {
- width: 100%;
- height: 180px;
- }
- }
- "#,
- cover = post.metadata.cover.clone()
- )
- .unwrap();
- let post_body = MarkdownService::new(post.raw_content.clone().to_string());
- let post_body = post_body.parse_to_element("base16-ocean.dark");
-
- use_effect(move || {
- let timeout = Timeout::new(500, move || {
- position_heading_by_anchor();
- });
-
- || {
- timeout.forget();
- }
- });
-
- html! {
-
-
-
- }
-}
-
-fn position_heading_by_anchor() {
- let window = web_sys::window().unwrap();
- let document = window.document().unwrap();
- let location = document.location().unwrap();
- let hash = location.hash().unwrap();
-
- if hash != "" {
- return;
- }
-
- let heading_ele = document.get_element_by_id(&hash[1..]).unwrap();
-
- heading_ele.scroll_into_view();
-}
diff --git a/pages/projects/.gitignore b/pages/projects/.gitignore
deleted file mode 100644
index 96ef6c0..0000000
--- a/pages/projects/.gitignore
+++ /dev/null
@@ -1,2 +0,0 @@
-/target
-Cargo.lock
diff --git a/pages/projects/Cargo.toml b/pages/projects/Cargo.toml
deleted file mode 100644
index e14ab38..0000000
--- a/pages/projects/Cargo.toml
+++ /dev/null
@@ -1,13 +0,0 @@
-[package]
-name = "projects"
-version = "0.1.0"
-edition = "2021"
-
-# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
-
-[dependencies]
-yew = "0.19.3"
-stylist = {version = "0.10", features = ["yew_integration"]}
-ui = {path = "../../ui"}
-services = {path = "../../services"}
-utils = {path = "../../utils"}
diff --git a/pages/projects/src/lib.rs b/pages/projects/src/lib.rs
deleted file mode 100644
index 09fa72e..0000000
--- a/pages/projects/src/lib.rs
+++ /dev/null
@@ -1,111 +0,0 @@
-use services::projects_service::projects_service::Project;
-use services::projects_service::projects_service::PROJECTS_SERVICE;
-use stylist::style;
-use ui::contact::ContactType;
-use ui::image::ThemeImage;
-use ui::link::Link;
-use ui::ProjectCard;
-use utils::theme::is_on_mobile;
-use yew::prelude::*;
-
-#[function_component(Projects)]
-pub fn projects() -> Html {
- let style = style!(
- r"
- margin-top: 30px;
-
- & > a > img {
- width: 100%;
- }
-
- .alert{
- width: 100%;
- background-color: var(--alert-color);
- padding: 14px 19px;
- box-sizing: border-box;
- border-radius: 10px;
- margin: 15px 0;
- }
-
- .alert > p {
- color: var(--text-color);
- line-height: 20px;
- font-size: 13px;
- }
-
- .alert > p > a {
- line-height: 20px;
- font-size: 13px;
- color: var(--blue);
- }
-
- .cards {
- display: flex;
- justify-content: space-between;
- margin-top: 40px;
- margin-bottom: 45px;
- }
-
- @media (max-width: 600px) {
- .cards {
- flex-direction: column;
- }
- }
- "
- )
- .unwrap();
- let render_project_card = |projects: Vec
-
- {&post.modified_time}
-
- - {&post.metadata.title} -
-
- {Html::VRef(post_body.clone().into())}
-
-
- {render_project_card(odd)}
-
-
- {render_project_card(even)}
-
-
- }
- };
- let render_linear_flow = || -> Html {
- let projects = PROJECTS_SERVICE.get_projects();
-
- render_project_card(projects)
- };
-
- let render_target_vnode = if is_on_mobile() {
- render_linear_flow()
- } else {
- render_waterfall_flow()
- };
-
- html! {
-
-
-
- }
-}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
new file mode 100644
index 0000000..5e69df8
--- /dev/null
+++ b/pnpm-lock.yaml
@@ -0,0 +1,883 @@
+lockfileVersion: '9.0'
+
+settings:
+ autoInstallPeers: true
+ excludeLinksFromLockfile: false
+
+importers:
+
+ .:
+ devDependencies:
+ '@tailwindcss/typography':
+ specifier: ^0.5.13
+ version: 0.5.13(tailwindcss@3.4.4)
+ tailwindcss:
+ specifier: ^3.4.4
+ version: 3.4.4
+
+packages:
+
+ '@alloc/quick-lru@5.2.0':
+ resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
+ engines: {node: '>=10'}
+
+ '@isaacs/cliui@8.0.2':
+ resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
+ engines: {node: '>=12'}
+
+ '@jridgewell/gen-mapping@0.3.5':
+ resolution: {integrity: sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==}
+ engines: {node: '>=6.0.0'}
+
+ '@jridgewell/resolve-uri@3.1.2':
+ resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
+ engines: {node: '>=6.0.0'}
+
+ '@jridgewell/set-array@1.2.1':
+ resolution: {integrity: sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==}
+ engines: {node: '>=6.0.0'}
+
+ '@jridgewell/sourcemap-codec@1.5.0':
+ resolution: {integrity: sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==}
+
+ '@jridgewell/trace-mapping@0.3.25':
+ resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
+
+ '@nodelib/fs.scandir@2.1.5':
+ resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
+ engines: {node: '>= 8'}
+
+ '@nodelib/fs.stat@2.0.5':
+ resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
+ engines: {node: '>= 8'}
+
+ '@nodelib/fs.walk@1.2.8':
+ resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
+ engines: {node: '>= 8'}
+
+ '@pkgjs/parseargs@0.11.0':
+ resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
+ engines: {node: '>=14'}
+
+ '@tailwindcss/typography@0.5.13':
+ resolution: {integrity: sha512-ADGcJ8dX21dVVHIwTRgzrcunY6YY9uSlAHHGVKvkA+vLc5qLwEszvKts40lx7z0qc4clpjclwLeK5rVCV2P/uw==}
+ peerDependencies:
+ tailwindcss: '>=3.0.0 || insiders'
+
+ ansi-regex@5.0.1:
+ resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+ engines: {node: '>=8'}
+
+ ansi-regex@6.0.1:
+ resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==}
+ engines: {node: '>=12'}
+
+ ansi-styles@4.3.0:
+ resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+ engines: {node: '>=8'}
+
+ ansi-styles@6.2.1:
+ resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
+ engines: {node: '>=12'}
+
+ any-promise@1.3.0:
+ resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}
+
+ anymatch@3.1.3:
+ resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
+ engines: {node: '>= 8'}
+
+ arg@5.0.2:
+ resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
+
+ balanced-match@1.0.2:
+ resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+
+ binary-extensions@2.3.0:
+ resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
+ engines: {node: '>=8'}
+
+ brace-expansion@2.0.1:
+ resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
+
+ braces@3.0.3:
+ resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
+ engines: {node: '>=8'}
+
+ camelcase-css@2.0.1:
+ resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
+ engines: {node: '>= 6'}
+
+ chokidar@3.6.0:
+ resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
+ engines: {node: '>= 8.10.0'}
+
+ color-convert@2.0.1:
+ resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+ engines: {node: '>=7.0.0'}
+
+ color-name@1.1.4:
+ resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+
+ commander@4.1.1:
+ resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
+ engines: {node: '>= 6'}
+
+ cross-spawn@7.0.3:
+ resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
+ engines: {node: '>= 8'}
+
+ cssesc@3.0.0:
+ resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+ engines: {node: '>=4'}
+ hasBin: true
+
+ didyoumean@1.2.2:
+ resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
+
+ dlv@1.1.3:
+ resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
+
+ eastasianwidth@0.2.0:
+ resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
+
+ emoji-regex@8.0.0:
+ resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+
+ emoji-regex@9.2.2:
+ resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
+
+ fast-glob@3.3.2:
+ resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==}
+ engines: {node: '>=8.6.0'}
+
+ fastq@1.17.1:
+ resolution: {integrity: sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==}
+
+ fill-range@7.1.1:
+ resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
+ engines: {node: '>=8'}
+
+ foreground-child@3.2.1:
+ resolution: {integrity: sha512-PXUUyLqrR2XCWICfv6ukppP96sdFwWbNEnfEMt7jNsISjMsvaLNinAHNDYyvkyU+SZG2BTSbT5NjG+vZslfGTA==}
+ engines: {node: '>=14'}
+
+ fsevents@2.3.3:
+ resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+ engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+ os: [darwin]
+
+ function-bind@1.1.2:
+ resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
+
+ glob-parent@5.1.2:
+ resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+ engines: {node: '>= 6'}
+
+ glob-parent@6.0.2:
+ resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
+ engines: {node: '>=10.13.0'}
+
+ glob@10.4.5:
+ resolution: {integrity: sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==}
+ hasBin: true
+
+ hasown@2.0.2:
+ resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
+ engines: {node: '>= 0.4'}
+
+ is-binary-path@2.1.0:
+ resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
+ engines: {node: '>=8'}
+
+ is-core-module@2.14.0:
+ resolution: {integrity: sha512-a5dFJih5ZLYlRtDc0dZWP7RiKr6xIKzmn/oAYCDvdLThadVgyJwlaoQPmRtMSpz+rk0OGAgIu+TcM9HUF0fk1A==}
+ engines: {node: '>= 0.4'}
+
+ is-extglob@2.1.1:
+ resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+ engines: {node: '>=0.10.0'}
+
+ is-fullwidth-code-point@3.0.0:
+ resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
+ engines: {node: '>=8'}
+
+ is-glob@4.0.3:
+ resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+ engines: {node: '>=0.10.0'}
+
+ is-number@7.0.0:
+ resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+ engines: {node: '>=0.12.0'}
+
+ isexe@2.0.0:
+ resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+
+ jackspeak@3.4.2:
+ resolution: {integrity: sha512-qH3nOSj8q/8+Eg8LUPOq3C+6HWkpUioIjDsq1+D4zY91oZvpPttw8GwtF1nReRYKXl+1AORyFqtm2f5Q1SB6/Q==}
+ engines: {node: 14 >=14.21 || 16 >=16.20 || >=18}
+
+ jiti@1.21.6:
+ resolution: {integrity: sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==}
+ hasBin: true
+
+ lilconfig@2.1.0:
+ resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
+ engines: {node: '>=10'}
+
+ lilconfig@3.1.2:
+ resolution: {integrity: sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==}
+ engines: {node: '>=14'}
+
+ lines-and-columns@1.2.4:
+ resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+
+ lodash.castarray@4.4.0:
+ resolution: {integrity: sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==}
+
+ lodash.isplainobject@4.0.6:
+ resolution: {integrity: sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==}
+
+ lodash.merge@4.6.2:
+ resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+
+ lru-cache@10.4.3:
+ resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
+
+ merge2@1.4.1:
+ resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+ engines: {node: '>= 8'}
+
+ micromatch@4.0.7:
+ resolution: {integrity: sha512-LPP/3KorzCwBxfeUuZmaR6bG2kdeHSbe0P2tY3FLRU4vYrjYz5hI4QZwV0njUx3jeuKe67YukQ1LSPZBKDqO/Q==}
+ engines: {node: '>=8.6'}
+
+ minimatch@9.0.5:
+ resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
+ engines: {node: '>=16 || 14 >=14.17'}
+
+ minipass@7.1.2:
+ resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
+ engines: {node: '>=16 || 14 >=14.17'}
+
+ mz@2.7.0:
+ resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
+
+ nanoid@3.3.7:
+ resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
+ engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+ hasBin: true
+
+ normalize-path@3.0.0:
+ resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+ engines: {node: '>=0.10.0'}
+
+ object-assign@4.1.1:
+ resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+ engines: {node: '>=0.10.0'}
+
+ object-hash@3.0.0:
+ resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==}
+ engines: {node: '>= 6'}
+
+ package-json-from-dist@1.0.0:
+ resolution: {integrity: sha512-dATvCeZN/8wQsGywez1mzHtTlP22H8OEfPrVMLNr4/eGa+ijtLn/6M5f0dY8UKNrC2O9UCU6SSoG3qRKnt7STw==}
+
+ path-key@3.1.1:
+ resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+ engines: {node: '>=8'}
+
+ path-parse@1.0.7:
+ resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
+
+ path-scurry@1.11.1:
+ resolution: {integrity: sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==}
+ engines: {node: '>=16 || 14 >=14.18'}
+
+ picocolors@1.0.1:
+ resolution: {integrity: sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==}
+
+ picomatch@2.3.1:
+ resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
+ engines: {node: '>=8.6'}
+
+ pify@2.3.0:
+ resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
+ engines: {node: '>=0.10.0'}
+
+ pirates@4.0.6:
+ resolution: {integrity: sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==}
+ engines: {node: '>= 6'}
+
+ postcss-import@15.1.0:
+ resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
+ engines: {node: '>=14.0.0'}
+ peerDependencies:
+ postcss: ^8.0.0
+
+ postcss-js@4.0.1:
+ resolution: {integrity: sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==}
+ engines: {node: ^12 || ^14 || >= 16}
+ peerDependencies:
+ postcss: ^8.4.21
+
+ postcss-load-config@4.0.2:
+ resolution: {integrity: sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==}
+ engines: {node: '>= 14'}
+ peerDependencies:
+ postcss: '>=8.0.9'
+ ts-node: '>=9.0.0'
+ peerDependenciesMeta:
+ postcss:
+ optional: true
+ ts-node:
+ optional: true
+
+ postcss-nested@6.0.1:
+ resolution: {integrity: sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==}
+ engines: {node: '>=12.0'}
+ peerDependencies:
+ postcss: ^8.2.14
+
+ postcss-selector-parser@6.0.10:
+ resolution: {integrity: sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==}
+ engines: {node: '>=4'}
+
+ postcss-selector-parser@6.1.0:
+ resolution: {integrity: sha512-UMz42UD0UY0EApS0ZL9o1XnLhSTtvvvLe5Dc2H2O56fvRZi+KulDyf5ctDhhtYJBGKStV2FL1fy6253cmLgqVQ==}
+ engines: {node: '>=4'}
+
+ postcss-value-parser@4.2.0:
+ resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
+
+ postcss@8.4.39:
+ resolution: {integrity: sha512-0vzE+lAiG7hZl1/9I8yzKLx3aR9Xbof3fBHKunvMfOCYAtMhrsnccJY2iTURb9EZd5+pLuiNV9/c/GZJOHsgIw==}
+ engines: {node: ^10 || ^12 || >=14}
+
+ queue-microtask@1.2.3:
+ resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+
+ read-cache@1.0.0:
+ resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
+
+ readdirp@3.6.0:
+ resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
+ engines: {node: '>=8.10.0'}
+
+ resolve@1.22.8:
+ resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
+ hasBin: true
+
+ reusify@1.0.4:
+ resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
+ engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+
+ run-parallel@1.2.0:
+ resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+
+ shebang-command@2.0.0:
+ resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+ engines: {node: '>=8'}
+
+ shebang-regex@3.0.0:
+ resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+ engines: {node: '>=8'}
+
+ signal-exit@4.1.0:
+ resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
+ engines: {node: '>=14'}
+
+ source-map-js@1.2.0:
+ resolution: {integrity: sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==}
+ engines: {node: '>=0.10.0'}
+
+ string-width@4.2.3:
+ resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
+ engines: {node: '>=8'}
+
+ string-width@5.1.2:
+ resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
+ engines: {node: '>=12'}
+
+ strip-ansi@6.0.1:
+ resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+ engines: {node: '>=8'}
+
+ strip-ansi@7.1.0:
+ resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==}
+ engines: {node: '>=12'}
+
+ sucrase@3.35.0:
+ resolution: {integrity: sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==}
+ engines: {node: '>=16 || 14 >=14.17'}
+ hasBin: true
+
+ supports-preserve-symlinks-flag@1.0.0:
+ resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
+ engines: {node: '>= 0.4'}
+
+ tailwindcss@3.4.4:
+ resolution: {integrity: sha512-ZoyXOdJjISB7/BcLTR6SEsLgKtDStYyYZVLsUtWChO4Ps20CBad7lfJKVDiejocV4ME1hLmyY0WJE3hSDcmQ2A==}
+ engines: {node: '>=14.0.0'}
+ hasBin: true
+
+ thenify-all@1.6.0:
+ resolution: {integrity: sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==}
+ engines: {node: '>=0.8'}
+
+ thenify@3.3.1:
+ resolution: {integrity: sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==}
+
+ to-regex-range@5.0.1:
+ resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+ engines: {node: '>=8.0'}
+
+ ts-interface-checker@0.1.13:
+ resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
+
+ util-deprecate@1.0.2:
+ resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+
+ which@2.0.2:
+ resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+ engines: {node: '>= 8'}
+ hasBin: true
+
+ wrap-ansi@7.0.0:
+ resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
+ engines: {node: '>=10'}
+
+ wrap-ansi@8.1.0:
+ resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
+ engines: {node: '>=12'}
+
+ yaml@2.4.5:
+ resolution: {integrity: sha512-aBx2bnqDzVOyNKfsysjA2ms5ZlnjSAW2eG3/L5G/CSujfjLJTJsEw1bGw8kCf04KodQWk1pxlGnZ56CRxiawmg==}
+ engines: {node: '>= 14'}
+ hasBin: true
+
+snapshots:
+
+ '@alloc/quick-lru@5.2.0': {}
+
+ '@isaacs/cliui@8.0.2':
+ dependencies:
+ string-width: 5.1.2
+ string-width-cjs: string-width@4.2.3
+ strip-ansi: 7.1.0
+ strip-ansi-cjs: strip-ansi@6.0.1
+ wrap-ansi: 8.1.0
+ wrap-ansi-cjs: wrap-ansi@7.0.0
+
+ '@jridgewell/gen-mapping@0.3.5':
+ dependencies:
+ '@jridgewell/set-array': 1.2.1
+ '@jridgewell/sourcemap-codec': 1.5.0
+ '@jridgewell/trace-mapping': 0.3.25
+
+ '@jridgewell/resolve-uri@3.1.2': {}
+
+ '@jridgewell/set-array@1.2.1': {}
+
+ '@jridgewell/sourcemap-codec@1.5.0': {}
+
+ '@jridgewell/trace-mapping@0.3.25':
+ dependencies:
+ '@jridgewell/resolve-uri': 3.1.2
+ '@jridgewell/sourcemap-codec': 1.5.0
+
+ '@nodelib/fs.scandir@2.1.5':
+ dependencies:
+ '@nodelib/fs.stat': 2.0.5
+ run-parallel: 1.2.0
+
+ '@nodelib/fs.stat@2.0.5': {}
+
+ '@nodelib/fs.walk@1.2.8':
+ dependencies:
+ '@nodelib/fs.scandir': 2.1.5
+ fastq: 1.17.1
+
+ '@pkgjs/parseargs@0.11.0':
+ optional: true
+
+ '@tailwindcss/typography@0.5.13(tailwindcss@3.4.4)':
+ dependencies:
+ lodash.castarray: 4.4.0
+ lodash.isplainobject: 4.0.6
+ lodash.merge: 4.6.2
+ postcss-selector-parser: 6.0.10
+ tailwindcss: 3.4.4
+
+ ansi-regex@5.0.1: {}
+
+ ansi-regex@6.0.1: {}
+
+ ansi-styles@4.3.0:
+ dependencies:
+ color-convert: 2.0.1
+
+ ansi-styles@6.2.1: {}
+
+ any-promise@1.3.0: {}
+
+ anymatch@3.1.3:
+ dependencies:
+ normalize-path: 3.0.0
+ picomatch: 2.3.1
+
+ arg@5.0.2: {}
+
+ balanced-match@1.0.2: {}
+
+ binary-extensions@2.3.0: {}
+
+ brace-expansion@2.0.1:
+ dependencies:
+ balanced-match: 1.0.2
+
+ braces@3.0.3:
+ dependencies:
+ fill-range: 7.1.1
+
+ camelcase-css@2.0.1: {}
+
+ chokidar@3.6.0:
+ dependencies:
+ anymatch: 3.1.3
+ braces: 3.0.3
+ glob-parent: 5.1.2
+ is-binary-path: 2.1.0
+ is-glob: 4.0.3
+ normalize-path: 3.0.0
+ readdirp: 3.6.0
+ optionalDependencies:
+ fsevents: 2.3.3
+
+ color-convert@2.0.1:
+ dependencies:
+ color-name: 1.1.4
+
+ color-name@1.1.4: {}
+
+ commander@4.1.1: {}
+
+ cross-spawn@7.0.3:
+ dependencies:
+ path-key: 3.1.1
+ shebang-command: 2.0.0
+ which: 2.0.2
+
+ cssesc@3.0.0: {}
+
+ didyoumean@1.2.2: {}
+
+ dlv@1.1.3: {}
+
+ eastasianwidth@0.2.0: {}
+
+ emoji-regex@8.0.0: {}
+
+ emoji-regex@9.2.2: {}
+
+ fast-glob@3.3.2:
+ dependencies:
+ '@nodelib/fs.stat': 2.0.5
+ '@nodelib/fs.walk': 1.2.8
+ glob-parent: 5.1.2
+ merge2: 1.4.1
+ micromatch: 4.0.7
+
+ fastq@1.17.1:
+ dependencies:
+ reusify: 1.0.4
+
+ fill-range@7.1.1:
+ dependencies:
+ to-regex-range: 5.0.1
+
+ foreground-child@3.2.1:
+ dependencies:
+ cross-spawn: 7.0.3
+ signal-exit: 4.1.0
+
+ fsevents@2.3.3:
+ optional: true
+
+ function-bind@1.1.2: {}
+
+ glob-parent@5.1.2:
+ dependencies:
+ is-glob: 4.0.3
+
+ glob-parent@6.0.2:
+ dependencies:
+ is-glob: 4.0.3
+
+ glob@10.4.5:
+ dependencies:
+ foreground-child: 3.2.1
+ jackspeak: 3.4.2
+ minimatch: 9.0.5
+ minipass: 7.1.2
+ package-json-from-dist: 1.0.0
+ path-scurry: 1.11.1
+
+ hasown@2.0.2:
+ dependencies:
+ function-bind: 1.1.2
+
+ is-binary-path@2.1.0:
+ dependencies:
+ binary-extensions: 2.3.0
+
+ is-core-module@2.14.0:
+ dependencies:
+ hasown: 2.0.2
+
+ is-extglob@2.1.1: {}
+
+ is-fullwidth-code-point@3.0.0: {}
+
+ is-glob@4.0.3:
+ dependencies:
+ is-extglob: 2.1.1
+
+ is-number@7.0.0: {}
+
+ isexe@2.0.0: {}
+
+ jackspeak@3.4.2:
+ dependencies:
+ '@isaacs/cliui': 8.0.2
+ optionalDependencies:
+ '@pkgjs/parseargs': 0.11.0
+
+ jiti@1.21.6: {}
+
+ lilconfig@2.1.0: {}
+
+ lilconfig@3.1.2: {}
+
+ lines-and-columns@1.2.4: {}
+
+ lodash.castarray@4.4.0: {}
+
+ lodash.isplainobject@4.0.6: {}
+
+ lodash.merge@4.6.2: {}
+
+ lru-cache@10.4.3: {}
+
+ merge2@1.4.1: {}
+
+ micromatch@4.0.7:
+ dependencies:
+ braces: 3.0.3
+ picomatch: 2.3.1
+
+ minimatch@9.0.5:
+ dependencies:
+ brace-expansion: 2.0.1
+
+ minipass@7.1.2: {}
+
+ mz@2.7.0:
+ dependencies:
+ any-promise: 1.3.0
+ object-assign: 4.1.1
+ thenify-all: 1.6.0
+
+ nanoid@3.3.7: {}
+
+ normalize-path@3.0.0: {}
+
+ object-assign@4.1.1: {}
+
+ object-hash@3.0.0: {}
+
+ package-json-from-dist@1.0.0: {}
+
+ path-key@3.1.1: {}
+
+ path-parse@1.0.7: {}
+
+ path-scurry@1.11.1:
+ dependencies:
+ lru-cache: 10.4.3
+ minipass: 7.1.2
+
+ picocolors@1.0.1: {}
+
+ picomatch@2.3.1: {}
+
+ pify@2.3.0: {}
+
+ pirates@4.0.6: {}
+
+ postcss-import@15.1.0(postcss@8.4.39):
+ dependencies:
+ postcss: 8.4.39
+ postcss-value-parser: 4.2.0
+ read-cache: 1.0.0
+ resolve: 1.22.8
+
+ postcss-js@4.0.1(postcss@8.4.39):
+ dependencies:
+ camelcase-css: 2.0.1
+ postcss: 8.4.39
+
+ postcss-load-config@4.0.2(postcss@8.4.39):
+ dependencies:
+ lilconfig: 3.1.2
+ yaml: 2.4.5
+ optionalDependencies:
+ postcss: 8.4.39
+
+ postcss-nested@6.0.1(postcss@8.4.39):
+ dependencies:
+ postcss: 8.4.39
+ postcss-selector-parser: 6.1.0
+
+ postcss-selector-parser@6.0.10:
+ dependencies:
+ cssesc: 3.0.0
+ util-deprecate: 1.0.2
+
+ postcss-selector-parser@6.1.0:
+ dependencies:
+ cssesc: 3.0.0
+ util-deprecate: 1.0.2
+
+ postcss-value-parser@4.2.0: {}
+
+ postcss@8.4.39:
+ dependencies:
+ nanoid: 3.3.7
+ picocolors: 1.0.1
+ source-map-js: 1.2.0
+
+ queue-microtask@1.2.3: {}
+
+ read-cache@1.0.0:
+ dependencies:
+ pify: 2.3.0
+
+ readdirp@3.6.0:
+ dependencies:
+ picomatch: 2.3.1
+
+ resolve@1.22.8:
+ dependencies:
+ is-core-module: 2.14.0
+ path-parse: 1.0.7
+ supports-preserve-symlinks-flag: 1.0.0
+
+ reusify@1.0.4: {}
+
+ run-parallel@1.2.0:
+ dependencies:
+ queue-microtask: 1.2.3
+
+ shebang-command@2.0.0:
+ dependencies:
+ shebang-regex: 3.0.0
+
+ shebang-regex@3.0.0: {}
+
+ signal-exit@4.1.0: {}
+
+ source-map-js@1.2.0: {}
+
+ string-width@4.2.3:
+ dependencies:
+ emoji-regex: 8.0.0
+ is-fullwidth-code-point: 3.0.0
+ strip-ansi: 6.0.1
+
+ string-width@5.1.2:
+ dependencies:
+ eastasianwidth: 0.2.0
+ emoji-regex: 9.2.2
+ strip-ansi: 7.1.0
+
+ strip-ansi@6.0.1:
+ dependencies:
+ ansi-regex: 5.0.1
+
+ strip-ansi@7.1.0:
+ dependencies:
+ ansi-regex: 6.0.1
+
+ sucrase@3.35.0:
+ dependencies:
+ '@jridgewell/gen-mapping': 0.3.5
+ commander: 4.1.1
+ glob: 10.4.5
+ lines-and-columns: 1.2.4
+ mz: 2.7.0
+ pirates: 4.0.6
+ ts-interface-checker: 0.1.13
+
+ supports-preserve-symlinks-flag@1.0.0: {}
+
+ tailwindcss@3.4.4:
+ dependencies:
+ '@alloc/quick-lru': 5.2.0
+ arg: 5.0.2
+ chokidar: 3.6.0
+ didyoumean: 1.2.2
+ dlv: 1.1.3
+ fast-glob: 3.3.2
+ glob-parent: 6.0.2
+ is-glob: 4.0.3
+ jiti: 1.21.6
+ lilconfig: 2.1.0
+ micromatch: 4.0.7
+ normalize-path: 3.0.0
+ object-hash: 3.0.0
+ picocolors: 1.0.1
+ postcss: 8.4.39
+ postcss-import: 15.1.0(postcss@8.4.39)
+ postcss-js: 4.0.1(postcss@8.4.39)
+ postcss-load-config: 4.0.2(postcss@8.4.39)
+ postcss-nested: 6.0.1(postcss@8.4.39)
+ postcss-selector-parser: 6.1.0
+ resolve: 1.22.8
+ sucrase: 3.35.0
+ transitivePeerDependencies:
+ - ts-node
+
+ thenify-all@1.6.0:
+ dependencies:
+ thenify: 3.3.1
+
+ thenify@3.3.1:
+ dependencies:
+ any-promise: 1.3.0
+
+ to-regex-range@5.0.1:
+ dependencies:
+ is-number: 7.0.0
+
+ ts-interface-checker@0.1.13: {}
+
+ util-deprecate@1.0.2: {}
+
+ which@2.0.2:
+ dependencies:
+ isexe: 2.0.0
+
+ wrap-ansi@7.0.0:
+ dependencies:
+ ansi-styles: 4.3.0
+ string-width: 4.2.3
+ strip-ansi: 6.0.1
+
+ wrap-ansi@8.1.0:
+ dependencies:
+ ansi-styles: 6.2.1
+ string-width: 5.1.2
+ strip-ansi: 7.1.0
+
+ yaml@2.4.5: {}
diff --git a/posts/add_links.md b/posts/add_links.md
deleted file mode 100644
index 42d64a3..0000000
--- a/posts/add_links.md
+++ /dev/null
@@ -1,61 +0,0 @@
-```metadata
-{
- "cover": "../app/assets/sources/links_cover.svg",
- "tag": "Help",
- "title": "如何申请友情链接"
-}
-```
-
-Hii，欢迎来到我的站点，我很乐意跟你连接，你可以向我发起一个 PR 来进行友情链接的添加，你的网站将会被陈列在 [这里](/links)。
-
-跟随以下几个步骤来将你的网站添加到 [友情链接](/links) 吧！
-
-#### 1. Fork & Update links
-
-Fork [zzhack](https://github.com/zzhack-stack/zzhack) 到你的 GitHub，修改 `/services/links_service/links.json` 添加你的网站信息。
-
-```json
-{
- "links": [
- {
- "name": "Busyops博客",
- "addr": "https://busyops.com/",
- "desc": "Hello Moon",
- "logo": "https://busyops.com/images/avatar.jpg"
- },
- {
- "name": "Clay 的技术博客",
- "addr": "https://www.techgrow.cn",
- "desc": "用进废退 | 艺不压身",
- "logo": "https://www.techgrow.cn/img/head.jpg"
- },
- {
- "name": "Christine的博客",
- "desc": "虽然我不够优秀，但我从未放弃过努力。",
- "logo": "https://christine-only.github.io/blog/logo.png",
- "addr": "https://christine-only.github.io/blog/"
- },
- {
- "name": "Forever丿顾北博客",
- "addr": "https://forevergubei.gitee.io/myblod/",
- "desc": "一个追寻大佬脚步的小白",
- "logo": "https://forevergubei.gitee.io/myblod/logo.png"
- }
- // {
- // "name": "站点名称",
- // "addr": "站点链接",
- // "desc": "站点描述",
- // "logo": "站点 logo"
- // }，
- // <- 加到这里 :D
- ]
-}
-```
-
-#### 2. 提交修改
-
-通过 GitHub 创建一个 PR 合并到 `main`，等待 merge 后就能在 [友情链接](/links) 看到你的站点了。
-
-#### Final
-
-如果你嫌上述步骤太麻烦也不要紧，将你的网站信息通过 [Email](mailto:mist.zzh@gmail.com) 发给我，我会在空闲的时候处理 :D。
diff --git a/posts/build_blog.md b/posts/build_blog.md
deleted file mode 100644
index e9165d2..0000000
--- a/posts/build_blog.md
+++ /dev/null
@@ -1,159 +0,0 @@
-```metadata
-{
- "cover": "../app/assets/sources/blog_cover.svg",
- "tag": "Genesis",
- "title": "构建静态纯粹的博客站点",
- "pined": true,
- "size": "large"
-}
-```
-
-Hello World!
-
-重构了好久的 zzhack 终于又又又上线了，这么久的从 UI 到整个架构的重构属实太长了，上线的第一篇创世文章想写清楚 zzhack 的构建和设计思路，有关该站点的建设动机可以移步到 [这里](/about)。
-
-正如你看到的 zzhack 是一个纯正的 wasm 应用，它由 [Rust](https://www.rust-lang.org/) & [Yew](https://yew.rs/) 来作为技术栈进行搭建。
-
-[Rust](https://www.rust-lang.org/) 一个看似跟前端半毛钱不搭边的语言，为什么会渗透到前端的技术栈来，一切都要得益于 [Web Assembly](https://webassembly.org/)（后称 wasm），那什么是 wasm？在 wasm 官网上有这么一段简要的概括：
-
-> WebAssembly (abbreviated Wasm) is a binary instruction format for a stack-based virtual machine. Wasm is designed as a portable compilation target for programming languages, enabling deployment on the web for client and server applications.
-
-由此可见，wasm 被设计的初衷就是一个编译目标语言（Wasm is designed as a portable compilation target for programming languages），在此之前，很多语言也有尝试过把 JS 本身就当作一个编译目标，让自家的语言也能渗透进前端的技术栈，做到 full-stack language，比如 [Dart](https://dart.dev/) 的 [dart2js](https://dart.dev/tools/dart2js) 编译器，但 dart 的 webtool 做的并不是很理想，其根本原因在于从开发体验到执行性能来看并没有本质上的提升，这就导致大部分开发者还是倾向于用 JS 来进行开发，不仅性能跟 dart2js 编译出的 bundle 相差无几，在开发效率上得益于动态语言的天然优势，也把静态语言远远甩在身后。但 Dart 自家的 Angular 也天然支持 Dart 进行开发，那是另一回事了（作者觉得体验并不如用 TS 来搭配 Angular）。
-
-Wasm 出现的一个根本原因在于前端正在从 “脚本化” 踏入 “工程化”，日益复杂的前端项目不仅需要大部分的维护成本，在一些领域现有的性能已经满足不了，出现了动态语言的瓶颈。动态语言让编译过程无法去猜测变量的类型而去进行热优化，每一个类型的动态变更都会导致编译过程需要做一次去优化。当然期间也出现了诸如 [asm.js](http://asmjs.org/) 这样的编译目标，这里就不过多的进行介绍了。
-
-Wasm 让在浏览器里能跑的语言多了一种新的可能性并且带来了极高的性能，在一些需要高强度计算的场景可谓是及时雨，下图为fib 递归运算 js 和 wasm 的运行时间对比。
-
-```
-fib(n) = fib(n - 1) + fib(n - 2)
-```
-
-
-
-单个 fib 的例子可以看出计算性能几乎高了一倍。
-
-当然这也给前端技术栈带来了更多的可能性，现在的浏览器不光能跑 JS 也能跑 wasm，这样只要有语言能提供编译到 wasm 目标的编译器，那这个语言就可以渗透进前端技术栈了！是不是光听着就兴奋无比！但事实却不尽人意，虽然 wasm 提供了比 js 更强的运算能力，但它的设计初衷并不是为了替代 js，而是作为一种新型的突破浏览器应用运算瓶颈的解决方案，这样一来，wasm 只能负责与计算有关的操作，换言之 wasm 并不能操作 dom，因此我们需要一个更聪明的打包工具链，将 dom 操作和计算运算逻辑分散开来，将有关 dom 的操作全部交给 js，执行运算的逻辑都交付给 wasm，再由 js 来负责调用 wasm 模块。
-
-与此同时，现代前端开发体验除了良好的编码体验外，本地服务器 + 热更新是并不可少的，能提供这样接近于 js 的工具链的语言的生态少之又少，目前 Rust 的生态是最成熟的，出现了诸如 [Trunk](https://github.com/thedodd/trunk) 这类优秀的打包工具（该站点就是基于 [Trunk](https://github.com/thedodd/trunk) 打包的）。
-
-## ViewModel?
-介绍完了工具链，但还需要一个模板。
-
-现代前端开发大多是 SPA 居多，后续的 SSR，SSG 等概念其实已经跟传统（直接利用模板引擎在服务端全部渲染完毕）的 SSR 等概念大不相同了。在交互居多的 web2.0 时代，前端要解决的首要难题是模型到视图的映射关系，希望模型的更新能尽快的更新到视图，完成一次视图的响应。现在很多所谓数据驱动的框架都帮我们做了这些事情，那在 Wasm 生态中，有没有诸如此类的框架呢？答案是有的！这就是 [Yew](https://yew.rs/)。
-
-
-
-[Yew](https://yew.rs/) 是 Rust wasm 生态中的一环，利用 rust 强大的 macro，提供类似 jsx 的模板来表示 UI，提供媲美 React 的 jsx 的模板体验，虽然现在是 `0.19` 版本离稳定还有一段距离，但整个社区强大活力让我感到这个框架强大的生命力。
-
-在 Yew 0.19 版本中支持了 function component，对比 0.18 的 component 写法更加简洁，一个 yew fc 大概是这样的：
-
-[ui/gradient_title.rs](https://github.com/zzhack-stack/zzhack)
-
-```rust
-use stylist::style;
-use yew::prelude::*;
-
-#[derive(Properties, Clone, PartialEq)]
-pub struct GradientTitleProps {
- pub children: Children,
-}
-
-#[function_component(GradientTitle)]
-pub fn gradient_title(props: &GradientTitleProps) -> Html {
- let style = style!(
- r"
- display: flex;
- margin-bottom: 21px;
-
- .gradient-title__content {
- font-size: 29px;
- position: relative;
- }
-
- .gradient-title__content::before {
- content: '';
- width: 120%;
- display: block;
- height: 21px;
- border-radius: 100px;
- background: linear-gradient(90deg, #FF4AA8 0%, #F95D66 22%, #FE9C76 100%);
- position: absolute;
- z-index: -1;
- bottom: 0px;
- left: -5%;
- }
- "
- )
- .unwrap();
-
- html! {
-
-
- {"我会用业余时间维护一些开源项目，包括不限于奇思妙想的产品，提升开发者体验的工具，库，框架。我目前在思考于 UI Design 和想要用 ❤️ 做好一个产品。"}
-- {"如果你有任何相关的建议或者有趣问题的讨论，欢迎直接通过 "} - {"邮件"} - {" 联系我。"} -
-
- {render_target_vnode}
-
-
-
- }
-}
-```
-
-需要注意的是这并不是另一个 React 的轮子，它更像一个具有 jsx 模板的 Rust 框架而已。
-
-## 说说博客吧！
-
-聊了那么多技术栈的东西，接下来转身来聊聊博客。
-
-想要比较快速的搭建一个 blog，可能会想到 hexo 之类的工具，这些不在本文讨论的范畴内。但如果你想更高强度的 DIY 来搭建你的 blog site，可以接着看下去。
-
-博客首先是一个内容展示平台，意味着应该会有不断更新的数据源，而搭建一个博客站点最首要的工作也应该是思考如何处理发布这些数据源的问题，是动态发布，还是静态发布。
-
-### 动态发布
-之前 zzhack V1.0 的数据源就是动态发布，这样做的好处是你可以将数据源和站点天然的隔离开来，不仅拥有更新数据源不用重新编译部署的能力，甚至在做跨端（这里指有多个客户端，比如 Web App，Native App 小程序等）的时候也能很方便的拿到数据源。
-
-
-
-在 zzhack v1.0 中，文章数据是由 GitHub issue 进行管理发布的，Issues 是一个天然的 Markdown 编辑器，并且 Issues 的 Labels 也能很好的帮助管理文章，进行分类归档。同时，GitHub API 提供了一套完整的关于 Issue 的 restful API 这样一来，客户端只需要通过 GitHub API 来获取对应的文章数据源进行渲染即可。
-
-
-
-这样看起来是很完美，发布渲染一气呵成，但鉴于国内的网络情况，访问 GitHub 实在太慢，经常超时，所以如果大陆的用户来访问 zzhack v1 会经常卡在一个 loading 状态（新文章）...
-
-在 v3 的时候将这部分进行了改进，弃掉 GitHub Issues 来管理文章转而直接用一个 Git 仓库来管理，当 git 版本变更时触发 CI hook，将文章和文章里包含的静态资源统统上传到国内的 CDN，然后客户端再直接通过 CDN 获取文章数据，这样一来速度就会快很多了。
-
-为此我专门用 py 写了个小 [CLI](https://github.com/zzhack-stack/zzhack-provider) 来进行发布动作(Archive)。
-
-
-
-
-### 静态发布
-静态发布的优势也显而易见，就是简单方便速度快，不需要从远端拿额外的资源，文章和代码一起打包发布。传统的 JS 生态会很容易做这件事，丰富的打包生态只需要一个插件来帮助解析 md 模块，就能在依赖图里见到它们了 :D。
-
-但是如果是 Rust 的 wasm 生态，Trunk 要做这样的事儿并不容易，其根本是因为 Trunk 并没有提供类似 Webpack 插件的机制，直接导致无法介入 Trunk 的编译过程，这部分就必须手动来搞了，于是我又写了个 [CLI](https://github.com/zzhack-stack/reducer)...
-
-其思路是先在本地写文章，然后把所有文章都聚合起来当作一个 rs 文件载入源码，再在 trunk 热更新的时候触发一下载入的动作，应用可以通过 service 来读取这部分的内容，就可以做到愉快的静态发布文章了。
-
-
-
-一个自动生成的 `posts.rs` 看起来像:
-
-```rust
-use std::*;
-
-#[derive(Clone)]
-pub struct PostFile {
- pub content: &'static str,
- pub modified_time: u128
-}
-
-pub static POSTS: [PostFile; 1] = [
- PostFile {
- content: include_str!("../../posts/build_blog.md"),
- modified_time: 1654596087967
- },
-
-];
-```
-
-## 聊聊 Rust 的开发体验
-最后最后，聊聊 Rust 开发 Web 的体验，虽然在性能上已经碾压 JS，内存控制更是没话说，但是开发体验并不如直接用 JS Stack 来写 WEB，这需要你通过 Rust 的思维来写 UI 的逻辑。
-
-但是 Rust 太精致（安全）了，但是 WEB 通常不需要那么精致。
diff --git a/posts/foo.md b/posts/foo.md
new file mode 100644
index 0000000..40fe7fe
--- /dev/null
+++ b/posts/foo.md
@@ -0,0 +1,1240 @@
+---
+title: "Global variables"
+spoiler: "The limits of my language mean the limits of my world."
+tags:
+ - text: Hello
+ color: "#000000"
+
+ - World
+---
+
+# 21.全局变量 Global Variables
+
+> If only there could be an invention that bottled up a memory, like scent. And it never faded, and it never got stale. And then, when one wanted it, the bottle could be uncorked, and it would be like living the moment all over again.
+>
+> —— Daphne du Maurier, *Rebecca*
+
+如果有一种发明能把一段记忆装进瓶子里就好了，像香味一样。它永远不会褪色，也不会变质。然后，当一个人想要的时候，可以打开瓶塞，就像重新活在那个时刻一样。（达芙妮-杜穆里埃，《蝴蝶梦》）
+
+> The [previous chapter](http://www.craftinginterpreters.com/hash-tables.html) was a long exploration of one big, deep, fundamental computer science data structure. Heavy on theory and concept. There may have been some discussion of big-O notation and algorithms. This chapter has fewer intellectual pretensions. There are no large ideas to learn. Instead, it’s a handful of straightforward engineering tasks. Once we’ve completed them, our virtual machine will support variables.
+
+上一章对一个大的、深入的、基本的计算机科学数据结构进行了长时间的探索。偏重理论和概念。可能有一些关于大O符号和算法的讨论。这一章没有那么多知识分子的自吹自擂。没有什么伟大的思想需要学习。相反，它是一些简单的工程任务。一旦我们完成了这些任务，我们的虚拟机就可以支持变量。
+
+> Actually, it will support only *global* variables. Locals are coming in the [next chapter](http://www.craftinginterpreters.com/local-variables.html). In jlox, we managed to cram them both into a single chapter because we used the same implementation technique for all variables. We built a chain of environments, one for each scope, all the way up to the top. That was a simple, clean way to learn how to manage state.
+
+事实上，它将只支持*全局*变量。局部变量将在下一章中支持。在jlox中，我们设法将它们塞进了一个章节，因为我们对所有变量都使用了相同的实现技术。我们建立了一个环境链，每个作用域都有一个，一直到顶部作用域。这是学习如何管理状态的一种简单、干净的方法。
+
+> But it’s also *slow*. Allocating a new hash table each time you enter a block or call a function is not the road to a fast VM. Given how much code is concerned with using variables, if variables go slow, everything goes slow. For clox, we’ll improve that by using a much more efficient strategy for local variables, but globals aren’t as easily optimized.
+
+但它也很慢。每次进入一个代码块或调用一个函数时，都要分配一个新的哈希表，这不是通往快速虚拟机的道路。鉴于很多代码都与使用变量有关，如果变量操作缓慢，一切都会变慢。对于clox，我们会通过对局部变量使用更有效的策略来改善这一点，但全局变量不那么容易优化[^1]。
+
+This is a common meta-strategy in sophisticated language implementations. Often, the same language feature will have multiple implementation techniques, each tuned for different use patterns. For example, JavaScript VMs often have a faster representation for objects that are used more like instances of classes compared to other objects whose set of properties is more freely modified. C and C++ compilers usually have a variety of ways to compile `switch` statements based on the number of cases and how densely packed the case values are.
+
+> A quick refresher on Lox semantics: Global variables in Lox are “late bound”, or resolved dynamically. This means you can compile a chunk of code that refers to a global variable before it’s defined. As long as the code doesn’t *execute* before the definition happens, everything is fine. In practice, that means you can refer to later variables inside the body of functions.
+
+快速复习一下Lox语义：Lox中的全局变量是“后期绑定”的，或者说是动态解析的。这意味着，你可以在全局变量被定义之前，编译引用它的一大块代码。只要代码在定义发生之前没有执行，就没有问题。在实践中，这意味着你可以在函数的主体中引用后面的变量。
+
+```c
+fun showVariable() {
+ print global;
+}
+
+var global = "after";
+showVariable();
+```
+
+> Code like this might seem odd, but it’s handy for defining mutually recursive functions. It also plays nicer with the REPL. You can write a little function in one line, then define the variable it uses in the next.
+
+这样的代码可能看起来很奇怪，但它对于定义相互递归的函数很方便。它与REPL的配合也更好。你可以在一行中编写一个小函数，然后在下一行中定义它使用的变量。
+
+> Local variables work differently. Since a local variable’s declaration *always* occurs before it is used, the VM can resolve them at compile time, even in a simple single-pass compiler. That will let us use a smarter representation for locals. But that’s for the next chapter. Right now, let’s just worry about globals.
+
+局部变量的工作方式不同。因为局部变量的声明总是发生在使用之前，虚拟机可以在编译时解析它们，即使是在简单的单遍编译器中。这让我们可以为局部变量使用更聪明的表示形式。但这是下一章的内容。现在，我们只考虑全局变量。
+
+> ## 21 . 1 Statements
+
+## 21.1 语句
+
+> Variables come into being using variable declarations, which means now is also the time to add support for statements to our compiler. If you recall, Lox splits statements into two categories. “Declarations” are those statements that bind a new name to a value. The other kinds of statements—control flow, print, etc.—are just called “statements”. We disallow declarations directly inside control flow statements, like this:
+
+变量是通过变量声明产生的，这意味着现在是时候向编译器中添加对语句的支持了。如果你还记得的话，Lox将语句分为两类。“声明”是那些将一个新名称与值绑定的语句。其它类型的语句——控制流、打印等——只被称为“语句”。我们不允许在控制流语句中直接使用声明，像这样：
+
+```c
+if (monday) var croissant = "yes"; // Error.
+```
+
+> Allowing it would raise confusing questions around the scope of the variable. So, like other languages, we prohibit it syntactically by having a separate grammar rule for the subset of statements that *are* allowed inside a control flow body.
+
+允许这种做法会引发围绕变量作用域的令人困惑的问题。因此，像其它语言一样，对于允许出现在控制流主体内的语句子集，我们制定单独的语法规则，从而禁止这种做法。
+
+```c
+statement → exprStmt
+ | forStmt
+ | ifStmt
+ | printStmt
+ | returnStmt
+ | whileStmt
+ | block ;
+```
+
+> Then we use a separate rule for the top level of a script and inside a block.
+
+然后，我们为脚本的顶层和代码块内部使用单独的规则。
+
+```c
+declaration → classDecl
+ | funDecl
+ | varDecl
+ | statement ;
+```
+
+> The `declaration` rule contains the statements that declare names, and also includes `statement` so that all statement types are allowed. Since `block` itself is in `statement`, you can put declarations inside a control flow construct by nesting them inside a block.
+
+`declaration`包含声明名称的语句，也包含`statement`规则，这样所有的语句类型都是允许的。因为`block`本身就在`statement`中，你可以通过将声明嵌套在代码块中的方式将它们放在控制流结构中[^2]。
+
+> In this chapter, we’ll cover only a couple of statements and one declaration.
+
+在本章中，我们只讨论几个语句和一个声明。
+
+```c
+statement → exprStmt
+ | printStmt ;
+
+declaration → varDecl
+ | statement ;
+```
+
+> Up to now, our VM considered a “program” to be a single expression since that’s all we could parse and compile. In a full Lox implementation, a program is a sequence of declarations. We’re ready to support that now.
+
+到目前为止，我们的虚拟机都认为“程序”是一个表达式，因为我们只能解析和编译一条表达式。在完整的Lox实现中，程序是一连串的声明。我们现在已经准备要支持它了。
+
+*compiler.c，在compile()方法中替换2行：*
+
+```c
+ advance();
+ // 替换部分开始
+ while (!match(TOKEN_EOF)) {
+ declaration();
+ }
+ // 替换部分结束
+ endCompiler();
+```
+
+> We keep compiling declarations until we hit the end of the source file. We compile a single declaration using this:
+
+我们会一直编译声明语句，直到到达源文件的结尾。我们用这个方法来编译一条声明语句：
+
+*compiler.c，在expression()方法后添加代码：*
+
+```c
+static void declaration() {
+ statement();
+}
+```
+
+> We’ll get to variable declarations later in the chapter, so for now, we simply forward to `statement()`.
+
+我们将在本章后面讨论变量声明，所以现在，我们直接使用`statement()`。
+
+*compiler.c，在declaration()方法后添加代码：*
+
+```c
+static void statement() {
+ if (match(TOKEN_PRINT)) {
+ printStatement();
+ }
+}
+```
+
+> Blocks can contain declarations, and control flow statements can contain other statements. That means these two functions will eventually be recursive. We may as well write out the forward declarations now.
+
+代码块可以包含声明，而控制流语句可以包含其它语句。这意味着这两个函数最终是递归的。我们不妨现在就把前置声明写出来。
+
+*compiler.c，在expression()方法后添加代码：*
+
+```c
+static void expression();
+// 新增部分开始
+static void statement();
+static void declaration();
+// 新增部分结束
+static ParseRule* getRule(TokenType type);
+```
+
+> ### 21 . 1 . 1 Print statements
+
+### 21.1.1 Print语句
+
+> We have two statement types to support in this chapter. Let’s start with `print` statements, which begin, naturally enough, with a `print` token. We detect that using this helper function:
+
+在本章中，我们有两种语句类型需要支持。我们从`print`语句开始，它自然是以`print`标识开头的。我们使用这个辅助函数来检测：
+
+*compiler.c，在consume()方法后添加代码：*
+
+```c
+static bool match(TokenType type) {
+ if (!check(type)) return false;
+ advance();
+ return true;
+}
+```
+
+> You may recognize it from jlox. If the current token has the given type, we consume the token and return `true`. Otherwise we leave the token alone and return `false`. This helper function is implemented in terms of this other helper:
+
+你可能看出它是从jlox来的。如果当前的标识是指定类型，我们就消耗该标识并返回`true`。否则，我们就不处理该标识并返回`false`。这个辅助函数是通过另一个辅助函数实现的：
+
+*compiler.c，在consume()方法后添加代码：*
+
+```c
+static bool check(TokenType type) {
+ return parser.current.type == type;
+}
+```
+
+> The `check()` function returns `true` if the current token has the given type. It seems a little silly to wrap this in a function, but we’ll use it more later, and I think short verb-named functions like this make the parser easier to read.
+
+如果当前标识符合给定的类型，`check()`函数返回`true`。将它封装在一个函数中似乎有点傻，但我们以后会更多地使用它，而且我们认为像这样简短的动词命名的函数使解析器更容易阅读[^3]。
+
+> If we did match the `print` token, then we compile the rest of the statement here:
+
+如果我们确实匹配到了`print`标识，那么我们在下面这个方法中编译该语句的剩余部分：
+
+*compiler.c，在expression()方法后添加代码：*
+
+```c
+static void printStatement() {
+ expression();
+ consume(TOKEN_SEMICOLON, "Expect ';' after value.");
+ emitByte(OP_PRINT);
+}
+```
+
+> A `print` statement evaluates an expression and prints the result, so we first parse and compile that expression. The grammar expects a semicolon after that, so we consume it. Finally, we emit a new instruction to print the result.
+
+`print`语句会对表达式求值并打印出结果，所以我们首先解析并编译这个表达式。语法要求在表达式之后有一个分号，所以我们消耗一个分号标识。最后，我们生成一条新指令来打印结果。
+
+*chunk.h，在枚举OpCode中添加代码：*
+
+```c
+ OP_NEGATE,
+ // 新增部分开始
+ OP_PRINT,
+ // 新增部分结束
+ OP_RETURN,
+```
+
+> At runtime, we execute this instruction like so:
+
+在运行时，我们这样执行这条指令：
+
+*vm.c，在run()方法中添加代码：*
+
+```c
+ break;
+ // 新增部分开始
+ case OP_PRINT: {
+ printValue(pop());
+ printf("\n");
+ break;
+ }
+ // 新增部分结束
+ case OP_RETURN: {
+```
+
+> When the interpreter reaches this instruction, it has already executed the code for the expression, leaving the result value on top of the stack. Now we simply pop and print it.
+
+当解释器到达这条指令时，它已经执行了表达式的代码，将结果值留在了栈顶。现在我们只需要弹出该值并打印。
+
+> Note that we don’t push anything else after that. This is a key difference between expressions and statements in the VM. Every bytecode instruction has a **stack effect** that describes how the instruction modifies the stack. For example, `OP_ADD` pops two values and pushes one, leaving the stack one element smaller than before.
+
+请注意，在此之后我们不会再向栈中压入任何内容。这是虚拟机中表达式和语句之间的一个关键区别。每个字节码指令都有**堆栈效应**，这个值用于描述指令如何修改堆栈内容。例如，`OP_ADD`会弹出两个值并压入一个值，使得栈中比之前少了一个元素[^4]。
+
+> You can sum the stack effects of a series of instructions to get their total effect. When you add the stack effects of the series of instructions compiled from any complete expression, it will total one. Each expression leaves one result value on the stack.
+
+你可以把一系列指令的堆栈效应相加，得到它们的总体效应。如果把从任何一个完整的表达式中编译得到的一系列指令的堆栈效应相加，其总数是1。每个表达式会在栈中留下一个结果值。
+
+> The bytecode for an entire statement has a total stack effect of zero. Since a statement produces no values, it ultimately leaves the stack unchanged, though it of course uses the stack while it’s doing its thing. This is important because when we get to control flow and looping, a program might execute a long series of statements. If each statement grew or shrank the stack, it might eventually overflow or underflow.
+
+整个语句对应字节码的总堆栈效应为0。因为语句不产生任何值，所以它最终会保持堆栈不变，尽管它在执行自己的操作时难免会使用堆栈。这一点很重要，因为等我们涉及到控制流和循环时，一个程序可能会执行一长串的语句。如果每条语句都增加或减少堆栈，最终就可能会溢出或下溢。
+
+> While we’re in the interpreter loop, we should delete a bit of code.
+
+在解释器循环中，我们应该删除一些代码。
+
+*vm.c，在run()方法中替换2行：*
+
+```c
+ case OP_RETURN: {
+ // 替换部分开始
+ // Exit interpreter.
+ // 替换部分结束
+ return INTERPRET_OK;
+```
+
+> When the VM only compiled and evaluated a single expression, we had some temporary code in `OP_RETURN` to output the value. Now that we have statements and `print`, we don’t need that anymore. We’re one step closer to the complete implementation of clox.
+
+当虚拟机只编译和计算一条表达式时，我们在`OP_RETURN`中使用一些临时代码来输出值。现在我们已经有了语句和`print`，就不再需要这些了。我们离clox的完全实现又近了一步[^5]。
+
+> As usual, a new instruction needs support in the disassembler.
+
+像往常一样，一条新指令需要反汇编程序的支持。
+
+*debug.c，在disassembleInstruction()方法中添加代码：*
+
+```c
+ return simpleInstruction("OP_NEGATE", offset);
+ // 新增部分开始
+ case OP_PRINT:
+ return simpleInstruction("OP_PRINT", offset);
+ // 新增部分结束
+ case OP_RETURN:
+```
+
+> That’s our `print` statement. If you want, give it a whirl:
+
+这就是我们的`print`语句。如果你愿意，可以试一试：
+
+```c
+print 1 + 2;
+print 3 * 4;
+```
+
+> Exciting! OK, maybe not thrilling, but we can build scripts that contain as many statements as we want now, which feels like progress.
+
+令人兴奋！好吧，也许没有那么激动人心，但是我们现在可以构建包含任意多语句的脚本，这感觉是一种进步。
+
+> ### 21 . 1 . 2 Expression statements
+
+### 21.1.2 表达式语句
+
+> Wait until you see the next statement. If we *don’t* see a `print` keyword, then we must be looking at an expression statement.
+
+等待，直到你看到下一条语句。如果没有看到`print`关键字，那么我们看到的一定是一条表达式语句。
+
+*compiler.c，在statement()方法中添加代码：*
+
+```c
+ printStatement();
+ // 新增部分开始
+ } else {
+ expressionStatement();
+ // 新增部分结束
+ }
+```
+
+> It’s parsed like so:
+
+它是这样解析的：
+
+*compiler.c，在expression()方法后添加代码：*
+
+```c
+static void expressionStatement() {
+ expression();
+ consume(TOKEN_SEMICOLON, "Expect ';' after expression.");
+ emitByte(OP_POP);
+}
+```
+
+> An “expression statement” is simply an expression followed by a semicolon. They’re how you write an expression in a context where a statement is expected. Usually, it’s so that you can call a function or evaluate an assignment for its side effect, like this:
+
+“表达式语句”就是一个表达式后面跟着一个分号。这是在需要语句的上下文中写表达式的方式。通常来说，这样你就可以调用函数或执行赋值操作以触发其副作用，像这样：
+
+```c
+brunch = "quiche";
+eat(brunch);
+```
+
+> Semantically, an expression statement evaluates the expression and discards the result. The compiler directly encodes that behavior. It compiles the expression, and then emits an `OP_POP` instruction.
+
+从语义上说，表达式语句会对表达式求值并丢弃结果。编译器直接对这种行为进行编码。它会编译表达式，然后生成一条`OP_POP`指令。
+
+*chunk.h，在枚举OpCode中添加代码：*
+
+```c
+ OP_FALSE,
+ // 新增部分开始
+ OP_POP,
+ // 新增部分结束
+ OP_EQUAL,
+```
+
+> As the name implies, that instruction pops the top value off the stack and forgets it.
+
+顾名思义，该指令会弹出栈顶的值并将其遗弃。
+
+*vm.c，在run()方法中添加代码：*
+
+```c
+ case OP_FALSE: push(BOOL_VAL(false)); break;
+ // 新增部分开始
+ case OP_POP: pop(); break;
+ // 新增部分结束
+ case OP_EQUAL: {
+```
+
+> We can disassemble it too.
+
+我们也可以对它进行反汇编。
+
+*debug.c，在disassembleInstruction()方法中添加代码：*
+
+```c
+ return simpleInstruction("OP_FALSE", offset);
+ // 新增部分开始
+ case OP_POP:
+ return simpleInstruction("OP_POP", offset);
+ // 新增部分结束
+ case OP_EQUAL:
+```
+
+> Expression statements aren’t very useful yet since we can’t create any expressions that have side effects, but they’ll be essential when we [add functions later](http://www.craftinginterpreters.com/calls-and-functions.html). The majority of statements in real-world code in languages like C are expression statements.
+
+表达式语句现在还不是很有用，因为我们无法创建任何有副作用的表达式，但等我们后面添加函数时，它们将是必不可少的。在像C这样的真正语言中，大部分语句都是表达式语句[^6]。
+
+> ### 21 . 1 . 3 Error synchronization
+
+### 21.1.3 错误同步
+
+> While we’re getting this initial work done in the compiler, we can tie off a loose end we left [several chapters back](http://www.craftinginterpreters.com/compiling-expressions.html#handling-syntax-errors). Like jlox, clox uses panic mode error recovery to minimize the number of cascaded compile errors that it reports. The compiler exits panic mode when it reaches a synchronization point. For Lox, we chose statement boundaries as that point. Now that we have statements, we can implement synchronization.
+
+当我们在编译器中完成这些初始化工作时，我们可以把前几章遗留的一个小尾巴处理一下。与jlox一样，clox也使用了恐慌模式下的错误恢复来减少它所报告的级联编译错误。当编译器到达同步点时，就退出恐慌模式。对于Lox来说，我们选择语句边界作为同步点。现在我们有了语句，就可以实现同步了。
+
+*compiler.c，在declaration()方法中添加代码：*
+
+```c
+ statement();
+ // 新增部分开始
+ if (parser.panicMode) synchronize();
+ // 新增部分结束
+}
+```
+
+> If we hit a compile error while parsing the previous statement, we enter panic mode. When that happens, after the statement we start synchronizing.
+
+如果我们在解析前一条语句时遇到编译错误，我们就会进入恐慌模式。当这种情况发生时，我们会在这条语句之后开始同步。
+
+*compiler.c，在printStatement()方法后添加代码：*
+
+```c
+static void synchronize() {
+ parser.panicMode = false;
+
+ while (parser.current.type != TOKEN_EOF) {
+ if (parser.previous.type == TOKEN_SEMICOLON) return;
+ switch (parser.current.type) {
+ case TOKEN_CLASS:
+ case TOKEN_FUN:
+ case TOKEN_VAR:
+ case TOKEN_FOR:
+ case TOKEN_IF:
+ case TOKEN_WHILE:
+ case TOKEN_PRINT:
+ case TOKEN_RETURN:
+ return;
+
+ default:
+ ; // Do nothing.
+ }
+
+ advance();
+ }
+}
+```
+
+> We skip tokens indiscriminately until we reach something that looks like a statement boundary. We recognize the boundary by looking for a preceding token that can end a statement, like a semicolon. Or we’ll look for a subsequent token that begins a statement, usually one of the control flow or declaration keywords.
+
+我们会不分青红皂白地跳过标识，直到我们到达一个看起来像是语句边界的位置。我们识别边界的方式包括，查找可以结束一条语句的前驱标识，如分号；或者我们可以查找能够开始一条语句的后续标识，通常是控制流或声明语句的关键字之一。
+
+> ## 21 . 2 Variable Declarations
+
+## 21.2 变量声明
+
+> Merely being able to *print* doesn’t win your language any prizes at the programming language fair, so let’s move on to something a little more ambitious and get variables going. There are three operations we need to support:
+
+仅仅能够*打印*并不能为你的语言在编程语言博览会上赢得任何奖项，所以让我们继续做一些更有野心的事，让变量发挥作用。我们需要支持三种操作：
+
+- > Declaring a new variable using a `var` statement.
+
+ 使用`var`语句声明一个新变量
+
+- > Accessing the value of a variable using an identifier expression.
+
+ 使用标识符表达式访问一个变量的值
+
+- > Storing a new value in an existing variable using an assignment expression.
+
+ 使用赋值表达式将一个新的值存储在现有的变量中
+
+> We can’t do either of the last two until we have some variables, so we start with declarations.
+
+等我们有了变量以后，才能做后面两件事，所以我们从声明开始。
+
+*compiler.c，在declaration()方法中替换1行：*
+
+```c
+static void declaration() {
+ // 替换部分开始
+ if (match(TOKEN_VAR)) {
+ varDeclaration();
+ } else {
+ statement();
+ }
+ // 替换部分结束
+ if (parser.panicMode) synchronize();
+```
+
+> The placeholder parsing function we sketched out for the declaration grammar rule has an actual production now. If we match a `var` token, we jump here:
+>
+
+我们为声明语法规则建立的占位解析函数现在已经有了实际的生成式。如果我们匹配到一个`var`标识，就跳转到这里：
+
+*compiler.c，在expression()方法后添加代码：*
+
+```c
+static void varDeclaration() {
+ uint8_t global = parseVariable("Expect variable name.");
+
+ if (match(TOKEN_EQUAL)) {
+ expression();
+ } else {
+ emitByte(OP_NIL);
+ }
+ consume(TOKEN_SEMICOLON,
+ "Expect ';' after variable declaration.");
+
+ defineVariable(global);
+}
+```
+
+> The keyword is followed by the variable name. That’s compiled by `parseVariable()`, which we’ll get to in a second. Then we look for an `=` followed by an initializer expression. If the user doesn’t initialize the variable, the compiler implicitly initializes it to `nil` by emitting an `OP_NIL` instruction. Either way, we expect the statement to be terminated with a semicolon.
+
+关键字后面跟着变量名。它是由`parseVariable()`编译的，我们马上就会讲到。然后我们会寻找一个`=`，后跟初始化表达式。如果用户没有初始化变量，编译器会生成`OP_NIL`指令隐式地将其初始化为`nil`[^7]。无论哪种方式，我们都希望语句以分号结束。
+
+> There are two new functions here for working with variables and identifiers. Here is the first:
+
+这里有两个新函数用于处理变量和标识符。下面是第一个：
+
+*compiler.c，在parsePrecedence()方法后添加代码：*
+
+```c
+static void parsePrecedence(Precedence precedence);
+// 新增部分开始
+static uint8_t parseVariable(const char* errorMessage) {
+ consume(TOKEN_IDENTIFIER, errorMessage);
+ return identifierConstant(&parser.previous);
+}
+// 新增部分结束
+```
+
+> It requires the next token to be an identifier, which it consumes and sends here:
+
+它要求下一个标识是一个标识符，它会消耗该标识并发送到这里：
+
+*compiler.c，在parsePrecedence()方法后添加代码：*
+
+```c
+static void parsePrecedence(Precedence precedence);
+// 新增部分开始
+static uint8_t identifierConstant(Token* name) {
+ return makeConstant(OBJ_VAL(copyString(name->start,
+ name->length)));
+}
+// 新增部分结束
+```
+
+> This function takes the given token and adds its lexeme to the chunk’s constant table as a string. It then returns the index of that constant in the constant table.
+
+这个函数接受给定的标识，并将其词素作为一个字符串添加到字节码块的常量表中。然后，它会返回该常量在常量表中的索引。
+
+> Global variables are looked up *by name* at runtime. That means the VM—the bytecode interpreter loop—needs access to the name. A whole string is too big to stuff into the bytecode stream as an operand. Instead, we store the string in the constant table and the instruction then refers to the name by its index in the table.
+
+全局变量在运行时是按*名称*查找的。这意味着虚拟机（字节码解释器循环）需要访问该名称。整个字符串太大，不能作为操作数塞进字节码流中。相反，我们将字符串存储到常量表中，然后指令通过该名称在表中的索引来引用它。
+
+> This function returns that index all the way to `varDeclaration()` which later hands it over to here:
+
+这个函数会将索引一直返回给`varDeclaration()`，随后又将其传递到这里：
+
+*compiler.c，在parseVariable()方法后添加代码：*
+
+```c
+static void defineVariable(uint8_t global) {
+ emitBytes(OP_DEFINE_GLOBAL, global);
+}
+```
+
+> This outputs the bytecode instruction that defines the new variable and stores its initial value. The index of the variable’s name in the constant table is the instruction’s operand. As usual in a stack-based VM, we emit this instruction last. At runtime, we execute the code for the variable’s initializer first. That leaves the value on the stack. Then this instruction takes that value and stores it away for later.
+
+它会输出字节码指令，用于定义新变量并存储其初始化值。变量名在常量表中的索引是该指令的操作数。在基于堆栈的虚拟机中，我们通常是最后发出这条指令。在运行时，我们首先执行变量初始化器的代码，将值留在栈中。然后这条指令会获取该值并保存起来，以供日后使用[^8]。
+
+> Over in the runtime, we begin with this new instruction:
+
+在运行时，我们从这条新指令开始：
+
+*chunk.h，在枚举OpCode中添加代码：*
+
+```c
+ OP_POP,
+ // 新增部分开始
+ OP_DEFINE_GLOBAL,
+ // 新增部分结束
+ OP_EQUAL,
+```
+
+> Thanks to our handy-dandy hash table, the implementation isn’t too hard.
+
+多亏了我们方便的哈希表，实现起来并不太难。
+
+*vm.c，在run()方法中添加代码：*
+
+```c
+ case OP_POP: pop(); break;
+ // 新增部分开始
+ case OP_DEFINE_GLOBAL: {
+ ObjString* name = READ_STRING();
+ tableSet(&vm.globals, name, peek(0));
+ pop();
+ break;
+ }
+ // 新增部分结束
+ case OP_EQUAL: {
+```
+
+> We get the name of the variable from the constant table. Then we take the value from the top of the stack and store it in a hash table with that name as the key.
+
+我们从常量表中获取变量的名称，然后我们从栈顶获取值，并以该名称为键将其存储在哈希表中[^9]。
+
+> This code doesn’t check to see if the key is already in the table. Lox is pretty lax with global variables and lets you redefine them without error. That’s useful in a REPL session, so the VM supports that by simply overwriting the value if the key happens to already be in the hash table.
+
+这段代码并没有检查键是否已经在表中。Lox对全局变量的处理非常宽松，允许你重新定义它们而且不会出错。这在REPL会话中很有用，如果键恰好已经在哈希表中，虚拟机通过简单地覆盖值来支持这一点。
+
+> There’s another little helper macro:
+
+还有另一个小的辅助宏：
+
+*vm.c，在run()方法中添加代码：*
+
+```c
+#define READ_CONSTANT() (vm.chunk->constants.values[READ_BYTE()])
+// 新增部分开始
+#define READ_STRING() AS_STRING(READ_CONSTANT())
+// 新增部分结束
+#define BINARY_OP(valueType, op) \
+```
+
+> It reads a one-byte operand from the bytecode chunk. It treats that as an index into the chunk’s constant table and returns the string at that index. It doesn’t check that the value *is* a string—it just indiscriminately casts it. That’s safe because the compiler never emits an instruction that refers to a non-string constant.
+
+它从字节码块中读取一个1字节的操作数。它将其视为字节码块的常量表的索引，并返回该索引处的字符串。它不检查该值是否是字符串——它只是不加区分地进行类型转换。这是安全的，因为编译器永远不会发出引用非字符串常量的指令。
+
+> Because we care about lexical hygiene, we also undefine this macro at the end of the interpret function.
+
+因为我们关心词法卫生，所以在解释器函数的末尾也取消了这个宏的定义。
+
+*vm.c，在run()方法中添加代码：*
+
+```c
+#undef READ_CONSTANT
+// 新增部分开始
+#undef READ_STRING
+// 新增部分结束
+#undef BINARY_OP
+```
+
+> I keep saying “the hash table”, but we don’t actually have one yet. We need a place to store these globals. Since we want them to persist as long as clox is running, we store them right in the VM.
+
+我一直在说“哈希表”，但实际上我们还没有哈希表。我们需要一个地方来存储这些全局变量。因为我们希望它们在clox运行期间一直存在，所以我们将它们之间存储在虚拟机中。
+
+*vm.h，在结构体VM中添加代码：*
+
+```c
+ Value* stackTop;
+ // 新增部分开始
+ Table globals;
+ // 新增部分结束
+ Table strings;
+```
+
+> As we did with the string table, we need to initialize the hash table to a valid state when the VM boots up.
+
+正如我们对字符串表所做的那样，我们需要在虚拟机启动时将哈希表初始化为有效状态。
+
+*vm.c，在initVM()方法中添加代码：*
+
+```c
+ vm.objects = NULL;
+ // 新增部分开始
+ initTable(&vm.globals);
+ // 新增部分结束
+ initTable(&vm.strings);
+```
+
+> And we tear it down when we exit.
+
+当我们退出时，就将其删掉[^10]。
+
+*vm.c，在freeVM()方法中添加代码：*
+
+```c
+void freeVM() {
+ // 新增部分开始
+ freeTable(&vm.globals);
+ // 新增部分结束
+ freeTable(&vm.strings);
+```
+
+> As usual, we want to be able to disassemble the new instruction too.
+
+跟往常一样，我们也希望能够对新指令进行反汇编。
+
+*debug.c，在disassembleInstruction()方法中添加代码：*
+
+```c
+ return simpleInstruction("OP_POP", offset);
+ // 新增部分开始
+ case OP_DEFINE_GLOBAL:
+ return constantInstruction("OP_DEFINE_GLOBAL", chunk,
+ offset);
+ // 新增部分结束
+ case OP_EQUAL:
+```
+
+> And with that, we can define global variables. Not that users can *tell* that they’ve done so, because they can’t actually *use* them. So let’s fix that next.
+>
+
+有了这个，我们就可以定义全局变量了。但用户并不能说他们可以定义全局变量，因为他们实际上还不能使用这些变量。所以，接下来我们解决这个问题。
+
+> ## 21 . 3 Reading Variables
+
+## 21.3 读取变量
+
+> As in every programming language ever, we access a variable’s value using its name. We hook up identifier tokens to the expression parser here:
+
+像所有编程语言中一样，我们使用变量的名称来访问它的值。我们在这里将标识符和表达式解析器进行挂钩：
+
+*compiler.c，替换1行：*
+
+```c
+ [TOKEN_LESS_EQUAL] = {NULL, binary, PREC_COMPARISON},
+ // 替换部分开始
+ [TOKEN_IDENTIFIER] = {variable, NULL, PREC_NONE},
+ // 替换部分结束
+ [TOKEN_STRING] = {string, NULL, PREC_NONE},
+```
+
+> That calls this new parser function:
+
+这里调用了这个新解析器函数：
+
+*compiler.c，在string()方法后添加代码：*
+
+```c
+static void variable() {
+ namedVariable(parser.previous);
+}
+```
+
+> Like with declarations, there are a couple of tiny helper functions that seem pointless now but will become more useful in later chapters. I promise.
+
+和声明一样，这里有几个小的辅助函数，现在看起来毫无意义，但在后面的章节中会变得更加有用。我保证。
+
+*compiler.c，在string()方法后添加代码：*
+
+```c
+static void namedVariable(Token name) {
+ uint8_t arg = identifierConstant(&name);
+ emitBytes(OP_GET_GLOBAL, arg);
+}
+```
+
+> This calls the same `identifierConstant()` function from before to take the given identifier token and add its lexeme to the chunk’s constant table as a string. All that remains is to emit an instruction that loads the global variable with that name. Here’s the instruction:
+
+这里会调用与之前相同的`identifierConstant()`函数，以获取给定的标识符标识，并将其词素作为字符串添加到字节码块的常量表中。剩下的工作就是生成一条指令，加载具有该名称的全局变量。下面是这个指令：
+
+*chunk.h，在枚举OpCode中添加代码：*
+
+```c
+ OP_POP,
+ // 新增部分开始
+ OP_GET_GLOBAL,
+ // 新增部分结束
+ OP_DEFINE_GLOBAL,
+```
+
+> Over in the interpreter, the implementation mirrors `OP_DEFINE_GLOBAL`.
+
+在解释器中，它的实现是`OP_DEFINE_GLOBAL`的镜像操作。
+
+*vm.c，在run()方法中添加代码：*
+
+```c
+ case OP_POP: pop(); break;
+ // 新增部分开始
+ case OP_GET_GLOBAL: {
+ ObjString* name = READ_STRING();
+ Value value;
+ if (!tableGet(&vm.globals, name, &value)) {
+ runtimeError("Undefined variable '%s'.", name->chars);
+ return INTERPRET_RUNTIME_ERROR;
+ }
+ push(value);
+ break;
+ }
+ // 新增部分结束
+ case OP_DEFINE_GLOBAL: {
+```
+
+> We pull the constant table index from the instruction’s operand and get the variable name. Then we use that as a key to look up the variable’s value in the globals hash table.
+
+我们从指令操作数中提取常量表索引并获得变量名称。然后我们使用它作为键，在全局变量哈希表中查找变量的值。
+
+> If the key isn’t present in the hash table, it means that global variable has never been defined. That’s a runtime error in Lox, so we report it and exit the interpreter loop if that happens. Otherwise, we take the value and push it onto the stack.
+
+如果该键不在哈希表中，就意味着这个全局变量从未被定义过。这在Lox中是运行时错误，所以如果发生这种情况，我们要报告错误并退出解释器循环。否则，我们获取该值并将其压入栈中。
+
+*debug.c，在disassembleInstruction()方法中添加代码：*
+
+```c
+ return simpleInstruction("OP_POP", offset);
+ // 新增部分开始
+ case OP_GET_GLOBAL:
+ return constantInstruction("OP_GET_GLOBAL", chunk, offset);
+ // 新增部分结束
+ case OP_DEFINE_GLOBAL:
+```
+
+> A little bit of disassembling, and we’re done. Our interpreter is now able to run code like this:
+
+稍微反汇编一下，就完成了。我们的解释器现在可以运行这样的代码了：
+
+```ruby
+var beverage = "cafe au lait";
+var breakfast = "beignets with " + beverage;
+print breakfast;
+```
+
+> There’s only one operation left.
+
+只剩一个操作了。
+
+> ## 21 . 4 Assignment
+
+## 21.4 赋值
+
+> Throughout this book, I’ve tried to keep you on a fairly safe and easy path. I don’t avoid hard *problems*, but I try to not make the *solutions* more complex than they need to be. Alas, other design choices in our bytecode compiler make assignment annoying to implement.
+
+在这本书中，我一直试图让你走在一条相对安全和简单的道路上。我并不回避困难的*问题*，但是我尽量不让解决方案过于复杂。可惜的是，我们的字节码编译器中的其它设计选择使得赋值的实现变得很麻烦[^11]。
+
+> Our bytecode VM uses a single-pass compiler. It parses and generates bytecode on the fly without any intermediate AST. As soon as it recognizes a piece of syntax, it emits code for it. Assignment doesn’t naturally fit that. Consider:
+
+我们的字节码虚拟机使用的是单遍编译器。它在不需要任何中间AST的情况下，动态地解析并生成字节码。一旦它识别出某个语法，它就会生成对应的字节码。赋值操作天然不符合这一点。请考虑一下：
+
+```c
+menu.brunch(sunday).beverage = "mimosa";
+```
+
+> In this code, the parser doesn’t realize `menu.brunch(sunday).beverage` is the target of an assignment and not a normal expression until it reaches `=`, many tokens after the first `menu`. By then, the compiler has already emitted bytecode for the whole thing.
+
+在这段代码中，直到解析器遇见`=`（第一个`menu`之后很多个标识），它才能意识到`menu.brunch(sunday).beverage`是赋值操作的目标，而不是常规的表达式。到那时，编译器已经为整个代码生成字节码了。
+
+> The problem is not as dire as it might seem, though. Look at how the parser sees that example:
+
+不过，这个问题并不像看上去那么可怕。看看解析器是如何处理这个例子的：
+
+
+
+> Even though the `.beverage` part must not be compiled as a get expression, everything to the left of the `.` is an expression, with the normal expression semantics. The `menu.brunch(sunday)` part can be compiled and executed as usual.
+
+尽管`.beverage`部分无法被编译为一个get表达式，`.`左侧的其它部分是一个表达式，有着正常的表达式语义。`menu.brunch(sunday)`部分可以像往常一样编译和执行。
+
+> Fortunately for us, the only semantic differences on the left side of an assignment appear at the very right-most end of the tokens, immediately preceding the `=`. Even though the receiver of a setter may be an arbitrarily long expression, the part whose behavior differs from a get expression is only the trailing identifier, which is right before the `=`. We don’t need much lookahead to realize `beverage` should be compiled as a set expression and not a getter.
+
+幸运的是，赋值语句左侧部分唯一的语义差异在于其最右侧的标识，紧挨着`=`之前。尽管setter的接收方可能是一个任意长的表达式，但与get表达式不同的部分在于尾部的标识符，它就在`=`之前。我们不需要太多的前瞻就可以意识到`beverage`应该被编译为set表达式而不是getter。
+
+> Variables are even easier since they are just a single bare identifier before an `=`. The idea then is that right *before* compiling an expression that can also be used as an assignment target, we look for a subsequent `=` token. If we see one, we compile it as an assignment or setter instead of a variable access or getter.
+
+变量就更简单了，因为它们在`=`之前就是一个简单的标识符。那么我们的想法是，在编译一个也可以作为赋值目标的表达式*之前*，我们会寻找随后的`=`标识。如果我们看到了，那表明我们将其一个赋值表达式或setter来编译，而不是变量访问或getter。
+
+> We don’t have setters to worry about yet, so all we need to handle are variables.
+
+我们还不需要考虑setter，所以我们需要处理的就是变量。
+
+*compiler.c，在namedVariable()方法中替换1行：*
+
+```c
+ uint8_t arg = identifierConstant(&name);
+ // 替换部分开始
+ if (match(TOKEN_EQUAL)) {
+ expression();
+ emitBytes(OP_SET_GLOBAL, arg);
+ } else {
+ emitBytes(OP_GET_GLOBAL, arg);
+ }
+ // 替换部分结束
+}
+```
+
+> In the parse function for identifier expressions, we look for an equals sign after the identifier. If we find one, instead of emitting code for a variable access, we compile the assigned value and then emit an assignment instruction.
+
+在标识符表达式的解析函数中，我们会查找标识符后面的等号。如果找到了，我们就不会生成变量访问的代码，我们会编译所赋的值，然后生成一个赋值指令。
+
+> That’s the last instruction we need to add in this chapter.
+
+这就是我们在本章中需要添加的最后一条指令。
+
+*chunk.h，在枚举OpCode中添加代码：*
+
+```c
+ OP_DEFINE_GLOBAL,
+ // 新增部分开始
+ OP_SET_GLOBAL,
+ // 新增部分结束
+ OP_EQUAL,
+```
+
+> As you’d expect, its runtime behavior is similar to defining a new variable.
+
+如你所想，它的运行时行为类似于定义一个新变量。
+
+*vm.c，在run()方法中添加代码[^12]：*
+
+```c
+ }
+ // 新增部分开始
+ case OP_SET_GLOBAL: {
+ ObjString* name = READ_STRING();
+ if (tableSet(&vm.globals, name, peek(0))) {
+ tableDelete(&vm.globals, name);
+ runtimeError("Undefined variable '%s'.", name->chars);
+ return INTERPRET_RUNTIME_ERROR;
+ }
+ break;
+ }
+ // 新增部分结束
+ case OP_EQUAL: {
+```
+
+> The main difference is what happens when the key doesn’t already exist in the globals hash table. If the variable hasn’t been defined yet, it’s a runtime error to try to assign to it. Lox [doesn’t do implicit variable declaration](http://www.craftinginterpreters.com/statements-and-state.html#design-note).
+
+主要的区别在于，当键在全局变量哈希表中不存在时会发生什么。如果这个变量还没有定义，对其进行赋值就是一个运行时错误。Lox不做隐式的变量声明。
+
+> The other difference is that setting a variable doesn’t pop the value off the stack. Remember, assignment is an expression, so it needs to leave that value there in case the assignment is nested inside some larger expression.
+
+另一个区别是，设置变量并不会从栈中弹出值。记住，赋值是一个表达式，所以它需要把这个值保留在那里，以防赋值嵌套在某个更大的表达式中。
+
+> Add a dash of disassembly:
+
+加一点反汇编代码：
+
+*debug.c，在disassembleInstruction()方法中添加代码：*
+
+```c
+ return constantInstruction("OP_DEFINE_GLOBAL", chunk,
+ offset);
+ // 新增部分开始
+ case OP_SET_GLOBAL:
+ return constantInstruction("OP_SET_GLOBAL", chunk, offset);
+ // 新增部分结束
+ case OP_EQUAL:
+```
+
+> So we’re done, right? Well . . . not quite. We’ve made a mistake! Take a gander at:
+
+我们已经完成了，是吗？嗯……不完全是。我们犯了一个错误！看一下这个：
+
+```c
+a * b = c + d;
+```
+
+> According to Lox’s grammar, `=` has the lowest precedence, so this should be parsed roughly like:
+
+根据Lox语法，`=`的优先级最低，所以这大致应该解析为：
+
+
+
+> Obviously, `a * b` isn’t a valid assignment target, so this should be a syntax error. But here’s what our parser does:
+
+显然，`a*b`不是一个有效的赋值目标[^13]，所以这应该是一个语法错误。但我们的解析器是这样的：
+
+> 1. First, `parsePrecedence()` parses `a` using the `variable()` prefix parser.
+> 2. After that, it enters the infix parsing loop.
+> 3. It reaches the `*` and calls `binary()`.
+> 4. That recursively calls `parsePrecedence()` to parse the right-hand operand.
+> 5. That calls `variable()` again for parsing `b`.
+> 6. Inside that call to `variable()`, it looks for a trailing `=`. It sees one and thus parses the rest of the line as an assignment.
+
+1. 首先，`parsePrecedence()`使用`variable()`前缀解析器解析`a`。
+2. 之后，会进入中缀解析循环。
+3. 达到`*`，并调用`binary()`。
+4. 递归地调用`parsePrecedence()`解析右操作数。
+5. 再次调用`variable()`解析`b`。
+6. 在对`variable()`的调用中，会查找尾部的`=`。它看到了，因此会将本行的其余部分解析为一个赋值表达式。
+
+> In other words, the parser sees the above code like:
+
+换句话说，解析器将上面的代码看作：
+
+
+
+> We’ve messed up the precedence handling because `variable()` doesn’t take into account the precedence of the surrounding expression that contains the variable. If the variable happens to be the right-hand side of an infix operator, or the operand of a unary operator, then that containing expression is too high precedence to permit the `=`.
+
+我们搞砸了优先级处理，因为`variable()`没有考虑包含变量的外围表达式的优先级。如果变量恰好是中缀操作符的右操作数，或者是一元操作符的操作数，那么这个包含表达式的优先级太高，不允许使用`=`。
+
+> To fix this, `variable()` should look for and consume the `=` only if it’s in the context of a low-precedence expression. The code that knows the current precedence is, logically enough, `parsePrecedence()`. The `variable()` function doesn’t need to know the actual level. It just cares that the precedence is low enough to allow assignment, so we pass that fact in as a Boolean.
+
+为了解决这个问题，`variable()`应该只在低优先级表达式的上下文中寻找并使用`=`。从逻辑上讲，知道当前优先级的代码是`parsePrecedence()`。`variable()`函数不需要知道实际的级别。它只关心优先级是否低到允许赋值表达式，所以我们把这个情况以布尔值传入。
+
+*compiler.c，在parsePrecedence()方法中替换1行：*
+
+```c
+ error("Expect expression.");
+ return;
+ }
+ // 替换部分开始
+ bool canAssign = precedence <= PREC_ASSIGNMENT;
+ prefixRule(canAssign);
+ // 替换部分结束
+ while (precedence <= getRule(parser.current.type)->precedence) {
+```
+
+> Since assignment is the lowest-precedence expression, the only time we allow an assignment is when parsing an assignment expression or top-level expression like in an expression statement. That flag makes its way to the parser function here:
+
+因为赋值是最低优先级的表达式，只有在解析赋值表达式或如表达式语句等顶层表达式时，才允许出现赋值。这个标志会被传入这个解析器函数：
+
+*compiler.c，在variable()函数中替换3行：*
+
+```c
+static void variable(bool canAssign) {
+ namedVariable(parser.previous, canAssign);
+}
+```
+
+> Which passes it through a new parameter:
+
+通过一个新参数透传该值：
+
+*compiler.c，在namedVariable()方法中替换1行：*
+
+```c
+// 替换部分开始
+static void namedVariable(Token name, bool canAssign) {
+ // 替换部分结束
+ uint8_t arg = identifierConstant(&name);
+```
+
+> And then finally uses it here:
+
+最后在这里使用它：
+
+```
+ uint8_t arg = identifierConstant(&name);
+```
+
+*compiler.c，在namedVariable()方法中替换1行：*
+
+```c
+ uint8_t arg = identifierConstant(&name);
+ // 替换部分开始
+ if (canAssign && match(TOKEN_EQUAL)) {
+ // 替换部分结束
+ expression();
+```
+
+> That’s a lot of plumbing to get literally one bit of data to the right place in the compiler, but arrived it has. If the variable is nested inside some expression with higher precedence, `canAssign` will be `false` and this will ignore the `=` even if there is one there. Then `namedVariable()` returns, and execution eventually makes its way back to `parsePrecedence()`.
+
+为了把字面上的1比特数据送到编译器的正确位置需要做很多工作，但它已经到达了。如果变量嵌套在某个优先级更高的表达式中，`canAssign`将为`false`，即使有`=`也会被忽略。然后`namedVariable()`返回，执行最终返回到了`parsePrecedence()`。
+
+> Then what? What does the compiler do with our broken example from before? Right now, `variable()` won’t consume the `=`, so that will be the current token. The compiler returns back to `parsePrecedence()` from the `variable()` prefix parser and then tries to enter the infix parsing loop. There is no parsing function associated with `=`, so it skips that loop.
+
+然后呢？编译器会对我们前面的负面例子做什么？现在，`variable()`不会消耗`=`，所以它将是当前的标识。编译器从`variable()`前缀解析器返回到`parsePrecedence()`，然后尝试进入中缀解析循环。没有与`=`相关的解析函数，因此也会跳过这个循环。
+
+> Then `parsePrecedence()` silently returns back to the caller. That also isn’t right. If the `=` doesn’t get consumed as part of the expression, nothing else is going to consume it. It’s an error and we should report it.
+
+然后`parsePrecedence()`默默地返回到调用方。这也是不对的。如果`=`没有作为表达式的一部分被消耗，那么其它任何东西都不会消耗它。这是一个错误，我们应该报告它。
+
+*compiler.c，在parsePrecedence()方法中添加代码：*
+
+```c
+ infixRule();
+ }
+ // 新增部分开始
+ if (canAssign && match(TOKEN_EQUAL)) {
+ error("Invalid assignment target.");
+ }
+ // 新增部分结束
+}
+```
+
+> With that, the previous bad program correctly gets an error at compile time. OK, *now* are we done? Still not quite. See, we’re passing an argument to one of the parse functions. But those functions are stored in a table of function pointers, so all of the parse functions need to have the same type. Even though most parse functions don’t support being used as an assignment target—setters are the only other one—our friendly C compiler requires them *all* to accept the parameter.
+
+这样，前面的错误程序在编译时就会正确地得到一个错误。好了，现在我们完成了吗？也不尽然。看，我们正向一个解析函数传递参数。但是这些函数是存储在一个函数指令表格中的，所以所有的解析函数需要具有相同的类型。尽管大多数解析函数都不支持被用作赋值目标——setter是唯一的一个[^14]——但我们这个友好的C编译器要求它们*都*接受相同的参数。
+
+> So we’re going to finish off this chapter with some grunt work. First, let’s go ahead and pass the flag to the infix parse functions.
+
+所以我们要做一些苦差事来结束这一章。首先，让我们继续前进，将标志传给中缀解析函数。
+
+*compiler.c，在parsePrecedence()方法中替换1行：*
+
+```c
+ ParseFn infixRule = getRule(parser.previous.type)->infix;
+ // 替换部分开始
+ infixRule(canAssign);
+ // 替换部分结束
+ }
+```
+
+> We’ll need that for setters eventually. Then we’ll fix the typedef for the function type.
+
+我们最终会在setter中需要它。然后，我们要修复函数类型的类型定义。
+
+*compiler.c，在枚举Precedence后替换1行：*
+
+```c
+} Precedence;
+// 替换部分开始
+typedef void (*ParseFn)(bool canAssign);
+// 替换部分结束
+typedef struct {
+```
+
+> And some completely tedious code to accept this parameter in all of our existing parse functions. Here:
+
+还有一些非常乏味的代码，为了在所有的现有解析函数中接受这个参数。这里：
+
+*compiler.c，在binary()方法中替换1行：*
+
+```c
+// 替换部分开始
+static void binary(bool canAssign) {
+// 替换部分结束
+ TokenType operatorType = parser.previous.type;
+```
+
+这里:
+
+*compiler.c，在literal()方法中替换1行：*
+
+```c
+// 替换部分开始
+static void literal(bool canAssign) {
+// 替换部分结束
+ switch (parser.previous.type) {
+```
+
+这里:
+
+*compiler.c，在grouping()方法中替换1行：*
+
+```c
+// 替换部分开始
+static void grouping(bool canAssign) {
+// 替换部分结束
+ expression();
+```
+
+这里:
+
+*compiler.c，在number()方法中替换1行：*
+
+```c
+// 替换部分开始
+static void number(bool canAssign) {
+// 替换部分结束
+ double value = strtod(parser.previous.start, NULL);
+```
+
+还有这里:
+
+*compiler.c，在string()方法中替换1行：*
+
+```c
+// 替换部分开始
+static void string(bool canAssign) {
+// 替换部分结束
+ emitConstant(OBJ_VAL(copyString(parser.previous.start + 1,
+```
+
+最后:
+
+*compiler.c，在unary()方法中替换1行：*
+
+```c
+// 替换部分开始
+static void unary(bool canAssign) {
+// 替换部分结束
+ TokenType operatorType = parser.previous.type;
+```
+
+> Phew! We’re back to a C program we can compile. Fire it up and now you can run this:
+
+吁！我们又回到了可以编译的C程序。启动它，新增你可以运行这个：
+
+```javascript
+var breakfast = "beignets";
+var beverage = "cafe au lait";
+breakfast = "beignets with " + beverage;
+
+print breakfast;
+```
+
+> It’s starting to look like real code for an actual language!
+
+它开始看起来像是实际语言的真正代码了！
+
+
+
+[^1]: 这是复杂的语言实现中常见的元策略。通常情况下，同一种语言特性会有多种实现技术，每种技术都针对不同的使用模式进行了优化。举例来说，与属性集可以自由修改的其它对象相比，Java Script虚拟机通常对那些使用起来像类实例对象有着更快的表示形式。C和C++编译器通常由多种方法能够根据case分支数量和case值的密集程度来编译`switch`语句。
+[^2]: 代码块的作用有点像表达式中的括号。块可以让你把“低级别的”声明语句放在只允许“高级别的”非声明语句的地方。
+[^3]: 这听起来微不足道，但是非玩具型语言的手写解析器非常大。当你有数千行代码时，如果一个实用函数可以将两行代码简化为一行代码，并使结果更易于阅读，那它就很容易被接受。
+[^4]: `OP_ADD`执行过后堆栈会少一个元素，所以它的效应是`-1`：
+[^5]: 不过，我们只是近了一步。等我们添加函数时，还会重新审视`OP_RETURN`。现在，它退出整个解释器的循环即可。
+[^6]: 据我统计，在本章末尾的`compiler.c`版本中，149条语句中有80条是表达式语句。
+[^7]: 基本上，编译器会对变量声明进行脱糖处理，如`var a;`变成`var a = nil;`，它为前者生成的代码和为后者生成的代码是相同的。
+[^8]: 我知道这里有一些函数现在看起来没什么意义。但是，随着我们增加更多与名称相关的语言特性，我们会从中获得更多的好处。函数和类声明都声明了新的变量，而变量表达式和赋值表达式会访问它们。
+[^9]: 请注意，直到将值添加到哈希表之后，我们才会弹出它。这确保了如果在将值添加到哈希表的过程中触发了垃圾回收，虚拟机仍然可以找到这个值。这显然是很可能的，因为哈希表在调整大小时需要动态分配。
+[^10]: 这个进程在退出时会释放所有的东西，但要求操作系统来收拾我们的烂摊子，总感觉很不体面。
+[^11]: 如果你还记得，在jlox中赋值是很容易的。
+[^12]: 对`tableSet()`的调用会将值存储在全局变量表中，即使该变量之前没有定义。这个问题在REPL会话中是用户可见的，因为即使报告了运行时错误，它仍然在运行。因此，我们也要注意从表中删除僵尸值。
+[^13]: 如果`a*b`是一个有效的赋值目标，这岂不是很疯狂？你可以想象一些类似代数的语言，试图以某种合理的方式划分所赋的值，并将其分配给`a`和`b`……这可能是一个很糟糕的主意。
+[^14]: 如果Lox有数组和下标操作符，如`array[index]`，那么中缀操作符`[`也能允许赋值，支持：`array[index] = value`。
+
+
+
+---
+
+## 习题
+
+1. > The compiler adds a global variable’s name to the constant table as a string every time an identifier is encountered. It creates a new constant each time, even if that variable name is already in a previous slot in the constant table. That’s wasteful in cases where the same variable is referenced multiple times by the same function. That, in turn, increases the odds of filling up the constant table and running out of slots since we allow only 256 constants in a single chunk.
+ >
+ > Optimize this. How does your optimization affect the performance of the compiler compared to the runtime? Is this the right trade-off?
+
+ 每次遇到标识符时，编译器都会将全局变量的名称作为字符串添加到常量表中。它每次都会创建一个新的常量，即使这个变量的名字已经在常量表中的前一个槽中存在。在同一个函数多次引用同一个变量的情况下，这是一种浪费。这反过来又增加了填满常量表的可能性，因为我们在一个字节码块中只允许有256个常量。
+
+ 对此进行优化。与运行时相比，你的优化对编译器的性能有何影响？这是正确的取舍吗？
+
+2. > Looking up a global variable by name in a hash table each time it is used is pretty slow, even with a good hash table. Can you come up with a more efficient way to store and access global variables without changing the semantics?
+
+ 每次使用全局变量时，根据名称在哈希表中查找变量是很慢的，即使有一个很好的哈希表。你能否想出一种更有效的方法来存储和访问全局变量而不改变语义？
+
+3. > When running in the REPL, a user might write a function that references an unknown global variable. Then, in the next line, they declare the variable. Lox should handle this gracefully by not reporting an “unknown variable” compile error when the function is first defined.
+ >
+ > But when a user runs a Lox *script*, the compiler has access to the full text of the entire program before any code is run. Consider this program:
+
+ 当在REPL中运行时，用户可能会编写一个引用未知全局变量的函数。然后，在下一行中，他们声明了这个变量。Lox应该优雅地处理这个问题，在第一次定义函数时不报告“未知变量”的编译错误。
+
+ 但是，当用户运行Lox脚本时，编译器可以在任何代码运行之前访问整个程序的全部文本。考虑一下这个程序：
+
+ ```javascript
+ fun useVar() {
+ print oops;
+ }
+
+ var ooops = "too many o's!";
+ ```
+
+ > Here, we can tell statically that `oops` will not be defined because there is *no* declaration of that global anywhere in the program. Note that `useVar()` is never called either, so even though the variable isn’t defined, no runtime error will occur because it’s never used either.
+ >
+ > We could report mistakes like this as compile errors, at least when running from a script. Do you think we should? Justify your answer. What do other scripting languages you know do?
+
+ 这里，我们可以静态地告知用户`oops`不会被定义，因为在程序中没有任何地方对该全局变量进行了声明。请注意，`useVar()`也从未被调用，所以即使变量没有被定义，也不会发生运行时错误，因为它从未被使用。
+
+ 我们可以将这样的错误报告为编译错误，至少在运行脚本时是这样。你认为我们应该这样做吗？请说明你的答案。你知道其它脚本语言是怎么做的吗？
diff --git a/posts/hello_world/index.md b/posts/hello_world/index.md
new file mode 100644
index 0000000..86942fa
--- /dev/null
+++ b/posts/hello_world/index.md
@@ -0,0 +1,8 @@
+---
+title: "A Chain Reaction"
+date: '2023-12-11'
+spoiler: "The limits of my language mean the limits of my world."
+---
+
+# Hello
+World World
diff --git a/posts/mlog_2022-10-26.md b/posts/mlog_2022-10-26.md
deleted file mode 100644
index dce6923..0000000
--- a/posts/mlog_2022-10-26.md
+++ /dev/null
@@ -1,9 +0,0 @@
-```metadata
-{
- "cover": "../app/assets/sources/mlog_cover.png",
- "tag": "碎碎念",
- "title": "飞贼"
-}
-```
-
-早上匆匆茫茫去买肠粉，走的时候跑的飞快忘记给钱了😅，估计老板都懵了，拿了肠粉就跑...
diff --git a/router/src/lib.rs b/router/src/lib.rs
deleted file mode 100644
index 231d436..0000000
--- a/router/src/lib.rs
+++ /dev/null
@@ -1,23 +0,0 @@
-use yew_router::prelude::*;
-
-#[derive(Clone, Routable, PartialEq, Debug)]
-pub enum RootRoutes {
- #[at("/home")]
- Home,
- #[at("/posts/:filename")]
- Post { filename: String },
- #[at("/")]
- Root,
- #[at("/projects")]
- Projects,
- #[at("/links")]
- Links,
- #[at("/about")]
- About,
- // Compatible with https://github.com/jetli/awesome-yew
- #[at("/technology")]
- Technology,
- #[not_found]
- #[at("/404")]
- NotFound,
-}
diff --git a/services/.gitignore b/services/.gitignore
deleted file mode 100644
index 96ef6c0..0000000
--- a/services/.gitignore
+++ /dev/null
@@ -1,2 +0,0 @@
-/target
-Cargo.lock
diff --git a/services/Cargo.toml b/services/Cargo.toml
deleted file mode 100644
index 690983f..0000000
--- a/services/Cargo.toml
+++ /dev/null
@@ -1,33 +0,0 @@
-[package]
-name = "services"
-version = "0.1.0"
-edition = "2021"
-
-# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
-
-[dependencies]
-pulldown-cmark = "0.8.0"
-regex = "1.5.5"
-serde = "1.0.137"
-web-sys = { version = "0.3", features = ["HtmlMetaElement", "Document", "Element", "DocumentFragment", "HtmlTemplateElement", "MediaQueryList"] }
-serde_json = "1.0.64"
-once_cell = "1.10.0"
-yew = "0.19.3"
-material-yew = { git = "https://github.com/hamza1311/material-yew", features = ["full"] }
-lazy_static = "1.4.0"
-chrono = "0.4"
-urlencoding = "2.1.0"
-wasm-logger = "0.2.0"
-log = "0.4.17"
-
-[dependencies.syntect]
-version = "4.5"
-default-features = false
-features = [
- "html",
- "dump-load",
- "regex-fancy"
-]
-
-[build-dependencies]
-syntect = { version = "4.5", default-features = false, features = ["default-fancy"] }
diff --git a/services/src/lib.rs b/services/src/lib.rs
deleted file mode 100644
index 343abcc..0000000
--- a/services/src/lib.rs
+++ /dev/null
@@ -1,7 +0,0 @@
-pub mod links_service;
-pub mod markdown_service;
-pub mod post_service;
-pub mod posts;
-pub mod projects_service;
-pub mod theme_service;
-extern crate lazy_static;
diff --git a/services/src/links_service/links.json b/services/src/links_service/links.json
deleted file mode 100644
index 0e73cf7..0000000
--- a/services/src/links_service/links.json
+++ /dev/null
@@ -1,106 +0,0 @@
-{
- "links": [
- {
- "name": "Clay 的技术博客",
- "addr": "https://www.techgrow.cn",
- "desc": "用进废退 | 艺不压身",
- "logo": "https://www.techgrow.cn/img/head.jpg"
- },
- {
- "name": "Christine的博客",
- "desc": "虽然我不够优秀，但我从未放弃过努力。",
- "logo": "https://christine-only.github.io/blog/logo.png",
- "addr": "https://christine-only.github.io/blog/"
- },
- {
- "name": "Forever丿顾北博客",
- "addr": "https://forevergubei.gitee.io/myblod/",
- "desc": "一个追寻大佬脚步的小白",
- "logo": "https://forevergubei.gitee.io/myblod/logo.png"
- },
- {
- "name": "MrDJun's Blog",
- "addr": "https://mrdjun.gitee.io/",
- "desc": "Just an ordinary JAVA programmer",
- "logo": "https://mrdjun.gitee.io/images/avatar.png"
- },
- {
- "name": "Fatpandac’s Blog",
- "addr": "https://www.fatpandac.com/",
- "desc": "不知道写啥的个人博客",
- "logo": "https://avatars.githubusercontent.com/u/30423976?v=4"
- },
- {
- "name": "低调小熊猫",
- "addr": "https://ilovey.live",
- "desc": "读万卷书，行万里路，赚很多钱",
- "logo": "https://uss.ilovey.live/img/avatar.jpg"
- },
- {
- "name": "风吹鼍鼓旌旗动",
- "addr": "http://idinr.com/",
- "desc": "有技术，有科学",
- "logo": "https://s2.loli.net/2022/06/15/d6MYUaVWf74sKIi.jpg"
- },
- {
- "name": "Levi's Blog",
- "addr": "https://www.jianshu.com/u/1fc674525eeb",
- "desc": "学的越多，懂的越少",
- "logo": "https://upload.jianshu.io/users/upload_avatars/10826765/5e06dfca-ff26-488c-a60c-79ca6504917a?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240"
- },
- {
- "name": "高耳机",
- "addr": "http://www.ragnaroks.site/",
- "desc": "青春有爱 年少有梦",
- "logo": "https://avatars.githubusercontent.com/u/7598199?v=4"
- },
- {
- "name": "Pseudoyu",
- "addr": "https://www.pseudoyu.com/",
- "desc": "Blockchain | Programming | Photography | Misty",
- "logo": "https://www.pseudoyu.com/images/author.webp"
- },
- {
- "name": "circlehotarux's blog",
- "addr": "https://www.circlehotarux.me/",
- "desc": "心诚则灵",
- "logo": "https://avatars.githubusercontent.com/u/48060080?v=4"
- },
- {
- "name": "小博's blog",
- "addr": "https://zhongbohuang.github.io/hzb-blog.github.io/",
- "desc": "记录知识，记录生活",
- "logo": "https://zhongbohuang.github.io/hzb-blog.github.io/img/avatar.png"
- },
- {
- "name": "绝对值の垃圾站",
- "addr": "https://absolutevalue.cc",
- "desc": "一个垃圾站，写点垃圾话",
- "logo": "https://bu.dusays.com/2022/10/11/63456cf24d191.png"
- },
- {
- "name": "SeerSu",
- "addr": "https://seersu.me",
- "desc": "留给自己一片大陆，把无垠的大海留给飞鸟和大鱼",
- "logo": "https://seersu.me/favicon/avatar.jpg"
- },
- {
- "name": "Scorpio's Blog",
- "addr": "http://0925.wang",
- "desc": "改掉拖延症~",
- "logo": "https://q.qlogo.cn/headimg_dl?bs=qq&dst_uin=1849748550@qq.com&src_uin=qq.feixue.me&fid=blog&spec=100&id=1000"
- },
- {
- "name": "一物一世界的 blog",
- "addr": "https://www.flyfrag.cn/",
- "desc": "太阳强烈，水波温柔",
- "logo": "https://avatars.githubusercontent.com/u/53332638?v=4"
- },
- {
- "name": "Airing's blog",
- "addr": "https://blog.ursb.me/",
- "desc": "我是一只小小小小熊",
- "logo": "https://airing.ursb.me/image/airing-face.png"
- }
- ]
-}
diff --git a/services/src/links_service/links_service.rs b/services/src/links_service/links_service.rs
deleted file mode 100644
index 23fea94..0000000
--- a/services/src/links_service/links_service.rs
+++ /dev/null
@@ -1,36 +0,0 @@
-use once_cell::sync::Lazy;
-use serde::Deserialize;
-use serde_json;
-#[derive(Deserialize, Clone, PartialEq)]
-pub struct RawLinkData {
- pub links: Vec
- { props.children.clone() }
-
-
-
- {}
-
",
- code_block
- )
-}
-
-pub fn render_image(url: String, alt: String) -> String {
- format!(
- "
- 
- {}
-
",
- url, alt, url, alt
- )
-}
-
-pub fn render_github_render_block(github_render_block: GitHubRenderBlock) -> String {
- format!(
- "",
- github_render_block.url, github_render_block.repo, github_render_block.description
- )
-}
-
-pub fn render_spotlight(text: &str) -> String {
- format!(
- "
- 
-
-
",
- text
- )
-}
-
-pub fn render_code(code: String) -> String {
- format!("{}", code)
-}
diff --git a/services/src/markdown_service/markdown_service.rs b/services/src/markdown_service/markdown_service.rs
deleted file mode 100644
index 4746077..0000000
--- a/services/src/markdown_service/markdown_service.rs
+++ /dev/null
@@ -1,280 +0,0 @@
-use crate::markdown_service::elements::render_code;
-use crate::markdown_service::elements::render_github_render_block;
-use crate::markdown_service::elements::render_heading;
-use crate::markdown_service::elements::render_spotlight;
-use crate::markdown_service::elements::GitHubRenderBlock;
-use crate::markdown_service::elements::{render_code_block, render_image};
-use crate::post_service::post_card_size::PostCardSize;
-use pulldown_cmark::CodeBlockKind;
-use pulldown_cmark::CodeBlockKind::{Fenced, Indented};
-use pulldown_cmark::{html, Event, Options, Parser, Tag};
-use serde::Deserialize;
-use serde_json;
-use std::path::Path;
-use syntect::highlighting::ThemeSet;
-use syntect::html::highlighted_html_for_string;
-use syntect::parsing::SyntaxReference;
-use syntect::parsing::SyntaxSet;
-use web_sys::window;
-use web_sys::Element;
-
-#[derive(Clone)]
-pub struct MarkdownService {
- value: String,
-}
-
-#[derive(Deserialize, Clone, Debug, PartialEq)]
-pub struct RawPostMetadata {
- pub cover: String,
- pub tag: String,
- pub title: String,
- pub size: Option{}
- : Sized {
+ fn into_post {"你可以在任何地方通过开关随时修改你的主题"}
- {render_contacts}
-
- }
-}
diff --git a/ui/src/common/container.rs b/ui/src/common/container.rs
deleted file mode 100644
index 978ca18..0000000
--- a/ui/src/common/container.rs
+++ /dev/null
@@ -1,39 +0,0 @@
-use crate::use_style;
-use yew::prelude::*;
-
-#[derive(Properties, Clone, Debug, PartialEq)]
-pub struct ContainerProps {
- pub children: Children,
-}
-
-#[function_component(Container)]
-pub fn container(props: &ContainerProps) -> Html {
- let style = use_style!(
- r"
- width: 100%;
- display: flex;
- justify-content: center;
-
- .container-box {
- width: 816px;
- box-sizing: border-box;
- }
-
- @media (max-width: 600px) {
- .container-box {
- min-width: 100%;
- width: 100%;
- padding: 0 22px;
- }
- }
- "
- );
-
- html! {
-
-
- }
-}
diff --git a/ui/src/common/footer.rs b/ui/src/common/footer.rs
deleted file mode 100644
index 9b92552..0000000
--- a/ui/src/common/footer.rs
+++ /dev/null
@@ -1,58 +0,0 @@
-use crate::contact::{ContactType, Contacts};
-use crate::container::Container;
-use utils::use_style;
-use yew::prelude::*;
-
-#[function_component(Footer)]
-pub fn footer() -> Html {
- let style = use_style!(
- r"
- width: 100%;
- background: var(--base-color);
- padding-bottom: 18px;
-
- .contacts {
- margin-top: 31px;
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .copyright {
- display: flex;
- justify-content: center;
- }
-
- .text {
- font-size: 14px;
- }
-
- @media (max-width: 600px) {
- .contacts {
- flex-direction: column;
- height: auto;
- padding-bottom: 30px;
- }
- }
- "
- );
-
- html! {
-
- {props.children.clone()}
-
-
-
- }
-}
diff --git a/ui/src/common/gradient_title.rs b/ui/src/common/gradient_title.rs
deleted file mode 100644
index 179d5b8..0000000
--- a/ui/src/common/gradient_title.rs
+++ /dev/null
@@ -1,44 +0,0 @@
-use stylist::style;
-use yew::prelude::*;
-
-#[derive(Properties, Clone, PartialEq)]
-pub struct GradientTitleProps {
- pub children: Children,
-}
-
-#[function_component(GradientTitle)]
-pub fn gradient_title(props: &GradientTitleProps) -> Html {
- let style = style!(
- r"
- display: flex;
- margin-bottom: 21px;
-
- .gradient-title__content {
- font-size: 29px;
- position: relative;
- }
-
- .gradient-title__content::before {
- content: '';
- width: 120%;
- display: block;
- height: 21px;
- border-radius: 100px;
- background: linear-gradient(90deg, #FF4AA8 0%, #F95D66 22%, #FE9C76 100%);
- position: absolute;
- z-index: -1;
- bottom: 0px;
- left: -5%;
- }
- "
- )
- .unwrap();
-
- html! {
-
-
-
-
-
-
- {"Powered by Rust & Yew"}
- {"Illustration by Icons 8 from Ouch!"}
-
-
- {"Copyright © 2021 Mist"}
-
-
- }
-}
diff --git a/ui/src/common/header/drawer.rs b/ui/src/common/header/drawer.rs
deleted file mode 100644
index a4d71f7..0000000
--- a/ui/src/common/header/drawer.rs
+++ /dev/null
@@ -1,75 +0,0 @@
-use crate::header::drawer_item::DrawerItem;
-use stylist::{css, yew::styled_component};
-use utils::html::render_with_insert_node;
-use yew::prelude::*;
-
-#[derive(Properties, Clone, PartialEq)]
-pub struct DrawerProps {
- pub is_open: UseStateHandle
- { props.children.clone() }
-
-
-
-
- }
-}
diff --git a/ui/src/common/header/drawer_item.rs b/ui/src/common/header/drawer_item.rs
deleted file mode 100644
index b317c03..0000000
--- a/ui/src/common/header/drawer_item.rs
+++ /dev/null
@@ -1,25 +0,0 @@
-use crate::link::Link;
-use router::RootRoutes;
-use utils::use_style;
-use yew::prelude::*;
-
-#[derive(Properties, Clone, PartialEq)]
-pub struct DrawerProps {
- pub lnk: RootRoutes,
- pub children: Children,
-}
-
-#[function_component(DrawerItem)]
-pub fn drawer_item(props: &DrawerProps) -> Html {
- let style = use_style!(
- r"
- padding: 12px 0;
- "
- );
-
- html! {
-
- {render_with_insert_node(&render_nodes, &html! {
-
- })}
-
-
- {props.children.clone()}
-
- }
-}
diff --git a/ui/src/common/header/header.rs b/ui/src/common/header/header.rs
deleted file mode 100644
index 33f2965..0000000
--- a/ui/src/common/header/header.rs
+++ /dev/null
@@ -1,146 +0,0 @@
-use crate::contact::ContactType;
-use crate::container::Container;
-use crate::header::drawer::Drawer;
-use crate::header::drawer_item::DrawerItem;
-use crate::image::{Icon, ThemeImage};
-use crate::link::Link;
-use crate::modal::{modal::Modal, modal_content::ModalContent};
-use crate::theme_selector::ThemeSelector;
-use router::RootRoutes;
-use utils::resource::with_assets;
-use utils::theme::only_render_on_mobile;
-use utils::use_style;
-use yew::prelude::*;
-
-#[function_component(Header)]
-pub fn header() -> Html {
- let style = use_style!(
- r"
- width: 100%;
-
- .wrapper {
- height: 56px;
- justify-content: space-between;
- }
-
- .wrapper, .tabs, .left, .right, .setting-icon {
- display: flex;
- align-items: center;
- }
-
- .left img {
- height: 23px;
- display: flex;
- }
-
- .tabs {
- margin-left: 88px;
- }
-
- .tabs a {
- font-size: 14px;
- margin: 0 15px;
- }
-
- .setting-icon {
- margin-right: 19px;
- }
-
- .header {
- height:56px;
- width: 100%;
- background: var(--base-color);
- position: relative;
- z-index: 6;
- }
-
- @media (max-width: 600px) {
- .tabs {
- display: none;
- }
- }
- "
- );
- let control_theme_style = use_style!(
- r"
- display: flex;
- flex-direction: column;
- align-items: center;
-
- .control-theme__text {
- width: 100%;
- text-align: left;
- font-size: 14px;
- color: var(--sub-text-color);
- }
-
- .control-theme__img {
- width: 126px;
- }
-
- @media (max-width: 600px) {
- .control-theme__text {
- font-size: 12px;
- }
- }
- "
- );
- let is_open_drawer_handle = use_state_eq(|| false);
- let is_open_theme_modal = use_state_eq(|| false);
- let handle_drawer_click = {
- let is_open_drawer_handle = is_open_drawer_handle.clone();
-
- Callback::from(move |_| is_open_drawer_handle.set(!*is_open_drawer_handle))
- };
- let handle_setting_click = {
- let is_open_theme_modal = is_open_theme_modal.clone();
-
- Callback::from(move |_| is_open_theme_modal.set(!*is_open_theme_modal))
- };
-
- html! {
-
-
- }
-}
diff --git a/ui/src/common/header/mod.rs b/ui/src/common/header/mod.rs
deleted file mode 100644
index f7e3457..0000000
--- a/ui/src/common/header/mod.rs
+++ /dev/null
@@ -1,4 +0,0 @@
-pub mod drawer;
-pub mod drawer_item;
-pub mod header;
-pub use header::Header;
diff --git a/ui/src/common/image.rs b/ui/src/common/image.rs
deleted file mode 100644
index 616ba57..0000000
--- a/ui/src/common/image.rs
+++ /dev/null
@@ -1,108 +0,0 @@
-use global::theme_context::ThemeContext;
-use material_yew::MatIconButton;
-use stylist::{style, yew::styled_component};
-use utils::resource::{with_assets, with_assets_by_theme};
-use utils::theme::with_reactive_source;
-use yew::prelude::*;
-
-#[derive(Properties, Clone, PartialEq)]
-pub struct ImageProps {
- pub source: &'static str,
-}
-
-#[derive(Properties, Clone, PartialEq)]
-pub struct ThemeImageProps {
- #[prop_or(false)]
- pub is_reactive: bool,
- pub source: &'static str,
- #[prop_or(String::from(""))]
- pub style: String,
-}
-
-#[derive(Properties, Clone, PartialEq)]
-pub struct IconProps {
- pub source: &'static str,
- #[prop_or(true)]
- pub has_theme: bool,
- pub size: i32,
- #[prop_or(String::from(""))]
- pub style: String,
- #[prop_or_default]
- pub onclick: Option
-
-
-
-
-
-
-
- {"Posts"}
- {"Projects"}
- {"About"}
- {"Links"}
-
-
-
-
-
- ![]({with_assets("switch_theme_guide.png")})
-
- }
-}
-
-#[function_component(Image)]
-pub fn image(props: &ImageProps) -> Html {
- html! {
-
-
- }
-}
diff --git a/ui/src/common/layout.rs b/ui/src/common/layout.rs
deleted file mode 100644
index a73f4ba..0000000
--- a/ui/src/common/layout.rs
+++ /dev/null
@@ -1,54 +0,0 @@
-use super::{footer::Footer, header::Header};
-use crate::common::switch::ThemeSwitchBar;
-use crate::container::Container;
-use utils::use_style;
-use yew::prelude::*;
-
-#[derive(Properties, PartialEq)]
-pub struct BaseLayoutProps {
- pub children: Children,
-}
-
-#[function_component(BaseLayout)]
-pub fn base_layout(props: &BaseLayoutProps) -> Html {
- let style = use_style!(
- r"
- width: 100%;
- height: 100%;
- position: relative;
-
- .theme-switch-bar {
- position: absolute;
- right: -118px;
- top: 63px;
- }
-
- .page-outlet {
- min-height: calc(100vh - 100px);
- }
-
- @media (max-width: 600px) {
- .theme-switch-bar {
- position: static;
- }
- }
- "
- );
-
- html! {
- <>
-
-
-
-
- { props.children.clone() }
-
-
- {subtitle}
-
- },
- None => html! {},
- };
-
- let render_component = html! {
-
-
-
- };
-
- create_portal(
- html! {
- {render_component}
- },
- modal_host.into(),
- )
-}
-
-fn get_single_ele_from_vec_by_default(
- map: &HashMap<&'static str, Vec>,
- key: &'static str,
-) -> Html {
- let vec = map.get(key).unwrap();
-
- match vec.get(0) {
- Some(vnode) => vnode.clone(),
- None => html! {},
- }
-}
-
-fn extract_nodes<'a>(
- children: &ChildrenRenderer
-
-
-
-
- {props.title}
- {render_subtitle}
-
-
-
- { nodes.get("action").unwrap().into_iter().map(|vnode| vnode.clone()).collect::() }
-
-
-
- }
-}
diff --git a/ui/src/common/modal/modal_content.rs b/ui/src/common/modal/modal_content.rs
deleted file mode 100644
index 310ba8e..0000000
--- a/ui/src/common/modal/modal_content.rs
+++ /dev/null
@@ -1,15 +0,0 @@
-use yew::prelude::*;
-
-#[derive(Properties, PartialEq, Clone)]
-pub struct ModalContentProps {
- pub children: Children,
-}
-
-#[function_component(ModalContent)]
-pub fn modal_content(props: &ModalContentProps) -> Html {
- html! {
- <>
- {props.children.clone()}
-
- }
-}
diff --git a/ui/src/common/switch.rs b/ui/src/common/switch.rs
deleted file mode 100644
index c295e87..0000000
--- a/ui/src/common/switch.rs
+++ /dev/null
@@ -1,99 +0,0 @@
-use global::theme_context::ThemeAction;
-use global::theme_context::ThemeContext;
-use services::theme_service::Theme;
-use stylist::yew::styled_component;
-use yew::prelude::*;
-
-#[styled_component(ThemeSwitchBar)]
-pub fn theme_switch_bar() -> Html {
- let theme_ctx = use_context::
-
- }
-}
diff --git a/ui/src/lib.rs b/ui/src/lib.rs
deleted file mode 100644
index dcef42c..0000000
--- a/ui/src/lib.rs
+++ /dev/null
@@ -1,11 +0,0 @@
-pub mod common;
-pub mod link_card;
-pub mod post_card;
-pub mod project_card;
-pub mod theme;
-
-pub use common::*;
-pub use post_card::*;
-pub use project_card::*;
-pub use theme::*;
-use utils::use_style;
diff --git a/ui/src/link_card.rs b/ui/src/link_card.rs
deleted file mode 100644
index 3a11124..0000000
--- a/ui/src/link_card.rs
+++ /dev/null
@@ -1,87 +0,0 @@
-use crate::link::Link;
-use services::links_service::links_service::LinkData;
-use stylist::style;
-use yew::prelude::*;
-
-#[derive(Properties, Clone, PartialEq)]
-pub struct LinkCardProps {
- pub link: LinkData,
-}
-
-#[function_component(LinkCard)]
-pub fn link_card(props: &LinkCardProps) -> Html {
- let style = style!(
- r"
- width: 250px;
- height: 98px;
- box-shadow: 0px 8px 50px 0px var(--card-shadow-color);
- background: var(--base-color);
- border-radius: 20px;
- margin: 0 15px;
- display: flex;
- align-items: center;
- padding: 10px 25px;
- box-sizing: border-box;
- margin-bottom: 25px;
-
-
- .logo {
- width: 55px;
- height: 55px;
- border-radius: 10px;
- }
-
- .link-info {
- margin-left: 12px;
- height: 60px;
- }
-
- .link-desc {
- font-size: 13px;
- color: var(--sub-text-color);
- line-height: 18px;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- overflow: hidden;
- height: 36px;
- text-overflow: ellipsis;
- display: -webkit-box;
- width: 150px;
- }
-
- .link-name {
- width: 150px;
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: pre;
- }
-
- @media (max-width: 600px) {
- width: 100%;
- margin: auto;
- margin-bottom: 20px;
-
- .link-desc {
- width: 100%;
- }
-
- .link-name {
- width: 100%;
- }
- }
- "
- )
- .unwrap();
-
- html! {
-
-
-
- 
-
-
-
- 
-
-
-
- }
-}
diff --git a/ui/src/post_card/label.rs b/ui/src/post_card/label.rs
deleted file mode 100644
index 6579440..0000000
--- a/ui/src/post_card/label.rs
+++ /dev/null
@@ -1,43 +0,0 @@
-use utils::use_style;
-use yew::prelude::*;
-
-#[derive(Properties, Clone, PartialEq)]
-pub struct LabelProps {
- pub text: String,
-}
-
-#[function_component(Label)]
-pub fn label(props: &LabelProps) -> Html {
- let style = use_style!(
- r"
- padding: 7px 10px;
- background: var(--label-color);
- height: 31px;
- border-radius: 8px;
- box-sizing: border-box;
- display: flex;
- align-items: center;
- margin-bottom: 10px;
-
- .label-icon {
- width: 13.9px;
- height: 13.9px;
- margin-right: 9px;
- }
-
- .label-text {
- font-size: 12.48px;
- color: var(--text-color);
- }
- "
- );
-
- html! {
-
-
-
- {&props.link.name}
- {&props.link.desc}
-
-
- }
-}
diff --git a/ui/src/post_card/mod.rs b/ui/src/post_card/mod.rs
deleted file mode 100644
index e24c835..0000000
--- a/ui/src/post_card/mod.rs
+++ /dev/null
@@ -1,5 +0,0 @@
-pub mod label;
-pub mod post_card;
-pub mod post_card_header;
-pub mod post_card_large;
-pub mod post_card_small;
diff --git a/ui/src/post_card/post_card.rs b/ui/src/post_card/post_card.rs
deleted file mode 100644
index b9f3076..0000000
--- a/ui/src/post_card/post_card.rs
+++ /dev/null
@@ -1,31 +0,0 @@
-use crate::post_card_large::PostCardLarge;
-use crate::post_card_small::PostCardSmall;
-use services::post_service::post_card_size::PostCardSize;
-use services::post_service::post_service::Post;
-use utils::theme::is_on_mobile;
-use yew::prelude::*;
-
-#[derive(PartialEq, Clone, Properties)]
-pub struct PostCardProps {
- pub post: Post,
- #[prop_or(PostCardSize::Large)]
- pub size: PostCardSize,
-}
-
-#[function_component(PostCard)]
-pub fn post_card(props: &PostCardProps) -> Html {
- if is_on_mobile() {
- return html! {
- 
-
- {&props.text}
-
-
-
- }
-}
diff --git a/ui/src/post_card/post_card_large.rs b/ui/src/post_card/post_card_large.rs
deleted file mode 100644
index cb06ebc..0000000
--- a/ui/src/post_card/post_card_large.rs
+++ /dev/null
@@ -1,96 +0,0 @@
-use crate::link::Link;
-use crate::post_card_header::PostCardHeader;
-use router::RootRoutes;
-use services::post_service::post_service::Post;
-use stylist::style;
-use yew::prelude::*;
-
-#[derive(PartialEq, Clone, Properties)]
-pub struct PostCardLargeProps {
- pub post: Post,
-}
-
-#[function_component(PostCardLarge)]
-pub fn post_card_large(props: &PostCardLargeProps) -> Html {
- let style = style!(
- r#"
- height: 330px;
- display: flex;
- border-radius: 17px;
- background: var(--base-color);
- overflow: hidden;
- box-shadow: 0px 7px 43px 0px var(--card-shadow-color);
- margin: 0 18px;
- margin-bottom: 35px;
-
- .cover {
- flex-shrink: 0;
- width: 446.51px;
- height: 330px;
- background-image: url("${cover}");
- background-repeat: no-repeat;
- background-size: cover;
- background-position: 50% 50%;
- }
-
- .post-preview {
- margin-left: 40px;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- padding: 23px 25px 10px 0;
- }
-
- .post-preview__body {
- width: 100%;
- word-break: break-all;
- font-size: 14.48px;
- color: var(--sub-text-color);
- line-height: 25px;
- -webkit-line-clamp: 6;
- -webkit-box-orient: vertical;
- overflow: hidden;
- height: 156px;
- text-overflow: ellipsis;
- display: -webkit-box;
- }
-
- .post-preview__title {
- font-size: 23px;
- font-weight: 600;
- color: var(--text-color);
- line-height: 33px;
- margin-top: 25px;
- margin-bottom: 10px;
- }
-
- .modified-at {
- display: flex;
- width: 100%;
- justify-content: flex-end;
- color: var(--tip-color);
- font-size: 10px;
- line-height: 15px;
- margin-top: 10px;
- }
- "#,
- cover = props.post.metadata.cover.clone()
- )
- .unwrap();
-
- html! {
-
-
-
-
- 
-
-
-
-
-
- }
-}
diff --git a/ui/src/post_card/post_card_small.rs b/ui/src/post_card/post_card_small.rs
deleted file mode 100644
index b2aaa86..0000000
--- a/ui/src/post_card/post_card_small.rs
+++ /dev/null
@@ -1,103 +0,0 @@
-use crate::link::Link;
-use crate::post_card_header::PostCardHeader;
-use router::RootRoutes;
-use services::post_service::post_service::Post;
-use stylist::style;
-use yew::prelude::*;
-
-#[derive(Properties, Clone, PartialEq)]
-pub struct PostCardProps {
- pub post: Post,
-}
-
-#[function_component(PostCardSmall)]
-pub fn post_card_small(props: &PostCardProps) -> Html {
- let style = style!(
- r#"
- width: 250px;
- height: 350px;
- background: var(--base-color);
- box-shadow: 0px 7px 43px 0px var(--card-shadow-color);
- border-radius: 17.33px;
- box-sizing: border-box;
- padding: 18px;
- cursor: pointer;
- margin: 0 17px;
- margin-bottom: 35px;
-
- .cover {
- width: 236px;
- height: 134px;
- border-radius: 10px;
- margin: 13px -11px;
- margin-bottom: 0;
- background-image: url("${cover}");
- background-repeat: no-repeat;
- background-size: cover;
- background-position: 50% 50%;
- }
-
- .post-preview__title {
- font-size: 15.25px;
- font-weight: bold;
- color: var(--text-color);
- line-height: 26px;
- margin-top: 17px;
- }
-
- .post-preview__body {
- width: 100%;
- word-break: break-all;
- text-overflow: ellipsis;
- line-height: 22px;
- display: -webkit-box;
- -webkit-line-clamp: 3;
- -webkit-box-orient: vertical;
- overflow: hidden;
- margin-top: 4px;
- font-size: 14.48px;
- color: var(--sub-text-color);
- }
-
- .modified-at {
- color: var(--tip-color);
- font-size: 10px;
- line-height: 15px;
- margin-top: 10px;
- }
-
- @media (max-width: 600px) {
- width: 100%;
- margin: 0;
- margin-bottom: 33px;
-
- .cover {
- width: 100%;
- margin: 13px 0;
- }
- }
- "#,
- cover = props.post.metadata.cover.clone()
- )
- .unwrap();
-
- html! {
-
-
-
-
- {&props.post.metadata.title}
- {&props.post.desc}
- {&props.post.modified_time}
-
-
-
- }
-}
diff --git a/ui/src/project_card.rs b/ui/src/project_card.rs
deleted file mode 100644
index 7320e37..0000000
--- a/ui/src/project_card.rs
+++ /dev/null
@@ -1,94 +0,0 @@
-use crate::link::Link;
-use router::RootRoutes;
-use services::projects_service::projects_service::Project;
-use stylist::style;
-use yew::prelude::*;
-
-#[derive(Properties, Clone, PartialEq)]
-pub struct ProjectCardProps {
- pub project: Project,
-}
-
-#[function_component(ProjectCard)]
-pub fn project_card(props: &ProjectCardProps) -> Html {
- let style = style!(
- r#"
- width: 384px;
- box-shadow: 0px 8px 50px 0px var(--card-shadow-color);
- border-radius: 8px;
- padding: 15px 20px;
- background-color: var(--base-color);
- box-sizing: border-box;
- margin-bottom: 30px;
-
- .name {
- font-size: 20px;
- color: var(text-color);
- }
-
- .desc {
- font-size: 13px;
- color: var(--sub-text-color);
- }
-
- .summary {
- word-break: break-all;
- -webkit-line-clamp: 9;
- -webkit-box-orient: vertical;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- overflow: hidden;
- line-height: 25px;
- font-size: 14px;
- }
-
- .footer {
- text-align: right;
- font-size: 13px;
- margin-top: 10px;
- }
-
- .post-block {
- margin-top: 10px;
- }
-
- @media (max-width: 600px) {
- width: 100%;
- }
- "#
- )
- .unwrap();
-
- html! {
-
-
-
-
-
-
- {&props.post.metadata.title}
-
-
- {&props.post.desc}
-
- {&props.post.modified_time}
-
-
-
- }
-}
diff --git a/ui/src/theme/mod.rs b/ui/src/theme/mod.rs
deleted file mode 100644
index e55a1a7..0000000
--- a/ui/src/theme/mod.rs
+++ /dev/null
@@ -1 +0,0 @@
-pub mod theme_item;pub mod theme_selector;
diff --git a/ui/src/theme/theme_item.rs b/ui/src/theme/theme_item.rs
deleted file mode 100644
index 14216fa..0000000
--- a/ui/src/theme/theme_item.rs
+++ /dev/null
@@ -1,73 +0,0 @@
-use services::theme_service::Theme;
-use stylist::style;
-use yew::prelude::*;
-
-#[derive(Properties, Clone, PartialEq)]
-pub struct ThemeItemProps {
- pub source: &'static str,
- pub text: &'static str,
- pub theme: Theme,
- pub is_pick: bool,
- pub onclick: Callback
- {&props.project.name}
-
-
- {&props.project.desc}
-
-
- {
- match &props.project.post {
- Some(post) => {
- html! {
-
-
-
-
- }
- },
- None => html! {},
- }
- }
-
- {&post.desc}
-
-
-
-
- }
-}
diff --git a/ui/src/theme/theme_selector.rs b/ui/src/theme/theme_selector.rs
deleted file mode 100644
index 31d15cf..0000000
--- a/ui/src/theme/theme_selector.rs
+++ /dev/null
@@ -1,93 +0,0 @@
-use crate::theme::theme_item::ThemeItem;
-use global::theme_context::ThemeAction;
-use global::theme_context::ThemeContext;
-use services::theme_service::Theme;
-use services::theme_service::ThemeService;
-use stylist::style;
-use yew::prelude::*;
-
-struct ThemeItemData {
- source: &'static str,
- text: &'static str,
- theme: Theme,
-}
-
-static THEME_ITEMS: &[ThemeItemData; 3] = &[
- ThemeItemData {
- source: "/images/light_mode_skeleton.png",
- text: "Light",
- theme: Theme::Light,
- },
- ThemeItemData {
- source: "/images/dark_mode_skeleton.png",
- text: "Dark",
- theme: Theme::Dark,
- },
- ThemeItemData {
- source: "/images/auto_mode_skeleton.png",
- text: "Follow OS",
- theme: Theme::Auto,
- },
-];
-
-#[function_component(ThemeSelector)]
-pub fn theme_selector() -> Html {
- let current_theme = use_state_eq(|| ThemeService::get_theme_from_storage());
- let theme_ctx = use_context::
- {props.text}
-
-
- }
-}
diff --git a/utils/.gitignore b/utils/.gitignore
deleted file mode 100644
index 96ef6c0..0000000
--- a/utils/.gitignore
+++ /dev/null
@@ -1,2 +0,0 @@
-/target
-Cargo.lock
diff --git a/utils/Cargo.toml b/utils/Cargo.toml
deleted file mode 100644
index e63dd56..0000000
--- a/utils/Cargo.toml
+++ /dev/null
@@ -1,15 +0,0 @@
-[package]
-name = "utils"
-version = "0.1.0"
-edition = "2021"
-
-# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
-
-[dependencies]
-web-sys = { version = "0.3", features = ["HtmlMetaElement", "Document", "Element", "DocumentFragment", "HtmlTemplateElement", "MediaQueryList"] }
-js-sys = "0.3.55"
-global = {path = "../global"}
-services = {path = "../services"}
-yew = "0.19.3"
-chrono = "0.4.19"
-wasm-bindgen = "0.2.80"
diff --git a/utils/src/error.rs b/utils/src/error.rs
deleted file mode 100644
index 665789c..0000000
--- a/utils/src/error.rs
+++ /dev/null
@@ -1,21 +0,0 @@
-use crate::console_log;
-use std::fmt::Display;
-
-pub trait ErrorDebug
- {THEME_ITEMS.into_iter().map(|data| {
- html! {
-
-