├── .gitignore
├── .npmignore
├── CHANGELOG.md
├── README.md
├── example
├── package.json
├── result.html
├── runner.js
├── runtimes
│ ├── .gitignore
│ ├── build.sh
│ ├── index.coffee
│ ├── index.html
│ ├── package.json
│ └── template.reiny
├── template.js
└── template.reiny
├── grammars
├── _entry.pegcoffee
├── expression.pegcoffee
├── primitive.pegcoffee
└── statement.pegcoffee
├── package.json
├── reiny
├── script
├── build
└── build-parser
├── src
├── cli.coffee
├── compiler.coffee
├── format-error.coffee
├── index.coffee
├── preprocess.coffee
├── runtime.coffee
└── style-compiler.coffee
└── test
├── broken
├── identifier.reiny
└── top-level-statement.reiny
├── fixtures
├── binary.reiny
├── child-type.reiny
├── classname.reiny
├── code.reiny
├── comment.reiny
├── custom-element.reiny
├── direct-element.reiny
├── embeded-code.reiny
├── entity-ref.reiny
├── example.reiny
├── for.reiny
├── header.reiny
├── identifier.reiny
├── if.reiny
├── indent.reiny
├── inline-expr.reiny
├── mergeable-object.reiny
├── modifiers.reiny
├── nested-style.reiny
├── no-indent-element.reiny
├── prop-types.reiny
├── style.reiny
└── text.reiny
├── preprocess-test.coffee
├── style-compiler-test.coffee
└── test.coffee
/.gitignore:
--------------------------------------------------------------------------------
1 | ### https://raw.github.com/github/gitignore/d866fb556184cc1edffd9d0f1ca205fe1916a7f6/Node.gitignore
2 |
3 | # Logs
4 | logs
5 | *.log
6 |
7 | # Runtime data
8 | pids
9 | *.pid
10 | *.seed
11 |
12 | # Directory for instrumented libs generated by jscoverage/JSCover
13 | lib-cov
14 |
15 | # Coverage directory used by tools like istanbul
16 | coverage
17 |
18 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
19 | .grunt
20 |
21 | # node-waf configuration
22 | .lock-wscript
23 |
24 | # Compiled binary addons (http://nodejs.org/api/addons.html)
25 | build/Release
26 |
27 | # Dependency directory
28 | # https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git-
29 | node_modules
30 | lib
31 | runtime.js
32 | parser.js
33 | grammar.pegcoffee
34 |
--------------------------------------------------------------------------------
/.npmignore:
--------------------------------------------------------------------------------
1 | src
2 | test
3 | script
4 | example
5 |
--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | ## v0.4.1
2 |
3 | - Readable error
4 |
5 | ## v0.4.0
6 |
7 | - mithril / mercury support
8 |
9 | ## v0.3.6
10 |
11 | - Enhance comment stripping
12 |
13 | ## v0.3.6
14 |
15 | - Start changelog
16 | - if else, else support
17 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Reiny
2 |
3 | Template engine for React / Mithril / Mercury
4 |
5 | ```
6 | npm install reiny --save
7 | ```
8 |
9 | - gulp: [mizchi/gulp-reiny](https://github.com/mizchi/gulp-reiny "mizchi/gulp-reiny")
10 | - browserify: [mizchi/reinify](https://github.com/mizchi/reinify "mizchi/reinify")
11 | - atom mode: [mizchi/language-reiny](https://github.com/mizchi/language-reiny "mizchi/language-reiny")
12 |
13 | ```
14 | apm install language-reiny
15 | ```
16 |
17 | ## Goals
18 |
19 | - Jade like template engine
20 | - Generate react/mithril/mercury element
21 | - Inline css friendly
22 | - Inline babel preprocessor
23 | - Inline propTypes
24 |
25 | ## Example
26 |
27 | template.reiny
28 |
29 | ```
30 | // declare propTypes
31 | @greeting: string
32 | @items: number[]
33 |
34 | // props and inline style
35 | .main.container(
36 | data-id = 'this-is-id'
37 | ) {
38 | background-color: #eee
39 | width: 640px
40 | height: { 40 * 12 }
41 | font-size: 1em
42 | }
43 | // text
44 | h1 This is a title
45 |
46 | // ref alias by & modifier
47 | foo&foo
48 |
49 | | expand with span
50 | span = @greeting
51 |
52 | // if syntax
53 | if false
54 | a hoge fuga aaa
55 |
56 | // inline expression
57 | if { 2 > 1 }
58 | a(key='fooo') hoge fuga aaa
59 |
60 | // for syntax
61 | ul
62 | for i in @items
63 | li(key=i) = i
64 |
65 | // object mixin as property
66 | - let o = {'data-a': 'aaa', 'data-b': 'bbb'};
67 | .foo(
68 | > o
69 | onClick = {- function(){console.log('foo')} -}
70 | )
71 |
72 | // mutli line code
73 | ---
74 | let Foo = React.createClass({
75 | render: () => {
76 | return React.createElement('div', {className: 'foo'});
77 | }
78 | })
79 | ---
80 | // CamelCase becomes element reference
81 | Foo()
82 |
83 | // Embed element direactly
84 | - var el = React.createElement(Foo, {})
85 | +(el)
86 |
87 | ```
88 |
89 | ```
90 | npm install -g reiny
91 | reiny template.reiny -o template.js
92 | ```
93 |
94 | or node module
95 |
96 | ```js
97 | var reiny = require('reiny/lib');
98 | reiny.compile('foo.bar(prop=1) text'); // generate code string
99 | ```
100 |
101 | ## How to Use
102 |
103 | Use template with runner
104 |
105 | ```
106 | npm install reiny --save-dev
107 | ```
108 |
109 | ```js
110 | global.React = require('react');
111 | var template = require('./template');
112 | var C = React.createClass({
113 | propTypes: template.propTypes || {},
114 | render: function(){
115 | return template(this.props);
116 | }
117 | });
118 |
119 | console.log(React.renderToStaticMarkup(
120 | React.createElement(C, {greeting: 'hello', items: [1, 2]})
121 | ));
122 | ```
123 |
124 | ```html
125 |
126 |
This is a title
127 |
expand with span
128 |
hello
129 |
hoge fuga aaa
130 |
134 |
135 |
136 |
137 |
This is a title
expand with spanhellohoge fuga aaa