add: настройки типографа (01)

etpgrf_site/etpgrf_site/urls.py

@@ -1,6 +1,6 @@
 from django.contrib import admin
 from django.urls import path, include
-
+# from etpgrf_site.etpgrf.typograph import Typographer
 urlpatterns = [
     path('admin/', admin.site.urls),
     path('', include('typograph.urls')),

etpgrf_site/manage.py

@@ -7,16 +7,16 @@ from pathlib import Path
 
 def main():
     """Run administrative tasks."""
+    
     # Пытаемся загрузить переменные из .env файла
     try:
         from dotenv import load_dotenv
-        # Ищем .env в корне проекта (на два уровня выше manage.py)
         # manage.py лежит в etpgrf_site/manage.py
-        # .env лежит в 2026-etpgrf-site/.env
+        # .env лежит в 2026-etpgrf-site/.env (на два уровня выше)
         env_path = Path(__file__).resolve().parent.parent / '.env'
         load_dotenv(env_path)
     except ImportError:
-        pass  # Если python-dotenv не установлен, просто пропускаем
+        pass
 
     os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'etpgrf_site.settings')
     try:

etpgrf_site/typograph/templates/typograph/index.html

@@ -3,21 +3,119 @@
 {% block content %}
 <div class="row">
     <div class="col-md-12">
-        <h3>Исходный текст</h3>
+        <h3>Типограф</h3>
         <form hx-post="{% url 'process_text' %}" hx-target="#result-area" hx-swap="innerHTML">
             {% csrf_token %}
+
+            <!-- Поле ввода -->
             <div class="mb-3">
-                <textarea class="form-control" name="text" rows="15" placeholder="Вставьте текст сюда..."></textarea>
+                <textarea class="form-control" name="text" rows="10" placeholder="Вставьте текст сюда..."></textarea>
             </div>
-            <button type="submit" class="btn btn-primary">Типографировать</button>
+
+            <!-- Блок настроек (Collapse) -->
+            <div class="mb-3">
+                <button class="btn btn-outline-secondary btn-sm mb-2" type="button" data-bs-toggle="collapse" data-bs-target="#settingsCollapse" aria-expanded="false" aria-controls="settingsCollapse">
+                    ⚙️ Настройки типографики
+                </button>
+
+                <div class="collapse" id="settingsCollapse">
+                    <div class="card card-body bg-light">
+                        <div class="row">
+                            <div class="col-md-4">
+                                <h6>Основные</h6>
+
+                                <!-- Выбор языка -->
+                                <label class="form-label small text-muted mb-0">Язык:</label>
+                                <select class="form-select form-select-sm" name="langs" id="selectLangs">
+                                    <option value="ru" selected data-desc="Правила русского языка. Кавычки: «...», вложенные „...“. Тире: длинное (—).">Русский</option>
+                                    <option value="en" data-desc="Правила английского языка. Кавычки: “...”, вложенные ‘...’. Тире: английское (—).">Английский</option>
+                                    <option value="ru+en" data-desc="Основной русский, поддержка английских фраз. Вложенность кавычек учитывает оба языка.">Русский + Английский</option>
+                                    <option value="en+ru" data-desc="Основной английский, поддержка русских фраз.">Английский + Русский</option>
+                                </select>
+                                <!-- Сюда JS будет писать описание -->
+                                <div id="descLangs" class="form-text text-muted small mb-2" style="min-height: 2.5em;"></div>
+
+                                <div class="form-check">
+                                    <input class="form-check-input" type="checkbox" name="quotes" id="optQuotes" checked>
+                                    <label class="form-check-label" for="optQuotes">Обработка кавычек</label>
+                                </div>
+                                <div class="form-check">
+                                    <input class="form-check-input" type="checkbox" name="layout" id="optLayout" checked>
+                                    <label class="form-check-label" for="optLayout">Тире и спецсимволы</label>
+                                </div>
+                                <div class="form-check mb-2">
+                                    <input class="form-check-input" type="checkbox" name="unbreakables" id="optUnbreakables" checked>
+                                    <label class="form-check-label" for="optUnbreakables">Неразрывные пробелы</label>
+                                </div>
+
+                                <!-- Режим вывода -->
+                                <label class="form-label small text-muted mb-0">Режим вывода:</label>
+                                <select class="form-select form-select-sm" name="mode" id="selectMode">
+                                    <option value="mixed" selected data-desc="Оптимально. Спецсимволы (—, ©) как есть, неразрывные пробелы как &amp;nbsp;.">Смешанный (Mixed)</option>
+                                    <option value="unicode" data-desc="Компактно. Все символы в UTF-8 (включая неразрывный пробел U+00A0).">Юникод (Unicode)</option>
+                                    <option value="mnemonic" data-desc="Совместимость. Все спецсимволы заменяются на HTML-сущности (&amp;mdash;, &amp;copy;).">Мнемоники (&amp;nbsp;)</option>
+                                </select>
+                                <div id="descMode" class="form-text text-muted small mb-2" style="min-height: 2.5em;"></div>
+                            </div>
+
+                            <div class="col-md-4">
+                                <h6>Дополнительно</h6>
+                                <div class="form-check">
+                                    <input class="form-check-input" type="checkbox" name="hyphenation" id="optHyphenation" checked>
+                                    <label class="form-check-label" for="optHyphenation">Переносы слов (&shy;)</label>
+                                </div>
+                                <div class="form-check">
+                                    <input class="form-check-input" type="checkbox" name="symbols" id="optSymbols" checked>
+                                    <label class="form-check-label" for="optSymbols">Символы ((c) &rarr; ©)</label>
+                                </div>
+                            </div>
+
+                            <div class="col-md-4">
+                                <h6>Висячая пунктуация</h6>
+                                <select class="form-select form-select-sm mb-2" name="hanging_punctuation">
+                                    <option value="both" selected>С обеих сторон</option>
+                                    <option value="left">Только слева</option>
+                                    <option value="right">Только справа</option>
+                                    <option value="none">Отключить</option>
+                                </select>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Кнопка отправки -->
+            <button type="submit" class="btn btn-primary btn-lg w-100">Типографировать</button>
         </form>
     </div>
 
-    <div class="col-md-12">
+    <div class="col-md-12 mt-4">
         <h3>Результат</h3>
-        <div id="result-area" class="result-box">
-            <p class="text-muted">Здесь появится результат...</p>
-        </div>
+      <pre id="result-area" class="result-box">Здесь появится результат...</pre>
+
     </div>
 </div>
+
+<script>
+    // Простой скрипт для обновления описаний
+    document.addEventListener('DOMContentLoaded', function() {
+        function setupDynamicDescription(selectId, descId) {
+            const select = document.getElementById(selectId);
+            const desc = document.getElementById(descId);
+
+            function update() {
+                const selectedOption = select.options[select.selectedIndex];
+                // Берем текст из data-desc или пустую строку
+                desc.textContent = selectedOption.getAttribute('data-desc') || '';
+            }
+
+            select.addEventListener('change', update);
+            // Вызываем один раз при загрузке, чтобы показать описание для дефолтного значения
+            update();
+        }
+
+        setupDynamicDescription('selectLangs', 'descLangs');
+        setupDynamicDescription('selectMode', 'descMode');
+    });
+</script>
 {% endblock %}

etpgrf_site/typograph/views.py

@@ -1,22 +1,46 @@
 from django.shortcuts import render
 from django.http import HttpResponse
-from etpgrf import Typographer
-
-# Инициализируем типограф один раз (как рекомендовано в спеке)
-# Можно вынести настройки в settings.py, но пока так
-typo = Typographer(langs='ru', process_html=True, hanging_punctuation='both')
+# Импортируем напрямую из пакета etpgrf, который лежит в корне проекта
+from etpgrf.typograph import Typographer
 
 def index(request):
     return render(request, template_name='typograph/index.html')
 
-
 def process_text(request):
     if request.method == 'POST':
         text = request.POST.get(key='text', default='')
+        
+        # Собираем настройки из формы
+        options = {
+            # Выпадающие списки
+            'langs': request.POST.get(key='langs', default='ru'),
+            'hanging_punctuation': request.POST.get(key='hanging_punctuation', default='both'),
+            'mode': request.POST.get(key='mode', default='mixed'),
+            
+            'process_html': True,
+            
+            # Чекбоксы
+            'quotes': request.POST.get('quotes') == 'on',
+            'layout': request.POST.get('layout') == 'on',
+            'unbreakables': request.POST.get('unbreakables') == 'on',
+            'hyphenation': request.POST.get('hyphenation') == 'on',
+            'symbols': request.POST.get('symbols') == 'on',
+        }
+        
+        if options['hanging_punctuation'] == 'none':
+            options['hanging_punctuation'] = None
+
+        # Создаем экземпляр типографа
+        typo = Typographer(**options)
+        
         # Обрабатываем текст
         processed = typo.process(text)
         
-        # Возвращаем только фрагмент для HTMX
-        return render(request, template_name='typograph/result_fragment.html', context={'processed_text': processed})
+        # Возвращаем фрагмент с явным указанием аргументов
+        return render(
+            request, 
+            template_name='typograph/result_fragment.html', 
+            context={'processed_text': processed}
+        )
     
     return HttpResponse(status=405)

pyproject.toml

@@ -4,15 +4,19 @@ version = "0.1.0"
 description = ""
 authors = ["erjemin <erjemin@gmail.com>"]
 readme = "README.md"
+package-mode = false
 
 [tool.poetry.dependencies]
 python = "^3.13"
 django = "^6.0"
 psycopg2-binary = "^2.9.11"
 gunicorn = "^23.0.0"
-etpgrf = "^0.1.1"
 python-dotenv = "^1.2.1"
-
+# Зависимости для локальной библиотеки etpgrf
+# etpgrf = {path = "./etpgrf", develop = true}
+beautifulsoup4 = "^4.12"
+lxml = "^5.1"
+regex = "^2023.12"
 
 [build-system]
 requires = ["poetry-core"]