Fix static file URL generation to use relative path (#167)

* Fix static file URL generation to use relative path from template directory

* Update CHANGELOG.md with new fixed entry

Author: joshuadavidthomas

CHANGELOG.md

@@ -18,6 +18,9 @@ and this project attempts to adhere to [Semantic Versioning](https://semver.org/
 
 ## [Unreleased]
 
+### Fixed
+- Fixed static file URL generation to use correct relative paths when serving component assets through Django's static file storage system.
+
 ## [0.13.1]
 
 ### Changed

src/django_bird/staticfiles.py

@@ -104,7 +104,8 @@ def template_dir(self):
     def url(self) -> str:
         static_path = finders.find(str(self.relative_path))
         if static_path is not None:
-            return self.storage.url(static_path)
+            static_relative_path = Path(static_path).relative_to(self.template_dir)
+            return self.storage.url(str(static_relative_path))
         return reverse(
             "django_bird:asset",
             kwargs={

tests/test_staticfiles.py

@@ -155,7 +155,9 @@ def test_url_with_staticfiles_finder(self, templates_dir):
         component = Component.from_name(button.name)
         asset = component.get_asset(button_css.file.name)
 
-        assert asset.url == f"/static{button_css.file.parent}/{button_css.file.name}"
+        assert (
+            asset.url == f"/static/{button_css.file.parent.name}/{button_css.file.name}"
+        )
 
     def test_url_with_reverse_fallback(self, templates_dir):
         button = TestComponent(