FilesExpand file tree

 master

/

function.jsx

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

49 lines (34 loc) · 1.63 KB

 master

/

function.jsx

Top

File metadata and controls

• Code
• Blame

49 lines (34 loc) · 1.63 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

import React from 'react';

import { StyleSheet, css } from 'aphrodite';

import { js_beautify as beautify } from 'js-beautify';

import Value from '../';

export default function ObjectValue ({ value, theme, referenceTracker, path }) {

const { name } = value;

const style = StyleSheet.create(theme.funct);

const isClass = value.prototype && Object.getOwnPropertyNames(value.prototype).filter(x => x !== 'constructor').length > 0;

const prototype = {};

if (isClass) for (const fn of Object.getOwnPropertyNames(value.prototype).filter(x => x !== 'constructor')) {

prototype[fn] = value.prototype[fn];

}

return <div className={ css(style.fnContainer) }>

<div className={ css(style.fnLabel) }>

{ isClass ? 'Class' : 'Function' }: <code>{ name || 'anonymous' }</code>

</div>

<div className={ css(style.fnProperties) }>

<div className={ css(style.fnProperty) }>

<div className={ css(style.fnKey) }>value</div>

<div className={ css(style.fnValue) }>

<pre className={ css(style.fnPre) }><code>

{ beautify(value.toString(), { indent_size: 4 }) }

</code></pre>

</div>

</div>

{ isClass && <div className={ css(style.fnProperty) }>

<div className={ css(style.fnKey) }>prototype</div>

<div className={ css(style.fnValue) }>

<Value value={ prototype } theme={ theme } referenceTracker={ referenceTracker } path={ path } />

</div>

</div> }

</div>

</div>;

}