Jesús Pérez a963adbf5b
Some checks failed
CI / Lint (bash) (push) Has been cancelled
CI / Lint (markdown) (push) Has been cancelled
CI / Lint (nickel) (push) Has been cancelled
CI / Lint (nushell) (push) Has been cancelled
CI / Lint (rust) (push) Has been cancelled
CI / Benchmark (push) Has been cancelled
CI / Security Audit (push) Has been cancelled
CI / License Compliance (push) Has been cancelled
CI / Code Coverage (push) Has been cancelled
CI / Test (macos-latest) (push) Has been cancelled
CI / Test (ubuntu-latest) (push) Has been cancelled
CI / Test (windows-latest) (push) Has been cancelled
CI / Build (macos-latest) (push) Has been cancelled
CI / Build (ubuntu-latest) (push) Has been cancelled
CI / Build (windows-latest) (push) Has been cancelled
feat(forms): migrate all form definitions and configs to Nickel (.ncl)
Replace all TOML form definitions in examples/ and config/ with
  type-checked Nickel equivalents. Update cli_loader to prefer .ncl
  (via nickel export) over .toml in config search order.
  TOML support retained as fallback — no breaking change.

  - El loader usa nickel export --format json + serde_json como puente — evita reimplementar un parser Nickel en Rust y aprovecha el binario ya existente.
  - El orden de búsqueda .ncl > .toml permite migración incremental: cualquier config vieja sigue funcionando sin tocarla.
  - Los contratos Nickel (| default, | String) en los configs sustituyen la validación que antes era implícita en el parsing TOML — el error llega antes (en nickel export) con mensajes más descriptivos.
2026-03-08 23:20:50 +00:00
..

TypeDialog Web Assets

Web-based landing page, architecture diagram, and static content for TypeDialog.

Directory Structure

assets/web/
├── src/
│   ├── index.html                          # Source HTML (readable)
│   └── architecture-diagram.html           # Source architecture viewer
├── index.html                              # Minified/Production HTML
├── architecture-diagram.html               # Minified architecture viewer
├── typedialog_architecture.svg             # Architecture diagram (dark mode)
├── typedialog_architecture_white.svg       # Architecture diagram (light mode)
├── minify.sh                               # Build script
└── README.md

Files

src/index.html - Source Landing Page

  • Inline CSS and JavaScript (no external dependencies beyond Inter font)
  • Bilingual content (English/Spanish) with localStorage persistence
  • Dark/light theme toggle with logo swap
  • Responsive design (mobile-first)
  • Link to architecture diagram viewer

src/architecture-diagram.html - Architecture Viewer

  • Full-page SVG architecture diagram
  • Dark/light theme toggle (swaps between two SVG variants)
  • Back-link to landing page
  • Shares theme preference with landing page via localStorage

Architecture SVGs

Two variants of the architecture diagram:

  • typedialog_architecture.svg - Dark background (#0f0f1a)
  • typedialog_architecture_white.svg - Light background (#ffffff)

Both show the complete TypeDialog architecture:

  • Form Definitions layer (Nickel + TOML + load_form)
  • typedialog-core (three-phase execution, core modules, BackendFactory)
  • 6 Backends (CLI, TUI, Web, AI, Agent, Prov-Gen)
  • Output formats (JSON, YAML, TOML, Nickel Roundtrip)
  • LLM Providers (Claude, OpenAI, Gemini, Ollama)
  • Integrations (Nushell, Nickel Contracts, Tera, Multi-Cloud, CI/CD)

Development

Edit source files in src/, then regenerate minified versions:

chmod +x assets/web/minify.sh
./assets/web/minify.sh

Deployment

Serve from any static web server:

# Rust
cargo install static-web-server
static-web-server -d assets/web/

# Python
python3 -m http.server --directory assets/web

# Node.js
npx http-server assets/web

Logo SVGs are referenced from the parent assets/ directory via relative paths (../typedialog_logo_h.svg).

Features

  • Responsive: Mobile-first with media queries
  • Performance: Inline CSS/JS, no frameworks, minified production
  • Bilingual: EN/ES with dynamic switching
  • Theming: Dark/light with localStorage persistence and logo swap
  • Architecture: SVG diagram with dark/light variants showing full system