\r\n![\"Add](\"./icons/add-to-home-screen.svg\")
\r\n
`;\r\n this.element = $(html);\r\n this.$parent.prepend(this.element);\r\n this.icon().on(\"click\", this.onClickAddToHome);\r\n }\r\n\r\n maybeAddElement() {\r\n if (!this.element) {\r\n this.addElement();\r\n }\r\n }\r\n}\r\n","import { postMessage } from \"./services/post-message\";\r\nimport AddToHomeScreenElement from \"./AddToHomeScreenElement\";\r\n\r\nconst logger = [\"log\", \"error\", \"warn\"].reduce((logger, name) => {\r\n logger[name] = (...args) => {\r\n console[name](\"sw-api\", performance.now(), ...args);\r\n };\r\n return logger;\r\n}, {});\r\n\r\nfunction waitForGlobal(name, timeout = 5000, pollInterval = 250) {\r\n return new Promise((resolve, reject) => {\r\n const start = Date.now();\r\n const check = () => {\r\n if (typeof window[name] !== \"undefined\") {\r\n return resolve();\r\n }\r\n if (Date.now() - start >= timeout) {\r\n reject(new Error(`Timed out waiting for \"window.${name}\": ${timeout}ms`));\r\n }\r\n setTimeout(check, pollInterval);\r\n };\r\n check();\r\n });\r\n}\r\n\r\nconst jQueryPromise = waitForGlobal(\"$\", 10000);\r\n\r\n// -----\r\n// Service Worker registration and update\r\n// -----\r\n\r\n/**\r\n * Call when a change in service worker is detected. This will add a menu item that lets the user\r\n * refresh the app.\r\n * @param {*} registration\r\n */\r\nasync function showUpdateUI(registration) {\r\n let updateAppMenuItem = document.getElementById(\"update-app-menu-item\");\r\n if (updateAppMenuItem) {\r\n // Already a menu item. Abort.\r\n return;\r\n }\r\n\r\n // jQuery required for next functionality\r\n await jQueryPromise;\r\n\r\n updateAppMenuItem = $(`\r\n\r\n \r\n \r\n {(!round ? (\r\n \r\n\r\n \r\n \r\n \r\n
\r\n );\r\n };\r\n\r\n Icon.propTypes = {\r\n className: PropTypes.string,\r\n iconBgStyle: PropTypes.object,\r\n logoFillColor: PropTypes.string,\r\n round: PropTypes.bool,\r\n size: PropTypes.number,\r\n };\r\n\r\n Icon.defaultProps = {\r\n className: '',\r\n iconBgStyle: {},\r\n logoFillColor: 'white',\r\n size: 64,\r\n };\r\n\r\n return Icon;\r\n}\r\n","import iconFactory from './utils/iconFactory';\r\n\r\nconst FacebookIcon = iconFactory('facebook', {\r\n icon: 'M34.1,47V33.3h4.6l0.7-5.3h-5.3v-3.4c0-1.5,0.4-2.6,2.6-2.6l2.8,0v-4.8c-0.5-0.1-2.2-0.2-4.1-0.2 c-4.1,0-6.9,2.5-6.9,7V28H24v5.3h4.6V47H34.1z',\r\n mask: 'M0,0v64h64V0H0z M39.6,22l-2.8,0c-2.2,0-2.6,1.1-2.6,2.6V28h5.3l-0.7,5.3h-4.6V47h-5.5V33.3H24V28h4.6V24 c0-4.6,2.8-7,6.9-7c2,0,3.6,0.1,4.1,0.2V22z',\r\n color: '#3b5998',\r\n});\r\n\r\nexport default FacebookIcon;\r\n","import iconFactory from './utils/iconFactory';\r\n\r\nconst TwitterIcon = iconFactory('twitter', {\r\n icon: 'M48,22.1c-1.2,0.5-2.4,0.9-3.8,1c1.4-0.8,2.4-2.1,2.9-3.6c-1.3,0.8-2.7,1.3-4.2,1.6 C41.7,19.8,40,19,38.2,19c-3.6,0-6.6,2.9-6.6,6.6c0,0.5,0.1,1,0.2,1.5c-5.5-0.3-10.3-2.9-13.5-6.9c-0.6,1-0.9,2.1-0.9,3.3 c0,2.3,1.2,4.3,2.9,5.5c-1.1,0-2.1-0.3-3-0.8c0,0,0,0.1,0,0.1c0,3.2,2.3,5.8,5.3,6.4c-0.6,0.1-1.1,0.2-1.7,0.2c-0.4,0-0.8,0-1.2-0.1 c0.8,2.6,3.3,4.5,6.1,4.6c-2.2,1.8-5.1,2.8-8.2,2.8c-0.5,0-1.1,0-1.6-0.1c2.9,1.9,6.4,2.9,10.1,2.9c12.1,0,18.7-10,18.7-18.7 c0-0.3,0-0.6,0-0.8C46,24.5,47.1,23.4,48,22.1z',\r\n mask: 'M0,0v64h64V0H0z M44.7,25.5c0,0.3,0,0.6,0,0.8C44.7,35,38.1,45,26.1,45c-3.7,0-7.2-1.1-10.1-2.9 c0.5,0.1,1,0.1,1.6,0.1c3.1,0,5.9-1,8.2-2.8c-2.9-0.1-5.3-2-6.1-4.6c0.4,0.1,0.8,0.1,1.2,0.1c0.6,0,1.2-0.1,1.7-0.2 c-3-0.6-5.3-3.3-5.3-6.4c0,0,0-0.1,0-0.1c0.9,0.5,1.9,0.8,3,0.8c-1.8-1.2-2.9-3.2-2.9-5.5c0-1.2,0.3-2.3,0.9-3.3 c3.2,4,8.1,6.6,13.5,6.9c-0.1-0.5-0.2-1-0.2-1.5c0-3.6,2.9-6.6,6.6-6.6c1.9,0,3.6,0.8,4.8,2.1c1.5-0.3,2.9-0.8,4.2-1.6 c-0.5,1.5-1.5,2.8-2.9,3.6c1.3-0.2,2.6-0.5,3.8-1C47.1,23.4,46,24.5,44.7,25.5z',\r\n color: '#00aced',\r\n});\r\n\r\nexport default TwitterIcon;\r\n","import iconFactory from './utils/iconFactory';\r\n\r\nconst EmailIcon = iconFactory('email', {\r\n icon: 'M17,22v20h30V22H17z M41.1,25L32,32.1L22.9,25H41.1z M20,39V26.6l12,9.3l12-9.3V39H20z',\r\n mask: 'M41.1,25H22.9l9.1,7.1L41.1,25z M44,26.6l-12,9.3l-12-9.3V39h24V26.6z M0,0v64h64V0H0z M47,42H17V22h30V42z',\r\n color: '#7f7f7f',\r\n});\r\n\r\nexport default EmailIcon;\r\n","import React from \"react\";\r\n// Import icons directly for tree-shaking\r\n// I.e. don't use\r\n// import { FacebookIcon } from \"react-share/src/\";\r\nimport FacebookIcon from \"react-share/src/FacebookIcon\";\r\nimport TwitterIcon from \"react-share/src/TwitterIcon\";\r\nimport EmailIcon from \"react-share/src/EmailIcon\";\r\n\r\nfunction inlineIcon(Component, href) {\r\n const linkStyle = {\r\n paddingLeft: 0,\r\n paddingRight: 0,\r\n };\r\n const style = {\r\n display: \"table-cell\",\r\n textAlign: \"center\",\r\n width: \"33%\",\r\n };\r\n // we need the \"display:inline-block\" because the icons are rendered in a\r\n //
\"display:block\" which won't respect the text-align center.\r\n // so the inline-block div 'constrains' to an inline element, which WILL center.\r\n return (\r\n \r\n );\r\n}\r\n\r\nexport default function SocialIcons() {\r\n const wrapperStyle = {\r\n display: \"table\",\r\n width: \"100%\",\r\n tableLayout: \"fixed\",\r\n };\r\n return (\r\n \r\n {reserves}\r\n \r\n );\r\n }\r\n\r\n subsCell(subs, home, renderPlayerLinkPredicate, book) {\r\n const cellClassName = home ? \"right\" : \"left\";\r\n return (\r\n \r\n {intersperse(subs.map((sub, i) => {\r\n const renderPlayerLink = renderPlayerLinkPredicate && renderPlayerLinkPredicate(sub, home);\r\n const span = {sub.name};\r\n return renderPlayerLink ? {span} : span;\r\n }), \", \")}\r\n \r\n );\r\n }\r\n\r\n playerCell(player, home, renderPlayerLinkPredicate, book) {\r\n function playerToDom(p, useBreak) {\r\n const line1 = p.name + (p.capt ? \" (c)\" : \"\");\r\n const line2 = (p.team ? \"(\" + p.team + \")\" : \"\");\r\n if (useBreak) {\r\n return line2 ? [line1,
, line2] : line1;\r\n }\r\n return line2 ? line1 + \" \" + line2 : line1;\r\n }\r\n\r\n const cellClassName = home ? \"right\" : \"left\";\r\n\r\n const span = (\r\n \r\n {playerToDom(player, this.props.narrowMode)}\r\n \r\n );\r\n const renderPlayerLink = renderPlayerLinkPredicate && renderPlayerLinkPredicate(player, home);\r\n return (\r\n\r\n {renderPlayerLink ? {span} : span}\r\n \r\n );\r\n }\r\n\r\n centreCell(value) {\r\n return (\r\n {value} \r\n );\r\n }\r\n\r\n render() {\r\n const {\r\n book,\r\n player1, player2,\r\n reserves1, reserves2,\r\n subs1, subs2,\r\n number,\r\n renderPlayerLinkPredicate,\r\n } = this.props;\r\n\r\n const centreCellValue = (typeof number === \"number\") ? number : \"Res\";\r\n const className = player1 ? \"player\" : \"\";\r\n\r\n return (\r\n \r\n {player1 ?\r\n this.playerCell(player1, true, renderPlayerLinkPredicate, book) :\r\n subs1 ?\r\n this.subsCell(subs1, true, renderPlayerLinkPredicate, book) :\r\n this.reservesCell(reserves1, true)\r\n }\r\n {this.centreCell(centreCellValue)}\r\n {player2 ?\r\n this.playerCell(player2, false, renderPlayerLinkPredicate, book) :\r\n subs2 ?\r\n this.subsCell(subs2, false, renderPlayerLinkPredicate, book) :\r\n this.reservesCell(reserves2, false)\r\n }\r\n \r\n );\r\n }\r\n}\r\n\r\nMatchLineupRowWidget.propTypes = {\r\n book: PropTypes.object,\r\n narrowMode: PropTypes.bool,\r\n number: PropTypes.number,\r\n onClick: PropTypes.func,\r\n player1: PropTypes.object,\r\n player2: PropTypes.object,\r\n reserves1: PropTypes.string,\r\n reserves2: PropTypes.string,\r\n subs1: PropTypes.array,\r\n subs2: PropTypes.array,\r\n renderPlayerLinkPredicate: PropTypes.func,\r\n};\r\n\r\nexport default MatchLineupRowWidget;\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport MatchLineupRowWidget from \"./MatchLineupRowWidget\";\r\nimport PlayerLink from \"../PlayerStats/PlayerLink\";\r\n\r\nimport { intersperse } from \"../../array\";\r\n\r\nclass MatchLineupWidget extends Component {\r\n renderPlayerRows(match, renderPlayerLinkPredicate, book) {\r\n const rows = [];\r\n\r\n // Should both be 13!\r\n const numPlayers = Math.max(match.team1.lineup.length, match.team2.lineup.length);\r\n\r\n const lineup1 = match.team1.lineup;\r\n const lineup2 = match.team2.lineup;\r\n for (let i = 0; i < numPlayers; i++) {\r\n const p1 = lineup1[i];\r\n const p2 = lineup2[i];\r\n const row = {scorer.name} \r\n : scorer.name;\r\n return {name}{amountStr(scorer)};\r\n });\r\n }\r\n return [\"tries\", \"goals\", \"drops\"].map((type, i) => {\r\n const displayType = [\"T\", \"G\", \"DG\"][i];\r\n const scorerElements1 = intersperse(mapScorersToElements(match.team1.scorers, type, true), \", \");\r\n const scorerElements2 = intersperse(mapScorersToElements(match.team2.scorers, type, false), \", \");\r\n return (\r\n \r\n {scorerElements1} \r\n {displayType} \r\n {scorerElements2} \r\n \r\n );\r\n });\r\n }\r\n\r\n render() {\r\n const { book, match, narrowMode } = this.props;\r\n\r\n // Only render links to French players\r\n const franceAtHome = (match.team1.name === \"France\");\r\n const renderPlayerLinkPredicate = (player, home) => franceAtHome === home;\r\n\r\n const reservesOrSubsRow = (match.team1.subs || match.team2.subs) ?\r\n 
{children}\r\n \r\n );\r\n};\r\n\r\nLoadingImage.propTypes = {\r\n children: PropTypes.node,\r\n width: PropTypes.string,\r\n};\r\n\r\nexport default LoadingImage;\r\n","export default function _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}","function isAbsolute(pathname) {\n return pathname.charAt(0) === '/';\n}\n\n// About 1.5x faster than the two-arg version of Array#splice()\nfunction spliceOne(list, index) {\n for (var i = index, k = i + 1, n = list.length; k < n; i += 1, k += 1) {\n list[i] = list[k];\n }\n\n list.pop();\n}\n\n// This implementation is based heavily on node's url.parse\nfunction resolvePathname(to, from) {\n if (from === undefined) from = '';\n\n var toParts = (to && to.split('/')) || [];\n var fromParts = (from && from.split('/')) || [];\n\n var isToAbs = to && isAbsolute(to);\n var isFromAbs = from && isAbsolute(from);\n var mustEndAbs = isToAbs || isFromAbs;\n\n if (to && isAbsolute(to)) {\n // to is absolute\n fromParts = toParts;\n } else if (toParts.length) {\n // to is relative, drop the filename\n fromParts.pop();\n fromParts = fromParts.concat(toParts);\n }\n\n if (!fromParts.length) return '/';\n\n var hasTrailingSlash;\n if (fromParts.length) {\n var last = fromParts[fromParts.length - 1];\n hasTrailingSlash = last === '.' || last === '..' || last === '';\n } else {\n hasTrailingSlash = false;\n }\n\n var up = 0;\n for (var i = fromParts.length; i >= 0; i--) {\n var part = fromParts[i];\n\n if (part === '.') {\n spliceOne(fromParts, i);\n } else if (part === '..') {\n spliceOne(fromParts, i);\n up++;\n } else if (up) {\n spliceOne(fromParts, i);\n up--;\n }\n }\n\n if (!mustEndAbs) for (; up--; up) fromParts.unshift('..');\n\n if (\n mustEndAbs &&\n fromParts[0] !== '' &&\n (!fromParts[0] || !isAbsolute(fromParts[0]))\n )\n fromParts.unshift('');\n\n var result = fromParts.join('/');\n\n if (hasTrailingSlash && result.substr(-1) !== '/') result += '/';\n\n return result;\n}\n\nexport default resolvePathname;\n","var isProduction = process.env.NODE_ENV === 'production';\nvar prefix = 'Invariant failed';\nfunction invariant(condition, message) {\n if (condition) {\n return;\n }\n\n if (isProduction) {\n throw new Error(prefix);\n } else {\n throw new Error(prefix + \": \" + (message || ''));\n }\n}\n\nexport default invariant;\n","import _extends from '@babel/runtime/helpers/esm/extends';\nimport resolvePathname from 'resolve-pathname';\nimport valueEqual from 'value-equal';\nimport warning from 'tiny-warning';\nimport invariant from 'tiny-invariant';\n\nfunction addLeadingSlash(path) {\n return path.charAt(0) === '/' ? path : '/' + path;\n}\nfunction stripLeadingSlash(path) {\n return path.charAt(0) === '/' ? path.substr(1) : path;\n}\nfunction hasBasename(path, prefix) {\n return path.toLowerCase().indexOf(prefix.toLowerCase()) === 0 && '/?#'.indexOf(path.charAt(prefix.length)) !== -1;\n}\nfunction stripBasename(path, prefix) {\n return hasBasename(path, prefix) ? path.substr(prefix.length) : path;\n}\nfunction stripTrailingSlash(path) {\n return path.charAt(path.length - 1) === '/' ? path.slice(0, -1) : path;\n}\nfunction parsePath(path) {\n var pathname = path || '/';\n var search = '';\n var hash = '';\n var hashIndex = pathname.indexOf('#');\n\n if (hashIndex !== -1) {\n hash = pathname.substr(hashIndex);\n pathname = pathname.substr(0, hashIndex);\n }\n\n var searchIndex = pathname.indexOf('?');\n\n if (searchIndex !== -1) {\n search = pathname.substr(searchIndex);\n pathname = pathname.substr(0, searchIndex);\n }\n\n return {\n pathname: pathname,\n search: search === '?' ? '' : search,\n hash: hash === '#' ? '' : hash\n };\n}\nfunction createPath(location) {\n var pathname = location.pathname,\n search = location.search,\n hash = location.hash;\n var path = pathname || '/';\n if (search && search !== '?') path += search.charAt(0) === '?' ? search : \"?\" + search;\n if (hash && hash !== '#') path += hash.charAt(0) === '#' ? hash : \"#\" + hash;\n return path;\n}\n\nfunction createLocation(path, state, key, currentLocation) {\n var location;\n\n if (typeof path === 'string') {\n // Two-arg form: push(path, state)\n location = parsePath(path);\n location.state = state;\n } else {\n // One-arg form: push(location)\n location = _extends({}, path);\n if (location.pathname === undefined) location.pathname = '';\n\n if (location.search) {\n if (location.search.charAt(0) !== '?') location.search = '?' + location.search;\n } else {\n location.search = '';\n }\n\n if (location.hash) {\n if (location.hash.charAt(0) !== '#') location.hash = '#' + location.hash;\n } else {\n location.hash = '';\n }\n\n if (state !== undefined && location.state === undefined) location.state = state;\n }\n\n try {\n location.pathname = decodeURI(location.pathname);\n } catch (e) {\n if (e instanceof URIError) {\n throw new URIError('Pathname \"' + location.pathname + '\" could not be decoded. ' + 'This is likely caused by an invalid percent-encoding.');\n } else {\n throw e;\n }\n }\n\n if (key) location.key = key;\n\n if (currentLocation) {\n // Resolve incomplete/relative pathname relative to current location.\n if (!location.pathname) {\n location.pathname = currentLocation.pathname;\n } else if (location.pathname.charAt(0) !== '/') {\n location.pathname = resolvePathname(location.pathname, currentLocation.pathname);\n }\n } else {\n // When there is no prior location and pathname is empty, set it to /\n if (!location.pathname) {\n location.pathname = '/';\n }\n }\n\n return location;\n}\nfunction locationsAreEqual(a, b) {\n return a.pathname === b.pathname && a.search === b.search && a.hash === b.hash && a.key === b.key && valueEqual(a.state, b.state);\n}\n\nfunction createTransitionManager() {\n var prompt = null;\n\n function setPrompt(nextPrompt) {\n process.env.NODE_ENV !== \"production\" ? warning(prompt == null, 'A history supports only one prompt at a time') : void 0;\n prompt = nextPrompt;\n return function () {\n if (prompt === nextPrompt) prompt = null;\n };\n }\n\n function confirmTransitionTo(location, action, getUserConfirmation, callback) {\n // TODO: If another transition starts while we're still confirming\n // the previous one, we may end up in a weird state. Figure out the\n // best way to handle this.\n if (prompt != null) {\n var result = typeof prompt === 'function' ? prompt(location, action) : prompt;\n\n if (typeof result === 'string') {\n if (typeof getUserConfirmation === 'function') {\n getUserConfirmation(result, callback);\n } else {\n process.env.NODE_ENV !== \"production\" ? warning(false, 'A history needs a getUserConfirmation function in order to use a prompt message') : void 0;\n callback(true);\n }\n } else {\n // Return false from a transition hook to cancel the transition.\n callback(result !== false);\n }\n } else {\n callback(true);\n }\n }\n\n var listeners = [];\n\n function appendListener(fn) {\n var isActive = true;\n\n function listener() {\n if (isActive) fn.apply(void 0, arguments);\n }\n\n listeners.push(listener);\n return function () {\n isActive = false;\n listeners = listeners.filter(function (item) {\n return item !== listener;\n });\n };\n }\n\n function notifyListeners() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n listeners.forEach(function (listener) {\n return listener.apply(void 0, args);\n });\n }\n\n return {\n setPrompt: setPrompt,\n confirmTransitionTo: confirmTransitionTo,\n appendListener: appendListener,\n notifyListeners: notifyListeners\n };\n}\n\nvar canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);\nfunction getConfirmation(message, callback) {\n callback(window.confirm(message)); // eslint-disable-line no-alert\n}\n/**\n * Returns true if the HTML5 history API is supported. Taken from Modernizr.\n *\n * https://github.com/Modernizr/Modernizr/blob/master/LICENSE\n * https://github.com/Modernizr/Modernizr/blob/master/feature-detects/history.js\n * changed to avoid false negatives for Windows Phones: https://github.com/reactjs/react-router/issues/586\n */\n\nfunction supportsHistory() {\n var ua = window.navigator.userAgent;\n if ((ua.indexOf('Android 2.') !== -1 || ua.indexOf('Android 4.0') !== -1) && ua.indexOf('Mobile Safari') !== -1 && ua.indexOf('Chrome') === -1 && ua.indexOf('Windows Phone') === -1) return false;\n return window.history && 'pushState' in window.history;\n}\n/**\n * Returns true if browser fires popstate on hash change.\n * IE10 and IE11 do not.\n */\n\nfunction supportsPopStateOnHashChange() {\n return window.navigator.userAgent.indexOf('Trident') === -1;\n}\n/**\n * Returns false if using go(n) with hash history causes a full page reload.\n */\n\nfunction supportsGoWithoutReloadUsingHash() {\n return window.navigator.userAgent.indexOf('Firefox') === -1;\n}\n/**\n * Returns true if a given popstate event is an extraneous WebKit event.\n * Accounts for the fact that Chrome on iOS fires real popstate events\n * containing undefined state when pressing the back button.\n */\n\nfunction isExtraneousPopstateEvent(event) {\n return event.state === undefined && navigator.userAgent.indexOf('CriOS') === -1;\n}\n\nvar PopStateEvent = 'popstate';\nvar HashChangeEvent = 'hashchange';\n\nfunction getHistoryState() {\n try {\n return window.history.state || {};\n } catch (e) {\n // IE 11 sometimes throws when accessing window.history.state\n // See https://github.com/ReactTraining/history/pull/289\n return {};\n }\n}\n/**\n * Creates a history object that uses the HTML5 history API including\n * pushState, replaceState, and the popstate event.\n */\n\n\nfunction createBrowserHistory(props) {\n if (props === void 0) {\n props = {};\n }\n\n !canUseDOM ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Browser history needs a DOM') : invariant(false) : void 0;\n var globalHistory = window.history;\n var canUseHistory = supportsHistory();\n var needsHashChangeListener = !supportsPopStateOnHashChange();\n var _props = props,\n _props$forceRefresh = _props.forceRefresh,\n forceRefresh = _props$forceRefresh === void 0 ? false : _props$forceRefresh,\n _props$getUserConfirm = _props.getUserConfirmation,\n getUserConfirmation = _props$getUserConfirm === void 0 ? getConfirmation : _props$getUserConfirm,\n _props$keyLength = _props.keyLength,\n keyLength = _props$keyLength === void 0 ? 6 : _props$keyLength;\n var basename = props.basename ? stripTrailingSlash(addLeadingSlash(props.basename)) : '';\n\n function getDOMLocation(historyState) {\n var _ref = historyState || {},\n key = _ref.key,\n state = _ref.state;\n\n var _window$location = window.location,\n pathname = _window$location.pathname,\n search = _window$location.search,\n hash = _window$location.hash;\n var path = pathname + search + hash;\n process.env.NODE_ENV !== \"production\" ? warning(!basename || hasBasename(path, basename), 'You are attempting to use a basename on a page whose URL path does not begin ' + 'with the basename. Expected path \"' + path + '\" to begin with \"' + basename + '\".') : void 0;\n if (basename) path = stripBasename(path, basename);\n return createLocation(path, state, key);\n }\n\n function createKey() {\n return Math.random().toString(36).substr(2, keyLength);\n }\n\n var transitionManager = createTransitionManager();\n\n function setState(nextState) {\n _extends(history, nextState);\n\n history.length = globalHistory.length;\n transitionManager.notifyListeners(history.location, history.action);\n }\n\n function handlePopState(event) {\n // Ignore extraneous popstate events in WebKit.\n if (isExtraneousPopstateEvent(event)) return;\n handlePop(getDOMLocation(event.state));\n }\n\n function handleHashChange() {\n handlePop(getDOMLocation(getHistoryState()));\n }\n\n var forceNextPop = false;\n\n function handlePop(location) {\n if (forceNextPop) {\n forceNextPop = false;\n setState();\n } else {\n var action = 'POP';\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (ok) {\n setState({\n action: action,\n location: location\n });\n } else {\n revertPop(location);\n }\n });\n }\n }\n\n function revertPop(fromLocation) {\n var toLocation = history.location; // TODO: We could probably make this more reliable by\n // keeping a list of keys we've seen in sessionStorage.\n // Instead, we just default to 0 for keys we don't know.\n\n var toIndex = allKeys.indexOf(toLocation.key);\n if (toIndex === -1) toIndex = 0;\n var fromIndex = allKeys.indexOf(fromLocation.key);\n if (fromIndex === -1) fromIndex = 0;\n var delta = toIndex - fromIndex;\n\n if (delta) {\n forceNextPop = true;\n go(delta);\n }\n }\n\n var initialLocation = getDOMLocation(getHistoryState());\n var allKeys = [initialLocation.key]; // Public interface\n\n function createHref(location) {\n return basename + createPath(location);\n }\n\n function push(path, state) {\n process.env.NODE_ENV !== \"production\" ? warning(!(typeof path === 'object' && path.state !== undefined && state !== undefined), 'You should avoid providing a 2nd state argument to push when the 1st ' + 'argument is a location-like object that already has state; it is ignored') : void 0;\n var action = 'PUSH';\n var location = createLocation(path, state, createKey(), history.location);\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (!ok) return;\n var href = createHref(location);\n var key = location.key,\n state = location.state;\n\n if (canUseHistory) {\n globalHistory.pushState({\n key: key,\n state: state\n }, null, href);\n\n if (forceRefresh) {\n window.location.href = href;\n } else {\n var prevIndex = allKeys.indexOf(history.location.key);\n var nextKeys = allKeys.slice(0, prevIndex + 1);\n nextKeys.push(location.key);\n allKeys = nextKeys;\n setState({\n action: action,\n location: location\n });\n }\n } else {\n process.env.NODE_ENV !== \"production\" ? warning(state === undefined, 'Browser history cannot push state in browsers that do not support HTML5 history') : void 0;\n window.location.href = href;\n }\n });\n }\n\n function replace(path, state) {\n process.env.NODE_ENV !== \"production\" ? warning(!(typeof path === 'object' && path.state !== undefined && state !== undefined), 'You should avoid providing a 2nd state argument to replace when the 1st ' + 'argument is a location-like object that already has state; it is ignored') : void 0;\n var action = 'REPLACE';\n var location = createLocation(path, state, createKey(), history.location);\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (!ok) return;\n var href = createHref(location);\n var key = location.key,\n state = location.state;\n\n if (canUseHistory) {\n globalHistory.replaceState({\n key: key,\n state: state\n }, null, href);\n\n if (forceRefresh) {\n window.location.replace(href);\n } else {\n var prevIndex = allKeys.indexOf(history.location.key);\n if (prevIndex !== -1) allKeys[prevIndex] = location.key;\n setState({\n action: action,\n location: location\n });\n }\n } else {\n process.env.NODE_ENV !== \"production\" ? warning(state === undefined, 'Browser history cannot replace state in browsers that do not support HTML5 history') : void 0;\n window.location.replace(href);\n }\n });\n }\n\n function go(n) {\n globalHistory.go(n);\n }\n\n function goBack() {\n go(-1);\n }\n\n function goForward() {\n go(1);\n }\n\n var listenerCount = 0;\n\n function checkDOMListeners(delta) {\n listenerCount += delta;\n\n if (listenerCount === 1 && delta === 1) {\n window.addEventListener(PopStateEvent, handlePopState);\n if (needsHashChangeListener) window.addEventListener(HashChangeEvent, handleHashChange);\n } else if (listenerCount === 0) {\n window.removeEventListener(PopStateEvent, handlePopState);\n if (needsHashChangeListener) window.removeEventListener(HashChangeEvent, handleHashChange);\n }\n }\n\n var isBlocked = false;\n\n function block(prompt) {\n if (prompt === void 0) {\n prompt = false;\n }\n\n var unblock = transitionManager.setPrompt(prompt);\n\n if (!isBlocked) {\n checkDOMListeners(1);\n isBlocked = true;\n }\n\n return function () {\n if (isBlocked) {\n isBlocked = false;\n checkDOMListeners(-1);\n }\n\n return unblock();\n };\n }\n\n function listen(listener) {\n var unlisten = transitionManager.appendListener(listener);\n checkDOMListeners(1);\n return function () {\n checkDOMListeners(-1);\n unlisten();\n };\n }\n\n var history = {\n length: globalHistory.length,\n action: 'POP',\n location: initialLocation,\n createHref: createHref,\n push: push,\n replace: replace,\n go: go,\n goBack: goBack,\n goForward: goForward,\n block: block,\n listen: listen\n };\n return history;\n}\n\nvar HashChangeEvent$1 = 'hashchange';\nvar HashPathCoders = {\n hashbang: {\n encodePath: function encodePath(path) {\n return path.charAt(0) === '!' ? path : '!/' + stripLeadingSlash(path);\n },\n decodePath: function decodePath(path) {\n return path.charAt(0) === '!' ? path.substr(1) : path;\n }\n },\n noslash: {\n encodePath: stripLeadingSlash,\n decodePath: addLeadingSlash\n },\n slash: {\n encodePath: addLeadingSlash,\n decodePath: addLeadingSlash\n }\n};\n\nfunction stripHash(url) {\n var hashIndex = url.indexOf('#');\n return hashIndex === -1 ? url : url.slice(0, hashIndex);\n}\n\nfunction getHashPath() {\n // We can't use window.location.hash here because it's not\n // consistent across browsers - Firefox will pre-decode it!\n var href = window.location.href;\n var hashIndex = href.indexOf('#');\n return hashIndex === -1 ? '' : href.substring(hashIndex + 1);\n}\n\nfunction pushHashPath(path) {\n window.location.hash = path;\n}\n\nfunction replaceHashPath(path) {\n window.location.replace(stripHash(window.location.href) + '#' + path);\n}\n\nfunction createHashHistory(props) {\n if (props === void 0) {\n props = {};\n }\n\n !canUseDOM ? process.env.NODE_ENV !== \"production\" ? invariant(false, 'Hash history needs a DOM') : invariant(false) : void 0;\n var globalHistory = window.history;\n var canGoWithoutReload = supportsGoWithoutReloadUsingHash();\n var _props = props,\n _props$getUserConfirm = _props.getUserConfirmation,\n getUserConfirmation = _props$getUserConfirm === void 0 ? getConfirmation : _props$getUserConfirm,\n _props$hashType = _props.hashType,\n hashType = _props$hashType === void 0 ? 'slash' : _props$hashType;\n var basename = props.basename ? stripTrailingSlash(addLeadingSlash(props.basename)) : '';\n var _HashPathCoders$hashT = HashPathCoders[hashType],\n encodePath = _HashPathCoders$hashT.encodePath,\n decodePath = _HashPathCoders$hashT.decodePath;\n\n function getDOMLocation() {\n var path = decodePath(getHashPath());\n process.env.NODE_ENV !== \"production\" ? warning(!basename || hasBasename(path, basename), 'You are attempting to use a basename on a page whose URL path does not begin ' + 'with the basename. Expected path \"' + path + '\" to begin with \"' + basename + '\".') : void 0;\n if (basename) path = stripBasename(path, basename);\n return createLocation(path);\n }\n\n var transitionManager = createTransitionManager();\n\n function setState(nextState) {\n _extends(history, nextState);\n\n history.length = globalHistory.length;\n transitionManager.notifyListeners(history.location, history.action);\n }\n\n var forceNextPop = false;\n var ignorePath = null;\n\n function locationsAreEqual$$1(a, b) {\n return a.pathname === b.pathname && a.search === b.search && a.hash === b.hash;\n }\n\n function handleHashChange() {\n var path = getHashPath();\n var encodedPath = encodePath(path);\n\n if (path !== encodedPath) {\n // Ensure we always have a properly-encoded hash.\n replaceHashPath(encodedPath);\n } else {\n var location = getDOMLocation();\n var prevLocation = history.location;\n if (!forceNextPop && locationsAreEqual$$1(prevLocation, location)) return; // A hashchange doesn't always == location change.\n\n if (ignorePath === createPath(location)) return; // Ignore this change; we already setState in push/replace.\n\n ignorePath = null;\n handlePop(location);\n }\n }\n\n function handlePop(location) {\n if (forceNextPop) {\n forceNextPop = false;\n setState();\n } else {\n var action = 'POP';\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (ok) {\n setState({\n action: action,\n location: location\n });\n } else {\n revertPop(location);\n }\n });\n }\n }\n\n function revertPop(fromLocation) {\n var toLocation = history.location; // TODO: We could probably make this more reliable by\n // keeping a list of paths we've seen in sessionStorage.\n // Instead, we just default to 0 for paths we don't know.\n\n var toIndex = allPaths.lastIndexOf(createPath(toLocation));\n if (toIndex === -1) toIndex = 0;\n var fromIndex = allPaths.lastIndexOf(createPath(fromLocation));\n if (fromIndex === -1) fromIndex = 0;\n var delta = toIndex - fromIndex;\n\n if (delta) {\n forceNextPop = true;\n go(delta);\n }\n } // Ensure the hash is encoded properly before doing anything else.\n\n\n var path = getHashPath();\n var encodedPath = encodePath(path);\n if (path !== encodedPath) replaceHashPath(encodedPath);\n var initialLocation = getDOMLocation();\n var allPaths = [createPath(initialLocation)]; // Public interface\n\n function createHref(location) {\n var baseTag = document.querySelector('base');\n var href = '';\n\n if (baseTag && baseTag.getAttribute('href')) {\n href = stripHash(window.location.href);\n }\n\n return href + '#' + encodePath(basename + createPath(location));\n }\n\n function push(path, state) {\n process.env.NODE_ENV !== \"production\" ? warning(state === undefined, 'Hash history cannot push state; it is ignored') : void 0;\n var action = 'PUSH';\n var location = createLocation(path, undefined, undefined, history.location);\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (!ok) return;\n var path = createPath(location);\n var encodedPath = encodePath(basename + path);\n var hashChanged = getHashPath() !== encodedPath;\n\n if (hashChanged) {\n // We cannot tell if a hashchange was caused by a PUSH, so we'd\n // rather setState here and ignore the hashchange. The caveat here\n // is that other hash histories in the page will consider it a POP.\n ignorePath = path;\n pushHashPath(encodedPath);\n var prevIndex = allPaths.lastIndexOf(createPath(history.location));\n var nextPaths = allPaths.slice(0, prevIndex + 1);\n nextPaths.push(path);\n allPaths = nextPaths;\n setState({\n action: action,\n location: location\n });\n } else {\n process.env.NODE_ENV !== \"production\" ? warning(false, 'Hash history cannot PUSH the same path; a new entry will not be added to the history stack') : void 0;\n setState();\n }\n });\n }\n\n function replace(path, state) {\n process.env.NODE_ENV !== \"production\" ? warning(state === undefined, 'Hash history cannot replace state; it is ignored') : void 0;\n var action = 'REPLACE';\n var location = createLocation(path, undefined, undefined, history.location);\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (!ok) return;\n var path = createPath(location);\n var encodedPath = encodePath(basename + path);\n var hashChanged = getHashPath() !== encodedPath;\n\n if (hashChanged) {\n // We cannot tell if a hashchange was caused by a REPLACE, so we'd\n // rather setState here and ignore the hashchange. The caveat here\n // is that other hash histories in the page will consider it a POP.\n ignorePath = path;\n replaceHashPath(encodedPath);\n }\n\n var prevIndex = allPaths.indexOf(createPath(history.location));\n if (prevIndex !== -1) allPaths[prevIndex] = path;\n setState({\n action: action,\n location: location\n });\n });\n }\n\n function go(n) {\n process.env.NODE_ENV !== \"production\" ? warning(canGoWithoutReload, 'Hash history go(n) causes a full page reload in this browser') : void 0;\n globalHistory.go(n);\n }\n\n function goBack() {\n go(-1);\n }\n\n function goForward() {\n go(1);\n }\n\n var listenerCount = 0;\n\n function checkDOMListeners(delta) {\n listenerCount += delta;\n\n if (listenerCount === 1 && delta === 1) {\n window.addEventListener(HashChangeEvent$1, handleHashChange);\n } else if (listenerCount === 0) {\n window.removeEventListener(HashChangeEvent$1, handleHashChange);\n }\n }\n\n var isBlocked = false;\n\n function block(prompt) {\n if (prompt === void 0) {\n prompt = false;\n }\n\n var unblock = transitionManager.setPrompt(prompt);\n\n if (!isBlocked) {\n checkDOMListeners(1);\n isBlocked = true;\n }\n\n return function () {\n if (isBlocked) {\n isBlocked = false;\n checkDOMListeners(-1);\n }\n\n return unblock();\n };\n }\n\n function listen(listener) {\n var unlisten = transitionManager.appendListener(listener);\n checkDOMListeners(1);\n return function () {\n checkDOMListeners(-1);\n unlisten();\n };\n }\n\n var history = {\n length: globalHistory.length,\n action: 'POP',\n location: initialLocation,\n createHref: createHref,\n push: push,\n replace: replace,\n go: go,\n goBack: goBack,\n goForward: goForward,\n block: block,\n listen: listen\n };\n return history;\n}\n\nfunction clamp(n, lowerBound, upperBound) {\n return Math.min(Math.max(n, lowerBound), upperBound);\n}\n/**\n * Creates a history object that stores locations in memory.\n */\n\n\nfunction createMemoryHistory(props) {\n if (props === void 0) {\n props = {};\n }\n\n var _props = props,\n getUserConfirmation = _props.getUserConfirmation,\n _props$initialEntries = _props.initialEntries,\n initialEntries = _props$initialEntries === void 0 ? ['/'] : _props$initialEntries,\n _props$initialIndex = _props.initialIndex,\n initialIndex = _props$initialIndex === void 0 ? 0 : _props$initialIndex,\n _props$keyLength = _props.keyLength,\n keyLength = _props$keyLength === void 0 ? 6 : _props$keyLength;\n var transitionManager = createTransitionManager();\n\n function setState(nextState) {\n _extends(history, nextState);\n\n history.length = history.entries.length;\n transitionManager.notifyListeners(history.location, history.action);\n }\n\n function createKey() {\n return Math.random().toString(36).substr(2, keyLength);\n }\n\n var index = clamp(initialIndex, 0, initialEntries.length - 1);\n var entries = initialEntries.map(function (entry) {\n return typeof entry === 'string' ? createLocation(entry, undefined, createKey()) : createLocation(entry, undefined, entry.key || createKey());\n }); // Public interface\n\n var createHref = createPath;\n\n function push(path, state) {\n process.env.NODE_ENV !== \"production\" ? warning(!(typeof path === 'object' && path.state !== undefined && state !== undefined), 'You should avoid providing a 2nd state argument to push when the 1st ' + 'argument is a location-like object that already has state; it is ignored') : void 0;\n var action = 'PUSH';\n var location = createLocation(path, state, createKey(), history.location);\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (!ok) return;\n var prevIndex = history.index;\n var nextIndex = prevIndex + 1;\n var nextEntries = history.entries.slice(0);\n\n if (nextEntries.length > nextIndex) {\n nextEntries.splice(nextIndex, nextEntries.length - nextIndex, location);\n } else {\n nextEntries.push(location);\n }\n\n setState({\n action: action,\n location: location,\n index: nextIndex,\n entries: nextEntries\n });\n });\n }\n\n function replace(path, state) {\n process.env.NODE_ENV !== \"production\" ? warning(!(typeof path === 'object' && path.state !== undefined && state !== undefined), 'You should avoid providing a 2nd state argument to replace when the 1st ' + 'argument is a location-like object that already has state; it is ignored') : void 0;\n var action = 'REPLACE';\n var location = createLocation(path, state, createKey(), history.location);\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (!ok) return;\n history.entries[history.index] = location;\n setState({\n action: action,\n location: location\n });\n });\n }\n\n function go(n) {\n var nextIndex = clamp(history.index + n, 0, history.entries.length - 1);\n var action = 'POP';\n var location = history.entries[nextIndex];\n transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {\n if (ok) {\n setState({\n action: action,\n location: location,\n index: nextIndex\n });\n } else {\n // Mimic the behavior of DOM histories by\n // causing a render after a cancelled POP.\n setState();\n }\n });\n }\n\n function goBack() {\n go(-1);\n }\n\n function goForward() {\n go(1);\n }\n\n function canGo(n) {\n var nextIndex = history.index + n;\n return nextIndex >= 0 && nextIndex < history.entries.length;\n }\n\n function block(prompt) {\n if (prompt === void 0) {\n prompt = false;\n }\n\n return transitionManager.setPrompt(prompt);\n }\n\n function listen(listener) {\n return transitionManager.appendListener(listener);\n }\n\n var history = {\n length: entries.length,\n action: 'POP',\n location: entries[index],\n index: index,\n entries: entries,\n createHref: createHref,\n push: push,\n replace: replace,\n go: go,\n goBack: goBack,\n goForward: goForward,\n canGo: canGo,\n block: block,\n listen: listen\n };\n return history;\n}\n\nexport { createBrowserHistory, createHashHistory, createMemoryHistory, createLocation, locationsAreEqual, parsePath, createPath };\n","import { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport qs from \"query-string\";\r\nimport { createBrowserHistory as createHistory } from \"history\";\r\n\r\nclass History extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.handleHistory = this.handleHistory.bind(this);\r\n\r\n this.history = createHistory();\r\n\r\n this.state = {};\r\n }\r\n\r\n componentDidMount() {\r\n this.unlisten = this.history.listen(this.handleHistory);\r\n this.handleHistory(window.location, null, true);\r\n }\r\n\r\n componentWillUnmount() {\r\n this.unlisten();\r\n }\r\n\r\n handleHistory(location, action, initial) {\r\n // console.log(\"History\", \"handleHistory\", location, action);\r\n // location is an object like window.location\r\n this.setState({\r\n location,\r\n action: action || null,\r\n params: qs.parse(location.search),\r\n initial: initial || false,\r\n });\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n const { onHistoryChange } = this.props;\r\n const stateChanged = this.state !== prevState;\r\n // console.log(\"History\", \"componentDidUpdate\", \"stateChanged\", stateChanged);\r\n if (stateChanged) {\r\n // console.log(\"History\", \"componentDidUpdate\", \"stateChanged\", this.state, prevState);\r\n }\r\n stateChanged && onHistoryChange && onHistoryChange(this.state);\r\n }\r\n\r\n render() {\r\n const { location, params } = this.state;\r\n const { history } = this;\r\n return this.props.children({\r\n history,\r\n location,\r\n params,\r\n pushParams(newParams, merge = true) {\r\n if (merge) {\r\n newParams = { ...params, ...newParams };\r\n }\r\n history.push(location.pathname + \"?\" + qs.stringify(newParams));\r\n },\r\n });\r\n }\r\n}\r\n\r\nHistory.propTypes = {\r\n children: PropTypes.func,\r\n onHistoryChange: PropTypes.func,\r\n};\r\n\r\nexport default History;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nexport default function MatchLink({ date, children }) {\r\n date = date.replace(/\\//g, \"\");\r\n return {children};\r\n};\r\n\r\nMatchLink.propTypes = {\r\n date: PropTypes.string,\r\n children: PropTypes.node,\r\n};\r\n","import {\r\n findBookIdx,\r\n findBookForDate,\r\n findPlayerIdxForPenPic,\r\n} from \"./books\";\r\n\r\nimport {\r\n fetch,\r\n} from \"./fetch\";\r\n\r\nexport function setBook(books, bookKey) {\r\n // console.log(\"setBook\", bookKey);\r\n\r\n const makeState = (bookIdx, matches, keysToFullNames) => {\r\n // console.log(\"makeState\", bookIdx, matches);\r\n return {\r\n bookIdx,\r\n matches,\r\n keysToFullNames,\r\n };\r\n };\r\n\r\n const _fetch = async (books, bookIdx) => {\r\n const { matches, keysToFullNames } = await fetch(books, bookIdx, {\r\n fetchMatches: true,\r\n fetchKeysToFullNames: true,\r\n });\r\n return makeState(bookIdx, matches, keysToFullNames);\r\n };\r\n\r\n if (bookKey === null) {\r\n const bookIdx = 0;\r\n return _fetch(books, bookIdx);\r\n }\r\n\r\n // book !== null\r\n const newBookIdx = findBookIdx(books, bookKey);\r\n if (newBookIdx < 0) {\r\n throw new Error(`Book with name \"${bookKey}\" not found.`);\r\n }\r\n\r\n return _fetch(books, newBookIdx);\r\n}\r\n\r\nexport function setBookForDate(books, date) {\r\n const bookIdx = date ? findBookForDate(books, date) : -1;\r\n const bookKey = (bookIdx > -1) ? books[bookIdx] : null;\r\n return setBook(books, bookKey)\r\n .then(({ ...result }) => {\r\n // let the caller know if the date was valid by setting it in the result.\r\n const matchDate = (bookIdx > -1) ? date : null;\r\n return ({ matchDate, ...result });\r\n });\r\n}\r\n\r\nexport async function setBookAndPlayer(books, bookKey, playerKey) {\r\n // console.log(\"setBookAndPlayer\", bookKey, playerKey);\r\n\r\n const makeState = (bookIdx, playerKey, playerIdx, penPicsData, penPicsImgs, matches, keysToFullNames) => {\r\n // console.log(\"makeState\", bookIdx, playerKey, playerIdx, penPicsData, penPicsImgs, matches);\r\n return {\r\n bookIdx,\r\n playerKey,\r\n playerIdx,\r\n penPicsData,\r\n penPicsImgs,\r\n matches,\r\n keysToFullNames,\r\n };\r\n };\r\n\r\n function sortPenPics(penPics) {\r\n // Sort by name. A name in the pen pic data is \"Surname, Firstname\",\r\n // so this is effectively a \"Surname, Firstname\" sort.\r\n penPics.sort((a, b) => {\r\n if (a.lastName && b.lastName) {\r\n const result = a.lastName.localeCompare(b.lastName);\r\n if (result !== 0) {\r\n return result;\r\n }\r\n if (a.firstName && b.firstName) {\r\n return a.firstName.localeCompare(b.firstName);\r\n }\r\n }\r\n return a.name.localeCompare(b.name);\r\n });\r\n }\r\n\r\n const _fetch = async (books, bookIdx) => {\r\n const { matches, keysToFullNames, penPics, penPicsImgs } = await fetch(books, bookIdx, {\r\n fetchMatches: true,\r\n fetchKeysToFullNames: true,\r\n fetchPenPics: true,\r\n fetchPenPicsImgs: true,\r\n });\r\n\r\n sortPenPics(penPics);\r\n\r\n const playerIdx = findPlayerIdxForPenPic(penPics, playerKey, books[bookIdx]);\r\n return makeState(bookIdx, playerKey, playerIdx, penPics, penPicsImgs, matches, keysToFullNames);\r\n };\r\n\r\n if (bookKey === null) {\r\n const bookIdx = 0;\r\n return _fetch(books, bookIdx);\r\n }\r\n\r\n // book !== null\r\n const newBookIdx = findBookIdx(books, bookKey);\r\n if (newBookIdx < 0) {\r\n throw new Error(`Book with name \"${bookKey}\" not found.`);\r\n }\r\n\r\n return _fetch(books, newBookIdx);\r\n}\r\n","/* global $ */\r\nimport React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport debounce from \"lodash/debounce\";\r\n\r\n/**\r\n * A Component that monitors the width of a container element.\r\n */\r\nclass WindowResizeWidget extends Component {\r\n constructor() {\r\n super();\r\n\r\n this.handleResize = debounce(this.handleResize.bind(this), 100);\r\n }\r\n\r\n // eslint-disable-next-line no-unused-vars\r\n handleResize(e) {\r\n const { resizeCategoryCallback } = this.props;\r\n resizeCategoryCallback($(this.container).width());\r\n }\r\n\r\n componentDidMount() {\r\n $(window).on(\"resize\", this.handleResize);\r\n this.handleResize();\r\n }\r\n\r\n componentWillUnmount() {\r\n $(window).off(window, \"resize\", this.handleResize);\r\n }\r\n\r\n render() {\r\n return (\r\n Loading match data... \r\n : \"Match data not loaded.\";\r\n }\r\n\r\n const book = books[bookIdx];\r\n\r\n let playerKeyGenerator = wtcc.keyGenerators.lineupPlayerKeyGenerator;\r\n if (book === \"still-crowing\") {\r\n playerKeyGenerator = stillCrowing.keyGenerators.lineupPlayerKeyGenerator;\r\n }\r\n\r\n const matchIdx = matchDate ? this.findMatch(matches, matchDate) : 0;\r\n const match = matches[matchIdx];\r\n\r\n if (!match) {\r\n const match0 = matches[0];\r\n return (\r\n \r\n \r\n );\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {(...args) => this.renderWithHistory(...args)}\r\n \r\n );\r\n }\r\n}\r\n\r\nMatchStatsPageWidget.propTypes = {\r\n books: PropTypes.array,\r\n};\r\n\r\nexport default MatchStatsPageWidget;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nconst MatchListDateHeaderWidget = ({ date }) => {\r\n return (\r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nMatchListDateHeaderWidget.propTypes = {\r\n date: PropTypes.string,\r\n};\r\n\r\nexport default MatchListDateHeaderWidget;\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport MatchListDateHeaderWidget from \"./MatchListDateHeaderWidget\";\r\n\r\nimport MatchLink from \"../MatchStats/MatchLink\";\r\n\r\nclass MatchListWidget extends Component {\r\n renderMatchListItem(match, first, last) {\r\n const { renderMatchLinks } = this.props;\r\n const { date, team1, team2, venue } = match;\r\n const [dd, MM] = date.split(\"/\");\r\n const displayDate = dd + \"/\" + MM;\r\n const dateClass = first ? \"\" : \"top-cell\";\r\n const venueClass = last ? \"\" : \"bottom-cell\";\r\n\r\n return (\r\n [\r\n \r\n \r\n {renderMatchLinks ? {displayDate} : displayDate}\r\n \r\n ,\r\n \r\n {team1.name} {team1.score} - {team2.score} {team2.name} \r\n ,\r\n \r\n {venue} \r\n ,\r\n ]\r\n );\r\n }\r\n\r\n renderMatchListItems(matches) {\r\n let oldYear;\r\n return matches.map((match, i) => {\r\n const items = [];\r\n\r\n // only need yyyy\r\n const [, , yyyy] = match.date.split(\"/\");\r\n\r\n if (yyyy !== oldYear) {\r\n items.push(\r\n \r\n {this.renderMatchListItems(matches)}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nMatchListWidget.propTypes = {\r\n matches: PropTypes.array,\r\n renderMatchLinks: PropTypes.bool,\r\n};\r\n\r\nexport default MatchListWidget;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nconst books = {\r\n \"wtcc\": {\r\n iconSrc: \"./icons/144.png\",\r\n },\r\n \"still-crowing\": {\r\n iconSrc: \"./icons/SC.144.png\",\r\n },\r\n \"stormy-sixties\": {\r\n iconSrc: \"./icons/StormySixties.144.png\",\r\n },\r\n};\r\n\r\n/**\r\n * @param {object} component props.\r\n *\r\n * @return {function} Functional react component.\r\n */\r\nconst BookIcon = ({\r\n book,\r\n height,\r\n title,\r\n}) => {\r\n const style = {\r\n height: height || \"1em\",\r\n verticalAlign: \"text-top\",\r\n };\r\n const { key, name } = book;\r\n const { iconSrc } = books[key] || books[\"wtcc\"];\r\n title = title || `${name} Icon`;\r\n return (\r\n 
\r\n );\r\n};\r\n\r\nBookIcon.propTypes = {\r\n book: PropTypes.object,\r\n height: PropTypes.string,\r\n title: PropTypes.string,\r\n};\r\n\r\nexport default BookIcon;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport BookIcon from \"./BookIcon\";\r\nimport { isUndefinedOrNull } from \"../is\";\r\n\r\nfunction BookIconLinks({\r\n books,\r\n selectedBookKey,\r\n onClick,\r\n height,\r\n}) {\r\n height = isUndefinedOrNull(height) ? \"\" : height;\r\n return (\r\n Loading match data... : \"Match data not loaded.\";\r\n } else {\r\n mainComponent = (\r\n <>\r\n \r\n {(...args) => this.renderWithHistory(...args)}\r\n \r\n );\r\n }\r\n}\r\n\r\nMatchListsPageWidget.propTypes = {\r\n books: PropTypes.array,\r\n};\r\n\r\nexport default MatchListsPageWidget;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport qs from \"query-string\";\r\n\r\nimport { getPlayerKeyGenerators } from \"../../books\";\r\n\r\nexport default function PenPicLink({ player, playerKey, book, children }) {\r\n if (!playerKey && player) {\r\n const keyGenerators = getPlayerKeyGenerators(book);\r\n const { lineupPlayerKeyGenerator } = keyGenerators;\r\n playerKey = lineupPlayerKeyGenerator(player);\r\n }\r\n const params = {\r\n playerKey: playerKey,\r\n book: (book && book.key) || undefined,\r\n };\r\n const href = \"./pen-pics.html?\" + qs.stringify(params);\r\n return {children};\r\n};\r\n\r\nPenPicLink.propTypes = {\r\n player: PropTypes.object,\r\n playerKey: PropTypes.string,\r\n book: PropTypes.object,\r\n children: PropTypes.node,\r\n};\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nclass PenPicImg extends Component {\r\n onImgLoaded() {\r\n sendTiming(\"pen-pic-img-loaded\", now());\r\n }\r\n\r\n render() {\r\n const { penPicImgUrl, width, height } = this.props;\r\n return penPicImgUrl ?\r\n ![]({\"./img/pen-pics/\")
:\r\n null;\r\n }\r\n}\r\n\r\nPenPicImg.propTypes = {\r\n penPicImgUrl: PropTypes.string,\r\n width: PropTypes.number,\r\n height: PropTypes.number,\r\n};\r\n\r\nexport default PenPicImg;\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport PenPicLink from \"../PenPics/PenPicLink\";\r\nimport PenPicImg from \"../PenPics/PenPicImg\";\r\nimport MatchLink from \"../MatchStats/MatchLink\";\r\n\r\nimport { MatchUtils } from \"../../utils\";\r\nimport { getPlayerKeyGenerators } from \"../../books\";\r\n\r\nfunction scoreDom(value, className, showZero = false) {\r\n return (value || showZero) ? (\r\n {value}\r\n ) : \"\";\r\n}\r\n\r\nclass AppearanceRow1 extends Component {\r\n render() {\r\n const { idx, appearance, renderMatchLink } = this.props;\r\n return (\r\n \r\n {idx} \r\n \r\n {renderMatchLink ?\r\n {appearance.displayDate} :\r\n appearance.displayDate}\r\n \r\n {appearance.versus} \r\n {scoreDom(appearance.scores.tries, \"num-tries\")} \r\n {scoreDom(appearance.scores.goals, \"num-goals\")} \r\n {scoreDom(appearance.scores.drops, \"num-drops\")} \r\n \r\n );\r\n }\r\n}\r\n\r\nAppearanceRow1.propTypes = {\r\n idx: PropTypes.number,\r\n appearance: PropTypes.object,\r\n renderMatchLink: PropTypes.bool,\r\n};\r\n\r\n\r\nclass AppearanceRow2 extends Component {\r\n render() {\r\n return (\r\n \r\n {this.props.appearance.venue} \r\n \r\n );\r\n }\r\n}\r\n\r\nAppearanceRow2.propTypes = {\r\n appearance: PropTypes.object,\r\n};\r\n\r\n\r\nclass YearRow extends Component {\r\n render() {\r\n return (\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nYearRow.propTypes = {\r\n year: PropTypes.string,\r\n};\r\n\r\n\r\nclass PlayerStatsWidget extends Component {\r\n makeAppearances(stats, renderMatchLinks) {\r\n let year;\r\n return stats.reduce((arr, appearance, idx) => {\r\n const [dd, mm, yyyy] = appearance.date.split(\"/\");\r\n\r\n if (year !== yyyy) {\r\n year = yyyy;\r\n arr.push(\r\n \r\n
\r\n );\r\n }\r\n\r\n getPlayerInfo(matches, playerKey, book) {\r\n const usName = \"France\";\r\n\r\n // eslint-disable-next-line no-unused-vars\r\n const playerFilter = (match, team, player) => {\r\n return team.name === usName;\r\n };\r\n\r\n const { lineupPlayerKeyGenerator } = getPlayerKeyGenerators(book);\r\n const playerAndMatchesMap = MatchUtils.createPlayerAndMatchMap(matches, playerFilter, lineupPlayerKeyGenerator);\r\n\r\n const playerAndMatches = playerAndMatchesMap[playerKey];\r\n if (!playerAndMatches) {\r\n return {\r\n name: \"Unknown\",\r\n stats: [],\r\n };\r\n }\r\n\r\n const matchArr = MatchUtils.flattenMatches(playerAndMatches.matches);\r\n\r\n const stats = matchArr.map((match) => {\r\n const { them } = MatchUtils.getUsAndThem(match, usName);\r\n const scores = MatchUtils.getPlayerStatsForMatches([match], playerAndMatches.player, usName);\r\n return {\r\n date: match.date,\r\n venue: match.venue,\r\n versus: them.name,\r\n scores,\r\n };\r\n });\r\n\r\n return {\r\n player: playerAndMatches.player,\r\n stats,\r\n };\r\n }\r\n\r\n render() {\r\n const { book, penPicImgUrl, playerKey, playerName, matches } = this.props;\r\n\r\n const { player, stats } = this.getPlayerInfo(matches, playerKey, book);\r\n if (!player) {\r\n return `Player not found for key \"${playerKey}\"`;\r\n }\r\n\r\n return (\r\n Loading Player data... \r\n : \"Player data not loaded.\";\r\n } else if (!playerKey) {\r\n mainComponent = `Player key not provided.`;\r\n } else {\r\n const penPicImgUrl = penPicsImgs[playerKey];\r\n const book = books[bookIdx];\r\n const playerKeyGenerators = getPlayerKeyGenerators(book);\r\n const fullName = PlayerUtils.playerFullName(keysToFullNames, playerKeyGenerators, playerKey);\r\n\r\n if (!fullName) {\r\n mainComponent = `Player not found for key=\"${playerKey}\".`;\r\n } else {\r\n const playerName = `${fullName.firstName} ${fullName.lastName}`;\r\n mainComponent = \r\n {(...args) => this.renderWithHistory(...args)}\r\n \r\n );\r\n }\r\n}\r\n\r\nPlayerStatsPageWidget.propTypes = {\r\n books: PropTypes.array,\r\n};\r\n\r\nexport default PlayerStatsPageWidget;\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport PenPicImg from \"./PenPicImg\";\r\n\r\nimport PlayerLink from \"../PlayerStats/PlayerLink\";\r\nimport { getPlayerKeyGenerators } from \"../../books\";\r\n\r\nclass PenPicWidget extends Component {\r\n render() {\r\n const {\r\n book,\r\n onPrevClick, onNextClick,\r\n penPicData, penPicImg, playerName,\r\n showPrevLink, showNextLink,\r\n } = this.props;\r\n\r\n if (!penPicData) {\r\n return \"No Pen-Picture data loaded\";\r\n }\r\n\r\n const { penPicsPlayerKeyGenerator } = getPlayerKeyGenerators(book);\r\n const playerKey = penPicsPlayerKeyGenerator(penPicData);\r\n const displayName = playerName || penPicData.name;\r\n\r\n return (\r\n Loading Pen-Picture data... \r\n : \"Pen-Picture data not loaded.\";\r\n } else if (playerIdx < 0) {\r\n mainComponent = `There is no Pen-Pic for player with key=\"${this.state.playerKey}\".`;\r\n } else {\r\n const playerKeyGenerators = getPlayerKeyGenerators(book);\r\n const { penPicsPlayerKeyGenerator } = playerKeyGenerators;\r\n const penPicData = penPicsData[playerIdx];\r\n const playerKey = penPicsPlayerKeyGenerator(penPicData);\r\n\r\n // eslint-disable-next-line max-len\r\n const fullName = PlayerUtils.playerFullName(keysToFullNames, playerKeyGenerators, playerKey, undefined, penPicData);\r\n const playerName = `${fullName.firstName} ${fullName.lastName}`;\r\n const penPicImg = penPicsImgs[playerKey];\r\n const showPrevLink = playerIdx > 0;\r\n const showNextLink = playerIdx < penPicsData.length - 1;\r\n\r\n mainComponent = (\r\n <>\r\n this.onPrevClick(e, pushParams)}\r\n onNextClick={(e) => this.onNextClick(e, pushParams)} />\r\n \r\n );\r\n }\r\n\r\n return (\r\n \r\n {(...args) => this.renderWithHistory(...args)}\r\n \r\n );\r\n }\r\n}\r\n\r\nPenPicsPageWidget.propTypes = {\r\n books: PropTypes.array,\r\n};\r\n\r\nexport default PenPicsPageWidget;\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport MatchLink from \"../MatchStats/MatchLink\";\r\nimport PlayerLink from \"../PlayerStats/PlayerLink\";\r\n\r\nimport { intersperse } from \"../../array\";\r\nimport { MatchUtils, PlayerUtils } from \"../../utils\";\r\nimport { getPlayerKeyGenerators } from \"../../books\";\r\n\r\nconst FRANCE_TEAM_NAMES = [\r\n \"France\",\r\n // Don't include France XIII\r\n // \"France XIII\",\r\n];\r\n\r\nfunction isFrance(teamName) {\r\n return FRANCE_TEAM_NAMES.indexOf(teamName) > -1;\r\n}\r\n\r\nconst CareerDetailsLineWidget = (props) => (\r\n \r\n {props.year}: \r\n {props.details}.\r\n \r\n);\r\n\r\nCareerDetailsLineWidget.propTypes = {\r\n details: PropTypes.node,\r\n year: PropTypes.string,\r\n};\r\n\r\nfunction statsPerYear(player, matches) {\r\n return Object.keys(matches)\r\n .map((year) => {\r\n const stats = matches[year].map((match) => {\r\n const usAndThem = MatchUtils.getUsAndThem(match, FRANCE_TEAM_NAMES);\r\n const statsStr = MatchUtils.getPlayerStatsForTeamStr(usAndThem.us, usAndThem.them, player);\r\n return {\r\n match,\r\n statsStr,\r\n };\r\n });\r\n return {\r\n year,\r\n stats,\r\n };\r\n });\r\n}\r\n\r\nclass CareerStatisticsWidget extends Component {\r\n playerContent(player, matches) {\r\n const lines = statsPerYear(player, matches);\r\n const twoDigitYear = (yearStr) => yearStr.length > 2 ? yearStr.substring(2) : yearStr;\r\n const widgets = lines.map((line, i) => {\r\n const YY = twoDigitYear(line.year);\r\n const details = line.stats.map((stat, i) =>\r\n {stat.statsStr} );\r\n const detailsAndCommas = intersperse(details, \", \");\r\n return
;\r\n return intersperse(widgets, brSupplier);\r\n }\r\n\r\n players(playerList, book) {\r\n return playerList.map((playerAndMatches, i) => {\r\n const { player, matches } = playerAndMatches;\r\n\r\n const yearKeys = Object.keys(matches);\r\n const matchArr = yearKeys.reduce((arr, year) => arr.concat(matches[year]), []);\r\n\r\n // Don't return an element for a player with zero matches.\r\n // This may occur when a player only features as a non-playing sub (Stormy Sixties).\r\n if (matchArr.length === 0) {\r\n return null;\r\n }\r\n\r\n const allStats = MatchUtils.getPlayerStatsForMatches(matchArr, player, FRANCE_TEAM_NAMES);\r\n // Use book.key in the component key so React doesn't try to reconcile wtcc rows with\r\n // still-crowing rows.\r\n // Instead, we want React to treat the nodes as completely different, and replace old TR\r\n // nodes with new TR nodes.\r\n return [\r\n\r\n {player.displayName || player.name} {allStats.matches || \"\"} \r\n {allStats.tries || \"\"} \r\n {allStats.goals || \"\"} \r\n {allStats.drops || \"\"} \r\n {allStats.pts || \"\"} \r\n ,\r\n \r\n ,\r\n ];\r\n });\r\n }\r\n\r\n getPlayerList(book, matches, keysToFullNames) {\r\n // eslint-disable-next-line no-unused-vars\r\n const filterByMatchTeamPlayer = (match, team, player) => isFrance(team.name);\r\n const playerKeyGenerators = getPlayerKeyGenerators(book);\r\n const { lineupPlayerKeyGenerator } = playerKeyGenerators;\r\n\r\n // eslint-disable-next-line max-len\r\n const playerAndMatchMap = MatchUtils.createPlayerAndMatchMap(matches, filterByMatchTeamPlayer, lineupPlayerKeyGenerator);\r\n\r\n const playerList = Object.keys(playerAndMatchMap).map((key) => {\r\n // set new displayName property, if different to name.\r\n // displayName will be lastName first, then any initial (if present).\r\n const { player } = playerAndMatchMap[key];\r\n\r\n const fullName = PlayerUtils.playerFullName(keysToFullNames, playerKeyGenerators, key, player);\r\n const displayName = PlayerUtils.fullNameStr(fullName);\r\n\r\n player.displayName = displayName;\r\n\r\n return playerAndMatchMap[key];\r\n });\r\n\r\n playerList.sort((playerAndMatches1, playerAndMatches2) => {\r\n const p1 = playerAndMatches1.player;\r\n const p2 = playerAndMatches2.player;\r\n return (p1.displayName || p1.name).localeCompare(p2.displayName || p2.name);\r\n });\r\n\r\n return playerList;\r\n }\r\n\r\n shouldComponentUpdate(nextProps) {\r\n const shouldUpdate = (this.props.book != nextProps.book) || (this.props.matches !== nextProps.matches);\r\n // console.log(\"CareerStatisticsWidget\", \"shouldComponentUpdate\", shouldUpdate);\r\n return shouldUpdate;\r\n }\r\n\r\n render() {\r\n const { book, matches, keysToFullNames } = this.props;\r\n // console.log(\"CareerStatisticsWidget\", \"render\", \"props\", this.props, \"state\", this.state);\r\n\r\n const playerList = this.getPlayerList(book, matches, keysToFullNames);\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nCareerStatisticsWidget.propTypes = {\r\n book: PropTypes.object,\r\n matches: PropTypes.array,\r\n keysToFullNames: PropTypes.object,\r\n};\r\n\r\nexport default CareerStatisticsWidget;\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport CareerStatisticsWidget from \"./CareerStatisticsWidget\";\r\n\r\nimport loadIntoState from \"../loadIntoState\";\r\nimport LoadingImage from \"../LoadingImage\";\r\nimport History from \"../History\";\r\nimport ErrorWidget from \"../ErrorWidget\";\r\nimport { setBook } from \"../../State\";\r\nimport BookIconLinks from \"../BookIconLinks\";\r\n\r\n/**\r\n * This component is responsible for switching between the Career Statistics of each book.\r\n *\r\n * It is given a books array which is formed of { key, name, matchDataUrl }.\r\n *\r\n * The name is what is used as the link text for switching between career statistic data.\r\n *\r\n * The matchDataUrl is used to get the match list data.\r\n */\r\nclass CareerStatisticsPageWidget extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.onHistoryChange = this.onHistoryChange.bind(this);\r\n\r\n this.state = {\r\n bookIdx: null,\r\n bookKey: null,\r\n matches: null,\r\n keysToFullNames: null,\r\n };\r\n }\r\n\r\n async onHistoryChange({ params }) {\r\n // console.log(\"CareerStatisticsPageWidget\", \"onHistoryChange\", location, params);\r\n const { books } = this.props;\r\n const bookKey = params.book || books[0].key;\r\n\r\n loadIntoState(this, async () => {\r\n const result = await setBook(books, bookKey);\r\n this.setState({\r\n ...result,\r\n bookKey,\r\n });\r\n });\r\n }\r\n\r\n onBookClick(newBookKey, pushParams) {\r\n const { bookKey } = this.state;\r\n if (newBookKey !== bookKey) {\r\n pushParams({ book: newBookKey });\r\n }\r\n }\r\n\r\n renderWithHistory({ pushParams }) {\r\n const { bookIdx, matches, keysToFullNames, loading, loadingError } = this.state;\r\n const { books } = this.props;\r\n const book = books[bookIdx];\r\n\r\n let mainComponent = \"\";\r\n if (loadingError) {\r\n mainComponent = Loading match data... : \"Match data not loaded.\";\r\n } else {\r\n mainComponent = (\r\n <>\r\n \r\n {(...args) => this.renderWithHistory(...args)}\r\n \r\n );\r\n }\r\n}\r\n\r\nCareerStatisticsPageWidget.propTypes = {\r\n books: PropTypes.array,\r\n};\r\n\r\nexport default CareerStatisticsPageWidget;\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nclass CareerRecordsTableWidget extends Component {\r\n renderRow(key, rank, player, value) {\r\n const { renderPlayerLink } = this.props;\r\n return (\r\n \r\n {rank} \r\n \r\n {renderPlayerLink(player)}\r\n \r\n {value} \r\n \r\n );\r\n }\r\n\r\n render() {\r\n const { playerList, statName } = this.props;\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nCareerRecordsTableWidget.propTypes = {\r\n playerList: PropTypes.array,\r\n statName: PropTypes.string,\r\n renderPlayerLink: PropTypes.func,\r\n};\r\n\r\nexport default CareerRecordsTableWidget;\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport CareerRecordsTableWidget from \"./CareerRecordsTableWidget\";\r\n\r\nimport { careerRecordsLists } from \"../../utils\";\r\n\r\nconst FRANCE_TEAM_NAMES = [\r\n \"France\",\r\n // Don't include France XIII\r\n // \"France XIII\",\r\n];\r\n\r\nfunction isFrance(teamName) {\r\n return FRANCE_TEAM_NAMES.indexOf(teamName) > -1;\r\n}\r\n\r\nconst StatTypeLink = ({ children, onClick }) => (\r\n Loading match data... : \"Match data not loaded.\";\r\n } else {\r\n const viewsForBook = views[book.key];\r\n let linkDiv = null;\r\n\r\n if (viewsForBook) {\r\n const links = viewsForBook.map((view, viewIdx) =>\r\n this.onViewLinkClick(e, viewIdx)} />);\r\n linkDiv = {playerName} ;\r\n };\r\n\r\n mainComponent = (\r\n <>\r\n \r\n {(...args) => this.renderWithHistory(...args)}\r\n \r\n );\r\n }\r\n}\r\n\r\nCareerRecordsPageWidget.propTypes = {\r\n books: PropTypes.array,\r\n};\r\n\r\nexport default CareerRecordsPageWidget;\r\n","import React, { Component } from \"react\";\r\n\r\nconst HomeScreenIcon = () =>\r\n this.setState({})} />;\r\n }\r\n\r\n if (Notification.permission === \"granted\") {\r\n body =
\r\n
([^\\d]+)(\\d+)/.exec(summary);\r\n if (!exec) {\r\n return null;\r\n }\r\n return {\r\n team1: exec[1].trim(),\r\n score1: exec[2].trim(),\r\n team2: exec[3].trim(),\r\n score2: exec[4].trim(),\r\n };\r\n }\r\n\r\n getMarkerHeadline(team1, score1, team2, score2) {\r\n const match = {\r\n team1: { name: team1, score: score1 },\r\n team2: { name: team2, score: score2 },\r\n };\r\n let france = match.team1;\r\n let oppo = match.team2;\r\n if (match.team2.name === \"France\") {\r\n france = match.team2;\r\n oppo = match.team1;\r\n }\r\n let result = \"D\";\r\n if (oppo.score !== france.score) {\r\n result = (oppo.score > france.score) ? \"L\" : \"W\";\r\n }\r\n const maxScore = Math.max(france.score, oppo.score);\r\n const minScore = Math.min(france.score, oppo.score);\r\n const score = maxScore + \"-\" + minScore;\r\n const headline = result + \" \" + score + \" v \" + oppo.name;\r\n return headline;\r\n }\r\n\r\n addFlags() {\r\n this.timelineData.events.forEach((e) => {\r\n const flags = {\r\n \"Australia\": \"https://upload.wikimedia.org/wikipedia/en/b/b9/Flag_of_Australia.svg\",\r\n \"England\": \"https://upload.wikimedia.org/wikipedia/en/b/be/Flag_of_England.svg\",\r\n \"New Zealand\": \"https://upload.wikimedia.org/wikipedia/commons/3/3e/Flag_of_New_Zealand.svg\",\r\n \"Wales\": \"https://upload.wikimedia.org/wikipedia/commons/d/dc/Flag_of_Wales.svg\",\r\n };\r\n const match = this.parseMatchSummary(e.text.headline);\r\n const oppo = (\"France\" === match.team1) ? match.team2 : match.team1;\r\n const flag = flags[oppo];\r\n e.media.thumbnail = flag;\r\n });\r\n }\r\n\r\n /*\r\n * Horrible hack to have different marker header to slide header.\r\n */\r\n _patchTimeMarkerData(callback) {\r\n const TL = this.TL;\r\n const init = TL.TimeMarker.prototype.initialize;\r\n TL.TimeMarker.prototype.initialize = function(...args) {\r\n // Replace original data with whatever the callback returns.\r\n const [data] = args;\r\n const data2 = callback.call(this, data);\r\n args[0] = data2;\r\n return init.apply(this, args);\r\n };\r\n }\r\n\r\n patchTimeMarkerData() {\r\n this._patchTimeMarkerData((data) => {\r\n const match = this.parseMatchSummary(data.text.headline);\r\n if (!match) {\r\n return data;\r\n }\r\n const headline = this.getMarkerHeadline(match.team1, match.score1, match.team2, match.score2);\r\n\r\n const TL = this.TL;\r\n const data2 = TL.Util.mergeData({}, data);\r\n data2.text = TL.Util.mergeData({}, data2.text);\r\n data2.text.headline = headline;\r\n return data2;\r\n });\r\n }\r\n\r\n setHeight() {\r\n const embed = this.timelineContainerElement;\r\n // #sb-site padding-top=50, padding-bottom=30\r\n // .content-inner padding-top=8, padding-bottom=8\r\n const heightAdjustment = 50 + 30 + 8 + 8;\r\n embed.style.height = (parseInt(getComputedStyle(document.body).height, 10)) - heightAdjustment + \"px\";\r\n }\r\n\r\n onWindowResize(e) {\r\n this.setHeight();\r\n this.timeline.updateDisplay();\r\n }\r\n}\r\n\r\nfunction TimelineWidget({ book, githash }) {\r\n const timelineContainerRef = React.useRef(null);\r\n const timelineRef = React.useRef(null);\r\n\r\n const {\r\n data,\r\n error,\r\n loading,\r\n } = useJSONData(\"./timeline/\" + book + \".timeline.json?hash=\" + githash);\r\n\r\n React.useEffect(() => {\r\n console.log(\"useEffect\", data);\r\n\r\n if (data && !loading) {\r\n timelineRef.current = new Timeline();\r\n timelineRef.current.initialize(timelineContainerRef.current, data);\r\n }\r\n }, [data, loading, timelineContainerRef.current]);\r\n\r\n React.useEffect(() => {\r\n const listener = (e) => timelineRef.current && timelineRef.current.onWindowResize(e);\r\n window.addEventListener(\"resize\", listener);\r\n return () => window.removeEventListener(\"resize\", listener);\r\n }, [timelineRef.current]);\r\n\r\n if (loading) {\r\n return\r\n {(...args) => renderWithHistory(...args)}\r\n \r\n );\r\n}\r\n\r\nTimelinePageWidget.propTypes = {\r\n params: PropTypes.object,\r\n};\r\n\r\nexport default TimelinePageWidget;\r\n","// https://github.com/MatAtBread/fast-async#runtimepattern\r\n// Note: At least one of the file(s) matching the \"runtimePattern\" must use either await or async\r\n// as the runtime function (or require('nodent-runtime') if you set \"useRuntimeModule\":true) is\r\n// only included for files that reference it.\r\n\"use runtime-nodent\";\r\n// fake async function to trigger inclusion of fast-async runtime.\r\n(async () => { });\r\n\r\nimport React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\n\r\nimport \"./polyfills.modern\";\r\nimport utils from \"./utils\";\r\nimport swAPI from \"./sw-api\";\r\n\r\nimport EnvContext from \"./context/env\";\r\n\r\nimport SocialIcons from \"./widgets/SocialIcons\";\r\nimport MatchStatsPageWidget from \"./widgets/MatchStats/MatchStatsPageWidget\";\r\nimport MatchListsPageWidget from \"./widgets/MatchList/MatchListsPageWidget\";\r\nimport PlayerStatsPageWidget from \"./widgets/PlayerStats/PlayerStatsPageWidget\";\r\nimport PenPicsPageWidget from \"./widgets/PenPics/PenPicsPageWidget\";\r\nimport CareerStatisticsPageWidget from \"./widgets/CareerStatistics/CareerStatisticsPageWidget\";\r\nimport CareerRecordsPageWidget from \"./widgets/CareerRecords/CareerRecordsPageWidget\";\r\nimport AppConfigPageWidget from \"./widgets/AppConfig/AppConfigPageWidget\";\r\nimport AdminPageWidget from \"./widgets/Admin/AdminPageWidget\";\r\nimport TimelinePageWidget from \"./widgets/Timeline/TimelinePageWidget\";\r\n\r\n// EXPORTS\r\n\r\nconst pages = {\r\n PlayerStatsPage: PlayerStatsPageWidget,\r\n MatchStatsPage: MatchStatsPageWidget,\r\n MatchListsPage: MatchListsPageWidget,\r\n PenPicsPage: PenPicsPageWidget,\r\n CareerStatisticsPage: CareerStatisticsPageWidget,\r\n CareerRecordsPage: CareerRecordsPageWidget,\r\n AdminPage: AdminPageWidget,\r\n TimelinePage: TimelinePageWidget,\r\n};\r\n\r\n// webpack will compile this in/out\r\nif (WTCC_FLAG_APP_CONFIG_FEATURE) {\r\n pages.AppConfigPage = AppConfigPageWidget;\r\n}\r\n\r\nfunction main(env) {\r\n Object.keys(pages).forEach((page) => {\r\n const Component = pages[page];\r\n pages[page] = {\r\n start(props, dom) {\r\n const component = (\r\n \r\n \r\n );\r\n ReactDOM.render(component, dom);\r\n },\r\n };\r\n });\r\n\r\n window.wtccGlobal = {\r\n utils,\r\n pages,\r\n };\r\n\r\n // webpack will compile this in/out\r\n if (WTCC_FLAG_APP_CONFIG_FEATURE) {\r\n swAPI.registerServiceWorker();\r\n swAPI.registerBeforeInstallPrompt();\r\n }\r\n}\r\n\r\n// __APP_CONFIG__ from webpack\r\nmain(__APP_CONFIG__);\r\n\r\nReactDOM.render(
\r\n {inlineIcon(FacebookIcon, \"https://www.facebook.com/WhenTheCockCrowedBook/\")}\r\n {inlineIcon(TwitterIcon, \"https://twitter.com/WhenCockCrowed\")}\r\n {inlineIcon(EmailIcon, \"mailto:whenthecockcrowed@gmail.com\")}\r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport qs from \"query-string\";\r\n\r\nimport { getPlayerKeyGenerators } from \"../../books\";\r\n\r\nexport default function PlayerLink({ player, playerKey, book, children }) {\r\n if (!playerKey && player) {\r\n const keyGenerators = getPlayerKeyGenerators(book);\r\n const { lineupPlayerKeyGenerator } = keyGenerators;\r\n playerKey = lineupPlayerKeyGenerator(player);\r\n }\r\n const params = {\r\n playerKey: playerKey,\r\n book: (book && book.key) || undefined,\r\n };\r\n const href = \"./player-stats.html?\" + qs.stringify(params);\r\n return {children};\r\n};\r\n\r\nPlayerLink.propTypes = {\r\n player: PropTypes.object,\r\n playerKey: PropTypes.string,\r\n book: PropTypes.object,\r\n children: PropTypes.node,\r\n};\r\n","export function intersperse(arr, item, opts) {\r\n opts = opts || {};\r\n\r\n function getItem(existingItem, i) {\r\n return typeof item === \"function\" ? item(arr, existingItem, i) : item;\r\n }\r\n\r\n const interspersed = arr.reduce((arr, existingItem, i) => {\r\n if (arr.length > 0) {\r\n arr.push(getItem(existingItem, i));\r\n }\r\n arr.push(existingItem);\r\n return arr;\r\n }, []);\r\n\r\n let arr2 = [];\r\n\r\n if (opts.addBefore === true) {\r\n arr2.push(getItem(null, -1));\r\n }\r\n\r\n arr2 = arr2.concat(interspersed);\r\n\r\n if (opts.addAfter === true) {\r\n arr2.push(getItem(null, arr.length));\r\n }\r\n\r\n return arr2;\r\n}\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport PlayerLink from \"../PlayerStats/PlayerLink\";\r\n\r\nimport { intersperse } from \"../../array\";\r\n\r\nclass MatchLineupRowWidget extends Component {\r\n constructor() {\r\n super();\r\n this.onClickPlayer1 = this.onClickPlayer1.bind(this);\r\n this.onClickPlayer2 = this.onClickPlayer2.bind(this);\r\n }\r\n\r\n onClickPlayer1() {\r\n if (this.props.onClick) {\r\n this.props.onClick.call(null, this.props.player1, this.props.number);\r\n }\r\n }\r\n\r\n onClickPlayer2() {\r\n if (this.props.onClick) {\r\n this.props.onClick.call(null, this.props.player2, this.props.number);\r\n }\r\n }\r\n\r\n reservesCell(reserves, home) {\r\n const cellClassName = home ? \"right\" : \"left\";\r\n return (\r\n , line2] : line1;\r\n }\r\n return line2 ? line1 + \" \" + line2 : line1;\r\n }\r\n\r\n const cellClassName = home ? \"right\" : \"left\";\r\n\r\n const span = (\r\n \r\n {playerToDom(player, this.props.narrowMode)}\r\n \r\n );\r\n const renderPlayerLink = renderPlayerLinkPredicate && renderPlayerLinkPredicate(player, home);\r\n return (\r\n
\r\n \r\n \r\n {this.renderPlayerRows(match, renderPlayerLinkPredicate, book)}\r\n {reservesOrSubsRow}\r\n {this.renderScorerRows(match, renderPlayerLinkPredicate, book)}\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nMatchLineupWidget.propTypes = {\r\n book: PropTypes.object,\r\n match: PropTypes.object,\r\n onLineupRowClicked: PropTypes.func,\r\n narrowMode: PropTypes.bool,\r\n};\r\n\r\nexport default MatchLineupWidget;\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport { dates } from \"../../utils\";\r\nimport MatchLineupWidget from \"./MatchLineupWidget\";\r\n\r\n\r\nconst MatchImage = ({ bookKey, matchDate }) => {\r\n const date = dates.parseDDMMYYYY(matchDate);\r\n\r\n // NOTE - This assumes there will be an appropriately named image in the timeline's img folder.\r\n // Move these images to a 'common' place as required.\r\n // But they are ok here for now.\r\n const filename = date.toISOString().substring(0, 10) + \".1.jpeg\";\r\n\r\n const imgSrc = `timeline/img/${bookKey}/${filename}`;\r\n\r\n // Make the image centred, with a maxWidth of the image's container,\r\n // and a maxHeight of half of the viewport height.\r\n return (\r\n \r\n 
\r\n
\r\n );\r\n};\r\n\r\nMatchImage.propTypes = {\r\n bookKey: PropTypes.string,\r\n matchDate: PropTypes.string,\r\n};\r\n\r\n\r\nclass MatchWidget extends Component {\r\n render() {\r\n const { book, match, prevLink, nextLink, onLineupRowClicked, narrowMode, playerKeyGenerator } = this.props;\r\n // console.log(\"MatchWidget\", book);\r\n\r\n const dateStr = match.date;\r\n const competitionStr = match.competition ? match.competition : \"\\u00A0\";\r\n const noop = function() { };\r\n const prevLinkClick = prevLink ? prevLink.onClick : noop;\r\n const nextLinkClick = nextLink ? nextLink.onClick : noop;\r\n\r\n const { team1, team2 } = match;\r\n const nameAndScore = `${team1.name} ${team1.score} - ${team2.score} ${team2.name}`;\r\n\r\n let misc = (\r\n \r\n Misc: {match.misc}\r\n
\r\n );\r\n\r\n // clear misc until we're sure we want it.\r\n misc = \"\";\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nMatchWidget.propTypes = {\r\n book: PropTypes.object,\r\n match: PropTypes.object,\r\n prevLink: PropTypes.object,\r\n nextLink: PropTypes.object,\r\n onLineupRowClicked: PropTypes.func,\r\n narrowMode: PropTypes.bool,\r\n playerKeyGenerator: PropTypes.func,\r\n};\r\n\r\nexport default MatchWidget;\r\n","export default async function loadIntoState(\r\n component,\r\n stateSupplier,\r\n loadingFlagName = \"loading\",\r\n errorStateName = \"loadingError\"\r\n) {\r\n try {\r\n component.setState({\r\n [loadingFlagName]: true,\r\n });\r\n const newState = await stateSupplier();\r\n console.log(\"loadIntoState\", newState);\r\n component.setState({\r\n ...newState,\r\n [loadingFlagName]: false,\r\n });\r\n } catch (err) {\r\n console.log(\"loadIntoState\", err);\r\n component.setState({\r\n [loadingFlagName]: false,\r\n [errorStateName]: err,\r\n });\r\n }\r\n};\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n/**\r\n * LoadingImage uses a data url so that the image is visible even for a slow network where the\r\n * loading image is not yet loaded/in cache.\r\n *\r\n * @param {object} component props.\r\n *\r\n * @return {function} Functional react component.\r\n */\r\nconst LoadingImage = ({ children, width = 20 }) => {\r\n // \"/img/loading.circles.gif\"\r\n // eslint-disable-next-line max-len\r\n const dataUrl = \"data:image/gif;base64,R0lGODlhEgASAMQaAHl5d66urMXFw3l5dpSUk5WVlKOjoq+vrsbGw6Sko7u7uaWlpbm5t3h4doiIhtLSz4aGhJaWlsbGxNHRzrCwr5SUkqKiobq6uNHRz4eHhf///wAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAaACwAAAAAEgASAAAFaqAmjmRplstyrkmbrCNFaUZtaFF0HvyhWRZNYVgwBY4BEmFJOB1NlYpJoYBpHI7RZXtZZb4ZEbd7AodFDIYVAjFJJCYA4ISoI0hyuUnAF2geDxoDgwMnfBoYiRgaDQ1WiIqPJBMTkpYaIQAAIfkEBQoAGgAsAQABABAAEAAABWSgJo4aRZEoeaxHOiqKFsyBtizopV9ynfwJ0o43MhgNKAYjZbGQJBLXKBLRIK4IaWFbEHgFUoKYoPFKRZUK6fFIORwojBxDytgzpDkdANDc8SQTExp8fBoQEGcDiwNnJA0NLiEAACH5BAUKABoALAEAAQAQABAAAAVloCaOmqKQKHmtVzpKksa2FIUiOKIxjHb8B5JgKCAFjgHUMHUkPR6u0WKhwVgx0YQ2ccW6DGCDZjKJiiwWEgCQikRQ6zWpQC+QBviBxuHQEP4EKA0NGhmGGRoVFWaHiGYjEBAuIQAAIfkEBQoAGgAsAQABABAAEAAABWSgJo6aJJEoiaxIOj6PJsyCpigopmNyff0X0o43AgZJk0mKwSABAK4RhaJ5PqOH7GHAHUQD4ICm0YiKwCSHI7VYoDLwDClBT5Di8khEY+gbUBAQGgWEBRoWFmYEiwRmJBUVLiEAACH5BAUKABoALAEAAQAQABAAAAVloCaO2vOQKImtWDoCgMa2koTCsDZNGuIjpIFwQBIYBahGI2UkORyukUKhyVgz0Yv2csW6thcNBBIVMRikSCRFoaAK8ALpQD+QCHiCZrHQBP4BKBUVGgmGCX6BUQaMBmUkFhYuIQAAIfkEBQoAGgAsAQABABAAEAAABWagJo4aAJAoaZrp6DjaIA/a86BZnmlNo2FADEm3GwWFJAgkNZmQIpHWSCLRFK4FKWKLIHgJUoFYoKlUpCIxabFIKRSohDxButgvJIPeoKFQNHd4JBYWGgeHBxoMDGgBjgFoJI4tIQAAIfkEBQoAGgAsAQABABAAEAAABWSgJo6a45Aoma1ZOkaRxrYAgBZ4oUGQVtckgpBAGhgHqEol1WiQFgvX6PHQJK4JKWaLMXgNWq7GYpGKJhMShZKSSFCH+IGEqCNIgXxAo1BoBIACKHkaF4YXf4JSh4hmIwwMLiEAACH5BAUKABoALAEAAQAQABAAAAVloCaOWhSRKFmsRToui0bMhOY4aKInWlVpmWCGZCgaSMIhyWJJQSAkCsU1AgA0h+yBarUGvgHqYDzQfKmiRoOkUKQeD9RlfiFh7hgSvS6RaPB5JAwMGgiGCBoTE2gCjQJoJI0uIQAAOw==\";\r\n return (\r\n <>\r\n | {prevLink ? prevLink.text : \"\"} | \r\n{dateStr} | \r\n {nextLink ? nextLink.text : \"\"} | \r\n
{nameAndScore}
\r\n{match.venue}
\r\n{competitionStr}
\r\n\r\n
\r\n {misc}\r\n this.container = r}>\r\n {this.props.children}\r\n
\r\n );\r\n }\r\n}\r\n\r\nWindowResizeWidget.propTypes = {\r\n children: PropTypes.node,\r\n resizeCategoryCallback: PropTypes.func,\r\n};\r\n\r\nexport default WindowResizeWidget;\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport findIndex from \"array-find-index\";\r\n\r\nimport MatchWidget from \"./MatchWidget\";\r\n\r\nimport loadIntoState from \"../loadIntoState\";\r\nimport LoadingImage from \"../LoadingImage\";\r\nimport History from \"../History\";\r\nimport MatchLink from \"../MatchStats/MatchLink\";\r\nimport { setBookForDate } from \"../../State\";\r\nimport WindowResizeWidget from \"../../WindowResizeWidget\";\r\nimport { wtcc, stillCrowing, dates } from \"../../utils\";\r\nimport ErrorWidget from \"../ErrorWidget\";\r\n\r\nclass MatchStatsPageWidget extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.resizeCategory = this.resizeCategory.bind(this);\r\n this.onHistoryChange = this.onHistoryChange.bind(this);\r\n\r\n this.state = {\r\n bookIdx: null,\r\n matchDate: null,\r\n narrowMode: null,\r\n matches: null,\r\n };\r\n }\r\n\r\n async onHistoryChange({ params }) {\r\n // console.log(\"MatchStatsPageWidget\", \"onHistoryChange\", location, params);\r\n const { books } = this.props;\r\n const matchDate = params.date ? this.queryDateToMatchDate(params.date) : null;\r\n console.log(matchDate);\r\n\r\n loadIntoState(this, async () => {\r\n const result = await setBookForDate(books, matchDate);\r\n return {\r\n ...result,\r\n matchDate: result.matchDate || result.matches[0].date,\r\n };\r\n });\r\n }\r\n\r\n queryDateToMatchDate(queryDate) {\r\n return dates.formatDDMMYYYY(dates.parseDDMMYYYY(queryDate, \"\"), \"/\");\r\n }\r\n\r\n matchDateToQueryDate(date) {\r\n return date.replace(/\\//g, \"\");\r\n }\r\n\r\n onClickNextPrev(e, delta, pushParams) {\r\n e.preventDefault();\r\n const { matches, matchDate } = this.state;\r\n const matchIdx = this.findMatch(matches, matchDate);\r\n if (matchIdx >= 0) {\r\n const newMatchIdx = matchIdx + delta;\r\n if (newMatchIdx !== matchIdx && newMatchIdx >= 0 && newMatchIdx < matches.length) {\r\n const matchDate = matches[newMatchIdx].date;\r\n const queryDate = this.matchDateToQueryDate(matchDate);\r\n pushParams({ date: queryDate });\r\n }\r\n }\r\n }\r\n\r\n findMatch(matches, date) {\r\n // [].find not supported by IE.\r\n return findIndex(matches, (match) => match.date === date);\r\n }\r\n\r\n resizeCategory(width) {\r\n const NARROW_MODE_LIMIT = 450;\r\n const newNarrowMode = (width < NARROW_MODE_LIMIT);\r\n if (newNarrowMode !== this.state.narrowMode) {\r\n this.setState({\r\n narrowMode: newNarrowMode,\r\n });\r\n }\r\n }\r\n\r\n renderWithHistory({ pushParams }) {\r\n const { bookIdx, matches, matchDate, loading, loadingError } = this.state;\r\n const { books } = this.props;\r\n\r\n if (loadingError) {\r\n return \r\n
\r\n );\r\n }\r\n\r\n const prevLink = (matchIdx > 0) ? {\r\n text: \"Prev\",\r\n onClick: (e) => this.onClickNextPrev(e, -1, pushParams),\r\n } : null;\r\n\r\n const nextLink = (matchIdx < matches.length - 1) ? {\r\n text: \"Next\",\r\n onClick: (e) => this.onClickNextPrev(e, 1, pushParams),\r\n } : null;\r\n\r\n return (\r\n Match with date {`\"${matchDate}\"`} not found.
\r\nThe following link will take you to the first match -
\r\n
\r\n {date}
\r\n\r\n {books.map((book, i) => (\r\n {\r\n e.preventDefault();\r\n onClick && onClick(book.key, i);\r\n }}\r\n >
\r\n );\r\n}\r\n\r\nBookIconLinks.propTypes = {\r\n books: PropTypes.array,\r\n selectedBookKey: PropTypes.string,\r\n onClick: PropTypes.func,\r\n height: PropTypes.string,\r\n};\r\n\r\nexport default BookIconLinks;\r\n","export function isUndefined(it) {\r\n return typeof it === \"undefined\";\r\n}\r\n\r\nexport function isNull(it) {\r\n return it === null;\r\n}\r\n\r\nexport function isUndefinedOrNull(it) {\r\n return isUndefined(it) || isNull(it);\r\n}\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport MatchListWidget from \"./MatchListWidget\";\r\n\r\nimport loadIntoState from \"../loadIntoState\";\r\nimport ErrorWidget from \"../ErrorWidget\";\r\nimport LoadingImage from \"../LoadingImage\";\r\nimport History from \"../History\";\r\nimport { setBook } from \"../../State\";\r\nimport BookIconLinks from \"../BookIconLinks\";\r\n\r\n/**\r\n * This component is responsible for switching between match lists.\r\n *\r\n * It is given a books array which is formed of { key, name, matchDataUrl }.\r\n *\r\n * The name is what is used as the link text for switching between match lists.\r\n *\r\n * The matchDataUrl is used to get the match list data.\r\n */\r\nclass MatchListsPageWidget extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.onHistoryChange = this.onHistoryChange.bind(this);\r\n\r\n this.state = {\r\n bookIdx: null,\r\n bookKey: null,\r\n matches: null,\r\n };\r\n }\r\n\r\n async onHistoryChange({ params }) {\r\n // console.log(\"MatchListsPageWidget\", \"onHistoryChange\", location, params);\r\n const { books } = this.props;\r\n const bookKey = params.book || books[0].key;\r\n\r\n loadIntoState(this, async () => {\r\n const result = await setBook(books, bookKey);\r\n this.setState({\r\n ...result,\r\n bookKey,\r\n });\r\n });\r\n }\r\n\r\n onBookClick(newBookKey, pushParams) {\r\n const { bookKey } = this.state;\r\n if (newBookKey !== bookKey) {\r\n pushParams({ book: newBookKey });\r\n }\r\n }\r\n\r\n renderWithHistory({ pushParams }) {\r\n const { bookIdx, matches, loading, loadingError } = this.state;\r\n const { books } = this.props;\r\n const book = books[bookIdx];\r\n\r\n let mainComponent = \"\";\r\n if (loadingError) {\r\n mainComponent = {book.name}
\r\n\r\n this.onBookClick(key, pushParams)} />\r\n {mainComponent}\r\n
\r\n );\r\n }\r\n\r\n render() {\r\n // console.log(\"MatchListsPageWidget\", \"render\", \"props\", this.props, \"state\", this.state);\r\n return (\r\n :\r\n null;\r\n }\r\n}\r\n\r\nPenPicImg.propTypes = {\r\n penPicImgUrl: PropTypes.string,\r\n width: PropTypes.number,\r\n height: PropTypes.number,\r\n};\r\n\r\nexport default PenPicImg;\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport PenPicLink from \"../PenPics/PenPicLink\";\r\nimport PenPicImg from \"../PenPics/PenPicImg\";\r\nimport MatchLink from \"../MatchStats/MatchLink\";\r\n\r\nimport { MatchUtils } from \"../../utils\";\r\nimport { getPlayerKeyGenerators } from \"../../books\";\r\n\r\nfunction scoreDom(value, className, showZero = false) {\r\n return (value || showZero) ? (\r\n {value}\r\n ) : \"\";\r\n}\r\n\r\nclass AppearanceRow1 extends Component {\r\n render() {\r\n const { idx, appearance, renderMatchLink } = this.props;\r\n return (\r\n {this.props.year}
| \r\n | Date | \r\nVersus/Venue | \r\nT | \r\nG | \r\nDG | \r\n
|---|---|---|---|---|---|
| Totals | \r\n{scoreDom(sum(stats, \"tries\"), \"num-tries\", true)} | \r\n{scoreDom(sum(stats, \"goals\"), \"num-goals\", true)} | \r\n{scoreDom(sum(stats, \"drops\"), \"num-drops\", true)} | \r\n
\r\n Pen Pic \r\n {this.renderPlayerStats(stats)}\r\n
\r\n );\r\n }\r\n}\r\n\r\nPlayerStatsWidget.propTypes = {\r\n book: PropTypes.object,\r\n renderMatchLinks: PropTypes.bool,\r\n penPicImgUrl: PropTypes.object,\r\n matches: PropTypes.array,\r\n playerKey: PropTypes.string,\r\n playerName: PropTypes.string,\r\n};\r\n\r\nexport default PlayerStatsWidget;\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport PlayerStatsWidget from \"./PlayerStatsWidget\";\r\n\r\nimport loadIntoState from \"../loadIntoState\";\r\nimport LoadingImage from \"../LoadingImage\";\r\nimport History from \"../History\";\r\nimport { setBookAndPlayer } from \"../../State\";\r\nimport { getPlayerKeyGenerators } from \"../../books\";\r\nimport { PlayerUtils } from \"../../utils\";\r\nimport ErrorWidget from \"../ErrorWidget\";\r\n\r\nclass PlayerStatsPageWidget extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.onHistoryChange = this.onHistoryChange.bind(this);\r\n\r\n this.state = {\r\n bookIdx: null,\r\n bookKey: null,\r\n keysToFullNames: null,\r\n matches: null,\r\n penPicsData: null,\r\n penPicsImgs: null,\r\n playerKey: null,\r\n };\r\n }\r\n\r\n async onHistoryChange({ params }) {\r\n // console.log(\"PlayerStatsPageWidget\", \"onHistoryChange\", location, params);\r\n const { books } = this.props;\r\n const bookKey = params.book || books[0].key;\r\n const playerKey = params.playerKey || null;\r\n\r\n loadIntoState(this, async () => {\r\n const result = await setBookAndPlayer(books, bookKey, playerKey);\r\n const generatePlayerKey = () => {\r\n const { penPicsPlayerKeyGenerator } = getPlayerKeyGenerators(books[result.bookIdx]);\r\n return penPicsPlayerKeyGenerator(result.penPicsData[0]);\r\n };\r\n this.setState({\r\n ...result,\r\n playerKey: result.playerKey || generatePlayerKey(),\r\n playerIdx: (result.playerKey && result.playerIdx) || 0,\r\n });\r\n });\r\n }\r\n\r\n // eslint-disable-next-line no-unused-vars\r\n renderWithHistory({ pushParams }) {\r\n const { books } = this.props;\r\n const {\r\n bookIdx, keysToFullNames, matches, penPicsData, penPicsImgs, playerKey,\r\n loading, loadingError,\r\n } = this.state;\r\n\r\n let mainComponent = \"\";\r\n if (loadingError) {\r\n mainComponent = {playerName || player.name}
\r\n\r\n {mainComponent}\r\n
\r\n );\r\n }\r\n\r\n render() {\r\n // console.log(\"PlayerStatsPageWidget\", \"render\", \"props\", this.props, \"state\", this.state);\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nPenPicWidget.propTypes = {\r\n book: PropTypes.object,\r\n onPrevClick: PropTypes.func,\r\n onNextClick: PropTypes.func,\r\n penPicData: PropTypes.object,\r\n penPicImg: PropTypes.string,\r\n playerName: PropTypes.string,\r\n showPrevLink: PropTypes.bool,\r\n showNextLink: PropTypes.bool,\r\n};\r\n\r\nexport default PenPicWidget;\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport PenPicWidget from \"./PenPicWidget\";\r\n\r\nimport LoadingImage from \"../LoadingImage\";\r\nimport History from \"../History\";\r\nimport { getPlayerKeyGenerators } from \"../../books\";\r\nimport { setBookAndPlayer } from \"../../State\";\r\nimport { PlayerUtils } from \"../../utils\";\r\nimport ErrorWidget from \"../ErrorWidget\";\r\nimport loadIntoState from \"../loadIntoState\";\r\nimport BookIconLinks from \"../BookIconLinks\";\r\n\r\n/**\r\n * This component is responsible for switching between the Pen Pics of each book.\r\n *\r\n * It is given a books array which is formed of { key, name, penPicsDataUrl, penPicsImgsUrl }.\r\n *\r\n * The name is what is used as the link text for switching between pen pic data.\r\n *\r\n * The penPicsDataUrl and penPicsImgsUrl are used to get the pen pic data.\r\n *\r\n * The state is driven by the browser history (URL). We use history.push() which causes the\r\n * history listener to fire, and we drive the component state from that.\r\n */\r\nclass PenPicsPageWidget extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.onHistoryChange = this.onHistoryChange.bind(this);\r\n\r\n this.state = {\r\n bookIdx: null,\r\n bookKey: null,\r\n keysToFullNames: null,\r\n playerKey: null,\r\n playerIdx: null,\r\n penPicsData: null,\r\n penPicsImgs: null,\r\n };\r\n }\r\n\r\n async onHistoryChange({ params }) {\r\n // console.log(\"PlayerStatsPageWidget\", \"onHistoryChange\", location, params);\r\n const { books } = this.props;\r\n const bookKey = params.book || books[0].key;\r\n const playerKey = params.playerKey || null;\r\n\r\n loadIntoState(this, async () => {\r\n const result = await setBookAndPlayer(books, bookKey, playerKey);\r\n const generatePlayerKey = () => {\r\n const { penPicsPlayerKeyGenerator } = getPlayerKeyGenerators(books[result.bookIdx]);\r\n return penPicsPlayerKeyGenerator(result.penPicsData[0]);\r\n };\r\n this.setState({\r\n ...result,\r\n playerKey: result.playerKey || generatePlayerKey(),\r\n playerIdx: (result.playerKey && result.playerIdx) || 0,\r\n });\r\n });\r\n }\r\n\r\n nextPrevClick(e, delta, pushParams) {\r\n e.preventDefault();\r\n\r\n const { bookIdx, playerIdx, penPicsData } = this.state;\r\n\r\n const newPlayerIdx = playerIdx + delta;\r\n if (newPlayerIdx < 0 || newPlayerIdx >= penPicsData.length) {\r\n // Should never happen\r\n console.error(`nextPrevClick called with newPlayerIdx=${newPlayerIdx} < 0 or >= ${penPicsData.length}`);\r\n return;\r\n }\r\n\r\n const { books } = this.props;\r\n const book = books[bookIdx];\r\n\r\n const playerKeyGenerator = getPlayerKeyGenerators(book).penPicsPlayerKeyGenerator;\r\n const playerKey = playerKeyGenerator(penPicsData[newPlayerIdx]);\r\n pushParams({ playerKey });\r\n }\r\n\r\n onPrevClick(e, pushParams) {\r\n this.nextPrevClick(e, -1, pushParams);\r\n }\r\n\r\n onNextClick(e, pushParams) {\r\n this.nextPrevClick(e, 1, pushParams);\r\n }\r\n\r\n onBookClick(newBookKey, pushParams) {\r\n const { bookKey } = this.state;\r\n if (newBookKey !== bookKey) {\r\n pushParams({ book: newBookKey, playerKey: undefined });\r\n }\r\n }\r\n\r\n renderWithHistory({ pushParams }) {\r\n // console.log(\"PenPicsPageWidget\", \"renderWithHistory\", this.state);\r\n const { bookIdx, keysToFullNames, playerIdx, penPicsData, penPicsImgs, loading, loadingError } = this.state;\r\n const { books } = this.props;\r\n const book = books[bookIdx];\r\n\r\n let mainComponent = \"\";\r\n if (loadingError) {\r\n mainComponent = \r\n
\r\n {displayName}
\r\n\r\n {showPrevLink ?\r\n onPrevClick(e, -1, null)}>prev :\r\n null}\r\n {showPrevLink && showNextLink ? \" | \" : null}\r\n {showNextLink ?\r\n onNextClick(e, 1, null)}>next :\r\n null}\r\n
\r\n \r\n
\r\n \r\n {penPicData.text.map((line, i) =>
\r\n {line}
)}\r\n \r\n Match Stats \r\n
\r\n {book.name}
\r\n\r\n this.onBookClick(key, pushParams)} />\r\n {mainComponent}\r\n
\r\n );\r\n }\r\n\r\n render() {\r\n // console.log(\"PenPicsPageWidget\", \"render\", \"props\", this.props, \"state\", this.state);\r\n return (\r\n ;\r\n return intersperse(widgets, brSupplier);\r\n }\r\n\r\n players(playerList, book) {\r\n return playerList.map((playerAndMatches, i) => {\r\n const { player, matches } = playerAndMatches;\r\n\r\n const yearKeys = Object.keys(matches);\r\n const matchArr = yearKeys.reduce((arr, year) => arr.concat(matches[year]), []);\r\n\r\n // Don't return an element for a player with zero matches.\r\n // This may occur when a player only features as a non-playing sub (Stormy Sixties).\r\n if (matchArr.length === 0) {\r\n return null;\r\n }\r\n\r\n const allStats = MatchUtils.getPlayerStatsForMatches(matchArr, player, FRANCE_TEAM_NAMES);\r\n // Use book.key in the component key so React doesn't try to reconcile wtcc rows with\r\n // still-crowing rows.\r\n // Instead, we want React to treat the nodes as completely different, and replace old TR\r\n // nodes with new TR nodes.\r\n return [\r\n
{this.playerContent(player, matches)}
| NAME | \r\nP | \r\nT | \r\nG | \r\nDg | \r\nPts | \r\n
|---|
{book.name}
\r\n\r\n this.onBookClick(key, pushParams)} />\r\n {mainComponent}\r\n
\r\n );\r\n }\r\n\r\n render() {\r\n // console.log(\"CareerStatisticsPageWidget\", \"render\", \"props\", this.props, \"state\", this.state);\r\n return (\r\n | \r\n | NAME | \r\n\r\n |
|---|
\r\n {children}\r\n
\r\n);\r\n\r\nStatTypeLink.propTypes = {\r\n children: PropTypes.node,\r\n onClick: PropTypes.func,\r\n};\r\n\r\nclass CareerRecordsWidget extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n }\r\n\r\n onStatTypeLinkClick(e, statType) {\r\n e.preventDefault();\r\n this.setState({ statType });\r\n }\r\n\r\n render() {\r\n const {\r\n matches,\r\n heading,\r\n filterByMatchTeamPlayer,\r\n listSize = 15,\r\n renderPlayerLink,\r\n lineupPlayerKeyGenerator,\r\n } = this.props;\r\n\r\n const lists = careerRecordsLists(matches, {\r\n listSize,\r\n filterByMatchTeamPlayer(match, team, player) {\r\n return isFrance(team.name) && filterByMatchTeamPlayer(match, team, player);\r\n },\r\n lineupPlayerKeyGenerator,\r\n });\r\n\r\n const statType = this.state.statType || \"matches\";\r\n const playerList = lists[statType];\r\n\r\n return (\r\n \r\n
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nCareerRecordsWidget.propTypes = {\r\n matches: PropTypes.array,\r\n heading: PropTypes.node,\r\n filterByMatchTeamPlayer: PropTypes.func,\r\n listSize: PropTypes.number,\r\n renderPlayerLink: PropTypes.func,\r\n lineupPlayerKeyGenerator: PropTypes.func,\r\n};\r\n\r\nexport default CareerRecordsWidget;\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport CareerRecordsWidget from \"./CareerRecordsWidget2\";\r\n\r\nimport loadIntoState from \"../loadIntoState\";\r\nimport ErrorWidget from \"../ErrorWidget\";\r\nimport LoadingImage from \"../LoadingImage\";\r\nimport History from \"../History\";\r\nimport PlayerLink from \"../PlayerStats/PlayerLink\";\r\nimport { intersperse } from \"../../array\";\r\nimport { setBook } from \"../../State\";\r\nimport { getPlayerKeyGenerators } from \"../../books\";\r\nimport { PlayerUtils } from \"../../utils\";\r\nimport BookIconLinks from \"../BookIconLinks\";\r\n\r\nconst views = {\r\n \"wtcc\": [\r\n {\r\n heading: \"1934-39\",\r\n // eslint-disable-next-line no-unused-vars\r\n filterByMatchTeamPlayer: function(match, team, player) {\r\n // DD/MM/YYYY\r\n const year = parseInt(match.date.split(\"/\")[2]);\r\n return year >= 1934 && year <= 1939;\r\n },\r\n lineupPlayerKeyGenerator: getPlayerKeyGenerators(\"wtcc\").lineupPlayerKeyGenerator,\r\n },\r\n {\r\n heading: \"1946-51\",\r\n // eslint-disable-next-line no-unused-vars\r\n filterByMatchTeamPlayer: function(match, team, player) {\r\n // DD/MM/YYYY\r\n const year = parseInt(match.date.split(\"/\")[2]);\r\n return year >= 1946 && year <= 1951;\r\n },\r\n lineupPlayerKeyGenerator: getPlayerKeyGenerators(\"wtcc\").lineupPlayerKeyGenerator,\r\n },\r\n {\r\n heading: \"ALL (1934-51)\",\r\n filterByMatchTeamPlayer: () => true,\r\n lineupPlayerKeyGenerator: getPlayerKeyGenerators(\"wtcc\").lineupPlayerKeyGenerator,\r\n },\r\n ],\r\n // null here implies no heading and all data should be used.\r\n \"still-crowing\": [\r\n {\r\n heading: \"ALL (1951-60)\",\r\n filterByMatchTeamPlayer: () => true,\r\n lineupPlayerKeyGenerator: getPlayerKeyGenerators(\"still-crowing\").lineupPlayerKeyGenerator,\r\n },\r\n ],\r\n // null here implies no heading and all data should be used.\r\n \"stormy-sixties\": [\r\n {\r\n heading: \"ALL (1960-69)\",\r\n filterByMatchTeamPlayer: () => true,\r\n lineupPlayerKeyGenerator: getPlayerKeyGenerators(\"stormy-sixties\").lineupPlayerKeyGenerator,\r\n },\r\n ],\r\n};\r\n\r\nfunction ViewLink(props) {\r\n const { view, onClick } = props;\r\n return {view.heading};\r\n}\r\n\r\nViewLink.propTypes = {\r\n view: PropTypes.object,\r\n onClick: PropTypes.func,\r\n};\r\n\r\nclass CareerRecordsPageWidget extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.onHistoryChange = this.onHistoryChange.bind(this);\r\n\r\n this.state = {\r\n bookIdx: null,\r\n bookKey: null,\r\n keysToFullNames: null,\r\n matches: null,\r\n viewIdx: null,\r\n };\r\n }\r\n\r\n async onHistoryChange({ params }) {\r\n // console.log(\"CareerRecordsPageWidget\", \"onHistoryChange\", location, params);\r\n const { books } = this.props;\r\n const bookKey = params.book || books[0].key;\r\n\r\n loadIntoState(this, async () => {\r\n const result = await setBook(books, bookKey);\r\n this.setState({\r\n ...result,\r\n bookKey,\r\n });\r\n });\r\n }\r\n\r\n onViewLinkClick(e, viewIdx) {\r\n e.preventDefault();\r\n this.setState({ viewIdx });\r\n }\r\n\r\n onBookClick(newBookKey, pushParams) {\r\n const { bookKey } = this.state;\r\n if (newBookKey !== bookKey) {\r\n pushParams({ book: newBookKey });\r\n }\r\n }\r\n\r\n renderWithHistory({ pushParams }) {\r\n const { bookIdx, matches, viewIdx, keysToFullNames, loading, loadingError } = this.state;\r\n const { books } = this.props;\r\n const book = books[bookIdx];\r\n\r\n let mainComponent = \"\";\r\n if (loadingError) {\r\n mainComponent = {heading}
\r\n\r\n\r\n this.onStatTypeLinkClick(e, \"matches\")}>Apps \r\n this.onStatTypeLinkClick(e, \"tries\")}>Tries \r\n this.onStatTypeLinkClick(e, \"goals\")}>Goals \r\n this.onStatTypeLinkClick(e, \"pts\")}>Points \r\n
\r\n\r\n \r\n\r\n
{intersperse(links, \" | \")}
;\r\n }\r\n\r\n // Use view of viewIdx (if it exists) or default view.\r\n const view = viewsForBook[viewIdx] || viewsForBook[0];\r\n\r\n const playerKeyGenerators = getPlayerKeyGenerators(book);\r\n const renderPlayerLink = (player) => {\r\n const playerKey = playerKeyGenerators.lineupPlayerKeyGenerator(player);\r\n const fullName = PlayerUtils.playerFullName(keysToFullNames, playerKeyGenerators, playerKey);\r\n const playerName = `${fullName.firstName} ${fullName.lastName}`;\r\n return {book.name}
\r\n {linkDiv}\r\n\r\n this.onBookClick(key, pushParams)} />\r\n {mainComponent}\r\n
\r\n );\r\n }\r\n\r\n render() {\r\n // console.log(\"CareerRecordsPageWidget\", \"render\", \"props\", this.props, \"state\", this.state);\r\n return (\r\n Add to Home Screen
\r\n\r\n In supported browsers/devices, this site can be added to your Home Screen. If we can\r\n determine that you can add this site to your home screen, we will add an Add to\r\n Home Screen icon in the right hand side of the title bar. This icon looks like:\r\n
\r\n\r\n
\r\n Clicking on this icon will ask for your permission to add the site to your home screen. If permission\r\n is granted, an icon for the site will be added to your home screen.\r\n
\r\nThis feature is only widely supported on Android, by the Chrome, Firefox and Opera browsers.
\r\n \r\n );\r\n }\r\n}\r\n\r\nAddToHomeScreenWidget.propTypes = {\r\n};\r\n\r\nexport default AddToHomeScreenWidget;\r\n","import React, { Component } from \"react\";\r\n\r\nimport ErrorWidget from \"../ErrorWidget\";\r\nimport { clearOfflineCaches, isOfflineCacheBeingUsed, populateOfflineCache } from \"../../services/offline-cache\";\r\nimport { isOfflineCacheSupported } from \"../../feature-test\";\r\nimport { Cross, Tick } from \"../Checks\";\r\n\r\nclass OfflineCacheWidget extends Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n offlineCacheSupported: false,\r\n offlineCacheInUse: null,\r\n populateCacheResult: null,\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n const offlineCacheSupported = isOfflineCacheSupported();\r\n\r\n if (!offlineCacheSupported) {\r\n return this.setState({\r\n offlineCacheSupported,\r\n });\r\n }\r\n\r\n try {\r\n const offlineCacheInUse = await isOfflineCacheBeingUsed();\r\n this.setState({\r\n offlineCacheInUse,\r\n offlineCacheSupported: true,\r\n });\r\n } catch (err) {\r\n console.error(err);\r\n }\r\n }\r\n\r\n populateAppCache() {\r\n return populateOfflineCache()\r\n .then((response) => {\r\n const populateCacheResult = `Success! Cached ${response.cachedResources.length} resources.`\r\n + ` Now the site can work offline.`;\r\n this.setState({\r\n populateCacheResult,\r\n offlineCacheInUse: true,\r\n });\r\n });\r\n }\r\n\r\n clearAppCache() {\r\n const plural = (s, num, postfix = \"s\") => s + (num > 1 ? postfix : \"\");\r\n return clearOfflineCaches()\r\n .then((response) => this.setState({\r\n populateCacheResult: `Success! Cleared ${response.length} ${plural(\"cache\", response.length)}.\r\n You will no longer be able to use the site offline.`,\r\n offlineCacheInUse: false,\r\n }));\r\n }\r\n\r\n // eslint-disable-next-line no-unused-vars\r\n toggleUseOfflineCache(e) {\r\n const { offlineCacheInUse } = this.state;\r\n const toggle = () => {\r\n const promise = offlineCacheInUse ? this.clearAppCache() : this.populateAppCache();\r\n return promise\r\n .catch((err) => this.setState({\r\n populateCacheResult: `Error! ${err.message}. A possible reason for this is that you are currently offline.`,\r\n }));\r\n };\r\n this.setState({\r\n populateCacheResult: \"Updating cache...\",\r\n }, toggle);\r\n }\r\n\r\n renderSupported() {\r\n const { offlineCacheInUse } = this.state;\r\n return (\r\n <>\r\n{offlineCacheInUse ?
Use the following button to set your preference.
\r\n\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n renderNotSupported() {\r\n return (\r\n\r\n
\r\n );\r\n }\r\n\r\n render() {\r\n const { populateCacheResult } = this.state;\r\n return (\r\n <>\r\n Offline Cache
\r\n\r\n The site can cache its resources so you can browse the site's information even when\r\n you are offline. Some resources (like Pen Pic images, the sample chapter and the\r\n timeline) may still be unavailable though.\r\n
\r\n {isOfflineCacheSupported() ? this.renderSupported() : this.renderNotSupported()}\r\n\r\n {\r\n populateCacheResult instanceof Error\r\n ?
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nWithDefaultPermission.propTypes = {\r\n onPermissionChange: PropTypes.func,\r\n};\r\n\r\nconst WithDeniedPermission = () => {\r\n return (\r\n <>\r\nIf you want to enable notifications for this site, you will have to use your\r\n browser's settings to reset this permission. The following instructions may help:
\r\n- \r\n
- Chrome - {\" \"}\r\n \r\n Turn notifications on or off\r\n .\r\n \r\n
- Firefox - {\" \"}\r\n \r\n How do I revoke Web Push permissions for a specific site?\r\n .\r\n
Instead of clicking \"Remove Website\", change the status from \"Block\" to \"Allow\".\r\n \r\n
Real notifications will only be sent to you if you also subscribe.
\r\n {\r\n subscribed === null\r\n ?Waiting for subscription status...
\r\n : <>\r\n\r\n {subscribed ?
\r\n
{testNotificationError.message || String(testNotificationError)}
\r\n : null\r\n }\r\n \r\n );\r\n }\r\n}\r\n\r\nWithGrantedPermission.propTypes = {\r\n // to override the default notifications [un]subscribe URL\r\n subscribeUrl: PropTypes.string,\r\n unsubscribeUrl: PropTypes.string,\r\n};\r\n\r\nclass NotificationsWidget extends Component {\r\n renderSupported() {\r\n const { env } = this.props;\r\n\r\n let body = null;\r\n\r\n if (Notification.permission === \"default\") {\r\n // eslint-disable-next-line no-unused-vars\r\n body =\r\n The site can currently send notifications\r\n
- \r\n
- on the date that a player was born \r\n
- on the date a match was played \r\n
These notifications are clickable, and clicking will open the respective page on the website for further info.
\r\nThe notifications appear as standard device notifications, like the following Android and Windows notifications:
\r\n\r\n ![](\"img/notification-example-android.jpg\" "\\"Notification")
\r\n
\r\n![](\"img/notification-example-windows.jpg\" "\\"Notification")
\r\n
\r\n \r\n \r\n
\r\n \r\n In order to receive notifications from this site, you first need to grant permission\r\n for this site to use notifications, and secondly subscribe to the notifications.\r\n
\r\n {body}\r\n \r\n );\r\n }\r\n\r\n return \"We could not determine your notification permission status.\";\r\n }\r\n\r\n renderUnsupported() {\r\n return (\r\n\r\n
\r\n );\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n Notifications
\r\n {\r\n isNotificationsSupported() && isPushMessagesSupported()\r\n ? this.renderSupported()\r\n : this.renderUnsupported()\r\n }\r\n \r\n );\r\n }\r\n}\r\n\r\nNotificationsWidget.propTypes = {\r\n env: PropTypes.object,\r\n};\r\n\r\nexport default withEnv(NotificationsWidget);\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport AddToHomeScreenWidget from \"./AddToHomeScreenWidget\";\r\nimport OfflineCacheWidget from \"./OfflineCacheWidget\";\r\nimport NotificationsWidget from \"./NotificationsWidget\";\r\n\r\nimport { withEnv } from \"../../context/env\";\r\n\r\nclass AppConfigPageWidget extends Component {\r\n render() {\r\n const { env } = this.props;\r\n console.log(\"AppConfigPageWidget\", \"env\", env);\r\n return (\r\n <>\r\n\r\n Welcome to the When The Cock Crowed App Config page. If your browser supports the necessary\r\n features, this page can be used to configure an enhanced experience of the When The Cock Crowed web\r\n site.\r\n
\r\nOlder browsers, such as IE 11, are not capable of supporting these features.
\r\n\r\n Sometimes the app needs updating. If this happens, you will see an \"Update App\" menu item appear in the menu\r\n - click this menu item to update.\r\n
\r\n\r\n
{location.host}
\r\n{navigator.userAgent}
\r\n \r\n );\r\n }\r\n}\r\n\r\nAppConfigPageWidget.propTypes = {\r\n env: PropTypes.object,\r\n};\r\n\r\nexport default withEnv(AppConfigPageWidget);\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nclass AdminPageWidget extends Component {\r\n state = {};\r\n\r\n async componentDidMount() {\r\n try {\r\n const it = await import(/* webpackChunkName: \"AdminWidget\" */ \"./AdminWidget\");\r\n console.log(it);\r\n const { default: AdminWidget } = it;\r\n this.setState({ AdminWidget });\r\n } catch (err) {\r\n console.error(err);\r\n }\r\n }\r\n\r\n render() {\r\n const { AdminWidget } = this.state;\r\n if (!AdminWidget) {\r\n return \"AdminWidget not loaded\";\r\n }\r\n return([^\\d]+)(\\d+)/.exec(summary);\r\n if (!exec) {\r\n return null;\r\n }\r\n return {\r\n team1: exec[1].trim(),\r\n score1: exec[2].trim(),\r\n team2: exec[3].trim(),\r\n score2: exec[4].trim(),\r\n };\r\n }\r\n\r\n getMarkerHeadline(team1, score1, team2, score2) {\r\n const match = {\r\n team1: { name: team1, score: score1 },\r\n team2: { name: team2, score: score2 },\r\n };\r\n let france = match.team1;\r\n let oppo = match.team2;\r\n if (match.team2.name === \"France\") {\r\n france = match.team2;\r\n oppo = match.team1;\r\n }\r\n let result = \"D\";\r\n if (oppo.score !== france.score) {\r\n result = (oppo.score > france.score) ? \"L\" : \"W\";\r\n }\r\n const maxScore = Math.max(france.score, oppo.score);\r\n const minScore = Math.min(france.score, oppo.score);\r\n const score = maxScore + \"-\" + minScore;\r\n const headline = result + \" \" + score + \" v \" + oppo.name;\r\n return headline;\r\n }\r\n\r\n addFlags() {\r\n this.timelineData.events.forEach((e) => {\r\n const flags = {\r\n \"Australia\": \"https://upload.wikimedia.org/wikipedia/en/b/b9/Flag_of_Australia.svg\",\r\n \"England\": \"https://upload.wikimedia.org/wikipedia/en/b/be/Flag_of_England.svg\",\r\n \"New Zealand\": \"https://upload.wikimedia.org/wikipedia/commons/3/3e/Flag_of_New_Zealand.svg\",\r\n \"Wales\": \"https://upload.wikimedia.org/wikipedia/commons/d/dc/Flag_of_Wales.svg\",\r\n };\r\n const match = this.parseMatchSummary(e.text.headline);\r\n const oppo = (\"France\" === match.team1) ? match.team2 : match.team1;\r\n const flag = flags[oppo];\r\n e.media.thumbnail = flag;\r\n });\r\n }\r\n\r\n /*\r\n * Horrible hack to have different marker header to slide header.\r\n */\r\n _patchTimeMarkerData(callback) {\r\n const TL = this.TL;\r\n const init = TL.TimeMarker.prototype.initialize;\r\n TL.TimeMarker.prototype.initialize = function(...args) {\r\n // Replace original data with whatever the callback returns.\r\n const [data] = args;\r\n const data2 = callback.call(this, data);\r\n args[0] = data2;\r\n return init.apply(this, args);\r\n };\r\n }\r\n\r\n patchTimeMarkerData() {\r\n this._patchTimeMarkerData((data) => {\r\n const match = this.parseMatchSummary(data.text.headline);\r\n if (!match) {\r\n return data;\r\n }\r\n const headline = this.getMarkerHeadline(match.team1, match.score1, match.team2, match.score2);\r\n\r\n const TL = this.TL;\r\n const data2 = TL.Util.mergeData({}, data);\r\n data2.text = TL.Util.mergeData({}, data2.text);\r\n data2.text.headline = headline;\r\n return data2;\r\n });\r\n }\r\n\r\n setHeight() {\r\n const embed = this.timelineContainerElement;\r\n // #sb-site padding-top=50, padding-bottom=30\r\n // .content-inner padding-top=8, padding-bottom=8\r\n const heightAdjustment = 50 + 30 + 8 + 8;\r\n embed.style.height = (parseInt(getComputedStyle(document.body).height, 10)) - heightAdjustment + \"px\";\r\n }\r\n\r\n onWindowResize(e) {\r\n this.setHeight();\r\n this.timeline.updateDisplay();\r\n }\r\n}\r\n\r\nfunction TimelineWidget({ book, githash }) {\r\n const timelineContainerRef = React.useRef(null);\r\n const timelineRef = React.useRef(null);\r\n\r\n const {\r\n data,\r\n error,\r\n loading,\r\n } = useJSONData(\"./timeline/\" + book + \".timeline.json?hash=\" + githash);\r\n\r\n React.useEffect(() => {\r\n console.log(\"useEffect\", data);\r\n\r\n if (data && !loading) {\r\n timelineRef.current = new Timeline();\r\n timelineRef.current.initialize(timelineContainerRef.current, data);\r\n }\r\n }, [data, loading, timelineContainerRef.current]);\r\n\r\n React.useEffect(() => {\r\n const listener = (e) => timelineRef.current && timelineRef.current.onWindowResize(e);\r\n window.addEventListener(\"resize\", listener);\r\n return () => window.removeEventListener(\"resize\", listener);\r\n }, [timelineRef.current]);\r\n\r\n if (loading) {\r\n return
Loading timeline...
;\r\n }\r\n\r\n if (error) {\r\n return `Cannot load Timeline for book=\"${book}\".`;\r\n }\r\n\r\n return (\r\n \r\n );\r\n}\r\n\r\nTimelineWidget.propTypes = {\r\n book: PropTypes.string,\r\n githash: PropTypes.string,\r\n};\r\n\r\nfunction TimelineSelectionWidget() {\r\n return (\r\n \r\n );\r\n}\r\n\r\nfunction TimelinePageWidget() {\r\n console.log(\"TimelinePageWidget\");\r\n\r\n const onHistoryChange = (...args) => {\r\n console.log(args);\r\n };\r\n\r\n const renderWithHistory = (props) => {\r\n const { params = {} } = props;\r\n\r\n if (!params.book) {\r\n return ![](\"./icons/144.png\"){kind=icon}
![](\"./icons/SC.144.png\"){kind=icon}
![](\"./icons/StormySixties.144.png\"){kind=icon}
Sorry, IE9 and lower is not supported.
\r\n