--------------------------------------------------------------------------------
/src/assets/style.scss:
--------------------------------------------------------------------------------
1 |
2 | body {
3 | font: 1rem proxima-nova, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
4 | }
5 |
6 | .todo {
7 | border: 1px solid #ddd;
8 | border-radius: 4px;
9 | background-color: #f8f8f5;
10 | padding: 20px 30px;
11 | margin-left: 30px;
12 | height: 301px;
13 | max-height: 308px;
14 | overflow: auto;
15 | }
16 |
17 | button {
18 | margin: 5px;
19 | }
20 |
21 | input[type=checkbox] {
22 | margin-right: 5px;
23 | }
24 |
25 | ul {
26 | list-style-type: square;
27 | margin: 0 0 10px 0
28 | }
29 |
30 | input {
31 | border: 1px solid #ccc;
32 | font: 14px proxima-nova, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
33 | padding: 3px;
34 | width: 150px
35 | }
36 |
37 | button {
38 | font: 14px proxima-nova, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
39 | margin-left: 5px;
40 | padding: 4px 10px
41 | }
42 |
43 | .todo-item {
44 | img {
45 | cursor: pointer
46 | }
47 |
48 | span {
49 | text-decoration: none;
50 | }
51 |
52 | .done {
53 | text-decoration: line-through
54 | }
55 | }
56 |
57 |
--------------------------------------------------------------------------------
/webpack.config.dev.js:
--------------------------------------------------------------------------------
1 | var path = require('path');
2 | var webpack = require('webpack');
3 |
4 | module.exports = {
5 | devtool: 'cheap-module-eval-source-map',
6 | //devtool: 'eval',
7 | entry: [
8 | 'eventsource-polyfill', // necessary for hot reloading with IE
9 | 'webpack-hot-middleware/client',
10 | './src/index'
11 | ],
12 | output: {
13 | path: path.join(__dirname, 'dist'),
14 | filename: 'bundle.js',
15 | publicPath: '/static/'
16 | },
17 | plugins: [
18 | new webpack.HotModuleReplacementPlugin(),
19 | new webpack.NoErrorsPlugin()
20 | ],
21 | module: {
22 | loaders: [
23 | {test: /\.js$/, loaders: ['babel'], include: path.join(__dirname, 'src')},
24 | {test: /\.less$/, loader: 'style-loader!css-loader!less-loader'}, // use ! to chain loaders
25 | {test: /\.css$/, loader: 'style-loader!css-loader'},
26 | {test: /\.scss$/, loader: 'style!css!sass'},
27 | {test: /\.(png|jpg)$/, loader: 'url-loader?limit=8192'}, // inline base64 URLs for <=8k images, direct URLs for the rest
28 | {test: /\.rt$/, loaders: ['react-templates-loader?targetVersion=0.14.0'], include: path.join(__dirname, 'src')}
29 | ]
30 | }
31 | };
32 |
--------------------------------------------------------------------------------
/webpack.config.prod.js:
--------------------------------------------------------------------------------
1 | var path = require('path');
2 | var webpack = require('webpack');
3 |
4 | module.exports = {
5 | devtool: 'source-map',
6 | entry: [
7 | './src/index'
8 | ],
9 | output: {
10 | path: path.join(__dirname, 'dist'),
11 | filename: 'bundle.js',
12 | publicPath: '/static/'
13 | },
14 | plugins: [
15 | new webpack.optimize.OccurenceOrderPlugin(),
16 | new webpack.DefinePlugin({
17 | 'process.env': {
18 | 'NODE_ENV': JSON.stringify('production')
19 | }
20 | }),
21 | new webpack.optimize.UglifyJsPlugin({
22 | compressor: {
23 | warnings: false
24 | }
25 | })
26 | ],
27 | module: {
28 | loaders: [{
29 | test: /\.js$/,
30 | loaders: ['babel'],
31 | include: path.join(__dirname, 'src')
32 | },
33 | {test: /\.less$/, loader: 'style-loader!css-loader!less-loader'}, // use ! to chain loaders
34 | {test: /\.css$/, loader: 'style-loader!css-loader'},
35 | {test: /\.scss$/, loader: 'style!css!sass'},
36 | {test: /\.(png|jpg)$/, loader: 'url-loader?limit=8192'}, // inline base64 URLs for <=8k images, direct URLs for the rest
37 | {test: /\.rt/, loaders: ['react-templates-loader?targetVersion=0.14.0'], include: path.join(__dirname, 'src')}
38 | ]
39 | }
40 | };
41 |
--------------------------------------------------------------------------------
/src/Todo.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import template from './Todo.rt';
3 | import LinkedStateMixin from 'react-addons-linked-state-mixin';
4 | require('./assets/style.scss');
5 |
6 | const ENTER_KEY = 13;
7 |
8 | module.exports = React.createClass({
9 | displayName: 'Todo',
10 | mixins: [LinkedStateMixin],
11 | getInitialState() {
12 | return {edited: '', todos: [], counter: 0};
13 | },
14 | add() {
15 | if (this.state.edited.trim().length === 0) {
16 | return;
17 | }
18 | var newTodo = {value: this.state.edited, done: false, key: this.state.counter};
19 | this.setState({todos: this.state.todos.concat(newTodo), edited: '', counter: this.state.counter + 1});
20 | },
21 | remove(todo) {
22 | this.setState({todos: _.reject(this.state.todos, todo)});
23 | },
24 | toggleChecked(index) {
25 | var todos = _.cloneDeep(this.state.todos);
26 | todos[index].done = !todos[index].done;
27 | this.setState({todos: todos});
28 | },
29 | clearDone() {
30 | this.setState({todos: this.getPending()});
31 | },
32 | getDone() {
33 | return _.filter(this.state.todos, {done: true});
34 | },
35 | getPending() {
36 | return _.filter(this.state.todos, {done: false});
37 | },
38 | countTodos(done) {
39 | return _.filter(this.state.todos, {done: done}).length;
40 | },
41 | inputKeyDown(e) {
42 | if (e.keyCode == ENTER_KEY) {
43 | e.preventDefault();
44 | this.add();
45 | }
46 | },
47 | render: template
48 | });
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "react-templates-transform-boilerplate",
3 | "version": "1.0.0",
4 | "description": "A new Webpack boilerplate with hot reloading React components, and error handling on module and component level.",
5 | "scripts": {
6 | "clean": "rimraf dist",
7 | "build:webpack": "NODE_ENV=production webpack --config webpack.config.prod.js",
8 | "build": "npm run clean && npm run build:webpack",
9 | "start": "node devServer.js",
10 | "lint": "eslint src"
11 | },
12 | "repository": {
13 | "type": "git",
14 | "url": "https://github.com/wix/react-templates-transform-boilerplate.git"
15 | },
16 | "keywords": [
17 | "react",
18 | "reactjs",
19 | "boilerplate",
20 | "hot",
21 | "reload",
22 | "hmr",
23 | "live",
24 | "edit",
25 | "webpack",
26 | "babel",
27 | "react-transform",
28 | "react-templates"
29 | ],
30 | "author": "idok (http://github.com/wix)",
31 | "license": "CC0-1.0",
32 | "bugs": {
33 | "url": "https://github.com/wix/react-templates-transform-boilerplate/issues"
34 | },
35 | "homepage": "https://github.com/wix/react-templates-transform-boilerplate",
36 | "devDependencies": {
37 | "babel-core": "^6.3.26",
38 | "babel-eslint": "^5.0.0-beta6",
39 | "babel-loader": "^6.2.0",
40 | "babel-plugin-react-transform": "^2.0.0",
41 | "babel-preset-es2015": "^6.3.13",
42 | "babel-preset-react": "^6.3.13",
43 | "babel-preset-react-hmre": "^1.0.0",
44 | "css-loader": "^0.23.1",
45 | "eslint": "^1.10.3",
46 | "eslint-plugin-react": "^3.13.1",
47 | "express": "^4.13.3",
48 | "file-loader": "^0.8.5",
49 | "node-sass": "^3.4.2",
50 | "react-addons-linked-state-mixin": "^0.14.5",
51 | "react-templates": "^0.3.0",
52 | "react-templates-loader": "^0.3.1",
53 | "react-transform-catch-errors": "^1.0.1",
54 | "react-transform-hmr": "^1.0.0",
55 | "redbox-react": "^1.2.0",
56 | "rimraf": "^2.5.0",
57 | "sass-loader": "^3.1.2",
58 | "style-loader": "^0.13.0",
59 | "url-loader": "^0.5.7",
60 | "webpack": "^1.12.9",
61 | "webpack-dev-middleware": "^1.4.0",
62 | "webpack-hot-middleware": "^2.6.0",
63 | "eventsource-polyfill": "^0.9.6"
64 | },
65 | "dependencies": {
66 | "react": "^0.14.5",
67 | "react-dom": "^0.14.5"
68 | }
69 | }
70 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | Creative Commons Legal Code
2 |
3 | CC0 1.0 Universal
4 |
5 | CREATIVE COMMONS CORPORATION IS NOT A LAW FIRM AND DOES NOT PROVIDE
6 | LEGAL SERVICES. DISTRIBUTION OF THIS DOCUMENT DOES NOT CREATE AN
7 | ATTORNEY-CLIENT RELATIONSHIP. CREATIVE COMMONS PROVIDES THIS
8 | INFORMATION ON AN "AS-IS" BASIS. CREATIVE COMMONS MAKES NO WARRANTIES
9 | REGARDING THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS
10 | PROVIDED HEREUNDER, AND DISCLAIMS LIABILITY FOR DAMAGES RESULTING FROM
11 | THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS PROVIDED
12 | HEREUNDER.
13 |
14 | Statement of Purpose
15 |
16 | The laws of most jurisdictions throughout the world automatically confer
17 | exclusive Copyright and Related Rights (defined below) upon the creator
18 | and subsequent owner(s) (each and all, an "owner") of an original work of
19 | authorship and/or a database (each, a "Work").
20 |
21 | Certain owners wish to permanently relinquish those rights to a Work for
22 | the purpose of contributing to a commons of creative, cultural and
23 | scientific works ("Commons") that the public can reliably and without fear
24 | of later claims of infringement build upon, modify, incorporate in other
25 | works, reuse and redistribute as freely as possible in any form whatsoever
26 | and for any purposes, including without limitation commercial purposes.
27 | These owners may contribute to the Commons to promote the ideal of a free
28 | culture and the further production of creative, cultural and scientific
29 | works, or to gain reputation or greater distribution for their Work in
30 | part through the use and efforts of others.
31 |
32 | For these and/or other purposes and motivations, and without any
33 | expectation of additional consideration or compensation, the person
34 | associating CC0 with a Work (the "Affirmer"), to the extent that he or she
35 | is an owner of Copyright and Related Rights in the Work, voluntarily
36 | elects to apply CC0 to the Work and publicly distribute the Work under its
37 | terms, with knowledge of his or her Copyright and Related Rights in the
38 | Work and the meaning and intended legal effect of CC0 on those rights.
39 |
40 | 1. Copyright and Related Rights. A Work made available under CC0 may be
41 | protected by copyright and related or neighboring rights ("Copyright and
42 | Related Rights"). Copyright and Related Rights include, but are not
43 | limited to, the following:
44 |
45 | i. the right to reproduce, adapt, distribute, perform, display,
46 | communicate, and translate a Work;
47 | ii. moral rights retained by the original author(s) and/or performer(s);
48 | iii. publicity and privacy rights pertaining to a person's image or
49 | likeness depicted in a Work;
50 | iv. rights protecting against unfair competition in regards to a Work,
51 | subject to the limitations in paragraph 4(a), below;
52 | v. rights protecting the extraction, dissemination, use and reuse of data
53 | in a Work;
54 | vi. database rights (such as those arising under Directive 96/9/EC of the
55 | European Parliament and of the Council of 11 March 1996 on the legal
56 | protection of databases, and under any national implementation
57 | thereof, including any amended or successor version of such
58 | directive); and
59 | vii. other similar, equivalent or corresponding rights throughout the
60 | world based on applicable law or treaty, and any national
61 | implementations thereof.
62 |
63 | 2. Waiver. To the greatest extent permitted by, but not in contravention
64 | of, applicable law, Affirmer hereby overtly, fully, permanently,
65 | irrevocably and unconditionally waives, abandons, and surrenders all of
66 | Affirmer's Copyright and Related Rights and associated claims and causes
67 | of action, whether now known or unknown (including existing as well as
68 | future claims and causes of action), in the Work (i) in all territories
69 | worldwide, (ii) for the maximum duration provided by applicable law or
70 | treaty (including future time extensions), (iii) in any current or future
71 | medium and for any number of copies, and (iv) for any purpose whatsoever,
72 | including without limitation commercial, advertising or promotional
73 | purposes (the "Waiver"). Affirmer makes the Waiver for the benefit of each
74 | member of the public at large and to the detriment of Affirmer's heirs and
75 | successors, fully intending that such Waiver shall not be subject to
76 | revocation, rescission, cancellation, termination, or any other legal or
77 | equitable action to disrupt the quiet enjoyment of the Work by the public
78 | as contemplated by Affirmer's express Statement of Purpose.
79 |
80 | 3. Public License Fallback. Should any part of the Waiver for any reason
81 | be judged legally invalid or ineffective under applicable law, then the
82 | Waiver shall be preserved to the maximum extent permitted taking into
83 | account Affirmer's express Statement of Purpose. In addition, to the
84 | extent the Waiver is so judged Affirmer hereby grants to each affected
85 | person a royalty-free, non transferable, non sublicensable, non exclusive,
86 | irrevocable and unconditional license to exercise Affirmer's Copyright and
87 | Related Rights in the Work (i) in all territories worldwide, (ii) for the
88 | maximum duration provided by applicable law or treaty (including future
89 | time extensions), (iii) in any current or future medium and for any number
90 | of copies, and (iv) for any purpose whatsoever, including without
91 | limitation commercial, advertising or promotional purposes (the
92 | "License"). The License shall be deemed effective as of the date CC0 was
93 | applied by Affirmer to the Work. Should any part of the License for any
94 | reason be judged legally invalid or ineffective under applicable law, such
95 | partial invalidity or ineffectiveness shall not invalidate the remainder
96 | of the License, and in such case Affirmer hereby affirms that he or she
97 | will not (i) exercise any of his or her remaining Copyright and Related
98 | Rights in the Work or (ii) assert any associated claims and causes of
99 | action with respect to the Work, in either case contrary to Affirmer's
100 | express Statement of Purpose.
101 |
102 | 4. Limitations and Disclaimers.
103 |
104 | a. No trademark or patent rights held by Affirmer are waived, abandoned,
105 | surrendered, licensed or otherwise affected by this document.
106 | b. Affirmer offers the Work as-is and makes no representations or
107 | warranties of any kind concerning the Work, express, implied,
108 | statutory or otherwise, including without limitation warranties of
109 | title, merchantability, fitness for a particular purpose, non
110 | infringement, or the absence of latent or other defects, accuracy, or
111 | the present or absence of errors, whether or not discoverable, all to
112 | the greatest extent permissible under applicable law.
113 | c. Affirmer disclaims responsibility for clearing rights of other persons
114 | that may apply to the Work or any use thereof, including without
115 | limitation any person's Copyright and Related Rights in the Work.
116 | Further, Affirmer disclaims responsibility for obtaining any necessary
117 | consents, permissions or other rights required for any use of the
118 | Work.
119 | d. Affirmer understands and acknowledges that Creative Commons is not a
120 | party to this document and has no duty or obligation with respect to
121 | this CC0 or use of the Work.
122 |
--------------------------------------------------------------------------------
9 |
10 | {todo.value}
11 |