@makano/rew 1.1.73 → 1.2.0

package/lib/rew/functions/types.js

@@ -1,123 +1,124 @@
-
 const _defaultConstructors = {
-  string: String,
-  array: Array,
-  number: Number,
-  bigint: BigInt,
-  boolean: Boolean,
-  symbol: Symbol,
-  undefined: Object,
-  object: Object,
-  function: Function
-}
-
-function getType(value){
-  return typeof value === 'object' ? Array.isArray(value) ? 'array' : typeof value : typeof value;
+	string: String,
+	array: Array,
+	number: Number,
+	bigint: BigInt,
+	boolean: Boolean,
+	symbol: Symbol,
+	undefined: Object,
+	object: Object,
+	function: Function,
+};
+
+function getType(value) {
+	return typeof value === 'object' ? (Array.isArray(value) ? 'array' : typeof value) : typeof value;
 }
 
 function typedef(value, strict = false) {
-  return {
-    strict,
-    defaultValue: value,
-    class: typeof value == 'function' ? value : typeof value === 'object' && value !== null && !Array.isArray(value) ? value.constructor : _defaultConstructors[getType(value)],
-    type: getType(value),
-    isConstucted: typeof value === 'object' && value !== null && !Array.isArray(value),
-    isEmpty: typeof value == "object" ? !Object.keys(value).length : typeof value == "string" ? value == "" : typeof value !== "function"
-  };
+	return {
+		strict,
+		defaultValue: value,
+		class:
+			typeof value == 'function'
+				? value
+				: typeof value === 'object' && value !== null && !Array.isArray(value)
+					? value.constructor
+					: _defaultConstructors[getType(value)],
+		type: getType(value),
+		isConstucted: typeof value === 'object' && value !== null && !Array.isArray(value),
+		isEmpty: typeof value == 'object' ? !Object.keys(value).length : typeof value == 'string' ? value == '' : typeof value !== 'function',
+	};
 }
 
 function typeis(obj, typeDef) {
-  // Resolve Type
-  if(typeof typeDef == "function" && typeDef.type) typeDef = typeDef.type;
-
-  if (typeDef.isConstucted && typeDef.class && !(obj instanceof typeDef.class)) {
-    return false;
-  }
-
-  if(getType(obj) == "object" && typeDef.type == 'function') {
-    return (obj instanceof typeDef.class);
-  }
-
-  if(getType(obj) !== typeDef.type){
-    return false;
-  }
-
-  if(!typeDef.isEmpty) {
-    if(typeDef.type == 'object'){
-      for (const key in typeDef.defaultValue) {
-        let propTypeDef = typeDef.defaultValue[key];
-        // Resolve type
-        if(typeof propTypeDef == "function" && propTypeDef.type) propTypeDef = propTypeDef.type;
-    
-        if (typeof propTypeDef === 'object') {
-          if (!typeis(obj[key], propTypeDef)) {
-            return false;
-          }
-        } else if (typeof obj[key] !== propTypeDef) {
-          return false;
-        }
-      }
-      if(typeDef.strict) {
-        if(Object.keys(obj).some(key => !Object.keys(typeDef.defaultValue).includes(key))) return false;
-      }
-    } else if(typeDef.type == 'string'){
-      return typeDef.defaultValue == obj;
-    } else if(typeDef.type == 'function'){
-      return typeDef.defaultValue == obj;
-    }
-  }
-
-  return true;
+	// Resolve Type
+	if (typeof typeDef == 'function' && typeDef.type) typeDef = typeDef.type;
+
+	if (typeDef.isConstucted && typeDef.class && !(obj instanceof typeDef.class)) {
+		return false;
+	}
+
+	if (getType(obj) == 'object' && typeDef.type == 'function') {
+		return obj instanceof typeDef.class;
+	}
+
+	if (getType(obj) !== typeDef.type) {
+		return false;
+	}
+
+	if (!typeDef.isEmpty) {
+		if (typeDef.type == 'object') {
+			for (const key in typeDef.defaultValue) {
+				let propTypeDef = typeDef.defaultValue[key];
+				// Resolve type
+				if (typeof propTypeDef == 'function' && propTypeDef.type) propTypeDef = propTypeDef.type;
+
+				if (typeof propTypeDef === 'object') {
+					if (!typeis(obj[key], propTypeDef)) {
+						return false;
+					}
+				} else if (typeof obj[key] !== propTypeDef) {
+					return false;
+				}
+			}
+			if (typeDef.strict) {
+				if (Object.keys(obj).some((key) => !Object.keys(typeDef.defaultValue).includes(key))) return false;
+			}
+		} else if (typeDef.type == 'string') {
+			return typeDef.defaultValue == obj;
+		} else if (typeDef.type == 'function') {
+			return typeDef.defaultValue == obj;
+		}
+	}
+
+	return true;
 }
 
 function typex(child, parent) {
-  return child.prototype instanceof parent || child === parent;
+	return child.prototype instanceof parent || child === parent;
 }
 
 function typei(child, parent) {
-  return child instanceof parent || child.constructor === parent;
+	return child instanceof parent || child.constructor === parent;
 }
 
-function int(str){
-  return parseInt(str);
+function int(str) {
+	return parseInt(str);
 }
-int.type = typedef(1)
+int.type = typedef(1);
 
-function float(str){
-  return parseFloat(str);
+function float(str) {
+	return parseFloat(str);
 }
-float.type = typedef(1.0)
+float.type = typedef(1.0);
 
-function num(str){
-  return Number(str);
+function num(str) {
+	return Number(str);
 }
-num.type = typedef(1)
+num.type = typedef(1);
 
-function str(str){
-  return str ? str.toString() : "";
+function str(str) {
+	return str ? str.toString() : '';
 }
-str.type = typedef('')
+str.type = typedef('');
 
-function bool(value){
-  return typeof value == 'string' ? (
-    value == 'true' ? true : false
-  ) : value !== null && value !== undefined;
+function bool(value) {
+	return typeof value == 'string' ? (value == 'true' ? true : false) : value !== null && value !== undefined;
 }
-bool.type = typedef(true)
+bool.type = typedef(true);
 
 module.exports = {
-  typex,
-  typei,
-  typeis,
-  typedef,
-  
-  int,
-  float,
-  num,
-  str,
-  bool
-}
-
+	typex,
+	typei,
+	typeis,
+	typedef,
+
+	int,
+	float,
+	num,
+	str,
+	bool,
+};
 
 // const f = typedef('');
 // const fg = typedef({ g: f });
@@ -137,4 +138,4 @@ module.exports = {
 // let tn = typedef(n)
 
 // // console.log(typeis(g, fg), typeis(1, f), typei('', String));
-// console.log(typeis(l, tn));
+// console.log(typeis(l, tn));

package/lib/rew/html/ui.html

@@ -1,19 +1,18 @@
 <!doctype html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>$OPTIONS(title)</title>
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<title>$OPTIONS(title)</title>
 
-    <style>/* $OPTIONS(style) */</style>
+		<style>
+			/* $OPTIONS(style) */
+		</style>
 
+		<script>
+			window.onerror = () => alert('ERror');
+		</script>
+	</head>
 
-    <script>
-      window.onerror = () => alert('ERror');
-    </script>
-  </head>
-
-  <body>
-
-  </body>
+	<body></body>
 </html>

package/lib/rew/html/ui.js

@@ -1,208 +1,245 @@
-try{
-  window.execContext = $OPTIONS(json.execContext);
-} catch(e){
-  window.execContext = {};
+try {
+	window.execContext = $OPTIONS(json.execContext);
+} catch (e) {
+	window.execContext = {};
 }
 
-try{
-  window.exec = $OPTIONS(exec);
-} catch(e){
-  window.exec = function(){};
+try {
+	window.exec = $OPTIONS(exec);
+} catch (e) {
+	window.exec = function () {};
 }
 
 const DOM = [];
 
-const findInDom = (id) =>
-  DOM.find((el) => el.widgetOptions.uuid == id) ||
-  DOM.find((el) => el.id == id);
+const findInDom = (id) => DOM.find((el) => el.widgetOptions.uuid == id) || DOM.find((el) => el.id == id);
 
 const parseStyleValue = (val) => val;
 
 const addTo = (el, parent) => {
-  if (parent == "null") {
-    document.body.appendChild(el);
-  } else {
-    findInDom(parent).appendChild(el);
-  }
+	if (parent == 'null') {
+		document.body.appendChild(el);
+	} else {
+		findInDom(parent).appendChild(el);
+	}
 };
 
 const initElement = (el, options, update = false) => {
-  if(el.widgetOptions){
-    if (el.widgetOptions.style) {
-      for(let i in options.style){
-        el.style.removeProperty(i, el.widgetOptions.style[i]);
-      }
-    }
-    if (el.widgetOptions.attr) {
-      for(let i in el.widgetOptions.attr){
-        el.removeAttribute(i);
-      }
-    }
-  }
-  
-  el.widgetOptions = options;
-  el.id = options.id;
-  el.textContent = options.data.text;
-
-  if (options.style) {
-    for(let i in options.style){
-      el.style.setProperty(i, options.style[i]);
-    }
-  }
-
-  if (options.attr) {
-    for(let i in options.attr){
-      el.setAttribute(i, options.attr[i]);
-    }
-  }
-
-  if (options.children.length) {
-    options.children.forEach((option) => {
-      option.parent = options.uuid;
-      if(update) updateElement(findInDom(option.uuid), option);
-      else createElement(option);
-    });
-  }
-
-  if (options.parent) {
-    addTo(el, options.parent);
-  }
-}
+	if (el.widgetOptions) {
+		if (el.widgetOptions.style) {
+			for (let i in options.style) {
+				el.style.removeProperty(i, el.widgetOptions.style[i]);
+			}
+		}
+		if (el.widgetOptions.attr) {
+			for (let i in el.widgetOptions.attr) {
+				el.removeAttribute(i);
+			}
+		}
+	}
+
+	el.widgetOptions = options;
+	el.id = options.id;
+	el.textContent = options.data.text;
+
+	if (options.style) {
+		for (let i in options.style) {
+			el.style.setProperty(i, options.style[i]);
+		}
+	}
+
+	if (options.attr) {
+		for (let i in options.attr) {
+			el.setAttribute(i, options.attr[i]);
+		}
+	}
+
+	if (options.children.length) {
+		options.children.forEach((option) => {
+			option.parent = options.uuid;
+			if (update) updateElement(findInDom(option.uuid), option);
+			else createElement(option);
+		});
+	}
+
+	if (options.parent) {
+		addTo(el, options.parent);
+	}
+};
 
 const updateElement = (el, options) => {
-  if(!el) return;
-  initElement(el, options, true);
-  return el;
-}
+	if (!el) return;
+	initElement(el, options, true);
+	return el;
+};
 
 const events = [
-  "click", "dblclick", "mousedown", "mouseup", "mouseover", "mouseout",
-  "mousemove", "mouseenter", "mouseleave", "keydown", "keypress", "keyup",
-  "change", "input", "submit", "focus", "blur", "copy", "cut", "paste",
-  "scroll", "wheel", "resize", "contextmenu", "drag", "dragstart", "dragend",
-  "dragenter", "dragleave", "dragover", "drop", "error", "load", "abort"
+	'click',
+	'dblclick',
+	'mousedown',
+	'mouseup',
+	'mouseover',
+	'mouseout',
+	'mousemove',
+	'mouseenter',
+	'mouseleave',
+	'keydown',
+	'keypress',
+	'keyup',
+	'change',
+	'input',
+	'submit',
+	'focus',
+	'blur',
+	'copy',
+	'cut',
+	'paste',
+	'scroll',
+	'wheel',
+	'resize',
+	'contextmenu',
+	'drag',
+	'dragstart',
+	'dragend',
+	'dragenter',
+	'dragleave',
+	'dragover',
+	'drop',
+	'error',
+	'load',
+	'abort',
 ];
 const handleListeners = (el) => {
-  events.forEach(event => {
-    el.addEventListener(event, (e) => {
-      sendData({
-        action: 'hook:eventTrigger',
-        data: {
-          rid: 'event_trigger',
-          object: {
-            uuid: el.widgetOptions.uuid,
-            event,
-            data: {
-              mouse: { x: e.clientX, y: e.clientY },
-              key: { code: e.keyCode, key: e.key }
-            }
-          }
-        }
-      });
-    });
-  });
-}
+	events.forEach((event) => {
+		el.addEventListener(event, (e) => {
+			sendData({
+				action: 'hook:eventTrigger',
+				data: {
+					rid: 'event_trigger',
+					object: {
+						uuid: el.widgetOptions.uuid,
+						event,
+						data: {
+							mouse: { x: e.clientX, y: e.clientY },
+							key: { code: e.keyCode, key: e.key },
+						},
+					},
+				},
+			});
+		});
+	});
+};
 
-function eventHandlerFunction({ uuid, hookID, event }){
-  return function(e){
-    sendData({
-      action: 'hook:event_'+event,
-      data: {
-        rid: hookID,
-        object: {
-          uuid,
-          event,
-          data: {
-            mouse: { x: e.clientX, y: e.clientY },
-            key: { code: e.keyCode, key: e.key }
-          }
-        }
-      }
-    });
-  }
+function eventHandlerFunction({ uuid, hookID, event }) {
+	return function (e) {
+		sendData({
+			action: 'hook:event_' + event,
+			data: {
+				rid: hookID,
+				object: {
+					uuid,
+					event,
+					data: {
+						mouse: { x: e.clientX, y: e.clientY },
+						key: { code: e.keyCode, key: e.key },
+					},
+				},
+			},
+		});
+	};
 }
 
 const createElement = (options) => {
-  const el = document.createElement(options.element);
-  DOM.push(el);
-  initElement(el, options);
-  return el;
+	const el = document.createElement(options.element);
+	DOM.push(el);
+	initElement(el, options);
+	return el;
 };
 
 const stringifyJSON = (json) => {
-  try {
-    return JSON.stringify(json, null, 4);
-  } catch (e) {
-    return json.toString();
-  }
+	try {
+		return JSON.stringify(json, null, 4);
+	} catch (e) {
+		return json.toString();
+	}
 };
 
 const log = (...strings) => {
-  window.webkit.messageHandlers.external.postMessage(
-    JSON.stringify({"action": "log", "data": strings
-      .map((r) =>
-        typeof r == "object" ? stringifyJSON(r) : `${r.toString()}`,
-      )
-      // .map((i) => i.replace(/\"/g, '\\\\"').replace(/\n/g, "\\\\n"))
-      .join("\n")}, null, 4)
-  );
+	window.webkit.messageHandlers.external.postMessage(
+		JSON.stringify(
+			{
+				action: 'log',
+				data: strings
+					.map((r) => (typeof r == 'object' ? stringifyJSON(r) : `${r.toString()}`))
+					// .map((i) => i.replace(/\"/g, '\\\\"').replace(/\n/g, "\\\\n"))
+					.join('\n'),
+			},
+			null,
+			4,
+		),
+	);
 };
 
 const sendData = (data) => {
-  log("RESPONSE::"+stringifyJSON(data));
-}
+	log('RESPONSE::' + stringifyJSON(data));
+};
 
 function process_data(data) {
-  return JSON.parse(data);
+	return JSON.parse(data);
 }
 
 window.recieveMessage = (data) => {
-  const edata = data;
-  if(edata.action == 'eventListen') {
-    const el = findInDom(edata.data.uuid);
-    if(el){
-      el.addEventListener(edata.data.event, eventHandlerFunction(edata.data))
-    }
-  } else if (edata.action == "createElement") {
-    const options = edata.data;
-    try {
-      createElement(options);
-    } catch (e) {
-      log(e.toString());
-    }
-  } else if (edata.action == "addStyleSheet") {
-    const style = document.createElement('style');
-    style.textContent = edata.data;
-    document.head.appendChild(style);
-  } else if (edata.action == "updateElement") {
-    const options = edata.data;
-    try {
-      updateElement(findInDom(options.uuid), options);
-    } catch (e) {
-      log(e.toString());
-    }
-  } else if (edata.action == "findElement") {
-    const id = edata.data.id;
-    const rid = edata.data.rid;
-    try {
-      sendData({ action: 'hook:findElement', data: { rid, object: findInDom(id)?.widgetOptions }  });
-    } catch (e) {
-      log(e.toString());
-    }
-  } else if(edata.action == 'message') {
-    window.dispatchEvent(new CustomEvent('message', {
-      detail: edata.data
-    }));
-  }
+	const edata = data;
+	if (edata.action == 'eventListen') {
+		const el = findInDom(edata.data.uuid);
+		if (el) {
+			el.addEventListener(edata.data.event, eventHandlerFunction(edata.data));
+		}
+	} else if (edata.action == 'createElement') {
+		const options = edata.data;
+		try {
+			createElement(options);
+		} catch (e) {
+			log(e.toString());
+		}
+	} else if (edata.action == 'addStyleSheet') {
+		const style = document.createElement('style');
+		style.textContent = edata.data;
+		document.head.appendChild(style);
+	} else if (edata.action == 'updateElement') {
+		const options = edata.data;
+		try {
+			updateElement(findInDom(options.uuid), options);
+		} catch (e) {
+			log(e.toString());
+		}
+	} else if (edata.action == 'findElement') {
+		const id = edata.data.id;
+		const rid = edata.data.rid;
+		try {
+			sendData({
+				action: 'hook:findElement',
+				data: { rid, object: findInDom(id)?.widgetOptions },
+			});
+		} catch (e) {
+			log(e.toString());
+		}
+	} else if (edata.action == 'message') {
+		window.dispatchEvent(
+			new CustomEvent('message', {
+				detail: edata.data,
+			}),
+		);
+	}
 };
 
 window.addEventListener('load', () => {
-  window.exec({
-    ...window.execContext,
-    window,
-    log,
-    send: (data) => sendData({ action: 'message', data  }),
-    onRecieve: (cb) => window.addEventListener('message', (e) => cb(e.detail || {}))
-  });
-  log('SETUP::READY');
-});
+	window.exec({
+		...window.execContext,
+		window,
+		log,
+		send: (data) => sendData({ action: 'message', data }),
+		onRecieve: (cb) => window.addEventListener('message', (e) => cb(e.detail || {})),
+	});
+	log('SETUP::READY');
+});