feat: onsave storyblok event

storyofams · May 7, 2021 · e51ada7 · e51ada7
1 parent 410a20c
commit e51ada7
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/bridge/context.tsx b/src/bridge/context.tsx
@@ -18,6 +18,8 @@ interface ContextProps {
 
 interface ProviderProps {
   children: ReactNode;
+  /** Fired on Storyblok published & changed event */
+  onSave?(event: StoryblokEventPayload): void;
   /** Storyblok API token (only necessary if resolveRelations is set) */
   token?: string;
   /**
@@ -33,6 +35,7 @@ const StoryProvider = ({
   children,
   token,
   resolveRelations,
+  onSave,
 }: ProviderProps) => {
   const [, setStoryState] = useState(undefined);
   const storyRef = useRef<Story | undefined>(undefined);
@@ -52,7 +55,7 @@ const StoryProvider = ({
 
   useEffect(() => {
     if (window?.location?.search?.includes('_storyblok=')) {
-      init(storyRef.current, onStoryInput, token, resolveRelations);
+      init(storyRef.current, onStoryInput, token, resolveRelations, onSave);
     }
   }, []);
 

diff --git a/src/bridge/init.ts b/src/bridge/init.ts
@@ -16,6 +16,7 @@ export const init = (
   onStoryInput: (story: Story) => void,
   token: string,
   resolveRelations: string[] = [],
+  onSave?: (event: StoryblokEventPayload) => void,
 ) => {
   loadBridge(() => {
     if (window.StoryblokBridge) {
@@ -30,6 +31,10 @@ export const init = (
           onStoryInput(event.story);
         }
       });
+
+      window.storyblok.on(['published', 'change'], (event) => {
+        onSave(event);
+      });
     }
   });
 };