├── .babelrc
├── .gitignore
├── README.md
├── config
├── webpack.base.config.js
├── webpack.opt.config.js
└── webpack.prod.config.js
├── dist
├── index.html
├── main.js
└── style.css
├── package.json
├── server
├── index.js
└── routes
│ └── index.js
└── src
├── index.html
├── index.js
└── styles.scss
/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | "presets": [
3 | "@babel/env",
4 | "@babel/preset-react",
5 | [
6 | "@babel/preset-stage-2",
7 | {
8 | "decoratorsLegacy": true
9 | }
10 | ]
11 | ]
12 | }
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # React Started Kit
2 |
3 | This is a `react starter kit`, which uses the bare minimum `webpack` configuration, only what's needed nothing else. An excellent started to build your application on and incrementally add more features to your `webpack` configuration(s).
4 |
5 | ***
6 |
7 | ##### Steps On How to Use This Kit
8 | * Clone this repository
9 | * Do an `$ npm intall`
10 | * Then depending on the build you want to run use the following to command in your terminal
11 |
12 | > npm run start:dev
13 |
14 | > npm run start:prod
15 |
16 | ***
17 |
18 | ##### Things Added To This Starter Kit
19 | - [x] dev-server configured with hot module reloading
20 | - [x] Webpack 4 added
21 | - [x] webpack development, production environment setup, ability to add as many environments as you want by simply chaning the ```--env.NODE_ENV``` in the `script` in `package.json`
22 | - [x] scss support
23 | - [x] @babel/env, @babel/preset-react, @babel/preset-stage-2 (version 7.0.0-beta.46)
24 | - [x] Webpack merge added to manage configurations in a very smart way.
25 | - [ ] react-router-4
26 | - [x] NodeJS backend up & running with ExpressJS framework.
27 |
28 |
--------------------------------------------------------------------------------
/config/webpack.base.config.js:
--------------------------------------------------------------------------------
1 | var HtmlWebpackPlugin = require('html-webpack-plugin');
2 | var ExtractTextPlugin = require('extract-text-webpack-plugin');
3 |
4 | module.exports = {
5 | module: {
6 | rules: [
7 | {
8 | test: /\.js$/,
9 | exclude: /node_modules/,
10 | use: {
11 | loader: 'babel-loader'
12 | }
13 | },
14 | {
15 | test: /\.scss$/,
16 | use: ExtractTextPlugin.extract({
17 | fallback: "style-loader",
18 | use: "css-loader!sass-loader",
19 | })
20 | }
21 | ]
22 | },
23 | plugins: [
24 | new HtmlWebpackPlugin({
25 | template: './src/index.html',
26 | filename: './index.html'
27 | }),
28 | new ExtractTextPlugin('style.css')
29 | ]
30 | }
31 |
--------------------------------------------------------------------------------
/config/webpack.opt.config.js:
--------------------------------------------------------------------------------
1 | var OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
2 | var UglifyJsPlugin = require('uglifyjs-webpack-plugin');
3 |
4 | module.exports = {
5 | optimization: {
6 | minimizer: [
7 | new UglifyJsPlugin({
8 | uglifyOptions: {
9 | mangle: {
10 | keep_fnames: true,
11 | },
12 | },
13 | })
14 | ],
15 | },
16 | plugins: [
17 | new OptimizeCssAssetsPlugin(),
18 | ],
19 | }
--------------------------------------------------------------------------------
/config/webpack.prod.config.js:
--------------------------------------------------------------------------------
1 | var webpack = require('webpack');
2 | var merge = require('webpack-merge');
3 |
4 | var baseConfig = require('./webpack.base.config');
5 | var optimizationConfig = require('./webpack.opt.config');
6 |
7 | const productionConfiguration = function (env) {
8 | const NODE_ENV = env.NODE_ENV ? env.NODE_ENV : 'development';
9 | return {
10 | plugins: [
11 | new webpack.DefinePlugin({ 'process.env.NODE_ENV': JSON.stringify(NODE_ENV) }),
12 | ]
13 | };
14 | }
15 |
16 | module.exports = merge.smart(baseConfig, optimizationConfig, productionConfiguration);
--------------------------------------------------------------------------------
/dist/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Tutorial
9 |
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/dist/main.js:
--------------------------------------------------------------------------------
1 | !function(e){var t={};function __webpack_require__(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,__webpack_require__),r.l=!0,r.exports}__webpack_require__.m=e,__webpack_require__.c=t,__webpack_require__.d=function(e,t,n){__webpack_require__.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},__webpack_require__.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},__webpack_require__.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return __webpack_require__.d(t,"a",t),t},__webpack_require__.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},__webpack_require__.p="",__webpack_require__(__webpack_require__.s=14)}([function(e,t,n){"use strict";function makeEmptyFunction(e){return function(){return e}}var r=function(){};r.thatReturns=makeEmptyFunction,r.thatReturnsFalse=makeEmptyFunction(!1),r.thatReturnsTrue=makeEmptyFunction(!0),r.thatReturnsNull=makeEmptyFunction(null),r.thatReturnsThis=function(){return this},r.thatReturnsArgument=function(e){return e},e.exports=r},function(e,t,n){"use strict";e.exports={}},function(e,t,n){"use strict";var r=function(e){};e.exports=function(e,t,n,o,a,i,l,u){if(r(t),!e){var c;if(void 0===t)c=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var s=[n,o,a,i,l,u],f=0;(c=new Error(t.replace(/%s/g,function(){return s[f++]}))).name="Invariant Violation"}throw c.framesToPop=1,c}}},function(e,t,n){"use strict";
2 | /*
3 | object-assign
4 | (c) Sindre Sorhus
5 | @license MIT
6 | */var r=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map(function(e){return t[e]}).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(e){r[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var n,i,l=function(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),u=1;uthis.eventPool.length&&this.eventPool.push(e)}function rb(e){e.eventPool=[],e.getPooled=sb,e.release=tb}m(N.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=y.thatReturnsTrue)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=y.thatReturnsTrue)},persist:function(){this.isPersistent=y.thatReturnsTrue},isPersistent:y.thatReturnsFalse,destructor:function(){var e,t=this.constructor.Interface;for(e in t)this[e]=null;for(t=0;t=ye),_e=String.fromCharCode(32),Ee={beforeInput:{phasedRegistrationNames:{bubbled:"onBeforeInput",captured:"onBeforeInputCapture"},dependencies:["topCompositionEnd","topKeyPress","topTextInput","topPaste"]},compositionEnd:{phasedRegistrationNames:{bubbled:"onCompositionEnd",captured:"onCompositionEndCapture"},dependencies:"topBlur topCompositionEnd topKeyDown topKeyPress topKeyUp topMouseDown".split(" ")},compositionStart:{phasedRegistrationNames:{bubbled:"onCompositionStart",captured:"onCompositionStartCapture"},dependencies:"topBlur topCompositionStart topKeyDown topKeyPress topKeyUp topMouseDown".split(" ")},compositionUpdate:{phasedRegistrationNames:{bubbled:"onCompositionUpdate",captured:"onCompositionUpdateCapture"},dependencies:"topBlur topCompositionUpdate topKeyDown topKeyPress topKeyUp topMouseDown".split(" ")}},Te=!1;function Mb(e,t){switch(e){case"topKeyUp":return-1!==ge.indexOf(t.keyCode);case"topKeyDown":return 229!==t.keyCode;case"topKeyPress":case"topMouseDown":case"topBlur":return!0;default:return!1}}function Nb(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var Ne=!1;var Ue={eventTypes:Ee,extractEvents:function(e,t,n,r){var o=void 0,a=void 0;if(ve)e:{switch(e){case"topCompositionStart":o=Ee.compositionStart;break e;case"topCompositionEnd":o=Ee.compositionEnd;break e;case"topCompositionUpdate":o=Ee.compositionUpdate;break e}o=void 0}else Ne?Mb(e,n)&&(o=Ee.compositionEnd):"topKeyDown"===e&&229===n.keyCode&&(o=Ee.compositionStart);return o?(we&&(Ne||o!==Ee.compositionStart?o===Ee.compositionEnd&&Ne&&(a=nb()):(se._root=r,se._startText=ob(),Ne=!0)),o=pe.getPooled(o,t,n,r),a?o.data=a:null!==(a=Nb(n))&&(o.data=a),ib(o),a=o):a=null,(e=be?function(e,t){switch(e){case"topCompositionEnd":return Nb(t);case"topKeyPress":return 32!==t.which?null:(Te=!0,_e);case"topTextInput":return(e=t.data)===_e&&Te?null:e;default:return null}}(e,n):function(e,t){if(Ne)return"topCompositionEnd"===e||!ve&&Mb(e,t)?(e=nb(),se._root=null,se._startText=null,se._fallbackText=null,Ne=!1,e):null;switch(e){case"topPaste":return null;case"topKeyPress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1t}return!1}(t,n,o,r)&&(n=null),r||null===o?function(e){return!!mt.hasOwnProperty(e)||!ht.hasOwnProperty(e)&&(pt.test(e)?mt[e]=!0:(ht[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=null===n?3!==o.type&&"":n:(t=o.attributeName,r=o.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(o=o.type)||4===o&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}function Vc(e,t){var n=t.checked;return m({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function Wc(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=Xc(null!=t.value?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function Yc(e,t){null!=(t=t.checked)&&Uc(e,"checked",t,!1)}function Zc(e,t){Yc(e,t);var n=Xc(t.value);null!=n&&("number"===t.type?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n)),t.hasOwnProperty("value")?$c(e,t.type,n):t.hasOwnProperty("defaultValue")&&$c(e,t.type,Xc(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function ad(e,t){(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue"))&&(""===e.value&&(e.value=""+e._wrapperState.initialValue),e.defaultValue=""+e._wrapperState.initialValue),""!==(t=e.name)&&(e.name=""),e.defaultChecked=!e.defaultChecked,e.defaultChecked=!e.defaultChecked,""!==t&&(e.name=t)}function $c(e,t,n){"number"===t&&e.ownerDocument.activeElement===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}function Xc(e){switch(typeof e){case"boolean":case"number":case"object":case"string":case"undefined":return e;default:return""}}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var t=e.replace(vt,Tc);gt[t]=new U(t,1,!1,e,null)}),"xlink:actuate xlink:arcrole xlink:href xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(vt,Tc);gt[t]=new U(t,1,!1,e,"http://www.w3.org/1999/xlink")}),["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(vt,Tc);gt[t]=new U(t,1,!1,e,"http://www.w3.org/XML/1998/namespace")}),gt.tabIndex=new U("tabIndex",1,!1,"tabindex",null);var yt={change:{phasedRegistrationNames:{bubbled:"onChange",captured:"onChangeCapture"},dependencies:"topBlur topChange topClick topFocus topInput topKeyDown topKeyUp topSelectionChange".split(" ")}};function cd(e,t,n){return(e=N.getPooled(yt.change,e,t,n)).type="change",Xb(n),ib(e),e}var bt=null,Ct=null;function fd(e){Pa(e,!1)}function gd(e){if(mc(Va(e)))return e}function hd(e,t){if("topChange"===e)return t}var kt=!1;function jd(){bt&&(bt.detachEvent("onpropertychange",kd),Ct=bt=null)}function kd(e){"value"===e.propertyName&&gd(Ct)&&ec(fd,e=cd(Ct,e,hc(e)))}function ld(e,t,n){"topFocus"===e?(jd(),Ct=n,(bt=t).attachEvent("onpropertychange",kd)):"topBlur"===e&&jd()}function md(e){if("topSelectionChange"===e||"topKeyUp"===e||"topKeyDown"===e)return gd(Ct)}function nd(e,t){if("topClick"===e)return gd(t)}function od(e,t){if("topInput"===e||"topChange"===e)return gd(t)}s.canUseDOM&&(kt=ic("input")&&(!document.documentMode||9Vt.length&&Vt.push(e)}}}var Bt=Object.freeze({get _enabled(){return jt},setEnabled:Wd,isEnabled:function(){return jt},trapBubbledEvent:W,trapCapturedEvent:Zd,dispatchEvent:Yd});function ae(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n["ms"+e]="MS"+t,n["O"+e]="o"+t.toLowerCase(),n}var Kt={animationend:ae("Animation","AnimationEnd"),animationiteration:ae("Animation","AnimationIteration"),animationstart:ae("Animation","AnimationStart"),transitionend:ae("Transition","TransitionEnd")},$t={},Qt={};function ee(e){if($t[e])return $t[e];if(!Kt[e])return e;var t,n=Kt[e];for(t in n)if(n.hasOwnProperty(t)&&t in Qt)return $t[e]=n[t];return e}s.canUseDOM&&(Qt=document.createElement("div").style,"AnimationEvent"in window||(delete Kt.animationend.animation,delete Kt.animationiteration.animation,delete Kt.animationstart.animation),"TransitionEvent"in window||delete Kt.transitionend.transition);var qt={topAnimationEnd:ee("animationend"),topAnimationIteration:ee("animationiteration"),topAnimationStart:ee("animationstart"),topBlur:"blur",topCancel:"cancel",topChange:"change",topClick:"click",topClose:"close",topCompositionEnd:"compositionend",topCompositionStart:"compositionstart",topCompositionUpdate:"compositionupdate",topContextMenu:"contextmenu",topCopy:"copy",topCut:"cut",topDoubleClick:"dblclick",topDrag:"drag",topDragEnd:"dragend",topDragEnter:"dragenter",topDragExit:"dragexit",topDragLeave:"dragleave",topDragOver:"dragover",topDragStart:"dragstart",topDrop:"drop",topFocus:"focus",topInput:"input",topKeyDown:"keydown",topKeyPress:"keypress",topKeyUp:"keyup",topLoad:"load",topLoadStart:"loadstart",topMouseDown:"mousedown",topMouseMove:"mousemove",topMouseOut:"mouseout",topMouseOver:"mouseover",topMouseUp:"mouseup",topPaste:"paste",topScroll:"scroll",topSelectionChange:"selectionchange",topTextInput:"textInput",topToggle:"toggle",topTouchCancel:"touchcancel",topTouchEnd:"touchend",topTouchMove:"touchmove",topTouchStart:"touchstart",topTransitionEnd:ee("transitionend"),topWheel:"wheel"},Gt={topAbort:"abort",topCanPlay:"canplay",topCanPlayThrough:"canplaythrough",topDurationChange:"durationchange",topEmptied:"emptied",topEncrypted:"encrypted",topEnded:"ended",topError:"error",topLoadedData:"loadeddata",topLoadedMetadata:"loadedmetadata",topLoadStart:"loadstart",topPause:"pause",topPlay:"play",topPlaying:"playing",topProgress:"progress",topRateChange:"ratechange",topSeeked:"seeked",topSeeking:"seeking",topStalled:"stalled",topSuspend:"suspend",topTimeUpdate:"timeupdate",topVolumeChange:"volumechange",topWaiting:"waiting"},Yt={},Xt=0,Zt="_reactListenersID"+(""+Math.random()).slice(2);function ke(e){return Object.prototype.hasOwnProperty.call(e,Zt)||(e[Zt]=Xt++,Yt[e[Zt]]={}),Yt[e[Zt]]}function le(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function me(e,t){var n,r=le(e);for(e=0;r;){if(3===r.nodeType){if(n=e+r.textContent.length,e<=t&&n>=t)return{node:r,offset:t-e};e=n}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=le(r)}}function ne(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&"text"===e.type||"textarea"===t||"true"===e.contentEditable)}var Jt=s.canUseDOM&&"documentMode"in document&&11>=document.documentMode,en={select:{phasedRegistrationNames:{bubbled:"onSelect",captured:"onSelectCapture"},dependencies:"topBlur topContextMenu topFocus topKeyDown topKeyUp topMouseDown topMouseUp topSelectionChange".split(" ")}},tn=null,nn=null,rn=null,on=!1;function ue(e,t){if(on||null==tn||tn!==C())return null;var n=tn;return"selectionStart"in n&&ne(n)?n={start:n.selectionStart,end:n.selectionEnd}:window.getSelection?n={anchorNode:(n=window.getSelection()).anchorNode,anchorOffset:n.anchorOffset,focusNode:n.focusNode,focusOffset:n.focusOffset}:n=void 0,rn&&w(rn,n)?null:(rn=n,(e=N.getPooled(en.select,nn,e,t)).type="select",e.target=tn,ib(e),e)}var an={eventTypes:en,extractEvents:function(e,t,n,r){var o,a=r.window===r?r.document:9===r.nodeType?r:r.ownerDocument;if(!(o=!a)){e:{a=ke(a),o=A.onSelect;for(var i=0;it.expirationTime)&&(e.expirationTime=t.expirationTime)}new Set;var cn=void 0,sn=void 0;function Oe(e){cn=sn=null;var t=e.alternate,n=e.updateQueue;null===n&&(n=e.updateQueue=Ke(null)),null!==t?null===(e=t.updateQueue)&&(e=t.updateQueue=Ke(null)):e=null,cn=n,sn=e!==n?e:null}function Pe(e,t){Oe(e),e=cn;var n=sn;null===n?Le(e,t):null===e.last||null===n.last?(Le(e,t),Le(n,t)):(Le(e,t),n.last=t)}function Qe(e,t,n,r){return"function"==typeof(e=e.partialState)?e.call(t,n,r):e}function Re(e,t,n,r,o,a){null!==e&&e.updateQueue===n&&(n=t.updateQueue={baseState:n.baseState,expirationTime:n.expirationTime,first:n.first,last:n.last,isInitialized:n.isInitialized,capturedValues:n.capturedValues,callbackList:null,hasForceUpdate:!1}),n.expirationTime=0,n.isInitialized?e=n.baseState:(e=n.baseState=t.memoizedState,n.isInitialized=!0);for(var i=!0,l=n.first,u=!1;null!==l;){var c=l.expirationTime;if(c>a){var s=n.expirationTime;(0===s||s>c)&&(n.expirationTime=c),u||(u=!0,n.baseState=e)}else u||(n.first=l.next,null===n.first&&(n.last=null)),l.isReplace?(e=Qe(l,r,e,o),i=!0):(c=Qe(l,r,e,o))&&(e=i?m({},e,c):m(e,c),i=!1),l.isForced&&(n.hasForceUpdate=!0),null!==l.callback&&(null===(c=n.callbackList)&&(c=n.callbackList=[]),c.push(l)),null!==l.capturedValue&&(null===(c=n.capturedValues)?n.capturedValues=[l.capturedValue]:c.push(l.capturedValue));l=l.next}return null!==n.callbackList?t.effectTag|=32:null!==n.first||n.hasForceUpdate||null!==n.capturedValues||(t.updateQueue=null),u||(n.baseState=e),e}function Se(e,t){var n=e.callbackList;if(null!==n)for(e.callbackList=null,e=0;eu?(s=l,l=null):s=l.sibling;var h=z(e,l,r[u],o);if(null===h){null===l&&(l=s);break}t&&l&&null===h.alternate&&b(e,l),n=f(h,n,u),null===i?a=h:i.sibling=h,i=h,l=s}if(u===r.length)return c(e,l),a;if(null===l){for(;uu?(s=l,l=null):s=l.sibling;var m=z(e,l,h.value,o);if(null===m){l||(l=s);break}t&&l&&null===m.alternate&&b(e,l),n=f(m,n,u),null===i?a=m:i.sibling=m,i=m,l=s}if(h.done)return c(e,l),a;if(null===l){for(;!h.done;u++,h=r.next())null!==(h=p(e,h.value,o))&&(n=f(h,n,u),null===i?a=h:i.sibling=h,i=h);return a}for(l=d(e,l);!h.done;u++,h=r.next())null!==(h=B(l,e,u,h.value,o))&&(t&&null!==h.alternate&&l.delete(null===h.key?u:h.key),n=f(h,n,u),null===i?a=h:i.sibling=h,i=h);return t&&l.forEach(function(t){return b(e,t)}),a}return function(t,n,o,a){"object"==typeof o&&null!==o&&o.type===it&&null===o.key&&(o=o.props.children);var i="object"==typeof o&&null!==o;if(i)switch(o.$$typeof){case nt:e:{var l=o.key;for(i=n;null!==i;){if(i.key===l){if(10===i.tag?o.type===it:i.type===o.type){c(t,i.sibling),(n=e(i,o.type===it?o.props.children:o.props,a)).ref=Ve(t,i,o),n.return=t,t=n;break e}c(t,i);break}b(t,i),i=i.sibling}o.type===it?((n=Be(o.props.children,t.mode,a,o.key)).return=t,t=n):((a=Ae(o,t.mode,a)).ref=Ve(t,n,o),a.return=t,t=a)}return h(t);case at:e:{for(i=o.key;null!==n;){if(n.key===i){if(4===n.tag&&n.stateNode.containerInfo===o.containerInfo&&n.stateNode.implementation===o.implementation){c(t,n.sibling),(n=e(n,o.children||[],a)).return=t,t=n;break e}c(t,n);break}b(t,n),n=n.sibling}(n=De(o,t.mode,a)).return=t,t=n}return h(t)}if("string"==typeof o||"number"==typeof o)return o=""+o,null!==n&&6===n.tag?(c(t,n.sibling),(n=e(n,o,a)).return=t,t=n):(c(t,n),(n=Ce(o,t.mode,a)).return=t,t=n),h(t);if(fn(o))return r(t,n,o,a);if(zc(o))return Q(t,n,o,a);if(i&&We(t,o),void 0===o)switch(t.tag){case 2:case 1:D("152",(a=t.type).displayName||a.name||"Component")}return c(t,n)}}var dn=Xe(!0),pn=Xe(!1);function $e(e,t,n,o,a,i,u){function g(e,t,n){k(e,t,n,t.expirationTime)}function k(e,t,n,r){t.child=null===e?pn(t,null,n,r):dn(t,e.child,n,r)}function v(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.effectTag|=128)}function l(e,t,n,o,a,i){if(v(e,t),!n&&!a)return o&&T(t,!1),r(e,t);n=t.stateNode,et.current=t;var l=a?null:n.render();return t.effectTag|=1,a&&(k(e,t,null,i),t.child=null),k(e,t,l,i),t.memoizedState=n.state,t.memoizedProps=n.props,o&&T(t,!0),t.child}function p(e){var t=e.stateNode;t.pendingContext?_(e,t.pendingContext,t.pendingContext!==t.context):t.context&&_(e,t.context,!1),d(e,t.containerInfo)}function z(e,t,n,r){var o=e.child;for(null!==o&&(o.return=e);null!==o;){switch(o.tag){case 12:var a=0|o.stateNode;if(o.type===t&&0!=(a&n)){for(a=o;null!==a;){var i=a.alternate;if(0===a.expirationTime||a.expirationTime>r)a.expirationTime=r,null!==i&&(0===i.expirationTime||i.expirationTime>r)&&(i.expirationTime=r);else{if(null===i||!(0===i.expirationTime||i.expirationTime>r))break;i.expirationTime=r}a=a.return}a=null}else a=o.child;break;case 13:a=o.type===e.type?null:o.child;break;default:a=o.child}if(null!==a)a.return=o;else for(a=o;null!==a;){if(a===e){a=null;break}if(null!==(o=a.sibling)){a=o;break}a=a.return}o=a}}function r(e,t){if(null!==e&&t.child!==e.child&&D("153"),null!==t.child){var n=ze(e=t.child,e.pendingProps,e.expirationTime);for(t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=ze(e,e.pendingProps,e.expirationTime)).return=t;n.sibling=null}return t.child}var c=e.shouldSetTextContent,s=e.shouldDeprioritizeSubtree,f=t.pushHostContext,d=t.pushHostContainer,h=o.pushProvider,y=n.getMaskedContext,b=n.getUnmaskedContext,C=n.hasContextChanged,x=n.pushContextProvider,_=n.pushTopLevelContextObject,T=n.invalidateContextProvider,S=a.enterHydrationState,P=a.resetHydrationState,N=a.tryToClaimNextHydratableInstance,I=(e=function(e,t,n,r,o){function f(e,t,n,r,o,a){if(null===t||null!==e.updateQueue&&e.updateQueue.hasForceUpdate)return!0;var i=e.stateNode;return e=e.type,"function"==typeof i.shouldComponentUpdate?i.shouldComponentUpdate(n,o,a):!(e.prototype&&e.prototype.isPureReactComponent&&w(t,n)&&w(r,o))}function h(e,t){t.updater=s,e.stateNode=t,t._reactInternalFiber=e}function g(e,t,n,r){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,r),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&s.enqueueReplaceState(t,t.state,null)}function k(e,t,n,r){if("function"==typeof(e=e.type).getDerivedStateFromProps)return e.getDerivedStateFromProps.call(null,n,r)}var a=e.cacheContext,i=e.getMaskedContext,l=e.getUnmaskedContext,u=e.isContextConsumer,c=e.hasContextChanged,s={isMounted:yd,enqueueSetState:function(e,r,o){e=e._reactInternalFiber,o=void 0===o?null:o;var a=n(e);Pe(e,{expirationTime:a,partialState:r,callback:o,isReplace:!1,isForced:!1,capturedValue:null,next:null}),t(e,a)},enqueueReplaceState:function(e,r,o){e=e._reactInternalFiber,o=void 0===o?null:o;var a=n(e);Pe(e,{expirationTime:a,partialState:r,callback:o,isReplace:!0,isForced:!1,capturedValue:null,next:null}),t(e,a)},enqueueForceUpdate:function(e,r){e=e._reactInternalFiber,r=void 0===r?null:r;var o=n(e);Pe(e,{expirationTime:o,partialState:null,callback:r,isReplace:!1,isForced:!0,capturedValue:null,next:null}),t(e,o)}};return{adoptClassInstance:h,callGetDerivedStateFromProps:k,constructClassInstance:function(e,t){var n=e.type,r=l(e),o=u(e),c=o?i(e,r):E,s=null!==(n=new n(t,c)).state&&void 0!==n.state?n.state:null;return h(e,n),e.memoizedState=s,null!==(t=k(e,0,t,s))&&void 0!==t&&(e.memoizedState=m({},e.memoizedState,t)),o&&a(e,r,c),n},mountClassInstance:function(e,t){var n=e.type,r=e.alternate,o=e.stateNode,a=e.pendingProps,u=l(e);o.props=a,o.state=e.memoizedState,o.refs=E,o.context=i(e,u),"function"==typeof n.getDerivedStateFromProps||"function"==typeof o.getSnapshotBeforeUpdate||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||(n=o.state,"function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount(),n!==o.state&&s.enqueueReplaceState(o,o.state,null),null!==(n=e.updateQueue)&&(o.state=Re(r,e,n,o,a,t))),"function"==typeof o.componentDidMount&&(e.effectTag|=4)},resumeMountClassInstance:function(e,t){var n=e.type,a=e.stateNode;a.props=e.memoizedProps,a.state=e.memoizedState;var u=e.memoizedProps,s=e.pendingProps,d=a.context,p=l(e);p=i(e,p),(n="function"==typeof n.getDerivedStateFromProps||"function"==typeof a.getSnapshotBeforeUpdate)||"function"!=typeof a.UNSAFE_componentWillReceiveProps&&"function"!=typeof a.componentWillReceiveProps||(u!==s||d!==p)&&g(e,a,s,p),d=e.memoizedState,t=null!==e.updateQueue?Re(null,e,e.updateQueue,a,s,t):d;var h=void 0;if(u!==s&&(h=k(e,0,s,t)),null!==h&&void 0!==h){t=null===t||void 0===t?h:m({},t,h);var v=e.updateQueue;null!==v&&(v.baseState=m({},v.baseState,h))}return u!==s||d!==t||c()||null!==e.updateQueue&&e.updateQueue.hasForceUpdate?((u=f(e,u,s,d,t,p))?(n||"function"!=typeof a.UNSAFE_componentWillMount&&"function"!=typeof a.componentWillMount||("function"==typeof a.componentWillMount&&a.componentWillMount(),"function"==typeof a.UNSAFE_componentWillMount&&a.UNSAFE_componentWillMount()),"function"==typeof a.componentDidMount&&(e.effectTag|=4)):("function"==typeof a.componentDidMount&&(e.effectTag|=4),r(e,s),o(e,t)),a.props=s,a.state=t,a.context=p,u):("function"==typeof a.componentDidMount&&(e.effectTag|=4),!1)},updateClassInstance:function(e,t,n){var a=t.type,u=t.stateNode;u.props=t.memoizedProps,u.state=t.memoizedState;var s=t.memoizedProps,d=t.pendingProps,p=u.context,h=l(t);h=i(t,h),(a="function"==typeof a.getDerivedStateFromProps||"function"==typeof u.getSnapshotBeforeUpdate)||"function"!=typeof u.UNSAFE_componentWillReceiveProps&&"function"!=typeof u.componentWillReceiveProps||(s!==d||p!==h)&&g(t,u,d,h),p=t.memoizedState,n=null!==t.updateQueue?Re(e,t,t.updateQueue,u,d,n):p;var v=void 0;if(s!==d&&(v=k(t,0,d,n)),null!==v&&void 0!==v){n=null===n||void 0===n?v:m({},n,v);var y=t.updateQueue;null!==y&&(y.baseState=m({},y.baseState,v))}return s!==d||p!==n||c()||null!==t.updateQueue&&t.updateQueue.hasForceUpdate?((v=f(t,s,d,p,n,h))?(a||"function"!=typeof u.UNSAFE_componentWillUpdate&&"function"!=typeof u.componentWillUpdate||("function"==typeof u.componentWillUpdate&&u.componentWillUpdate(d,n,h),"function"==typeof u.UNSAFE_componentWillUpdate&&u.UNSAFE_componentWillUpdate(d,n,h)),"function"==typeof u.componentDidUpdate&&(t.effectTag|=4),"function"==typeof u.getSnapshotBeforeUpdate&&(t.effectTag|=2048)):("function"!=typeof u.componentDidUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.effectTag|=4),"function"!=typeof u.getSnapshotBeforeUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.effectTag|=2048),r(t,d),o(t,n)),u.props=d,u.state=n,u.context=h,v):("function"!=typeof u.componentDidUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.effectTag|=4),"function"!=typeof u.getSnapshotBeforeUpdate||s===e.memoizedProps&&p===e.memoizedState||(t.effectTag|=2048),!1)}}}(n,i,u,function(e,t){e.memoizedProps=t},function(e,t){e.memoizedState=t})).adoptClassInstance,O=e.callGetDerivedStateFromProps,R=e.constructClassInstance,U=e.mountClassInstance,F=e.resumeMountClassInstance,M=e.updateClassInstance;return{beginWork:function(e,t,n){if(0===t.expirationTime||t.expirationTime>n){switch(t.tag){case 3:p(t);break;case 2:x(t);break;case 4:d(t,t.stateNode.containerInfo);break;case 13:h(t)}return null}switch(t.tag){case 0:null!==e&&D("155");var o=t.type,a=t.pendingProps,i=b(t);return o=o(a,i=y(t,i)),t.effectTag|=1,"object"==typeof o&&null!==o&&"function"==typeof o.render&&void 0===o.$$typeof?(i=t.type,t.tag=2,t.memoizedState=null!==o.state&&void 0!==o.state?o.state:null,"function"==typeof i.getDerivedStateFromProps&&(null!==(a=O(t,o,a,t.memoizedState))&&void 0!==a&&(t.memoizedState=m({},t.memoizedState,a))),a=x(t),I(t,o),U(t,n),e=l(e,t,!0,a,!1,n)):(t.tag=1,g(e,t,o),t.memoizedProps=a,e=t.child),e;case 1:return a=t.type,n=t.pendingProps,C()||t.memoizedProps!==n?(o=b(t),a=a(n,o=y(t,o)),t.effectTag|=1,g(e,t,a),t.memoizedProps=n,e=t.child):e=r(e,t),e;case 2:a=x(t),null===e?null===t.stateNode?(R(t,t.pendingProps),U(t,n),o=!0):o=F(t,n):o=M(e,t,n),i=!1;var u=t.updateQueue;return null!==u&&null!==u.capturedValues&&(i=o=!0),l(e,t,o,a,i,n);case 3:e:if(p(t),o=t.updateQueue,null!==o){if(i=t.memoizedState,a=Re(e,t,o,null,null,n),t.memoizedState=a,null!==(o=t.updateQueue)&&null!==o.capturedValues)o=null;else{if(i===a){P(),e=r(e,t);break e}o=a.element}i=t.stateNode,(null===e||null===e.child)&&i.hydrate&&S(t)?(t.effectTag|=2,t.child=pn(t,null,o,n)):(P(),g(e,t,o)),t.memoizedState=a,e=t.child}else P(),e=r(e,t);return e;case 5:return f(t),null===e&&N(t),a=t.type,u=t.memoizedProps,o=t.pendingProps,i=null!==e?e.memoizedProps:null,C()||u!==o||((u=1&t.mode&&s(a,o))&&(t.expirationTime=1073741823),u&&1073741823===n)?(u=o.children,c(a,o)?u=null:i&&c(a,i)&&(t.effectTag|=16),v(e,t),1073741823!==n&&1&t.mode&&s(a,o)?(t.expirationTime=1073741823,t.memoizedProps=o,e=null):(g(e,t,u),t.memoizedProps=o,e=t.child)):e=r(e,t),e;case 6:return null===e&&N(t),t.memoizedProps=t.pendingProps,null;case 8:t.tag=7;case 7:return a=t.pendingProps,C()||t.memoizedProps!==a||(a=t.memoizedProps),o=a.children,t.stateNode=null===e?pn(t,t.stateNode,o,n):dn(t,e.stateNode,o,n),t.memoizedProps=a,t.stateNode;case 9:return null;case 4:return d(t,t.stateNode.containerInfo),a=t.pendingProps,C()||t.memoizedProps!==a?(null===e?t.child=dn(t,null,a,n):g(e,t,a),t.memoizedProps=a,e=t.child):e=r(e,t),e;case 14:return g(e,t,n=(n=t.type.render)(t.pendingProps,t.ref)),t.memoizedProps=n,t.child;case 10:return n=t.pendingProps,C()||t.memoizedProps!==n?(g(e,t,n),t.memoizedProps=n,e=t.child):e=r(e,t),e;case 11:return n=t.pendingProps.children,C()||null!==n&&t.memoizedProps!==n?(g(e,t,n),t.memoizedProps=n,e=t.child):e=r(e,t),e;case 13:return function(e,t,n){var o=t.type._context,a=t.pendingProps,i=t.memoizedProps;if(!C()&&i===a)return t.stateNode=0,h(t),r(e,t);var l=a.value;if(t.memoizedProps=a,null===i)l=1073741823;else if(i.value===a.value){if(i.children===a.children)return t.stateNode=0,h(t),r(e,t);l=0}else{var u=i.value;if(u===l&&(0!==u||1/u==1/l)||u!=u&&l!=l){if(i.children===a.children)return t.stateNode=0,h(t),r(e,t);l=0}else if(l="function"==typeof o._calculateChangedBits?o._calculateChangedBits(u,l):1073741823,0==(l|=0)){if(i.children===a.children)return t.stateNode=0,h(t),r(e,t)}else z(t,o,l,n)}return t.stateNode=l,h(t),g(e,t,a.children),t.child}(e,t,n);case 12:e:{o=t.type,i=t.pendingProps,u=t.memoizedProps,a=o._currentValue;var k=o._changedBits;if(C()||0!==k||u!==i){t.memoizedProps=i;var w=i.unstable_observedBits;if(void 0!==w&&null!==w||(w=1073741823),t.stateNode=w,0!=(k&w))z(t,o,k,n);else if(u===i){e=r(e,t);break e}g(e,t,n=(n=i.children)(a)),e=t.child}else e=r(e,t)}return e;default:D("156")}}}}function cf(e,t){var n=t.source;null===t.stack&&Bc(n),null!==n&&Ac(n),t=t.value,null!==e&&2===e.tag&&Ac(e);try{t&&t.suppressReactErrorLogging||console.error(t)}catch(e){e&&e.suppressReactErrorLogging||console.error(e)}}var hn={};function lf(t){function b(){if(null!==ee)for(var e=ee.return;null!==e;)_(e),e=e.return;te=null,ne=0,ee=null,ae=!1}function c(e){return null!==ie&&ie.has(e)}function d(e){for(;;){var t=e.alternate,n=e.return,r=e.sibling;if(0==(512&e.effectTag)){t=y(t,e,ne);var o=e;if(1073741823===ne||1073741823!==o.expirationTime){e:switch(o.tag){case 3:case 2:var a=o.updateQueue;a=null===a?0:a.expirationTime;break e;default:a=0}for(var i=o.child;null!==i;)0!==i.expirationTime&&(0===a||a>i.expirationTime)&&(a=i.expirationTime),i=i.sibling;o.expirationTime=a}if(null!==t)return t;if(null!==n&&0==(512&n.effectTag)&&(null===n.firstEffect&&(n.firstEffect=e.firstEffect),null!==e.lastEffect&&(null!==n.lastEffect&&(n.lastEffect.nextEffect=e.firstEffect),n.lastEffect=e.lastEffect),1he)&&(he=e),e}function v(e,t){e:{for(;null!==e;){if((0===e.expirationTime||e.expirationTime>t)&&(e.expirationTime=t),null!==e.alternate&&(0===e.alternate.expirationTime||e.alternate.expirationTime>t)&&(e.alternate.expirationTime=t),null===e.return){if(3!==e.tag){t=void 0;break e}var n=e.stateNode;!J&&0!==ne&&t_e&&D("185")}e=e.return}t=void 0}return t}function l(){return $=A()-K,2+($/10|0)}function p(e,t,n,r,o){var a=Z;Z=1;try{return e(t,n,r,o)}finally{Z=a}}function z(e){if(0!==ce){if(e>ce)return;W(se)}var t=A()-K;ce=e,se=H(Q,{timeout:10*(e-2)-t})}function B(e,t){if(null===e.nextScheduledRoot)e.remainingExpirationTime=t,null===ue?(le=ue=e,e.nextScheduledRoot=e):(ue=ue.nextScheduledRoot=e).nextScheduledRoot=le;else{var r=e.remainingExpirationTime;(0===r||t=pe)&&(!me||l()>=pe);)G(de,pe,!me),r();else for(;null!==de&&0!==pe&&(0===e||e>=pe);)G(de,pe,!1),r();null!==ye&&(ce=0,se=-1),0!==pe&&z(pe),ye=null,me=!1,Y()}function Y(){if(Ee=0,null!==we){var e=we;we=null;for(var t=0;tTe)&&(me=!0)}function q(e){null===de&&D("246"),de.remainingExpirationTime=0,ge||(ge=!0,ve=e)}var o=function(){var e=[],t=-1;return{createCursor:function(e){return{current:e}},isEmpty:function(){return-1===t},pop:function(n){0>t||(n.current=e[t],e[t]=null,t--)},push:function(n,r){e[++t]=n.current,n.current=r},checkThatStackIsEmpty:function(){},resetStackAfterFatalErrorInDev:function(){}}}(),a=function(e,t){function c(e){return e===hn&&D("174"),e}var n=e.getChildHostContext,r=e.getRootHostContext;e=t.createCursor;var o=t.push,a=t.pop,i=e(hn),l=e(hn),u=e(hn);return{getHostContext:function(){return c(i.current)},getRootHostContainer:function(){return c(u.current)},popHostContainer:function(e){a(i,e),a(l,e),a(u,e)},popHostContext:function(e){l.current===e&&(a(i,e),a(l,e))},pushHostContainer:function(e,t){o(u,t,e),o(l,e,e),o(i,hn,e),t=r(t),a(i,e),o(i,t,e)},pushHostContext:function(e){var t=c(u.current),r=c(i.current);r!==(t=n(r,e.type,t))&&(o(l,e,e),o(i,t,e))}}}(t,o),i=function(e){function b(e,t,n){(e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=n}function c(e){return 2===e.tag&&null!=e.type.childContextTypes}function d(e,t){var n=e.stateNode,r=e.type.childContextTypes;if("function"!=typeof n.getChildContext)return t;for(var o in n=n.getChildContext())o in r||D("108",Ac(e)||"Unknown",o);return m({},t,n)}var t=e.createCursor,n=e.push,r=e.pop,o=t(E),a=t(!1),i=E;return{getUnmaskedContext:function(e){return c(e)?i:o.current},cacheContext:b,getMaskedContext:function(e,t){var n=e.type.contextTypes;if(!n)return E;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o,a={};for(o in n)a[o]=t[o];return r&&b(e,t,a),a},hasContextChanged:function(){return a.current},isContextConsumer:function(e){return 2===e.tag&&null!=e.type.contextTypes},isContextProvider:c,popContextProvider:function(e){c(e)&&(r(a,e),r(o,e))},popTopLevelContextObject:function(e){r(a,e),r(o,e)},pushTopLevelContextObject:function(e,t,r){null!=o.cursor&&D("168"),n(o,t,e),n(a,r,e)},processChildContext:d,pushContextProvider:function(e){if(!c(e))return!1;var t=e.stateNode;return t=t&&t.__reactInternalMemoizedMergedChildContext||E,i=o.current,n(o,t,e),n(a,a.current,e),!0},invalidateContextProvider:function(e,t){var l=e.stateNode;if(l||D("169"),t){var u=d(e,i);l.__reactInternalMemoizedMergedChildContext=u,r(a,e),r(o,e),n(o,u,e)}else r(a,e);n(a,t,e)},findCurrentUnmaskedContext:function(e){for((2!==xd(e)||2!==e.tag)&&D("170");3!==e.tag;){if(c(e))return e.stateNode.__reactInternalMemoizedMergedChildContext;(e=e.return)||D("171")}return e.stateNode.context}}}(o);o=function(e){var t=e.createCursor,n=e.push,r=e.pop,o=t(null),a=t(null),i=t(0);return{pushProvider:function(e){var t=e.type._context;n(i,t._changedBits,e),n(a,t._currentValue,e),n(o,e,e),t._currentValue=e.pendingProps.value,t._changedBits=e.stateNode},popProvider:function(e){var t=i.current,n=a.current;r(o,e),r(a,e),r(i,e),(e=e.type._context)._currentValue=n,e._changedBits=t}}}(o);var u=function(e){function b(e,t){var n=new xe(5,null,null,0);n.type="DELETED",n.stateNode=t,n.return=e,n.effectTag=8,null!==e.lastEffect?(e.lastEffect.nextEffect=n,e.lastEffect=n):e.firstEffect=e.lastEffect=n}function c(e,t){switch(e.tag){case 5:return null!==(t=n(t,e.type,e.pendingProps))&&(e.stateNode=t,!0);case 6:return null!==(t=r(t,e.pendingProps))&&(e.stateNode=t,!0);default:return!1}}function d(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag;)e=e.return;u=e}var t=e.shouldSetTextContent;if(!(e=e.hydration))return{enterHydrationState:function(){return!1},resetHydrationState:function(){},tryToClaimNextHydratableInstance:function(){},prepareToHydrateHostInstance:function(){D("175")},prepareToHydrateHostTextInstance:function(){D("176")},popHydrationState:function(){return!1}};var n=e.canHydrateInstance,r=e.canHydrateTextInstance,o=e.getNextHydratableSibling,a=e.getFirstHydratableChild,i=e.hydrateInstance,l=e.hydrateTextInstance,u=null,s=null,f=!1;return{enterHydrationState:function(e){return s=a(e.stateNode.containerInfo),u=e,f=!0},resetHydrationState:function(){s=u=null,f=!1},tryToClaimNextHydratableInstance:function(e){if(f){var t=s;if(t){if(!c(e,t)){if(!(t=o(t))||!c(e,t))return e.effectTag|=2,f=!1,void(u=e);b(u,s)}u=e,s=a(t)}else e.effectTag|=2,f=!1,u=e}},prepareToHydrateHostInstance:function(e,t,n){return t=i(e.stateNode,e.type,e.memoizedProps,t,n,e),e.updateQueue=t,null!==t},prepareToHydrateHostTextInstance:function(e){return l(e.stateNode,e.memoizedProps,e)},popHydrationState:function(e){if(e!==u)return!1;if(!f)return d(e),f=!0,!1;var n=e.type;if(5!==e.tag||"head"!==n&&"body"!==n&&!t(n,e.memoizedProps))for(n=s;n;)b(e,n),n=o(n);return d(e),s=u?o(e.stateNode):null,!0}}}(t),s=$e(t,a,i,o,u,v,k).beginWork,y=function(e,t,n,r,o){function f(e){e.effectTag|=4}var a=e.createInstance,i=e.createTextInstance,l=e.appendInitialChild,u=e.finalizeInitialChildren,c=e.prepareUpdate,s=e.persistence,d=t.getRootHostContainer,p=t.popHostContext,h=t.getHostContext,m=t.popHostContainer,g=n.popContextProvider,v=n.popTopLevelContextObject,y=r.popProvider,b=o.prepareToHydrateHostInstance,C=o.prepareToHydrateHostTextInstance,k=o.popHydrationState,x=void 0,w=void 0,_=void 0;return e.mutation?(x=function(){},w=function(e,t,n){(t.updateQueue=n)&&f(t)},_=function(e,t,n,r){n!==r&&f(t)}):D(s?"235":"236"),{completeWork:function(e,t,n){var r=t.pendingProps;switch(t.tag){case 1:return null;case 2:return g(t),e=t.stateNode,null!==(r=t.updateQueue)&&null!==r.capturedValues&&(t.effectTag&=-65,"function"==typeof e.componentDidCatch?t.effectTag|=256:r.capturedValues=null),null;case 3:return m(t),v(t),(r=t.stateNode).pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),null!==e&&null!==e.child||(k(t),t.effectTag&=-3),x(t),null!==(e=t.updateQueue)&&null!==e.capturedValues&&(t.effectTag|=256),null;case 5:p(t),n=d();var o=t.type;if(null!==e&&null!=t.stateNode){var s=e.memoizedProps,E=t.stateNode,T=h();E=c(E,o,s,r,n,T),w(e,t,E,o,s,r,n,T),e.ref!==t.ref&&(t.effectTag|=128)}else{if(!r)return null===t.stateNode&&D("166"),null;if(e=h(),k(t))b(t,n,e)&&f(t);else{s=a(o,r,n,e,t);e:for(T=t.child;null!==T;){if(5===T.tag||6===T.tag)l(s,T.stateNode);else if(4!==T.tag&&null!==T.child){T.child.return=T,T=T.child;continue}if(T===t)break;for(;null===T.sibling;){if(null===T.return||T.return===t)break e;T=T.return}T.sibling.return=T.return,T=T.sibling}u(s,o,r,n,e)&&f(t),t.stateNode=s}null!==t.ref&&(t.effectTag|=128)}return null;case 6:if(e&&null!=t.stateNode)_(e,t,e.memoizedProps,r);else{if("string"!=typeof r)return null===t.stateNode&&D("166"),null;e=d(),n=h(),k(t)?C(t)&&f(t):t.stateNode=i(r,e,n,t)}return null;case 7:(r=t.memoizedProps)||D("165"),t.tag=8,o=[];e:for((s=t.stateNode)&&(s.return=t);null!==s;){if(5===s.tag||6===s.tag||4===s.tag)D("247");else if(9===s.tag)o.push(s.pendingProps.value);else if(null!==s.child){s.child.return=s,s=s.child;continue}for(;null===s.sibling;){if(null===s.return||s.return===t)break e;s=s.return}s.sibling.return=s.return,s=s.sibling}return r=(s=r.handler)(r.props,o),t.child=dn(t,null!==e?e.child:null,r,n),t.child;case 8:return t.tag=7,null;case 9:case 14:case 10:case 11:return null;case 4:return m(t),x(t),null;case 13:return y(t),null;case 12:return null;case 0:D("167");default:D("156")}}}}(t,a,i,o,u).completeWork,C=(a=function(e,t,n,r,o){var a=e.popHostContainer,i=e.popHostContext,l=t.popContextProvider,u=t.popTopLevelContextObject,c=n.popProvider;return{throwException:function(e,t,n){t.effectTag|=512,t.firstEffect=t.lastEffect=null,t={value:n,source:t,stack:Bc(t)};do{switch(e.tag){case 3:return Oe(e),e.updateQueue.capturedValues=[t],void(e.effectTag|=1024);case 2:if(n=e.stateNode,0==(64&e.effectTag)&&null!==n&&"function"==typeof n.componentDidCatch&&!o(n)){Oe(e);var r=(n=e.updateQueue).capturedValues;return null===r?n.capturedValues=[t]:r.push(t),void(e.effectTag|=1024)}}e=e.return}while(null!==e)},unwindWork:function(e){switch(e.tag){case 2:l(e);var t=e.effectTag;return 1024&t?(e.effectTag=-1025&t|64,e):null;case 3:return a(e),u(e),1024&(t=e.effectTag)?(e.effectTag=-1025&t|64,e):null;case 5:return i(e),null;case 4:return a(e),null;case 13:return c(e),null;default:return null}},unwindInterruptedWork:function(e){switch(e.tag){case 2:l(e);break;case 3:a(e),u(e);break;case 5:i(e);break;case 4:a(e);break;case 13:c(e)}}}}(a,i,o,0,c)).throwException,w=a.unwindWork,_=a.unwindInterruptedWork,T=(a=function(e,t,n,r,o){function f(e){var n=e.ref;if(null!==n)if("function"==typeof n)try{n(null)}catch(n){t(e,n)}else n.current=null}function h(e){switch(Je(e),e.tag){case 2:f(e);var n=e.stateNode;if("function"==typeof n.componentWillUnmount)try{n.props=e.memoizedProps,n.state=e.memoizedState,n.componentWillUnmount()}catch(n){t(e,n)}break;case 5:f(e);break;case 7:g(e.stateNode);break;case 4:i&&v(e)}}function g(e){for(var t=e;;)if(h(t),null===t.child||i&&4===t.tag){if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return;t=t.return}t.sibling.return=t.return,t=t.sibling}else t.child.return=t,t=t.child}function k(e){return 5===e.tag||3===e.tag||4===e.tag}function v(e){for(var t=e,n=!1,r=void 0,o=void 0;;){if(!n){n=t.return;e:for(;;){switch(null===n&&D("160"),n.tag){case 5:r=n.stateNode,o=!1;break e;case 3:case 4:r=n.stateNode.containerInfo,o=!0;break e}n=n.return}n=!0}if(5===t.tag||6===t.tag)g(t),o?C(r,t.stateNode):b(r,t.stateNode);else if(4===t.tag?r=t.stateNode.containerInfo:h(t),null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return;4===(t=t.return).tag&&(n=!1)}t.sibling.return=t.return,t=t.sibling}}var a=e.getPublicInstance,i=e.mutation;e=e.persistence,i||D(e?"235":"236");var l=i.commitMount,u=i.commitUpdate,c=i.resetTextContent,s=i.commitTextUpdate,d=i.appendChild,p=i.appendChildToContainer,m=i.insertBefore,y=i.insertInContainerBefore,b=i.removeChild,C=i.removeChildFromContainer;return{commitBeforeMutationLifeCycles:function(e,t){switch(t.tag){case 2:if(2048&t.effectTag&&null!==e){var n=e.memoizedProps,r=e.memoizedState;(e=t.stateNode).props=t.memoizedProps,e.state=t.memoizedState,t=e.getSnapshotBeforeUpdate(n,r),e.__reactInternalSnapshotBeforeUpdate=t}break;case 3:case 5:case 6:case 4:break;default:D("163")}},commitResetTextContent:function(e){c(e.stateNode)},commitPlacement:function(e){e:{for(var t=e.return;null!==t;){if(k(t)){var n=t;break e}t=t.return}D("160"),n=void 0}var r=t=void 0;switch(n.tag){case 5:t=n.stateNode,r=!1;break;case 3:case 4:t=n.stateNode.containerInfo,r=!0;break;default:D("161")}16&n.effectTag&&(c(t),n.effectTag&=-17);e:t:for(n=e;;){for(;null===n.sibling;){if(null===n.return||k(n.return)){n=null;break e}n=n.return}for(n.sibling.return=n.return,n=n.sibling;5!==n.tag&&6!==n.tag;){if(2&n.effectTag)continue t;if(null===n.child||4===n.tag)continue t;n.child.return=n,n=n.child}if(!(2&n.effectTag)){n=n.stateNode;break e}}for(var o=e;;){if(5===o.tag||6===o.tag)n?r?y(t,o.stateNode,n):m(t,o.stateNode,n):r?p(t,o.stateNode):d(t,o.stateNode);else if(4!==o.tag&&null!==o.child){o.child.return=o,o=o.child;continue}if(o===e)break;for(;null===o.sibling;){if(null===o.return||o.return===e)return;o=o.return}o.sibling.return=o.return,o=o.sibling}},commitDeletion:function(e){v(e),e.return=null,e.child=null,e.alternate&&(e.alternate.child=null,e.alternate.return=null)},commitWork:function(e,t){switch(t.tag){case 2:break;case 5:var n=t.stateNode;if(null!=n){var r=t.memoizedProps;e=null!==e?e.memoizedProps:r;var o=t.type,a=t.updateQueue;t.updateQueue=null,null!==a&&u(n,a,o,e,r,t)}break;case 6:null===t.stateNode&&D("162"),n=t.memoizedProps,s(t.stateNode,null!==e?e.memoizedProps:n,n);break;case 3:break;default:D("163")}},commitLifeCycles:function(e,t,n){switch(n.tag){case 2:if(e=n.stateNode,4&n.effectTag)if(null===t)e.props=n.memoizedProps,e.state=n.memoizedState,e.componentDidMount();else{var r=t.memoizedProps;t=t.memoizedState,e.props=n.memoizedProps,e.state=n.memoizedState,e.componentDidUpdate(r,t,e.__reactInternalSnapshotBeforeUpdate)}null!==(n=n.updateQueue)&&Se(n,e);break;case 3:if(null!==(t=n.updateQueue)){if(e=null,null!==n.child)switch(n.child.tag){case 5:e=a(n.child.stateNode);break;case 2:e=n.child.stateNode}Se(t,e)}break;case 5:e=n.stateNode,null===t&&4&n.effectTag&&l(e,n.type,n.memoizedProps,n);break;case 6:case 4:break;default:D("163")}},commitErrorLogging:function(e,t){switch(e.tag){case 2:var n=e.type;t=e.stateNode;var r=e.updateQueue;(null===r||null===r.capturedValues)&&D("264");var a=r.capturedValues;for(r.capturedValues=null,"function"!=typeof n.getDerivedStateFromCatch&&o(t),t.props=e.memoizedProps,t.state=e.memoizedState,n=0;n=Tn-e){if(!(-1!==_n&&_n<=e))return void(En||(En=!0,requestAnimationFrame(In)));Dn.didTimeout=!0}else Dn.didTimeout=!1;_n=-1,e=xn,xn=null,null!==e&&e(Dn)}},!1);var In=function(e){En=!1;var t=e-Tn+Pn;tt&&(t=8),Pn=t=t.length||D("93"),t=t[0]),n=""+t),null==n&&(n="")),e._wrapperState={initialValue:""+n}}function Lf(e,t){var n=t.value;null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&(e.defaultValue=n)),null!=t.defaultValue&&(e.defaultValue=t.defaultValue)}function Mf(e){var t=e.textContent;t===e._wrapperState.initialValue&&(e.value=t)}var On={html:"http://www.w3.org/1999/xhtml",mathml:"http://www.w3.org/1998/Math/MathML",svg:"http://www.w3.org/2000/svg"};function Of(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function Pf(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?Of(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var Rn,Un=void 0,Fn=(Rn=function(e,t){if(e.namespaceURI!==On.svg||"innerHTML"in e)e.innerHTML=t;else{for((Un=Un||document.createElement("div")).innerHTML="",t=Un.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,r){MSApp.execUnsafeLocalFunction(function(){return Rn(e,t)})}:Rn);function Sf(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var Mn={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},Ln=["Webkit","ms","Moz","O"];function Vf(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),o=n,a=t[n];o=null==a||"boolean"==typeof a||""===a?"":r||"number"!=typeof a||0===a||Mn.hasOwnProperty(o)&&Mn[o]?(""+a).trim():a+"px","float"===n&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}Object.keys(Mn).forEach(function(e){Ln.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),Mn[t]=Mn[e]})});var zn=m({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function Xf(e,t,n){t&&(zn[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML)&&D("137",e,n()),null!=t.dangerouslySetInnerHTML&&(null!=t.children&&D("60"),"object"==typeof t.dangerouslySetInnerHTML&&"__html"in t.dangerouslySetInnerHTML||D("61")),null!=t.style&&"object"!=typeof t.style&&D("62",n()))}function Yf(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var An=y.thatReturns("");function $f(e,t){var n=ke(e=9===e.nodeType||11===e.nodeType?e:e.ownerDocument);t=A[t];for(var r=0;r<\/script>",e=e.removeChild(e.firstChild)):e="string"==typeof t.is?n.createElement(e,{is:t.is}):n.createElement(e):e=n.createElementNS(r,e),e}function bg(e,t){return(9===t.nodeType?t:t.ownerDocument).createTextNode(e)}function cg(e,t,n,r){var o=Yf(t,n);switch(t){case"iframe":case"object":W("topLoad","load",e);var a=n;break;case"video":case"audio":for(a in Gt)Gt.hasOwnProperty(a)&&W(a,Gt[a],e);a=n;break;case"source":W("topError","error",e),a=n;break;case"img":case"image":case"link":W("topError","error",e),W("topLoad","load",e),a=n;break;case"form":W("topReset","reset",e),W("topSubmit","submit",e),a=n;break;case"details":W("topToggle","toggle",e),a=n;break;case"input":Wc(e,n),a=Vc(e,n),W("topInvalid","invalid",e),$f(r,"onChange");break;case"option":a=Gf(e,n);break;case"select":If(e,n),a=m({},n,{value:void 0}),W("topInvalid","invalid",e),$f(r,"onChange");break;case"textarea":Kf(e,n),a=Jf(e,n),W("topInvalid","invalid",e),$f(r,"onChange");break;default:a=n}Xf(t,a,An);var i,l=a;for(i in l)if(l.hasOwnProperty(i)){var u=l[i];"style"===i?Vf(e,u):"dangerouslySetInnerHTML"===i?null!=(u=u?u.__html:void 0)&&Fn(e,u):"children"===i?"string"==typeof u?("textarea"!==t||""!==u)&&Sf(e,u):"number"==typeof u&&Sf(e,""+u):"suppressContentEditableWarning"!==i&&"suppressHydrationWarning"!==i&&"autoFocus"!==i&&(M.hasOwnProperty(i)?null!=u&&$f(r,i):null!=u&&Uc(e,i,u,o))}switch(t){case"input":lc(e),ad(e,n);break;case"textarea":lc(e),Mf(e);break;case"option":null!=n.value&&e.setAttribute("value",n.value);break;case"select":e.multiple=!!n.multiple,null!=(t=n.value)?Hf(e,!!n.multiple,t,!1):null!=n.defaultValue&&Hf(e,!!n.multiple,n.defaultValue,!0);break;default:"function"==typeof a.onClick&&(e.onclick=y)}}function dg(e,t,n,r,o){var a=null;switch(t){case"input":n=Vc(e,n),r=Vc(e,r),a=[];break;case"option":n=Gf(e,n),r=Gf(e,r),a=[];break;case"select":n=m({},n,{value:void 0}),r=m({},r,{value:void 0}),a=[];break;case"textarea":n=Jf(e,n),r=Jf(e,r),a=[];break;default:"function"!=typeof n.onClick&&"function"==typeof r.onClick&&(e.onclick=y)}Xf(t,r,An),t=e=void 0;var i=null;for(e in n)if(!r.hasOwnProperty(e)&&n.hasOwnProperty(e)&&null!=n[e])if("style"===e){var l=n[e];for(t in l)l.hasOwnProperty(t)&&(i||(i={}),i[t]="")}else"dangerouslySetInnerHTML"!==e&&"children"!==e&&"suppressContentEditableWarning"!==e&&"suppressHydrationWarning"!==e&&"autoFocus"!==e&&(M.hasOwnProperty(e)?a||(a=[]):(a=a||[]).push(e,null));for(e in r){var u=r[e];if(l=null!=n?n[e]:void 0,r.hasOwnProperty(e)&&u!==l&&(null!=u||null!=l))if("style"===e)if(l){for(t in l)!l.hasOwnProperty(t)||u&&u.hasOwnProperty(t)||(i||(i={}),i[t]="");for(t in u)u.hasOwnProperty(t)&&l[t]!==u[t]&&(i||(i={}),i[t]=u[t])}else i||(a||(a=[]),a.push(e,i)),i=u;else"dangerouslySetInnerHTML"===e?(u=u?u.__html:void 0,l=l?l.__html:void 0,null!=u&&l!==u&&(a=a||[]).push(e,""+u)):"children"===e?l===u||"string"!=typeof u&&"number"!=typeof u||(a=a||[]).push(e,""+u):"suppressContentEditableWarning"!==e&&"suppressHydrationWarning"!==e&&(M.hasOwnProperty(e)?(null!=u&&$f(o,e),a||l===u||(a=[])):(a=a||[]).push(e,u))}return i&&(a=a||[]).push("style",i),a}function eg(e,t,n,r,o){"input"===n&&"radio"===o.type&&null!=o.name&&Yc(e,o),Yf(n,r),r=Yf(n,o);for(var a=0;ar&&(o=r,r=e,e=o),o=me(n,e);var a=me(n,r);if(o&&a&&(1!==t.rangeCount||t.anchorNode!==o.node||t.anchorOffset!==o.offset||t.focusNode!==a.node||t.focusOffset!==a.offset)){var i=document.createRange();i.setStart(o.node,o.offset),t.removeAllRanges(),e>r?(t.addRange(i),t.extend(a.node,a.offset)):(i.setEnd(a.node,a.offset),t.addRange(i))}}for(t=[],e=n;e=e.parentNode;)1===e.nodeType&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(n.focus(),n=0;n_.length&&_.push(e)}function R(e,t,n,r){var o=typeof e;"undefined"!==o&&"boolean"!==o||(e=null);var a=!1;if(null===e)a=!0;else switch(o){case"string":case"number":a=!0;break;case"object":switch(e.$$typeof){case u:case c:a=!0}}if(a)return n(r,e,""===t?"."+S(e,0):t),1;if(a=0,t=""===t?".":t+":",Array.isArray(e))for(var i=0;i console.log(`Server Running on port ${port}`))
21 |
22 |
23 |
--------------------------------------------------------------------------------
/server/routes/index.js:
--------------------------------------------------------------------------------
1 | const path = require('path');
2 | const router = require('express').Router();
3 |
4 | router
5 | .get('/*', (req, res, next) => {
6 | const routePath = path.join(__dirname + '..', '..', '..', 'dist/' + 'index.html');
7 | res.sendFile(routePath);
8 | })
9 |
10 | module.exports = router;
--------------------------------------------------------------------------------
/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Tutorial
9 |
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { render } from 'react-dom';
3 |
4 | import './styles.scss';
5 |
6 | const App = () => {
7 | return (
8 |
9 |
Our Application Is Alive
10 |
This isn’t reality. This — is fantasy.
11 |
Yes I am quoting Star Trek, I can't help it
12 |
13 | );
14 | }
15 |
16 | render(, document.getElementById('app'));
17 |
--------------------------------------------------------------------------------
/src/styles.scss:
--------------------------------------------------------------------------------
1 | body {
2 | background-color: crimson;
3 | color: yellow;
4 | font-size: 16px;
5 | }
6 |
7 | h3, p {
8 | text-align: center;
9 | }
10 |
11 | h3 {
12 | font-size: 32px;
13 | }
14 |
15 | p {
16 | font-size: 22px;
17 | }
--------------------------------------------------------------------------------