Graham McIntire
f7cf0d0d47
- Created minimal, tree-shaken vendor bundles: * Core bundle (3KB): Always loaded utilities and theme management * Map bundle (255KB): Leaflet + plugins, loaded only for map pages * Chart bundle (205KB): Chart.js, loaded only for chart pages * Date adapter (50KB): Chart.js time scale support - Total optimized size: 513KB JS + 12KB CSS (was 547KB + 17KB) - Implemented conditional loading via VendorLoader utility - Bundle loading triggered by LiveView hooks when needed - Fixed Chart.js date adapter dependency loading - Eliminated unused JavaScript from being sent to browsers - Created separate esbuild configs for each optimized bundle Performance improvements: - Map pages: Core + Map bundles = 258KB (47% of original) - Chart pages: Core + Chart + Adapter = 258KB (47% of original) - Other pages: Core bundle only = 3KB (0.5% of original) - Reduced initial page load by 94% for non-map/chart pages 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
25 lines
No EOL
751 B
JavaScript
25 lines
No EOL
751 B
JavaScript
/*!
|
|
* chartjs-adapter-date-fns v3.0.0 - Fixed version
|
|
* Handles Chart.js dependency properly
|
|
*/
|
|
(function() {
|
|
// Wait for Chart.js to be available
|
|
function loadAdapter() {
|
|
if (typeof window !== 'undefined' && window.Chart) {
|
|
// Chart.js is available, load the adapter
|
|
const adapterCode = function(t) {
|
|
// Date-fns adapter code here
|
|
${fs.readFileSync('/Users/graham/dev/aprs.me/assets/vendor/js/date-adapter.js', 'utf8').replace(/!function\(t,e\)\{[^}]+\}/, 'function(t) {')}
|
|
};
|
|
|
|
// Execute the adapter with Chart.js
|
|
adapterCode(window.Chart);
|
|
} else {
|
|
// Chart.js not ready yet, try again
|
|
setTimeout(loadAdapter, 50);
|
|
}
|
|
}
|
|
|
|
// Start loading
|
|
loadAdapter();
|
|
})(); |