├── static
    ├── .babelrc
    ├── .gitignore
    ├── webpack.config.js
    ├── package.json
    ├── src
    │   └── clock
    │   │   └── clock.jsx
    └── dist
    │   └── clock.bundle.js
├── react_quickstart.info.yml
├── react_quickstart.libraries.yml
├── src
    └── Plugin
    │   └── Block
    │       └── ClockFaceBlock.php
├── Readme.md
└── LICENSE


/static/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 |   "presets": ["es2015", "react", "stage-0"]
3 | }


--------------------------------------------------------------------------------
/react_quickstart.info.yml:
--------------------------------------------------------------------------------
1 | name: Decoupled Drupal with React Quickstart
2 | description: Supercharge your Drupal development with React
3 | package: Decoupled React
4 | 
5 | type: module
6 | core: 8.x
7 | 
8 | dependencies:
9 |   - block


--------------------------------------------------------------------------------
/react_quickstart.libraries.yml:
--------------------------------------------------------------------------------
 1 | react:
 2 |   version: 15.2.1
 3 |   js:
 4 |     static/node_modules/react/dist/react.js: {}
 5 |     static/node_modules/react-dom/dist/react-dom.js: {}
 6 | 
 7 | clock:
 8 |   version: 1.x
 9 |   js:
10 |     static/dist/clock.bundle.js: {}
11 |   dependencies:
12 |     - react_quickstart/react
13 | 


--------------------------------------------------------------------------------
/src/Plugin/Block/ClockFaceBlock.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Drupal\react_quickstart\Plugin\Block;
 4 | 
 5 | use Drupal\Core\Block\BlockBase;
 6 | 
 7 | /**
 8 |  * Provides a 'Clock Face' Block
 9 |  *
10 |  * @Block(
11 |  *   id = "clock_face",
12 |  *   admin_label = @Translation("Clock Face Block"),
13 |  * )
14 |  */
15 | class ClockFaceBlock extends BlockBase {
16 |     /**
17 |      * {@inheritdoc}
18 |      */
19 |     public function build() {
20 |         return array(
21 |             '#markup' => "<div id='clock'></div>",
22 |             '#attached' => array(
23 |                 'library' =>  array(
24 |                     'react_quickstart/clock'
25 |                 ),
26 |             ),
27 |         );
28 |     }
29 | }
30 | ?>


--------------------------------------------------------------------------------
/static/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | 
 6 | # Runtime data
 7 | pids
 8 | *.pid
 9 | *.seed
10 | *.pid.lock
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 | # nyc test coverage
19 | .nyc_output
20 | 
21 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
22 | .grunt
23 | 
24 | # node-waf configuration
25 | .lock-wscript
26 | 
27 | # Compiled binary addons (http://nodejs.org/api/addons.html)
28 | build/Release
29 | 
30 | # Dependency directories
31 | node_modules
32 | jspm_packages
33 | 
34 | # Optional npm cache directory
35 | .npm
36 | 
37 | # Optional REPL history
38 | .node_repl_history
39 | 


--------------------------------------------------------------------------------
/static/webpack.config.js:
--------------------------------------------------------------------------------
 1 | 
 2 | var path = require("path");
 3 | var webpack = require("webpack");
 4 | 
 5 | module.exports = {
 6 |     cache:true,
 7 |     entry: {
 8 |         clock: ["./src/clock/clock.jsx"]
 9 |     },
10 |     output: {
11 |         path: path.join(__dirname, "dist"),
12 |         filename: "[name].bundle.js"
13 |     },
14 |     resolve: {
15 |         modulesDirectories: ["node_modules", "common"],
16 |         extensions: ["", ".js", ".jsx"]
17 |     },
18 |     module: {
19 |         loaders: [
20 |             // required for react jsx
21 |             {
22 |                 test: /\.js$/,
23 |                 loaders: ['babel'],
24 |                 exclude: /(node_modules)/,
25 |                 cacheDirectory: true
26 |             },
27 |             {
28 |                 test: /\.jsx$/,
29 |                 loaders: ['babel'],
30 |                 exclude: /(node_modules)/,
31 |                 cacheDirectory: true
32 |             }
33 |         ]
34 |     }
35 | };


--------------------------------------------------------------------------------
/static/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "react_quickstart",
 3 |   "version": "1.0.0",
 4 |   "description": "A Drupal module to quickstart development with React",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "dev": "webpack --progress --colors --watch",
 8 |     "build": "NODE_ENV=production && webpack --progress --colors"
 9 |   },
10 |   "repository": {
11 |     "type": "git",
12 |     "url": "git+https://github.com/Dtraft/decoupled-react-quickstart.git"
13 |   },
14 |   "keywords": [
15 |     "react",
16 |     "drupal",
17 |     "decoupled"
18 |   ],
19 |   "author": "Drew Trafton",
20 |   "license": "Apache-2.0",
21 |   "bugs": {
22 |     "url": "https://github.com/Dtraft/decoupled-react-quickstart/issues"
23 |   },
24 |   "homepage": "https://github.com/Dtraft/decoupled-react-quickstart#readme",
25 |   "dependencies": {
26 |     "react": "^15.2.1",
27 |     "react-dom": "^15.2.1",
28 |     "webpack": "^1.12.12",
29 |     "babel-core": "^6.4.5",
30 |     "babel-loader": "^6.2.1",
31 |     "babel-polyfill": "^6.3.14",
32 |     "babel-preset-es2015": "^6.3.13",
33 |     "babel-preset-react": "^6.3.13",
34 |     "babel-preset-stage-0": "^6.3.13"
35 |   }
36 | }
37 | 


--------------------------------------------------------------------------------
/static/src/clock/clock.jsx:
--------------------------------------------------------------------------------
 1 | 
 2 | class Clock extends React.Component{
 3 |     constructor(props){
 4 |         super(props);
 5 |         this.state = {
 6 |             time: new Date()
 7 |         };
 8 |     }
 9 | 
10 |     componentDidMount(){
11 |         this.interval = setInterval(() => this.setState({
12 |             time: new Date()
13 |         }), 1000);
14 |     }
15 | 
16 |     componentWillUnmount(){
17 |         clearInterval(this.interval);
18 |     }
19 | 
20 |     _getXYForHand(length, interval, time){
21 |         return {
22 |             x: 50 + length * Math.cos(time/interval * 2 * Math.PI - (.5 * Math.PI)),
23 |             y: 50 + length * Math.sin(time/interval * 2 * Math.PI - (.5 * Math.PI))
24 |         }
25 |     }
26 | 
27 |     render() {
28 | 
29 |         var seconds = this.state.time.getSeconds();
30 |         var minutes = this.state.time.getMinutes();
31 |         var hours = this.state.time.getHours();
32 | 
33 |         let secondHand = this._getXYForHand(45, 60, seconds);
34 |         let minuteHand = this._getXYForHand(40, 60, minutes + seconds/60);
35 |         let hourHand = this._getXYForHand(35, 12, (hours + minutes/60) % 12);
36 | 
37 |         return (
38 |             <svg viewBox="0 0 100 100">
39 |                 <circle cx="50" cy="50" r="45" fill="#fff" stroke="#000">
40 |                 </circle>
41 |                 <line x1="50" y1="50" x2={secondHand.x} y2={secondHand.y} stroke="#000" />
42 |                 <line x1="50" y1="50" x2={minuteHand.x} y2={minuteHand.y} stroke="#000" />
43 |                 <line x1="50" y1="50" x2={hourHand.x} y2={hourHand.y} stroke="#000" />
44 |             </svg>
45 |         )
46 |     }
47 | }
48 | 
49 | ReactDOM.render(<Clock />, document.getElementById("clock"));


--------------------------------------------------------------------------------
/Readme.md:
--------------------------------------------------------------------------------
 1 | # React Quickstart Module
 2 | 
 3 | This modules is intended to make integrating React into your Drupal 8 project as quick and easy as possible.  
 4 | Built on the following incredible technologies:
 5 | 
 6 | * React
 7 | * Webpack
 8 | * Babel
 9 | 
10 | ## Getting started
11 | 
12 | 1. Clone this repo into your `modules` or `modules/custom` folder
13 | 2. cd `react_quickstart/static`
14 | 3. To install the React and the other JavaScript dependencies, run `npm install`
15 | 4. To start the build engine: `npm run dev`, which will watch the source files and re-build after any change
16 | 5. For production builds, run `npm run build`
17 | 
18 | ## Included Examples
19 | 
20 | This repo includes an React-ified block - a Clock  app which will render the time on an analog clock using React.
21 | 
22 | 
23 | ## Directory Structure
24 | 
25 | 
26 | ```javascript
27 | 
28 | --src/
29 |   |
30 |   --Plugin/
31 |     |
32 |     --Block/
33 |       |
34 |       --ClockFaceBlock.php //Example block for the clock face demo
35 | 
36 | --static/ //folder containing all of our static assets
37 |   |
38 |   --common/  //Folder for custom utilities or components shared by multiple "apps".
39 |   |
40 |   --dist/ //This is where the compiled bundles will be placed
41 |   |
42 |   --src/ //Source code for our "apps"
43 |   |  |
44 |   |  --clock/
45 |   |    |
46 |   |    --clock.jsx //Clock face example React component
47 |   |    
48 |   --.babelrc //Config information for babel
49 |   |
50 |   --.gitignore
51 |   |
52 |   --package.json
53 |   |
54 |   --webpack.config.js //Config information for the webpack build system
55 |   
56 | --LICENSE
57 | 
58 | --react_quickstart.info.yml //module definition
59 | 
60 | --react_quickstart.libraries.yml //defines the react library as well as our React "apps"
61 |    
62 |       
63 | ```
64 | 
65 | ## Shameless self-promotion
66 | 
67 | If you're interested in learning more about webpack, babel, or react - check our blog series on the right way to set up React projects here: https://www.bowst.com/article/bowst-about-react-part-1
68 | 
69 | 
70 | 
71 | 


--------------------------------------------------------------------------------
/static/dist/clock.bundle.js:
--------------------------------------------------------------------------------
  1 | /******/ (function(modules) { // webpackBootstrap
  2 | /******/ 	// The module cache
  3 | /******/ 	var installedModules = {};
  4 | 
  5 | /******/ 	// The require function
  6 | /******/ 	function __webpack_require__(moduleId) {
  7 | 
  8 | /******/ 		// Check if module is in cache
  9 | /******/ 		if(installedModules[moduleId])
 10 | /******/ 			return installedModules[moduleId].exports;
 11 | 
 12 | /******/ 		// Create a new module (and put it into the cache)
 13 | /******/ 		var module = installedModules[moduleId] = {
 14 | /******/ 			exports: {},
 15 | /******/ 			id: moduleId,
 16 | /******/ 			loaded: false
 17 | /******/ 		};
 18 | 
 19 | /******/ 		// Execute the module function
 20 | /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 21 | 
 22 | /******/ 		// Flag the module as loaded
 23 | /******/ 		module.loaded = true;
 24 | 
 25 | /******/ 		// Return the exports of the module
 26 | /******/ 		return module.exports;
 27 | /******/ 	}
 28 | 
 29 | 
 30 | /******/ 	// expose the modules object (__webpack_modules__)
 31 | /******/ 	__webpack_require__.m = modules;
 32 | 
 33 | /******/ 	// expose the module cache
 34 | /******/ 	__webpack_require__.c = installedModules;
 35 | 
 36 | /******/ 	// __webpack_public_path__
 37 | /******/ 	__webpack_require__.p = "";
 38 | 
 39 | /******/ 	// Load entry module and return exports
 40 | /******/ 	return __webpack_require__(0);
 41 | /******/ })
 42 | /************************************************************************/
 43 | /******/ ([
 44 | /* 0 */
 45 | /***/ function(module, exports, __webpack_require__) {
 46 | 
 47 | 	module.exports = __webpack_require__(1);
 48 | 
 49 | 
 50 | /***/ },
 51 | /* 1 */
 52 | /***/ function(module, exports) {
 53 | 
 54 | 	"use strict";
 55 | 
 56 | 	var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 57 | 
 58 | 	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 59 | 
 60 | 	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
 61 | 
 62 | 	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 63 | 
 64 | 	var Clock = function (_React$Component) {
 65 | 	    _inherits(Clock, _React$Component);
 66 | 
 67 | 	    function Clock(props) {
 68 | 	        _classCallCheck(this, Clock);
 69 | 
 70 | 	        var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Clock).call(this, props));
 71 | 
 72 | 	        _this.state = {
 73 | 	            time: new Date()
 74 | 	        };
 75 | 	        return _this;
 76 | 	    }
 77 | 
 78 | 	    _createClass(Clock, [{
 79 | 	        key: "componentDidMount",
 80 | 	        value: function componentDidMount() {
 81 | 	            var _this2 = this;
 82 | 
 83 | 	            this.interval = setInterval(function () {
 84 | 	                return _this2.setState({
 85 | 	                    time: new Date()
 86 | 	                });
 87 | 	            }, 1000);
 88 | 	        }
 89 | 	    }, {
 90 | 	        key: "componentWillUnmount",
 91 | 	        value: function componentWillUnmount() {
 92 | 	            clearInterval(this.interval);
 93 | 	        }
 94 | 	    }, {
 95 | 	        key: "_getXYForHand",
 96 | 	        value: function _getXYForHand(length, interval, time) {
 97 | 	            return {
 98 | 	                x: 50 + length * Math.cos(time / interval * 2 * Math.PI - .5 * Math.PI),
 99 | 	                y: 50 + length * Math.sin(time / interval * 2 * Math.PI - .5 * Math.PI)
100 | 	            };
101 | 	        }
102 | 	    }, {
103 | 	        key: "render",
104 | 	        value: function render() {
105 | 
106 | 	            var seconds = this.state.time.getSeconds();
107 | 	            var minutes = this.state.time.getMinutes();
108 | 	            var hours = this.state.time.getHours();
109 | 
110 | 	            var secondHand = this._getXYForHand(45, 60, seconds);
111 | 	            var minuteHand = this._getXYForHand(40, 60, minutes + seconds / 60);
112 | 	            var hourHand = this._getXYForHand(35, 12, (hours + minutes / 60) % 12);
113 | 
114 | 	            return React.createElement(
115 | 	                "svg",
116 | 	                { viewBox: "0 0 100 100" },
117 | 	                React.createElement("circle", { cx: "50", cy: "50", r: "45", fill: "#fff", stroke: "#000" }),
118 | 	                React.createElement("line", { x1: "50", y1: "50", x2: secondHand.x, y2: secondHand.y, stroke: "#000" }),
119 | 	                React.createElement("line", { x1: "50", y1: "50", x2: minuteHand.x, y2: minuteHand.y, stroke: "#000" }),
120 | 	                React.createElement("line", { x1: "50", y1: "50", x2: hourHand.x, y2: hourHand.y, stroke: "#000" })
121 | 	            );
122 | 	        }
123 | 	    }]);
124 | 
125 | 	    return Clock;
126 | 	}(React.Component);
127 | 
128 | 	ReactDOM.render(React.createElement(Clock, null), document.getElementById("clock"));
129 | 
130 | /***/ }
131 | /******/ ]);


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
  1 |                                  Apache License
  2 |                            Version 2.0, January 2004
  3 |                         http://www.apache.org/licenses/
  4 | 
  5 |    TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
  6 | 
  7 |    1. Definitions.
  8 | 
  9 |       "License" shall mean the terms and conditions for use, reproduction,
 10 |       and distribution as defined by Sections 1 through 9 of this document.
 11 | 
 12 |       "Licensor" shall mean the copyright owner or entity authorized by
 13 |       the copyright owner that is granting the License.
 14 | 
 15 |       "Legal Entity" shall mean the union of the acting entity and all
 16 |       other entities that control, are controlled by, or are under common
 17 |       control with that entity. For the purposes of this definition,
 18 |       "control" means (i) the power, direct or indirect, to cause the
 19 |       direction or management of such entity, whether by contract or
 20 |       otherwise, or (ii) ownership of fifty percent (50%) or more of the
 21 |       outstanding shares, or (iii) beneficial ownership of such entity.
 22 | 
 23 |       "You" (or "Your") shall mean an individual or Legal Entity
 24 |       exercising permissions granted by this License.
 25 | 
 26 |       "Source" form shall mean the preferred form for making modifications,
 27 |       including but not limited to software source code, documentation
 28 |       source, and configuration files.
 29 | 
 30 |       "Object" form shall mean any form resulting from mechanical
 31 |       transformation or translation of a Source form, including but
 32 |       not limited to compiled object code, generated documentation,
 33 |       and conversions to other media types.
 34 | 
 35 |       "Work" shall mean the work of authorship, whether in Source or
 36 |       Object form, made available under the License, as indicated by a
 37 |       copyright notice that is included in or attached to the work
 38 |       (an example is provided in the Appendix below).
 39 | 
 40 |       "Derivative Works" shall mean any work, whether in Source or Object
 41 |       form, that is based on (or derived from) the Work and for which the
 42 |       editorial revisions, annotations, elaborations, or other modifications
 43 |       represent, as a whole, an original work of authorship. For the purposes
 44 |       of this License, Derivative Works shall not include works that remain
 45 |       separable from, or merely link (or bind by name) to the interfaces of,
 46 |       the Work and Derivative Works thereof.
 47 | 
 48 |       "Contribution" shall mean any work of authorship, including
 49 |       the original version of the Work and any modifications or additions
 50 |       to that Work or Derivative Works thereof, that is intentionally
 51 |       submitted to Licensor for inclusion in the Work by the copyright owner
 52 |       or by an individual or Legal Entity authorized to submit on behalf of
 53 |       the copyright owner. For the purposes of this definition, "submitted"
 54 |       means any form of electronic, verbal, or written communication sent
 55 |       to the Licensor or its representatives, including but not limited to
 56 |       communication on electronic mailing lists, source code control systems,
 57 |       and issue tracking systems that are managed by, or on behalf of, the
 58 |       Licensor for the purpose of discussing and improving the Work, but
 59 |       excluding communication that is conspicuously marked or otherwise
 60 |       designated in writing by the copyright owner as "Not a Contribution."
 61 | 
 62 |       "Contributor" shall mean Licensor and any individual or Legal Entity
 63 |       on behalf of whom a Contribution has been received by Licensor and
 64 |       subsequently incorporated within the Work.
 65 | 
 66 |    2. Grant of Copyright License. Subject to the terms and conditions of
 67 |       this License, each Contributor hereby grants to You a perpetual,
 68 |       worldwide, non-exclusive, no-charge, royalty-free, irrevocable
 69 |       copyright license to reproduce, prepare Derivative Works of,
 70 |       publicly display, publicly perform, sublicense, and distribute the
 71 |       Work and such Derivative Works in Source or Object form.
 72 | 
 73 |    3. Grant of Patent License. Subject to the terms and conditions of
 74 |       this License, each Contributor hereby grants to You a perpetual,
 75 |       worldwide, non-exclusive, no-charge, royalty-free, irrevocable
 76 |       (except as stated in this section) patent license to make, have made,
 77 |       use, offer to sell, sell, import, and otherwise transfer the Work,
 78 |       where such license applies only to those patent claims licensable
 79 |       by such Contributor that are necessarily infringed by their
 80 |       Contribution(s) alone or by combination of their Contribution(s)
 81 |       with the Work to which such Contribution(s) was submitted. If You
 82 |       institute patent litigation against any entity (including a
 83 |       cross-claim or counterclaim in a lawsuit) alleging that the Work
 84 |       or a Contribution incorporated within the Work constitutes direct
 85 |       or contributory patent infringement, then any patent licenses
 86 |       granted to You under this License for that Work shall terminate
 87 |       as of the date such litigation is filed.
 88 | 
 89 |    4. Redistribution. You may reproduce and distribute copies of the
 90 |       Work or Derivative Works thereof in any medium, with or without
 91 |       modifications, and in Source or Object form, provided that You
 92 |       meet the following conditions:
 93 | 
 94 |       (a) You must give any other recipients of the Work or
 95 |           Derivative Works a copy of this License; and
 96 | 
 97 |       (b) You must cause any modified files to carry prominent notices
 98 |           stating that You changed the files; and
 99 | 
100 |       (c) You must retain, in the Source form of any Derivative Works
101 |           that You distribute, all copyright, patent, trademark, and
102 |           attribution notices from the Source form of the Work,
103 |           excluding those notices that do not pertain to any part of
104 |           the Derivative Works; and
105 | 
106 |       (d) If the Work includes a "NOTICE" text file as part of its
107 |           distribution, then any Derivative Works that You distribute must
108 |           include a readable copy of the attribution notices contained
109 |           within such NOTICE file, excluding those notices that do not
110 |           pertain to any part of the Derivative Works, in at least one
111 |           of the following places: within a NOTICE text file distributed
112 |           as part of the Derivative Works; within the Source form or
113 |           documentation, if provided along with the Derivative Works; or,
114 |           within a display generated by the Derivative Works, if and
115 |           wherever such third-party notices normally appear. The contents
116 |           of the NOTICE file are for informational purposes only and
117 |           do not modify the License. You may add Your own attribution
118 |           notices within Derivative Works that You distribute, alongside
119 |           or as an addendum to the NOTICE text from the Work, provided
120 |           that such additional attribution notices cannot be construed
121 |           as modifying the License.
122 | 
123 |       You may add Your own copyright statement to Your modifications and
124 |       may provide additional or different license terms and conditions
125 |       for use, reproduction, or distribution of Your modifications, or
126 |       for any such Derivative Works as a whole, provided Your use,
127 |       reproduction, and distribution of the Work otherwise complies with
128 |       the conditions stated in this License.
129 | 
130 |    5. Submission of Contributions. Unless You explicitly state otherwise,
131 |       any Contribution intentionally submitted for inclusion in the Work
132 |       by You to the Licensor shall be under the terms and conditions of
133 |       this License, without any additional terms or conditions.
134 |       Notwithstanding the above, nothing herein shall supersede or modify
135 |       the terms of any separate license agreement you may have executed
136 |       with Licensor regarding such Contributions.
137 | 
138 |    6. Trademarks. This License does not grant permission to use the trade
139 |       names, trademarks, service marks, or product names of the Licensor,
140 |       except as required for reasonable and customary use in describing the
141 |       origin of the Work and reproducing the content of the NOTICE file.
142 | 
143 |    7. Disclaimer of Warranty. Unless required by applicable law or
144 |       agreed to in writing, Licensor provides the Work (and each
145 |       Contributor provides its Contributions) on an "AS IS" BASIS,
146 |       WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
147 |       implied, including, without limitation, any warranties or conditions
148 |       of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
149 |       PARTICULAR PURPOSE. You are solely responsible for determining the
150 |       appropriateness of using or redistributing the Work and assume any
151 |       risks associated with Your exercise of permissions under this License.
152 | 
153 |    8. Limitation of Liability. In no event and under no legal theory,
154 |       whether in tort (including negligence), contract, or otherwise,
155 |       unless required by applicable law (such as deliberate and grossly
156 |       negligent acts) or agreed to in writing, shall any Contributor be
157 |       liable to You for damages, including any direct, indirect, special,
158 |       incidental, or consequential damages of any character arising as a
159 |       result of this License or out of the use or inability to use the
160 |       Work (including but not limited to damages for loss of goodwill,
161 |       work stoppage, computer failure or malfunction, or any and all
162 |       other commercial damages or losses), even if such Contributor
163 |       has been advised of the possibility of such damages.
164 | 
165 |    9. Accepting Warranty or Additional Liability. While redistributing
166 |       the Work or Derivative Works thereof, You may choose to offer,
167 |       and charge a fee for, acceptance of support, warranty, indemnity,
168 |       or other liability obligations and/or rights consistent with this
169 |       License. However, in accepting such obligations, You may act only
170 |       on Your own behalf and on Your sole responsibility, not on behalf
171 |       of any other Contributor, and only if You agree to indemnify,
172 |       defend, and hold each Contributor harmless for any liability
173 |       incurred by, or claims asserted against, such Contributor by reason
174 |       of your accepting any such warranty or additional liability.
175 | 
176 |    END OF TERMS AND CONDITIONS
177 | 
178 |    APPENDIX: How to apply the Apache License to your work.
179 | 
180 |       To apply the Apache License to your work, attach the following
181 |       boilerplate notice, with the fields enclosed by brackets "{}"
182 |       replaced with your own identifying information. (Don't include
183 |       the brackets!)  The text should be enclosed in the appropriate
184 |       comment syntax for the file format. We also recommend that a
185 |       file or class name and description of purpose be included on the
186 |       same "printed page" as the copyright notice for easier
187 |       identification within third-party archives.
188 | 
189 |    Copyright {yyyy} {name of copyright owner}
190 | 
191 |    Licensed under the Apache License, Version 2.0 (the "License");
192 |    you may not use this file except in compliance with the License.
193 |    You may obtain a copy of the License at
194 | 
195 |        http://www.apache.org/licenses/LICENSE-2.0
196 | 
197 |    Unless required by applicable law or agreed to in writing, software
198 |    distributed under the License is distributed on an "AS IS" BASIS,
199 |    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
200 |    See the License for the specific language governing permissions and
201 |    limitations under the License.
202 | 


--------------------------------------------------------------------------------