Skip to content

relaystep: Phase1 keyboard shortcuts for tabs #63

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
mpalmerlee wants to merge 1 commit into
base: master
Choose a base branch
from
Open

relaystep: Phase1 keyboard shortcuts for tabs #63

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
43 changes: 24 additions & 19 deletions apps/astriarch-frontend/src/routes/+page.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,7 @@
import { currentView, navigationActions } from '$lib/stores/navigationStore';
import { audioActions, currentAudioPhase } from '$lib/stores/audioStore';
import { layoutMode } from '$lib/stores/layoutStore';
import type { ShortcutCallback } from '$lib/services/keyboardShortcuts';

import { TopOverview, NavigationController, Button, Text } from '$lib/components/astriarch';
import NotificationItem from '$lib/components/astriarch/notification/NotificationItem.svelte';
Expand Down Expand Up @@ -63,11 +64,11 @@
});

let navigationItems = [
{ label: 'Planets', onclick: () => navigationActions.setView('planets') },
{ label: 'Fleets', onclick: () => navigationActions.setView('fleet') },
{ label: 'Research', onclick: () => navigationActions.setView('research') },
{ label: 'Trading', onclick: () => navigationActions.setView('trading') },
{ label: 'Activity', onclick: () => navigationActions.setView('activity') }
{ label: 'Planets', onclick: () => navigationActions.setView('planets'), hotkey: 'q' },
{ label: 'Fleets', onclick: () => navigationActions.setView('fleet'), hotkey: 'f' },
{ label: 'Research', onclick: () => navigationActions.setView('research'), hotkey: 'g' },
{ label: 'Trading', onclick: () => navigationActions.setView('trading'), hotkey: 'h' },
{ label: 'Activity', onclick: () => navigationActions.setView('activity'), hotkey: 'j' }
];

function handleShowLobby() {
Expand Down Expand Up @@ -127,20 +128,24 @@

onMount(() => {
console.log('Astriarch game component mounted');

// Debug: Add a test notification to see if the system works
multiplayerGameStore.addNotification({
type: 'info',
message: 'Welcome to Astriarch! Event system is active.',
timestamp: Date.now()
});

// Debug: Log notifications store changes
const unsubscribe = notifications.subscribe((notifs) => {
console.log('Notifications updated:', notifs);
});

return () => unsubscribe();
if (browser) {
// Enable audio system to respond to user interactions
enableAudioOnFirstInteraction();

// Initialize global keyboard shortcut service
keyboardShortcutService.initialize();

// Register navigation hotkeys
navigationItems.forEach((item) => {
if (item.hotkey) {
keyboardShortcutService.registerShortcut(
item.hotkey,
item.onclick as ShortcutCallback,
'navigation'
);
}
});
}
});

// Keep multiplayerState reactive by subscribing to the store
Expand Down
Loading