Shopping links previously hardcoded to US storefronts. Users in other regions got broken Amazon Fresh and Instacart links. Now locale is stored as a user setting and passed to GroceryLinkBuilder at request time. - locale_config.py: per-locale Amazon domain/dept config (already existed) - grocery_links.py: GroceryLinkBuilder accepts locale=; routes Instacart to .ca for Canada, uses amazon_domain per locale, Instacart/Walmart US/CA only - settings.py: adds 'shopping_locale' to allowed settings keys - shopping.py: reads locale from user's stored setting on all list/add/update paths - SettingsView.vue: Shopping Region selector (NA, Europe, APAC, LATAM) - stores/settings.ts: shoppingLocale reactive state, saves via settings API
76 lines
2 KiB
TypeScript
76 lines
2 KiB
TypeScript
/**
|
|
* Settings Store
|
|
*
|
|
* Manages user settings (cooking equipment, preferences) using Pinia.
|
|
*/
|
|
|
|
import { defineStore } from 'pinia'
|
|
import { ref } from 'vue'
|
|
import { settingsAPI } from '../services/api'
|
|
import type { UnitSystem } from '../utils/units'
|
|
|
|
export const useSettingsStore = defineStore('settings', () => {
|
|
// State
|
|
const cookingEquipment = ref<string[]>([])
|
|
const unitSystem = ref<UnitSystem>('metric')
|
|
const shoppingLocale = ref<string>('us')
|
|
const loading = ref(false)
|
|
const saved = ref(false)
|
|
|
|
// Actions
|
|
async function load() {
|
|
loading.value = true
|
|
try {
|
|
const [rawEquipment, rawUnits, rawLocale] = await Promise.allSettled([
|
|
settingsAPI.getSetting('cooking_equipment'),
|
|
settingsAPI.getSetting('unit_system'),
|
|
settingsAPI.getSetting('shopping_locale'),
|
|
])
|
|
if (rawEquipment.status === 'fulfilled' && rawEquipment.value) {
|
|
cookingEquipment.value = JSON.parse(rawEquipment.value)
|
|
}
|
|
if (rawUnits.status === 'fulfilled' && rawUnits.value) {
|
|
unitSystem.value = rawUnits.value as UnitSystem
|
|
}
|
|
if (rawLocale.status === 'fulfilled' && rawLocale.value) {
|
|
shoppingLocale.value = rawLocale.value
|
|
}
|
|
} catch (err: unknown) {
|
|
console.error('Failed to load settings:', err)
|
|
} finally {
|
|
loading.value = false
|
|
}
|
|
}
|
|
|
|
async function save() {
|
|
loading.value = true
|
|
try {
|
|
await Promise.all([
|
|
settingsAPI.setSetting('cooking_equipment', JSON.stringify(cookingEquipment.value)),
|
|
settingsAPI.setSetting('unit_system', unitSystem.value),
|
|
settingsAPI.setSetting('shopping_locale', shoppingLocale.value),
|
|
])
|
|
saved.value = true
|
|
setTimeout(() => {
|
|
saved.value = false
|
|
}, 2000)
|
|
} catch (err: unknown) {
|
|
console.error('Failed to save settings:', err)
|
|
} finally {
|
|
loading.value = false
|
|
}
|
|
}
|
|
|
|
return {
|
|
// State
|
|
cookingEquipment,
|
|
unitSystem,
|
|
shoppingLocale,
|
|
loading,
|
|
saved,
|
|
|
|
// Actions
|
|
load,
|
|
save,
|
|
}
|
|
})
|