geoproject-app/package.json

{
  "name": "geoproject",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "@melloware/coloris": "^0.25.0",
    "highlight.js": "^11.11.1",
    "pagedjs": "^0.4.3",
    "pinia": "^3.0.4",
    "prettier": "^3.7.4",
    "vue": "^3.5.24"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^6.0.1",
    "sass-embedded": "^1.93.3",
    "vite": "^7.2.4"
  }
}
init with kirby, vue and pagedjs interactive 2025-11-24 14:01:48 +01:00			`{`
			`"name": "geoproject",`
			`"private": true,`
			`"version": "0.0.0",`
			`"type": "module",`
			`"scripts": {`
			`"dev": "vite",`
			`"build": "vite build",`
			`"preview": "vite preview"`
			`},`
			`"dependencies": {`
feat: integrate Coloris color picker for background field Add Coloris.js library for enhanced color selection in PageSettings with automatic button state sync across tab changes. Features: - Color picker with swatches, alpha support, and format toggle (hex/rgb/hsl) - Button positioned to the left of input field - Automatic sync when switching tabs (remembers selected color) - Close button and click-outside-to-close functionality - Dark theme with pill UI style Changes: - Install @melloware/coloris package - PageSettings.vue: Integrate Coloris with data-coloris attribute, add tab visibility detection via provide/inject, force button update when returning to document tab - EditorPanel.vue: Provide activeTab to child components, increase panel width to 30rem - _forms.scss: Add .input-with-color styles with custom Coloris button positioning (absolute positioned to left of input) - Temporarily comment out rgb/hex format buttons (replaced by Coloris format toggle) Technical details: - Uses provide/inject pattern to detect tab changes - Triggers synthetic input events to force Coloris button refresh - Custom CSS overrides to position swatch button correctly 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com> 2025-12-04 15:03:29 +01:00			`"@melloware/coloris": "^0.25.0",`
feat: iframe-based PagedJS preview with reactive CSS editor - Isolate PagedJS in iframe to avoid DOM/CSS conflicts - Add EditorPanel for global CSS controls - Add StylesheetViewer with highlight.js syntax highlighting - Add ElementPopup for element-specific CSS editing - CSS modifications update preview reactively - Support px/rem/em units 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com> 2025-11-24 16:51:55 +01:00			`"highlight.js": "^11.11.1",`
init with kirby, vue and pagedjs interactive 2025-11-24 14:01:48 +01:00			`"pagedjs": "^0.4.3",`
refactor: implement Pinia store for stylesheet management - Add Pinia state management - Create centralized stylesheet store with utility methods - Extract CSS parsing utilities to src/utils/css-parsing.js - Refactor ElementPopup to manage state independently via store - Simplify App.vue by removing prop drilling - Fix iframe rendering with srcdoc instead of document.write - Improve API: updateProperty uses object parameter for clarity 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com> 2025-11-24 17:55:42 +01:00			`"pinia": "^3.0.4",`
feat: add automatic CSS formatting with Prettier Integrates Prettier into the stylesheet store for automatic CSS formatting: - Installs prettier v3.7.4 with postcss plugin - Implements formatContent() function using Prettier API - Auto-formats CSS after 500ms of inactivity (debounced) - Prevents infinite loops with isFormatting flag - Ensures consistent indentation and line breaks - Cleans up extra blank lines and formatting issues This ensures the CSS in the Code tab stays clean and properly formatted after reactive edits from TextSettings and PageSettings panels. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com> 2025-12-05 16:23:42 +01:00			`"prettier": "^3.7.4",`
init with kirby, vue and pagedjs interactive 2025-11-24 14:01:48 +01:00			`"vue": "^3.5.24"`
			`},`
			`"devDependencies": {`
			`"@vitejs/plugin-vue": "^6.0.1",`
style: add button background and transition curve variable - Add sass-embedded as dev dependency for SCSS compilation - Add background color to buttons for better visibility - Add --curve CSS variable for consistent easing transitions across components - Rebuild compiled CSS files 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com> 2025-12-05 15:05:24 +01:00			`"sass-embedded": "^1.93.3",`
init with kirby, vue and pagedjs interactive 2025-11-24 14:01:48 +01:00			`"vite": "^7.2.4"`
			`}`
			`}`