docs(withLiveEdit): do not fail when prettier fails to format

prettier fails because the parsing method at withLiveEdit is currently not generic enough
mondaycom · Apr 1, 2024 · 1777869 · 1777869
1 parent ad9e946
commit 1777869
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/packages/core/src/storybook/decorators/withLiveEdit/prettier-utils.ts b/packages/core/src/storybook/decorators/withLiveEdit/prettier-utils.ts
@@ -12,6 +12,6 @@ export function formatCode(code: string): string {
   try {
     return format(code, options).replace(/;\s*$/, "");
   } catch (e) {
-    throw new Error(`[Playground Error]: Error formatting code: ${e}`);
+    throw new Error(`[LiveEdit Error]: Error formatting code: ${e}`);
   }
 }
diff --git a/packages/core/src/storybook/decorators/withLiveEdit/withLiveEdit.tsx b/packages/core/src/storybook/decorators/withLiveEdit/withLiveEdit.tsx
@@ -33,7 +33,14 @@ const withLiveEdit: Decorator = (Story, { id, parameters, viewMode }: Parameters
   };
 
   useEffect(() => {
-    setCode(code => formatCode(code));
+    setCode(code => {
+      try {
+        return formatCode(code);
+      } catch (e) {
+        console.error(e);
+        return originalCode.current;
+      }
+    });
   }, []);
 
   const shouldAllowLiveEdit = viewMode === "docs" && parameters.docs?.liveEdit?.enableLiveEdit;