npm - @crashbytes/contentful-richtext-editor - Versions diffs - 1.0.0 - Mend

@crashbytes/contentful-richtext-editor 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/README.md +0 -0
package/dist/components/ContentfulDocument.d.ts +2 -0
package/dist/components/ContentfulEditor.d.ts +25 -0
package/dist/components/ContentfulEmbedded.d.ts +3 -0
package/dist/components/Toolbar.d.ts +10 -0
package/dist/index.css +1 -0
package/dist/index.d.ts +5 -0
package/dist/index.esm.css +1 -0
package/dist/index.esm.js +27406 -0
package/dist/index.esm.js.map +1 -0
package/dist/index.js +27413 -0
package/dist/index.js.map +1 -0
package/dist/utils/contentfulTransform.d.ts +28 -0
package/dist/utils/types.d.ts +28 -0
package/package.json +62 -0

package/README.md ADDED Viewed

File without changes

package/dist/components/ContentfulDocument.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { Extension } from '@tiptap/core';
2	+ export declare const ContentfulDocument: Extension<any, any>;

package/dist/components/ContentfulEditor.d.ts ADDED Viewed

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Document } from '@contentful/rich-text-types';
+import '../styles/editor.css';
+export interface ContentfulRichTextEditorProps {
+    /** Initial Contentful rich text document */
+    initialValue?: Document;
+    /** Callback when content changes - returns Contentful Document */
+    onChange?: (document: Document) => void;
+    /** Callback for handling embedded entries */
+    onEmbedEntry?: () => Promise<any> | void;
+    /** Callback for handling embedded assets */
+    onEmbedAsset?: () => Promise<any> | void;
+    /** Custom CSS classes */
+    className?: string;
+    /** Whether the editor is read-only */
+    readonly?: boolean;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Disable specific toolbar features */
+    disabledFeatures?: Array<'bold' | 'italic' | 'underline' | 'link' | 'lists' | 'headings' | 'quote' | 'table' | 'embed'>;
+    /** Custom styling options */
+    theme?: 'default' | 'minimal' | 'contentful';
+}
+export declare const ContentfulRichTextEditor: React.FC<ContentfulRichTextEditorProps>;
+export default ContentfulRichTextEditor;

package/dist/components/ContentfulEmbedded.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { Node } from '@tiptap/core';
+export declare const EmbeddedEntry: Node<any, any>;
+export declare const EmbeddedAsset: Node<any, any>;

package/dist/components/Toolbar.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Editor } from '@tiptap/react';
+interface ToolbarProps {
+    editor: Editor;
+    onEmbedEntry?: () => void;
+    onEmbedAsset?: () => void;
+    disabledFeatures?: Array<string>;
+}
+export declare const ContentfulToolbar: React.FC<ToolbarProps>;
+export {};

package/dist/index.css ADDED Viewed

@@ -0,0 +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}}

package/dist/index.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export { ContentfulRichTextEditor } from './components/ContentfulEditor';
+export type { ContentfulRichTextEditorProps } from './components/ContentfulEditor';
+export { ContentfulToolbar } from './components/Toolbar';
+export { contentfulToTiptap, tiptapToContentful, validateContentfulDocument, createEmptyDocument } from './utils/contentfulTransform';
+export type { ContentfulEditorTheme } from './utils/types';

package/dist/index.esm.css ADDED Viewed

@@ -0,0 +1 @@