Skip to content

Commit 3ff609e

Browse files
casesandbergcasesandberg
committed
Moved
1 parent ad5caf2 commit 3ff609e

29 files changed

Lines changed: 1741 additions & 2 deletions

‎.gitmodules‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
[submodule "modules/react-material-design"]
2+
path = modules/react-material-design
3+
url = https://github.com/casesandberg/react-material-design

‎LICENSE‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
The MIT License (MIT)
22

3-
Copyright (c) 2015 case
3+
Copyright (c) 2015 Case Sandberg
44

55
Permission is hereby granted, free of charge, to any person obtaining a copy
66
of this software and associated documentation files (the "Software"), to deal
@@ -19,4 +19,3 @@ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
1919
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
2020
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
2121
SOFTWARE.
22-

‎docs/components/common/Code.cjsx‎

Lines changed: 85 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,85 @@
1+
'use strict'
2+
3+
React = require('react')
4+
ReactCSS = require('reactcss')
5+
Remarkable = require('remarkable')
6+
hljs = require('highlight.js')
7+
md = new Remarkable
8+
highlight: (str) ->
9+
try
10+
return hljs.highlightAuto(str).value
11+
catch err
12+
console.log err
13+
_ = require('lodash')
14+
15+
require('../../../node_modules/highlight.js/styles/kimbie.dark.css')
16+
17+
18+
19+
20+
{ Raised, Tabs, Tile } = require('react-material-design')
21+
22+
23+
24+
module.exports = class Code extends ReactCSS.Component
25+
26+
@propTypes =
27+
files: React.PropTypes.array
28+
29+
classes: ->
30+
'default':
31+
code:
32+
background: '#fff'
33+
34+
head:
35+
borderRadius: '2px 2px 0 0'
36+
background: '#fafafa'
37+
38+
files:
39+
display: 'inline-block'
40+
41+
Files:
42+
align: 'none'
43+
color: '#666'
44+
45+
center:
46+
fontFamily: 'Monaco'
47+
fontSize: '14px'
48+
lineHeight: '19px'
49+
color: 'rgba(0,0,0,.77)'
50+
51+
numbers:
52+
fontSize: '14px'
53+
lineHeight: '19px'
54+
display: 'inline-block'
55+
textAlign: 'right'
56+
color: 'rgba(0,0,0,.20)'
57+
58+
render: ->
59+
rendered = md.render("```\n#{ @props.files[0].js }```").trim()
60+
lines = rendered.split('\n').length
61+
<Raised is="code">
62+
{ if @props.files[0].fileName
63+
<div is="head">
64+
<div is="files">
65+
<Tabs is="Files" tabs={[ @props.files[0].fileName ]} />
66+
</div>
67+
</div> }
68+
<Tile>
69+
<div is="numbers">
70+
{ for line in [1 ... lines]
71+
<div key={ line } is="line">{ line }</div> }
72+
</div>
73+
<div is="center">
74+
<style>{"
75+
.rendered pre{
76+
margin: 0;
77+
}
78+
.rendered p{
79+
margin: 0;
80+
}
81+
"}</style>
82+
<div className="rendered" dangerouslySetInnerHTML={ __html: _.unescape(rendered) } />
83+
</div>
84+
</Tile>
85+
</Raised>

‎docs/components/common/Markdown.cjsx‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
'use strict'
2+
3+
React = require('react')
4+
ReactCSS = require('reactcss')
5+
Remarkable = require('remarkable')
6+
md = new Remarkable()
7+
8+
Code = require('./Code')
9+
10+
11+
12+
module.exports = class Markdown extends ReactCSS.Component
13+
14+
classes: ->
15+
'default':
16+
markdown: {}
17+
18+
render: ->
19+
markdown = md.render(@props.children)
20+
lines = markdown
21+
22+
codes = []
23+
count = 0
24+
25+
reg = new RegExp(/<pre><code(.*)>([\s\S]*?)<\/code><\/pre>/g)
26+
27+
while match = reg.exec(markdown)
28+
filename = undefined
29+
if match[1]
30+
filename = /file[nN]ame:(.+?)"/.exec(match[1])[1]
31+
32+
lines = lines.replace("<pre><code#{ match[1] }>#{ match[2].toString() }</code></pre>", "|Code:#{ count }|")
33+
codes[count] = <Code files={[{ js: match[2], fileName: filename }]} />
34+
count++
35+
36+
<div>
37+
{ for line, i in lines.split('\n')
38+
if line.indexOf('|Code:') > -1
39+
place = /\|Code:(.+?)\|/.exec(line)[1]
40+
41+
codes[place]
42+
else
43+
<div key={ i } is="markdown" dangerouslySetInnerHTML={ __html: line } /> }
44+
45+
</div>

‎docs/components/common/Test.cjsx‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
'use strict'
2+
3+
React = require('react')
4+
ReactCSS = require('reactcss')
5+
6+
7+
8+
module.exports = class Test extends ReactCSS.Component
9+
10+
classes: ->
11+
'default':
12+
body:
13+
background: '#aeee00'
14+
color: '#333'
15+
16+
render: ->
17+
<div is="body">Test!</div>

‎docs/components/docs/DocsBody.cjsx‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
'use strict'
2+
3+
React = require('react')
4+
ReactCSS = require('reactcss')
5+
6+
Container = require('../layout/Container')
7+
Grid = require('../layout/Grid')
8+
Code = require('../common/Code')
9+
{ Tile } = require('react-material-design')
10+
Markdown = require('../common/Markdown')
11+
12+
docs = require('../../docs')
13+
Remarkable = require('remarkable')
14+
md = new Remarkable()
15+
16+
17+
18+
module.exports = class DocsBody extends ReactCSS.Component
19+
20+
classes: ->
21+
'default':
22+
docsBody: {}
23+
24+
sidebar:
25+
width: '200px'
26+
27+
content:
28+
width: '640px'
29+
fontSize: '17px'
30+
lineHeight: '24px'
31+
color: 'rgba(0,0,0,.57)'
32+
33+
inner:
34+
padding: '16px'
35+
36+
render: ->
37+
<div is="docsBody">
38+
<Container>
39+
<Grid uneven>
40+
41+
<div is="sidebar">
42+
{ for fileName, file of docs
43+
<Tile key={ fileName }>
44+
<div></div>
45+
46+
<div>{ /title: (.+)/.exec(file)[1] }</div>
47+
</Tile> }
48+
</div>
49+
50+
<div is="content">
51+
{ for fileName, file of docs
52+
<Markdown key={ fileName }>{ /---[\s\S]*?---([\s\S]*)/.exec(file)[1] }</Markdown> }
53+
</div>
54+
55+
</Grid>
56+
57+
</Container>
58+
</div>

‎docs/components/docs/DocsFeature.cjsx‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
'use strict'
2+
3+
React = require('react')
4+
ReactCSS = require('reactcss')
5+
6+
Container = require('../layout/Container')
7+
8+
9+
10+
module.exports = class DocsFeature extends ReactCSS.Component
11+
12+
classes: ->
13+
'default':
14+
docsFeature:
15+
background: '#49535B'
16+
height: '100%'
17+
18+
title:
19+
paddingTop: '120px'
20+
fontSize: '34px'
21+
color: 'rgba(255, 255, 255, .87)'
22+
WebkitFontSmoothing: 'antialiased'
23+
24+
render: ->
25+
<div is="docsFeature">
26+
<Container>
27+
28+
<div is="title">Documentation</div>
29+
30+
</Container>
31+
</div>

0 commit comments

Comments
 (0)