feat(docs,styles,llms): add docs

Author: Ni55aN

content/en/docs/021.llms.md

@@ -0,0 +1,74 @@
+---
+description: Supercharge your visual programming workflow with AI - Learn how to integrate Rete.js documentation with AI coding assistants for smarter node editor development
+keywords: llms.txt,visual programming ai,node editor ai,rete.js ai,cursor,windsurf,copilot,claude,gemini,chatgpt
+---
+
+# LLMs.txt
+
+Enhance your visual programming experience with AI tools that understand Rete.js node editor patterns, dataflow concepts, and plugin architecture.
+
+## What is LLMs.txt? {#what-is-llms}
+
+Building node editors and visual programming interfaces involves unique patterns and concepts that differ from traditional application development. Our AI integration through [LLMs.txt](https://llmstxt.org/) helps coding assistants understand:
+
+- **Node-based architecture** and connection patterns
+- **Dataflow vs Control flow** processing paradigms
+- **Plugin composition** for extensible editors
+- **Multi-framework rendering** (React, Vue, Angular, Svelte)
+- **Graph processing** and manipulation techniques
+
+This enables AI tools to provide contextually accurate suggestions for your visual programming projects.
+
+## Resources {#resources}
+
+Our documentation is optimized for AI consumption through specialized endpoints that understand visual programming workflows:
+
+- **[llms.txt](/llms.txt)** - Essential node editor concepts, core APIs, and quick reference patterns
+- **[llms-full.txt](/llms-full.txt)** - Complete visual programming knowledge base including advanced patterns, plugin architecture, and processing engines
+
+These endpoints are continuously updated to reflect the latest in node editor development practices and framework capabilities.
+
+## How to Use {#how-to-use}
+
+You can integrate Rete.js documentation with any AI coding assistant by providing the LLMs.txt URLs as context. This gives the AI comprehensive knowledge about node editor development patterns and best practices.
+
+### Basic integration steps
+
+1. Copy the LLMs.txt URL: `https://retejs.org/llms.txt` (or `llms-full.txt` for complete docs)
+2. Reference it in your AI tool's context or conversation
+3. Ask questions about Rete.js development, node editor patterns, or get code suggestions
+
+### VS Code GitHub Copilot
+
+Add the LLMs.txt URL to your workspace for enhanced context-aware suggestions:
+
+1. Create a `.copilot-instructions.md` file in your project root
+2. Add the reference:
+   ```markdown
+   # Copilot Instructions
+
+   For Rete.js development, reference the documentation at:
+   https://retejs.org/llms-full.txt
+
+   Focus on node editor patterns, dataflow programming, and plugin architecture.
+   ```
+
+3. Copilot will now understand Rete.js concepts when providing code completions and suggestions
+
+### Google Gemini Chat
+
+Reference the documentation directly in your conversation:
+
+```
+I'm building a node editor with Rete.js. Please review the documentation at https://retejs.org/llms-full.txt and help me create a custom node that processes image data through multiple transformation steps.
+```
+
+### Model Context Protocol (MCP)
+
+MCP-compatible tools like Context7 automatically discover and fetch the Rete.js documentation as context to AI models:
+
+1. The complete Rete.js documentation is automatically loaded as context for AI conversations
+2. AI models have persistent access to node editor patterns, plugin architecture, and best practices
+3. No manual setup required - the context is always available
+
+This approach ensures every AI interaction has comprehensive Rete.js knowledge without any configuration.

content/uk/docs/021.llms.md

@@ -0,0 +1,74 @@
+---
+description: Пришвидште ваш робочий процес візуального програмування за допомогою ШІ - Дізнайтеся, як інтегрувати документацію Rete.js з асистентами кодування ШІ для розумнішої розробки редакторів вузлів
+keywords: llms.txt,візуальне програмування ші,редактор вузлів ші,rete.js ші,cursor,windsurf,copilot,claude,gemini,chatgpt
+---
+
+# LLMs.txt
+
+Покращте свій досвід візуального програмування за допомогою інструментів ШІ, які розуміють шаблони редакторів вузлів Rete.js, концепції потоків даних та архітектуру плагінів.
+
+## Що таке LLMs.txt? {#what-is-llms}
+
+Створення редакторів вузлів та інтерфейсів візуального програмування включає унікальні шаблони та концепції, які відрізняються від традиційної розробки додатків. Наша інтеграція з ШІ через [LLMs.txt](https://llmstxt.org/) допомагає асистентам кодування зрозуміти:
+
+- **Архітектуру на основі вузлів** та шаблони з'єднань
+- Парадигми обробки **потоків даних проти потоків управління**
+- **Композицію плагінів** для розширюваних редакторів
+- **Багатофреймворкове рендерінг** (React, Vue, Angular, Svelte)
+- Техніки **обробки та маніпулювання графами**
+
+Це дозволяє інструментам ШІ надавати контекстуально точні пропозиції для ваших проектів візуального програмування.
+
+## Ресурси {#resources}
+
+Наша документація оптимізована для споживання ШІ через спеціалізовані точки доступу, які розуміють робочі процеси візуального програмування:
+
+- **[llms.txt](/llms.txt)** - Основні концепції редакторів вузлів, базові API та швидкі довідкові шаблони
+- **[llms-full.txt](/llms-full.txt)** - Повна база знань візуального програмування, включаючи розширені шаблони, архітектуру плагінів та обробні движки
+
+Ці точки доступу постійно оновлюються, щоб відображати найновіші практики розробки редакторів вузлів та можливості фреймворків.
+
+## Як використовувати {#how-to-use}
+
+Ви можете інтегрувати документацію Rete.js з будь-яким асистентом кодування ШІ, надавши URL-адреси LLMs.txt як контекст. Це дає ШІ всебічні знання про шаблони розробки редакторів вузлів та кращі практики.
+
+### Основні кроки інтеграції
+
+1. Скопіюйте URL LLMs.txt: `https://retejs.org/llms.txt` (або `llms-full.txt` для повної документації)
+2. Посилайтеся на нього в контексті вашого інструменту ШІ або розмові
+3. Задавайте питання про розробку Rete.js, шаблони редакторів вузлів або отримуйте пропозиції коду
+
+### VS Code GitHub Copilot
+
+Додайте URL LLMs.txt до вашого робочого простору для покращених контекстно-залежних пропозицій:
+
+1. Створіть файл `.copilot-instructions.md` в корені вашого проекту
+2. Додайте посилання:
+   ```markdown
+   # Інструкції Copilot
+
+   Для розробки Rete.js звертайтеся до документації за адресою:
+   https://retejs.org/llms-full.txt
+
+   Зосередьтеся на шаблонах редакторів вузлів, програмуванні потоків даних та архітектурі плагінів.
+   ```
+
+3. Тепер Copilot розумітиме концепції Rete.js при наданні автодоповнень коду та пропозицій
+
+### Google Gemini Chat
+
+Посилайтеся на документацію безпосередньо у вашій розмові:
+
+```
+Я створюю редактор вузлів з Rete.js. Будь ласка, перегляньте документацію за адресою https://retejs.org/llms-full.txt і допоможіть мені створити користувацький вузол, який обробляє дані зображень через кілька кроків трансформації.
+```
+
+### Model Context Protocol (MCP)
+
+Інструменти, сумісні з MCP, такі як Context7, автоматично виявляють та завантажують документацію Rete.js як контекст для моделей ШІ:
+
+1. Повна документація Rete.js автоматично завантажується як контекст для розмов з ШІ
+2. Моделі ШІ мають постійний доступ до шаблонів редакторів вузлів, архітектури плагінів та кращих практик
+3. Не потрібно ручного налаштування - контекст завжди доступний
+
+Цей підхід забезпечує, що кожна взаємодія з ШІ має всебічні знання Rete.js без будь-якої конфігурації.

nuxt.config.ts

@@ -27,11 +27,27 @@ export default defineNuxtConfig({
   },
   llms: {
     domain: 'https://retejs.org',
-    title: 'Rete.js Documentation',
-    sections: [],
+    title: 'Rete.js',
+    sections: [
+      {
+        title: 'Documentation',
+        contentCollection: 'content',
+        contentFilters: [
+          { field: 'extension', operator: '=', value: 'md' },
+          { field: 'path', operator: 'LIKE', value: '/en/docs%' },
+        ]
+      },
+      {
+        title: 'Examples',
+        contentCollection: 'content',
+        contentFilters: [
+          { field: 'extension', operator: '=', value: 'md' },
+          { field: 'path', operator: 'LIKE', value: '/en/examples%' },
+        ]
+      },
+    ],
     full: {
-      title: 'Rete.js Full Documentation',
-      description: 'Complete documentation for Rete.js - a modular framework for visual programming'
+      title: 'Rete.js Full'
     }
   },
   site: {

src/assets/styles/common.sass

@@ -36,7 +36,7 @@ h1, h2, h3, h4, div
   scroll-margin-top: var(--header-offset)
 
 .markdown
-  ul
+  ul,ol
     margin: 0 1.5em 1em 1.5em
     +phone
       margin: 0.5em 1.5em

src/server/plugins/llms.ts

@@ -0,0 +1,15 @@
+import { defineNitroPlugin } from 'nitropack/runtime'
+
+export default defineNitroPlugin((nitroApp: any) => {
+  nitroApp.hooks.hook('llms:generate', (event: string, options: any) => {
+    const domain = options.domain
+
+    for (const section of options.sections) {
+      for (const link of section.links) {
+        if (link.href.startsWith(`${domain}/en/`)) {
+          link.href = link.href.replace(`${domain}/en/`, `${domain}/`)
+        }
+      }
+    }
+  })
+})