feat(weather): new weather icons

Dockerfile

@@ -7,9 +7,7 @@ WORKDIR /app
 RUN curl -sSL https://install.python-poetry.org | python3 -
 COPY pyproject.toml poetry.lock README.md ./
 RUN poetry config virtualenvs.in-project true
-RUN --mount=type=cache,target=/root/.cache/pypoetry/cache \
-  --mount=type=cache,target=/root/.cache/pypoetry/artifacts \
-  poetry install --with app --no-root
+RUN poetry install --with app --no-root
 COPY locales ./locales
 RUN cd locales/ru/LC_MESSAGES && msgfmt messages.po
 
@@ -17,8 +15,7 @@ FROM node:24 AS node-builder
 ENV PATH=/app/node_modules/.bin:$PATH
 WORKDIR /app
 COPY static/package.json static/package-lock.json ./
-RUN --mount=type=cache,target=/root/.npm \
-  npm ci
+RUN npm ci
 COPY static ./
 RUN npm run build
 
@@ -30,6 +27,7 @@ ENV TZ="Europe/Moscow"
 COPY --from=builder /app ./
 COPY --from=node-builder /app/dist ./static/dist
 COPY gallery gallery/
+#COPY --from=builder /app/gallery/easel/route/view/locales /app/gallery/easel/route/view/locales
 COPY --from=builder --parents locales/**/*.mo ./
 
 CMD ["uvicorn", "gallery.main:app", "--host", "0.0.0.0", "--port", "80", "--log-config", "gallery/logging.yaml"]

gallery/easel/__init__.py

@@ -4,7 +4,8 @@ from fastapi.staticfiles import StaticFiles
 from gallery.sketch.bundle import ApiBundle
 from gallery.util import root_path
 
-from .route import api, doc, view
+from .route import api, doc
+from .route.view import router as view_router
 
 
 def build_app(api_bundle: ApiBundle) -> FastAPI:
@@ -16,6 +17,6 @@ def build_app(api_bundle: ApiBundle) -> FastAPI:
     app.state.api = api_bundle
     app.mount("/static", StaticFiles(directory=root_path / "static/dist"))
     doc.mount(app)
-    app.include_router(api.router)
-    app.include_router(view.router)
+    api.mount(app)
+    app.include_router(view_router)
     return app

gallery/easel/route/api/__init__.py

@@ -1,7 +1,8 @@
-from fastapi import APIRouter
+from fastapi import FastAPI
 
 from . import schedule, weather
 
-router = APIRouter(prefix="/api", tags=["API"])
-router.include_router(weather.router)
-router.include_router(schedule.router)
+
+def mount(app: FastAPI):
+    weather.mount(app)
+    schedule.mount(app)

gallery/easel/route/api/schedule.py

@@ -1,20 +1,18 @@
 import datetime
 
-from fastapi import APIRouter
+from fastapi import FastAPI
 
 from gallery.easel.core import AppRequest
 from gallery.sketch.schedule.model import ChannelId, Schedule
 
-router = APIRouter(prefix="/schedule")
 
-
-@router.get("/channels")
+def mount(app: FastAPI):
+    @app.get("/api/schedule/channels", tags=["API"])
     async def get_api_schedule_channels(request: AppRequest) -> list[ChannelId]:
         schedule_api = request.app.state.api.schedule
         return await schedule_api.get_channels()
 
-
-@router.get("/{channel}/{date}")
+    @app.get("/api/schedule/{channel}/{date}", tags=["API"])
     async def get_api_schedule_channel_schedule(request: AppRequest, channel: str, date: datetime.date) -> Schedule:
         schedule_api = request.app.state.api.schedule
         return await schedule_api.get_channel_schedule(ChannelId(channel), date)

gallery/easel/route/api/weather.py

@@ -1,26 +1,23 @@
 import datetime
 
-from fastapi import APIRouter
+from fastapi import FastAPI
 
 from gallery.easel.core import AppRequest
 from gallery.sketch.weather.model import Location, WeatherResponse
 
-router = APIRouter(prefix="/weather")
 
-
-@router.get("/locations")
+def mount(app: FastAPI):
+    @app.get("/api/weather/locations", tags=["API"])
     async def get_api_weather_locations(request: AppRequest, query: str) -> list[Location]:
         weather_api = request.app.state.api.weather
         return await weather_api.find_locations(query)
 
-
-@router.get("/{location}/day/{date}")
+    @app.get("/api/weather/{location}/day/{date}", tags=["API"])
     async def get_api_weather_day(request: AppRequest, location: str, date: datetime.date) -> WeatherResponse:
         weather_api = request.app.state.api.weather
         return await weather_api.get_day(location, date)
 
-
-@router.get("/{location}/days/{days}")
+    @app.get("/api/weather/{location}/days/{days}", tags=["API"])
     async def get_api_weather_days(request: AppRequest, location: str, days: int) -> WeatherResponse:
         weather_api = request.app.state.api.weather
         return await weather_api.get_days(location, days)

gallery/easel/route/view/__init__.py

@@ -5,7 +5,7 @@ from .schedule import router as schedule_router
 from .translation import set_language
 from .weather import router as weather_router
 
-router = APIRouter(tags=["view"], dependencies=[Depends(set_language)])
+router = APIRouter(dependencies=[Depends(set_language)])
 router.include_router(common_router)
 router.include_router(weather_router)
 router.include_router(schedule_router)

gallery/easel/route/view/common/templates/base.html

@@ -30,9 +30,6 @@
         {% block header %}{% endblock %}
       </div>
       <ul class="navbar-nav flex-row flex-wrap ms-md-auto">
-        <li class="nav-item me-2">
-          <span class="nav-link">{{ version }}</span>
-        </li>
         <li class="nav-item dropdown">
           <button class="btn btn-link nav-link py-2 px-0 px-lg-2 dropdown-toggle d-flex align-items-center"
                   id="bd-language"
@@ -40,7 +37,7 @@
                   aria-expanded="false"
                   data-bs-toggle="dropdown"
                   aria-label="{{_('Select language')}} (default)">
-            <span class="fi fir fi-gb me-2 language-icon-active icon-header"></span>
+            <span class="fi fir fi-gb me-2 language-icon-active"></span>
             <span class="d-lg-none ms-2"
                   id="bd-language-text">{{_("Select language")}}</span>
           </button>
@@ -73,7 +70,7 @@
                   aria-expanded="false"
                   data-bs-toggle="dropdown"
                   aria-label="Toggle theme (auto)">
-            <span class="bi bi-circle-half me-2 opacity-50 theme-icon-active icon-header"></span>
+            <span class="bi bi-circle-half me-2 opacity-50 theme-icon-active"></span>
             <span class="d-lg-none ms-2"
                   id="bd-theme-text">{{_("Toggle theme")}}</span>
           </button>

gallery/easel/route/view/common/utils/template.py

@@ -1,4 +1,3 @@
-import datetime
 from pathlib import Path
 
 from babel.dates import format_date
@@ -8,7 +7,6 @@ from fastapi.templating import Jinja2Templates
 from gallery.version import __version__
 
 from ...translation import _
-from .tag import TagUtil
 
 
 def is_widget(request: Request) -> bool:
@@ -33,9 +31,6 @@ def build_templates(templates_dir: Path | None = None, filters: dict | None = No
             "_": _,
             "version": __version__,
             "format_date": format_date,
-            "datetime": datetime,
-            "tag_util": TagUtil,
-            "DATE_FORMAT": "E, d MMMM Y",
         }
     )
     if filters:

gallery/easel/route/view/schedule/templates/channel.html

@@ -1,7 +1,6 @@
 {% extends "base.html" %}
 {% block title %}
-{{_("TV program")}} | {{response.channel.name}} | {{format_date(response.date, DATE_FORMAT,
-locale=request.state.language)}}
+{{_("TV program")}} | {{response.channel.name}} | {{format_date(response.date, 'E, d MMMM Y', locale=request.state.language)}}
 {% endblock %}
 
 {% block header %}
@@ -11,19 +10,13 @@ locale=request.state.language)}}
 
 {% block content %}
 <h4>
-  <a class="icon-link {{'disabled' if response.date == datetime.date.today() else ''}}"
-     href="../tag/{{tag_util.create_tag('day', response.date, -1)}}">
-    <i class="bi bi-arrow-left-square"></i>
-  </a>
-  <a class="icon-link"
-     href="../..">
-    <i class="bi bi-arrow-up-square"></i>
-  </a>
-  <span>{{response.channel.name}} | {{format_date(response.date, DATE_FORMAT, locale=request.state.language)}}</span>
-  <a class="icon-link"
-     href="../tag/{{tag_util.create_tag('day', response.date, 1)}}">
-    <i class="bi bi-arrow-right-square"></i>
-  </a>
+  <a class="button {{'disabled' if response.date == datetime.date.today() else ''}}"
+     href="../tag/{{tag_util.create_tag('day', response.date, -1)}}">⬅️</a>
+  <a class="button"
+     href="../..">⬆️</a>
+  <span>{{response.channel.name}} | {{format_date(response.date, 'E, d MMMM Y', locale=request.state.language)}}</span>
+  <a class="button"
+     href="../tag/{{tag_util.create_tag('day', response.date, 1)}}">➡️</a>
 </h4>
 <table class="table">
   <thead>

gallery/easel/route/view/schedule/templates/schedule.html

@@ -1,7 +1,6 @@
 {% extends "base.html" %}
 {% block title %}
-{{_("Live broadcasts") if live else _("TV program")}} | {{format_date(response.date, DATE_FORMAT,
-locale=request.state.language)}}
+{{_("Live broadcasts") if live else _("TV program")}} | {{format_date(response.date, 'E, d MMMM Y', locale=request.state.language)}}
 {% endblock %}
 
 {% block header %}
@@ -11,20 +10,13 @@ locale=request.state.language)}}
 
 {% block content %}
 <h4>
-  <a class="icon-link {{'disabled' if response.date == datetime.date.today() else ''}}"
-     href="../tag/{{tag_util.create_tag('day', response.date, -1)}}">
-    <i class="bi bi-arrow-left-square"></i>
-  </a>
-  <a class="icon-link"
-     href="..">
-    <i class="bi bi-arrow-up-square"></i>
-  </a>
-  <span>{{_("Live broadcasts") if live else _("TV program")}} | {{format_date(response.date, DATE_FORMAT,
-    locale=request.state.language)}}</span>
-  <a class="icon-link"
-     href="../tag/{{tag_util.create_tag('day', response.date, 1)}}">
-    <i class="bi bi-arrow-right-square"></i>
-  </a>
+  <a class="button {{'disabled' if response.date == datetime.date.today() else ''}}"
+     href="../tag/{{tag_util.create_tag('day', response.date, -1)}}">⬅️</a>
+  <a class="button"
+     href="..">⬆️</a>
+  <span>{{_("Live broadcasts") if live else _("TV program")}} | {{format_date(response.date, 'E, d MMMM Y', locale=request.state.language)}}</span>
+  <a class="button"
+     href="../tag/{{tag_util.create_tag('day', response.date, 1)}}">➡️</a>
 </h4>
 <div>
   <table class="table">

gallery/easel/route/view/weather/__init__.py

@@ -25,6 +25,8 @@ def build_weather_response(request: AppRequest, response: WeatherResponse):
         request=request,
         name="weather.html",
         context={
+            "tag_util": TagUtil,
+            "datetime": datetime,
             "response": response,
         },
     )

gallery/easel/route/view/weather/filters.py

@@ -1,12 +1,6 @@
 import datetime
 
-from gallery.sketch.weather.model import (
-    Cloudness,
-    Precipitation,
-    Sky,
-    WindDirection,
-    WindDirectionDeg,
-)
+from gallery.sketch.weather.model import Cloudness, Precipitation, Sky, WindDirection, WindDirectionDeg
 
 
 def wind_direction_icon(wind_direction_deg: float) -> str:

gallery/easel/route/view/weather/templates/weather.html

@@ -9,24 +9,16 @@
 {% block content %}
 <h4>
   {% if response.period == 'day' %}
-  <a class="icon-link {{'disabled' if response.date == datetime.date.today() else ''}}"
-     href="../tag/{{tag_util.create_tag('day', response.date, -1)}}">
-    <i class="bi bi-arrow-left-square"></i>
-  </a>
-  <a class="icon-link"
-     href="../tag/days-10">
-    <i class="bi bi-arrow-up-square"></i>
-  </a>
-  <span>{{response.location}} | {{format_date(response.date, DATE_FORMAT, locale=request.state.language)}}</span>
-  <a class="icon-link"
-     href="../tag/{{tag_util.create_tag('day', response.date, 1)}}">
-    <i class="bi bi-arrow-right-square"></i>
-  </a>
+  <a class="button {{'disabled' if response.date == datetime.date.today() else ''}}"
+     href="../tag/{{tag_util.create_tag('day', response.date, -1)}}">⬅️</a>
+  <a class="button"
+     href="../tag/days-10">⬆️</a>
+  <span>{{response.location}} | {{format_date(response.date, 'E, d MMMM Y', locale=request.state.language)}}</span>
+  <a class="button"
+     href="../tag/{{tag_util.create_tag('day', response.date, 1)}}">➡️</a>
   {% endif %}
   {% if response.period == 'days' %}
-  <span>{{response.location}} | {{format_date(response.date, DATE_FORMAT, locale=request.state.language)}}</span>
-  <span>- {{format_date(response.date + datetime.timedelta(days=(response.values | length - 1)), DATE_FORMAT,
-    locale=request.state.language)}}</span>
+  <span>{{response.location}} | {{format_date(response.date, 'E, d MMMM Y', locale=request.state.language)}}</span>
   {% endif %}
 </h4>
 <div class="table-responsive">
@@ -66,7 +58,8 @@
             data-bs-toggle="tooltip"
             data-bs-title="{{ value.sky }}">
           {% for icon in value.sky | cloudness_icon(value.date, response.period) %}
-          <div class="wi wi-{{icon}} wi-xl text-primary"></div>
+          <div class="wi wi-{{icon}} text-primary"
+               style="font-size: 3.5rem;"></div>
           {% endfor %}
         </td>
         {% endfor %}
@@ -102,7 +95,7 @@
         <td class="wind"
             data-bs-toggle="tooltip"
             data-bs-title="{{ value.wind_direction }}">
-          <div class="wi wi-wind-deg wi-{{value.wind_direction | wind_direction_icon}} wi-l text-primary"></div>
+          <div class="wi wi-wind-deg wi-{{value.wind_direction | wind_direction_icon}} fs-1 text-primary"></div>
         </td>
         {% endfor %}
       </tr>

gallery/painting/gismeteo/parser.py

@@ -39,11 +39,14 @@ class DateParser(RowParser[datetime.datetime]):
     KEY = "date"
 
     def parse_row(self, tag: Tag) -> Iterable[datetime.datetime]:
-        datetime_time_row = tag.select_one(".widget-row.widget-row-datetime-time")
-        if datetime_time_row:
-            for item in datetime_time_row.select(".row-item > time-value"):
-                timestamp = int(item.attrs["timestamp"])
-                time = datetime.datetime.fromtimestamp(timestamp)
+        datetime_date_tag = tag.select_one(".widget-row.widget-row-datetime-date > .row-item")
+        if datetime_date_tag:
+            date_str = datetime_date_tag.find(text=True, recursive=False).text
+            date = dateparser.parse(date_str, languages=["ru"])
+            for item in tag.select(".widget-row.widget-row-datetime-time > .row-item"):
+                time_str = item.text
+                time = dateparser.parse(time_str, languages=["ru"])
+                time = time.replace(year=date.year, month=date.month, day=date.day)
                 yield time
         else:
             for item in tag.select(".widget-row.widget-row-date > .row-item"):
@@ -171,7 +174,7 @@ class PrecipitationParser(RowParser[float]):
 
     def parse_row(self, tag: Tag) -> Iterable[float]:
         for item in tag.select(".widget-row[data-row=precipitation-bars] > .row-item > .item-unit"):
-            yield float(item.text.replace(",", ".").replace("< ", ""))
+            yield float(item.text.replace(",", "."))
 
 
 class PressureParser(RowParser[list[int]]):

gallery/version.py

@@ -1,3 +1,5 @@
+__version__ = "0.2.2"
+
 import tomllib
 from pathlib import Path
 

pyproject.toml

@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "gallery"
-version = "0.3.3"
+version = "0.2.3"
 description = ""
 authors = ["shmyga <shmyga.z@gmail.com>"]
 readme = "README.md"

static/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "gallery",
-  "version": "0.3.3",
+  "version": "0.2.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "gallery",
-      "version": "0.3.3",
+      "version": "0.2.3",
       "license": "ISC",
       "dependencies": {
         "@popperjs/core": "^2.11.8",

static/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gallery",
-  "version": "0.3.3",
+  "version": "0.2.3",
   "scripts": {
     "build": "vite build",
     "dev": "vite build --watch"

static/src/lib/bootstrap-icons.scss

@@ -1,6 +1,4 @@
-.icon-link {
-  vertical-align: -0.25rem;
-}
+//$bootstrap-icons: "circle-half", "moon-stars-fill", "brightness-high", "gear", "sun-fill", "tv";
 
 .bi {
   display: inline-block;
@@ -15,6 +13,12 @@
   mask-repeat: no-repeat;
   background-color: currentColor;
 
+  //@each $icon in $bootstrap-icons {
+  //  &.bi-#{$icon} {
+  //    mask-image: url("bootstrap-icons/icons/#{$icon}.svg");
+  //  }
+  ///
+
   &.bi-circle-half {
     mask-image: url(bootstrap-icons/icons/circle-half.svg);
   }
@@ -33,13 +37,4 @@
   &.bi-tv {
     mask-image: url(bootstrap-icons/icons/tv.svg);
   }
-  &.bi-arrow-left-square {
-    mask-image: url(bootstrap-icons/icons/arrow-left-square.svg);
-  }
-  &.bi-arrow-right-square {
-    mask-image: url(bootstrap-icons/icons/arrow-right-square.svg);
-  }
-  &.bi-arrow-up-square {
-    mask-image: url(bootstrap-icons/icons/arrow-up-square.svg);
-  }
 }

static/src/lib/flag-icons.scss

@@ -12,6 +12,4 @@
 .fir {
   @extend .fis;
   border-radius: 50%;
-  height: 1em;
-  border: 1px solid gray;
 }

static/src/lib/weather-icons/weather-icons.scss

@@ -13,11 +13,4 @@
   mask-position: 50%;
   mask-repeat: no-repeat;
   background-color: currentColor;
-
-  &.wi-l {
-    font-size: 2.5rem;
-  }
-  &.wi-xl {
-    font-size: 3.5rem;
-  }
 }

static/src/main.scss

@@ -12,8 +12,11 @@
   }
 }
 
-.icon-header {
-  @include font-size($h4-font-size);
+.icon {
+  display: inline-block;
+  width: 2rem;
+  height: 2rem;
+  background-size: contain;
 }
 
 .app-header {