v 2.0.0 - Beta 1

🚀 Features

• NEW HTML Block Component with comprehensive capabilities

  • Shadow DOM Architecture for secure encapsulation and CSS scoping
  • Live HTML/CSS/JavaScript Editor with real-time preview
  • CSS Variables System with automatic control generation (color pickers, sliders, switches)
  • JavaScript Variables System with 8 typed controls (string, number, boolean, color, gradient, url, object, array)
  • Custom Actions System with button generation from JavaScript comments
  • SafeDOM API for secure DOM manipulation preventing "Illegal invocation" errors
  • Custom Components for Data Editing: ArrayEditor and ObjectEditor with intuitive UI
  • Real-time Variable Updates with automatic UI refresh
  • Integration with Export System for static image generation

• New Routing System with React Router for better navigation and state management

  • Separated Routes: /new for project creation and /editor for editing
  • Professional New Project Panel: Photoshop-style interface without templates
  • Context-Aware UI: Menu options and UI elements only appear when relevant
  • Smart Navigation: Automatic redirection between routes based on application state

• Enhanced Project Management

  • Custom Project Names: Workspaces now use the exact project name entered by user
  • No Auto-Creation: Eliminated automatic workspace creation on app startup
  • Smart TabBar: Only appears when projects exist, hidden in new project view
  • Contextual Controls: Editing options disabled outside editor context

• Improved User Experience

  • Cleaner Interface: TabBar and add tab button hidden in new project view
  • Logical Menu System: File menu options disabled when no workspace is active
  • Professional Workflow: Similar to professional design applications
  • Performance Optimization: Editor components only loaded when needed

• Add a redesigned hierarchy panel with searchable layers, filters, contextual layer actions, and cleaner workspace-oriented UI

• Add layer groups/folders with nested hierarchy, collapse state, visibility/lock controls, duplication, rename, and drag-and-drop reordering

• Add grouped Moveable editing so hierarchy groups can be transformed together directly on the canvas

• Add hierarchy multi-selection with standard click, Shift range selection, and additive Alt/Ctrl/Cmd selection for batch layer actions

• Migrate to Tailwind CSS v4 with new CSS-based configuration

• Migrate to Vite 8 for improved build performance

• Migrate to ESLint 9 with flat config system

• Migrate to Zustand from easy-peace and build a multistore system

• Add new window styles to CodeBlock: Pixel, Konsole, GTK, GNOME, RETRO and Paper

• Improve macOS window style with realistic traffic light buttons and proper spacing

• Improve Windows 11 window style with accurate title bar and window controls

• Enhance Paper window style with better textures, gradients, and paper tear effect

• Add automatic color setting for Paper theme (#fbfaf7) and disable window color picker

• Add rounded corners and shadows to various window styles for better realism

• Add blur effect for workspace backgrounds

• Add noise texture overlay for workspace backgrounds

• New Mesh Gradient Dynamic Background Effect

• New Lava Lamp Background Effect

• New Galaxy and Starfield Background Effect

• Add "Create Dynamic Background" from Image, Phone, and Window block context menus using extracted image colors

• New App Design with glassmorphism effects

• Redesign TabBar with design guide styling

• Add context menu to tabs with bulk closing options: Close, Close others, Close to the right, Close to the left

🐛 Fixes

• Fix grouped Moveable crashes caused by invalid multi-target configuration in hierarchy-driven group selection
• Fix control position feedback loops caused by store-to-local property synchronization while dragging active controls
• Fix 800+ ESLint errors (formatting, unused variables, and other linting issues)
• Fix TypeScript strict mode error in ProjectWizard.tsx (explicit comparison for any types)
• Fix Editor component not displaying by default (showWizard state initialization)
• Fix theme toggle not working by centralizing theme state in AppContext and updating CSS for class-based dark mode
• Fix code duplication in new window styles by using common SyntaxHighlighter
• Fix window color picker showing for Paper theme when it should be disabled
• Fix TypeScript and ESLint formatting issues across codebase
• Fix InfiniteViewer zoom being too aggressive when using Ctrl + mouse wheel scroll (added wheelScale and maxPinchWheel parameters)
• Fix ControlMenu Portal not rendering when RightPanel hasn't mounted yet (added useEffect to wait for #menu element)
• Fix ControlMenu disappearing when switching tabs in RightPanel (Portal container now persists within tab)
• Fix Moveable component appearing in exported images (added isExporting state to hide Moveable during export)
• Fix TypeScript errors in workspace store interface for addWorkspace function
• Fix workspace name inheritance from project creation dialog
• Fix TabBar rendering when no workspaces exist
• Fix menu options appearing in inappropriate contexts
• Fix automatic workspace creation on application startup

🔄 Changes

• Refactor hierarchy actions into the central store so layer visibility, lock, delete, duplicate, grouping, and structural reorder flow through shared editor logic
• Update TypeScript moduleResolution to "bundler" for better ESM support
• Remove old ESLint config files (.eslintrc.js, .eslintrc.json)
• Remove test message from App.tsx
• Refactor CodeBlock to use common SyntaxHighlighter for all styles to prevent duplication and enable proper stretching
• Update Tailwind CSS v4 gradient syntax (bg-linear-to-_ instead of bg-gradient-to-_)
• Refactored App Architecture: Moved from dialog-based to routing-based navigation
• Updated Workspace Store: Modified addWorkspace to accept custom project names
• Enhanced MenuBar Logic: Added route-based conditional rendering
• Improved TabBar Behavior: Context-aware visibility based on workspace state
• Streamlined User Flow: Clear separation between project creation and editing phases

📦 Dependencies

• Update vite: 5.1.5 → 8.0.0
• Update @vitejs/plugin-react: 4.2.1 → 6.0.0
• Update vite-plugin-electron: 0.28.4 → 0.29.0
• Update vite-plugin-pwa: 0.16.4 → 0.20.0
• Update eslint: 8.57.0 → 9.15.0
• Update eslint-plugin-react: 7.34.0 → 7.37.0
• Update @typescript-eslint/eslint-plugin: 6.1.0 → 8.15.0
• Add @typescript-eslint/parser: 8.15.0
• Update eslint-config-prettier: 8.5.0 → 9.1.0

⚙️ Configuration

• Add @tailwindcss/vite plugin to vite.config.ts
• Create eslint.config.js with flat config format
• Update tsconfig.json moduleResolution to "bundler"
• Added React Router DOM for navigation management
• Created new NewProject.tsx component with professional UI
• Updated App.tsx with routing configuration
• Modified MenuBar.tsx for context-aware menu options
• Enhanced TabBar.tsx with conditional rendering logic

Full Changelog: v1.12.0...v2.0.0-beta1

v1.12.0 - Release (August 24th, 2023)

🚀 Changes

• 🏗️ New Template System with Community-Generated Content
• 🎨 Add a set of predefined gradients for background
• 💻 New Devices Mockups
• 🖼️ Background Images
• 🐧 New installation formats available for Linux
• 📱 Some improvements in Mobile Version

🛠️ Fixes

• Save Transform Properties of Blocks
• Wrong Data on Saving Projects
• Missing Image on Device Blocks
• and more...

All Changes from v1.10.1 to v1.12.0 see CHANGELOG

v1.11.6 RC

⚠️ Release Candidate (Not recommended for installation)

• Various Changes and Improvements

v1.10.1 - Release (August 16th, 2023)

🚀 Changes

• 🖥️ New, more compact interface design.
• 🎨 Changes in the colors of the light and dark themes for better contrast.
• 📱 Available version for Android
• ⚡ Reduce App Loading Time
• 🐛 Major Bug Fixes and Improvements

🪱 Minor Bug Fixes

• Show Menu Bar on Mac
• Wrong Position of Drawing Panel
• Change Theme Colors On Code Blocks

v1.7.2 - (August 6th, 2023)

Minor Release

• 🐛 Some bug fixes and improvements

v1.7.0 - Release (July 30th, 2023)

New Features

• 🚀 Multiple Workspaces
• 🔌 Improve Karbonized with the New Extensions System
• 🪟 New Editor Layout
• 🐛 Major Bug Fixes and Improvements
• ⚡ Electron-Based

All Changes from v1.1.0 to v1.7.0 see CHANGELOG

v 1.1.0 - Release (July 13th, 2023)

• Canvas Drawing System
• Transparent Background on Code blocks
• Some Improvements
• Minor Bug Fixes

karbonized-v1.0.3

v 1.0.3

• New Design
• Change License to Apache-2.0
• Added Twitter and Badge Controls
• Now has Compiled Version for Desktop Platforms Powered by Tauri
• Added Option To Change App Theme Manually
• Improve Behaviour of Editor
• Some Improvements
• Minor Bug Fixes