diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..00fedbe
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,4 @@
+/Data
+/Public/data
+*[Ss]ecrets*
+.sass-cache
\ No newline at end of file
diff --git a/JSON/Sizerboard.languages_iso.json b/JSON/Sizerboard.languages_iso.json
new file mode 100644
index 0000000..2a8e707
--- /dev/null
+++ b/JSON/Sizerboard.languages_iso.json
@@ -0,0 +1,186 @@
+{
+ "aa" : "afar",
+ "ab" : "abjasio",
+ "ae" : "avéstico",
+ "af" : "afrikáans",
+ "ak" : "akano",
+ "am" : "amhárico",
+ "an" : "aragonés",
+ "ar" : "alarabiyah",
+ "as" : "asamés",
+ "av" : "avar",
+ "ay" : "aimara",
+ "az" : "azerbaycanca",
+ "ba" : "baskir",
+ "be" : "bielorruso",
+ "bg" : "búlgaro",
+ "bh" : "bhoyapurí",
+ "bi" : "bislama",
+ "bm" : "bambara",
+ "bn" : "bengalí",
+ "bo" : "tibetano",
+ "br" : "bretón",
+ "bs" : "bosnio",
+ "ca" : "catalan",
+ "ce" : "checheno",
+ "ch" : "chamorro",
+ "co" : "corso",
+ "cr" : "cree",
+ "cs" : "cestina",
+ "cu" : "eslavo eclesiástico antiguo",
+ "cv" : "chuvasio",
+ "cy" : "galés",
+ "da" : "dansk",
+ "de" : "alemán",
+ "dv" : "maldivo",
+ "dz" : "dzongkha",
+ "ee" : "ewé",
+ "el" : "ellinika",
+ "en" : "english",
+ "eo" : "esperanto",
+ "es" : "espanol",
+ "et" : "estonio",
+ "eu" : "euskera",
+ "fa" : "farsi",
+ "ff" : "fula",
+ "fi" : "suomi",
+ "fj" : "fiyiano",
+ "fo" : "feroés",
+ "fr" : "francais",
+ "fy" : "frisón",
+ "ga" : "gaeilge",
+ "gd" : "gaélico escocés",
+ "gl" : "gallego",
+ "gn" : "guaraní",
+ "gu" : "guyaratí",
+ "gv" : "manés",
+ "ha" : "hausa",
+ "he" : "ivrit",
+ "hi" : "hindi",
+ "ho" : "hiri motu",
+ "hr" : "croata",
+ "ht" : "haitiano",
+ "hu" : "magyar",
+ "hy" : "armenio",
+ "hz" : "herero",
+ "ia" : "interlingua",
+ "id" : "indonesia",
+ "ie" : "occidental",
+ "ig" : "igbo",
+ "ii" : "yi de Sichuán",
+ "ik" : "iñupiaq",
+ "io" : "ido",
+ "is" : "islandés",
+ "it" : "italiano",
+ "iu" : "inuktitut",
+ "ja" : "nihongo",
+ "jv" : "javanés",
+ "ka" : "georgiano",
+ "kg" : "kongo",
+ "ki" : "kikuyu",
+ "kj" : "kuanyama",
+ "kk" : "kazajo",
+ "kl" : "groenlandés",
+ "km" : "camboyano",
+ "kn" : "canarés",
+ "ko" : "hangugeo",
+ "kr" : "kanuri",
+ "ks" : "cachemiro",
+ "ku" : "kurdo",
+ "kv" : "komi",
+ "kw" : "córnico",
+ "ky" : "kirguís",
+ "la" : "latín",
+ "lb" : "luxemburgués",
+ "lg" : "luganda",
+ "li" : "limburgués",
+ "ln" : "lingala",
+ "lo" : "lao",
+ "lt" : "lituano",
+ "lu" : "luba-katanga",
+ "lv" : "letón",
+ "mg" : "malgache",
+ "mh" : "marshalés",
+ "mi" : "maorí",
+ "mk" : "macedonio",
+ "ml" : "malayalam",
+ "mn" : "mongol",
+ "mr" : "maratí",
+ "ms" : "malayo",
+ "mt" : "maltés",
+ "my" : "birmano",
+ "na" : "nauruano",
+ "nb" : "noruego bokmål",
+ "nd" : "ndebele del norte",
+ "ne" : "nepalí",
+ "ng" : "ndonga",
+ "nl" : "nederlands",
+ "nn" : "nynorsk",
+ "no" : "noruego",
+ "nr" : "ndebele del sur",
+ "nv" : "navajo",
+ "ny" : "chichewa",
+ "oc" : "occitano",
+ "oj" : "ojibwa",
+ "om" : "oromo",
+ "or" : "oriya",
+ "os" : "osético",
+ "pa" : "panyabí",
+ "pi" : "pali",
+ "pl" : "polski",
+ "ps" : "pastú",
+ "pt" : "portugues",
+ "qc" : "quechua",
+ "rm" : "romanche",
+ "rn" : "kirundi",
+ "ro" : "rumano",
+ "ru" : "russkiy",
+ "rw" : "ruandés",
+ "sa" : "sánscrito",
+ "sc" : "sardo",
+ "sd" : "sindhi",
+ "se" : "sami septentrional",
+ "sg" : "sango",
+ "si" : "cingalés",
+ "sk" : "eslovaco",
+ "sl" : "slovencina",
+ "sm" : "samoano",
+ "sn" : "shona",
+ "so" : "somalí",
+ "sq" : "albanés",
+ "sr" : "serbio",
+ "ss" : "suazi",
+ "st" : "sesotho",
+ "su" : "sundanés",
+ "sv" : "svenska",
+ "sw" : "suajili",
+ "ta" : "tamil",
+ "te" : "télugu",
+ "tg" : "tayiko",
+ "th" : "thai",
+ "ti" : "tigriña",
+ "tk" : "turcomano",
+ "tl" : "tagalo",
+ "tn" : "setsuana",
+ "to" : "tongano",
+ "tr" : "turkce",
+ "ts" : "tsonga",
+ "tt" : "tártaro",
+ "tw" : "twi",
+ "ty" : "tahitiano",
+ "ug" : "uigur",
+ "uk" : "ukrainska",
+ "ur" : "urdu",
+ "uz" : "uzbeko",
+ "ve" : "venda",
+ "vi" : "vietnamita",
+ "vo" : "volapük",
+ "wa" : "valón",
+ "wo" : "wolof",
+ "xh" : "xhosa",
+ "yi" : "yídish",
+ "yo" : "yoruba",
+ "za" : "chuan",
+ "zh" : "zhongwen",
+ "zu" : "zulú"
+}
\ No newline at end of file
diff --git a/PHP/Sizerboard.php b/PHP/Sizerboard.php
new file mode 100644
index 0000000..0196c64
--- /dev/null
+++ b/PHP/Sizerboard.php
@@ -0,0 +1,143 @@
+slash = strpos(__DIR__, '/') === null ? '\\' : '/';
+
+ $this->inputs = $inputs;
+
+ }
+
+ public function nulls($nulls = null){
+ return is_bool($nulls) ? $nulls : $this->settings("nulls", null, false, false);
+ }
+
+ public function default_value($default = null, $nulls = null){
+ return $default !== null || $this->nulls($nulls) ? $default : $this->settings("default_value", null, null, true);
+ }
+
+ public static function is_dictionary($value){
+ return is_array($value) && array_values($value) != $value;
+ }
+
+ public function settings($keys, $inputs = null, $default = null, $nulls = null){
+
+ $keys = array_filter(array_unique(array_map(fn($key) => is_string($key) && ($key = trim($key)) ? $key : null, $keys)), fn($key) => $key);
+
+ if(count($keys)){
+
+ $nulls = $this->nulls($nulls);
+
+ foreach(array_merge(
+ is_array($inputs) ? (self::is_dictionary($inputs) ? [$inputs] : $inputs) : [],
+ [$this->inputs, $this->custom_settings, self::$default_settings]
+ ) as $subinputs)
+ if(self::is_dictionary($subinputs))
+ foreach($keys as $key)
+ if(isset($subinputs[$key]) && ($nulls || $subinputs[$key] !== null))
+ return $subinputs[$key];
+ };
+ return $this->default_value($default, $nulls);
+ }
+
+ public static function string_variables($string, $variables = null, $default = null){
+
+ $variables = array_filter(is_array($variables) ? (self::is_dictionary($variables) ? [$variables] : $variables) : [], fn($item) => self::is_dictionary($item));
+
+ return preg_replace_callback('/\{([^\{\}]+)\}/', function($values) use($variables){
+ foreach($variables as $subset)
+ if(isset($subset[$values[1]]))
+ return $subset[$values[1]];
+ return $default ?? $values[0];
+ }, $string);
+ }
+
+ public static function check($conditions, $shift = 0){
+
+ $error = 0;
+ $k = 0;
+ $i = -1;
+
+ if(is_array($conditions) && !self::is_dictionary($conditions))
+ foreach($conditions as $condition){
+ $ignore = false;
+ $i ++;
+ if(is_array($condition)){
+ if(($l = count($condition)) == 2)
+ list($condition, $ignore) = $condition;
+ else
+ list($suberror, $sub_k) = self::check($condition);
+ };
+ if(is_callable($condition) ? $condition() : (is_bool($condition) ? $condition : false)){
+ $ignore ||
+ ($error |= 1 << ($shift + $k + $i));
+ break;
+ };
+ };
+
+ return [$error, $k + $shift + $i];
+ }
+
+ public function fix_path($path){
+
+ $error = self::check([
+ fn() => $path === null,
+ fn() => !is_string($path),
+ [fn() => !$path, true]
+ ], 1)[0];
+ $results = null;
+
+ $error ||
+ ($results = preg_replace('/[\/\\\\]+/', $this->slash, self::string_variables($path, [
+ "project_path" => self::root_project_path
+ ])));
+
+ return [$results, $error];
+ }
+
+ public function get_absolute_path($path){
+
+ $error = self::check([
+ fn() => $path === null,
+ fn() => !is_string($path),
+ [fn() => !$path, true]
+ ], 1)[0];
+ $absolute_path = null;
+
+ if(!$error){
+ foreach($this->root_paths as $root)
+ if(file_exists($full_path = $this->fix_path($root . '/' . $path)[0])){
+ $absolute_path = $full_path;
+ break;
+ };
+ $absolute_path === null &&
+ ($error |= 1 << 4);
+ };
+
+ return [$absolute_path, $error];
+ }
+
+ public function load_file($path){
+
+ list($path, $error) = $this->absolute_path($path);
+ $data = null;
+
+ if(!$error)
+ try{
+ $data = file_get_contents($path);
+ }catch(\Exception $exception){
+ $error |= 1 << 0;
+ };
+
+ return [$data, $error];
+ }
+
+ };
\ No newline at end of file
diff --git a/Public/.htaccess b/Public/.htaccess
new file mode 100755
index 0000000..0596cc2
--- /dev/null
+++ b/Public/.htaccess
@@ -0,0 +1,6 @@
+Header set Access-Control-Allow-Origin "*"
+RewriteEngine On
+RewriteBase /
+RewriteCond %{REQUEST_FILENAME} !-f
+RewriteCond %{REQUEST_FILENAME} !-d
+RewriteRule ^(.*)$ index.php?q=$1 [L,QSA]
\ No newline at end of file
diff --git a/Public/css/Sizerboard.icons.css b/Public/css/Sizerboard.icons.css
new file mode 100644
index 0000000..c4025b2
--- /dev/null
+++ b/Public/css/Sizerboard.icons.css
@@ -0,0 +1,12 @@
+.sizerboard [data-icon=home]::before{content : "\f015"; font-family : "FA5FS";}
+.sizerboard [data-icon=documentation]::before{content : "\f05a"; font-family : "FA5FS";}
+.sizerboard [data-icon=git]::before{content : "\f841"; font-family : "FA5FB";}
+.sizerboard [data-icon=search]::before{content : "\f002"; font-family : "FA5FS";}
+.sizerboard [data-icon=add]::before{content : "\f067"; font-family : "FA5FS";}
+.sizerboard [data-icon=html]::before{content : "\f121"; font-family : "FA5FS";}
+.sizerboard [data-icon=canvas]::before{content : "\f1c5"; font-family : "FA5FR";}
+.sizerboard [data-icon=svg]::before{content : "\f279"; font-family : "FA5FS";}
+.sizerboard [data-icon=text]::before{content : "\f1c9"; font-family : "FA5FR";}
+.sizerboard [data-icon=upload]::before{content : "\f093"; font-family : "FA5FS";}
+.sizerboard [data-icon=save]::before{content : "\f0c7"; font-family : "FA5FS";}
+.sizerboard [data-icon=download]::before{content : "\f019"; font-family : "FA5FS";}
\ No newline at end of file
diff --git a/Public/ecma/Sizerboard.Base.ecma.js b/Public/ecma/Sizerboard.Base.ecma.js
new file mode 100644
index 0000000..a16af21
--- /dev/null
+++ b/Public/ecma/Sizerboard.Base.ecma.js
@@ -0,0 +1,103 @@
+Sizerboard.Base = function(sizerboard, inputs){
+
+ const self = this,
+ screen_cache = {x : 0, y : 0},
+ texts_cache = {}
+ let started = false,
+ thread = null;
+
+ const construct = () => {
+
+ sizerboard.print("info", "sizerboard_base_building");
+
+ sizerboard.print("ok", "sizerboard_base_built");
+
+ };
+
+ const changes_thread_method = () => {
+
+ if(screen_cache.x != sizerboard.item_self.offsetWidth || screen_cache.y != sizerboard.item_self.offsetHeight){
+
+ screen_cache.x = sizerboard.item_self.offsetWidth;
+ screen_cache.y = sizerboard.item_self.offsetHeight;
+
+ sizerboard.item_self.style.fontSize = (screen_cache[screen_cache.x < screen_cache.y ? "x" : "y"] / Number(sizerboard.item_self.getAttribute("data-cells"))) + "px";
+
+ };
+
+ ["projects_menu", "draw_box"].forEach(key => {
+
+ const text_box = sizerboard.item_self.querySelector("p[data-i18n=" + key + "_text]");
+ let y;
+
+ if(text_box && (
+ !texts_cache[key] ||
+ text_box.innerText != texts_cache[key].text ||
+ (y = text_box.offsetHeight / Number(sizerboard.item_self.style.fontSize.slice(0, -2))) != texts_cache[key].y
+ )){
+
+ (texts_cache[key] || (texts_cache[key] = {})).text = text_box.innerText;
+ texts_cache[key].y = y;
+
+ text_box.parentNode.querySelector("p+ul").style.top = y + "em";
+ text_box.parentNode.querySelector("p+ul+*").style.top = (1.4 + y) + "em";
+
+ };
+
+ });
+
+ };
+
+ this.start = callback => {
+
+ const end = status => typeof callback == "function" && callback(status);
+
+ sizerboard.print("info", "sizerboard_base_starting");
+
+ if(started){
+ sizerboard.print("warn", "sizerboard_base_already_started");
+ end(false);
+ return false;
+ };
+ started = true;
+
+ sizerboard.preload(sizerboard.settings("position"), (position, error, asynchronous) => {
+ if(error)
+ return;
+
+ const classes = sizerboard.settings("class"),
+ hash = sizerboard.hash();
+
+ position.innerHTML = sizerboard.views.get("base_view", {
+ application : sizerboard.settings(["application_name", "application"]),
+ git : sizerboard.settings(["application_git", "git"]),
+ url : sizerboard.settings(["application_url", "url"]),
+ hash : hash,
+ classes : classes ? " " + classes : "",
+ cells : sizerboard.settings("cells"),
+ main_menu_items : sizerboard.views.get_multiple_items("main_menu_item", sizerboard.settings("main_menu_items"))[0],
+ preloader : sizerboard.build_preloader((view, error, asynchronous) => {
+ if(error)
+ return;
+
+ const self_error = sizerboard.set_self(view, hash);
+
+ if(self_error)
+ return;
+
+ thread = sizerboard.thread_add(changes_thread_method);
+
+ sizerboard.print("ok", "sizerboard_base_started");
+ end(true);
+
+ }),
+ projects : sizerboard.views.get_multiple_items("project_option", [])[0]
+ })[0];
+ });
+
+ return true;
+ };
+
+ construct();
+
+};
\ No newline at end of file
diff --git a/Public/ecma/Sizerboard.DrawBox.ecma.js b/Public/ecma/Sizerboard.DrawBox.ecma.js
new file mode 100644
index 0000000..e8bc0a5
--- /dev/null
+++ b/Public/ecma/Sizerboard.DrawBox.ecma.js
@@ -0,0 +1,48 @@
+Sizerboard.DrawBox = function(sizerboard, inputs){
+
+ const self = this;
+ let started = false;
+
+ const construct = () => {
+
+ sizerboard.print("info", "sizerboard_draw_box_building");
+
+ sizerboard.print("ok", "sizerboard_draw_box_built");
+
+ };
+
+ this.start = callback => {
+
+ const end = status => typeof callback == "function" && callback(status);
+
+ sizerboard.print("info", "sizerboard_draw_box_starting");
+
+ if(started){
+ sizerboard.print("warn", "sizerboard_draw_box_already_started");
+ end(false);
+ return false;
+ };
+ started = true;
+
+ sizerboard.print("ok", "sizerboard_draw_box_started");
+ end(true);
+
+ return true;
+ };
+
+ this.show = (item, event, key) => {
+ if(item.hasAttribute("disabled"))
+ return;
+
+ sizerboard.item_self.querySelector(".draw-box").setAttribute("data-mode", key);
+ sizerboard.item_self.querySelectorAll(".draw-box .fields>[data-visible=true]").forEach(section => section.setAttribute("data-visible", false));
+ item.parentNode.parentNode.querySelectorAll("[disabled]").forEach(button => button.removeAttribute("disabled"));
+
+ sizerboard.item_self.querySelector(".draw-box .fields>." + key).setAttribute("data-visible", true);
+ item.setAttribute("disabled", true);
+
+ };
+
+ construct();
+
+};
\ No newline at end of file
diff --git a/Public/ecma/Sizerboard.Projects.ecma.js b/Public/ecma/Sizerboard.Projects.ecma.js
new file mode 100644
index 0000000..3b81cbf
--- /dev/null
+++ b/Public/ecma/Sizerboard.Projects.ecma.js
@@ -0,0 +1,90 @@
+Sizerboard.Projects = function(sizerboard, inputs){
+
+ const self = this;
+ let started = false,
+ cache = "",
+ autosearch_thread;
+
+ const construct = () => {
+
+ sizerboard.print("info", "sizerboard_projects_building");
+
+ sizerboard.print("ok", "sizerboard_projects_built");
+
+ };
+
+ this.start = callback => {
+
+ const end = status => typeof callback == "function" && callback(status);
+
+ sizerboard.print("info", "sizerboard_projects_starting");
+
+ if(started){
+ sizerboard.print("warn", "sizerboard_projects_already_started");
+ end(false);
+ return false;
+ };
+ started = true;
+
+ sizerboard.preload("#projects_menu_search", (item, error, asynchronous) => (
+ error ||
+ (autosearch_thread = sizerboard.thread_add(autosearch_thread_method))
+ ));
+
+ sizerboard.print("ok", "sizerboard_projects_started");
+ end(true);
+
+ return true;
+ };
+
+ const autosearch_thread_method = () => {
+
+ const text = sizerboard.item_self.querySelector(".projects-menu .search-box [name=search]").value;
+
+ if(text != cache){
+ cache = text;
+ sizerboard.item_self.querySelectorAll(".projects-menu nav li").forEach(item => item.setAttribute("data-visible", !cache || item.innerText.includes(cache)));
+ };
+
+ };
+
+ this.search = (item, event) => {};
+
+ this.add = (item, event) => {
+
+ let name = item.parentNode.parentNode.querySelector("[type=text]").value,
+ error = (
+ name === undefined ? 1 << 0 :
+ name === null ? 1 << 1 :
+ typeof name != "string" ? 1 << 2 :
+ !name ? 1 << 3 :
+ !(name = name.trim()) ? 1 << 4 :
+ /[^a-z0-9_\- ]/i.test(name) ? 1 << 5 :
+ sizerboard.item_self.querySelector(".projects-menu nav li[data-name=" + name + "]") ? 1 << 6 :
+ ["null"].includes(name) ? 1 << 7 :
+ 0) << 1;
+
+ error ||
+ (sizerboard.item_self.querySelector(".projects-menu nav>ul").innerHTML += sizerboard.views.get("project_option", {
+ name : name,
+ i : sizerboard.item_self.querySelectorAll(".projects-menu nav li").length
+ })[0]);
+
+ };
+
+ this.get_in_gui = (item, event) => {
+
+ sizerboard.item_self.querySelectorAll(".projects-menu nav li[data-selected=true]").forEach(item => {
+ item.hasAttribute("disabled") && item.removeAttribute("disabled");
+ item.setAttribute("data-selected", false);
+ });
+
+ sizerboard.item_self.querySelector(".draw-box").setAttribute("data-selected", item.getAttribute("data-name"));
+ item.setAttribute("data-selected", true);
+ item.setAttribute("disabled", true);
+
+ };
+
+ construct();
+
+};
\ No newline at end of file
diff --git a/Public/ecma/Sizerboard.Views.ecma.js b/Public/ecma/Sizerboard.Views.ecma.js
new file mode 100644
index 0000000..2cdf56b
--- /dev/null
+++ b/Public/ecma/Sizerboard.Views.ecma.js
@@ -0,0 +1,186 @@
+Sizerboard.Views = function(sizerboard, inputs){
+
+ const self = this,
+ views = {};
+ let started = false,
+ default_overwrite = false;
+
+ const construct = () => {
+
+ sizerboard.print("info", "sizerboard_views_building");
+
+ sizerboard.print("ok", "sizerboard_views_built");
+
+ };
+
+ this.start = callback => {
+
+ const end = status => typeof callback == "function" && callback(status);
+
+ sizerboard.print("info", "sizerboard_views_starting");
+
+ if(started){
+ sizerboard.print("warn", "sizerboard_views_already_started");
+ end(false);
+ return false;
+ };
+ started = true;
+
+ default_overwrite = sizerboard.settings(["views_overwrite", "overwrite"]);
+
+ sizerboard.execute_array_items(["default_views_files", "views_files"], (key, callback) => {
+ self.add(sizerboard.settings(key), true, callback);
+ }, () => {
+ sizerboard.print("ok", "sizerboard_views_started");
+ end(true);
+ });
+
+ return true;
+ };
+
+ const add_json = (data, overwrite, callback) => {
+
+ let json;
+
+ try{
+ json = JSON.parse(data);
+ }catch(exception){};
+
+ if(json)
+ add(json instanceof Array ? json : [json], overwrite, callback, 0);
+ else
+ callback();
+
+ };
+
+ const add = (inputs, overwrite, callback, i) => {
+
+ if(!inputs || (i || (i = 0)) >= inputs.length){
+ typeof callback == "function" && callback();
+ return;
+ };
+
+ const end = () => add(inputs, overwrite, callback, i + 1);
+
+ if(!inputs[i]){
+ end();
+ return;
+ };
+
+ switch(typeof inputs[i]){
+ case "string":
+ if(/^(\[(.+|[\r\n]+)\]|\{(.+|[\r\n]+)\})$/.test(inputs[i].trim()))
+ add_json(inputs[i], overwrite, end);
+ else if(/^[^\s][^\r\n]+[^\s]$/.test(inputs[i]))
+ sizerboard.load_file(inputs[i], response => add([response], overwrite, end, 0));
+ else{
+
+ let matches;
+
+ while(matches = inputs[i].match(/\<\!\-{2} *\[{2}([^\[\]]+)\]{2} *\-{2}\>/)){
+
+ const key = matches[1].trim();
+
+ inputs[i] = inputs[i].substring(matches.index + matches[0].length);
+
+ if(matches = inputs[i].match(new RegExp("\\<\\!\\-{2} *\\[{2} *" + key + " *\\]{2} *\\-{2}\\>"))){
+ (overwrite || views[key] === undefined) && (views[key] = inputs[i].substring(0, matches.index));
+ inputs[i] = inputs[i].substring(matches.index + matches[0].length);
+ };
+
+ };
+
+ end();
+
+ };
+ break;
+ case "object":
+ if(inputs[i] instanceof Array)
+ add(inputs[i], overwrite, end, 0);
+ else{
+ for(const key in inputs[i])
+ typeof inputs[i] == "string" && (overwrite || views[key] === undefined) && (views[key] = inputs[i]);
+ end();
+ };
+ break;
+ default:
+ end();
+ break;
+ };
+
+ };
+
+ this.add = (inputs, overwrite, callback) => add(
+ typeof inputs == "object" && inputs instanceof Array ? inputs : [inputs],
+ typeof overwrite == "boolean" ? overwrite : default_overwrite,
+ callback,
+ 0
+ );
+
+ this.validate = key => (
+ key === undefined ? 1 << 0 :
+ key === null ? 1 << 1 :
+ typeof key != "string" ? 1 << 2 :
+ !key ? 1 << 3 :
+ !(key = key.trim()) ? 1 << 4 :
+ views[key] === undefined ? 1 << 5 :
+ 0);
+
+ const set_variables = (view, variables, _default) => view.replace(/(object_name)/g, "{$1}").replace(/\{([^\{\}]+)\}|\{{2}([^\{\}]+)\}{2}/g, (all, key, i18n) => {
+ if(key){
+ for(let i = 0, l = variables.length; i < l; i ++)
+ if(variables[i][key] !== undefined)
+ return variables[i][key];
+ }else{
+
+ for(let i = 0, l = variables.length; i < l; i ++)
+ if(variables[i][i18n] !== undefined){
+ i18n = variables[i][i18n];
+ break;
+ };
+
+ const text = sizerboard.i18n(i18n, variables, _default === undefined ? null : _default);
+
+ return text !== null ? text : i18n;
+ };
+ return all;
+ });
+
+ const get_variables_array = variables => (
+ variables && typeof variables == "object" ? variables instanceof Array ? variables : [variables] : []
+ ).filter(subset => subset && typeof subset == "object");
+
+ this.get = (key, variables, _default) => {
+
+ let error = self.validate(key) << 1,
+ view = _default;
+
+ !error && (view = set_variables(views[key], get_variables_array(variables).concat([{
+ object_name : sizerboard.object_name
+ }]), _default));
+
+ return [view, error];
+ };
+
+ this.get_multiple_items = (key, items, variables, _default) => {
+
+ let error = (
+ (self.validate(key) << 0) |
+ ((
+ items === undefined ? 1 << 0 :
+ items === null ? 1 << 1 :
+ typeof items != "object" ? 1 << 2 :
+ !(items instanceof Array) ? 1 << 3 :
+ items.some(item => !item || typeof item != "object") ? 1 << 4 :
+ 0) << 7) |
+ 0),
+ results = null;
+
+ !error && (results = items.map(item => set_variables(views[key], get_variables_array(variables).concat([item]), _default)).join(""));
+
+ return [results, error];
+ };
+
+ construct();
+
+};
\ No newline at end of file
diff --git a/Public/ecma/Sizerboard.ecma.js b/Public/ecma/Sizerboard.ecma.js
index e074f9c..0f693e1 100644
--- a/Public/ecma/Sizerboard.ecma.js
+++ b/Public/ecma/Sizerboard.ecma.js
@@ -7,19 +7,88 @@ Sizerboard = function(inputs){
default_text : "",
autostart : true,
default_language : "english",
- timeout : 2000
+ timeout : 2000,
+ print_format : "[{type}] {yyyy}{mm}{dd} {hh}{ii}{ss} [{line}]{file}({method}): {message}",
+ gui_mode : "light",
+ frames_per_second : 24,
+ position : "body",
+ default_settings_files : [
+ "/json/Sizerboard.settings.json",
+ "/json/Sizerboard.settings.secrets.json"
+ ],
+ object_name : "sizerboard"
},
settings = {},
- sentences = {};
+ sentences = {},
+ print_types = [
+ ["unkn", "unknown"],
+ ["info", "information"],
+ [" ok ", "ok", "yes", "y"],
+ ["erro", "error", "wrong"],
+ ["warn", "warning"],
+ ["exce", "except", "exception"],
+ ["note", "test", "tests", "notes", "data"]
+ ],
+ print_styles = {
+ unkn : {
+ dark : "color : #AAA;",
+ light : "color : #666;"
+ },
+ info : {
+ dark : "color : #99F;",
+ light : "color : #009;"
+ },
+ ok : {
+ dark : "color : #9F9;",
+ light : "color : #090;"
+ },
+ note : {
+ dark : "color : #222;",
+ light : "color : #EFEFEF;"
+ }
+ },
+ threads = [],
+ hashes = [];
let started = false,
language, default_language,
allow_settings_nulls, default_text, default_value,
- ajax_timeout;
+ ajax_timeout,
+ print_format = "[{type}] {yyyy}{mm}{dd} {hh}{ii}{ss} [{line}]{file}({method}): {message}",
+ gui_mode = "light",
+ threads_interval,
+ frames_per_second = 24,
+ preload_timeout = 2000,
+ hashes_alphabet, hashes_length;
+
+ const re_trace_block = new RegExp("^(" + [
+ /\s*at\s+(([^\s]+)\s+\()?(([^\(\)\:]+\:)?[^\(\)\:]+)(\:([0-9]+)\:[0-9]+)?\)?/.source, // Webkit
+ /([^\@]+)\@([^:]+\:[^\:]+)\:([0-9]+)\:[0-9]+/.source, // Gecko
+ ].join("|") + ")$");
+
+ let object_name = this.object_name;
+ let item_self = this.item_self = document;
+ let hash_self = this.hash_self;
+
+ let base = this.base;
+ let views = this.views;
+ let projects = this.projects;
+ let draw_box = this.draw_box;
const construct = () => {
basic_values();
+ self.print("info", "sizerboard_building");
+
+ object_name = self.object_name = self.settings("object_name");
+
+ base = self.base = new Sizerboard.Base(self, inputs);
+ views = self.views = new Sizerboard.Views(self, inputs);
+ projects = self.projects = new Sizerboard.Projects(self, inputs);
+ draw_box = self.draw_box = new Sizerboard.DrawBox(self, inputs);
+
+ self.print("ok", "sizerboard_built");
+
self.settings("autostart") && self.start();
};
@@ -32,26 +101,52 @@ Sizerboard = function(inputs){
language = self.settings(["language", "default_language"]);
default_language = self.settings(["default_language", "language"]);
ajax_timeout = self.settings(["ajax_timeout", "timeout"]);
+ print_format = self.settings("print_format");
+ gui_mode = self.settings("gui_mode");
};
this.start = callback => {
const end = status => typeof callback == "function" && callback(status);
+
+ self.print("info", "sizerboard_starting");
if(started){
+ self.print("warn", "sizerboard_already_started");
end(false);
return false;
};
started = true;
+ basic_values();
+
+ self.print("info", "settings_loading");
self.execute_array_items(["default_settings_files", "settings_files"], (key, callback) => {
self.settings_add(self.settings(key), true, callback);
+ basic_values();
}, () => {
+ self.print("ok", "settings_loaded");
+
+ frames_per_second = self.settings("frames_per_second");
+ preload_timeout = self.settings(["preload_timeout", "timeout"]);
+ hashes_alphabet = self.settings(["hashes_alphabet", "alphabet"]);
+ hashes_length = self.settings(["hashes_length", "length"]);
+
+ threads_interval = setInterval(threads_method, 1000 / frames_per_second);
+
+ self.print("info", "i18n_loading");
self.execute_array_items(["default_i18n_files", "i18n_files"], (key, callback) => {
self.i18n_add(self.settings(key), true, callback);
}, () => {
- end(true);
+ self.print("ok", "i18n_loaded");
+
+ self.execute_array_items([views, base, projects, draw_box], (item, callback) => {
+ item.start(callback);
+ }, () => {
+ self.print("ok", "sizerboard_started");
+ end(true);
+ });
});
});
@@ -61,15 +156,17 @@ Sizerboard = function(inputs){
this.nulls = nulls => typeof nulls == "boolean" ? nulls : allow_settings_nulls;
this.default_value = (_default, nulls) => _default !== undefined && (_default !== null || self.nulls(nulls)) ? _default : default_value;
+
+ this.set_keys = keys => (typeof keys == "object" && keys instanceof Array ? keys : [keys]).filter(key => typeof key == "string" && key.trim()).map(key => key.trim());
- this.settings = (keys, inputs, _default, nulls) => {
+ this.settings = (keys, own_inputs, _default, nulls) => {
- const m = (keys = (typeof inputs == "object" && inputs instanceof Array ? inputs : [inputs]).filter(subinputs => typeof subinpunts == "string" && subinputs.trim()).map(subinputs => subinputs.trim())).length;
+ const m = (keys = self.set_keys(keys)).length;
if(m){
- const l = (inputs = (
- inputs == "object" ? inputs instanceof Array ? inputs : [inputs] : []
+ const l = (own_inputs = (
+ own_inputs == "object" ? own_inputs instanceof Array ? own_inputs : [own_inputs] : []
).concat(
[inputs, settings, default_settings]
)).length;
@@ -77,10 +174,10 @@ Sizerboard = function(inputs){
nulls = self.nulls(nulls);
for(let i = 0; i < l; i ++)
- if(typeof inputs[i] == "object")
+ if(own_inputs[i] && typeof own_inputs[i] == "object")
for(let j = 0; j < m; j ++)
- if(inputs[i][keys[j]] !== undefined && (nulls || inputs[i][keys[j]] !== null))
- return inputs[i][keys[j]];
+ if(own_inputs[i][keys[j]] !== undefined && (nulls || own_inputs[i][keys[j]] !== null))
+ return own_inputs[i][keys[j]];
};
return self.default_value(_default, nulls);
};
@@ -93,7 +190,7 @@ Sizerboard = function(inputs){
timeout = ajax_timeout,
date = Date.now();
- ajax.send("get", url, true);
+ ajax.open("get", url, true);
ajax.timeout = timeout;
ajax.onreadystatechange = () => {
if(ended)
@@ -111,17 +208,32 @@ Sizerboard = function(inputs){
return ajax;
};
+
+ this.execute_json = (data, yes, no) => {
+
+ let json;
+
+ try{
+ json = JSON.parse(data);
+ }catch(exception){};
+
+ if(json)
+ typeof yes == "function" && yes(json);
+ else
+ typeof no == "function" && no();
+
+ };
this.execute_array_dictionaries = (inputs, partial_callback, full_callback, i) => {
- if(typeof inputs != "object" || inputs instanceof Array || (i || (i = 0)) >= inputs.length){
+ if(!inputs || typeof inputs != "object" || !(inputs instanceof Array) || (i || (i = 0)) >= inputs.length){
typeof full_callback == "function" && full_callback();
return;
};
const end = () => {
- inputs[i] && typeof partial_callback == "function" && partial_callback(inputs[i]);
- execute_array_dictionaries(inputs, partial_callback, full_callback, i + 1);
+ inputs[i] && typeof inputs[i] == "object" && typeof partial_callback == "function" && partial_callback(inputs[i]);
+ self.execute_array_dictionaries(inputs, partial_callback, full_callback, i + 1);
};
if(!inputs[i]){
@@ -130,25 +242,16 @@ Sizerboard = function(inputs){
};
if(typeof inputs[i] == "object"){
- if(inputs[i] instanceof Array){
+ if(inputs[i] instanceof Array)
self.execute_array_dictionaries(inputs[i], partial_callback, end, 0);
- return;
- };
+ else
+ end();
}else if(typeof inputs[i] == "string"){
-
- let json;
-
- if(/^(\{(.|[\r\n])*\}|\[(.|[\r\n])*)\])$/.test(inputs[i].trim())){
- try{
- json = JSON.parse(inputs[i]);
- }catch(exception){};
- json && self.execute_array_dictionaries(json instanceof Array ? json : [json], partial_callback, end, 0);
- }else
+ if(/^(\{(.|[\r\n])*\}|\[(.|[\r\n])*\])$/.test(inputs[i].trim()))
+ self.execute_json(inputs[i], json => self.execute_array_dictionaries(json instanceof Array ? json : [json], partial_callback, end, 0), end);
+ else
self.load_file(inputs[i], data => {
- try{
- json = JSON.parse(data);
- }catch(exception){};
- json && self.execute_array_dictionaries(json instanceof Array ? json : [json], partial_callback, end, 0);
+ self.execute_json(data, json => self.execute_array_dictionaries(json instanceof Array ? json : [json], partial_callback, end, 0), end);
});
}else
end();
@@ -158,12 +261,12 @@ Sizerboard = function(inputs){
this.execute_array_items = (items, action, callback, i) => {
(typeof items != "object" || !(items instanceof Array)) && (items = [items]);
- if(!items || i >= items.length){
+ if(!items || (i || (i = 0)) >= items.length){
typeof callback == "function" && callback();
return;
};
- const end = () => execute_array_items(items, action, callback, i + 1);
+ const end = () => self.execute_array_items(items, action, callback, i + 1);
if(typeof action == "function")
action(items[i], end);
@@ -176,8 +279,9 @@ Sizerboard = function(inputs){
typeof overwrite != "boolean" && (overwrite = settings_overwrite);
self.execute_array_dictionaries(inputs, data => {
for(const key in data)
- if(overwrite || settings[key] === undefined)
- settings[key] = data[key];
+ (overwrite || settings[key] === undefined) &&
+ !/^Sizerboard.*_(start|end)$/.test(key) &&
+ (settings[key] = data[key]);
}, callback);
};
@@ -189,6 +293,7 @@ Sizerboard = function(inputs){
if(typeof data[language] == "object")
for(const key in data[language])
(overwrite || sentences[language][key] === undefined) &&
+ !/^Sizerboard.*_(start|end)$/.test(key) &&
(sentences[language][key] = data[language][key]);
};
}, callback);
@@ -200,7 +305,7 @@ Sizerboard = function(inputs){
typeof variables == "object" && variables instanceof Array ? variables : [variables]
).filter(variables => typeof variables == "object")).length;
- return string.replace(/\{([^\{\}]+)\}/g, (all, key) => {
+ return ("" + string).replace(/\{([^\{\}]+)\}/g, (all, key) => {
for(let i = 0; i < l; i ++)
if(variables[i][key] !== undefined)
return variables[i][key];
@@ -212,24 +317,285 @@ Sizerboard = function(inputs){
const i18n = (keys, _default) => {
- const j = (keys = (typeof keys == "object" && keys instanceof Array ? keys : [keys]).filter(key => typeof key == "string").map(key => key.trim()).filter(key => key));
+ const m = (keys = self.set_keys(keys)).length;
- if(j){
+ if(m){
- const languages = [language, default_language].concat(Object.keys(sentences)),
+ const languages = [language, default_language].concat(Object.keys(sentences)).filter((language, i, array) => array.indexOf(language) == i),
l = languages.length;
for(let i = 0; i < l; i ++)
- if(languages[i] && typeof languages[i] == "object")
- for(let j = 0; j < l; j ++)
- if(languages[i][keys[j]] !== undefined)
- return languages[i][keys[j]];
+ if(sentences[languages[i]])
+ for(let j = 0; j < m; j ++)
+ if(sentences[languages[i]][keys[j]] !== undefined)
+ return sentences[languages[i]][keys[j]];
return keys[0];
};
return self.default_text(_default);
};
- this.i18n = (keys, variables, _default) => self.string_variables(i18n(keys, _default), variables, _default);
+ this.i18n = (keys, variables, _default) => {
+
+ const text = i18n(keys, _default);
+
+ return self.string_variables(typeof text == "object" ? text.join("") : text, variables, _default);
+ };
+
+ this.get_print_type = type => {
+
+ const l = print_types.length;
+
+ type = type.toLowerCase();
+
+ for(let i = 0; i < l; i ++)
+ if(print_types[i].includes(type))
+ return print_types[i][0].toUpperCase();
+ return print_types[0][0];
+ };
+
+ this.get_trace = i => (new Error()).stack.replace(/^Error\s*?[\r\n]+/, "").trim().split(/[\r\n]+/).slice(1 + (i || 0)).map(line => {
+
+ const matches = line.match(re_trace_block);
+
+ return matches ? {
+ file : matches[4] || matches[9],
+ method : matches[3] || matches[8] || "",
+ line : Number(matches[7] || matches[10])
+ } : null;
+ }).filter(line => line);
+
+ this.print = (type, message, variables, i) => {
+
+ const date = new Date(),
+ own = {
+ ...((
+ variables ? typeof variables == "object" ? [variables] : variables instanceof Array ? variables : [] : []
+ ).reduce((results, set) => typeof set == "object" ? {...results, ...set} : results, {})),
+ ...self.get_trace(i || 1)[0],
+ raw_type : type,
+ type : self.get_print_type(type)
+ };
+
+ ["year", "month", "day", "hours", "minutes", "seconds"].forEach(key => {
+
+ const k = key != "minutes" ? key[0] : "i";
+
+ own[k + k] = ("00" + (own[k] = (own[key] = date["get" + (
+ key == "year" ? "FullYear" :
+ key == "day" ? "Date" :
+ key[0].toUpperCase() + key.substring(1)
+ )]()) % 100)).slice(-2);
+
+ });
+ own.yyyy = own.year;
+
+ const final_message = self.string_variables(print_format, {
+ ...own,
+ message : self.i18n(message, own)
+ });
+
+ switch(own.type){
+ case "INFO":
+ console.log("%c" + final_message, print_styles.info[gui_mode]);
+ break;
+ case " OK ":
+ console.log("%c" + final_message, print_styles.ok[gui_mode]);
+ break;
+ case "ERRO":
+ case "EXCE":
+ console.error(final_message);
+ break;
+ case "WARN":
+ console.warn(final_message);
+ break;
+ case "NOTE":
+ console.log("%c" + final_message, print_styles.note[gui_mode]);
+ break;
+ case "UNKN":
+ default:
+ console.log("%c" + final_message, print_styles.unkn[gui_mode]);
+ break;
+ };
+
+ };
+
+ const threads_method = () => threads.forEach(thread => {
+ if(thread)
+ try{
+ thread();
+ }catch(exception){};
+ });
+
+ this.thread_add = callback => {
+
+ let error = (
+ callback === undefined ? 1 << 0 :
+ callback === null ? 1 << 1 :
+ typeof callback != "function" ? 1 << 2 :
+ 0) << 1,
+ i = null;
+
+ if(!error){
+
+ const l = threads.length;
+
+ for(i = 0; i < l; i ++)
+ if(!threads[i])
+ break;
+
+ threads[i] = callback;
+
+ };
+
+ return [i, error];
+ };
+
+ this.thread_remove = i => {
+
+ let error = (
+ i === undefined ? 1 << 0 :
+ i === null ? 1 << 1 :
+ isNaN(i) ? 1 << 2 :
+ i != i >> 0 ? 1 << 3 :
+ i < 0 ? 1 << 4 :
+ i >= threads.length ? 1 << 5 :
+ 0) << 1;
+
+ !i && (threads[i] = null);
+
+ return error;
+ };
+
+ this.preload = (selector, callback) => {
+
+ let callback_is_function = typeof callback == "function",
+ error = (
+ ((
+ selector === undefined ? 1 << 0 :
+ selector === null ? 1 << 1 :
+ 0) << 0) |
+ ((
+ callback === undefined ? 1 << 0 :
+ callback === null ? 1 << 1 :
+ !callback_is_function ? 1 << 2 :
+ 0) << 10) |
+ 0) << 1,
+ item = null,
+ asynchronous = false;
+ const end = () => callback_is_function && callback(item, error, asynchronous);
+
+ if(!error){
+ switch(typeof selector){
+ case "string":
+ if(!(error |= (
+ !selector ? 1 << 5 :
+ !(selector = selector.trim()) ? 1 << 6 :
+ 0) << 5)){
+
+ try{
+ (item = item_self.querySelector(selector)) && end();
+ }catch(exception){
+ error |= 1 << 7;
+ end();
+ };
+
+ if(!item && !error){
+
+ const date = Date.now(),
+ [thread, suberror] = self.thread_add(() => {
+ if(item = item_self.querySelector(selector)){
+ self.thread_remove(thread);
+ end();
+ }else if(Date.now() - date > preload_timeout){
+ self.thread_remove(thread);
+ error |= 1 << 8;
+ end();
+ };
+ });
+
+ };
+
+ };
+ break;
+ case "object":
+ if(selector.tagName || selector.nodeName)
+ item = selector;
+ else
+ error |= 1 << 4;
+ end();
+ break;
+ default:
+ error |= 1 << 3;
+ end();
+ break;
+ };
+ };
+
+ return error;
+ };
+
+ this.hash = () => {
+
+ let hash;
+ const l = hashes_alphabet.length;
+
+ do{
+ hash = "";
+ while((hash += hashes_alphabet[Math.random() * l >> 0]).length < hashes_length);
+ }while(
+ hashes.includes(hash) ||
+ /^[0-9]/.test(hash) ||
+ document.querySelector("#" + hash + ",." + hash + ",[name=" + hash + "]")
+ );
+ hashes.push(hash);
+
+ return hash;
+ };
+
+ this.build_preloader = callback => {
+
+ const hash = self.hash();
+
+ self.preload("[data-preloader=" + hash + "]", (preloader, error, asynchronous) => {
+ typeof callback == "function" && callback(error ? null : preloader.parentNode, error, asynchronous);
+ preloader.remove();
+ });
+
+ return ``;
+ };
+
+ this.set_self = (item, hash) => {
+
+ let error = ((
+ ((item_self.tagName || item_self.nodeName) != "#document" ? 1 << 0 : 0) |
+ (hash_self ? 1 << 1 : 0) |
+ 0) || (
+ ((
+ item === undefined ? 1 << 0 :
+ item === null ? 1 << 1 :
+ typeof item != "object" ? 1 << 2 :
+ !item.tagName && !item.nodeName ? 1 << 3 :
+ (item.tagName || item.nodeName) == "#document" ? 1 << 4 :
+ 0) << 2) |
+ ((
+ hash === undefined ? 1 << 0 :
+ hash === null ? 1 << 1 :
+ typeof hash != "string" ? 1 << 2 :
+ !hash ? 1 << 3 :
+ !hash.trim() ? 1 << 4 :
+ hash != hash.trim() ? 1 << 5 :
+ hash.split("").some(character => !hashes_alphabet.includes(character)) ? 1 << 6 :
+ hash.length < hashes_length ? 1 << 7 :
+ 0) << 7) |
+ 0)) << 1;
+
+ if(!error){
+ item_self = self.item_self = item;
+ hash_self = self.hash_self = hash;
+ };
+
+ return error;
+ };
construct();
diff --git a/Public/html/Sizerboard.views.html b/Public/html/Sizerboard.views.html
new file mode 100644
index 0000000..3021c24
--- /dev/null
+++ b/Public/html/Sizerboard.views.html
@@ -0,0 +1,151 @@
+
+
+
+ Sizerboard - Views
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {preloader}
+