refactor(dnd): items path

Author: fezcode

public/stories/README.md

@@ -13,7 +13,7 @@ public/stories/
 ├── characters.piml
 ├── places.piml
 ├── MarkdownExample.md
-├── _items_/
+├── meta-items/
 │   ├── items.piml
 │   ├── [item-image].png
 │   └── ...
@@ -27,7 +27,7 @@ public/stories/
 *   `books.piml`: This PIML file serves as the main index for all story books and their respective episodes.
 *   `characters.piml`: This PIML file contains the definitions for all characters (Dramatis Personae).
 *   `places.piml`: This PIML file contains the definitions for all places and locations (The Atlas).
-*   `_items_/`: Contains item definitions and their respective images.
+*   `meta-items/`: Contains item definitions and their respective images.
     *   `items.piml`: Definitions for artifacts and tools (The Armory).
 *   `[book-directory-name]/`: Each book's individual episode content files are stored in their own dedicated subdirectories.
 *   `episodeX.txt`: These are plain text files containing the actual narrative content for each episode.
@@ -136,7 +136,7 @@ The `books.piml` file is a PIML document that, when parsed, results in an object
 *   `description` (String): Description of the atmosphere.
 *   `status` (String): Current status (e.g., Active, Destroyed).
 
-## Item Structure (_items_/items.piml)
+## Item Structure (meta-items/items.piml)
 
 ```piml
 (items)
@@ -146,7 +146,7 @@ The `books.piml` file is a PIML document that, when parsed, results in an object
     (book) The Tales of Doctor Blade
     (description) A pearlescent grey mist...
     (owner) Doctor Blade
-    (image) /stories/_items_/alilberry_extract.png
+    (image) /stories/meta-items/alilberry_extract.png
 ```
 
 ### Item Object Properties:
@@ -156,4 +156,4 @@ The `books.piml` file is a PIML document that, when parsed, results in an object
 *   `book` (String): The book where it first appears.
 *   `description` (String): Detailed description of the item.
 *   `owner` (String): The character or entity that owns the item.
-*   `image` (String, Optional): Relative path to the item's image file.
+*   `image` (String, Optional): Relative path to the item's image file.

…ic/stories/_items_/alilberry_extract.png …stories/meta-items/alilberry_extract.pngpublic/stories/_items_/alilberry_extract.png renamed to public/stories/meta-items/alilberry_extract.png public/stories/_items_/alilberry_extract.png renamed to public/stories/meta-items/alilberry_extract.png

@@ -5,47 +5,47 @@
     (book) The Tales of Doctor Blade
     (description) A pearlescent grey mist derived from a rare herb, processed through dwarven glass and sung over by a mute bard. One drop cures; two drops kill.
     (owner) Doctor Blade
-    (image) /stories/_items_/alilberry_extract.png
+    (image) /stories/meta-items/alilberry_extract.png
 
   > (item)
     (name) Soul of Viyu
     (type) Artifact
     (book) The Broken Path
     (description) A fragment of an ancient soul, pulsating with a faint, rhythmic light. It whispers to those who hold it, promising power at a terrible cost.
     (owner) Unknown
-    (image) /stories/_items_/soul_of_viyu.png
+    (image) /stories/meta-items/soul_of_viyu.png
 
   > (item)
     (name) Dark Green Beret
     (type) Military Apparel
     (book) The Sins of Glareach
     (description) A wool beret with twenty-two silver stars stitched into the side by Lenia. It is the only thing Lorhud Krauper has left from his daughter, and he never takes it off.
     (owner) Lorhud Krauper
-    (image) /stories/_items_/beret_of_lorhud_krauper.png
+    (image) /stories/meta-items/beret_of_lorhud_krauper.png
 
   > (item)
     (name) Chronometer of Ash
     (type) Tool / Artifact
     (book) The Chronomancer's Dust
     (description) A brass sphere powered by the ash of Glareach. It allows the user to relive exactly one hour of their past. The glass is unbreakable, ensuring the user can only observe, never intervene.
     (owner) Klaude Barral
-    (image) /stories/_items_/the_chronometer.png
+    (image) /stories/meta-items/the_chronometer.png
 
   > (item)
     (name) Valeth's Notebook
     (type) Journal
     (book) The Diplomat's Journal
     (description) A navy blue notebook with a single silver star on the cover. It contains the observations of a diplomat who sees too much, documenting the rot at the heart of Thornus. Recently stolen by Nex Orlong outside the Kosnak Estate.
     (owner) Nex Orlong (Current Holder) / Valeth Vanceshire (Original Owner)
-    (image) /stories/_items_/valeth_notebook.png
+    (image) /stories/meta-items/valeth_notebook.png
 
   > (item)
     (name) Touch of Rose
     (type) Disease / Mark
     (book) The Petals of Predymesh
     (description) A devastating affliction that manifests as a crimson rose-leaf mark on the forehead. It slowly drains the victim's motor functions and speech, eventually leaving them in a vegetative state. Its only known cure is a rare drop of Alilberry.
     (owner) Pellera Orlong (Afflicted)
-    (image) /stories/_items_/touch_of_rose.png
+    (image) /stories/meta-items/touch_of_rose.png
 
   > (item)
     (name) Government Medal for Science

…ries/_items_/beret_of_lorhud_krauper.png …s/meta-items/beret_of_lorhud_krauper.pngpublic/stories/_items_/beret_of_lorhud_krauper.png renamed to public/stories/meta-items/beret_of_lorhud_krauper.png public/stories/_items_/beret_of_lorhud_krauper.png renamed to public/stories/meta-items/beret_of_lorhud_krauper.png

@@ -166,7 +166,7 @@ const AnimatedRoutes = ({
   const location = useLocation();
 
   return (
-    <AnimatePresence>
+    <AnimatePresence mode="wait">
       <Routes location={location} key={location.pathname}>
         <Route
           path="/"

public/stories/_items_/items.piml public/stories/meta-items/items.pimlpublic/stories/_items_/items.piml renamed to public/stories/meta-items/items.piml

@@ -30,7 +30,7 @@ function DndItemsPage() {
   useEffect(() => {
     const fetchData = async () => {
       try {
-        const response = await fetch(`${process.env.PUBLIC_URL}/stories/_items_/items.piml`);
+        const response = await fetch(`${process.env.PUBLIC_URL}/stories/meta-items/items.piml`);
 
         if (response.ok) {
           const text = await response.text();