@0m0g1/griot 0.1.10 → 0.1.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@0m0g1/griot",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "description": "A self-contained block-based rich text editor and renderer built for historical document authoring.",
   "type": "module",
   "main": "./src/Griot.js",

package/src/blocks/GalleryRenderer.js

@@ -11,7 +11,15 @@
 // layouts: 'grid' | 'masonry' | 'carousel' | 'strip'
 // ─────────────────────────────────────────────────────────────────────────────
 
-import { lightbox } from './Lightbox.js';
+// Lazy import avoids circular dependency when both are re-exported from Griot.js
+let _lightbox = null;
+function getLightbox() {
+  if (!_lightbox) {
+    // Dynamic require/import — works in both CJS and ESM bundler contexts
+    _lightbox = require('./Lightbox.js').lightbox;
+  }
+  return _lightbox;
+}
 
 const VALID_LAYOUTS = new Set(['grid', 'masonry', 'carousel', 'strip']);
 
@@ -97,7 +105,7 @@ function _itemEl(item, index, allItems) {
   img.decoding = 'async';
   img.draggable = false;
 
-  img.addEventListener('click', () => lightbox.open(allItems, index));
+  img.addEventListener('click', () => getLightbox().open(allItems, index));
 
   el.appendChild(img);
 
@@ -142,7 +150,7 @@ function _carousel(items, wrap) {
 
     // Click on carousel image → open lightbox at CURRENT idx (not i, since user
     // may have navigated away from the first image)
-    img.addEventListener('click', () => lightbox.open(items, idx));
+    img.addEventListener('click', () => getLightbox().open(items, idx));
 
     slide.appendChild(img);