panda-editor 0.8.2 → 0.8.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1b5dd5e6612814d60e6112793b8de4673c48d465cbd43c327b2ca5d1b69af42f
-  data.tar.gz: 5b68f6606d59c3dbcd68395cb40efcd0cb68d1d54f1c52a9b50a9b4ff235e5d5
+  metadata.gz: e06bc9641c74fd7f82f7a717d06c27cdd3be74588d90a8c021a4a3e86d328d3f
+  data.tar.gz: 057e222ba876c8139017766d85ad2ebfc8fda725cbe4483a2bb430b4c8d3d986
 SHA512:
-  metadata.gz: 7d289881c3a87f4ed4094e795a5abc2b62f191b8474ee8d22dacbd89e02ba0bfa799ff76d562d971e7e08e01ef20c3b27a9c99d32cc19868b68e83623f44d0d4
-  data.tar.gz: eecf90ed4f1a54db8321c35372ebb57e9ac00b1b86952fb2f9ab6567fcdeeb5cee514111fdee5912f093a09930b525df7bf3b1a85b1c856fe4e8268d42222d66
+  metadata.gz: 12dd001742255b97b60588f2bf5108c502d2d9b076272a3c323642b1ee7320dd0919cd4fa96d386e17a3e985f6d9a768a3eff5b6a9310eadfab22be1c2818461
+  data.tar.gz: 2f2482087b208e2086bf95d8d18fe7e0be85104d5342a0482ef53944a32b25e9ec3fefe8913e9cec62647a8067bd8879117c0e7807410137a50d3d4d44520a49

data/app/javascript/panda/editor/editor_js_config.js

@@ -17,6 +17,9 @@ if (window.PANDA_CMS_EDITOR_JS_RESOURCES) {
 export const EDITOR_JS_CSS = `
   .codex-editor {
     position: relative;
+    border: 1px solid #e5e7eb;
+    border-radius: 0.75rem;
+    overflow: hidden;
   }
   .codex-editor::before {
     content: '';
@@ -68,7 +71,12 @@ export const EDITOR_JS_CSS = `
   .ce-header h6 { font-size: 0.67em; }
 
   .codex-editor__redactor {
-    padding-bottom: 150px !important;
+    padding-bottom: 10px !important;
+    min-height: 50px !important;
+  }
+  /* Add more padding for empty or short editors to provide clickable space */
+  .codex-editor__redactor:has(.ce-block:only-child) {
+    padding-bottom: 50px !important;
     min-height: 100px !important;
   }
   /* Base toolbar styles */
@@ -174,7 +182,7 @@ export const EDITOR_JS_CSS = `
 
   /* Ensure last block has bottom spacing */
   .ce-block:last-child {
-    padding-bottom: 2em;
+    padding-bottom: 1em;
   }
 
   /* Reset all block type margins */

data/app/javascript/panda/editor/encoding.js

@@ -0,0 +1,42 @@
+/**
+ * UTF-8 safe Base64 encoding/decoding helpers
+ *
+ * Standard JavaScript atob/btoa functions don't handle UTF-8 multi-byte
+ * characters correctly. They treat each byte as a single Latin-1 character,
+ * which causes "mojibake" corruption for characters like em-dash (—),
+ * curly quotes, and non-ASCII text.
+ *
+ * These helpers properly encode strings to UTF-8 bytes before Base64 encoding,
+ * and properly decode UTF-8 bytes after Base64 decoding.
+ */
+
+/**
+ * Encode a string to Base64, properly handling UTF-8 multi-byte characters
+ * @param {string} str - The string to encode
+ * @returns {string} Base64 encoded string
+ */
+export function base64EncodeUTF8(str) {
+  // First encode to UTF-8 using encodeURIComponent (which produces %XX sequences)
+  // Then convert those sequences back to bytes for btoa
+  return btoa(
+    encodeURIComponent(str).replace(/%([0-9A-F]{2})/g, (_, p1) =>
+      String.fromCharCode(parseInt(p1, 16))
+    )
+  )
+}
+
+/**
+ * Decode a Base64 string, properly handling UTF-8 multi-byte characters
+ * @param {string} str - The Base64 string to decode
+ * @returns {string} Decoded UTF-8 string
+ */
+export function base64DecodeUTF8(str) {
+  // First decode Base64 to bytes, then convert each byte to a %XX sequence
+  // and use decodeURIComponent to properly decode UTF-8
+  return decodeURIComponent(
+    atob(str)
+      .split('')
+      .map((c) => '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2))
+      .join('')
+  )
+}

data/config/importmap.rb

@@ -14,6 +14,7 @@ pin "panda/editor/resource_loader", to: "/panda/editor/resource_loader.js"
 pin "panda/editor/plain_text_editor", to: "/panda/editor/plain_text_editor.js"
 pin "panda/editor/css_extractor", to: "/panda/editor/css_extractor.js"
 pin "panda/editor/rich_text_editor", to: "/panda/editor/rich_text_editor.js"
+pin "panda/editor/encoding", to: "/panda/editor/encoding.js"
 
 # EditorJS Core and plugins (from esm.sh - better ES module handling than jsdelivr)
 pin "@editorjs/editorjs", to: "https://esm.sh/@editorjs/editorjs@2.28.2"

data/lib/panda/editor/blocks/alert.rb

@@ -24,7 +24,7 @@ module Panda
           when "success" then "bg-green-100 text-green-800"
           when "danger" then "bg-red-100 text-red-800"
           when "warning" then "bg-yellow-100 text-yellow-800"
-          when "info" then "bg-indigo-100 text-indigo-800"
+          when "info" then "bg-sky-100 text-sky-800"
           else "bg-blue-100 text-blue-800"
           end
         end

data/lib/panda/editor/engine.rb

@@ -48,7 +48,7 @@ Panda::Core::ModuleRegistry.register(
   engine: "Panda::Editor::Engine",
   paths: {
     views: "app/views/panda/editor/**/*.erb",
-    components: "app/components/panda/editor/**/*.rb",
+    components: "app/components/panda/editor/**/*.{rb,erb,js}",
     javascripts: "app/javascript/panda/editor/**/*.js"
   }
 )

data/lib/panda/editor/version.rb

@@ -2,6 +2,6 @@
 
 module Panda
   module Editor
-    VERSION = "0.8.2"
+    VERSION = "0.8.3"
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: panda-editor
 version: !ruby/object:Gem::Version
-  version: 0.8.2
+  version: 0.8.3
 platform: ruby
 authors:
 - Otaina Limited
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2026-01-01 00:00:00.000000000 Z
+date: 2026-02-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: dry-configurable
@@ -156,6 +156,7 @@ files:
 - app/javascript/panda/editor/css_extractor.js
 - app/javascript/panda/editor/editor_js_config.js
 - app/javascript/panda/editor/editor_js_initializer.js
+- app/javascript/panda/editor/encoding.js
 - app/javascript/panda/editor/plain_text_editor.js
 - app/javascript/panda/editor/plugins/embed.min.js
 - app/javascript/panda/editor/plugins/header.min.js