/* ***** BEGIN LICENSE BLOCK *****
	Copyright (c) 2018-2020 Famibee (famibee.blog38.fc2.com)

	This software is released under the MIT License.
	http://opensource.org/licenses/mit-license.php
** ***** END LICENSE BLOCK ***** */

import { SysBase } from "./SysBase";
import {CmnLib, getDateStr, argChk_Boolean} from './CmnLib';
import {IConfig, IHTag, IVariable, IMain, HArg, ITag, IFn2Path, IData4Vari} from './CmnInterface';
import {Main} from './Main';

const strLocal = require('store');
import {Application} from 'pixi.js';
import 'devtools-detect';

export class SysWeb extends SysBase {
	constructor(hPlg = {}, arg = {cur: 'prj/', crypto: false, dip: ''}) {
		super(hPlg, arg);

		const idxCur = arg.cur.lastIndexOf('/', arg.cur.length -2);
		this.def_prj = arg.cur.slice(idxCur +1, -1);
		//	(idxCur === -1)
		//	? arg.cur.slice(0, -1)
		//	: arg.cur.slice(idxCur +1, -1);

		window.onload = ()=> {
			for (const v of document.querySelectorAll('[data-prj]')) {
				v.addEventListener('click', ()=> {
					const elm = v.attributes.getNamedItem('data-prj');
					if (! elm) return;
					const prj = elm.value;
					if (this.now_prj !== prj) this.run(prj);
				}, {passive: true});
			}
			for (const v of document.querySelectorAll('[data-reload]')) {
				v.addEventListener('click', ()=> this.run(this.now_prj), {passive: true});
			}
			if (arg.dip) CmnLib.hDip = JSON.parse(arg.dip);
			const sp = new URLSearchParams(location.search);
			const dip = sp.get('dip');	// ディップスイッチ
			if (dip) CmnLib.hDip = {...CmnLib.hDip, ...JSON.parse(dip)};
			if (! argChk_Boolean(CmnLib.hDip, 'oninit_run', true)) return;
			this.run(sp.get('cur') ?? '');
		}

		if ('webkitFullscreenEnabled' in document) this.tgl_full_scr = o=> this.regEvt_FullScr(
			o,	//Chrome15+, Safari5.1+, Opera15+
			'webkitRequestFullscreen',
			'webkitCancelFullScreen',
			'webkitFullscreenElement'
		);
		else if ('mozFullScreenEnabled' in document) this.tgl_full_scr = o=> this.regEvt_FullScr(
			o,	//FF10+
			'mozRequestFullScreen',
			'mozCancelFullScreen',
			'mozFullScreenElement'
		);
		else if ('msFullscreenEnabled' in document) this.tgl_full_scr = o=> this.regEvt_FullScr(
			o,	//IE11+
			'msRequestFullscreen',
			'msExitFullscreen',
			'msFullscreenElement'
		);
		else if (document['fullscreenEnabled']) this.tgl_full_scr = o=> this.regEvt_FullScr(
			o,	// HTML5 Fullscreen API仕様
			'requestFullscreen',
			'exitFullscreen',
			'fullscreenElement'
		);
	}
	private def_prj = 'prj';
	private	readonly	run = async (prj: string)=> {
		if (this.main) {
			const ms_late = 10;	// NOTE: ギャラリーでのえもふり/Live 2D用・魔法数字
			this.main.destroy(ms_late);
			await new Promise(r=> setTimeout(r, ms_late));
		}

		this.now_prj = prj || this.def_prj;
		const idxEnd = this.arg.cur.lastIndexOf('/', this.arg.cur.length -2) +1;
		const idxStart = this.arg.cur.lastIndexOf('/', idxEnd -2) +1;
		this.arg.cur = location.href.slice(0, location.href.lastIndexOf('/') +1)
			+ (idxEnd === 0 ?'' :this.arg.cur.slice(idxStart, idxEnd))
			+ this.now_prj +'/';
		this.main = new Main(this);
	}
	stop() {
		if (! this.main) return;
		this.main.destroy();
		this.main = null;
	}
	private now_prj = ':';
	private main: Main | null;


	loadPathAndVal(hPathFn2Exts: IFn2Path, fncLoaded: ()=> void, cfg: IConfig): void {
		super.loadPathAndVal(hPathFn2Exts, fncLoaded, cfg);
		(async ()=> {
			const fn = this.arg.cur +'path.json';
			const res = await fetch(fn);
			if (! res.ok) throw Error(res.statusText);

			const mes = await res.text();
			const json = JSON.parse(await this.pre(fn, mes));
			for (const nm in json) {
				const h = hPathFn2Exts[nm] = json[nm];
				for (const ext in h) if (ext !== ':cnt') h[ext] = this.arg.cur + h[ext];
			}
			fncLoaded();	// ここでnew Variable、clearsysvar()、次にinitVal()
		})();
	}

	initVal(data: IData4Vari, hTmp: any, comp: (data: IData4Vari)=> void) {
		// システム情報
		const hn = document.location.hostname;
		hTmp['const.sn.isDebugger'] = (hn === 'localhost' || hn ==='127.0.0.1');

		this.val.defTmp('const.sn.displayState', ()=> this.isFullScr());

		const ns = this.cfg.getNs();
		this.flush = this.crypto
		? ()=> {
			strLocal.set(ns +'sys_', String(this.enc(JSON.stringify(this.data.sys))));
			strLocal.set(ns +'mark_', String(this.enc(JSON.stringify(this.data.mark))));
			strLocal.set(ns +'kidoku_', String(this.enc(JSON.stringify(this.data.kidoku))));
		}
		: ()=> {
			strLocal.set(ns +'sys', this.data.sys);
			strLocal.set(ns +'mark', this.data.mark);
			strLocal.set(ns +'kidoku', this.data.kidoku);
		};
		const nm = ns +(this.arg.crypto ?'sys_' :'sys');
		if (hTmp['const.sn.isFirstBoot'] = (strLocal.get(nm) === undefined)) {
			// データがない（初回起動）場合の処理
			this.data.sys = data.sys;
			this.data.mark = data.mark;
			this.data.kidoku = data.kidoku;
			this.flush();	// 初期化なのでここのみ必要
			comp(this.data);
			return;
		}

		// データがある場合の処理
		if (! this.crypto) {
			this.data.sys = strLocal.get(ns +'sys');
			this.data.mark = strLocal.get(ns +'mark');
			this.data.kidoku = strLocal.get(ns +'kidoku');
			comp(this.data);
			return;
		}

		(async ()=> {
			let mes = '';
			try {
				mes = 'sys';	// tst sys
				this.data.sys = JSON.parse(
					await this.pre('json', strLocal.get(ns +'sys_'))
				);
				mes += Number(this.val.getVal('sys:TextLayer.Back.Alpha', 1));
				mes = 'mark';	// tst mark
				this.data.mark = JSON.parse(
					await this.pre('json', strLocal.get(ns +'mark_'))
				);
				mes = 'kidoku';	// tst kidoku
				this.data.kidoku = JSON.parse(
					await this.pre('json', strLocal.get(ns +'kidoku_'))
				);
			} catch (e) {
				console.error(`セーブデータ（${mes}）が壊れています。一度クリアする必要があります %o`, e);
			}
			comp(this.data);
		})();
	}

	init(hTag: IHTag, appPixi: Application, val: IVariable, main: IMain): void {
		super.init(hTag, appPixi, val, main);

		if (! this.cfg.oCfg.debug.devtool) window.addEventListener('devtoolschange', e=> {
			if (! e.detail.isOpen) return;
			console.error(`DevToolは禁止されています。許可する場合は【プロジェクト設定】の【devtool】をONに。`);
			main.destroy();
		}, {once: true, passive: true});
	}

	// プレイデータをエクスポート
	protected readonly	_export: ITag = ()=> {
		const s = JSON.stringify({
			'sys': this.data.sys,
			'mark': this.data.mark,
			'kidoku': this.data.kidoku,
		});
		const s2 = this.crypto ?String(this.enc(s)) :s;
		const blob = new Blob([s2], {'type':'text/json'});

		const a = document.createElement('a');
		a.href = URL.createObjectURL(blob);
		a.download = (this.crypto ?'' :'no_crypto_')
			+ this.cfg.getNs() + getDateStr('-', '_', '') +'.swpd';
		a.click();

		if (CmnLib.debugLog) console.log('プレイデータをエクスポートしました');
		setTimeout(()=> this.fire('sn:exported', new Event('click')), 10);

		return false;
	}

	// プレイデータをインポート
	protected readonly	_import: ITag = ()=> {
		new Promise((rs, rj)=> {
			const inp = document.createElement('input');
			inp.type = 'file';
			inp.accept = '.swpd, text/plain';
			inp.onchange = (e: any)=> {
				const file = e?.target?.files?.[0];
				if (file) rs(file); else rj();
			};
			inp.click();
		})
		.then((file: any)=> new Promise(rs=> {
			const rd = new FileReader();
			rd.readAsText(file);
			rd.onload = ()=> rs(rd.result);
		}))
		.then(async (s: string)=> {
			const o = JSON.parse(this.crypto ?await this.pre('json', s) :s);
			if (! o.sys || ! o.mark || ! o.kidoku) throw new Error('異常なプレイデータです');
			if (o.sys[SysBase.VALNM_CFG_NS] !== this.cfg.oCfg.save_ns) {
				console.error(`別のゲーム【プロジェクト名=${o.sys[SysBase.VALNM_CFG_NS]}】のプレイデータです`);
				return;
			}

			this.data.sys = o.sys;
			this.data.mark = o.mark;
			this.data.kidoku = o.kidoku;
			this.flush();
			this.val.updateData(o);

			if (CmnLib.debugLog) console.log('プレイデータをインポートしました');
			this.fire('sn:imported', new Event('click'));
		})
		.catch(e=> console.error(`異常なプレイデータです ${e.message}`));

		return false;
	}


	// ＵＲＬを開く
	protected readonly	navigate_to: ITag = hArg=> {
		const url = hArg.url;
		if (! url) throw '[navigate_to] urlは必須です';
	//	window.open(url);		// 近年セキュリティ的に効かない
		window.open(url, '_blank');		// 効くがポップアップブロック
	//	location.href = url;	// これは効くがSKYNovelが終了してしまう

		return false;
	}
	// タイトル指定
	protected titleSub(txt: string) {
		document.title = txt;
		for (const v of document.querySelectorAll('[data-title]')) v.textContent = txt;
	}
	// 全画面状態切替（タグではない手段で提供）
	private readonly isFullScr = ()=> ('mozFullScreen' in document)
		? document['mozFullScreen']
		: document.fullscreen;
	private regEvt_FullScr(hArg: HArg, go_fnc_name: string, exit_fnc_name: string, get_fnc_name: string): boolean {
		const elm: any = document.body;
		const doc: any = document;
		if (! hArg.key) {
			if (doc[get_fnc_name]) doc[exit_fnc_name]();
			else elm[go_fnc_name]();
			this.resizeFramesWork();

			return false;
		}

		const key = hArg.key.toLowerCase();
		doc.addEventListener('keydown', (e: KeyboardEvent)=> {
			const key2 = (e.altKey ?(e.key === 'Alt' ?'' :'alt+') :'')
			+	(e.ctrlKey ?(e.key === 'Control' ?'' :'ctrl+') :'')
			+	(e.shiftKey ?(e.key === 'Shift' ?'' :'shift+') :'')
			+	e.key.toLowerCase();
			if (key2 !== key) return;

			e.stopPropagation();
			if (doc[get_fnc_name]) doc[exit_fnc_name]();
			else elm[go_fnc_name]();
			this.resizeFramesWork();
		}, {passive: true});

		return false;
	}
	private resizeFramesWork() {
		const is_fs = this.isFullScr();
		//this.reso4frame = is_fs ?screen.width /CmnLib.stageW :1;
			// 全画面を使う

		const ratioWidth  = screen.width  / CmnLib.stageW;
		const ratioHeight = screen.height / CmnLib.stageH;
		const ratio = (ratioWidth < ratioHeight) ?ratioWidth :ratioHeight;
		this.reso4frame = is_fs ?1 :ratio;
			// document.body.clientWidth が時々正しい値を返さないのでscreen.widthで
		this.ofsLeft4frm = is_fs ?0 :(screen.width -CmnLib.stageW *this.reso4frame *CmnLib.cvsScale) /2;
		this.ofsTop4frm  = is_fs ?0 :(screen.height -CmnLib.stageH *this.reso4frame *CmnLib.cvsScale) /2;
		this.resizeFrames();
	}


	readonly	readFile = (path: string, callback: (err: NodeJS.ErrnoException | null, data: Buffer) => void)=> {
		fetch(path)	//fetch(path, {mode: 'same-origin'})
		.then(res=> {
			if (! res.ok) throw Error(res.statusText);

			callback(null, Buffer.from(res.text()));
		})
		.catch(e=> console.error('Error:', e));
	};

	readonly	savePic = (fn: string, data_url: string)=> {
		const a = document.createElement('a');
		a.href = data_url;
		a.download = fn;
		a.click();
		if (CmnLib.debugLog) console.log('画像ファイルをダウンロードします');
	};

	private	readonly	hAppendFile: {[path: string]: string} = {};
	readonly	appendFile = (path: string, data: any, _callback: (err: NodeJS.ErrnoException)=> void)=> {
		const txt = (this.hAppendFile[path] ?? '') + data;
		this.hAppendFile[path] = txt;

		const blob = new Blob([txt], {'type':'text/json'});
		const a = document.createElement('a');
		a.href = URL.createObjectURL(blob);
		a.download = path;
		a.click();
	};

}