Merge pull request #7 from SeraphyBR/code_highligh_wasm_bindgen_esbuild

Code highligh wasm bindgen esbuild

.editorconfig

@@ -11,6 +11,9 @@ indent_size = 2
 insert_final_newline = true
 trim_trailing_whitespace = true
 
+[*.yml]
+indent_size = 2
+
 [*.md]
 max_line_length = off
 trim_trailing_whitespace = false

.github/workflows/gh-pages-deploy.yml

@@ -39,9 +39,12 @@ jobs:
       - name: Add WASM target
         run: rustup target add wasm32-unknown-unknown
 
-      - name: Download and install Node Dependencies (Tailwind)
+      - name: Download and install Node Dependencies
         run: npm install
 
+      - name: Run npm build
+        run: npm run build
+
       - name: lint
         run: cargo clippy & cargo fmt
 

.gitignore

@@ -1,3 +1,5 @@
 /target
 /dist
-/node_modules
+/node_modules
+/esbuild
+src/**/*.min.js

.vscode/settings.json

@@ -19,6 +19,10 @@
         "editor.defaultFormatter": "rust-lang.rust-analyzer",
         "editor.formatOnSave": true
     },
+    "[javascript]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode",
+        "editor.formatOnSave": true
+    },
     "css.validate": false,
     "html.autoClosingTags": true,
     "rust-analyzer.semanticHighlighting.punctuation.enable": true,

Trunk.toml

@@ -3,7 +3,7 @@ target = "index.html"
 dist = "dist"
 
 [watch]
-ignore = ["./src/markdown_posts.rs"]
+ignore = ["./src/markdown_posts.rs", "./esbuild"]
 
 [serve]
 port = 3000

build.rs

@@ -1,7 +1,13 @@
 use std::fs;
 use std::io::Write;
+use std::process::Command;
 
 fn main() {
+    let _ = Command::new("npm")
+        .args(["run", "build"])
+        .output()
+        .expect("Falha ao executar npm run build");
+
     create_markdown_posts_with_files_to_include();
 }
 

index.html

@@ -5,6 +5,8 @@
     <!-- If using Tailwind with Leptos CSR, see https://trunkrs.dev/assets/#tailwind instead-->
     <link data-trunk rel="tailwind-css" href="public/tailwind.css" />
 
+    <link data-trunk rel="css" href="public/highlight.css" />
+
     <!-- Include favicon in dist output: see https://trunkrs.dev/assets/#icon -->
     <link data-trunk rel="icon" href="public/favicon.ico" />
     <link
@@ -34,13 +36,15 @@
       crossorigin="anonymous"
     ></script>
 
-    <!--Fira Sans Font-->
+    <!--Fonts google-->
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
       href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
       rel="stylesheet"
     />
+    <link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@500&display=swap" rel="stylesheet">
+
 
     <title>SeraphyBR's Blog</title>