#!/usr/bin/env python3
"""
Update baby-monitors.html with correct content.
"""
import re
filepath = '/root/clawd/stroller-app/baby-monitors.html'
with open(filepath, 'r') as f:
html = f.read()
# 1. Update title and meta
html = html.replace(
'Baby Bottles — One-Time Purchase — True Baby Cost Calculator',
'Baby Monitor True Cost Calculator — Compare Video, Audio & Smart'
)
html = html.replace(
'',
''
)
html = html.replace(
'',
''
)
html = html.replace(
"data:image/svg+xml,",
"data:image/svg+xml,"
)
# 2. Update product page type
html = html.replace('window.productPageType = "bottles";', 'window.productPageType = "baby-monitors";')
# 3. Update hero section
html = re.sub(
r'🍶.*?
',
'📹 Baby Monitor True Cost Calculator
',
html
)
html = re.sub(
r'.*?
',
'Smart monitors, video monitors, audio monitors—they all add up. Some need subscriptions. Here\'s the real cost.
',
html,
flags=re.DOTALL
)
# 4. Update active nav link
html = html.replace(
'🍶 Bottles',
'🍶 Bottles'
)
html = html.replace(
'🤱 Pumps',
'🤱 Pumps\n 📹 Monitors'
)
# 5. Update calculator section
calculator_html = ''' 💰 Calculate Your Monitor Costs
One-time hardware plus any subscription fees
Hardware Cost
$150
One-time
Subscription Cost
$0
No subscription
Total Cost
$150
Over 2 years
'''
html = re.sub(
r'💰.*?\s*',
calculator_html,
html,
flags=re.DOTALL
)
# 6. Update data fetch
html = html.replace(
"const res = await fetch('data/bottles.json');",
"const res = await fetch('data/baby-monitors.json');"
)
# 7. Update filter types
filters_html = '''
'''
html = re.sub(
r'.*?',
filters_html,
html,
flags=re.DOTALL
)
# 8. Add calculator JavaScript
calc_js = '''
const monitorTypeEl = document.getElementById('monitor-type');
const subscriptionEl = document.getElementById('subscription');
const usageMonthsEl = document.getElementById('usage-months');
function calculateMonitor() {
const type = monitorTypeEl.value;
const subscription = parseInt(subscriptionEl.value);
const months = parseInt(usageMonthsEl.value);
// Hardware costs
const hardwareCosts = {
audio: 50,
video: 150,
smart: 350
};
const hardware = hardwareCosts[type];
const subTotal = subscription * months;
const total = hardware + subTotal;
document.getElementById('hardware-cost').textContent = '$' + hardware;
document.getElementById('subscription-cost').textContent = '$' + subTotal;
document.getElementById('total-cost').textContent = '$' + total;
const subDetail = subscription === 0 ? 'No subscription' : `$${subscription}/mo × ${months} months`;
document.getElementById('subscription-detail').textContent = subDetail;
document.getElementById('total-detail').textContent = `Over ${Math.floor(months/12)} year${months >= 24 ? 's' : ''}`;
}
monitorTypeEl.addEventListener('change', calculateMonitor);
subscriptionEl.addEventListener('change', calculateMonitor);
usageMonthsEl.addEventListener('change', calculateMonitor);
calculateMonitor();
'''
html = html.replace(
' init();',
calc_js + '\n init();'
)
with open(filepath, 'w') as f:
f.write(html)
print('✅ Updated baby-monitors.html!')