@crashbytes/contentful-richtext-editor 1.0.8 → 1.0.11

package/README.md

@@ -1,304 +1,179 @@
-# @crashbytes/contentful-richtext-editor
+# Release v2.0.0 - Major Feature Update 🎉
 
-A modern, Tiptap-based rich text editor that's fully compatible with Contentful's rich text format. Provides the same editing experience as Contentful's native editor while maintaining perfect compatibility with Contentful's document structure.
+## 🚀 What's New
 
-## Features
+This major release introduces **automatic configuration** from Contentful field settings, significantly enhancing the developer experience and ensuring your editor UI always matches your Contentful configuration.
 
-- ✅ **Full Contentful Compatibility** - Seamless conversion between Contentful and Tiptap formats  
-- ✅ **Modern UI** - Clean, intuitive interface matching Contentful's design  
-- ✅ **TypeScript Support** - Complete type safety with Contentful's rich text types  
-- ✅ **Extensible** - Built on Tiptap v2 for easy customization  
-- ✅ **Lightweight** - Tree-shakeable, only import what you need  
-- ✅ **Responsive** - Works on desktop and mobile devices  
+### ✨ Major New Features
 
-## Supported Features
+- **🔄 Automatic Contentful Configuration**: The editor now reads your Contentful field validation settings and automatically enables/disables toolbar features
+- **📝 Inline Entry Support**: Added support for inline embedded entries (as configured in Contentful)
+- **⌨️ Keyboard Shortcuts**: Built-in shortcuts for common actions (`Cmd/Ctrl + Shift + E` for entries, `Cmd/Ctrl + Shift + A` for assets, etc.)
+- **🔍 Enhanced TypeScript Support**: Comprehensive type definitions and better developer experience
+- **📊 Content Analysis Utilities**: New utilities for word counting, plain text extraction, and content validation
 
-- **Text Formatting**: Bold, italic, underline
-- **Headings**: H1 through H6
-- **Lists**: Ordered and unordered lists
-- **Links**: Hyperlinks with URL validation
-- **Tables**: Full table support with headers
-- **Quotes**: Blockquotes
-- **Embedded Content**: Callbacks for Contentful entries and assets
-- **Undo/Redo**: Full history support
+### 🔧 Enhanced Features
 
-## Installation
+- **Smart Toolbar**: Toolbar buttons now appear/disappear based on your Contentful field configuration
+- **Better Error Handling**: Improved error messages and validation
+- **Performance Optimizations**: Faster rendering and better memory usage
+- **Accessibility Improvements**: Enhanced ARIA support and keyboard navigation
 
-```bash
-npm install @crashbytes/contentful-richtext-editor
-```
+### 🎨 Developer Experience
 
-## Basic Usage
-
-```jsx
-import React, { useState } from 'react';
-import { ContentfulRichTextEditor } from '@crashbytes/contentful-richtext-editor';
-import '@crashbytes/contentful-richtext-editor/dist/index.css';
-import { Document } from '@contentful/rich-text-types';
-
-function App() {
-  const [content, setContent] = useState();
-
-  const handleChange = (document) => {
-    setContent(document);
-    console.log('Contentful document:', document);
-  };
-
-  return (
-    <div>
-      <h1>My Rich Text Editor</h1>
-      <ContentfulRichTextEditor
-        placeholder="Start writing your content..."
-        onChange={handleChange}
-        initialValue={content}
-      />
-    </div>
-  );
-}
+- **Configuration Parser**: New utility to parse Contentful field settings
+- **Mock Configuration**: Easy testing with `createMockFieldConfig()`
+- **Backward Compatibility**: Existing manual configuration still works
+- **Comprehensive Documentation**: Updated with examples and API reference
 
-export default App;
-```
+## 🛠️ Installation
 
-## Advanced Usage
-
-### With Contentful Entry/Asset Embedding
-
-```jsx
-import { ContentfulRichTextEditor } from '@crashbytes/contentful-richtext-editor';
-import '@crashbytes/contentful-richtext-editor/dist/index.css';
-
-function ContentfulEditor() {
-  const handleEmbedEntry = async () => {
-    // Your logic to select a Contentful entry
-    const entry = await openEntrySelector();
-    return entry;
-  };
-
-  const handleEmbedAsset = async () => {
-    // Your logic to select a Contentful asset
-    const asset = await openAssetSelector();
-    return asset;
-  };
-
-  return (
-    <ContentfulRichTextEditor
-      placeholder="Write your travel tip..."
-      onChange={(doc) => saveToContentful(doc)}
-      onEmbedEntry={handleEmbedEntry}
-      onEmbedAsset={handleEmbedAsset}
-      theme="contentful"
-    />
-  );
-}
+```bash
+npm install @crashbytes/contentful-richtext-editor@2.0.0
 ```
 
-### Customizing Features
+## 🔄 Migration from v1.x
 
-```jsx
+### Automatic Configuration (Recommended)
+```tsx
+// Before (v1.x)
 <ContentfulRichTextEditor
-  placeholder="Simple editor..."
-  disabledFeatures={['table', 'embed', 'quote']}
-  theme="minimal"
-  readonly={false}
-  onChange={handleChange}
+  availableHeadings={[1, 2, 3]}
+  availableMarks={['bold', 'italic']}
+  disabledFeatures={['table']}
 />
-```
 
-### Controlling Available Headings and Formatting
-
-```jsx
+// After (v2.x) - Automatically configured!
 <ContentfulRichTextEditor
-  placeholder="Limited editor..."
-  availableHeadings={[1, 2, 3]}  // Only H1, H2, H3
-  availableMarks={['bold', 'italic']}  // Only bold and italic, no underline
-  onChange={handleChange}
+  fieldConfiguration={contentfulFieldConfig}
+  onEmbedInlineEntry={handleInlineEntry} // New!
 />
 ```
 
-### With Initial Content
-
-```jsx
-import { createEmptyDocument } from '@crashbytes/contentful-richtext-editor';
-
-const initialContent = {
-  nodeType: 'document',
-  data: {},
-  content: [
-    {
-      nodeType: 'paragraph',
-      data: {},
-      content: [
-        {
-          nodeType: 'text',
-          value: 'Hello world!',
-          marks: [{ type: 'bold' }],
-          data: {}
-        }
-      ]
-    }
-  ]
-};
-
-<ContentfulRichTextEditor
-  initialValue={initialContent}
-  onChange={handleChange}
-/>
+### New Props Available
+```tsx
+interface ContentfulRichTextEditorProps {
+  // New in v2.0
+  fieldConfiguration?: ContentfulFieldConfiguration;
+  onEmbedInlineEntry?: () => Promise<any> | void;
+  
+  // Existing props still work (backward compatible)
+  availableHeadings?: Array<1 | 2 | 3 | 4 | 5 | 6>;
+  availableMarks?: Array<'bold' | 'italic' | 'underline'>;
+  disabledFeatures?: Array<string>;
+}
 ```
 
-## API Reference
-
-### Props
-
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `initialValue` | `Document` | `undefined` | Initial Contentful rich text document |
-| `onChange` | `(document: Document) => void` | `undefined` | Callback when content changes |
-| `onEmbedEntry` | `() => Promise<any> \| void` | `undefined` | Callback for embedding Contentful entries |
-| `onEmbedAsset` | `() => Promise<any> \| void` | `undefined` | Callback for embedding Contentful assets |
-| `placeholder` | `string` | `'Start writing...'` | Placeholder text |
-| `readonly` | `boolean` | `false` | Whether editor is read-only |
-| `className` | `string` | `''` | Additional CSS classes |
-| `theme` | `'default' \| 'minimal' \| 'contentful'` | `'contentful'` | Visual theme |
-| `disabledFeatures` | `Array<string>` | `[]` | Features to disable |
-| `availableHeadings` | `Array<1\|2\|3\|4\|5\|6>` | `[1,2,3,4,5,6]` | Which heading levels to show |
-| `availableMarks` | `Array<'bold'\|'italic'\|'underline'>` | `['bold','italic','underline']` | Which text formatting options to show |
-
-### Disabled Features
-
-You can disable specific features by passing them in the `disabledFeatures` array:
-
-- `'bold'` - Bold text formatting
-- `'italic'` - Italic text formatting  
-- `'underline'` - Underline text formatting
-- `'link'` - Hyperlinks
-- `'lists'` - Ordered and unordered lists
-- `'headings'` - All heading levels
-- `'quote'` - Blockquotes
-- `'table'` - Tables
-- `'embed'` - Embedded content
-
-### Utility Functions
-
-```jsx
-import { 
-  contentfulToTiptap, 
-  tiptapToContentful,
-  validateContentfulDocument,
-  createEmptyDocument 
-} from '@crashbytes/contentful-richtext-editor';
-
-// Convert between formats
-const tiptapJson = contentfulToTiptap(contentfulDocument);
-const contentfulDoc = tiptapToContentful(tiptapJson);
-
-// Validation
-const isValid = validateContentfulDocument(someDocument);
+### Fetching Configuration from Contentful
+```tsx
+import { fetchContentfulFieldConfig } from '@crashbytes/contentful-richtext-editor';
 
-// Create empty document
-const emptyDoc = createEmptyDocument();
+const fieldConfig = await fetchContentfulFieldConfig(
+  'space-id',
+  'content-type-id',
+  'field-id',
+  'management-token'
+);
 ```
 
-## Styling
+## 📋 New Utilities
 
-The editor comes with default styles that match Contentful's design. Import the CSS:
+### Content Analysis
+```tsx
+import { 
+  extractPlainText, 
+  countWords, 
+  findEmbeddedContent,
+  sanitizeContentfulDocument 
+} from '@crashbytes/contentful-richtext-editor';
 
-```jsx
-import '@crashbytes/contentful-richtext-editor/dist/index.css';
+const plainText = extractPlainText(document);
+const wordCount = countWords(document);
+const embedded = findEmbeddedContent(document);
 ```
 
-### Custom Styling
-
-You can override the default styles by targeting the CSS classes:
-
-```css
-.contentful-editor {
-  border: 2px solid #your-color;
-}
+### Configuration Management
+```tsx
+import { 
+  parseContentfulFieldConfig,
+  createMockFieldConfig 
+} from '@crashbytes/contentful-richtext-editor';
 
-.contentful-toolbar {
-  background: #your-background;
-}
+// Parse Contentful config
+const parsed = parseContentfulFieldConfig(fieldConfig);
 
-.contentful-editor-content {
-  font-family: 'Your Font', sans-serif;
-}
+// Create mock for testing
+const mockConfig = createMockFieldConfig({
+  enabledMarks: ['bold', 'italic'],
+  enabledNodeTypes: ['paragraph', 'heading-1', 'unordered-list']
+});
 ```
 
-## Themes
-
-### Contentful Theme (Default)
-Matches Contentful's native editor appearance.
+## ⌨️ New Keyboard Shortcuts
 
-### Minimal Theme
-Clean, minimal design with reduced visual elements.
+- `Cmd/Ctrl + Shift + E` - Embed entry
+- `Cmd/Ctrl + Shift + A` - Embed asset  
+- `Cmd/Ctrl + Shift + I` - Embed inline entry
+- `Cmd/Ctrl + K` - Add/edit link
+- Standard formatting shortcuts (Bold, Italic, Underline)
 
-### Default Theme  
-Standard rich text editor appearance with serif fonts.
+## 🐛 Bug Fixes
 
-## Integration with Next.js
+- Fixed TypeScript compilation warnings
+- Improved link handling in complex nested structures
+- Fixed table rendering issues
+- Better handling of embedded content transformation
+- Resolved build process issues
 
-```jsx
-// pages/editor.tsx or app/editor/page.tsx
-import dynamic from 'next/dynamic';
+## 🔧 Technical Improvements
 
-const ContentfulEditor = dynamic(
-  () => import('@crashbytes/contentful-richtext-editor').then(mod => mod.ContentfulRichTextEditor),
-  { ssr: false }
-);
-
-export default function EditorPage() {
-  return (
-    <div>
-      <ContentfulEditor
-        placeholder="Write something amazing..."
-        onChange={(doc) => console.log(doc)}
-      />
-    </div>
-  );
-}
-```
+- **Build System**: Improved Rollup configuration
+- **Type Safety**: Better TypeScript definitions throughout
+- **Performance**: Optimized re-renders and memory usage
+- **Code Quality**: Enhanced error boundaries and validation
 
-## TypeScript Support
+## 📚 Documentation
 
-This package is written in TypeScript and includes full type definitions. All Contentful rich text types are re-exported for convenience:
+- **Complete API Reference**: Full documentation of all props and methods
+- **Usage Examples**: 5 different implementation examples
+- **Migration Guide**: Step-by-step upgrade instructions
+- **TypeScript Support**: Full type definitions and examples
 
-```tsx
-import type { 
-  Document, 
-  Block, 
-  Inline, 
-  Text,
-  ContentfulRichTextEditorProps 
-} from '@crashbytes/contentful-richtext-editor';
-```
+## 🎯 What's Next
 
-## Browser Support
+We're already working on v2.1 with:
+- Real-time collaboration support
+- Advanced table editing features
+- Plugin system for custom extensions
+- More keyboard shortcuts and accessibility improvements
 
-- Chrome 80+
-- Firefox 78+
-- Safari 13+
-- Edge 80+
+## 🤝 Contributing
 
-## Contributing
+We welcome contributions! Please see our [Contributing Guide](CONTRIBUTING.md) for details.
 
-Contributions are welcome! Please feel free to submit a Pull Request.
+## 📖 Full Documentation
 
-1. Fork the repository
-2. Create your feature branch (`git checkout -b feature/amazing-feature`)
-3. Commit your changes (`git commit -m 'Add some amazing feature'`)
-4. Push to the branch (`git push origin feature/amazing-feature`)
-5. Open a Pull Request
+- [README](README.md) - Complete setup and usage guide
+- [API Reference](docs/API.md) - Detailed prop and method documentation
+- [Examples](examples/) - Implementation examples
+- [Changelog](CHANGELOG.md) - Complete version history
 
-## License
+## 🔗 Links
 
-MIT © [CrashBytes](https://github.com/CrashBytes)
+- **GitHub**: https://github.com/your-org/contentful-richtext-editor
+- **npm**: https://www.npmjs.com/package/@crashbytes/contentful-richtext-editor
+- **Issues**: https://github.com/your-org/contentful-richtext-editor/issues
+- **Discussions**: https://github.com/your-org/contentful-richtext-editor/discussions
 
-## Related Packages
+## 💝 Acknowledgments
 
-- [@contentful/rich-text-react-renderer](https://www.npmjs.com/package/@contentful/rich-text-react-renderer) - For rendering Contentful rich text
-- [@contentful/rich-text-types](https://www.npmjs.com/package/@contentful/rich-text-types) - Contentful rich text type definitions
-- [@tiptap/react](https://www.npmjs.com/package/@tiptap/react) - The underlying editor framework
+Special thanks to:
+- The Contentful team for their excellent Rich Text API
+- The TipTap team for the amazing editor framework
+- All early adopters and contributors who provided feedback
 
 ---
 
-**Made with ❤️ for the Contentful community**
+**Full Changelog**: https://github.com/your-org/contentful-richtext-editor/compare/v1.0.10...v2.0.0
+
+**Happy editing! 🎉**

package/dist/index.css

@@ -1 +1 @@
-.contentful-editor{background:#fff;border:1px solid #d3dce6;border-radius:6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.contentful-editor--loading{align-items:center;color:#68737d;display:flex;justify-content:center;min-height:200px}.contentful-toolbar{background:#f7f9fa;border-bottom:1px solid #d3dce6;border-radius:6px 6px 0 0;padding:8px 12px}.contentful-toolbar,.contentful-toolbar__group{align-items:center;display:flex;gap:4px}.contentful-toolbar__group--right{margin-left:auto}.contentful-toolbar__separator{background:#d3dce6;height:24px;margin:0 8px;width:1px}.contentful-toolbar__select{background:#fff;border:1px solid #d3dce6;border-radius:4px;font-size:14px;min-width:120px;padding:4px 8px}.contentful-toolbar__select:focus{border-color:#2e75d4;box-shadow:0 0 0 2px rgba(46,117,212,.2);outline:none}.contentful-toolbar__button{align-items:center;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;line-height:1;min-width:32px;padding:6px 8px}.contentful-toolbar__button:hover{background:#e5ebed;border-color:#d3dce6}.contentful-toolbar__button:disabled{cursor:not-allowed;opacity:.5}.contentful-toolbar__button--active{background:#2e75d4;border-color:#2e75d4;color:#fff}.contentful-toolbar__button--active:hover{background:#1e5aa8;border-color:#1e5aa8}.contentful-toolbar__link-input{align-items:center;display:flex;gap:4px;margin-left:8px}.contentful-toolbar__link-input input{border:1px solid #d3dce6;border-radius:4px;font-size:14px;padding:4px 8px;width:200px}.contentful-toolbar__link-input input:focus{border-color:#2e75d4;box-shadow:0 0 0 2px rgba(46,117,212,.2);outline:none}.contentful-toolbar__link-input button{background:#fff;border:1px solid #d3dce6;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px}.contentful-toolbar__embed-dropdown{position:relative}.contentful-toolbar__embed-button{background:#2e75d4;border:1px solid #2e75d4;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px}.contentful-toolbar__embed-button:hover{background:#1e5aa8;border-color:#1e5aa8}.contentful-toolbar__embed-dropdown:hover .contentful-toolbar__embed-menu{display:block}.contentful-toolbar__embed-menu{background:#fff;border:1px solid #d3dce6;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);display:none;min-width:120px;position:absolute;right:0;top:100%;z-index:100}.contentful-toolbar__embed-option{background:none;border:none;cursor:pointer;display:block;font-size:14px;padding:8px 12px;text-align:left;width:100%}.contentful-toolbar__embed-option:hover{background:#f7f9fa}.contentful-editor__content-wrapper{position:relative}.contentful-editor__content{min-height:200px}.contentful-editor-content{color:#2c3e50;font-size:16px;line-height:1.6;outline:none;padding:16px}.contentful-editor-content:empty:before{color:#68737d;content:attr(data-placeholder);pointer-events:none}.contentful-editor-content h1{font-size:2em;font-weight:600;line-height:1.2;margin:1em 0 .5em}.contentful-editor-content h2{font-size:1.5em;font-weight:600;line-height:1.3;margin:1em 0 .5em}.contentful-editor-content h3{font-size:1.25em;font-weight:600;line-height:1.4;margin:1em 0 .5em}.contentful-editor-content h4,.contentful-editor-content h5,.contentful-editor-content h6{font-size:1em;font-weight:600;line-height:1.5;margin:1em 0 .5em}.contentful-editor-content p{margin:0 0 1em}.contentful-editor-content p:last-child{margin-bottom:0}.contentful-bullet-list,.contentful-ordered-list{margin:1em 0;padding-left:1.5em}.contentful-bullet-list li,.contentful-ordered-list li{margin:.25em 0}.contentful-blockquote{border-left:4px solid #2e75d4;color:#68737d;font-style:italic;margin:1em 0;padding-left:1em}.contentful-link{color:#2e75d4;text-decoration:underline}.contentful-link:hover{color:#1e5aa8}.contentful-table{border:1px solid #d3dce6;border-collapse:collapse;margin:1em 0;width:100%}.contentful-table-cell,.contentful-table-header{border:1px solid #d3dce6;padding:8px 12px;text-align:left}.contentful-table-header{background:#f7f9fa;font-weight:600}.contentful-editor--minimal{border:none;border-radius:0}.contentful-editor--minimal .contentful-toolbar{background:#fff;border-bottom:1px solid #e1e8ed;border-radius:0}.contentful-editor--default .contentful-editor-content{font-family:Georgia,serif}.contentful-editor:focus-within{border-color:#2e75d4;box-shadow:0 0 0 2px rgba(46,117,212,.2)}@media (max-width:768px){.contentful-toolbar{flex-wrap:wrap}.contentful-toolbar__select{min-width:100px}.contentful-editor-content{font-size:14px;padding:12px}}
+.contentful-editor{background:#fff;border:1px solid #d3dce6;border-radius:6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.contentful-editor--borderless{border:none!important}.contentful-editor--loading{align-items:center;color:#68737d;display:flex;justify-content:center;min-height:200px}.contentful-toolbar{background:#f7f9fa;border-bottom:1px solid #d3dce6;border-radius:6px 6px 0 0;padding:8px 12px}.contentful-toolbar,.contentful-toolbar__group{align-items:center;display:flex;gap:4px}.contentful-toolbar__group--right{margin-left:auto}.contentful-toolbar__separator{background:#d3dce6;height:24px;margin:0 8px;width:1px}.contentful-toolbar__select{background:#fff;border:1px solid #d3dce6;border-radius:4px;font-size:14px;min-width:120px;padding:4px 8px}.contentful-toolbar__select:focus{border-color:#2e75d4;box-shadow:0 0 0 2px rgba(46,117,212,.2);outline:none}.contentful-toolbar__button{align-items:center;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;line-height:1;min-width:32px;padding:6px 8px}.contentful-toolbar__button:hover{background:#e5ebed;border-color:#d3dce6}.contentful-toolbar__button:disabled{cursor:not-allowed;opacity:.5}.contentful-toolbar__button--active{background:#2e75d4;border-color:#2e75d4;color:#fff}.contentful-toolbar__button--active:hover{background:#1e5aa8;border-color:#1e5aa8}.contentful-toolbar__link-input{align-items:center;display:flex;gap:4px;margin-left:8px}.contentful-toolbar__link-input input{border:1px solid #d3dce6;border-radius:4px;font-size:14px;padding:4px 8px;width:200px}.contentful-toolbar__link-input input:focus{border-color:#2e75d4;box-shadow:0 0 0 2px rgba(46,117,212,.2);outline:none}.contentful-toolbar__link-input button{background:#fff;border:1px solid #d3dce6;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px}.contentful-toolbar__embed-dropdown{position:relative}.contentful-toolbar__embed-button{background:#2e75d4;border:1px solid #2e75d4;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px}.contentful-toolbar__embed-button:hover{background:#1e5aa8;border-color:#1e5aa8}.contentful-toolbar__embed-dropdown:hover .contentful-toolbar__embed-menu{display:block}.contentful-toolbar__embed-menu{background:#fff;border:1px solid #d3dce6;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);display:none;min-width:120px;position:absolute;right:0;top:100%;z-index:100}.contentful-toolbar__embed-option{background:none;border:none;cursor:pointer;display:block;font-size:14px;padding:8px 12px;text-align:left;width:100%}.contentful-toolbar__embed-option:hover{background:#f7f9fa}.contentful-editor__content-wrapper{position:relative}.contentful-editor__content{min-height:200px}.contentful-editor-content{color:#2c3e50;font-size:16px;line-height:1.6;outline:none;padding:16px}.contentful-editor-content:empty:before{color:#68737d;content:attr(data-placeholder);pointer-events:none}.contentful-editor-content h1{font-size:2em;font-weight:600;line-height:1.2;margin:1em 0 .5em}.contentful-editor-content h2{font-size:1.5em;font-weight:600;line-height:1.3;margin:1em 0 .5em}.contentful-editor-content h3{font-size:1.25em;font-weight:600;line-height:1.4;margin:1em 0 .5em}.contentful-editor-content h4,.contentful-editor-content h5,.contentful-editor-content h6{font-size:1em;font-weight:600;line-height:1.5;margin:1em 0 .5em}.contentful-editor-content p{margin:0 0 1em}.contentful-editor-content p:last-child{margin-bottom:0}.contentful-bullet-list,.contentful-ordered-list{margin:1em 0;padding-left:1.5em}.contentful-bullet-list li,.contentful-ordered-list li{margin:.25em 0}.contentful-blockquote{border-left:4px solid #2e75d4;color:#68737d;font-style:italic;margin:1em 0;padding-left:1em}.contentful-link{color:#2e75d4;text-decoration:underline}.contentful-link:hover{color:#1e5aa8}.contentful-table{border:1px solid #d3dce6;border-collapse:collapse;margin:1em 0;width:100%}.contentful-table-cell,.contentful-table-header{border:1px solid #d3dce6;padding:8px 12px;text-align:left}.contentful-table-header{background:#f7f9fa;font-weight:600}.contentful-editor--minimal{border:none;border-radius:0}.contentful-editor--minimal .contentful-toolbar{background:#fff;border-bottom:1px solid #e1e8ed;border-radius:0}.contentful-editor--default .contentful-editor-content{font-family:Georgia,serif}.contentful-editor:focus-within{border-color:#2e75d4;box-shadow:0 0 0 2px rgba(46,117,212,.2)}@media (max-width:768px){.contentful-toolbar{flex-wrap:wrap}.contentful-toolbar__select{min-width:100px}.contentful-editor-content{font-size:14px;padding:12px}}

package/dist/index.esm.css

@@ -1 +1 @@
-.contentful-editor{background:#fff;border:1px solid #d3dce6;border-radius:6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.contentful-editor--loading{align-items:center;color:#68737d;display:flex;justify-content:center;min-height:200px}.contentful-toolbar{background:#f7f9fa;border-bottom:1px solid #d3dce6;border-radius:6px 6px 0 0;padding:8px 12px}.contentful-toolbar,.contentful-toolbar__group{align-items:center;display:flex;gap:4px}.contentful-toolbar__group--right{margin-left:auto}.contentful-toolbar__separator{background:#d3dce6;height:24px;margin:0 8px;width:1px}.contentful-toolbar__select{background:#fff;border:1px solid #d3dce6;border-radius:4px;font-size:14px;min-width:120px;padding:4px 8px}.contentful-toolbar__select:focus{border-color:#2e75d4;box-shadow:0 0 0 2px rgba(46,117,212,.2);outline:none}.contentful-toolbar__button{align-items:center;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;line-height:1;min-width:32px;padding:6px 8px}.contentful-toolbar__button:hover{background:#e5ebed;border-color:#d3dce6}.contentful-toolbar__button:disabled{cursor:not-allowed;opacity:.5}.contentful-toolbar__button--active{background:#2e75d4;border-color:#2e75d4;color:#fff}.contentful-toolbar__button--active:hover{background:#1e5aa8;border-color:#1e5aa8}.contentful-toolbar__link-input{align-items:center;display:flex;gap:4px;margin-left:8px}.contentful-toolbar__link-input input{border:1px solid #d3dce6;border-radius:4px;font-size:14px;padding:4px 8px;width:200px}.contentful-toolbar__link-input input:focus{border-color:#2e75d4;box-shadow:0 0 0 2px rgba(46,117,212,.2);outline:none}.contentful-toolbar__link-input button{background:#fff;border:1px solid #d3dce6;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px}.contentful-toolbar__embed-dropdown{position:relative}.contentful-toolbar__embed-button{background:#2e75d4;border:1px solid #2e75d4;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px}.contentful-toolbar__embed-button:hover{background:#1e5aa8;border-color:#1e5aa8}.contentful-toolbar__embed-dropdown:hover .contentful-toolbar__embed-menu{display:block}.contentful-toolbar__embed-menu{background:#fff;border:1px solid #d3dce6;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);display:none;min-width:120px;position:absolute;right:0;top:100%;z-index:100}.contentful-toolbar__embed-option{background:none;border:none;cursor:pointer;display:block;font-size:14px;padding:8px 12px;text-align:left;width:100%}.contentful-toolbar__embed-option:hover{background:#f7f9fa}.contentful-editor__content-wrapper{position:relative}.contentful-editor__content{min-height:200px}.contentful-editor-content{color:#2c3e50;font-size:16px;line-height:1.6;outline:none;padding:16px}.contentful-editor-content:empty:before{color:#68737d;content:attr(data-placeholder);pointer-events:none}.contentful-editor-content h1{font-size:2em;font-weight:600;line-height:1.2;margin:1em 0 .5em}.contentful-editor-content h2{font-size:1.5em;font-weight:600;line-height:1.3;margin:1em 0 .5em}.contentful-editor-content h3{font-size:1.25em;font-weight:600;line-height:1.4;margin:1em 0 .5em}.contentful-editor-content h4,.contentful-editor-content h5,.contentful-editor-content h6{font-size:1em;font-weight:600;line-height:1.5;margin:1em 0 .5em}.contentful-editor-content p{margin:0 0 1em}.contentful-editor-content p:last-child{margin-bottom:0}.contentful-bullet-list,.contentful-ordered-list{margin:1em 0;padding-left:1.5em}.contentful-bullet-list li,.contentful-ordered-list li{margin:.25em 0}.contentful-blockquote{border-left:4px solid #2e75d4;color:#68737d;font-style:italic;margin:1em 0;padding-left:1em}.contentful-link{color:#2e75d4;text-decoration:underline}.contentful-link:hover{color:#1e5aa8}.contentful-table{border:1px solid #d3dce6;border-collapse:collapse;margin:1em 0;width:100%}.contentful-table-cell,.contentful-table-header{border:1px solid #d3dce6;padding:8px 12px;text-align:left}.contentful-table-header{background:#f7f9fa;font-weight:600}.contentful-editor--minimal{border:none;border-radius:0}.contentful-editor--minimal .contentful-toolbar{background:#fff;border-bottom:1px solid #e1e8ed;border-radius:0}.contentful-editor--default .contentful-editor-content{font-family:Georgia,serif}.contentful-editor:focus-within{border-color:#2e75d4;box-shadow:0 0 0 2px rgba(46,117,212,.2)}@media (max-width:768px){.contentful-toolbar{flex-wrap:wrap}.contentful-toolbar__select{min-width:100px}.contentful-editor-content{font-size:14px;padding:12px}}
+.contentful-editor{background:#fff;border:1px solid #d3dce6;border-radius:6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.contentful-editor--borderless{border:none!important}.contentful-editor--loading{align-items:center;color:#68737d;display:flex;justify-content:center;min-height:200px}.contentful-toolbar{background:#f7f9fa;border-bottom:1px solid #d3dce6;border-radius:6px 6px 0 0;padding:8px 12px}.contentful-toolbar,.contentful-toolbar__group{align-items:center;display:flex;gap:4px}.contentful-toolbar__group--right{margin-left:auto}.contentful-toolbar__separator{background:#d3dce6;height:24px;margin:0 8px;width:1px}.contentful-toolbar__select{background:#fff;border:1px solid #d3dce6;border-radius:4px;font-size:14px;min-width:120px;padding:4px 8px}.contentful-toolbar__select:focus{border-color:#2e75d4;box-shadow:0 0 0 2px rgba(46,117,212,.2);outline:none}.contentful-toolbar__button{align-items:center;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;line-height:1;min-width:32px;padding:6px 8px}.contentful-toolbar__button:hover{background:#e5ebed;border-color:#d3dce6}.contentful-toolbar__button:disabled{cursor:not-allowed;opacity:.5}.contentful-toolbar__button--active{background:#2e75d4;border-color:#2e75d4;color:#fff}.contentful-toolbar__button--active:hover{background:#1e5aa8;border-color:#1e5aa8}.contentful-toolbar__link-input{align-items:center;display:flex;gap:4px;margin-left:8px}.contentful-toolbar__link-input input{border:1px solid #d3dce6;border-radius:4px;font-size:14px;padding:4px 8px;width:200px}.contentful-toolbar__link-input input:focus{border-color:#2e75d4;box-shadow:0 0 0 2px rgba(46,117,212,.2);outline:none}.contentful-toolbar__link-input button{background:#fff;border:1px solid #d3dce6;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px}.contentful-toolbar__embed-dropdown{position:relative}.contentful-toolbar__embed-button{background:#2e75d4;border:1px solid #2e75d4;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px}.contentful-toolbar__embed-button:hover{background:#1e5aa8;border-color:#1e5aa8}.contentful-toolbar__embed-dropdown:hover .contentful-toolbar__embed-menu{display:block}.contentful-toolbar__embed-menu{background:#fff;border:1px solid #d3dce6;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);display:none;min-width:120px;position:absolute;right:0;top:100%;z-index:100}.contentful-toolbar__embed-option{background:none;border:none;cursor:pointer;display:block;font-size:14px;padding:8px 12px;text-align:left;width:100%}.contentful-toolbar__embed-option:hover{background:#f7f9fa}.contentful-editor__content-wrapper{position:relative}.contentful-editor__content{min-height:200px}.contentful-editor-content{color:#2c3e50;font-size:16px;line-height:1.6;outline:none;padding:16px}.contentful-editor-content:empty:before{color:#68737d;content:attr(data-placeholder);pointer-events:none}.contentful-editor-content h1{font-size:2em;font-weight:600;line-height:1.2;margin:1em 0 .5em}.contentful-editor-content h2{font-size:1.5em;font-weight:600;line-height:1.3;margin:1em 0 .5em}.contentful-editor-content h3{font-size:1.25em;font-weight:600;line-height:1.4;margin:1em 0 .5em}.contentful-editor-content h4,.contentful-editor-content h5,.contentful-editor-content h6{font-size:1em;font-weight:600;line-height:1.5;margin:1em 0 .5em}.contentful-editor-content p{margin:0 0 1em}.contentful-editor-content p:last-child{margin-bottom:0}.contentful-bullet-list,.contentful-ordered-list{margin:1em 0;padding-left:1.5em}.contentful-bullet-list li,.contentful-ordered-list li{margin:.25em 0}.contentful-blockquote{border-left:4px solid #2e75d4;color:#68737d;font-style:italic;margin:1em 0;padding-left:1em}.contentful-link{color:#2e75d4;text-decoration:underline}.contentful-link:hover{color:#1e5aa8}.contentful-table{border:1px solid #d3dce6;border-collapse:collapse;margin:1em 0;width:100%}.contentful-table-cell,.contentful-table-header{border:1px solid #d3dce6;padding:8px 12px;text-align:left}.contentful-table-header{background:#f7f9fa;font-weight:600}.contentful-editor--minimal{border:none;border-radius:0}.contentful-editor--minimal .contentful-toolbar{background:#fff;border-bottom:1px solid #e1e8ed;border-radius:0}.contentful-editor--default .contentful-editor-content{font-family:Georgia,serif}.contentful-editor:focus-within{border-color:#2e75d4;box-shadow:0 0 0 2px rgba(46,117,212,.2)}@media (max-width:768px){.contentful-toolbar{flex-wrap:wrap}.contentful-toolbar__select{min-width:100px}.contentful-editor-content{font-size:14px;padding:12px}}