From d691b26b23ae9321bb431fa5c12bf75d55e5f13a Mon Sep 17 00:00:00 2001 From: Yuval Adam Date: Fri, 8 Jan 2016 22:50:31 +0200 Subject: Add babel polyfill to fix ES6 behavior --- geshem.js | 31 +- package.json | 1 + static/js/bundle.js | 7221 +++++++++++++++++++++++++++++++++++++++++++-------- 3 files changed, 6211 insertions(+), 1042 deletions(-) diff --git a/geshem.js b/geshem.js index 5d7925e..5961e4f 100644 --- a/geshem.js +++ b/geshem.js @@ -1,3 +1,5 @@ +import 'babel-polyfill' + import React from 'react' import ReactDOM from 'react-dom' @@ -20,20 +22,6 @@ class GLMap extends React.Component { token: React.PropTypes.string // mapbox auth token } - RASTER_COORDS = { - '140': [ - [33.35317413, 33.27232471], - [36.32243686, 33.27232471], - [36.32243686, 30.72293428], - [33.35317413, 30.72293428] - ], - '280': [ - [31.93095218, 34.5156862], - [37.86644267, 34.5156862], - [37.86644267, 29.42911589], - [31.93095218, 29.42911589] - ] - } constructor (props) { super(props) @@ -41,6 +29,20 @@ class GLMap extends React.Component { 'res': '280', 'slider': 0 } + this.RASTER_COORDS = { + '140': [ + [33.35317413, 33.27232471], + [36.32243686, 33.27232471], + [36.32243686, 30.72293428], + [33.35317413, 30.72293428] + ], + '280': [ + [31.93095218, 34.5156862], + [37.86644267, 34.5156862], + [37.86644267, 29.42911589], + [31.93095218, 29.42911589] + ] + } } _addRadarSource (res, i, url) { @@ -126,7 +128,6 @@ class GLMap extends React.Component { class Map extends React.Component { onChangeHandler = (e) => { - console.log('handle', e) this.setState({ 'slider': 7-e }) diff --git a/package.json b/package.json index 355f6a9..4964228 100644 --- a/package.json +++ b/package.json @@ -5,6 +5,7 @@ "main": "geshem.js", "dependencies": { "babel-loader": "^6.2.0", + "babel-polyfill": "^6.3.14", "babel-preset-es2015": "^6.3.13", "babel-preset-react": "^6.3.13", "babel-preset-stage-0": "^6.3.13", diff --git a/static/js/bundle.js b/static/js/bundle.js index 80b017b..542f633 100644 --- a/static/js/bundle.js +++ b/static/js/bundle.js @@ -48,21 +48,23 @@ 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; }; })(); - var _react = __webpack_require__(1); + __webpack_require__(1); + + var _react = __webpack_require__(191); var _react2 = _interopRequireDefault(_react); - var _reactDom = __webpack_require__(158); + var _reactDom = __webpack_require__(347); var _reactDom2 = _interopRequireDefault(_reactDom); - __webpack_require__(159); + __webpack_require__(348); - var _rcSlider = __webpack_require__(163); + var _rcSlider = __webpack_require__(352); var _rcSlider2 = _interopRequireDefault(_rcSlider); - __webpack_require__(219); + __webpack_require__(408); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } @@ -74,30 +76,31 @@ // Need to directly script-load instead of proper import since GL JS doesn't support webpack // https://github.com/mapbox/mapbox-gl-js/issues/1649 - __webpack_require__(221); + __webpack_require__(410); var GLMap = (function (_React$Component) { _inherits(GLMap, _React$Component); - // Adapted from Tim Welch's code that can be found at - // https://github.com/twelch/react-mapbox-gl-seed/blob/4d78eb0/src/components/GLMap.js + // mapbox auth token function GLMap(props) { _classCallCheck(this, GLMap); var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(GLMap).call(this, props)); - _this.RASTER_COORDS = { - '140': [[33.35317413, 33.27232471], [36.32243686, 33.27232471], [36.32243686, 30.72293428], [33.35317413, 30.72293428]], - '280': [[31.93095218, 34.5156862], [37.86644267, 34.5156862], [37.86644267, 29.42911589], [31.93095218, 29.42911589]] - }; - _this.state = { 'res': '280', 'slider': 0 }; + _this.RASTER_COORDS = { + '140': [[33.35317413, 33.27232471], [36.32243686, 33.27232471], [36.32243686, 30.72293428], [33.35317413, 30.72293428]], + '280': [[31.93095218, 34.5156862], [37.86644267, 34.5156862], [37.86644267, 29.42911589], [31.93095218, 29.42911589]] + }; return _this; - } // mapbox auth token + } + + // Adapted from Tim Welch's code that can be found at + // https://github.com/twelch/react-mapbox-gl-seed/blob/4d78eb0/src/components/GLMap.js _createClass(GLMap, [{ key: '_addRadarSource', @@ -211,7 +214,6 @@ }, { key: 'componentWillReceiveProps', value: function componentWillReceiveProps(props) { - console.log('old' + this.state.slider, 'new' + props.slider); this.map.setPaintProperty('radar-' + this.state.res + '-' + this.state.slider, 'raster-opacity', 0); this.map.setPaintProperty('radar-' + this.state.res + '-' + props.slider, 'raster-opacity', 0.85); this.setState({ @@ -247,7 +249,6 @@ var _this3 = _possibleConstructorReturn(this, Object.getPrototypeOf(Map).call(this, props)); _this3.onChangeHandler = function (e) { - console.log('handle', e); _this3.setState({ 'slider': 7 - e }); @@ -364,213 +365,5227 @@ /* 1 */ /***/ function(module, exports, __webpack_require__) { - 'use strict'; + /* WEBPACK VAR INJECTION */(function(global) {"use strict"; - module.exports = __webpack_require__(2); + __webpack_require__(2); + __webpack_require__(189); + + if (global._babelPolyfill) { + throw new Error("only one instance of babel-polyfill is allowed"); + } + global._babelPolyfill = true; + /* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }()))) /***/ }, /* 2 */ /***/ function(module, exports, __webpack_require__) { - /** - * Copyright 2013-2015, Facebook, Inc. - * All rights reserved. - * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. - * - * @providesModule React - */ + __webpack_require__(3); + __webpack_require__(36); + __webpack_require__(42); + __webpack_require__(44); + __webpack_require__(46); + __webpack_require__(48); + __webpack_require__(50); + __webpack_require__(52); + __webpack_require__(53); + __webpack_require__(54); + __webpack_require__(55); + __webpack_require__(56); + __webpack_require__(57); + __webpack_require__(58); + __webpack_require__(59); + __webpack_require__(60); + __webpack_require__(61); + __webpack_require__(62); + __webpack_require__(63); + __webpack_require__(66); + __webpack_require__(67); + __webpack_require__(68); + __webpack_require__(70); + __webpack_require__(71); + __webpack_require__(72); + __webpack_require__(73); + __webpack_require__(74); + __webpack_require__(75); + __webpack_require__(76); + __webpack_require__(78); + __webpack_require__(79); + __webpack_require__(80); + __webpack_require__(82); + __webpack_require__(83); + __webpack_require__(84); + __webpack_require__(86); + __webpack_require__(87); + __webpack_require__(88); + __webpack_require__(89); + __webpack_require__(90); + __webpack_require__(91); + __webpack_require__(92); + __webpack_require__(93); + __webpack_require__(94); + __webpack_require__(95); + __webpack_require__(96); + __webpack_require__(97); + __webpack_require__(98); + __webpack_require__(99); + __webpack_require__(104); + __webpack_require__(105); + __webpack_require__(109); + __webpack_require__(110); + __webpack_require__(112); + __webpack_require__(113); + __webpack_require__(118); + __webpack_require__(119); + __webpack_require__(122); + __webpack_require__(124); + __webpack_require__(126); + __webpack_require__(128); + __webpack_require__(129); + __webpack_require__(130); + __webpack_require__(132); + __webpack_require__(133); + __webpack_require__(135); + __webpack_require__(136); + __webpack_require__(137); + __webpack_require__(138); + __webpack_require__(145); + __webpack_require__(148); + __webpack_require__(149); + __webpack_require__(151); + __webpack_require__(152); + __webpack_require__(153); + __webpack_require__(154); + __webpack_require__(155); + __webpack_require__(156); + __webpack_require__(157); + __webpack_require__(158); + __webpack_require__(159); + __webpack_require__(160); + __webpack_require__(161); + __webpack_require__(162); + __webpack_require__(164); + __webpack_require__(165); + __webpack_require__(166); + __webpack_require__(167); + __webpack_require__(168); + __webpack_require__(169); + __webpack_require__(171); + __webpack_require__(172); + __webpack_require__(173); + __webpack_require__(174); + __webpack_require__(176); + __webpack_require__(177); + __webpack_require__(179); + __webpack_require__(180); + __webpack_require__(182); + __webpack_require__(183); + __webpack_require__(184); + __webpack_require__(187); + __webpack_require__(188); + module.exports = __webpack_require__(7); + +/***/ }, +/* 3 */ +/***/ function(module, exports, __webpack_require__) { 'use strict'; + var $ = __webpack_require__(4) + , $export = __webpack_require__(5) + , DESCRIPTORS = __webpack_require__(10) + , createDesc = __webpack_require__(9) + , html = __webpack_require__(16) + , cel = __webpack_require__(17) + , has = __webpack_require__(19) + , cof = __webpack_require__(20) + , invoke = __webpack_require__(21) + , fails = __webpack_require__(11) + , anObject = __webpack_require__(22) + , aFunction = __webpack_require__(15) + , isObject = __webpack_require__(18) + , toObject = __webpack_require__(23) + , toIObject = __webpack_require__(25) + , toInteger = __webpack_require__(27) + , toIndex = __webpack_require__(28) + , toLength = __webpack_require__(29) + , IObject = __webpack_require__(26) + , IE_PROTO = __webpack_require__(13)('__proto__') + , createArrayMethod = __webpack_require__(30) + , arrayIndexOf = __webpack_require__(35)(false) + , ObjectProto = Object.prototype + , ArrayProto = Array.prototype + , arraySlice = ArrayProto.slice + , arrayJoin = ArrayProto.join + , defineProperty = $.setDesc + , getOwnDescriptor = $.getDesc + , defineProperties = $.setDescs + , factories = {} + , IE8_DOM_DEFINE; + + if(!DESCRIPTORS){ + IE8_DOM_DEFINE = !fails(function(){ + return defineProperty(cel('div'), 'a', {get: function(){ return 7; }}).a != 7; + }); + $.setDesc = function(O, P, Attributes){ + if(IE8_DOM_DEFINE)try { + return defineProperty(O, P, Attributes); + } catch(e){ /* empty */ } + if('get' in Attributes || 'set' in Attributes)throw TypeError('Accessors not supported!'); + if('value' in Attributes)anObject(O)[P] = Attributes.value; + return O; + }; + $.getDesc = function(O, P){ + if(IE8_DOM_DEFINE)try { + return getOwnDescriptor(O, P); + } catch(e){ /* empty */ } + if(has(O, P))return createDesc(!ObjectProto.propertyIsEnumerable.call(O, P), O[P]); + }; + $.setDescs = defineProperties = function(O, Properties){ + anObject(O); + var keys = $.getKeys(Properties) + , length = keys.length + , i = 0 + , P; + while(length > i)$.setDesc(O, P = keys[i++], Properties[P]); + return O; + }; + } + $export($export.S + $export.F * !DESCRIPTORS, 'Object', { + // 19.1.2.6 / 15.2.3.3 Object.getOwnPropertyDescriptor(O, P) + getOwnPropertyDescriptor: $.getDesc, + // 19.1.2.4 / 15.2.3.6 Object.defineProperty(O, P, Attributes) + defineProperty: $.setDesc, + // 19.1.2.3 / 15.2.3.7 Object.defineProperties(O, Properties) + defineProperties: defineProperties + }); - var ReactDOM = __webpack_require__(3); - var ReactDOMServer = __webpack_require__(148); - var ReactIsomorphic = __webpack_require__(152); + // IE 8- don't enum bug keys + var keys1 = ('constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,' + + 'toLocaleString,toString,valueOf').split(',') + // Additional keys for getOwnPropertyNames + , keys2 = keys1.concat('length', 'prototype') + , keysLen1 = keys1.length; + + // Create object with `null` prototype: use iframe Object with cleared prototype + var createDict = function(){ + // Thrash, waste and sodomy: IE GC bug + var iframe = cel('iframe') + , i = keysLen1 + , gt = '>' + , iframeDocument; + iframe.style.display = 'none'; + html.appendChild(iframe); + iframe.src = 'javascript:'; // eslint-disable-line no-script-url + // createDict = iframe.contentWindow.Object; + // html.removeChild(iframe); + iframeDocument = iframe.contentWindow.document; + iframeDocument.open(); + iframeDocument.write('