Rust is my Life

Warning

The Progress Graph is a work in progress¹, therefor it may be inaccurate.

Process Graph

---
config:
  layout: elk
  look: classic
  theme: redux-dark
---
flowchart TB
    webassembly["WebAssembly"] --> n4["Static Files (to be served)"]
    n6["Yew"] --- n11["Rust files"]
    n11 --> n7["Trunk"]
    n8["Public folder"] --> n7
    n10["Assets"] --> n7
    n5["index.html"] --> n7
    n7 --> webassembly & n19["JavaScript Files"] & n20["CSS Files"]
    n9["SCSS Stylesheets"] --> n14["dart-sass"]
    n14 --> n7
    n12["Fonts"] --- n10
    n13["Images"] --- n10
    n15["Sitemaps"] --- n8
    n16["Misc SEO files"] --- n8
    n4 --> n17["Cloudflare Worker"]
    n18["wrangler.jsonc"] --- n17
    n19 --> n4
    n20 --> n4
    n21["Sitemap XSLT Sylesheet"] --- n15

    webassembly@{ shape: lean-l}
    n6@{ shape: procs}
    n11@{ shape: docs}
    n7@{ shape: proc}
    n8@{ shape: docs}
    n10@{ shape: docs}
    n5@{ shape: doc}
    n19@{ shape: doc}
    n20@{ shape: doc}
    n9@{ shape: docs}
    n14@{ shape: proc}
    n12@{ shape: docs}
    n13@{ shape: docs}
    n15@{ shape: docs}
    n16@{ shape: docs}
    n17@{ shape: proc}
    n18@{ shape: doc}
    n21@{ shape: doc}
     n19:::Basic
     n20:::Basic
     n15:::Basic
     n21:::Basic
    classDef Aqua stroke-width:1px, stroke-dasharray:none, stroke:#3B424B, fill:#DEFFF8, color:#378E7A
    classDef Basic stroke:3B424B, fill:#0D1116, color:#FFFFFF
    style webassembly fill:#624DEA,stroke:#3B424B,color:#FFFFFF
    style n4 fill:#0D1116,stroke:#3B424B,color:#FFFFFF
    style n6 fill:#27CDA9,stroke:#3B424B,color:#424242
    style n11 fill:#B85B2E,stroke:#3B424B
    style n7 stroke:#3B424B,fill:#A64938,color:#FFFFFF
    style n8 fill:#0D1116,stroke:#3B424B
    style n10 stroke:#3B424B,fill:#0D1116
    style n5 fill:#CC752F,stroke:#3B424B,color:#FFFFFF
    style n19 fill:#F0DB4F,stroke:#3B424B,color:#424242
    style n20 fill:#0270B2,stroke:#3B424B
    style n9 stroke:#3B424B,fill:#0D1116
    style n14 stroke:#3B424B,fill:#CD6799,color:#FFFFFF
    style n12 stroke:#3B424B,fill:#0D1116
    style n13 stroke:#3B424B,fill:#0D1116
    style n15 fill:#0D1116,stroke:#3B424B
    style n16 fill:#0D1116,stroke:#3B424B
    style n17 fill:#DE7723,stroke:#3B424B,color:#FFFFFF
    style n18 fill:#0D1116,stroke:#3B424B
    style n21 fill:#B56BB5,stroke:#3B424B
    linkStyle 0 stroke:#3B424B,fill:none
    linkStyle 1 stroke:#3B424B,fill:none
    linkStyle 2 stroke:#3B424B,fill:none
    linkStyle 3 stroke:#3B424B,fill:none
    linkStyle 4 stroke:#3B424B,fill:none
    linkStyle 5 stroke:#3B424B,fill:none
    linkStyle 6 stroke:#3B424B,fill:none
    linkStyle 7 stroke:#3B424B,fill:none
    linkStyle 8 stroke:#3B424B,fill:none
    linkStyle 9 stroke:#3B424B,fill:none
    linkStyle 10 stroke:#3B424B,fill:none
    linkStyle 11 stroke:#3B424B,fill:none
    linkStyle 12 stroke:#3B424B,fill:none
    linkStyle 13 stroke:#3B424B,fill:none
    linkStyle 14 stroke:#3B424B,fill:none
    linkStyle 15 stroke:#3B424B,fill:none
    linkStyle 16 stroke:#3B424B,fill:none
    linkStyle 17 stroke:#3B424B,fill:none
    linkStyle 18 stroke:#3B424B,fill:none
    linkStyle 19 stroke:#3B424B,fill:none

Loading

To edit this interactively, go here and paste the code inside the mermaid code block above.

Dev Setup

Run these scripts in order:

1. install_deps.sh
2. start_dev.sh

The local dev server is live, so any changes you make will automatically refresh your server with the changes.

Tip

If any of these scripts result in errors while running the scripts, refer to the node & toolchain versions above, and run each command in the .sh files separately.

Feel free to make a pull request that fixes any issues you encounter!

Misc Info

.vscode folder

The .vscode folder is included since I currently use it for a lot of my projects, and it provides a lot of visual and workflow enhancements that make development faster and easier.

The syntax for this is (in a .sh script example):

#:&
# INFO:

Both do the exact same thing, but the :& is the shorthand version of INFO (you do not need :).

This applies to every type. You can look in the .vscode/settings.json file under todo-tree.general.tags and todo-tree.general.tagGroups for everything you can use.

This also works inline:

cat list.txt #:& This reads the list.txt file
cat list.txt # INFO: This reads the list.txt file

Also:

nano list.txt # USAGE While editing this file, each item gets it's own line

Footnotes

1. This project is a work in progress, so there will be issues or shitty code for a while. ↩