Add displayName to templates

lib/templates/cxs.js

@@ -25,4 +25,6 @@ const ${name} = styled(${type})(props => (${styleString}),
 
 ${name}.defaultProps = ${propsString}
 
+${name}.displayName = '${name}'
+
 export default ${name}`

lib/templates/emotion.js

@@ -26,4 +26,6 @@ const ${name} = withTheme(styled(${type})(props => (${styleString}),
 
 ${name}.defaultProps = ${propsString}
 
+${name}.displayName = '${name}'
+
 export default ${name}`

lib/templates/fela.js

@@ -26,4 +26,6 @@ const ${name} = createComponent(props => Object.assign(${styleString},
 
 ${name}.defaultProps = ${propsString}
 
+${name}.displayName = '${name}'
+
 export default ${name}`

lib/templates/glamorous.js

@@ -25,4 +25,6 @@ const ${name} = styled(${type})(props => (${styleString}),
 
 ${name}.defaultProps = ${propsString}
 
+${name}.displayName = '${name}'
+
 export default ${name}`

lib/templates/styledComponents.js

@@ -25,4 +25,6 @@ const ${name} = styled(${type})([], props => (${styleString}),
 
 ${name}.defaultProps = ${propsString}
 
+${name}.displayName = '${name}'
+
 export default ${name}`

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@compositor/lab",
-  "version": "1.0.0-37",
+  "version": "1.0.0-38-0",
   "description": "CLI utilities for Compositor Lab",
   "main": "lib/index.js",
   "bin": {

test/snapshots/modules.js.md

@@ -105,6 +105,8 @@ Generated by [AVA](https://ava.li).
       ␊
       Box.defaultProps = {};␊
       ␊
+      Box.displayName = 'Box';␊
+      ␊
       exports.default = Box;`,
       name: 'Box',
     }
@@ -210,6 +212,8 @@ Generated by [AVA](https://ava.li).
       ␊
       Box.defaultProps = {};␊
       ␊
+      Box.displayName = 'Box';␊
+      ␊
       exports.default = Box;`,
       name: 'Box',
     }
@@ -239,6 +243,8 @@ Generated by [AVA](https://ava.li).
         m: 0␊
       };␊
       ␊
+      Text.displayName = 'Text';␊
+      ␊
       exports.default = Text;`,
       name: 'Text',
     }
@@ -308,6 +314,8 @@ Generated by [AVA](https://ava.li).
         bg: 'tomato'␊
       };␊
       ␊
+      Beep.displayName = 'Beep';␊
+      ␊
       exports.default = Beep;`,
       name: 'Beep',
     }
@@ -341,6 +349,8 @@ Generated by [AVA](https://ava.li).
       ␊
       Flex.defaultProps = {};␊
       ␊
+      Flex.displayName = 'Flex';␊
+      ␊
       exports.default = Flex;`,
       name: 'Flex',
     }

test/snapshots/templates.js.md

@@ -69,6 +69,8 @@ Generated by [AVA](https://ava.li).
     ␊
     Box.defaultProps = {}␊
     ␊
+    Box.displayName = 'Box'␊
+    ␊
     export default Box`
 
 ## cxs returns a string
@@ -100,6 +102,8 @@ Generated by [AVA](https://ava.li).
       p: 2␊
     }␊
     ␊
+    Hello.displayName = 'Hello'␊
+    ␊
     export default Hello`
 
 ## emotion imports required components
@@ -127,6 +131,8 @@ Generated by [AVA](https://ava.li).
     ␊
     Box.defaultProps = {}␊
     ␊
+    Box.displayName = 'Box'␊
+    ␊
     export default Box`
 
 ## emotion returns a string
@@ -159,6 +165,8 @@ Generated by [AVA](https://ava.li).
       p: 2␊
     }␊
     ␊
+    Hello.displayName = 'Hello'␊
+    ␊
     export default Hello`
 
 ## fela handles styled-system functions
@@ -185,6 +193,8 @@ Generated by [AVA](https://ava.li).
     ␊
     Hello.defaultProps = {}␊
     ␊
+    Hello.displayName = 'Hello'␊
+    ␊
     export default Hello`
 
 ## fela imports required components
@@ -211,6 +221,8 @@ Generated by [AVA](https://ava.li).
     ␊
     Box.defaultProps = {}␊
     ␊
+    Box.displayName = 'Box'␊
+    ␊
     export default Box`
 
 ## fela returns a string
@@ -242,6 +254,8 @@ Generated by [AVA](https://ava.li).
       p: 2␊
     }␊
     ␊
+    Hello.displayName = 'Hello'␊
+    ␊
     export default Hello`
 
 ## glamorous imports required components
@@ -268,6 +282,8 @@ Generated by [AVA](https://ava.li).
     ␊
     Box.defaultProps = {}␊
     ␊
+    Box.displayName = 'Box'␊
+    ␊
     export default Box`
 
 ## glamorous returns a string
@@ -299,6 +315,8 @@ Generated by [AVA](https://ava.li).
       p: 2␊
     }␊
     ␊
+    Hello.displayName = 'Hello'␊
+    ␊
     export default Hello`
 
 ## styled-components imports required components
@@ -325,6 +343,8 @@ Generated by [AVA](https://ava.li).
     ␊
     Box.defaultProps = {}␊
     ␊
+    Box.displayName = 'Box'␊
+    ␊
     export default Box`
 
 ## styled-components returns a string
@@ -356,4 +376,6 @@ Generated by [AVA](https://ava.li).
       p: 2␊
     }␊
     ␊
+    Hello.displayName = 'Hello'␊
+    ␊
     export default Hello`