add: сборка tailwind v3.4.19

2026-08-13 18:48:38 +03:00
parent e7faf5a063
commit b8a89779c6
4 changed files with 1930 additions and 0 deletions
@@ -0,0 +1,105 @@
+#!/usr/bin/env bash
+# Сборка Tailwind CSS v3 для фронтенда HYPN0
+# Запуск из корня проекта: bash ./scripts/build-tailwind.sh
+
+set -euo pipefail
+
+PROJECT_ROOT="$(cd "$(dirname "${BASH_SOURCE[0]}")/.." && pwd)"
+TAILWIND_DIR="$PROJECT_ROOT/frontend-assembly/tailwind"
+OUTPUT_DIR="$PROJECT_ROOT/public/static/css"
+
+log() {
+  printf '[tailwind] %s\n' "$*"
+}
+
+fail() {
+  printf '[tailwind] %s\n' "$*" >&2
+  exit 1
+}
+
+# cleanup() — удаляет временные файлы при любом завершении скрипта.
+# Все рабочие файлы (postcss.config.js, tailwind.config.js, input.css)
+# создаются здесь и удаляются в EXIT/INT/TERM.
+cleanup() {
+  rm -rf "$TAILWIND_DIR/node_modules" \
+         "$TAILWIND_DIR/postcss.config.js" \
+         "$TAILWIND_DIR/tailwind.config.js" \
+         "$TAILWIND_DIR/input.css"
+}
+
+trap cleanup EXIT INT TERM
+
+if ! command -v npm >/dev/null 2>&1; then
+  fail 'Не найден `npm`. Установи Node.js и повтори сборку.'
+fi
+
+if [[ ! -f "$TAILWIND_DIR/package.json" ]]; then
+  fail "Не найден package.json: $TAILWIND_DIR/package.json"
+fi
+
+if [[ ! -f "$TAILWIND_DIR/package-lock.json" ]]; then
+  fail "Не найден package-lock.json: $TAILWIND_DIR/package-lock.json"
+fi
+
+mkdir -p "$OUTPUT_DIR"
+
+# --- tailwind.config.js ---
+log "Создаю tailwind.config.js"
+cat > "$TAILWIND_DIR/tailwind.config.js" <<'TWEOF'
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    '../../hypn0/templates/**/*.html',
+    '../../hypn0/hypn0_site/**/*.py',
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
+TWEOF
+
+# --- postcss.config.js ---
+log "Создаю postcss.config.js"
+cat > "$TAILWIND_DIR/postcss.config.js" <<'PCEOF'
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
+PCEOF
+
+# --- input.css ---
+log "Создаю input.css"
+cat > "$TAILWIND_DIR/input.css" <<'EOF'
+/*
+  input.css — точка входа для сборки prod-версии Tailwind CSS v3.
+
+  Собирается через `npm run build` (PostCSS) в
+  файл public/static/css/tailwind.min.css, который подключается в _base.html
+  для production (когда settings.DEBUG == False).
+
+  Здесь же подключаются кастомные стили из hypn0/templates/css/tailwind-custom.css —
+  того же самого файла, который в dev-режиме подключается через {% include %} внутрь
+  инлайнового <style type="text/tailwindcss"> в _base.html.
+
+  Это обеспечивает единый источник кастомных стилей для dev и prod.
+*/
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@import "../../hypn0/templates/css/tailwind-custom.css";
+EOF
+
+log "СОБИРАЮ Tailwind CSS v3"
+cd "$TAILWIND_DIR"
+
+log 'Устанавливаю зависимости через npm ci'
+npm ci
+
+log 'Собираю CSS'
+npm run build
+
+log 'ГОТОВО! Результат: '"$OUTPUT_DIR/tailwind.min.css"