import io

p = "index.html"
s = open(p).read()

PHOTOS = {
    "blackWidow":"blackWidow.jpg","dampwood":"dampwood.jpg","subter":"subter.jpg",
    "carpAnt":"carpAnt.jpg","notchAnt":"notchAnt.jpg","mound":"mound.jpg",
    "buprestid":"buprestid.jpg","german":"german.jpg","oriental":"oriental.jpg",
    "american":"american.jpg","brownband":"brownband.jpg","drugstore":"drugstore.png",
    "sawtooth":"sawtooth.png","indianmeal":"indianmeal.jpg","carpetLarva":"carpetLarva.jpg",
    "clothesMoth":"clothesMoth.jpg","clusterFly":"clusterFly.jpg","mothFly":"mothFly.jpg",
    "hobo":"hobo.gif","mosquito":"mosquito.jpg","flea":"flea.jpg","tick":"tick.jpg",
    "bedbug":"bedbug.jpg","moleGopher":"moleGopher.jpg","bat":"bat.jpg",
}

WANOTES = {
    "blackWidow": "Washington's widow is the <em>western</em> black widow (<i>Latrodectus hesperus</i>) — most common east of the Cascades. The red hourglass is on the <strong>underside</strong> of the abdomen, never the top.",
    "dampwood": "The <strong>Pacific dampwood termite</strong> is the dominant termite <em>west of the Cascades</em>. It needs moist wood but <strong>no ground contact</strong> — soldiers are large with dark, rectangular heads. Look for it in wet framing and log piles.",
    "subter": "The <strong>western subterranean termite</strong> (<i>Reticulitermes hesperus</i>) is WA's main soil-touching termite. Winged swarms fly on warm, humid spring days — a swarm indoors is the classic WA alarm bell.",
    "carpAnt": "Carpenter ants are the <strong>#1 wood-destroying pest in Washington</strong>. The PNW species <i>Camponotus modoc</i> has a smooth, evenly-rounded thorax. Piles of coarse sawdust ('frass') under a sill plate are the tell.",
    "notchAnt": "Moisture ants (<i>Lasius</i>) are a <strong>Washington sign of decaying wood</strong> — their presence means water is already winning. The notched, uneven thorax (side view) separates them from carpenter ants.",
    "mound": "The <strong>western thatching ant</strong> (<i>Formica obscuripes</i>) builds the dome mounds of grass and twigs seen across WA clear-cuts and yards — they bite, don't sting.",
    "buprestid": "The <strong>golden buprestid</strong> (<i>Buprestis aurulenta</i>) is a PNW native — its larvae tunnel Douglas fir and can emerge from milled lumber years later.",
    "hobo": "The <strong>hobo spider</strong> (<i>Eratigena agrestis</i>) is a Pacific Northwest native and one of the most common house spiders in WA — the old 'hobo bite is necrotic' claim is <strong>disproven</strong>; it's medically harmless.",
    "tick": "The <strong>Rocky Mountain wood tick</strong> (<i>Dermacentor andersoni</i>) is the hard tick of Eastern WA rangeland — a vector of Rocky Mountain spotted fever.",
    "bat": "The <strong>little brown bat</strong> (<i>Myotis lucifugus</i>) is WA's most common bat — the usual species found roosting in attics and gable vents.",
    "moleGopher": "The <strong>Townsend's mole</strong> is the mole of Western WA lawns — raised surface tunnels, not the fan-shaped mounds of a gopher.",
    "mosquito": "WA's most bothersome mosquitoes are <i>Culex</i> and <i>Aedes</i> species breeding in standing water — <i>Culex pipiens</i> can vector West Nile in Eastern WA.",
    "bedbug": "Bed bugs are a growing WA urban issue — confirm with the <strong>cast skins and fecal spots</strong> at mattress seams, not just bites.",
}

INJECT = r'''
<script>
/* ==== REAL PHOTOS + WA FIELD NOTES (injected) ==== */
const PHOTOS={''' + ",".join(f'"{k}":"{v}"' for k,v in PHOTOS.items()) + r'''};
const WANOTES={''' + ",".join(f'"{k}":`{v}`' for k,v in WANOTES.items()) + r'''};
function plateImg(art){
  if(PHOTOS[art]){
    var img='<img class="pp" src="/images/'+PHOTOS[art]+'" alt="'+art+'" loading="lazy">';
    var wa=WANOTES[art]?'<aside class="wa-note"><strong>WA field note</strong> '+WANOTES[art]+'</aside>':'';
    return img+wa;
  }
  return ART[art]||'';
}
</script>
'''

CSS = r'''
<style>
.plate-art img.pp{width:100%;height:auto;border-radius:12px;border:1px solid var(--line,#2C3455);background:var(--surface-2,#1B2239);object-fit:contain}
.plate-art .wa-note,.key .result .wa-note{margin:12px 0 0;padding:10px 14px;border-left:3px solid var(--verdigris,#54BFA9);background:color-mix(in srgb,var(--verdigris,#54BFA9) 9%,transparent);border-radius:8px;font-size:.85rem;line-height:1.5;color:var(--text,#EDE7D6)}
.plate-art .wa-note strong,.key .result .wa-note strong{color:var(--verdigris,#54BFA9);display:block;margin-bottom:3px;font-family:"JetBrains Mono",monospace;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}
</style>
'''

# 1. swap the two render sites
old1 = '<figure class="plate-art">${ART[p.art]||\'\'}<figcaption>${p.cap||\'\'}</figcaption></figure>'
new1 = '<figure class="plate-art">${plateImg(p.art)}<figcaption>${p.cap||\'\'}</figcaption></figure>'
assert old1 in s, "render site 1 not found"
s = s.replace(old1, new1)

old2 = '<div class="result">${ART[r.art]||\'\'}<h3>${r.n}</h3></div>'
new2 = '<div class="result">${plateImg(r.art)}<h3>${r.n}</h3></div>'
assert old2 in s, "render site 2 not found"
s = s.replace(old2, new2)

# 2. inject the script (PHOTOS/WANOTES/plateImg) + CSS before the first </script> that has the render, or just append before a known anchor
# Inject right after the ART definition script block ends. Find a safe anchor: the first '</script>' after 'const ART={}'
# Simpler: append to EOF (global scope scripts execute in order; render happens on demand later)
s = s.rstrip() + '\n' + INJECT + '\n' + CSS + '\n'

open(p, 'w').write(s)
print(f"integrated {len(PHOTOS)} photos + {len(WANOTES)} WA notes; size {len(s)}")