New search function et drag and drop clean

This commit is contained in:
2025-11-10 19:40:14 +01:00
parent d969b05ead
commit cd9a96c760
42 changed files with 2164 additions and 34 deletions

View File

@ -0,0 +1,27 @@
---
title: "CodeMirror Integration"
date: "10-11-2025"
last_modified: "10-11-2025:19:21"
tags: ["projet", "frontend", "editor"]
---
# CodeMirror 6 Integration
## Configuration
Nous utilisons CodeMirror 6 avec:
- `@codemirror/lang-markdown` pour le Markdown
- `@codemirror/theme-one-dark` pour le thème
- `@codemirror/basic-setup` pour les fonctionnalités de base
## Slash Commands
Système de commandes rapides avec `/`:
- /h1, /h2, /h3 - Titres
- /date - Date actuelle
- /table - Tableau
- /code - Bloc de code
## Auto-save
Déclenché après 2 secondes d'inactivité.

View File

@ -0,0 +1,27 @@
---
title: "Drag and Drop System"
date: "10-11-2025"
last_modified: "10-11-2025:19:21"
tags: ["projet", "frontend", "ux"]
---
# Drag and Drop System
## Fonctionnalités
- Déplacer fichiers entre dossiers
- Déplacer dossiers entre dossiers
- Zone de drop racine
- Indicateur visuel de destination
## Implémentation
Utilise l'API HTML5 Drag & Drop:
- `dragstart` / `dragend`
- `dragover` / `dragleave`
- `drop`
## Validations
- Impossible de déplacer un dossier dans lui-même
- Impossible de déplacer la racine

View File

@ -0,0 +1,31 @@
---
title: "Vite Build Process"
date: "10-11-2025"
last_modified: "10-11-2025:19:21"
tags: ["projet", "frontend", "build"]
---
# Vite Build Process
## Structure
```
frontend/
├── src/
│ ├── main.js
│ ├── editor.js
│ ├── file-tree.js
│ └── ui.js
├── vite.config.js
└── package.json
```
## Build
`npm run build` génère:
- `project-notes-frontend.es.js` (ES modules)
- `project-notes-frontend.umd.js` (UMD)
## Watch Mode
`npm run build -- --watch` pour le dev.