feat(prezentacja): wspolne dane formularza miedzy zakladkami + imie i nazwisko (PRE-21)

Trzecia wskazowka partnerow. Kazda zakladke (Horoskop / Interpretacje / Kalendarz) wypelnialo sie od nowa — te same imie, data, godzina, strefa i miejsce. Teraz raz wpisane dane wedruja za uzytkownikiem, a zmiana w jednej zakladce przenosi sie na pozostale. Nowy formsync.js trzyma stan w localStorage. Dlaczego nie sesja na serwerze: serwer zostaje BEZSTANOWY — zadnego magazynu sesji, zadnych danych urodzeniowych trzymanych po stronie uslugi (spojne z postawa z LOG-32/PRE-16). Przy okazji dane synchronizuja sie tez miedzy osobnymi kartami przegladarki, bo zdarzenie `storage` daje to za darmo. Dolozone pole „imie i nazwisko" (wszystkie trzy zakladki) — potrzebne do naglowka raportu PDF (PRE-24). Handlery przyjmuja je i oddaja, wiec nie znika po przeliczeniu. Dwie rzeczy, ktore trzeba bylo domknac, zeby to dzialalo naprawde: 1. KOLEJNOSC SKRYPTOW. formsync.js ladowany w <head> z `defer` — skrypty defer wykonuja sie w kolejnosci dokumentu, wiec ten zdazy odtworzyc wspolrzedne, ZANIM geo.js zbuduje mape. Mapa startuje od razu we wlasciwym miejscu, zamiast przeskakiwac po chwili. 2. geo.js ustawia pola z KODU (`.value = ...`), co samo z siebie NIE wywoluje zdarzen — bez tego synchronizacja przegapilaby kazdy wybor z mapy, z wyszukiwarki i z „Tu i teraz". Dolozony setVal(), ktory jawnie zglasza `change`. Zakladka bez danego pola (np. Sygnifikatory) nie kasuje wartosci zapamietanej gdzie indziej; uszkodzony wpis w localStorage nie blokuje formularza. Q-14 rozstrzygniete: lancuch LaTeX->PDF stanie jako OSOBNA USLUGA render — spojne z izolacja swisseph (LOG-27), obraz produktu zostaje maly. Weryfikacja na zywym stacku (data+logika+prezentacja) w przegladarce: dane wpisane w Horoskopie pojawily sie w Interpretacjach; zmiana godziny w Interpretacjach dotarla do Kalendarza; pola nieobecne na zakladce (zodiak, system domow) przetrwaly; po POST imie zostalo, a horoskop policzyl sie normalnie. Testy: 22 nowe strukturalne. Calosc: prezentacja 67 passed. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-07-24 17:10:09 +02:00
parent 5c82e8bd9f
commit f34016a4a5
10 changed files with 237 additions and 9 deletions
@@ -71,6 +71,7 @@ def chart_form(request: Request):
@app.post("/", response_class=HTMLResponse)
 def chart_compute(
    request: Request,
    person: str = Form(""),          # imie i nazwisko — do naglowka raportu (PRE-21/24)
    date: str = Form(...),
    time: str = Form(...),
    tz_offset: float = Form(0.0),
@@ -81,7 +82,7 @@ def chart_compute(
    zodiac: str = Form("tropical"),
    tables: bool = Form(False),
 ):
-    form = {"date": date, "time": time, "tz_offset": tz_offset,
+    form = {"person": person, "date": date, "time": time, "tz_offset": tz_offset,
            "lat": lat, "lon": lon, "house_system": house_system, "stations": stations,
            "zodiac": zodiac, "tables": tables}
    ctx: dict = {"form": form, "result": None, "error": None, "moment": None}
@@ -137,6 +138,7 @@ def interpret_form(request: Request):
@app.post("/interpret", response_class=HTMLResponse)
 def interpret_run(
    request: Request,
    person: str = Form(""),          # imie i nazwisko — do naglowka raportu (PRE-21/24)
    date: str = Form(...),
    time: str = Form(...),
    tz_offset: float = Form(0.0),
@@ -148,7 +150,7 @@ def interpret_run(
    llm_provider: str = Form("local"),
    llm_model: str = Form(""),
 ):
-    form = {"date": date, "time": time, "tz_offset": tz_offset,
+    form = {"person": person, "date": date, "time": time, "tz_offset": tz_offset,
            "lat": lat, "lon": lon, "group": group, "prompt_budget": prompt_budget,
            "llm_provider": llm_provider, "llm_model": llm_model}
    ctx: dict = {"form": form, "result": None, "error": None, "moment": None,
@@ -188,6 +190,7 @@ def timeline_form(request: Request):
@app.post("/timeline", response_class=HTMLResponse)
 def timeline_run(
    request: Request,
    person: str = Form(""),          # imie i nazwisko — do naglowka raportu (PRE-21/24)
    date: str = Form(...),
    time: str = Form(...),
    tz_offset: float = Form(0.0),
@@ -200,7 +203,7 @@ def timeline_run(
    llm_provider: str = Form("local"),
    llm_model: str = Form(""),
 ):
-    form = {"date": date, "time": time, "tz_offset": tz_offset, "lat": lat, "lon": lon,
+    form = {"person": person, "date": date, "time": time, "tz_offset": tz_offset, "lat": lat, "lon": lon,
            "from_date": from_date, "to_date": to_date, "prompt_budget": prompt_budget,
            "llm_provider": llm_provider, "llm_model": llm_model}
    ctx: dict = {"form": form, "result": None, "error": None, "moment": None,
@@ -0,0 +1,98 @@
 // Wspólne dane formularza między zakładkami (PRE-21).
 //
 // Problem: każdą zakładkę (Horoskop / Interpretacje / Kalendarz) wypełniało się
 // od nowa — te same imię, data, godzina, strefa i miejsce. Teraz raz wpisane
 // dane wędrują za użytkownikiem.
 //
 // Dlaczego localStorage, a nie sesja na serwerze: serwer zostaje BEZSTANOWY
 // (żadnego magazynu sesji, żadnych danych urodzeniowych trzymanych po stronie
 // usługi), a przy okazji dane synchronizują się też między osobnymi kartami
 // przeglądarki — zdarzenie `storage` daje to za darmo.
 //
 // UWAGA na kolejność: ten skrypt ładujemy w <head> z `defer`, więc wykonuje się
 // PO sparsowaniu dokumentu, ale PRZED geo.js (skrypty defer idą w kolejności
 // dokumentu). Dzięki temu mapa startuje już z odtworzonymi współrzędnymi i nie
 // trzeba jej potem przestawiać.
 (function () {
  'use strict';
  var KEY = 'astrololo.form.v1';
  // Pola wspólne dla zakładek. Nazwa pola formularza -> jak je znaleźć.
  // `geoSearch` (nazwa miejsca) nie ma atrybutu name — szukamy po id.
  var FIELDS = [
    { key: 'person',       sel: 'input[name=person]' },
    { key: 'date',         sel: 'input[name=date]' },
    { key: 'time',         sel: 'input[name=time]' },
    { key: 'tz_offset',    sel: 'input[name=tz_offset]' },
    { key: 'lat',          sel: 'input[name=lat]' },
    { key: 'lon',          sel: 'input[name=lon]' },
    { key: 'house_system', sel: 'select[name=house_system]' },
    { key: 'zodiac',       sel: 'select[name=zodiac]' },
    { key: 'place',        sel: '#geoSearch' }
  ];
  function load() {
    try {
      return JSON.parse(localStorage.getItem(KEY) || '{}') || {};
    } catch (e) {
      return {};                       // uszkodzony wpis nie może zablokować strony
    }
  }
  function save(state) {
    try {
      localStorage.setItem(KEY, JSON.stringify(state));
    } catch (e) {
      /* tryb prywatny albo brak miejsca — trudno, formularz ma działać dalej */
    }
  }
  function apply(state) {
    FIELDS.forEach(function (f) {
      var el = document.querySelector(f.sel);
      if (!el) return;
      var v = state[f.key];
      if (v === undefined || v === null || v === '') return;
      if (el.value !== v) el.value = v;
    });
  }
  function collect() {
    var state = load();
    FIELDS.forEach(function (f) {
      var el = document.querySelector(f.sel);
      if (!el) return;                 // pola nieobecnego na tej zakładce nie kasujemy
      if (el.value === '' || el.value === null) return;
      state[f.key] = el.value;
    });
    return state;
  }
  // 1) odtwórz to, co użytkownik wpisał gdzie indziej
  apply(load());
  // 2) zapisuj każdą zmianę (input dla wpisywania, change dla list i kalendarzy)
  FIELDS.forEach(function (f) {
    var el = document.querySelector(f.sel);
    if (!el) return;
    ['input', 'change'].forEach(function (ev) {
      el.addEventListener(ev, function () { save(collect()); });
    });
  });
  // 3) zapisz stan po wysłaniu formularza — po przeładowaniu strony pola mają
  //    pokazywać to, co faktycznie policzyliśmy
  document.addEventListener('submit', function () { save(collect()); }, true);
  // 4) druga otwarta karta zmieniła dane -> dociągnij je tutaj na żywo
  window.addEventListener('storage', function (e) {
    if (e.key === KEY) apply(load());
  });
  // 5) geo.js ustawia lat/lon z mapy poza polami formularza — po takiej zmianie
  //    też chcemy zapamiętać (zdarzenie leci z „Tu i teraz" oraz z mapy)
  document.addEventListener('astrololo:coords', function () {
    setTimeout(function () { save(collect()); }, 0);
  });
 })();
@@ -38,9 +38,18 @@
    // Kontener mógł być renderowany zanim ustaliła się jego szerokość — poprawka.
    setTimeout(function () { map.invalidateSize(); }, 60);
    // Ustawienie `.value` z kodu NIE wywołuje zdarzeń, więc synchronizacja
    // między zakładkami (formsync.js) przegapiłaby zmiany z mapy. Zgłaszamy je
    // jawnie przez `change`.
    function setVal(el, value) {
      if (!el) return;
      el.value = value;
      el.dispatchEvent(new Event('change', { bubbles: true }));
    }
    function setCoords(lat, lon, fromMap) {
-      latEl.value = lat.toFixed(4);
+      setVal(latEl, lat.toFixed(4));
-      lonEl.value = lon.toFixed(4);
+      setVal(lonEl, lon.toFixed(4));
      marker.setLatLng([lat, lon]);
      if (!fromMap) map.setView([lat, lon], Math.max(map.getZoom(), 12));
      if (fromMap) reverseName(lat, lon);
@@ -51,10 +60,10 @@
      // po prostu nieprawdziwa — pokazywałaby inne miejsce niż współrzędne obok.
      // Dotyczy też sytuacji, gdy /reverse nie odpowie (brak sieci): lepiej puste
      // pole i poprawne współrzędne niż nazwa, która kłamie.
-      if (searchEl) searchEl.value = '';
+      if (searchEl) setVal(searchEl, '');
      fetch('/reverse?lat=' + lat + '&lon=' + lon)
        .then(function (r) { return r.ok ? r.json() : null; })
-        .then(function (d) { if (d && d.name && searchEl) searchEl.value = d.name; })
+        .then(function (d) { if (d && d.name && searchEl) setVal(searchEl, d.name); })
        .catch(function () {});
    }
@@ -73,7 +82,7 @@
        li.textContent = it.name;
        li.addEventListener('click', function () {
          setCoords(it.lat, it.lon, false);
-          searchEl.value = it.name;
+          setVal(searchEl, it.name);
          resultsEl.hidden = true;
        });
        resultsEl.appendChild(li);
@@ -5,6 +5,11 @@
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>astrololo · {% block title %}{% endblock %}</title>
  <link rel="stylesheet" href="/static/styles.css">
  {# Wspólne dane formularza między zakładkami (PRE-21). W <head> z `defer`
     CELOWO: skrypty defer wykonują się w kolejności dokumentu, więc ten zdąży
     odtworzyć współrzędne, ZANIM geo.js zbuduje mapę — mapa startuje od razu
     we właściwym miejscu, bez przestawiania. #}
  <script defer src="/static/formsync.js"></script>
 </head>
 <body>
  <main>
@@ -6,6 +6,12 @@
 <p class="sub">Wpisz dane momentu i miejsca — program policzy pozycje obiektów, osie i domy (silnik efemeryd warstwy logicznej).</p>
 <form method="post" action="/">
  <div class="grid">
    <label title="Trafia do nagłówka raportu PDF (PRE-24). Nie jest nigdzie wysyłane poza aplikację ani zapisywane na serwerze.">Imię i nazwisko
      <input type="text" name="person" autocomplete="name" placeholder="np. Jan Kowalski"
             value="{{ form.person or '' }}">
    </label>
  </div>
  <div class="grid">
    <label>Data
      <input type="date" name="date" value="{{ form.date or '' }}" required>
@@ -6,6 +6,12 @@
 <p class="sub">Program policzy horoskop i wyszuka w bazie interpretacje pasujące do obliczeń (pierwsza wersja: planeta w swoim znaku).</p>
 <form method="post" action="/interpret">
  <div class="grid">
    <label title="Trafia do nagłówka raportu PDF (PRE-24). Nie jest nigdzie wysyłane poza aplikację ani zapisywane na serwerze.">Imię i nazwisko
      <input type="text" name="person" autocomplete="name" placeholder="np. Jan Kowalski"
             value="{{ form.person or '' }}">
    </label>
  </div>
  <div class="grid">
    <label>Data
      <input type="date" name="date" value="{{ form.date or '' }}" required>
@@ -6,6 +6,12 @@
 <p class="sub">Zbiorcza oś czasu technik predykcyjnych (profekcje, solariusze, dyrekcje solar-arc) z interpretacjami z bazy dla dat.</p>
 <form method="post" action="/timeline">
  <div class="grid">
    <label title="Trafia do nagłówka raportu PDF (PRE-24). Nie jest nigdzie wysyłane poza aplikację ani zapisywane na serwerze.">Imię i nazwisko
      <input type="text" name="person" autocomplete="name" placeholder="np. Jan Kowalski"
             value="{{ form.person or '' }}">
    </label>
  </div>
  <div class="grid">
    <label>Data urodzenia
      <input type="date" name="date" value="{{ form.date or '' }}" required>
@@ -0,0 +1,93 @@
 """Wspólne dane formularza między zakładkami + pole imienia (PRE-21).
 Znów test strukturalny na źródle: synchronizacja żyje w JS, a jej awaria jest
 CICHA — formularz po prostu przestaje pamiętać dane i użytkownik wpisuje je od
 nowa. Pilnujemy więc reguł, które łatwo zgubić przy kolejnych zmianach.
 """
 import pathlib
 import pytest
 APP = pathlib.Path(__file__).resolve().parents[1] / "app"
 TEMPLATES = APP / "templates"
 SYNC_JS = (APP / "static" / "formsync.js").read_text(encoding="utf-8")
 GEO_JS = (APP / "static" / "geo.js").read_text(encoding="utf-8")
 BASE_HTML = (TEMPLATES / "base.html").read_text(encoding="utf-8")
 MAIN_PY = (APP / "main.py").read_text(encoding="utf-8")
 WITH_FORM = ("chart.html", "interpret.html", "timeline.html")
 # Pola, które mają wędrować między zakładkami. Gdy dojdzie nowe wspólne pole,
 # ten wykaz ma się nie rozjechać z formsync.js.
 SHARED = ("person", "date", "time", "tz_offset", "lat", "lon",
          "house_system", "zodiac", "place")
 # ─────────────────────────────── pole imienia ────────────────────────────
@pytest.mark.parametrize("name", WITH_FORM)
 def test_person_field_present_on_every_form(name):
    """Imię i nazwisko trafia do nagłówka raportu PDF (PRE-24) — musi dać się
    je wpisać z każdej zakładki, bo dane są wspólne."""
    html = (TEMPLATES / name).read_text(encoding="utf-8")
    assert 'name="person"' in html, f"{name}: brak pola imienia"
@pytest.mark.parametrize("name", WITH_FORM)
 def test_person_value_survives_submit(name):
    """Po wysłaniu formularza pole ma pokazywać to, co wpisano — inaczej znikałoby
    przy każdym przeliczeniu."""
    html = (TEMPLATES / name).read_text(encoding="utf-8")
    assert "form.person" in html, f"{name}: wartość imienia nie wraca po POST"
 def test_handlers_accept_and_echo_person():
    """Trzy handlery renderujące formularz przyjmują `person` i wkładają go
    z powrotem do `form`."""
    assert MAIN_PY.count("person: str = Form") == 3
    assert MAIN_PY.count('"person": person') == 3
 # ─────────────────────── synchronizacja między zakładkami ────────────────
@pytest.mark.parametrize("key", SHARED)
 def test_every_shared_field_is_synced(key):
    assert f"'{key}'" in SYNC_JS, f"pole {key} nie jest synchronizowane"
 def test_sync_script_loaded_before_map_script():
    """KOLEJNOŚĆ MA ZNACZENIE: formsync w <head> z `defer` wykonuje się przed
    geo.js (skrypty defer idą w kolejności dokumentu), więc mapa startuje już
    z odtworzonymi współrzędnymi zamiast skakać po chwili."""
    assert "formsync.js" in BASE_HTML, "formsync.js nie jest ładowany globalnie"
    assert "defer" in BASE_HTML.split("formsync.js")[0].rsplit("<script", 1)[-1] + "defer"
 def test_sync_reacts_to_other_browser_tab():
    """Zmiana w drugiej otwartej karcie ma dociągnąć się tutaj (zdarzenie storage)."""
    assert "'storage'" in SYNC_JS
 def test_sync_persists_on_submit():
    assert "'submit'" in SYNC_JS
 def test_corrupt_storage_does_not_break_the_page():
    """Uszkodzony wpis w localStorage nie może zablokować formularza."""
    assert "catch" in SYNC_JS and "JSON.parse" in SYNC_JS
 def test_map_changes_are_reported_to_sync():
    """geo.js ustawia pola z KODU (`.value = ...`), co samo z siebie nie wywołuje
    zdarzeń — bez jawnego `change` synchronizacja przegapiłaby wybór z mapy."""
    assert "function setVal" in GEO_JS
    assert "dispatchEvent(new Event('change'" in GEO_JS
    # wszystkie miejsca ustawiające pola idą przez setVal
    assert "latEl.value =" not in GEO_JS.replace("el.value = value", "")
    assert "searchEl.value = d.name" not in GEO_JS
 def test_sync_does_not_wipe_fields_missing_on_a_tab():
    """Zakładka bez danego pola (np. Sygnifikatory) nie może wyczyścić wartości
    zapamiętanej z innej zakładki."""
    assert "if (!el) return;" in SYNC_JS
@@ -74,7 +74,9 @@ def test_reverse_name_clears_field_before_lookup():
    src = _geo_source()
    start = src.index("function reverseName")
    body = src[start:src.index("\n    }", start)]
-    clear_at = body.find("searchEl.value = ''")
+    # sposób zapisu może się zmienić (bezpośrednie .value albo setVal, które
    # dodatkowo zgłasza `change`) — pilnujemy KOLEJNOŚCI, nie składni
    clear_at = max(body.find("searchEl.value = ''"), body.find("setVal(searchEl, '')"))
    fetch_at = body.find("fetch(")
    assert clear_at != -1, "reverseName nie czyści pola nazwy"
    assert clear_at < fetch_at, "pole czyszczone dopiero po zapytaniu — stara nazwa zdąży zostać"