coffee script and cjsx support

Author: ivansfdc

demo/pages/HomePage/CustomListItemLabel.cjsx

@@ -0,0 +1,34 @@
+React = require('react')
+SLDS = require('../../../components')
+SLDSPicklistBase = SLDS.SLDSPicklistBase
+SLDSIcons = SLDS.SLDSIcons
+Icon = SLDSIcons.Icon
+module.exports = React.createClass(
+  getDefaultProps: ->
+    {
+      index: 0
+      label: ''
+      value: null
+      inverted: false
+      isSelected: false
+      isHighlighted: false
+      data: {}
+    }
+  handleMouseOver: (event) ->
+    console.log 'OVER: ' + @props.label
+    return
+
+  render: ->
+    icon = null
+    if(@props.isSelected)
+      icon = <Icon name='like'  position='left' category='utility' />
+
+    <section
+      onMouseOver={@handleMouseOver}
+    >
+      { icon }
+      {
+        @props.data.strongLabel
+      }
+    </section>
+)

demo/pages/HomePage/PicklistBaseCustomSection.jsx

@@ -14,8 +14,10 @@ import {SLDSPicklistBase, SLDSIcons} from '../../../components';
 
 import {default as PrismCode} from 'react-prism/lib/PrismCode';
 
-const Icon = SLDSIcons.Icon;
+import CustomListItemLabel from './CustomListItemLabel.cjsx';
 
+const Icon = SLDSIcons.Icon;
+/*
 const CustomListItemLabel = React.createClass( {
   getDefaultProps () {
     return {
@@ -45,7 +47,7 @@ const CustomListItemLabel = React.createClass( {
     </section>;
   }
 });
-
+*/
 
 module.exports = React.createClass( {
 

demo/pages/HomePage/index.jsx

@@ -18,6 +18,7 @@ import ButtonSection from './ButtonSection';
 import PicklistBaseSection from './PicklistBaseSection';
 import PicklistBaseCustomSection from './PicklistBaseCustomSection';
 
+
 import ModalSection from './ModalSection';
 import DatePickerSingleSelectSection from './DatePickerSingleSelectSection';
 import LookupBaseSection from './LookupBaseSection';

package.json

@@ -41,6 +41,9 @@
     "babel-eslint": "^3.1.9",
     "babel-loader": "^5.1.2",
     "chai": "^3.3.0",
+    "coffee-jsx-loader": "^0.1.3",
+    "coffee-loader": "^0.7.2",
+    "coffee-script": "^1.10.0",
     "css-loader": "^0.9.1",
     "eslint-plugin-react": "^2.3.0",
     "extract-text-webpack-plugin": "^0.8.2",

webpack.dev.config.js

@@ -42,6 +42,19 @@ module.exports = {
         test: /\.css$/,
         loader: ExtractTextPlugin.extract("style-loader", "css-loader")
       },
+/*
+      { 
+        test: /\.coffee$/, 
+        loader: "coffee-loader"
+      },
+      {
+        test: /\.(coffee\.md|litcoffee)$/, 
+        loader: "coffee-loader?literate"
+      },
+*/
+      { 
+        test: /\.cjsx$/, loader: "coffee-jsx-loader"
+      },
 /*
       {
         test: /\.scss$/,