geoproject-app/public/site/plugins/code-editor/src/index.js

import CodeEditor from "./components/field/CodeEditor.vue";

window.panel.plugin("sylvainjule/code-editor", {
  fields: {
    "code-editor": CodeEditor,
  },
});
feat: add custom CSS save system with dual-editor interface Implement complete custom CSS management system: - Separate base CSS (readonly) and custom CSS (editable) - Save custom CSS to Kirby backend per narrative - Visual save button with state indicators (dirty/saving/success/error) - CSRF-protected API endpoint for CSS operations - Dual-editor StylesheetViewer (base + custom with edit mode toggle) - Auto-format custom CSS with Prettier on edit mode exit Backend changes: - Add web2print Kirby plugin with POST/GET routes - Add customCss field to narrative blueprint - Add CSRF token meta tag in header - Include customCss and modified timestamps in JSON template - Install code-editor plugin for Kirby panel Frontend changes: - Refactor stylesheet store with baseCss/customCss refs - Make content a computed property (baseCss + customCss) - Add helper methods: replaceBlock, replaceInCustomCss, setCustomCss - Update all components to use new store API - Create SaveButton component with FAB design - Redesign StylesheetViewer with collapsable sections - Initialize store from narrative data on app mount File changes: - Rename stylesheet.css → stylesheet.print.css - Update all references to new filename Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> 2026-01-09 13:39:25 +01:00			`import CodeEditor from "./components/field/CodeEditor.vue";`

			`window.panel.plugin("sylvainjule/code-editor", {`
			`fields: {`
			`"code-editor": CodeEditor,`
			`},`
			`});`