Release 4.0.0-rc4: Updated dependencies and refined mobile image fix

- Updated 8 npm packages to latest versions including TypeScript, Astro, and linting tools
- Refined mobile image loading solution by removing JavaScript runtime fix in favor of HTML-level path generation
- All images now use relative paths generated at build time for optimal compatibility

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Aigars Silkalns
2025-07-10 12:11:37 +03:00
parent a9e3a52379
commit 01aefe5ac0
82 changed files with 1195 additions and 1521 deletions

View File

@@ -65,7 +65,7 @@
<div class="lockscreen-name">John Doe</div>
<div class="lockscreen-item">
<div class="lockscreen-image">
<img src="/assets/img/user1-128x128.jpg" alt="User Image" />
<img src="../assets/img/user1-128x128.jpg" alt="User Image" />
</div>
<form class="lockscreen-credentials">
<div class="input-group">
@@ -133,31 +133,7 @@
}
});
</script>
<!--end::OverlayScrollbars Configure--><!-- Image path runtime fix -->
<script>
document.addEventListener('DOMContentLoaded', () => {
// Find the link tag for the main AdminLTE CSS file.
const cssLink = document.querySelector('link[href*="css/adminlte.css"]');
if (!cssLink) {
return; // Exit if the link isn't found
}
// Extract the base path from the CSS href.
// e.g., from "../css/adminlte.css", we get "../"
// e.g., from "./css/adminlte.css", we get "./"
const cssHref = cssLink.getAttribute('href');
const deploymentPath = cssHref.slice(0, cssHref.indexOf('css/adminlte.css'));
// Find all images with absolute paths and fix them.
document.querySelectorAll('img[src^="/assets/"]').forEach((img) => {
const originalSrc = img.getAttribute('src');
if (originalSrc) {
const relativeSrc = originalSrc.slice(1); // Remove leading '/'
img.src = deploymentPath + relativeSrc;
}
});
});
</script>
<!--end::OverlayScrollbars Configure-->
</body>
<!--end::Body-->
</html>