39 lines
1.8 KiB
JavaScript
39 lines
1.8 KiB
JavaScript
define(['lodash', 'react', './examples.rt',
|
|
'text!./samples/hello.code', 'text!./samples/hello.rt',
|
|
'text!./samples/todo.code', 'text!./samples/todo.rt',
|
|
'text!./samples/rt-if.code', 'text!./samples/rt-if.rt',
|
|
'text!./samples/rt-props.code', 'text!./samples/rt-props.rt',
|
|
'text!./samples/rt-repeat.code', 'text!./samples/rt-repeat.rt',
|
|
'text!./samples/weather.code', 'text!./samples/weather.rt',
|
|
'text!./samples/rt-import.rt'
|
|
], function (_, React, examplesTemplate, helloCode, helloRT, todoCode, todoRT, rtIfCode, rtIfRT, rtPropsCode, rtPropsRT, rtRepeatCode, rtRepeatRT, weatherCode, weatherRT, rtImportRT) {
|
|
'use strict'
|
|
var samples = {
|
|
hello: [helloCode, helloRT],
|
|
todo: [todoCode, todoRT],
|
|
props: [rtPropsCode, rtPropsRT],
|
|
rtIf: [rtIfCode, rtIfRT],
|
|
repeat: [rtRepeatCode, rtRepeatRT],
|
|
weather: [weatherCode, weatherRT]
|
|
}
|
|
samples = _.mapValues(samples, function (v, k) { return {name: k, templateProps: _.template(v[0])({name: k}), templateHTML: v[1]} })
|
|
|
|
return React.createClass({
|
|
displayName: 'Examples',
|
|
mixins: [React.addons.LinkedStateMixin],
|
|
getInitialState: function () {
|
|
var codeAmd = window.reactTemplates.convertTemplateToReact(rtImportRT, {modules: 'amd', name: 'template'})
|
|
var codeCJS = window.reactTemplates.convertTemplateToReact(rtImportRT, {modules: 'commonjs', name: 'template'})
|
|
var codeES6 = window.reactTemplates.convertTemplateToReact(rtImportRT, {modules: 'es6', name: 'template'})
|
|
return {
|
|
rtImport: {value: rtImportRT},
|
|
amd: {value: codeAmd},
|
|
cjs: {value: codeCJS},
|
|
es6: {value: codeES6},
|
|
samples: samples
|
|
}
|
|
},
|
|
render: examplesTemplate
|
|
})
|
|
})
|