Micropython.html - main - VoRoN/HTML

Micropython.html
393 строки54 KB
Александр Владимирович
upload files
20 ноя 2025, 22:05
20 ноя 2025, 22:05e3f279f
<html>
	<meta charset="UTF-8">
	<title>Редактор MicroPython</title>
<head>
<style>
	body {
		margin: 0px;
	}
	#main {
		width: 100%;
		height: calc(100% - 36px);
		display: flex;
		flex-direction: row;
	}
	#editor {
		width: 100%;
		height: 100%;
		min-width: 10px;
	}
#menu a.selected {background-color:#a3f3a3;}
#menu {width:auto;display:block;text-align:left;line-height:1.2;height:34px;}
#menu ul {display:block;margin:0;padding:0;position:relative;width:auto;font-size:0;text-align:left;color:#EEE;stroke:#EEE;fill:#EEE;background-color:#333;border:transparent;list-style:none;z-index:999999990;border-radius: 3px;}
#menu li {display:inline-block;position:relative;font-size:0;margin:0;padding:0;}
#menu >ul>li>span, #menu >ul>li>a {font-size:12px;color:inherit;text-decoration:none;padding:10px 15px;font-weight:400;text-transform:uppercase;letter-spacing:2px;display:flex;position:relative;transition:all 0.3s;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: center;}
#menu li:hover > span, #menu li:hover > a {color:#333;stroke:#333;fill:#333;background-color:#F3F3F3;}
#menu .smenu {text-align:left;left:0;color: #333;fill:#333;stroke:#333;background-color:#F3F3F3;border:none;position:absolute;box-shadow: 0 4px 8px rgba(0,0,0,0.3);display:none;opacity:0;cursor:default;}
#menu .smenu li {display: block;}
#menu >ul>li>span.icon,#menu .smenu li > span.icon{ padding:6px }
#menu .smenu li > span, #menu .smenu li > a {font-size:14px;font-weight:400;font-family:inherit;margin:0;padding:8px 20px; display:flex;color:inherit;text-decoration:none;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: center;}
#menu .smenu li:hover > span, #menu .smenu li:hover > a{color:#333;background-color:#DDD;}
#menu .smenu li > .smenu.right0 {left:auto;right:100%;}
#menu li:hover > .smenu {display:block;opacity:1;z-index:1;}
#menu .smenu li > .smenu {left:100%; right:auto;top:0;}
#menu ul.smenu {min-width:240px;}
#menu div.smenu {text-align:center;}
#menu .arrow {color:inherit;border-style:solid; border-width:2px 2px 0 0; padding:4px; transform:rotate(135deg);margin-top:-8.5px;margin-left:4px;position:relative;display: inline-block;width: 0;height: 0;vertical-align:middle;overflow:hidden;}
#menu .smenu .arrow {transform:rotate(45deg);top:50%;margin-top:-6px;position:absolute;left:auto;right:20px;}
@keyframes topItemAnimation {from {opacity: 0; transform:translate3d(0, -60px, 0);} to {opacity: 1; transform:translate3d(0, 0, 0);}}
#menu li a {animation:none;}
#menu.active li a { animation: topItemAnimation 0.5s cubic-bezier(.16,.84,.44,1) 0.083s backwards;}
#menu.active li:nth-of-type(1) a { animation: topItemAnimation 0.5s cubic-bezier(.16,.84,.44,1) 0.5s backwards;}
#menu.active li:nth-of-type(2) a { animation: topItemAnimation 0.5s cubic-bezier(.16,.84,.44,1) 0.41s backwards;}
#menu.active li:nth-of-type(3) a { animation: topItemAnimation 0.5s cubic-bezier(.16,.84,.44,1) 0.33s backwards;}
#menu.active li:nth-of-type(4) a { animation: topItemAnimation 0.5s cubic-bezier(.16,.84,.44,1) 0.25s backwards;}
#menu.active li:nth-of-type(5) a { animation: topItemAnimation 0.5s cubic-bezier(.16,.84,.44,1) 0.16s backwards;}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #menu.active li a{animation:none!important;}}
#menu li .switch label {top: -7px;}
#data {position:absolute;bottom: 0px;left:0px;width: 100vw;height: 260px;}
input.switch[type=checkbox]{height:0;width:0;visibility:hidden;}
label.switch{cursor: pointer;text-indent: -9999px;width: 40px;height:20px;background:grey;display:block;border-radius:20px;position:relative;}
label.switch:after {content:'';position:absolute;top:1px;left:1px;width:18px;height:18px;background:#fff;border-radius:18px;transition: 0.3s;}
input.switch:checked + label {background: #bada55;}
input.switch:checked + label:after {left: calc(100% - 1px);transform: translateX(-100%);}
label.switch:active:after {width: 26px;}
div .switch input[type=checkbox]{height:0;width:0;visibility:hidden;}
div .switch label{cursor: pointer;text-indent: -9999px;width: 40px;height:20px;background:grey;display:block;border-radius:20px;position:relative;}
div .switch label:after {content:'';position:absolute;top:1px;left:1px;width:18px;height:18px;background:#fff;border-radius:18px;transition: 0.3s;}
div .switch input:checked + label {background: #bada55;}
div .switch input:checked + label:after {left: calc(100% - 1px);transform: translateX(-100%);}
div .switch label:active:after {width: 26px;}
</style>
<style>
.iblize-light{color:#5c7a8a;background-color:#fff}
.iblize-light .iblize_linenumber,.iblize-light .iblize_textarea,.iblize-light .iblize_pre {padding: 10px 15px}
.iblize-light .iblize_linenumber {border-right: 1px solid rgba(92,122,138,.2)}
.iblize-light .iblize_linenumber_child {opacity: .7}
.iblize-light .iblize_textarea {caret-color: #228ec3}
.iblize-light .iblize_textarea::selection {background-color: rgba(34,142,195,.2)}
.iblize-light .token.punctuation,.iblize-light .token.attr-equals,.iblize-light .token.property {color: #5c7a8a}
.iblize-light .token.comment,.iblize-light .token.prolog,.iblize-light .token.doctype,.iblize-light .token.cdata,.iblize-light .token.namespace {color:#5c7a8a;opacity: .5}
.iblize-light .token.keyword {color: #ce3bce}
.iblize-light .token.tag,.iblize-light .token.parameter,.iblize-light .token.interpolation,.iblize-light .token.selector,.iblize-light .token.deleted {color:#d5445c}
.iblize-light .token.function,.iblize-light .token.operator,.iblize-light .token.entity,.iblize-light .token.url,.iblize-light .token.regex,.iblize-light .token.atrule,.iblize-light .token.class-name {color: #228ec3}
.iblize-light .token.string,.iblize-light .token.char,.iblize-light .token.inserted,.iblize-light .token.builtin,.iblize-light .token.attr-value {color: #3c9f41}
.iblize-light .token.attr-name,.iblize-light .token.number,.iblize-light .token.boolean,.iblize-light .token.important,.iblize-light .token.symbol,.iblize-light .token.constant {color: #c98218}
.iblize-light .token.bold {font-weight: bold}
.iblize-light .token.italic {font-style: italic}
.iblize-light .token.entity {cursor: help}
.iblize-light .language-css {color: #c98218}
.iblize-dark {color: #a3b8c2;background-color: #222639}
.iblize-dark .iblize_linenumber,.iblize-dark .iblize_textarea,.iblize-dark .iblize_pre {padding: 10px 15px}
.iblize-dark .iblize_linenumber {border-right: 1px solid #363c59}
.iblize-dark .iblize_linenumber_child {opacity: .5}
.iblize-dark .iblize_textarea {caret-color: #52b1e0}
.iblize-dark .iblize_textarea::selection {background-color: rgba(82,177,224,.2)}
.iblize-dark .token.punctuation,.iblize-dark .token.attr-equals,.iblize-dark .token.property {color: #a3b8c2}
.iblize-dark .token.comment,.iblize-dark .token.prolog,.iblize-dark .token.doctype,.iblize-dark .token.cdata,.iblize-dark .token.namespace {color: #a3b8c2;opacity: .5}
.iblize-dark .token.keyword {color: #c6c}
.iblize-dark .token.tag,.iblize-dark .token.parameter,.iblize-dark .token.interpolation,.iblize-dark .token.selector,.iblize-dark .token.deleted {color: #e05269}
.iblize-dark .token.function,.iblize-dark .token.operator,.iblize-dark .token.entity,.iblize-dark .token.url,.iblize-dark .token.regex,.iblize-dark .token.atrule,.iblize-dark .token.class-name {color: #52b1e0}
.iblize-dark .token.string,.iblize-dark .token.char,.iblize-dark .token.inserted,.iblize-dark .token.builtin,.iblize-dark .token.attr-value {color: #7ab87d}
.iblize-dark .token.attr-name,.iblize-dark .token.number,.iblize-dark .token.boolean,.iblize-dark .token.important,.iblize-dark .token.symbol,.iblize-dark .token.constant {color: #e0a752}
.iblize-dark .token.bold {font-weight: bold}
.iblize-dark .token.italic {font-style: italic}
.iblize-dark .token.entity {cursor: help}
.iblize-dark .language-css {color: #e0a752}
</style>
<script>
if(Object.assign == undefined)Object.assign = function() {var o = {};for(var i=0; i < arguments.length; i += 1) {var obj = arguments[i],keys = Object.keys(obj);for(var j=0; j < keys.length; j += 1)o[keys[j]] = obj[keys[j]]}return o};
//Format strings
String.prototype.format = function () {
	var i=0,args=arguments,formats={
		"f":function(v,s,c,f){v=v||0,s=s||(c[0]=='0'?'0':' '),c=parseInt(c||'0'),f=parseInt(f||'-1');v=f>0?(v>0?Math.floor(v):Math.ceil(v))+"."+Math.round(v*Math.pow(10,f)).toString().padStart(f,'0').slice(-f).padEnd(f,'0'):(f==-1?v.toString():Math.floor(v).toString());return c>v.length?s.repeat(c-v.length)+v:v},
		"d":function(v,s,c,f){v=v||0,s=s||(c[0]=='0'?'0':' '),c=parseInt(c||'0');v=Math.floor(v).toString();return c>v.length?s.repeat(c-v.length)+v:v},
		"s":function(v,s,c,f){v=v||'',s=s||' ',c=parseInt(c||'0');return c>v.length?s.repeat(c-v.length)+v:v},
		"x":function(v,s,c,f){v=v||0,s=s||' ',c=parseInt(c||'0');v=Math.floor(v).toString(16);return c>v.length?s.repeat(c-v.length)+v:v},
		"X":function(v,s,c,f){v=v||0,s=s||' ',c=parseInt(c||'0');v=Math.floor(v).toString(16).toUpperCase();return c>v.length?s.repeat(c-v.length)+v:v},
		"R":function(v,s,c,f){return v.toString()},
	};
	return this.replace(/{([\d\w]+):?([0=-_*])?(\d+)?\.?(\d+)?([dfsxX])?}/g, function () {
		let val = typeof(args[0])=='object'?(args[0][arguments[1]||i]):(arguments[3]?args[arguments[1]||i]:args[i]);
		i++;
		return val != undefined ? formats[arguments[5]||"R"](val,arguments[2],arguments[3]||arguments[1],arguments[4]) : arguments[0];
	});
};
Uint8Array.prototype.hex = function(d){return Array.from(this).map(x=>x.toString(16).padStart(2, '0').toUpperCase()).join(d==undefined?"-":d)}
var $ = document.querySelector.bind(document),
$$ = document.querySelectorAll.bind(document),
log=x=>console.log(x),
url=x=>URL.createObjectURL(x),
bytes=(data, size, cl)=>{let buff=new ArrayBuffer(size);let uint=new Uint8Array(buff),ret=new cl(buff);ret[0]=data;return uint},
value=(data, size, cl)=>{let buff=new ArrayBuffer(size);let uint=new Uint8Array(buff);for(let i=0;i<size;i++)uint[i]=data[i];let ret=new cl(buff);return ret[0]}
GetBytes = {
	"uint16":data=>bytes(data,2,Uint16Array),
	"uint32":data=>bytes(data,4,Uint32Array),
	"int16":data=>bytes(data,2,Int16Array),
	"int32":data=>bytes(data,4,Int32Array),
	"float32":data=>bytes(data,4,Float32Array),
	"float64":data=>bytes(data,8,Float64Array),
	"string":data=>(new TextEncoder()).encode(data),
};
GetValue = {
	"uint16":data=>value(data,2,Uint16Array),
	"uint32":data=>value(data,4,Uint32Array),
	"int16":data=>value(data,2,Int16Array),
	"int32":data=>value(data,4,Int32Array),
	"float32":data=>value(data,4,Float32Array),
	"float64":data=>value(data,8,Float64Array),
	"string":(data,charset)=>(new TextDecoder(charset)).decode(data),
};
var defparser = {
	polling:false,
	polldata:"",
	poll:function(){},
	init:async function(){
		await send("import os,sys,json;print(json.dumps({'q':'ver','d':os.uname().version}))\r\n");
	},
	deinit:async function(){},
	update:function(){},
	process:function(msg,x){
		msg=GetValue.string(msg,"UTF-8");
		if(x=="rx"&&!msg.startsWith(">>> ")&&(msg.startsWith("[")||msg.startsWith("{"))){
			msg=JSON.parse(msg);
			if(msg.q!=undefined)switch(msg.q){
				case "files":
					$("#files").innerHTML="";
					for(f of msg.d)$("#files").innerHTML+=`<li><a href="javascript:loadDev('${f}')">${f}</a></li>`;
					$("#files").innerHTML+='<li><a href="javascript:filesDev()">Обновить</a></li>'
					break;
				case "file":
					filename=msg.n;
					doc.setValue(msg.d.join(""));
					break;
				case "write":
					alert("Записано байт: "+msg.d);
					break;
				case "ver":
					$("#connect").innerHTML=msg.d;
					break;
			}
		}
	},
	split:function(buff){
		let start=buff.indexOf(0x0D);
		if(start!=-1&&buff[start+1]==0x0A)return buff.slice(0,start+2);//\r\n
		return null;
	},
	toString:function(){return "defparser"}
},
doc=null,ipc=null,port=null,filename=null,history={},buffer=null,
options = {
	baudRate:115200,
	dataBits:8,
	parity:"none",
	stopBits:1,
	parser:defparser,
	src:"GP",
	debug:false,
	debug_pkt:true,
	language:"python",
	tabSize:4,
	theme:"iblize-light",
},doc_opt=["language","tabSize","theme"];
setTimeout(function(){
	for(s in options){let v=localStorage.getItem(s),e=$("#"+s);if(v){set(s,eval(v));if(e&&typeof(options[s])=="boolean")$("#"+s).checked=options[s]}};
},100);
function update(info){
Object.assign(deviceInfo,info);
for(k in info){var el = $('#'+k); if(el!=undefined)el[typeof info[k] == "boolean"?"checked":"innerHTML"] = info[k]};
}
function valueAtBit(e,t){return e>>t-1&1}
function valueAtIndex2Bit(e,t){return e>>t-1&3}
function crc(t){var a=0;for(s=0;s<t.length-1;s++)0==s?a=t[s]:a^=t[s];return a;}

function crc8(data){let crc=0xFF;for(var i=0;i<data.length;i++){crc^=data[i]&0xFF;for(var j=0;j<8;j++)if(crc & 1){crc>>=1;crc^=0xb8}else{crc>>=1}}return crc & 0xFFFF;}
function crc16(data){let crc=0xFFFF,odd;for(d of data){crc=crc^d;for (let i=0;i<8;i++){odd=crc&0x0001;crc=crc>>1;if(odd){crc=crc^0xA001}}}return crc;}
var buff=[];
var reader=null;
async function connect(){
	if(port!=null && port.connected && reader!=null){$("#connect").innerHTML="Соединение";log("Порт отсоединен");reader.cancel();options.parser.deinit().then(e=>port.close());return}
	if(ipc)clearInterval(ipc);
	if(navigator.serial!=undefined){
		return navigator.serial.requestPort({}).then(e=>{
			port = e;
			return port.open(options);
		}).then(async e=>{
			if(options.parser.polling>0)ipc=setInterval(options.parser.poll,options.parser.polling,options.parser);
			if(port.connected){log("Порт соединен");$("#connect").innerHTML="Отсоединить";options.parser.init()}
			while(port.readable){
				reader = port.readable.getReader();
				try{
					buff = [];
					while(true){
						const{value,done} = await reader.read();
						if(done)break;
						buff.push(...value);
						while(packet=options.parser.split(buff)){
							recive(new Uint8Array(packet));
							buff=buff.slice(packet.length);
						}
					}
				}catch(error){
					log(error);
				}finally{
					reader.releaseLock();
					reader=null;
					break;
				}
			}
			/*e="";
			while(reader){
				let b = 
				e = e+new TextDecoder().decode((await reader.read())["value"]);
				ee=e.split("\r\n");
				e=ee.pop();
				for(eee of ee)recive(eee);
			}*/
		}).catch(e=>{
			log(e);//port=null;
		});
	}
}
async function recive(e){
	if(options.debug_pkt)log(GetValue.string(e).replace("\r\n",""));
	if(options.debug_hex)log("RX: "+e.hex());
	options.parser.process(e, "rx");
	options.parser.update(options.src);
}
async function send(e){
	if(typeof(e)=="function")e=e()
	if(typeof(e)=="string")e=GetBytes.string(e,"UTF-8");
	if(options.debug_pkt)log(GetValue.string(e).replace("\r\n",""));
	if(options.debug_hex){log("TX: "+e.hex())};
	options.parser.process(e, "tx");
	if(port!=null && port.writable!=null){
		const writer = port.writable.getWriter();
		await writer.write(e);
		writer.releaseLock();
	}
	return e
}
function set(param,value){
	if(doc_opt.includes(param))doc.setOptions(Object.fromEntries([[param,value]]));
	if(typeof(param)=="Object"){
		for(k in param)set(k,param[k])
	}else{
		options[param]=value;
		localStorage.setItem(param,typeof(value)=='string'?'"'+value+'"':value.toString());
		try{
			$("#"+param+" a[class*=selected]").classList.remove("selected");
		}catch{}
		try{
			$("#"+param+" a[href*='"+value.toString()+"']").classList.add("selected");
		}catch{}
	}
	//return value;
}
function main(){
	doc = new Iblize("#editor",doc_opt.reduce((a,x)=>{a[x]=options[x];return a},{}));
	doc.onUpdate((value) => {localStorage.setItem("document",value);});
	//dragElement(document.getElementById("splitter"),document.getElementById("editor"),document.getElementById("viewer"));
	let data = localStorage.getItem("document")??"";
	//if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches)doc.setOptions({theme:"iblize-dark"});
	doc.setValue(data);
}
var filesDev=x=>send("print(json.dumps({'q':'files','d':os.listdir()}))\r\n"),
loadDev=x=>send("f=open('"+x+"');print(json.dumps({'q':'file','n':'"+x+"','d':f.readlines()}));f.close()\r\n"),
saveDev=(x,d)=>send("f=open('"+x+"','w');print(json.dumps({'q':'write','d':f.write("+JSON.stringify(d)+")}));f.close()\r\n"),
Load=x=>{let inp=document.createElement("input"),r=new FileReader();inp.type="file";inp.onchange=function(){r.readAsText(inp.files[0],"UTF-8");filename=inp.files[0].name};r.onload=function(e){doc.setValue(e.target.result)};inp.click();},
Save=x=>{let a=document.createElement("a");a.href=URL.createObjectURL(new Blob([doc.getValue()],{type:"text/html"}));a.download=x;a.click();URL.revokeObjectURL(a.href)},
getName=x=>filename??(filename=prompt("Имя файла",x))??x??"noname.py";
</script>

</head>
<body onload="main()">
<div id="menu">
	<ul>
		<li><span>файл</span>
			<ul class="smenu" style="min-width: 180px;">
				<li><a id="connect" href="javascript:connect()">Подключить</a></li>
				<li><a href="javascript:saveDev(getName(),doc.getValue())">Загрузить</a></li>
				<li><a>Из устройства<i class="arrow"></i></a>
					<ul id="files" class="smenu" style="min-width: 40px;">
						<li><a href="javascript:filesDev()">Получить список</a></li>
					</ul>
				</li>
				<li><a href="javascript:Load()">Открыть с диска</a></li>
				<li><a href="javascript:Save(getName())">Сохранить на диск</a></li>
			</ul>
		</li>
		<li><span>Настройка</span>
			<ul id="parser" class="smenu" style="min-width: 180px;">
				<li id="language"><a>Подсветка языка<i class="arrow"></i></a>
					<ul class="smenu" style="min-width: 80px;">
						<li><a href="javascript:set('language','python')">Python</a></li>
						<li><a href="javascript:set('language','html')">HTML</a></li>
						<li><a href="javascript:set('language','js')">JavaScript</a></li>
					</ul>
				</li>
				<li id="tabSize"><a>Размер табуляции<i class="arrow"></i></a>
					<ul class="smenu" style="min-width: 40px;">
						<li><a href="javascript:set('tabSize',4)">4</a></li>
						<li><a href="javascript:set('tabSize',2)">2</a></li>
					</ul>
				</li>
				<li id="theme"><a>Тема редактора<i class="arrow"></i></a>
					<ul class="smenu" style="min-width: 40px;">
						<li><a href="javascript:set('theme','iblize-dark')">Темная</a></li>
						<li><a href="javascript:set('theme','iblize-light')">Светлая</a></li>
					</ul>
				</li>
				<li id="baudRate"><span>Скорость прота<i class="arrow"></i></span>
					<ul class="smenu" style="min-width: 80px;">
						<li><a href="javascript:set('baudRate',1200)">1200</a></li>
						<li><a href="javascript:set('baudRate',2400)">2400</a></li>
						<li><a href="javascript:set('baudRate',4800)">4800</a></li>
						<li><a href="javascript:set('baudRate',9600)">9600</a></li>
						<li><a href="javascript:set('baudRate',19200)">19200</a></li>
						<li><a href="javascript:set('baudRate',38400)">38400</a></li>
						<li><a href="javascript:set('baudRate',59600)">59600</a></li>
						<li><a href="javascript:set('baudRate',115200)">115200</a></li>
					</ul>
				</li>
				<li id="parity"><span>Четность порта<i class="arrow"></i></span>
					<ul class="smenu" style="min-width: 80px;">
						<li><a href="javascript:set('parity','none')">Нет</a></li>
						<li><a href="javascript:set('parity','even')">Четная</a></li>
						<li><a href="javascript:set('parity','odd')">Нечетная</a></li>
					</ul>
				</li>
				<li id="dataBits"><span>Биты данных<i class="arrow"></i></span>
					<ul class="smenu" style="min-width: 80px;">
						<li><a href="javascript:set('dataBits',7)">7</a></li>
						<li><a href="javascript:set('dataBits',8)">8</a></li>
					</ul>
				</li>
				<li id="stopBits"><span>Стоповые биты<i class="arrow"></i></span>
					<ul class="smenu" style="min-width: 80px;">
						<li><a href="javascript:set('stopBits',1)">1</a></li>
						<li><a href="javascript:set('stopBits',2)">2</a></li>
					</ul>
				</li>
				<li><span><label for="debug_pkt">Дамп пакетов</label><input class="switch" id="debug_pkt" type="checkbox" onchange="set('debug_pkt',this.checked)" /><label class="switch" for="debug_pkt">Toggle</label></span></li>
				<li><span><label for="debug_hex">Дамп HEX</label><input class="switch" id="debug_hex" type="checkbox" onchange="set('debug_hex',this.checked)" /><label class="switch" for="debug_hex">Toggle</label></span></li>
			</ul>
		</li>
		<li><span>Выполнить</span>
			<ul class="smenu">
				<li><a href="javascript:send((prompt('Комманда')??'')+'\r\n')">Команду</a></li>
				<li><a href="javascript:send(doc.getLineValue(doc.getActiveLine())+'\r\n')">Активную строку</a></li>
				<li><a href="javascript:send(doc.getValue().slice(doc.getSelection().start,doc.getSelection().end)+'\r\n')">Выделенный фрагмент</a></li>
			</ul>
		</li>
	</ul>
</div>
<div id="main">
<div id="editor"></div>
</div>
<script>
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).Iblize=t()}(this,(function(){"use strict";function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}function t(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function a(e,t,a){return t&&n(e.prototype,t),a&&n(e,a),e}function r(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var a,r,i=[],s=!0,l=!1;try{for(n=n.call(e);!(s=(a=n.next()).done)&&(i.push(a.value),!t||i.length!==t);s=!0);}catch(e){l=!0,r=e}finally{try{s||null==n.return||n.return()}finally{if(l)throw r}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return i(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var s="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},l={exports:{}};!function(e){var t=function(e){var t=/\blang(?:uage)?-([\w-]+)\b/i,n=0,a={},r={manual:e.Prism&&e.Prism.manual,disableWorkerMessageHandler:e.Prism&&e.Prism.disableWorkerMessageHandler,util:{encode:function e(t){return t instanceof i?new i(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++n}),e.__id},clone:function e(t,n){var a,i;switch(n=n||{},r.util.type(t)){case"Object":if(i=r.util.objId(t),n[i])return n[i];for(var s in a={},n[i]=a,t)t.hasOwnProperty(s)&&(a[s]=e(t[s],n));return a;case"Array":return i=r.util.objId(t),n[i]?n[i]:(a=[],n[i]=a,t.forEach((function(t,r){a[r]=e(t,n)})),a);default:return t}},getLanguage:function(e){for(;e&&!t.test(e.className);)e=e.parentElement;return e?(e.className.match(t)||[,"none"])[1].toLowerCase():"none"},currentScript:function(){if("undefined"==typeof document)return null;if("currentScript"in document)return document.currentScript;try{throw new Error}catch(a){var e=(/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(a.stack)||[])[1];if(e){var t=document.getElementsByTagName("script");for(var n in t)if(t[n].src==e)return t[n]}return null}},isActive:function(e,t,n){for(var a="no-"+t;e;){var r=e.classList;if(r.contains(t))return!0;if(r.contains(a))return!1;e=e.parentElement}return!!n}},languages:{plain:a,plaintext:a,text:a,txt:a,extend:function(e,t){var n=r.util.clone(r.languages[e]);for(var a in t)n[a]=t[a];return n},insertBefore:function(e,t,n,a){var i=(a=a||r.languages)[e],s={};for(var l in i)if(i.hasOwnProperty(l)){if(l==t)for(var o in n)n.hasOwnProperty(o)&&(s[o]=n[o]);n.hasOwnProperty(l)||(s[l]=i[l])}var u=a[e];return a[e]=s,r.languages.DFS(r.languages,(function(t,n){n===u&&t!=e&&(this[t]=s)})),s},DFS:function e(t,n,a,i){i=i||{};var s=r.util.objId;for(var l in t)if(t.hasOwnProperty(l)){n.call(t,l,t[l],a||l);var o=t[l],u=r.util.type(o);"Object"!==u||i[s(o)]?"Array"!==u||i[s(o)]||(i[s(o)]=!0,e(o,n,l,i)):(i[s(o)]=!0,e(o,n,null,i))}}},plugins:{},highlightAll:function(e,t){r.highlightAllUnder(document,e,t)},highlightAllUnder:function(e,t,n){var a={callback:n,container:e,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};r.hooks.run("before-highlightall",a),a.elements=Array.prototype.slice.apply(a.container.querySelectorAll(a.selector)),r.hooks.run("before-all-elements-highlight",a);for(var i,s=0;i=a.elements[s++];)r.highlightElement(i,!0===t,a.callback)},highlightElement:function(n,a,i){var s=r.util.getLanguage(n),l=r.languages[s];n.className=n.className.replace(t,"").replace(/\s+/g," ")+" language-"+s;var o=n.parentElement;o&&"pre"===o.nodeName.toLowerCase()&&(o.className=o.className.replace(t,"").replace(/\s+/g," ")+" language-"+s);var u={element:n,language:s,grammar:l,code:n.textContent};function c(e){u.highlightedCode=e,r.hooks.run("before-insert",u),u.element.innerHTML=u.highlightedCode,r.hooks.run("after-highlight",u),r.hooks.run("complete",u),i&&i.call(u.element)}if(r.hooks.run("before-sanity-check",u),(o=u.element.parentElement)&&"pre"===o.nodeName.toLowerCase()&&!o.hasAttribute("tabindex")&&o.setAttribute("tabindex","0"),!u.code)return r.hooks.run("complete",u),void(i&&i.call(u.element));if(r.hooks.run("before-highlight",u),u.grammar)if(a&&e.Worker){var p=new Worker(r.filename);p.onmessage=function(e){c(e.data)},p.postMessage(JSON.stringify({language:u.language,code:u.code,immediateClose:!0}))}else c(r.highlight(u.code,u.grammar,u.language));else c(r.util.encode(u.code))},highlight:function(e,t,n){var a={code:e,grammar:t,language:n};return r.hooks.run("before-tokenize",a),a.tokens=r.tokenize(a.code,a.grammar),r.hooks.run("after-tokenize",a),i.stringify(r.util.encode(a.tokens),a.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var a in n)t[a]=n[a];delete t.rest}var r=new o;return u(r,r.head,e),l(e,r,t,r.head,0),function(e){var t=[],n=e.head.next;for(;n!==e.tail;)t.push(n.value),n=n.next;return t}(r)},hooks:{all:{},add:function(e,t){var n=r.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=r.hooks.all[e];if(n&&n.length)for(var a,i=0;a=n[i++];)a(t)}},Token:i};function i(e,t,n,a){this.type=e,this.content=t,this.alias=n,this.length=0|(a||"").length}function s(e,t,n,a){e.lastIndex=t;var r=e.exec(n);if(r&&a&&r[1]){var i=r[1].length;r.index+=i,r[0]=r[0].slice(i)}return r}function l(e,t,n,a,o,p){for(var h in n)if(n.hasOwnProperty(h)&&n[h]){var d=n[h];d=Array.isArray(d)?d:[d];for(var g=0;g<d.length;++g){if(p&&p.cause==h+","+g)return;var f=d[g],m=f.inside,v=!!f.lookbehind,b=!!f.greedy,y=f.alias;if(b&&!f.pattern.global){var k=f.pattern.toString().match(/[imsuy]*$/)[0];f.pattern=RegExp(f.pattern.source,k+"g")}for(var x=f.pattern||f,w=a.next,A=o;w!==t.tail&&!(p&&A>=p.reach);A+=w.value.length,w=w.next){var F=w.value;if(t.length>e.length)return;if(!(F instanceof i)){var j,S=1;if(b){if(!(j=s(x,A,e,v)))break;var E=j.index,T=j.index+j[0].length,C=A;for(C+=w.value.length;E>=C;)C+=(w=w.next).value.length;if(A=C-=w.value.length,w.value instanceof i)continue;for(var z=w;z!==t.tail&&(C<T||"string"==typeof z.value);z=z.next)S++,C+=z.value.length;S--,F=e.slice(A,C),j.index-=A}else if(!(j=s(x,0,F,v)))continue;E=j.index;var L=j[0],$=F.slice(0,E),_=F.slice(E+L.length),O=A+F.length;p&&O>p.reach&&(p.reach=O);var N=w.prev;if($&&(N=u(t,N,$),A+=$.length),c(t,N,S),w=u(t,N,new i(h,m?r.tokenize(L,m):L,y,L)),_&&u(t,w,_),S>1){var P={cause:h+","+g,reach:O};l(e,t,n,w.prev,A,P),p&&P.reach>p.reach&&(p.reach=P.reach)}}}}}}function o(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function u(e,t,n){var a=t.next,r={value:n,prev:t,next:a};return t.next=r,a.prev=r,e.length++,r}function c(e,t,n){for(var a=t.next,r=0;r<n&&a!==e.tail;r++)a=a.next;t.next=a,a.prev=t,e.length-=r}if(e.Prism=r,i.stringify=function e(t,n){if("string"==typeof t)return t;if(Array.isArray(t)){var a="";return t.forEach((function(t){a+=e(t,n)})),a}var i={type:t.type,content:e(t.content,n),tag:"span",classes:["token",t.type],attributes:{},language:n},s=t.alias;s&&(Array.isArray(s)?Array.prototype.push.apply(i.classes,s):i.classes.push(s)),r.hooks.run("wrap",i);var l="";for(var o in i.attributes)l+=" "+o+'="'+(i.attributes[o]||"").replace(/"/g,"&quot;")+'"';return"<"+i.tag+' class="'+i.classes.join(" ")+'"'+l+">"+i.content+"</"+i.tag+">"},!e.document)return e.addEventListener?(r.disableWorkerMessageHandler||e.addEventListener("message",(function(t){var n=JSON.parse(t.data),a=n.language,i=n.code,s=n.immediateClose;e.postMessage(r.highlight(i,r.languages[a],a)),s&&e.close()}),!1),r):r;var p=r.util.currentScript();function h(){r.manual||r.highlightAll()}if(p&&(r.filename=p.src,p.hasAttribute("data-manual")&&(r.manual=!0)),!r.manual){var d=document.readyState;"loading"===d||"interactive"===d&&p&&p.defer?document.addEventListener("DOMContentLoaded",h):window.requestAnimationFrame?window.requestAnimationFrame(h):window.setTimeout(h,16)}return r}("undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{});
e.exports&&(e.exports=t),void 0!==s&&(s.Prism=t),t.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(? … [Строка слишком длинная. Вы можете скачать файл]
</script>
</body>
</html>