@vonaffenfels/slate-editor 1.0.80 → 1.0.81

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@vonaffenfels/slate-editor",
-    "version": "1.0.80",
+    "version": "1.0.81",
     "description": "",
     "main": "dist/index.js",
     "scripts": {
@@ -71,7 +71,7 @@
         "cssnano": "^5.0.1",
         "escape-html": "^1.0.3"
     },
-    "gitHead": "4fb98b27f14958fc2d5c99f8d95c5010da0c266e",
+    "gitHead": "a8759bb4528cbe15162eea2db425d570110eaaf7",
     "publishConfig": {
         "access": "public"
     }

package/src/BlockEditor.js

@@ -31,6 +31,7 @@ export default function BlockEditor({
     storybookStories,
     onSaveClick,
     isLoading,
+    activeConfig,
 }) {
     const scrollContainer = useRef(null);
     const [selectedStorybookElement, setSelectedStorybookElement] = useState(null);
@@ -319,6 +320,8 @@ export default function BlockEditor({
         setSelectedStorybookElement(null);
     };
 
+    const slug = contentfulSdk?.entry?.fields?.slug?.getValue();
+
     return (
         <div className={classNames({"block-editor-wrapper h-full": true})}>
             <Resizable
@@ -336,7 +339,12 @@ export default function BlockEditor({
                                 isLoadingStories={isLoadingStories}
                                 editor={editor}
                                 sdk={contentfulSdk}
-                                lastSelection={lastSelection}/>
+                                lastSelection={lastSelection}
+                                buttons={activeConfig?.domain && slug && (
+                                    <a href={`${activeConfig.domain}/${slug}`} target="_blank" rel="noreferrer">
+                                        <button className='button button--secondary'>Live-Seite öffnen</button>
+                                    </a>
+                                )}/>
                         </div>
                         <div className="relative h-full max-h-full overflow-scroll px-8 py-4" ref={scrollContainer}>
                             {isLoading && (

package/src/Toolbar/Toolbar.js

@@ -39,6 +39,7 @@ export const Toolbar = ({
     editor,
     sdk,
     lastSelection,
+    buttons,
 }) => {
     const ref = useRef();
 
@@ -166,6 +167,9 @@ export const Toolbar = ({
                 {!!onSaveClick && <button
                     className="!w-auto !border-0 !bg-green-600 !text-xs font-bold text-white hover:!bg-green-700"
                     onClick={onSaveClick}>Änderungen speichern</button>}
+                {buttons && (
+                    <div>{buttons}</div>
+                )}
             </div>
         </Menu>;
     }