mirror of
https://github.com/Freika/dawarich.git
synced 2026-01-09 08:47:11 -05:00
* fix: move foreman to global gems to fix startup crash (#1971) * Update exporting code to stream points data to file in batches to red… (#1980) * Update exporting code to stream points data to file in batches to reduce memory usage * Update changelog * Update changelog * Feature/maplibre frontend (#1953) * Add a plan to use MapLibre GL JS for the frontend map rendering, replacing Leaflet * Implement phase 1 * Phases 1-3 + part of 4 * Fix e2e tests * Phase 6 * Implement fog of war * Phase 7 * Next step: fix specs, phase 7 done * Use our own map tiles * Extract v2 map logic to separate manager classes * Update settings panel on v2 map * Update v2 e2e tests structure * Reimplement location search in maps v2 * Update speed routes * Implement visits and places creation in v2 * Fix last failing test * Implement visits merging * Fix a routes e2e test and simplify the routes layer styling. * Extract js to modules from maps_v2_controller.js * Implement area creation * Fix spec problem * Fix some e2e tests * Implement live mode in v2 map * Update icons and panel * Extract some styles * Remove unused file * Start adding dark theme to popups on MapLibre maps * Make popups respect dark theme * Move v2 maps to maplibre namespace * Update v2 references to maplibre * Put place, area and visit info into side panel * Update API to use safe settings config method * Fix specs * Fix method name to config in SafeSettings and update usages accordingly * Add missing public files * Add handling for real time points * Fix remembering enabled/disabled layers of the v2 map * Fix lots of e2e tests * Add settings to select map version * Use maps/v2 as main path for MapLibre maps * Update routing * Update live mode * Update maplibre controller * Update changelog * Remove some console.log statements --------- Co-authored-by: Robin Tuszik <mail@robin.gg>
118 lines
3.5 KiB
JavaScript
118 lines
3.5 KiB
JavaScript
import consumer from '../../channels/consumer'
|
|
|
|
/**
|
|
* Create map channel subscription for maps_maplibre
|
|
* Wraps the existing FamilyLocationsChannel and other channels for real-time updates
|
|
* @param {Object} options - { received, connected, disconnected, enableLiveMode }
|
|
* @returns {Object} Subscriptions object with multiple channels
|
|
*/
|
|
export function createMapChannel(options = {}) {
|
|
const { enableLiveMode = false, ...callbacks } = options
|
|
const subscriptions = {
|
|
family: null,
|
|
points: null,
|
|
notifications: null
|
|
}
|
|
|
|
console.log('[MapChannel] Creating channels with enableLiveMode:', enableLiveMode)
|
|
|
|
// Defensive check - consumer might not be available
|
|
if (!consumer) {
|
|
console.warn('[MapChannel] ActionCable consumer not available')
|
|
return {
|
|
subscriptions,
|
|
unsubscribeAll() {}
|
|
}
|
|
}
|
|
|
|
// Subscribe to family locations if family feature is enabled
|
|
try {
|
|
const familyFeaturesElement = document.querySelector('[data-family-members-features-value]')
|
|
const features = familyFeaturesElement ? JSON.parse(familyFeaturesElement.dataset.familyMembersFeaturesValue) : {}
|
|
|
|
if (features.family) {
|
|
subscriptions.family = consumer.subscriptions.create('FamilyLocationsChannel', {
|
|
connected() {
|
|
console.log('FamilyLocationsChannel connected')
|
|
callbacks.connected?.('family')
|
|
},
|
|
|
|
disconnected() {
|
|
console.log('FamilyLocationsChannel disconnected')
|
|
callbacks.disconnected?.('family')
|
|
},
|
|
|
|
received(data) {
|
|
console.log('FamilyLocationsChannel received:', data)
|
|
callbacks.received?.({
|
|
type: 'family_location',
|
|
member: data
|
|
})
|
|
}
|
|
})
|
|
}
|
|
} catch (error) {
|
|
console.warn('[MapChannel] Failed to subscribe to family channel:', error)
|
|
}
|
|
|
|
// Subscribe to points channel for real-time point updates (only if live mode is enabled)
|
|
if (enableLiveMode) {
|
|
try {
|
|
subscriptions.points = consumer.subscriptions.create('PointsChannel', {
|
|
connected() {
|
|
console.log('PointsChannel connected')
|
|
callbacks.connected?.('points')
|
|
},
|
|
|
|
disconnected() {
|
|
console.log('PointsChannel disconnected')
|
|
callbacks.disconnected?.('points')
|
|
},
|
|
|
|
received(data) {
|
|
console.log('PointsChannel received:', data)
|
|
callbacks.received?.({
|
|
type: 'new_point',
|
|
point: data
|
|
})
|
|
}
|
|
})
|
|
} catch (error) {
|
|
console.warn('[MapChannel] Failed to subscribe to points channel:', error)
|
|
}
|
|
} else {
|
|
console.log('[MapChannel] Live mode disabled, not subscribing to PointsChannel')
|
|
}
|
|
|
|
// Subscribe to notifications channel
|
|
try {
|
|
subscriptions.notifications = consumer.subscriptions.create('NotificationsChannel', {
|
|
connected() {
|
|
console.log('NotificationsChannel connected')
|
|
callbacks.connected?.('notifications')
|
|
},
|
|
|
|
disconnected() {
|
|
console.log('NotificationsChannel disconnected')
|
|
callbacks.disconnected?.('notifications')
|
|
},
|
|
|
|
received(data) {
|
|
console.log('NotificationsChannel received:', data)
|
|
callbacks.received?.({
|
|
type: 'notification',
|
|
notification: data
|
|
})
|
|
}
|
|
})
|
|
} catch (error) {
|
|
console.warn('[MapChannel] Failed to subscribe to notifications channel:', error)
|
|
}
|
|
|
|
return {
|
|
subscriptions,
|
|
unsubscribeAll() {
|
|
Object.values(subscriptions).forEach(sub => sub?.unsubscribe())
|
|
}
|
|
}
|
|
}
|