feat: update to version 0.2.14, refactor include script, and add canvas app template

Author: MR-Addict

.gitignore

@@ -1,3 +1,2 @@
 book
 target
-docs/src/assets/templates

Cargo.lock

@@ -1,6 +1,6 @@
 [package]
 name = "mdbook-embedify"
-version = "0.2.13"
+version = "0.2.14"
 edition = "2021"
 license = "MIT"
 readme = "README.md"

Cargo.toml

@@ -0,0 +1,48 @@
+<style>
+  .canvas-container {
+    width: 100%;
+    background: white;
+    border-radius: 1rem;
+    border: 1px solid #ccc;
+
+    background-size: 20px 20px;
+    background-image: linear-gradient(to right, #eee 1px, transparent 1px),
+      linear-gradient(to bottom, #eee 1px, transparent 1px);
+  }
+</style>
+<div class="canvas-container">
+  <canvas height="{% height=600 %}"></canvas>
+</div>
+<script>
+  document.addEventListener("DOMContentLoaded", () => {
+    const container = document.querySelector(".canvas-container");
+    const canvas = container.querySelector("canvas");
+    const ctx = canvas.getContext("2d");
+    const resizeObserver = new ResizeObserver((entries) => {
+      for (const entry of entries) canvas.width = entry.contentRect.width;
+    });
+    resizeObserver.observe(container);
+
+    let drawing = false;
+    const lastPos = { x: 0, y: 0 };
+
+    canvas.addEventListener("mousedown", (e) => {
+      drawing = true;
+      lastPos.x = e.offsetX;
+      lastPos.y = e.offsetY;
+    });
+
+    canvas.addEventListener("mousemove", (e) => {
+      if (!drawing) return;
+      ctx.beginPath();
+      ctx.moveTo(lastPos.x, lastPos.y);
+      ctx.lineTo(e.offsetX, e.offsetY);
+      ctx.stroke();
+      lastPos.x = e.offsetX;
+      lastPos.y = e.offsetY;
+    });
+
+    canvas.addEventListener("mouseup", () => (drawing = false));
+    canvas.addEventListener("mouseout", () => (drawing = false));
+  });
+</script>

docs/assets/templates/canvas.html

@@ -42,17 +42,16 @@ heading-split-level = 3
 copy-js = true
 
 [preprocessor.embedify]
-command = "target/release/mdbook-embedify"
-custom-templates-folder = "src/assets/templates"
+custom-templates-folder = "assets/templates"
 
 scroll-to-top.enable = true
 
 footer.enable = true
 footer.message = "Copyright © 2025 • Created with ❤️ by [MR-Addict](https://github.com/MR-Addict)"
 
 announcement-banner.enable = true
-announcement-banner.id = "0.2.13"
-announcement-banner.message = "*Version **0.2.13** now has relased, check it out [here](https://github.com/MR-Addict/mdbook-embedify/releases/tag/0.2.13).*"
+announcement-banner.id = "0.2.14"
+announcement-banner.message = "*Version **0.2.14** now has relased, check it out [here](https://github.com/MR-Addict/mdbook-embedify/releases/tag/0.2.14).*"
 
 giscus.enable = true
 giscus.repo = "MR-Addict/mdbook-embedify"
@@ -63,3 +62,6 @@ giscus.reactions-enabled = "1"
 giscus.theme = "book"
 giscus.lang = "en"
 giscus.loading = "lazy"
+
+# This is for the development environment
+command = "target/release/mdbook-embedify"

docs/book.toml

@@ -19,26 +19,6 @@ scroll-to-top.enable = true
 
 Below is a full list of apps that support global configuration:
 
-```toml
-[preprocessor.embedify]
-scroll-to-top.enable = true
-
-footer.enable = true
-footer.message = "Copyright © 2025 • Created with ❤️ by [MR-Addict](https://github.com/MR-Addict)"
-
-announcement-banner.enable = true
-announcement-banner.id = "0.2.13"
-announcement-banner.message = "*Version **0.2.13** now has relased, check it out [here](https://github.com/MR-Addict/mdbook-embedify/releases/tag/0.2.13).*"
-
-giscus.enable = true
-giscus.repo = "MR-Addict/mdbook-embedify"
-giscus.repo-id = "R_XXXXXXXXXX"
-giscus.category = "General"
-giscus.category-id = "DIC_XXXXXXXXXXXXXXXX"
-giscus.reactions-enabled = "1"
-giscus.theme = "book"
-giscus.lang = "en"
-giscus.loading = "lazy"
-```
+{% embed include file="book.toml" range="44-64" %}
 
 You can see more details about each app at its own page.

docs/src/global-embedding.md

@@ -14,7 +14,7 @@ Announcement banner allows you put important messages at the top of the page. It
 <!-- embed ignore begin -->
 
 ```text
-{% embed announcement-banner id="0.2.13" message="*Version **0.2.13** now has relased, check it out [here](https://github.com/MR-Addict/mdbook-embedify/releases/tag/0.2.13).*" %}
+{% embed announcement-banner id="0.2.14" message="*Version **0.2.14** now has relased, check it out [here](https://github.com/MR-Addict/mdbook-embedify/releases/tag/0.2.14).*" %}
 ```
 
 <!-- embed ignore end -->
@@ -23,10 +23,6 @@ This book's announcement banner is enabled, you can see it at the top of this pa
 
 However, you may want to enable it for the whole book. You can do this by adding below options to `book.toml` file after `[preprocessor.embedify]` section:
 
-```toml
-announcement-banner.enable = true
-announcement-banner.id = "0.2.13"
-announcement-banner.message = "*Version **0.2.13** now has relased, check it out [here](https://github.com/MR-Addict/mdbook-embedify/releases/tag/0.2.13).*"
-```
+{% embed include file="book.toml" range="52-54" %}
 
 Note that announcement banner id must be **unique**, otherwise it won't be shown if there is another announcement banner with the same id when user closed it.

docs/src/local/announcement-banner.md

@@ -22,7 +22,4 @@ This book's footer is enabled, you can see it at the bottom of this page.
 
 However, you may want to enable it for the whole book. You can do this by adding below options to `book.toml` file after `[preprocessor.embedify]` section:
 
-```toml
-footer.enable = true
-footer.message = "Copyright © 2025 • Created with ❤️ by [MR-Addict](https://github.com/MR-Addict)"
-```
+{% embed include file="book.toml" range="49-50" %}

docs/src/local/footer.md

@@ -6,32 +6,32 @@
 
 The include app is for including source file and wrapped it as markdown code block.
 
-The language is automatically detected by the file name extension. You can override it by passing `lang` option. The file path should be relative to the execution directory.
+The language is automatically detected by the file name extension. You can override it by passing `lang` option. The file path should be relative to book root directory.
 
 ## Options
 
-| Option | Description                                             | Required | Default |
-| :----- | :------------------------------------------------------ | :------- | :------ |
-| file   | File to include, relative to the exection directory     | Yes      | - -     |
-| lang   | This will override the automatically detected language  | No       | - -     |
-| range  | Range of lines to include, e.g. `1-10` or `1-` or `-10` | No       | - -     |
-| type   | Include type, `insert` or `embed`                       | No       | `embed` |
+| Option | Description                                             | Required | Default     |
+| :----- | :------------------------------------------------------ | :------- | :---------- |
+| file   | File to include, relative to book root directory        | Yes      | - -         |
+| lang   | This will override the automatically detected language  | No       | - -         |
+| range  | Range of lines to include, e.g. `1-10` or `1-` or `-10` | No       | - -         |
+| type   | Include type, cloud be `raw` or `codeblock`             | No       | `codeblock` |
 
 > Attention 💥
 >
-> - When `range` is used, it will insert the specified lines.
-> - The `insert` type will insert the file content into the markdown file directly, while the `embed` type will wrap it as a code block.
+> - When `range` is used, it will insert the specified lines starts from 1.
+> - The `raw` type will insert the raw file content into the markdown file directly, while the `codeblock` type will wrap it as a code block.
 
 ## Example
 
 <!-- embed ignore begin -->
 
 ```text
-{% embed include file="docs/src/SUMMARY.md" %}
+{% embed include file="src/SUMMARY.md" %}
 ```
 
 <!-- embed ignore end -->
 
-This will include the [docs/src/SUMMARY.md](https://github.com/MR-Addict/mdbook-embedify/blob/main/docs/src/SUMMARY.md) file and wrap it as a code block which is the source code of this book's summary.
+This will include the [src/SUMMARY.md](https://github.com/MR-Addict/mdbook-embedify/blob/main/docs/src/SUMMARY.md) file and wrap it as a markdown code block which is the source code of this book's summary.
 
-{% embed include file="docs/src/SUMMARY.md" %}
+{% embed include file="src/SUMMARY.md" %}