fix: resetGrid visibility in puzzle store and hide camera switch on single-cam devices

This commit is contained in:
2026-02-13 06:14:51 +01:00
parent 29682c9a06
commit fa5fa12157
2 changed files with 11 additions and 2 deletions

View File

@@ -18,6 +18,7 @@ const imageLoaded = ref(false);
const processing = ref(false); const processing = ref(false);
const processingProgress = ref(0); const processingProgress = ref(0);
const isCameraOpen = ref(false); const isCameraOpen = ref(false);
const hasMultipleCameras = ref(false);
const stream = ref(null); const stream = ref(null);
const facingMode = ref('environment'); const facingMode = ref('environment');
@@ -319,6 +320,12 @@ const startCamera = async () => {
} }
}; };
stream.value = await navigator.mediaDevices.getUserMedia(constraints); stream.value = await navigator.mediaDevices.getUserMedia(constraints);
// Check available devices
const devices = await navigator.mediaDevices.enumerateDevices();
const videoDevices = devices.filter(device => device.kind === 'videoinput');
hasMultipleCameras.value = videoDevices.length > 1;
// Wait for next tick or ensure videoRef is available // Wait for next tick or ensure videoRef is available
setTimeout(() => { setTimeout(() => {
if (videoRef.value) { if (videoRef.value) {
@@ -401,7 +408,7 @@ onUnmounted(() => {
<button class="camera-btn capture" @click="capturePhoto"> <button class="camera-btn capture" @click="capturePhoto">
<div class="shutter"></div> <div class="shutter"></div>
</button> </button>
<button class="camera-btn secondary" @click="switchCamera"> <button v-if="hasMultipleCameras" class="camera-btn secondary" @click="switchCamera">
<RefreshCw :size="24" /> <RefreshCw :size="24" />
</button> </button>
</div> </div>

View File

@@ -118,13 +118,15 @@ export const usePuzzleStore = defineStore('puzzle', () => {
elapsedTime.value = 0; elapsedTime.value = 0;
startTimer(); startTimer();
saveState(); saveState();
}
function resetGrid() { function resetGrid() {
const rows = solution.value.length; const rows = solution.value.length;
const cols = solution.value[0].length; const cols = solution.value[0].length;
playerGrid.value = Array(rows).fill().map(() => Array(cols).fill(0)); playerGrid.value = Array(rows).fill().map(() => Array(cols).fill(0));
history.value = []; history.value = [];
moves.value = 0; moves.value = 0;
} currentTransaction.value = null; currentTransaction.value = null;
} }
function startInteraction() { function startInteraction() {