Avoid JSON stringifying React SyntheticEvents. Fixes #3

storybookjs · Mar 25, 2016 · 36560e4 · 36560e4
1 parent b59b082
commit 36560e4
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/dist/client/index.js b/dist/client/index.js
@@ -49,6 +49,12 @@ function action(name) {
     var _getData$actions = _getData.actions;
     var actions = _getData$actions === undefined ? [] : _getData$actions;
 
+    // Remove events from the args. Otherwise, it creates a huge JSON string.
+
+    if (args[0] && args[0].constructor && /Synthetic/.test(args[0].constructor.name)) {
+      args[0] = '[' + args[0].constructor.name + ']';
+    }
+
     actions = [{ name: name, args: args }].concat(actions.slice(0, 5));
     (0, _data.setData)({ actions: actions });
   };

diff --git a/src/client/index.js b/src/client/index.js
@@ -24,6 +24,16 @@ export function storiesOf(kind, m) {
 export function action(name) {
   return function(...args) {
     let {actions = []} = getData();
+
+    // Remove events from the args. Otherwise, it creates a huge JSON string.
+    if (
+      args[0] &&
+      args[0].constructor &&
+      /Synthetic/.test(args[0].constructor.name)
+    ) {
+      args[0] = `[${args[0].constructor.name}]`;
+    }
+
     actions = [{name, args}].concat(actions.slice(0, 5));
     setData({actions});
   }