Ideone.com

fork download

copy

import React, { useState, useEffect } from 'react';
import ActionSheetItem from "@vkontakte/vkui/dist/components/ActionSheetItem/ActionSheetItem";
import ScreenSpinner from '@vkontakte/vkui/dist/components/ScreenSpinner/ScreenSpinner';
import ActionSheet from "@vkontakte/vkui/dist/components/ActionSheet/ActionSheet";
import BottomNavigationAction from "@material-ui/core/BottomNavigationAction";
import Snackbar from '@vkontakte/vkui/dist/components/Snackbar/Snackbar';
import Avatar from '@vkontakte/vkui/dist/components/Avatar/Avatar';
import BottomNavigation from "@material-ui/core/BottomNavigation";
import View from '@vkontakte/vkui/dist/components/View/View';
import Card from "@vkontakte/vkui/dist/components/Card/Card";
import FormControl from "@material-ui/core/FormControl";
import IconError from '@vkontakte/icons/dist/24/error';
import useEventListener from "@use-it/event-listener";
import TextField from "@material-ui/core/TextField";
import bridge from '@vkontakte/vk-bridge';
import {Gallery} from "@vkontakte/vkui";
import '@vkontakte/vkui/dist/vkui.css';
import firebase from "firebase";
import InfoRoundedIcon from '@material-ui/icons/InfoRounded';
import {MonetizationOnRounded, ContactPhoneRounded} from '@material-ui/icons';
import {contactsStable, infoBlock} from './variables/configs'
 
import './styles/App.css'
 
import Home from './panels/Home';
import Intro from './panels/Intro';
import Stable from './panels/Stable';
import Merop from './panels/Merop';
import Shop from './panels/Shop';
import Shops from './panels/Shops';
 
 
 
const ROUTES = {
	HOME: 'home',
	INTRO: 'intro',
	STABLE: 'stable',
	MEROP: 'merop',
	SHOP: 'shop',
	SHOPS: 'shops',
};
 
const STORAGE_KEYS = {
	STATUS_START: 'status',
	STATE: 'state',
};
 
 
const App = () => {
	const [activePanel, setActivePanel] = useState(ROUTES.INTRO);
	const [fetchedUser, setUser] = useState(null);
	const [popout, setPopout] = useState(<ScreenSpinner size='large' />);
	const [userHasSeeIntro, setUserHasSeeIntro] = useState(false);
	const [fetchedState, setFethedState] = useState(false);
	const [snackbar, setSnackBar] = useState(false);
	const [bodyStablePopup, setBodyStablePopup] = useState(0);
 
 
	useEffect(() => {
		bridge.subscribe(({ detail: { type, data }}) => {
			if (type === 'VKWebAppUpdateConfig') {
				const schemeAttribute = document.createAttribute('scheme');
				schemeAttribute.value = data.scheme ? data.scheme : 'client_light';
				document.body.attributes.setNamedItem(schemeAttribute);
			}
		});
		async function fetchData() {
			const user = await bridge.send('VKWebAppGetUserInfo');
			const storageData = await bridge.send('VKWebAppStorageGet', {
				keys: Object.values(STORAGE_KEYS)
			});
			const  data = {};
			storageData.keys.forEach(({key, value}) => {
				try {
					data[key] = value ? JSON.parse(value): {};
					switch ( key) {
						case STORAGE_KEYS.STATUS_START:
							if (data[key].hasSeeIntro){
								setActivePanel(ROUTES.HOME);
								setUserHasSeeIntro(true);
 
							}
							break;
						case STORAGE_KEYS.STATE:
							setFethedState(data[key]);
							break;
						default:
							break;
					}
				} catch(error){
					setSnackBar(<Snackbar
						layout= 'vertical'
						onClose={() => setSnackBar(null)}
						before={<Avatar size={24} style={{backgroundColor: 'var(--dynamic-red)'}}>
							<IconError fill='#fff' width='14' height='14'/></Avatar>}
						duration={980}
				>
						Произошла проблема получении из Storage
				</Snackbar>)
				}
			})
			setUser(user);
			setPopout(null);
		}
		fetchData()
	}, []);
 
	const go = panel => {
		setActivePanel(panel);
	};
 
	const viewIntro = async function () {
		try {
			await bridge.send('VKWebAppStorageSet', {
				key: STORAGE_KEYS.STATUS_START,
				value: JSON.stringify({
					hasSeeIntro: true
				})
			});
			go(ROUTES.HOME)
		} catch (error){
			setSnackBar(<Snackbar
				className='snackError'
				layout= 'vertical'
				onClose={() => setSnackBar(null)}
				before={<Avatar size={24} style={{backgroundColor: 'var(--dynamic-red)'}}>
					<IconError fill='#fff' width='14' height='14'/></Avatar>}
				duration={980}
			>
				Произошла проблема отправлении в Storage
			</Snackbar>)
		}
	}
 
	const goStable = function () {
		go(ROUTES.STABLE)
	}
	const goMerop = function () {
		go(ROUTES.MEROP)
	}
 
	const goHome = function () {
		go(ROUTES.HOME)
	}
	const goShop = function () {
		go(ROUTES.SHOP)
	}
 
    function handler({key}) {
        if (['27', 'Escape'].includes(String(key))){
            if (activePanel !== ROUTES.HOME) {
                go(ROUTES.HOME)
            }
        }
    }
 
    useEventListener('keydown', handler)
 
	function showPoput() {
	    function showLoginCode() {
	        let xml = <FormControl fullWidth variant="outlined" >
                <TextField id="outlined-basic" label="Код из смс" variant="outlined" />
            </FormControl>;
 
            setPopout(
                <ActionSheet
                    onClose={() => setPopout(null)}
                    iosCloseItem={<ActionSheetItem autoclose mode="cancel">Отменить</ActionSheetItem>}
                    header={xml}
                    toggleRef={React.createRef()}
                >
                    <ActionSheetItem autoclose onClick={() => showLoginCode()}>
                        Проверить
                    </ActionSheetItem>
                </ActionSheet>
            )
        }
 
 
		if (localStorage.getItem('id') === 'sheet') {
			if (localStorage.getItem('type') === 'stable') {
				let pictures = []
				let value = 0
                let text = 'Конюшня'
				let photo;
				for (let i = 0; i < 3; i++) {
					if (localStorage.getItem('pic' + (i + 1)) === 'undefined') {
						photo = 'url(https://a...content-available-to-author-only...c.ru/wp-content/uploads/ovsyanaya-kasha-pri-saharnom-diabete3.png';
					}else{
						photo = "url(" + localStorage.getItem('pic' + (i + 1)) +  ')';
					}
					if (localStorage.getItem('text') !== 'undefined') {
					    text = localStorage.getItem('text');
                    }
					pictures = pictures.concat(
						[<div style={{
							height: 270,
							backgroundImage: photo,
							backgroundPosition: 'center',
							backgroundSize: 'cover'
						}} /> ]
					)
				}
				let bodyInfo = [infoBlock(localStorage.getItem('name'), text, localStorage.getItem('cost'), localStorage.getItem('city'), localStorage.getItem('note'))];
				let bodyCost = [infoBlock('Стоимость аренды: ' + localStorage.getItem('cost_postoy'), 'Средняя стоимость тренировки: ' + localStorage.getItem('cost_traning'), localStorage.getItem('cost_more'))];
				let bodyCont = [contactsStable()]
				let temp = [
					<Card>
						<div id='xmlll' style={{backgroundColor: '#fff', borderRadius: 20}}>
							<Gallery
								slideWidth="90%"
								style={{ height: 270, borderRadius: '10px 10px 0px 0px'}}
								bullets="dark"
								showArrows
							>
								{pictures}
							</Gallery>
							<Gallery
								slideWidth="100%"
								align="center"
								style={{ height: '100%' }}
								slideIndex={bodyStablePopup}
								isDraggable={false}
								showArrows={false}
							>
								<div>
                                    {bodyInfo}
								</div>
								<div>
									{bodyCost}
								</div>
								<body>
									{bodyCont}
								</body>
							</Gallery>
							<div style={{margin: '0px auto'}}>
								<BottomNavigation
									value={bodyStablePopup}
									onChange={(event, newValue) => {
										setBodyStablePopup(newValue);
										alert(bodyStablePopup)
									}}
									showLabels
									style={{width: '100%', margin: '10, 10, 10, 10'}}
								>
									<BottomNavigationAction label="Иформация" icon={<InfoRoundedIcon />} />
									<BottomNavigationAction label="Стоимость" icon={<MonetizationOnRounded />} />
									<BottomNavigationAction label="Контакты" icon={<ContactPhoneRounded />} />
								</BottomNavigation>
							</div>
						</div>
					</Card>
 
				];
				setPopout(<ActionSheet
					onClose={() => setPopout(null)}
					iosCloseItem={<ActionSheetItem autoclose mode="cancel">Отменить</ActionSheetItem>}
					toggleRef={React.createRef()}
                    style={{padding: 0}}
                >
                    {temp}
				</ActionSheet>)
			}
 
			if (localStorage.getItem('type') === 'typeEquine_edit') {
				function setEquineType(text) {
					try {
						bridge.send('VKWebAppStorageSet', {
							key: 'type_equine',
							value: text
						});
					} catch (error){
						setSnackBar(<Snackbar
							className='snackError'
							layout= 'vertical'
							onClose={() => setSnackBar(null)}
							before={<Avatar size={24} style={{backgroundColor: 'var(--dynamic-red)'}}>
								<IconError fill='#fff' width='14' height='14'/></Avatar>}
							duration={980}
						>
							Произошла проблема отправлении в Storage
						</Snackbar>)
					}
				}
				setPopout(<ActionSheet
					onClose={() => setPopout(null)}
					iosCloseItem={<ActionSheetItem autoclose mode="cancel">Отменить</ActionSheetItem>}
					toggleRef={React.createRef()}>
					<ActionSheetItem autoclose onClick={() => setEquineType('Конкур')}>
						Конкур
					</ActionSheetItem>
					<ActionSheetItem autoclose onClick={() => setEquineType('Выездка')}>
						Выездка
					</ActionSheetItem>
				</ActionSheet>)
			}
 
			if (localStorage.getItem('type') === 'ad') {
				let url = localStorage.getItem('url')
				let xml = <h4>Перейти ли на {url}</h4>
 
				function openUrl() {
					var win = window.open(url, '_blank');
					win.focus();
				}
 
				setPopout(<ActionSheet
					onClose={() => setPopout(null)}
					iosCloseItem={<ActionSheetItem autoclose mode="cancel">Отменить</ActionSheetItem>}
					header={xml}
					toggleRef={React.createRef()}>
					<ActionSheetItem autoclose onClick={() => openUrl()}>
						Перейти
					</ActionSheetItem>
				</ActionSheet>)
			}
 
			if (localStorage.getItem('type') === 'login') {
				// const window = {
				// 	recaptchaVerifier: undefined
				// }
				firebase.auth().useDeviceLanguage();
				// window.recaptchaVerifier = new firebase.auth.RecaptchaVerifier('go-to', {
				// 	'size': 'invisible',
				// 	'callback': () => {
				// 		alert('ok')
				// 	},
				// 	'expired-callback': () => {
				// 		const open = false
				// 		setSnackBar(
				// 			<Snackbar open={open} autoHideDuration={6000} onClose={() => setSnackBar(null)}>
				// 				<Alert onClose={() => setSnackBar(null)} severity="error">
				// 					Ошибка в полученнии данных...
				// 				</Alert>
				// 			</Snackbar>
				// 		)
				// 	}
				// })
 
				const handleChange = (event) => {
					currency = event.target.value;
				};
				const currencies = [
					{
						value: '+7',
						label: 'Россия',
					},
				];
 
				let currency = '+7';
 
				let xml = <FormControl fullWidth variant="outlined" >
					<div>
						<TextField
							id="outlined-select-currency-native"
							select
							label="Код страны"
							value={currency}
							onChange={handleChange}
							SelectProps={{
								native: true,
							}}
							variant="outlined"
							style = {{width: 100}}
						>
							{currencies.map((option) => (
								<option key={option.value} value={option.value}>
									{option.label}
								</option>
							))}
						</TextField>
						<TextField id="phone-number" label="Телефон" variant="outlined" />
					</div>
				</FormControl>;
				setPopout(
						<ActionSheet
							onClose={() => setPopout(null)}
							iosCloseItem={<ActionSheetItem autoclose mode="cancel">Отменить</ActionSheetItem>}
							header={xml}
							toggleRef={React.createRef()}
						>
							<ActionSheetItem autoclose id='go-to' className={'go-to'} onClick={() => showLoginCode(document.getElementsByTagName("phone-number")[0])}>
								Отправить код
							</ActionSheetItem>
						</ActionSheet>
				)
				localStorage.setItem('id', '');
				localStorage.setItem('type', '')
			}
			if (localStorage.getItem('type') === 'tovar') {
				let pictures = [];
				let text = localStorage.getItem('text')
				//
				for (var i = 0; i < 3; i++){
					pictures = pictures.concat([<div style={{
						height: 200,
						backgroundImage: "url(" + localStorage.getItem('img' + (i + 1)) +  ')',
						backgroundPosition: 'center',
						backgroundSize: 'cover'
					}} />])
				}
 
				setPopout(
					<ActionSheet
						className='tovarSheet'
						onClose={() => setPopout(null)}
						iosCloseItem={<ActionSheetItem autoclose mode="cancel">Отменить</ActionSheetItem>}
						header={
							<div>
								<Gallery
									slideWidth="90%"
									style={{ height: 200}}
									bullets="dark"
									showArrows
								>
									{pictures}
								</Gallery>
								<h4> {text} </h4>
							</div>
						}
						toggleRef={React.createRef()}
					>
						<ActionSheetItem autoclose>
							Позвонить
						</ActionSheetItem>
					</ActionSheet>
				)
				localStorage.setItem('id', '');
				localStorage.setItem('type', '');
			}
		}
 
	}
 
	return (
		<View activePanel={activePanel} popout={popout} onSwipeBack={goHome}>
			<Home id={ROUTES.HOME} fetchedUser={fetchedUser} fetchedState={fetchedState} snackbarError={snackbar} goStable={goStable} goMerop={goMerop} goShop={goShop} popup={showPoput}/>
			<Intro id={ROUTES.INTRO} fetchedUser={fetchedUser} go={viewIntro} snackbarError={snackbar} userHasSeeIntro={userHasSeeIntro}/>
			<Stable id={ROUTES.STABLE} fetchedUser={fetchedUser} snackbarError={snackbar} goHome={goHome} popup={showPoput}/>
			<Merop id={ROUTES.MEROP} fetchedUser={fetchedUser} fetchedState={fetchedState} snackbarError={snackbar} goHome={goHome} />
			<Shop id={ROUTES.SHOP} fetchedUser={fetchedUser} goHome={goHome} popup={showPoput} snackbarError={snackbar}/>
			<Shops id={ROUTES.SHOPS} />
		</View>
	);
}
 
 
export default App;

aW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlLCB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCc7CmltcG9ydCBBY3Rpb25TaGVldEl0ZW0gZnJvbSAiQHZrb250YWt0ZS92a3VpL2Rpc3QvY29tcG9uZW50cy9BY3Rpb25TaGVldEl0ZW0vQWN0aW9uU2hlZXRJdGVtIjsKaW1wb3J0IFNjcmVlblNwaW5uZXIgZnJvbSAnQHZrb250YWt0ZS92a3VpL2Rpc3QvY29tcG9uZW50cy9TY3JlZW5TcGlubmVyL1NjcmVlblNwaW5uZXInOwppbXBvcnQgQWN0aW9uU2hlZXQgZnJvbSAiQHZrb250YWt0ZS92a3VpL2Rpc3QvY29tcG9uZW50cy9BY3Rpb25TaGVldC9BY3Rpb25TaGVldCI7CmltcG9ydCBCb3R0b21OYXZpZ2F0aW9uQWN0aW9uIGZyb20gIkBtYXRlcmlhbC11aS9jb3JlL0JvdHRvbU5hdmlnYXRpb25BY3Rpb24iOwppbXBvcnQgU25hY2tiYXIgZnJvbSAnQHZrb250YWt0ZS92a3VpL2Rpc3QvY29tcG9uZW50cy9TbmFja2Jhci9TbmFja2Jhcic7CmltcG9ydCBBdmF0YXIgZnJvbSAnQHZrb250YWt0ZS92a3VpL2Rpc3QvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyJzsKaW1wb3J0IEJvdHRvbU5hdmlnYXRpb24gZnJvbSAiQG1hdGVyaWFsLXVpL2NvcmUvQm90dG9tTmF2aWdhdGlvbiI7CmltcG9ydCBWaWV3IGZyb20gJ0B2a29udGFrdGUvdmt1aS9kaXN0L2NvbXBvbmVudHMvVmlldy9WaWV3JzsKaW1wb3J0IENhcmQgZnJvbSAiQHZrb250YWt0ZS92a3VpL2Rpc3QvY29tcG9uZW50cy9DYXJkL0NhcmQiOwppbXBvcnQgRm9ybUNvbnRyb2wgZnJvbSAiQG1hdGVyaWFsLXVpL2NvcmUvRm9ybUNvbnRyb2wiOwppbXBvcnQgSWNvbkVycm9yIGZyb20gJ0B2a29udGFrdGUvaWNvbnMvZGlzdC8yNC9lcnJvcic7CmltcG9ydCB1c2VFdmVudExpc3RlbmVyIGZyb20gIkB1c2UtaXQvZXZlbnQtbGlzdGVuZXIiOwppbXBvcnQgVGV4dEZpZWxkIGZyb20gIkBtYXRlcmlhbC11aS9jb3JlL1RleHRGaWVsZCI7CmltcG9ydCBicmlkZ2UgZnJvbSAnQHZrb250YWt0ZS92ay1icmlkZ2UnOwppbXBvcnQge0dhbGxlcnl9IGZyb20gIkB2a29udGFrdGUvdmt1aSI7CmltcG9ydCAnQHZrb250YWt0ZS92a3VpL2Rpc3Qvdmt1aS5jc3MnOwppbXBvcnQgZmlyZWJhc2UgZnJvbSAiZmlyZWJhc2UiOwppbXBvcnQgSW5mb1JvdW5kZWRJY29uIGZyb20gJ0BtYXRlcmlhbC11aS9pY29ucy9JbmZvUm91bmRlZCc7CmltcG9ydCB7TW9uZXRpemF0aW9uT25Sb3VuZGVkLCBDb250YWN0UGhvbmVSb3VuZGVkfSBmcm9tICdAbWF0ZXJpYWwtdWkvaWNvbnMnOwppbXBvcnQge2NvbnRhY3RzU3RhYmxlLCBpbmZvQmxvY2t9IGZyb20gJy4vdmFyaWFibGVzL2NvbmZpZ3MnCgppbXBvcnQgJy4vc3R5bGVzL0FwcC5jc3MnCgppbXBvcnQgSG9tZSBmcm9tICcuL3BhbmVscy9Ib21lJzsKaW1wb3J0IEludHJvIGZyb20gJy4vcGFuZWxzL0ludHJvJzsKaW1wb3J0IFN0YWJsZSBmcm9tICcuL3BhbmVscy9TdGFibGUnOwppbXBvcnQgTWVyb3AgZnJvbSAnLi9wYW5lbHMvTWVyb3AnOwppbXBvcnQgU2hvcCBmcm9tICcuL3BhbmVscy9TaG9wJzsKaW1wb3J0IFNob3BzIGZyb20gJy4vcGFuZWxzL1Nob3BzJzsKCgoKY29uc3QgUk9VVEVTID0gewoJSE9NRTogJ2hvbWUnLAoJSU5UUk86ICdpbnRybycsCglTVEFCTEU6ICdzdGFibGUnLAoJTUVST1A6ICdtZXJvcCcsCglTSE9QOiAnc2hvcCcsCglTSE9QUzogJ3Nob3BzJywKfTsKCmNvbnN0IFNUT1JBR0VfS0VZUyA9IHsKCVNUQVRVU19TVEFSVDogJ3N0YXR1cycsCglTVEFURTogJ3N0YXRlJywKfTsKCgpjb25zdCBBcHAgPSAoKSA9PiB7Cgljb25zdCBbYWN0aXZlUGFuZWwsIHNldEFjdGl2ZVBhbmVsXSA9IHVzZVN0YXRlKFJPVVRFUy5JTlRSTyk7Cgljb25zdCBbZmV0Y2hlZFVzZXIsIHNldFVzZXJdID0gdXNlU3RhdGUobnVsbCk7Cgljb25zdCBbcG9wb3V0LCBzZXRQb3BvdXRdID0gdXNlU3RhdGUoPFNjcmVlblNwaW5uZXIgc2l6ZT0nbGFyZ2UnIC8+KTsKCWNvbnN0IFt1c2VySGFzU2VlSW50cm8sIHNldFVzZXJIYXNTZWVJbnRyb10gPSB1c2VTdGF0ZShmYWxzZSk7Cgljb25zdCBbZmV0Y2hlZFN0YXRlLCBzZXRGZXRoZWRTdGF0ZV0gPSB1c2VTdGF0ZShmYWxzZSk7Cgljb25zdCBbc25hY2tiYXIsIHNldFNuYWNrQmFyXSA9IHVzZVN0YXRlKGZhbHNlKTsKCWNvbnN0IFtib2R5U3RhYmxlUG9wdXAsIHNldEJvZHlTdGFibGVQb3B1cF0gPSB1c2VTdGF0ZSgwKTsKCQoKCXVzZUVmZmVjdCgoKSA9PiB7CgkJYnJpZGdlLnN1YnNjcmliZSgoeyBkZXRhaWw6IHsgdHlwZSwgZGF0YSB9fSkgPT4gewoJCQlpZiAodHlwZSA9PT0gJ1ZLV2ViQXBwVXBkYXRlQ29uZmlnJykgewoJCQkJY29uc3Qgc2NoZW1lQXR0cmlidXRlID0gZG9jdW1lbnQuY3JlYXRlQXR0cmlidXRlKCdzY2hlbWUnKTsKCQkJCXNjaGVtZUF0dHJpYnV0ZS52YWx1ZSA9IGRhdGEuc2NoZW1lID8gZGF0YS5zY2hlbWUgOiAnY2xpZW50X2xpZ2h0JzsKCQkJCWRvY3VtZW50LmJvZHkuYXR0cmlidXRlcy5zZXROYW1lZEl0ZW0oc2NoZW1lQXR0cmlidXRlKTsKCQkJfQoJCX0pOwoJCWFzeW5jIGZ1bmN0aW9uIGZldGNoRGF0YSgpIHsKCQkJY29uc3QgdXNlciA9IGF3YWl0IGJyaWRnZS5zZW5kKCdWS1dlYkFwcEdldFVzZXJJbmZvJyk7CgkJCWNvbnN0IHN0b3JhZ2VEYXRhID0gYXdhaXQgYnJpZGdlLnNlbmQoJ1ZLV2ViQXBwU3RvcmFnZUdldCcsIHsKCQkJCWtleXM6IE9iamVjdC52YWx1ZXMoU1RPUkFHRV9LRVlTKQoJCQl9KTsKCQkJY29uc3QgIGRhdGEgPSB7fTsKCQkJc3RvcmFnZURhdGEua2V5cy5mb3JFYWNoKCh7a2V5LCB2YWx1ZX0pID0+IHsKCQkJCXRyeSB7CgkJCQkJZGF0YVtrZXldID0gdmFsdWUgPyBKU09OLnBhcnNlKHZhbHVlKToge307CgkJCQkJc3dpdGNoICgga2V5KSB7CgkJCQkJCWNhc2UgU1RPUkFHRV9LRVlTLlNUQVRVU19TVEFSVDoKCQkJCQkJCWlmIChkYXRhW2tleV0uaGFzU2VlSW50cm8pewoJCQkJCQkJCXNldEFjdGl2ZVBhbmVsKFJPVVRFUy5IT01FKTsKCQkJCQkJCQlzZXRVc2VySGFzU2VlSW50cm8odHJ1ZSk7CgoJCQkJCQkJfQoJCQkJCQkJYnJlYWs7CgkJCQkJCWNhc2UgU1RPUkFHRV9LRVlTLlNUQVRFOgoJCQkJCQkJc2V0RmV0aGVkU3RhdGUoZGF0YVtrZXldKTsKCQkJCQkJCWJyZWFrOwoJCQkJCQlkZWZhdWx0OgoJCQkJCQkJYnJlYWs7CgkJCQkJfQoJCQkJfSBjYXRjaChlcnJvcil7CgkJCQkJc2V0U25hY2tCYXIoPFNuYWNrYmFyCgkJCQkJCWxheW91dD0gJ3ZlcnRpY2FsJwoJCQkJCQlvbkNsb3NlPXsoKSA9PiBzZXRTbmFja0JhcihudWxsKX0KCQkJCQkJYmVmb3JlPXs8QXZhdGFyIHNpemU9ezI0fSBzdHlsZT17e2JhY2tncm91bmRDb2xvcjogJ3ZhcigtLWR5bmFtaWMtcmVkKSd9fT4KCQkJCQkJCTxJY29uRXJyb3IgZmlsbD0nI2ZmZicgd2lkdGg9JzE0JyBoZWlnaHQ9JzE0Jy8+PC9BdmF0YXI+fQoJCQkJCQlkdXJhdGlvbj17OTgwfQoJCQkJPgoJCQkJCQnQn9GA0L7QuNC30L7RiNC70LAg0L/RgNC+0LHQu9C10LzQsCDQv9C+0LvRg9GH0LXQvdC40Lgg0LjQtyBTdG9yYWdlCgkJCQk8L1NuYWNrYmFyPikKCQkJCX0KCQkJfSkKCQkJc2V0VXNlcih1c2VyKTsKCQkJc2V0UG9wb3V0KG51bGwpOwoJCX0KCQlmZXRjaERhdGEoKQoJfSwgW10pOwoKCWNvbnN0IGdvID0gcGFuZWwgPT4gewoJCXNldEFjdGl2ZVBhbmVsKHBhbmVsKTsKCX07CgoJY29uc3Qgdmlld0ludHJvID0gYXN5bmMgZnVuY3Rpb24gKCkgewoJCXRyeSB7CgkJCWF3YWl0IGJyaWRnZS5zZW5kKCdWS1dlYkFwcFN0b3JhZ2VTZXQnLCB7CgkJCQlrZXk6IFNUT1JBR0VfS0VZUy5TVEFUVVNfU1RBUlQsCgkJCQl2YWx1ZTogSlNPTi5zdHJpbmdpZnkoewoJCQkJCWhhc1NlZUludHJvOiB0cnVlCgkJCQl9KQoJCQl9KTsKCQkJZ28oUk9VVEVTLkhPTUUpCgkJfSBjYXRjaCAoZXJyb3IpewoJCQlzZXRTbmFja0Jhcig8U25hY2tiYXIKCQkJCWNsYXNzTmFtZT0nc25hY2tFcnJvcicKCQkJCWxheW91dD0gJ3ZlcnRpY2FsJwoJCQkJb25DbG9zZT17KCkgPT4gc2V0U25hY2tCYXIobnVsbCl9CgkJCQliZWZvcmU9ezxBdmF0YXIgc2l6ZT17MjR9IHN0eWxlPXt7YmFja2dyb3VuZENvbG9yOiAndmFyKC0tZHluYW1pYy1yZWQpJ319PgoJCQkJCTxJY29uRXJyb3IgZmlsbD0nI2ZmZicgd2lkdGg9JzE0JyBoZWlnaHQ9JzE0Jy8+PC9BdmF0YXI+fQoJCQkJZHVyYXRpb249ezk4MH0KCQkJPgoJCQkJ0J/RgNC+0LjQt9C+0YjQu9CwINC/0YDQvtCx0LvQtdC80LAg0L7RgtC/0YDQsNCy0LvQtdC90LjQuCDQsiBTdG9yYWdlCgkJCTwvU25hY2tiYXI+KQoJCX0KCX0KCgljb25zdCBnb1N0YWJsZSA9IGZ1bmN0aW9uICgpIHsKCQlnbyhST1VURVMuU1RBQkxFKQoJfQoJY29uc3QgZ29NZXJvcCA9IGZ1bmN0aW9uICgpIHsKCQlnbyhST1VURVMuTUVST1ApCgl9CgoJY29uc3QgZ29Ib21lID0gZnVuY3Rpb24gKCkgewoJCWdvKFJPVVRFUy5IT01FKQoJfQoJY29uc3QgZ29TaG9wID0gZnVuY3Rpb24gKCkgewoJCWdvKFJPVVRFUy5TSE9QKQoJfQoKICAgIGZ1bmN0aW9uIGhhbmRsZXIoe2tleX0pIHsKICAgICAgICBpZiAoWycyNycsICdFc2NhcGUnXS5pbmNsdWRlcyhTdHJpbmcoa2V5KSkpewogICAgICAgICAgICBpZiAoYWN0aXZlUGFuZWwgIT09IFJPVVRFUy5IT01FKSB7CiAgICAgICAgICAgICAgICBnbyhST1VURVMuSE9NRSkKICAgICAgICAgICAgfQogICAgICAgIH0KICAgIH0KCiAgICB1c2VFdmVudExpc3RlbmVyKCdrZXlkb3duJywgaGFuZGxlcikKCglmdW5jdGlvbiBzaG93UG9wdXQoKSB7CgkgICAgZnVuY3Rpb24gc2hvd0xvZ2luQ29kZSgpIHsKCSAgICAgICAgbGV0IHhtbCA9IDxGb3JtQ29udHJvbCBmdWxsV2lkdGggdmFyaWFudD0ib3V0bGluZWQiID4KICAgICAgICAgICAgICAgIDxUZXh0RmllbGQgaWQ9Im91dGxpbmVkLWJhc2ljIiBsYWJlbD0i0JrQvtC0INC40Lcg0YHQvNGBIiB2YXJpYW50PSJvdXRsaW5lZCIgLz4KICAgICAgICAgICAgPC9Gb3JtQ29udHJvbD47CgogICAgICAgICAgICBzZXRQb3BvdXQoCiAgICAgICAgICAgICAgICA8QWN0aW9uU2hlZXQKICAgICAgICAgICAgICAgICAgICBvbkNsb3NlPXsoKSA9PiBzZXRQb3BvdXQobnVsbCl9CiAgICAgICAgICAgICAgICAgICAgaW9zQ2xvc2VJdGVtPXs8QWN0aW9uU2hlZXRJdGVtIGF1dG9jbG9zZSBtb2RlPSJjYW5jZWwiPtCe0YLQvNC10L3QuNGC0Yw8L0FjdGlvblNoZWV0SXRlbT59CiAgICAgICAgICAgICAgICAgICAgaGVhZGVyPXt4bWx9CiAgICAgICAgICAgICAgICAgICAgdG9nZ2xlUmVmPXtSZWFjdC5jcmVhdGVSZWYoKX0KICAgICAgICAgICAgICAgID4KICAgICAgICAgICAgICAgICAgICA8QWN0aW9uU2hlZXRJdGVtIGF1dG9jbG9zZSBvbkNsaWNrPXsoKSA9PiBzaG93TG9naW5Db2RlKCl9PgogICAgICAgICAgICAgICAgICAgICAgICDQn9GA0L7QstC10YDQuNGC0YwKICAgICAgICAgICAgICAgICAgICA8L0FjdGlvblNoZWV0SXRlbT4KICAgICAgICAgICAgICAgIDwvQWN0aW9uU2hlZXQ+CiAgICAgICAgICAgICkKICAgICAgICB9CgoKCQlpZiAobG9jYWxTdG9yYWdlLmdldEl0ZW0oJ2lkJykgPT09ICdzaGVldCcpIHsKCQkJaWYgKGxvY2FsU3RvcmFnZS5nZXRJdGVtKCd0eXBlJykgPT09ICdzdGFibGUnKSB7CgkJCQlsZXQgcGljdHVyZXMgPSBbXQoJCQkJbGV0IHZhbHVlID0gMAogICAgICAgICAgICAgICAgbGV0IHRleHQgPSAn0JrQvtC90Y7RiNC90Y8nCgkJCQlsZXQgcGhvdG87CgkJCQlmb3IgKGxldCBpID0gMDsgaSA8IDM7IGkrKykgewoJCQkJCWlmIChsb2NhbFN0b3JhZ2UuZ2V0SXRlbSgncGljJyArIChpICsgMSkpID09PSAndW5kZWZpbmVkJykgewoJCQkJCQlwaG90byA9ICd1cmwoaHR0cHM6Ly9hLi4uY29udGVudC1hdmFpbGFibGUtdG8tYXV0aG9yLW9ubHkuLi5jLnJ1L3dwLWNvbnRlbnQvdXBsb2Fkcy9vdnN5YW5heWEta2FzaGEtcHJpLXNhaGFybm9tLWRpYWJldGUzLnBuZyc7CgkJCQkJfWVsc2V7CgkJCQkJCXBob3RvID0gInVybCgiICsgbG9jYWxTdG9yYWdlLmdldEl0ZW0oJ3BpYycgKyAoaSArIDEpKSArICAnKSc7CgkJCQkJfQoJCQkJCWlmIChsb2NhbFN0b3JhZ2UuZ2V0SXRlbSgndGV4dCcpICE9PSAndW5kZWZpbmVkJykgewoJCQkJCSAgICB0ZXh0ID0gbG9jYWxTdG9yYWdlLmdldEl0ZW0oJ3RleHQnKTsKICAgICAgICAgICAgICAgICAgICB9CgkJCQkJcGljdHVyZXMgPSBwaWN0dXJlcy5jb25jYXQoCgkJCQkJCVs8ZGl2IHN0eWxlPXt7CgkJCQkJCQloZWlnaHQ6IDI3MCwKCQkJCQkJCWJhY2tncm91bmRJbWFnZTogcGhvdG8sCgkJCQkJCQliYWNrZ3JvdW5kUG9zaXRpb246ICdjZW50ZXInLAoJCQkJCQkJYmFja2dyb3VuZFNpemU6ICdjb3ZlcicKCQkJCQkJfX0gLz4gXQoJCQkJCSkKCQkJCX0KCQkJCWxldCBib2R5SW5mbyA9IFtpbmZvQmxvY2sobG9jYWxTdG9yYWdlLmdldEl0ZW0oJ25hbWUnKSwgdGV4dCwgbG9jYWxTdG9yYWdlLmdldEl0ZW0oJ2Nvc3QnKSwgbG9jYWxTdG9yYWdlLmdldEl0ZW0oJ2NpdHknKSwgbG9jYWxTdG9yYWdlLmdldEl0ZW0oJ25vdGUnKSldOwoJCQkJbGV0IGJvZHlDb3N0ID0gW2luZm9CbG9jaygn0KHRgtC+0LjQvNC+0YHRgtGMINCw0YDQtdC90LTRizogJyArIGxvY2FsU3RvcmFnZS5nZXRJdGVtKCdjb3N0X3Bvc3RveScpLCAn0KHRgNC10LTQvdGP0Y8g0YHRgtC+0LjQvNC+0YHRgtGMINGC0YDQtdC90LjRgNC+0LLQutC4OiAnICsgbG9jYWxTdG9yYWdlLmdldEl0ZW0oJ2Nvc3RfdHJhbmluZycpLCBsb2NhbFN0b3JhZ2UuZ2V0SXRlbSgnY29zdF9tb3JlJykpXTsKCQkJCWxldCBib2R5Q29udCA9IFtjb250YWN0c1N0YWJsZSgpXQoJCQkJbGV0IHRlbXAgPSBbCgkJCQkJPENhcmQ+CgkJCQkJCTxkaXYgaWQ9J3htbGxsJyBzdHlsZT17e2JhY2tncm91bmRDb2xvcjogJyNmZmYnLCBib3JkZXJSYWRpdXM6IDIwfX0+CgkJCQkJCQk8R2FsbGVyeQoJCQkJCQkJCXNsaWRlV2lkdGg9IjkwJSIKCQkJCQkJCQlzdHlsZT17eyBoZWlnaHQ6IDI3MCwgYm9yZGVyUmFkaXVzOiAnMTBweCAxMHB4IDBweCAwcHgnfX0KCQkJCQkJCQlidWxsZXRzPSJkYXJrIgoJCQkJCQkJCXNob3dBcnJvd3MKCQkJCQkJCT4KCQkJCQkJCQl7cGljdHVyZXN9CgkJCQkJCQk8L0dhbGxlcnk+CgkJCQkJCQk8R2FsbGVyeQoJCQkJCQkJCXNsaWRlV2lkdGg9IjEwMCUiCgkJCQkJCQkJYWxpZ249ImNlbnRlciIKCQkJCQkJCQlzdHlsZT17eyBoZWlnaHQ6ICcxMDAlJyB9fQoJCQkJCQkJCXNsaWRlSW5kZXg9e2JvZHlTdGFibGVQb3B1cH0KCQkJCQkJCQlpc0RyYWdnYWJsZT17ZmFsc2V9CgkJCQkJCQkJc2hvd0Fycm93cz17ZmFsc2V9CgkJCQkJCQk+CgkJCQkJCQkJPGRpdj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2JvZHlJbmZvfQoJCQkJCQkJCTwvZGl2PgoJCQkJCQkJCTxkaXY+CgkJCQkJCQkJCXtib2R5Q29zdH0KCQkJCQkJCQk8L2Rpdj4KCQkJCQkJCQk8Ym9keT4KCQkJCQkJCQkJe2JvZHlDb250fQoJCQkJCQkJCTwvYm9keT4KCQkJCQkJCTwvR2FsbGVyeT4KCQkJCQkJCTxkaXYgc3R5bGU9e3ttYXJnaW46ICcwcHggYXV0byd9fT4KCQkJCQkJCQk8Qm90dG9tTmF2aWdhdGlvbgoJCQkJCQkJCQl2YWx1ZT17Ym9keVN0YWJsZVBvcHVwfQoJCQkJCQkJCQlvbkNoYW5nZT17KGV2ZW50LCBuZXdWYWx1ZSkgPT4gewoJCQkJCQkJCQkJc2V0Qm9keVN0YWJsZVBvcHVwKG5ld1ZhbHVlKTsKCQkJCQkJCQkJCWFsZXJ0KGJvZHlTdGFibGVQb3B1cCkKCQkJCQkJCQkJfX0KCQkJCQkJCQkJc2hvd0xhYmVscwoJCQkJCQkJCQlzdHlsZT17e3dpZHRoOiAnMTAwJScsIG1hcmdpbjogJzEwLCAxMCwgMTAsIDEwJ319CgkJCQkJCQkJPgoJCQkJCQkJCQk8Qm90dG9tTmF2aWdhdGlvbkFjdGlvbiBsYWJlbD0i0JjRhNC+0YDQvNCw0YbQuNGPIiBpY29uPXs8SW5mb1JvdW5kZWRJY29uIC8+fSAvPgoJCQkJCQkJCQk8Qm90dG9tTmF2aWdhdGlvbkFjdGlvbiBsYWJlbD0i0KHRgtC+0LjQvNC+0YHRgtGMIiBpY29uPXs8TW9uZXRpemF0aW9uT25Sb3VuZGVkIC8+fSAvPgoJCQkJCQkJCQk8Qm90dG9tTmF2aWdhdGlvbkFjdGlvbiBsYWJlbD0i0JrQvtC90YLQsNC60YLRiyIgaWNvbj17PENvbnRhY3RQaG9uZVJvdW5kZWQgLz59IC8+CgkJCQkJCQkJPC9Cb3R0b21OYXZpZ2F0aW9uPgoJCQkJCQkJPC9kaXY+CgkJCQkJCTwvZGl2PgoJCQkJCTwvQ2FyZD4KCgkJCQldOwoJCQkJc2V0UG9wb3V0KDxBY3Rpb25TaGVldAoJCQkJCW9uQ2xvc2U9eygpID0+IHNldFBvcG91dChudWxsKX0KCQkJCQlpb3NDbG9zZUl0ZW09ezxBY3Rpb25TaGVldEl0ZW0gYXV0b2Nsb3NlIG1vZGU9ImNhbmNlbCI+0J7RgtC80LXQvdC40YLRjDwvQWN0aW9uU2hlZXRJdGVtPn0KCQkJCQl0b2dnbGVSZWY9e1JlYWN0LmNyZWF0ZVJlZigpfQogICAgICAgICAgICAgICAgICAgIHN0eWxlPXt7cGFkZGluZzogMH19CiAgICAgICAgICAgICAgICA+CiAgICAgICAgICAgICAgICAgICAge3RlbXB9CgkJCQk8L0FjdGlvblNoZWV0PikKCQkJfQoKCQkJaWYgKGxvY2FsU3RvcmFnZS5nZXRJdGVtKCd0eXBlJykgPT09ICd0eXBlRXF1aW5lX2VkaXQnKSB7CgkJCQlmdW5jdGlvbiBzZXRFcXVpbmVUeXBlKHRleHQpIHsKCQkJCQl0cnkgewoJCQkJCQlicmlkZ2Uuc2VuZCgnVktXZWJBcHBTdG9yYWdlU2V0JywgewoJCQkJCQkJa2V5OiAndHlwZV9lcXVpbmUnLAoJCQkJCQkJdmFsdWU6IHRleHQKCQkJCQkJfSk7CgkJCQkJfSBjYXRjaCAoZXJyb3IpewoJCQkJCQlzZXRTbmFja0Jhcig8U25hY2tiYXIKCQkJCQkJCWNsYXNzTmFtZT0nc25hY2tFcnJvcicKCQkJCQkJCWxheW91dD0gJ3ZlcnRpY2FsJwoJCQkJCQkJb25DbG9zZT17KCkgPT4gc2V0U25hY2tCYXIobnVsbCl9CgkJCQkJCQliZWZvcmU9ezxBdmF0YXIgc2l6ZT17MjR9IHN0eWxlPXt7YmFja2dyb3VuZENvbG9yOiAndmFyKC0tZHluYW1pYy1yZWQpJ319PgoJCQkJCQkJCTxJY29uRXJyb3IgZmlsbD0nI2ZmZicgd2lkdGg9JzE0JyBoZWlnaHQ9JzE0Jy8+PC9BdmF0YXI+fQoJCQkJCQkJZHVyYXRpb249ezk4MH0KCQkJCQkJPgoJCQkJCQkJ0J/RgNC+0LjQt9C+0YjQu9CwINC/0YDQvtCx0LvQtdC80LAg0L7RgtC/0YDQsNCy0LvQtdC90LjQuCDQsiBTdG9yYWdlCgkJCQkJCTwvU25hY2tiYXI+KQoJCQkJCX0KCQkJCX0KCQkJCXNldFBvcG91dCg8QWN0aW9uU2hlZXQKCQkJCQlvbkNsb3NlPXsoKSA9PiBzZXRQb3BvdXQobnVsbCl9CgkJCQkJaW9zQ2xvc2VJdGVtPXs8QWN0aW9uU2hlZXRJdGVtIGF1dG9jbG9zZSBtb2RlPSJjYW5jZWwiPtCe0YLQvNC10L3QuNGC0Yw8L0FjdGlvblNoZWV0SXRlbT59CgkJCQkJdG9nZ2xlUmVmPXtSZWFjdC5jcmVhdGVSZWYoKX0+CgkJCQkJPEFjdGlvblNoZWV0SXRlbSBhdXRvY2xvc2Ugb25DbGljaz17KCkgPT4gc2V0RXF1aW5lVHlwZSgn0JrQvtC90LrRg9GAJyl9PgoJCQkJCQnQmtC+0L3QutGD0YAKCQkJCQk8L0FjdGlvblNoZWV0SXRlbT4KCQkJCQk8QWN0aW9uU2hlZXRJdGVtIGF1dG9jbG9zZSBvbkNsaWNrPXsoKSA9PiBzZXRFcXVpbmVUeXBlKCfQktGL0LXQt9C00LrQsCcpfT4KCQkJCQkJ0JLRi9C10LfQtNC60LAKCQkJCQk8L0FjdGlvblNoZWV0SXRlbT4KCQkJCTwvQWN0aW9uU2hlZXQ+KQoJCQl9CgoJCQlpZiAobG9jYWxTdG9yYWdlLmdldEl0ZW0oJ3R5cGUnKSA9PT0gJ2FkJykgewoJCQkJbGV0IHVybCA9IGxvY2FsU3RvcmFnZS5nZXRJdGVtKCd1cmwnKQoJCQkJbGV0IHhtbCA9IDxoND7Qn9C10YDQtdC50YLQuCDQu9C4INC90LAge3VybH08L2g0PgoKCQkJCWZ1bmN0aW9uIG9wZW5VcmwoKSB7CgkJCQkJdmFyIHdpbiA9IHdpbmRvdy5vcGVuKHVybCwgJ19ibGFuaycpOwoJCQkJCXdpbi5mb2N1cygpOwoJCQkJfQoKCQkJCXNldFBvcG91dCg8QWN0aW9uU2hlZXQKCQkJCQlvbkNsb3NlPXsoKSA9PiBzZXRQb3BvdXQobnVsbCl9CgkJCQkJaW9zQ2xvc2VJdGVtPXs8QWN0aW9uU2hlZXRJdGVtIGF1dG9jbG9zZSBtb2RlPSJjYW5jZWwiPtCe0YLQvNC10L3QuNGC0Yw8L0FjdGlvblNoZWV0SXRlbT59CgkJCQkJaGVhZGVyPXt4bWx9CgkJCQkJdG9nZ2xlUmVmPXtSZWFjdC5jcmVhdGVSZWYoKX0+CgkJCQkJPEFjdGlvblNoZWV0SXRlbSBhdXRvY2xvc2Ugb25DbGljaz17KCkgPT4gb3BlblVybCgpfT4KCQkJCQkJ0J/QtdGA0LXQudGC0LgKCQkJCQk8L0FjdGlvblNoZWV0SXRlbT4KCQkJCTwvQWN0aW9uU2hlZXQ+KQoJCQl9CgoJCQlpZiAobG9jYWxTdG9yYWdlLmdldEl0ZW0oJ3R5cGUnKSA9PT0gJ2xvZ2luJykgewoJCQkJLy8gY29uc3Qgd2luZG93ID0gewoJCQkJLy8gCXJlY2FwdGNoYVZlcmlmaWVyOiB1bmRlZmluZWQKCQkJCS8vIH0KCQkJCWZpcmViYXNlLmF1dGgoKS51c2VEZXZpY2VMYW5ndWFnZSgpOwoJCQkJLy8gd2luZG93LnJlY2FwdGNoYVZlcmlmaWVyID0gbmV3IGZpcmViYXNlLmF1dGguUmVjYXB0Y2hhVmVyaWZpZXIoJ2dvLXRvJywgewoJCQkJLy8gCSdzaXplJzogJ2ludmlzaWJsZScsCgkJCQkvLyAJJ2NhbGxiYWNrJzogKCkgPT4gewoJCQkJLy8gCQlhbGVydCgnb2snKQoJCQkJLy8gCX0sCgkJCQkvLyAJJ2V4cGlyZWQtY2FsbGJhY2snOiAoKSA9PiB7CgkJCQkvLyAJCWNvbnN0IG9wZW4gPSBmYWxzZQoJCQkJLy8gCQlzZXRTbmFja0JhcigKCQkJCS8vIAkJCTxTbmFja2JhciBvcGVuPXtvcGVufSBhdXRvSGlkZUR1cmF0aW9uPXs2MDAwfSBvbkNsb3NlPXsoKSA9PiBzZXRTbmFja0JhcihudWxsKX0+CgkJCQkvLyAJCQkJPEFsZXJ0IG9uQ2xvc2U9eygpID0+IHNldFNuYWNrQmFyKG51bGwpfSBzZXZlcml0eT0iZXJyb3IiPgoJCQkJLy8gCQkJCQnQntGI0LjQsdC60LAg0LIg0L/QvtC70YPRh9C10L3QvdC40Lgg0LTQsNC90L3Ri9GFLi4uCgkJCQkvLyAJCQkJPC9BbGVydD4KCQkJCS8vIAkJCTwvU25hY2tiYXI+CgkJCQkvLyAJCSkKCQkJCS8vIAl9CgkJCQkvLyB9KQoKCQkJCWNvbnN0IGhhbmRsZUNoYW5nZSA9IChldmVudCkgPT4gewoJCQkJCWN1cnJlbmN5ID0gZXZlbnQudGFyZ2V0LnZhbHVlOwoJCQkJfTsKCQkJCWNvbnN0IGN1cnJlbmNpZXMgPSBbCgkJCQkJewoJCQkJCQl2YWx1ZTogJys3JywKCQkJCQkJbGFiZWw6ICfQoNC+0YHRgdC40Y8nLAoJCQkJCX0sCgkJCQldOwoKCQkJCWxldCBjdXJyZW5jeSA9ICcrNyc7CgoJCQkJbGV0IHhtbCA9IDxGb3JtQ29udHJvbCBmdWxsV2lkdGggdmFyaWFudD0ib3V0bGluZWQiID4KCQkJCQk8ZGl2PgoJCQkJCQk8VGV4dEZpZWxkCgkJCQkJCQlpZD0ib3V0bGluZWQtc2VsZWN0LWN1cnJlbmN5LW5hdGl2ZSIKCQkJCQkJCXNlbGVjdAoJCQkJCQkJbGFiZWw9ItCa0L7QtCDRgdGC0YDQsNC90YsiCgkJCQkJCQl2YWx1ZT17Y3VycmVuY3l9CgkJCQkJCQlvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfQoJCQkJCQkJU2VsZWN0UHJvcHM9e3sKCQkJCQkJCQluYXRpdmU6IHRydWUsCgkJCQkJCQl9fQoJCQkJCQkJdmFyaWFudD0ib3V0bGluZWQiCgkJCQkJCQlzdHlsZSA9IHt7d2lkdGg6IDEwMH19CgkJCQkJCT4KCQkJCQkJCXtjdXJyZW5jaWVzLm1hcCgob3B0aW9uKSA9PiAoCgkJCQkJCQkJPG9wdGlvbiBrZXk9e29wdGlvbi52YWx1ZX0gdmFsdWU9e29wdGlvbi52YWx1ZX0+CgkJCQkJCQkJCXtvcHRpb24ubGFiZWx9CgkJCQkJCQkJPC9vcHRpb24+CgkJCQkJCQkpKX0KCQkJCQkJPC9UZXh0RmllbGQ+CgkJCQkJCTxUZXh0RmllbGQgaWQ9InBob25lLW51bWJlciIgbGFiZWw9ItCi0LXQu9C10YTQvtC9IiB2YXJpYW50PSJvdXRsaW5lZCIgLz4KCQkJCQk8L2Rpdj4KCQkJCTwvRm9ybUNvbnRyb2w+OwoJCQkJc2V0UG9wb3V0KAoJCQkJCQk8QWN0aW9uU2hlZXQKCQkJCQkJCW9uQ2xvc2U9eygpID0+IHNldFBvcG91dChudWxsKX0KCQkJCQkJCWlvc0Nsb3NlSXRlbT17PEFjdGlvblNoZWV0SXRlbSBhdXRvY2xvc2UgbW9kZT0iY2FuY2VsIj7QntGC0LzQtdC90LjRgtGMPC9BY3Rpb25TaGVldEl0ZW0+fQoJCQkJCQkJaGVhZGVyPXt4bWx9CgkJCQkJCQl0b2dnbGVSZWY9e1JlYWN0LmNyZWF0ZVJlZigpfQoJCQkJCQk+CgkJCQkJCQk8QWN0aW9uU2hlZXRJdGVtIGF1dG9jbG9zZSBpZD0nZ28tdG8nIGNsYXNzTmFtZT17J2dvLXRvJ30gb25DbGljaz17KCkgPT4gc2hvd0xvZ2luQ29kZShkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgicGhvbmUtbnVtYmVyIilbMF0pfT4KCQkJCQkJCQnQntGC0L/RgNCw0LLQuNGC0Ywg0LrQvtC0CgkJCQkJCQk8L0FjdGlvblNoZWV0SXRlbT4KCQkJCQkJPC9BY3Rpb25TaGVldD4KCQkJCSkKCQkJCWxvY2FsU3RvcmFnZS5zZXRJdGVtKCdpZCcsICcnKTsKCQkJCWxvY2FsU3RvcmFnZS5zZXRJdGVtKCd0eXBlJywgJycpCgkJCX0KCQkJaWYgKGxvY2FsU3RvcmFnZS5nZXRJdGVtKCd0eXBlJykgPT09ICd0b3ZhcicpIHsKCQkJCWxldCBwaWN0dXJlcyA9IFtdOwoJCQkJbGV0IHRleHQgPSBsb2NhbFN0b3JhZ2UuZ2V0SXRlbSgndGV4dCcpCgkJCQkvLwoJCQkJZm9yICh2YXIgaSA9IDA7IGkgPCAzOyBpKyspewoJCQkJCXBpY3R1cmVzID0gcGljdHVyZXMuY29uY2F0KFs8ZGl2IHN0eWxlPXt7CgkJCQkJCWhlaWdodDogMjAwLAoJCQkJCQliYWNrZ3JvdW5kSW1hZ2U6ICJ1cmwoIiArIGxvY2FsU3RvcmFnZS5nZXRJdGVtKCdpbWcnICsgKGkgKyAxKSkgKyAgJyknLAoJCQkJCQliYWNrZ3JvdW5kUG9zaXRpb246ICdjZW50ZXInLAoJCQkJCQliYWNrZ3JvdW5kU2l6ZTogJ2NvdmVyJwoJCQkJCX19IC8+XSkKCQkJCX0KCgkJCQlzZXRQb3BvdXQoCgkJCQkJPEFjdGlvblNoZWV0CgkJCQkJCWNsYXNzTmFtZT0ndG92YXJTaGVldCcKCQkJCQkJb25DbG9zZT17KCkgPT4gc2V0UG9wb3V0KG51bGwpfQoJCQkJCQlpb3NDbG9zZUl0ZW09ezxBY3Rpb25TaGVldEl0ZW0gYXV0b2Nsb3NlIG1vZGU9ImNhbmNlbCI+0J7RgtC80LXQvdC40YLRjDwvQWN0aW9uU2hlZXRJdGVtPn0KCQkJCQkJaGVhZGVyPXsKCQkJCQkJCTxkaXY+CgkJCQkJCQkJPEdhbGxlcnkKCQkJCQkJCQkJc2xpZGVXaWR0aD0iOTAlIgoJCQkJCQkJCQlzdHlsZT17eyBoZWlnaHQ6IDIwMH19CgkJCQkJCQkJCWJ1bGxldHM9ImRhcmsiCgkJCQkJCQkJCXNob3dBcnJvd3MKCQkJCQkJCQk+CgkJCQkJCQkJCXtwaWN0dXJlc30KCQkJCQkJCQk8L0dhbGxlcnk+CgkJCQkJCQkJPGg0PiB7dGV4dH0gPC9oND4KCQkJCQkJCTwvZGl2PgoJCQkJCQl9CgkJCQkJCXRvZ2dsZVJlZj17UmVhY3QuY3JlYXRlUmVmKCl9CgkJCQkJPgoJCQkJCQk8QWN0aW9uU2hlZXRJdGVtIGF1dG9jbG9zZT4KCQkJCQkJCdCf0L7Qt9Cy0L7QvdC40YLRjAoJCQkJCQk8L0FjdGlvblNoZWV0SXRlbT4KCQkJCQk8L0FjdGlvblNoZWV0PgoJCQkJKQoJCQkJbG9jYWxTdG9yYWdlLnNldEl0ZW0oJ2lkJywgJycpOwoJCQkJbG9jYWxTdG9yYWdlLnNldEl0ZW0oJ3R5cGUnLCAnJyk7CgkJCX0KCQl9CgoJfQoKCXJldHVybiAoCgkJPFZpZXcgYWN0aXZlUGFuZWw9e2FjdGl2ZVBhbmVsfSBwb3BvdXQ9e3BvcG91dH0gb25Td2lwZUJhY2s9e2dvSG9tZX0+CgkJCTxIb21lIGlkPXtST1VURVMuSE9NRX0gZmV0Y2hlZFVzZXI9e2ZldGNoZWRVc2VyfSBmZXRjaGVkU3RhdGU9e2ZldGNoZWRTdGF0ZX0gc25hY2tiYXJFcnJvcj17c25hY2tiYXJ9IGdvU3RhYmxlPXtnb1N0YWJsZX0gZ29NZXJvcD17Z29NZXJvcH0gZ29TaG9wPXtnb1Nob3B9IHBvcHVwPXtzaG93UG9wdXR9Lz4KCQkJPEludHJvIGlkPXtST1VURVMuSU5UUk99IGZldGNoZWRVc2VyPXtmZXRjaGVkVXNlcn0gZ289e3ZpZXdJbnRyb30gc25hY2tiYXJFcnJvcj17c25hY2tiYXJ9IHVzZXJIYXNTZWVJbnRybz17dXNlckhhc1NlZUludHJvfS8+CgkJCTxTdGFibGUgaWQ9e1JPVVRFUy5TVEFCTEV9IGZldGNoZWRVc2VyPXtmZXRjaGVkVXNlcn0gc25hY2tiYXJFcnJvcj17c25hY2tiYXJ9IGdvSG9tZT17Z29Ib21lfSBwb3B1cD17c2hvd1BvcHV0fS8+CgkJCTxNZXJvcCBpZD17Uk9VVEVTLk1FUk9QfSBmZXRjaGVkVXNlcj17ZmV0Y2hlZFVzZXJ9IGZldGNoZWRTdGF0ZT17ZmV0Y2hlZFN0YXRlfSBzbmFja2JhckVycm9yPXtzbmFja2Jhcn0gZ29Ib21lPXtnb0hvbWV9IC8+CgkJCTxTaG9wIGlkPXtST1VURVMuU0hPUH0gZmV0Y2hlZFVzZXI9e2ZldGNoZWRVc2VyfSBnb0hvbWU9e2dvSG9tZX0gcG9wdXA9e3Nob3dQb3B1dH0gc25hY2tiYXJFcnJvcj17c25hY2tiYXJ9Lz4KCQkJPFNob3BzIGlkPXtST1VURVMuU0hPUFN9IC8+CgkJPC9WaWV3PgoJKTsKfQoKCmV4cG9ydCBkZWZhdWx0IEFwcDsKCg==

Runtime error #stdin #stdout #stderr 0.37s 41364KB

stdin

copy

Standard input is empty

stdout

copy

Standard output is empty

stderr

copy

js: "prog.js", line 1: missing ; before statement
js: import React, { useState, useEffect } from 'react';
js: ............^
js: "prog.js", line 2: missing ; before statement
js: import ActionSheetItem from "@vkontakte/vkui/dist/components/ActionSheetItem/ActionSheetItem";
js: ......................^
js: "prog.js", line 3: missing ; before statement
js: import ScreenSpinner from '@vkontakte/vkui/dist/components/ScreenSpinner/ScreenSpinner';
js: ....................^
js: "prog.js", line 4: missing ; before statement
js: import ActionSheet from "@vkontakte/vkui/dist/components/ActionSheet/ActionSheet";
js: ..................^
js: "prog.js", line 5: missing ; before statement
js: import BottomNavigationAction from "@material-ui/core/BottomNavigationAction";
js: .............................^
js: "prog.js", line 6: missing ; before statement
js: import Snackbar from '@vkontakte/vkui/dist/components/Snackbar/Snackbar';
js: ...............^
js: "prog.js", line 7: missing ; before statement
js: import Avatar from '@vkontakte/vkui/dist/components/Avatar/Avatar';
js: .............^
js: "prog.js", line 8: missing ; before statement
js: import BottomNavigation from "@material-ui/core/BottomNavigation";
js: .......................^
js: "prog.js", line 9: missing ; before statement
js: import View from '@vkontakte/vkui/dist/components/View/View';
js: ...........^
js: "prog.js", line 10: missing ; before statement
js: import Card from "@vkontakte/vkui/dist/components/Card/Card";
js: ...........^
js: "prog.js", line 11: missing ; before statement
js: import FormControl from "@material-ui/core/FormControl";
js: ..................^
js: "prog.js", line 12: missing ; before statement
js: import IconError from '@vkontakte/icons/dist/24/error';
js: ................^
js: "prog.js", line 13: missing ; before statement
js: import useEventListener from "@use-it/event-listener";
js: .......................^
js: "prog.js", line 14: missing ; before statement
js: import TextField from "@material-ui/core/TextField";
js: ................^
js: "prog.js", line 15: missing ; before statement
js: import bridge from '@vkontakte/vk-bridge';
js: .............^
js: "prog.js", line 16: missing ; before statement
js: import {Gallery} from "@vkontakte/vkui";
js: .......^
js: "prog.js", line 17: missing ; before statement
js: import '@vkontakte/vkui/dist/vkui.css';
js: .....................................^
js: "prog.js", line 18: missing ; before statement
js: import firebase from "firebase";
js: ...............^
js: "prog.js", line 19: missing ; before statement
js: import InfoRoundedIcon from '@material-ui/icons/InfoRounded';
js: ......................^
js: "prog.js", line 20: missing ; before statement
js: import {MonetizationOnRounded, ContactPhoneRounded} from '@material-ui/icons';
js: .......^
js: "prog.js", line 21: missing ; before statement
js: import {contactsStable, infoBlock} from './variables/configs'
js: .......^
js: "prog.js", line 25: missing ; before statement
js: import Home from './panels/Home';
js: ...........^
js: "prog.js", line 26: missing ; before statement
js: import Intro from './panels/Intro';
js: ............^
js: "prog.js", line 27: missing ; before statement
js: import Stable from './panels/Stable';
js: .............^
js: "prog.js", line 28: missing ; before statement
js: import Merop from './panels/Merop';
js: ............^
js: "prog.js", line 29: missing ; before statement
js: import Shop from './panels/Shop';
js: ...........^
js: "prog.js", line 30: missing ; before statement
js: import Shops from './panels/Shops';
js: ............^
js: "prog.js", line 60: SyntaxError: invalid object initializer
js: 		bridge.subscribe(({ detail: { type, data }}) => {
js: ....................................^
js: "prog.js", line 61: missing ; before statement
js: 			if (type === 'VKWebAppUpdateConfig') {
js: ........................................^
js: "prog.js", line 66: missing ) after argument list
js: 		});
js: ..^
js: "prog.js", line 66: syntax error
js: 		});
js: ...^
js: "prog.js", line 67: missing ; before statement
js: 		async function fetchData() {
js: ................^
js: "prog.js", line 68: missing ; before statement
js: 			const user = await bridge.send('VKWebAppGetUserInfo');
js: ............................^
js: "prog.js", line 69: missing ; before statement
js: 			const storageData = await bridge.send('VKWebAppStorageGet', {
js: ...................................^
js: "prog.js", line 70: syntax error
js: 				keys: Object.values(STORAGE_KEYS)
js: .........^
js: "prog.js", line 71: syntax error
js: 			});
js: ....^
js: "prog.js", line 73: SyntaxError: invalid object initializer
js: 			storageData.keys.forEach(({key, value}) => {
js: .................................^
js: "prog.js", line 90: syntax error
js: 				} catch(error){
js: ...........^
js: "prog.js", line 99: illegally formed XML syntax
js: 				</Snackbar>)
js: .....^
js: "prog.js", line 99: syntax error
js: 				</Snackbar>)
js: .....^
js: "prog.js", line 101: missing ; before statement
js: 			})
js: ....^
js: "prog.js", line 104: syntax error
js: 		}
js: ..^
js: "prog.js", line 106: syntax error
js: 	}, []);
js: .^
js: "prog.js", line 106: syntax error
js: 	}, []);
js: ..^
js: "prog.js", line 112: missing ; before statement
js: 	const viewIntro = async function () {
js: .................................^
js: "prog.js", line 114: missing ; before statement
js: 			await bridge.send('VKWebAppStorageSet', {
js: ...............^
js: "prog.js", line 115: syntax error
js: 				key: STORAGE_KEYS.STATUS_START,
js: ........^
js: "prog.js", line 116: syntax error
js: 				value: JSON.stringify({
js: ..........^
js: "prog.js", line 117: syntax error
js: 					hasSeeIntro: true
js: .................^
js: "prog.js", line 118: syntax error
js: 				})
js: .....^
js: "prog.js", line 119: syntax error
js: 			});
js: ....^
js: "prog.js", line 121: syntax error
js: 		} catch (error){
js: .........^
js: "prog.js", line 131: illegally formed XML syntax
js: 			</Snackbar>)
js: ....^
js: "prog.js", line 131: syntax error
js: 			</Snackbar>)
js: ....^
js: "prog.js", line 133: syntax error
js: 	}
js: .^
js: "prog.js", line 175: unterminated regular expression literal
js:                 </ActionSheet>
js: .............................^
js: "prog.js", line 249: illegally formed XML syntax
js: 								</BottomNavigation>
js: .........^
js: "prog.js", line 249: syntax error
js: 								</BottomNavigation>
js: .........^
js: "prog.js", line 250: unterminated regular expression literal
js: 							</div>
js: ............^
js: "prog.js", line 251: unterminated regular expression literal
js: 						</div>
js: ...........^
js: "prog.js", line 252: unterminated regular expression literal
js: 					</Card>
js: ...........^
js: "prog.js", line 262: illegally formed XML syntax
js: 				</ActionSheet>)
js: .....^
js: "prog.js", line 262: syntax error
js: 				</ActionSheet>)
js: .....^
js: "prog.js", line 282: illegally formed XML syntax
js: 						</Snackbar>)
js: .......^
js: "prog.js", line 282: syntax error
js: 						</Snackbar>)
js: .......^
js: "prog.js", line 292: missing ) after argument list
js: 					<ActionSheetItem autoclose onClick={() => setEquineType('Выездка')}>
js: ...............................^
js: "prog.js", line 294: illegally formed XML syntax
js: 					</ActionSheetItem>
js: ......^
js: "prog.js", line 294: syntax error
js: 					</ActionSheetItem>
js: ......^
js: "prog.js", line 295: unterminated regular expression literal
js: 				</ActionSheet>)
js: ..................^
js: "prog.js", line 315: unterminated regular expression literal
js: 				</ActionSheet>)
js: ..................^
js: "prog.js", line 371: illegally formed XML syntax
js: 						</TextField>
js: .......^
js: "prog.js", line 371: syntax error
js: 						</TextField>
js: .......^
js: "prog.js", line 372: missing ; before statement
js: 						<TextField id="phone-number" label="Телефон" variant="outlined" />
js: ...................^
js: "prog.js", line 373: unterminated regular expression literal
js: 					</div>
js: ..........^
js: "prog.js", line 374: unterminated regular expression literal
js: 				</FormControl>;
js: ..................^
js: "prog.js", line 385: unterminated regular expression literal
js: 						</ActionSheet>
js: ...................^
js: "prog.js", line 426: unterminated regular expression literal
js: 					</ActionSheet>
js: ..................^
js: "prog.js", line 448: missing ; before statement
js: export default App;
js: ..............^
js: "prog.js", line 449: missing } in compound statement
js: 
js: ^
js: "prog.js", line 449: missing } in compound statement
js: 
js: ^
js: "prog.js", line 449: missing } after function body
js: 
js: ^
js: "prog.js", line 1: Compilation produced 81 syntax errors.

https://ideone.com/bOqZa2

language:

JavaScript (rhino 1.7.9)

created:

visibility:

public

Share or Embed source code

Discover > Sphere Engine API

The brand new service which powers Ideone!

Discover > IDE Widget

Widget for compiling and running the source code in a web browser!

Discover > Sphere Engine API

Discover > IDE Widget

Choose your language