Moin Welt

Author: skerbis

.gitignore

@@ -1,3 +1,21 @@
+# Dependencies
+node_modules/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+package-lock.json
+
+# Monaco Editor Build (wird dynamisch erstellt)
+assets/monaco-editor/
+assets/monaco-version.json
+assets/monaco-loader.js
+
+# REDAXO spezifische Ignores
+cache/
+data/
+log/
+
+# Development
 .DS_Store
 .definition
 .dislap
@@ -12,3 +30,6 @@ modules.xml
 .idea/vcs.xml
 .idea/encodings.xml
 *.ipr
+Thumbs.db
+*.tmp
+*.temp

MONACO_SETUP.md

@@ -0,0 +1,117 @@
+# Monaco Editor Setup für Code Editor AddOn
+
+## Überblick
+
+Das Code Editor AddOn verwendet eine **lokale Monaco Editor Installation** statt CDN, um maximale Verfügbarkeit in Notfallsituationen zu gewährleisten.
+
+## Installation & Setup
+
+### 1. Dependencies installieren
+```bash
+cd src/addons/code
+npm install
+```
+
+### 2. Monaco Editor lokal bauen
+```bash
+npm run build
+```
+
+### 3. Monaco Editor aktualisieren
+```bash
+npm run update-monaco
+```
+
+## Ordnerstruktur nach Build
+
+```
+src/addons/code/
+├── assets/
+│   ├── monaco-editor/          # Lokale Monaco Editor Dateien
+│   │   └── vs/                 # Monaco Core Files
+│   ├── monaco-loader.js        # Lokaler Monaco Loader
+│   ├── monaco-version.json     # Version Info
+│   ├── code-editor.js          # Hauptlogik (mit lokalem Monaco)
+│   └── code-editor.css         # Styles
+├── package.json                # NPM Dependencies
+├── build.js                    # Build Script
+└── node_modules/               # NPM Dependencies (nicht im Git)
+```
+
+## Funktionsweise
+
+1. **Lokaler Load**: AddOn lädt Monaco Editor aus `assets/monaco-editor/`
+2. **CDN Fallback**: Falls lokal nicht verfügbar, automatischer CDN-Fallback
+3. **Versionskontrolle**: `monaco-version.json` trackt aktuelle Version
+4. **Cache-Busting**: Automatische Cache-Invalidierung bei Updates
+5. **Vollbild-Modus**: F11 oder Vollbild-Button für bessere Übersicht
+
+## Updates
+
+### Monaco Editor auf neue Version aktualisieren
+```bash
+npm run update-monaco
+```
+
+### Nur Build ohne Update
+```bash
+npm run build
+```
+
+### Nach Updates
+- Dateien nach `public/assets/addons/code/` kopieren
+- Browser-Cache leeren
+- AddOn neu laden
+
+## Vorteile der lokalen Installation
+
+✅ **Offline-Verfügbarkeit** - Funktioniert ohne Internet  
+✅ **Notfall-sicher** - Kein CDN-Ausfall-Risiko  
+✅ **Kontrollierte Updates** - Manuelle Version-Upgrades  
+✅ **Performance** - Lokale Dateien, kein externes Loading  
+✅ **Sicherheit** - Keine externen Dependencies zur Laufzeit  
+✅ **Vollbild-Editor** - F11 oder Button für ablenkungsfreies Arbeiten  
+
+## Entwicklung
+
+### Monaco Editor Version prüfen
+```bash
+cat assets/monaco-version.json
+```
+
+### Build-Output prüfen
+```bash
+ls -la assets/monaco-editor/vs/
+```
+
+### Fallback testen
+```javascript
+// In Browser Console
+delete window.monaco;
+// Seite neu laden - sollte CDN-Fallback verwenden
+```
+
+## Troubleshooting
+
+### Problem: Monaco Editor lädt nicht
+1. Build ausführen: `npm run build`
+2. Dateien nach public kopieren
+3. Browser-Cache leeren
+
+### Problem: Veraltete Version
+1. `npm run update-monaco`
+2. Dateien synchronisieren
+3. AddOn neu starten
+
+### Problem: CDN-Fallback aktiviert
+- Prüfe ob lokale Dateien existieren: `assets/monaco-editor/vs/loader.js`
+- Build neu ausführen
+- Dateiberechtigungen prüfen
+
+## Deployment
+
+Für Produktionsumgebung:
+1. `npm install --production`
+2. `npm run build` 
+3. Nur `assets/` Ordner deployen
+4. `node_modules/` **nicht** deployen

README.md

@@ -1,14 +1,37 @@
-# rex_repo_template
-REDAXO AddOn english readme
+# Code Editor & File Browser AddOn
 
-please use in your classes a namespace as
+Ein einfacher File Browser mit integriertem Monaco Code Editor für REDAXO, basierend auf dem Design des NextCloud AddOns.
 
-```
-namespace FriendsOfRedaxo\[AddOnNameWithoutSpacesAndAsCamelCase]
-```
+## Features
 
-in order to use non deprecated features please don't use PlugIns anymore
+- **File Browser** - Durchsuchen aller Projektdateien im NextCloud-Design
+- **Code Editor** - Monaco Editor (VS Code) Integration  
+- **Live Suche** - Volltext-Suche in allen Code-Dateien
+- **Backup System** - Automatische Backups vor Änderungen
+- **REDAXO Integration** - Nutzt PJAX und rex:ready Events
+- **Admin Only** - Nur für Administratoren verfügbar
 
-## composer.json
+## Verwendung
 
-this composer.json ensures that no vendors used by the core will be installed
+1. **File Browser**: Navigieren Sie durch die Dateien wie im NextCloud AddOn
+2. **Datei bearbeiten**: Doppelklick oder Edit-Button öffnet den Monaco Editor
+3. **Speichern**: Strg+S oder Save-Button
+4. **Suchen**: Code-Suche findet Text in allen unterstützten Dateien
+5. **Backups**: Automatische Sicherung, Wiederherstellung möglich
+
+## Unterstützte Dateitypen
+
+PHP, HTML, CSS, JavaScript, JSON, XML, SQL, Markdown, YAML, und viele mehr.
+
+## Monaco Editor
+
+- **Version**: 0.45.0 (CDN)
+- **Update**: Einfach Version in `main.php` ändern
+- **Features**: Syntax Highlighting, IntelliSense, Fehlermarkierung
+
+## Sicherheit
+
+- Nur Admin-Zugriff
+- Pfad-Validierung
+- Backup vor jeder Änderung
+- Htaccess-Schutz für Backups