Family Tree (Дерево роду)

Оновлено: 2026-04-14

GitHub

https://github.com/serhiivereschak/family-tree (private)

Overview

Інтерактивне генеалогічне дерево. HTML/JS фронтенд з SQL базою та Telegram-ботом. Парсить SVG-граф і будує інтерактивне дерево роду.

Stack

• Frontend: Vanilla HTML/CSS/JS
• Database: SQL (PostgreSQL або SQLite, судячи по .sql файлах)
• Bot: Telegram (папка tg-bot/)
• Node.js: є next-tree/ — прототип на Next.js
• Статус: 🔵 прототип

Architecture

index.html          → головна сторінка з деревом
parse-svg-graph.js  → парсинг SVG → JSON структура дерева
parse-geom.js       → геометрія вузлів
parsed_tree.json    → результат парсингу (cached)
inferred_tree.json  → виведена структура зв'язків

SQL файли:
  add_columns.sql    → структура таблиці контактів
  add_contacts.sql   → наповнення даними
  add_x_pos.sql      → позиції вузлів
  повне_оновлення_бази.sql → повне оновлення

tg-bot/             → Telegram бот для доступу до дерева
next-tree/          → Next.js прототип (не завершений)

Key Files

Файл	Опис
index.html	Головна сторінка, D3.js або vanilla tree
derevo_rodu (1).html	Попередня версія HTML
parse-svg-graph.js	SVG парсер → JSON
import.json	Дані для імпорту
tg-bot/	Telegram бот

Env / Secrets

# Для tg-bot:
TELEGRAM_BOT_TOKEN=...
DATABASE_URL=...

Current Status

• ✅ Базовий HTML рендер дерева
• ✅ SQL схема і дані
• ✅ SVG парсер
• 🔵 Telegram бот — базовий
• ❌ Next.js версія не завершена

Known Bugs / Issues

• node-v20.12.0-win-x64/ і node_portable/ — великі папки, виключені з git
• nvm-setup.exe — в .gitignore
• Два дублікати HTML файлів

TODO

1. Завершити Next.js версію (next-tree/)
2. Підключити SQL базу до веб-інтерфейсу
3. Розширити Telegram бот
4. Деплой (VPS або Vercel)