thrunium 1.2.0-rc.2 → 1.2.0-rc.3

package/README.md

@@ -64,7 +64,10 @@ from `game.json` (`entry`, else the first of `game.ts`, `game.js`, `src/game.ts`
 `src/game.js`; the title is `name`, else the folder name). A hand-written
 `index.html` is used as written, and having both it and `entry` is an error.
 `import './style.css'` from game code is bundled and linked, with `url()` fonts and
-images; remote `@import` stays remote.
+images; remote `@import` stays remote. A generated page takes a title, description,
+favicon, link-preview image, address and language from `page` in `game.json`, and
+the contents of an optional `head.html` and `body.html` (see the "Dev server and
+builds" guide). None of these mix with a hand-written `index.html`.
 
 `dev` never uses the CDN. For a project with a module entry
 (a generated page, or `<script type="module" src=...>` importing `thrunium`), `build` has two engine

package/dist/cli.mjs

@@ -155,20 +155,28 @@ function hasEngineTag(html) {
 function escapeHtml(text) {
   return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function generatePage(title, entry) {
+function generatePage(title, entry, opts = {}) {
+  const head = (opts.headTags ?? []).map((tag) => `	${tag}
+`).join("") + (opts.headExtra ? `${HEAD_PLACEHOLDER}
+` : "");
+  const body = opts.bodyExtra ? `${BODY_PLACEHOLDER}
+` : "";
   return `<!DOCTYPE html>
-<html lang="en">
+<html lang="${escapeHtml(opts.lang ?? "en")}">
 <head>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<title>${escapeHtml(title)}</title>
-</head>
+${head}</head>
 <body style="margin: 0; padding: 0;">
-	<script type="module" src="${escapeHtml(entry)}"></script>
+${body}	<script type="module" src="${escapeHtml(entry)}"></script>
 </body>
 </html>
 `;
 }
+function fillExtras(html, extras) {
+  return html.replace(HEAD_PLACEHOLDER, () => extras.head).replace(BODY_PLACEHOLDER, () => extras.body);
+}
 function transformHtml(html, opts) {
   let out = html;
   const hasHead = /<\/head\s*>/i.test(html);
@@ -198,23 +206,98 @@ function transformHtml(html, opts) {
   }
   return out;
 }
-var SCRIPT_TAG, ATTRIBUTE, ENGINE_SRC;
+var SCRIPT_TAG, ATTRIBUTE, ENGINE_SRC, HEAD_PLACEHOLDER, BODY_PLACEHOLDER;
 var init_html = __esm({
   "cli/html.ts"() {
     "use strict";
     SCRIPT_TAG = /<script\b[^>]*>/gi;
     ATTRIBUTE = /([^\s"'<>\/=]+)(?:\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s"'=<>`]+)))?/g;
     ENGINE_SRC = /(^|\/)thrunium(\.min)?\.js([?#]|$)/;
+    HEAD_PLACEHOLDER = "<!--thrunium:head-->";
+    BODY_PLACEHOLDER = "<!--thrunium:body-->";
+  }
+});
+
+// cli/page.ts
+import { existsSync as existsSync2, statSync } from "node:fs";
+import { isAbsolute, join as join2, normalize } from "node:path";
+function checkAsset(root, field, value) {
+  if (HTTP_URL.test(value)) return value;
+  const problem = (why) => new UserError(`"page.${field}" in game.json must be an http(s) URL or a relative path to a file in the project (${why}): ${value}`);
+  if (/^[a-z][a-z0-9+.-]*:/i.test(value) || value.startsWith("//")) throw problem("unsupported address");
+  if (/[?#]/.test(value)) throw problem("no ? or # suffix");
+  if (isAbsolute(value) || normalize(value).split(/[\\/]/).includes("..")) throw problem("outside the project");
+  const path = join2(root, value);
+  if (!existsSync2(path) || !statSync(path).isFile()) throw problem("file not found");
+  return value.replace(/^(\.\/)+/, "");
+}
+function readPageSettings(root, value) {
+  if (value === void 0) return {};
+  if (typeof value !== "object" || value === null || Array.isArray(value)) {
+    throw new UserError('"page" in game.json must be an object.');
+  }
+  const raw = value;
+  const settings = {};
+  for (const field of FIELDS) {
+    const v = raw[field];
+    if (v === void 0) continue;
+    if (typeof v !== "string") throw new UserError(`"page.${field}" in game.json must be a string.`);
+    if (v !== "") settings[field] = v;
+  }
+  if (settings.icon !== void 0) settings.icon = checkAsset(root, "icon", settings.icon);
+  if (settings.image !== void 0) settings.image = checkAsset(root, "image", settings.image);
+  if (settings.url !== void 0 && !(HTTP_URL.test(settings.url) && URL.canParse(settings.url))) {
+    throw new UserError(`"page.url" in game.json must be an absolute http(s) URL: ${settings.url}`);
+  }
+  return settings;
+}
+function pageHeadTags(settings, title) {
+  const { description, icon, url } = settings;
+  const image = settings.image !== void 0 && url !== void 0 && !HTTP_URL.test(settings.image) ? new URL(settings.image, url).href : settings.image;
+  const attr = escapeHtml;
+  const tags = [];
+  if (description !== void 0) tags.push(`<meta name="description" content="${attr(description)}">`);
+  if (url !== void 0) tags.push(`<link rel="canonical" href="${attr(url)}">`);
+  if (icon !== void 0) {
+    const ext = /\.[^./?#]+$/.exec(icon)?.[0].toLowerCase() ?? "";
+    const type = ICON_TYPES[ext];
+    tags.push(`<link rel="icon" href="${attr(icon)}"${type ? ` type="${type}"` : ""}>`);
+  }
+  if (description !== void 0 || image !== void 0 || url !== void 0) {
+    tags.push('<meta property="og:type" content="website">');
+    tags.push(`<meta property="og:title" content="${attr(title)}">`);
+    if (description !== void 0) tags.push(`<meta property="og:description" content="${attr(description)}">`);
+    if (image !== void 0) tags.push(`<meta property="og:image" content="${attr(image)}">`);
+    if (url !== void 0) tags.push(`<meta property="og:url" content="${attr(url)}">`);
+    tags.push(`<meta name="twitter:card" content="${image !== void 0 ? "summary_large_image" : "summary"}">`);
+  }
+  return tags;
+}
+var FIELDS, HTTP_URL, ICON_TYPES;
+var init_page = __esm({
+  "cli/page.ts"() {
+    "use strict";
+    init_errors();
+    init_html();
+    FIELDS = ["title", "description", "icon", "image", "url", "lang"];
+    HTTP_URL = /^https?:\/\//i;
+    ICON_TYPES = {
+      ".png": "image/png",
+      ".svg": "image/svg+xml",
+      ".ico": "image/x-icon",
+      ".gif": "image/gif",
+      ".webp": "image/webp"
+    };
   }
 });
 
 // cli/project.ts
-import { existsSync as existsSync2, readFileSync as readFileSync2, statSync } from "node:fs";
-import { basename, isAbsolute, join as join2, normalize, resolve } from "node:path";
+import { existsSync as existsSync3, readFileSync as readFileSync2, statSync as statSync2 } from "node:fs";
+import { basename, isAbsolute as isAbsolute2, join as join3, normalize as normalize2, resolve } from "node:path";
 function resolveEngineMode(root, flag) {
   if (flag) return flag;
-  const manifest = join2(root, "package.json");
-  if (!existsSync2(manifest)) return "cdn";
+  const manifest = join3(root, "package.json");
+  if (!existsSync3(manifest)) return "cdn";
   let pkg;
   try {
     pkg = JSON.parse(readFileSync2(manifest, "utf8"));
@@ -227,11 +310,11 @@ function resolveEngineMode(root, flag) {
   throw new UserError(`Invalid "thrunium.engine" in package.json: ${JSON.stringify(value)}. Use "cdn" or "bundle".`);
 }
 function isFile(path) {
-  return existsSync2(path) && statSync(path).isFile();
+  return existsSync3(path) && statSync2(path).isFile();
 }
 function readGameJson(root) {
-  const file = join2(root, "game.json");
-  if (!existsSync2(file)) return null;
+  const file = join3(root, "game.json");
+  if (!existsSync3(file)) return null;
   let json;
   try {
     json = JSON.parse(readFileSync2(file, "utf8"));
@@ -241,51 +324,77 @@ function readGameJson(root) {
   if (typeof json !== "object" || json === null || Array.isArray(json)) {
     throw new UserError("game.json must contain a JSON object.");
   }
-  const { name, entry } = json;
+  const { name, entry, page } = json;
   if (name !== void 0 && typeof name !== "string") throw new UserError('"name" in game.json must be a string.');
   if (entry !== void 0 && typeof entry !== "string") throw new UserError('"entry" in game.json must be a string.');
-  return { name, entry };
+  return { name, entry, page };
 }
 function validateEntry(root, entry) {
-  const inside = !isAbsolute(entry) && !normalize(entry).split(/[\\/]/).includes("..");
+  const inside = !isAbsolute2(entry) && !normalize2(entry).split(/[\\/]/).includes("..");
   if (!inside) throw new UserError(`"entry" in game.json must be a relative path inside the project: ${entry}`);
   if (!ENTRY_EXTENSIONS.test(entry)) {
     throw new UserError(`"entry" in game.json must end in .ts, .js, .mts or .mjs: ${entry}`);
   }
-  if (!isFile(join2(root, entry))) throw new UserError(`"entry" in game.json points to ${entry}, which does not exist.`);
+  if (!isFile(join3(root, entry))) throw new UserError(`"entry" in game.json points to ${entry}, which does not exist.`);
 }
-function hasEntryKey(file) {
+function hasKey(file, key) {
   try {
     const json = JSON.parse(readFileSync2(file, "utf8"));
-    return typeof json === "object" && json !== null && !Array.isArray(json) && "entry" in json;
+    return typeof json === "object" && json !== null && !Array.isArray(json) && key in json;
   } catch {
     return false;
   }
 }
+function readExtra(root, file) {
+  const path = join3(root, file);
+  return isFile(path) ? readFileSync2(path, "utf8").replace(/^\uFEFF/, "").trimEnd() : "";
+}
 function resolvePage(root) {
-  const indexPath = join2(root, "index.html");
-  if (existsSync2(indexPath)) {
-    if (hasEntryKey(join2(root, "game.json"))) {
+  const indexPath = join3(root, "index.html");
+  if (existsSync3(indexPath)) {
+    const gameJson = join3(root, "game.json");
+    if (hasKey(gameJson, "entry")) {
       throw new UserError('game.json has "entry", but index.html also exists and is used instead. Remove one of them.');
     }
-    return { html: readFileSync2(indexPath, "utf8"), htmlSource: "file" };
+    if (hasKey(gameJson, "page")) {
+      throw new UserError(
+        'game.json has "page", but index.html also exists and is used instead. Move the settings into index.html or delete it.'
+      );
+    }
+    for (const file of ["head.html", "body.html"]) {
+      if (isFile(join3(root, file))) {
+        throw new UserError(
+          `${file} exists, but index.html also exists and is used instead. Move its contents into index.html or delete it.`
+        );
+      }
+    }
+    return { html: readFileSync2(indexPath, "utf8"), htmlSource: "file", extras: { head: "", body: "" } };
   }
   const game = readGameJson(root);
   let entry = game?.entry;
   if (entry !== void 0) validateEntry(root, entry);
-  else entry = DEFAULT_ENTRIES.find((candidate) => isFile(join2(root, candidate)));
+  else entry = DEFAULT_ENTRIES.find((candidate) => isFile(join3(root, candidate)));
   if (entry === void 0) {
     throw new UserError(
       `No game found: add game.ts or game.js (or set "entry" in game.json), or an index.html. Looked for: ${DEFAULT_ENTRIES.join(", ")}.`
     );
   }
-  return { html: generatePage(game?.name ?? basename(resolve(root)), entry), htmlSource: "generated" };
+  const settings = readPageSettings(root, game?.page);
+  const title = settings.title ?? game?.name ?? basename(resolve(root));
+  const extras = { head: readExtra(root, "head.html"), body: readExtra(root, "body.html") };
+  const html = generatePage(title, entry, {
+    lang: settings.lang,
+    headTags: pageHeadTags(settings, title),
+    headExtra: extras.head !== "",
+    bodyExtra: extras.body !== ""
+  });
+  return { html, htmlSource: "generated", extras };
 }
 function loadProject(root, engineFlag) {
-  const { html, htmlSource } = resolvePage(root);
+  const { html, htmlSource, extras } = resolvePage(root);
   const entries = findModuleEntries(html);
   for (const entry of entries) {
-    if (!existsSync2(join2(root, entry))) {
+    if (!existsSync3(join3(root, entry))) {
       throw new UserError(`Entry file ${entry} (from ${htmlSource === "file" ? "index.html" : "game.json"}) does not exist.`);
     }
   }
@@ -293,7 +402,7 @@ function loadProject(root, engineFlag) {
   if (usesModules && hasEngineTag(html)) {
     throw new UserError("Remove the Thrunium <script> tag from index.html; thrunium adds it for you.");
   }
-  return { root, html, htmlSource, entries, usesModules, engineMode: resolveEngineMode(root, engineFlag) };
+  return { root, html, htmlSource, extras, entries, usesModules, engineMode: resolveEngineMode(root, engineFlag) };
 }
 function thruniumPlugin() {
   return {
@@ -334,6 +443,7 @@ var init_project = __esm({
     init_engine();
     init_errors();
     init_html();
+    init_page();
     DEFAULT_ENTRIES = ["game.ts", "game.js", "src/game.ts", "src/game.js"];
     ENTRY_EXTENSIONS = /\.(ts|js|mts|mjs)$/;
     ASSET_EXTENSIONS = [".woff", ".woff2", ".ttf", ".otf", ".png", ".jpg", ".jpeg", ".gif", ".svg", ".webp"];
@@ -381,11 +491,11 @@ __export(dev_exports, {
   startDev: () => startDev
 });
 import { spawn } from "node:child_process";
-import { existsSync as existsSync3, readdirSync, realpathSync, statSync as statSync2, watch } from "node:fs";
+import { existsSync as existsSync4, readdirSync, realpathSync, statSync as statSync3, watch } from "node:fs";
 import { readFile } from "node:fs/promises";
 import { createServer } from "node:http";
 import { isIP } from "node:net";
-import { basename as basename2, extname, isAbsolute as isAbsolute2, join as join3, normalize as normalize2, relative, resolve as resolve2, sep } from "node:path";
+import { basename as basename2, extname, isAbsolute as isAbsolute3, join as join4, normalize as normalize3, relative, resolve as resolve2, sep } from "node:path";
 import { parseArgs } from "node:util";
 import { context as esbuildContext, formatMessages } from "esbuild";
 function openBrowser(url) {
@@ -423,10 +533,10 @@ async function listen(server, port, host) {
 async function startDev(opts) {
   const root = resolve2(opts.root);
   const host = opts.host ?? "localhost";
-  const outDir = join3(root, "dist");
+  const outDir = join4(root, "dist");
   const realRoot = realpathSync(root);
   const outTmp = outDir + ".tmp";
-  const virtualOut = join3(root, ".thrunium-dev");
+  const virtualOut = join4(root, ".thrunium-dev");
   loadProject(root);
   const clients = /* @__PURE__ */ new Set();
   let lastError = null;
@@ -541,12 +651,15 @@ data: ${JSON.stringify(data)}
       const project = loadProject(root);
       const entryMap = new Map(project.entries.map((e, i) => [e, `${BUNDLE_PREFIX}${i}.js`]));
       const styles = project.entries.flatMap((_, i) => bundles.has(`${i}.css`) ? [`${BUNDLE_PREFIX}${i}.css`] : []);
-      const html = transformHtml(project.html, {
-        engineTag: project.usesModules ? ENGINE_TAG : null,
-        entryMap,
-        inject: RELOAD_CLIENT,
-        styles
-      });
+      const html = fillExtras(
+        transformHtml(project.html, {
+          engineTag: project.usesModules ? ENGINE_TAG : null,
+          entryMap,
+          inject: RELOAD_CLIENT,
+          styles
+        }),
+        project.extras
+      );
       res.writeHead(200, { ...noCache, "content-type": MIME[".html"] }).end(html);
       return;
     }
@@ -565,15 +678,15 @@ data: ${JSON.stringify(data)}
       res.writeHead(200, { ...noCache, "content-type": type }).end(contents);
       return;
     }
-    const file = normalize2(join3(root, pathname));
+    const file = normalize3(join4(root, pathname));
     const rel = relative(root, file);
     if (/[\\\0]/.test(pathname) || // backslashes act as separators on Windows; NUL is never valid
-    rel.split(/[\\/]/).some((part) => part.startsWith(".")) || rel === "" || rel === ".." || rel.startsWith(".." + sep) || isAbsolute2(rel) || !existsSync3(file) || !statSync2(file).isFile()) {
+    rel.split(/[\\/]/).some((part) => part.startsWith(".")) || rel === "" || rel === ".." || rel.startsWith(".." + sep) || isAbsolute3(rel) || !existsSync4(file) || !statSync3(file).isFile()) {
       res.writeHead(404).end();
       return;
     }
     const realRel = relative(realRoot, realpathSync(file));
-    if (realRel === ".." || realRel.startsWith(".." + sep) || isAbsolute2(realRel)) {
+    if (realRel === ".." || realRel.startsWith(".." + sep) || isAbsolute3(realRel)) {
       res.writeHead(404).end();
       return;
     }
@@ -585,7 +698,7 @@ data: ${JSON.stringify(data)}
     for (const dir of [outDir, outTmp]) if (abs === dir || abs.startsWith(dir + sep)) return true;
     if (owned.has(abs)) return true;
     try {
-      return statSync2(abs).isDirectory();
+      return statSync3(abs).isDirectory();
     } catch {
       return false;
     }
@@ -593,15 +706,10 @@ data: ${JSON.stringify(data)}
   let timer;
   let closed = false;
   let pending = Promise.resolve();
-  let indexChanged = false;
   const flush = async () => {
-    const checkEntries = indexChanged;
-    indexChanged = false;
     try {
-      if (checkEntries) {
-        const next = findModuleEntries(loadProject(root).html);
-        if (next.join("\n") !== entries.join("\n")) await startBundler(next);
-      }
+      const next = findModuleEntries(loadProject(root).html);
+      if (next.join("\n") !== entries.join("\n")) await startBundler(next);
     } catch (err) {
       broadcastError(err instanceof Error ? err.message : String(err));
       return;
@@ -620,20 +728,20 @@ data: ${JSON.stringify(data)}
   };
   const watchers = /* @__PURE__ */ new Map();
   const skippedTop = (name) => {
-    const abs = join3(root, name);
+    const abs = join4(root, name);
     return name === "node_modules" || name.startsWith(".") || abs === outDir || abs === outTmp;
   };
   const onWatchError = (path) => (err) => {
     watchers.get(path)?.close();
     watchers.delete(path);
-    if (existsSync3(path)) console.error(`thrunium: file watching stopped for ${path}: ${err.message}`);
+    if (existsSync4(path)) console.error(`thrunium: file watching stopped for ${path}: ${err.message}`);
   };
   const rescan = () => {
     if (closed) return;
     const dirs = /* @__PURE__ */ new Set();
     try {
       for (const entry of readdirSync(root, { withFileTypes: true })) {
-        if (entry.isDirectory() && !skippedTop(entry.name)) dirs.add(join3(root, entry.name));
+        if (entry.isDirectory() && !skippedTop(entry.name)) dirs.add(join4(root, entry.name));
       }
     } catch {
       return;
@@ -650,7 +758,7 @@ data: ${JSON.stringify(data)}
         const w = watch(dir, { recursive: true }, (_event, filename) => {
           if (!filename) return schedule();
           const name = filename.toString();
-          if (name === basename2(dir) && !existsSync3(join3(dir, name))) return;
+          if (name === basename2(dir) && !existsSync4(join4(dir, name))) return;
           if (!ignored(resolve2(dir, name))) schedule();
         });
         w.on("error", onWatchError(dir));
@@ -662,9 +770,8 @@ data: ${JSON.stringify(data)}
   const rootWatcher = watch(root, (event, filename) => {
     if (event === "rename") rescan();
     const abs = filename ? resolve2(root, filename.toString()) : root;
-    const pageInput = !filename || abs === join3(root, "index.html") || abs === join3(root, "game.json");
+    const pageInput = !filename || PAGE_INPUTS.some((file) => abs === join4(root, file));
     if (!pageInput && ignored(abs)) return;
-    if (pageInput) indexChanged = true;
     schedule();
   });
   rootWatcher.on("error", onWatchError(root));
@@ -741,7 +848,7 @@ ${USAGE}`);
   });
   await server.close();
 }
-var USAGE, MIME, ENGINE_TAG, BUNDLE_PREFIX, WATCH_DEBOUNCE_MS, PORT_ATTEMPTS;
+var USAGE, MIME, ENGINE_TAG, BUNDLE_PREFIX, PAGE_INPUTS, WATCH_DEBOUNCE_MS, PORT_ATTEMPTS;
 var init_dev = __esm({
   "cli/dev.ts"() {
     "use strict";
@@ -781,6 +888,7 @@ Options:
     };
     ENGINE_TAG = '<script src="/__thrunium/engine/thrunium.js"></script>';
     BUNDLE_PREFIX = "/__thrunium/bundle/";
+    PAGE_INPUTS = ["index.html", "game.json", "head.html", "body.html"];
     WATCH_DEBOUNCE_MS = 50;
     PORT_ATTEMPTS = 11;
   }
@@ -792,14 +900,14 @@ __export(build_exports, {
   build: () => build,
   runBuild: () => runBuild
 });
-import { existsSync as existsSync4, mkdirSync, readdirSync as readdirSync2, readFileSync as readFileSync3, renameSync, rmSync, statSync as statSync3, writeFileSync, copyFileSync } from "node:fs";
-import { dirname as dirname2, isAbsolute as isAbsolute3, join as join4, relative as relative2, resolve as resolve3, sep as sep2 } from "node:path";
+import { existsSync as existsSync5, mkdirSync, readdirSync as readdirSync2, readFileSync as readFileSync3, renameSync, rmSync, statSync as statSync4, writeFileSync, copyFileSync } from "node:fs";
+import { dirname as dirname2, isAbsolute as isAbsolute4, join as join5, relative as relative2, resolve as resolve3, sep as sep2 } from "node:path";
 import { parseArgs as parseArgs2 } from "node:util";
 import { build as esbuild, formatMessages as formatMessages2 } from "esbuild";
 function listFiles(root, dir, skipDirs) {
   const files = [];
   for (const entry of readdirSync2(dir, { withFileTypes: true })) {
-    const abs = join4(dir, entry.name);
+    const abs = join5(dir, entry.name);
     if (entry.name.startsWith(".") || entry.name === "node_modules" || skipDirs.has(abs)) continue;
     if (entry.isDirectory()) files.push(...listFiles(root, abs, skipDirs));
     else if (entry.isFile() && !SKIPPED_NAMES.test(entry.name)) files.push(relative2(root, abs));
@@ -810,7 +918,7 @@ async function runBuild(opts) {
   const root = resolve3(opts.root);
   const outDir = resolve3(root, opts.outDir ?? "dist");
   const rel = relative2(root, outDir);
-  if (rel === "" || rel === ".." || rel.startsWith(".." + sep2) || isAbsolute3(rel)) {
+  if (rel === "" || rel === ".." || rel.startsWith(".." + sep2) || isAbsolute4(rel)) {
     throw new UserError(`The output folder must be inside the project and not the project itself: ${outDir}`);
   }
   const project = loadProject(root, opts.engine);
@@ -827,7 +935,7 @@ async function runBuild(opts) {
   const entryMap = /* @__PURE__ */ new Map();
   const styles = [];
   if (project.usesModules) {
-    const outAbs = join4(root, ".thrunium-out");
+    const outAbs = join5(root, ".thrunium-out");
     const result = await esbuild({
       ...baseBuildOptions(root),
       entryPoints: project.entries,
@@ -864,25 +972,26 @@ async function runBuild(opts) {
       engineTag = '<script src="thrunium.min.js"></script>';
       written.set("thrunium.min.js", readFileSync3(engineFile("thrunium.min.js")));
       const map = engineFile("thrunium.min.js") + ".map";
-      if (existsSync4(map)) written.set("thrunium.min.js.map", readFileSync3(map));
+      if (existsSync5(map)) written.set("thrunium.min.js.map", readFileSync3(map));
     } else {
       engineTag = cdnScriptTag(engineVersion(), integrity);
     }
   }
   const tmp = outDir + ".tmp";
-  written.set("index.html", transformHtml(project.html, { engineTag, entryMap, inject: null, styles }));
+  written.set("index.html", fillExtras(transformHtml(project.html, { engineTag, entryMap, inject: null, styles }), project.extras));
   rmSync(tmp, { recursive: true, force: true });
   try {
     const skipDirs = /* @__PURE__ */ new Set([outDir, tmp]);
     for (const file of listFiles(root, root, skipDirs)) {
       const key = file.split(sep2).join("/");
       if (written.has(key) || consumed.has(resolve3(root, file))) continue;
-      const dest = join4(tmp, file);
+      if (project.htmlSource === "generated" && PAGE_PARTS.has(key)) continue;
+      const dest = join5(tmp, file);
       mkdirSync(dirname2(dest), { recursive: true });
-      copyFileSync(join4(root, file), dest);
+      copyFileSync(join5(root, file), dest);
     }
     for (const [file, contents] of written) {
-      const dest = join4(tmp, file);
+      const dest = join5(tmp, file);
       mkdirSync(dirname2(dest), { recursive: true });
       writeFileSync(dest, contents);
     }
@@ -893,12 +1002,12 @@ async function runBuild(opts) {
     throw err;
   }
   const files = listAll(outDir, outDir).sort();
-  for (const f of files) console.log(`  ${f}  ${formatSize(statSync3(join4(outDir, f)).size)}`);
+  for (const f of files) console.log(`  ${f}  ${formatSize(statSync4(join5(outDir, f)).size)}`);
   return { outDir, files };
 }
 function listAll(base, dir) {
   return readdirSync2(dir, { withFileTypes: true }).flatMap(
-    (e) => e.isDirectory() ? listAll(base, join4(dir, e.name)) : [relative2(base, join4(dir, e.name)).split(sep2).join("/")]
+    (e) => e.isDirectory() ? listAll(base, join5(dir, e.name)) : [relative2(base, join5(dir, e.name)).split(sep2).join("/")]
   );
 }
 function formatSize(bytes) {
@@ -930,7 +1039,7 @@ ${USAGE2}`);
   }
   await runBuild({ root: process.cwd(), outDir: values.out, engine: values.engine });
 }
-var USAGE2, SKIPPED_NAMES;
+var USAGE2, SKIPPED_NAMES, PAGE_PARTS;
 var init_build = __esm({
   "cli/build.ts"() {
     "use strict";
@@ -946,6 +1055,7 @@ Options:
   --help, -h              Show this help
 `;
     SKIPPED_NAMES = /^(package\.json|package-lock\.json|npm-shrinkwrap\.json|pnpm-lock\.yaml|pnpm-workspace\.yaml|yarn\.lock|bun\.lockb?|bunfig\.toml|tsconfig.*\.json|.*\.ts)$/;
+    PAGE_PARTS = /* @__PURE__ */ new Set(["head.html", "body.html"]);
   }
 });
 
@@ -960,8 +1070,8 @@ __export(init_exports, {
   spawnInstall: () => spawnInstall
 });
 import { spawn as spawn2 } from "node:child_process";
-import { cpSync, existsSync as existsSync5, mkdirSync as mkdirSync2, readdirSync as readdirSync3, readFileSync as readFileSync4, renameSync as renameSync2, statSync as statSync4, writeFileSync as writeFileSync2 } from "node:fs";
-import { basename as basename3, join as join5, resolve as resolve4 } from "node:path";
+import { cpSync, existsSync as existsSync6, mkdirSync as mkdirSync2, readdirSync as readdirSync3, readFileSync as readFileSync4, renameSync as renameSync2, statSync as statSync5, writeFileSync as writeFileSync2 } from "node:fs";
+import { basename as basename3, join as join6, resolve as resolve4 } from "node:path";
 import { parseArgs as parseArgs3 } from "node:util";
 function detectPackageManager(userAgent) {
   const [name, version] = (userAgent?.split(" ")[0] ?? "").split("/");
@@ -983,25 +1093,25 @@ function spawnInstall(cmd, args, cwd) {
 }
 async function runInit(opts) {
   const dir = resolve4(opts.dir);
-  if (existsSync5(dir)) {
-    if (!statSync4(dir).isDirectory() || readdirSync3(dir).length > 0) {
+  if (existsSync6(dir)) {
+    if (!statSync5(dir).isDirectory() || readdirSync3(dir).length > 0) {
       throw new UserError(`${dir} already exists and is not an empty folder.`);
     }
   } else {
     mkdirSync2(dir, { recursive: true });
   }
-  cpSync(join5(packageRoot(), "templates", opts.template), dir, { recursive: true });
-  if (opts.pm.name === "pnpm") cpSync(join5(packageRoot(), "templates", "pnpm"), dir, { recursive: true });
-  renameSync2(join5(dir, "gitignore"), join5(dir, ".gitignore"));
+  cpSync(join6(packageRoot(), "templates", opts.template), dir, { recursive: true });
+  if (opts.pm.name === "pnpm") cpSync(join6(packageRoot(), "templates", "pnpm"), dir, { recursive: true });
+  renameSync2(join6(dir, "gitignore"), join6(dir, ".gitignore"));
   const name = basename3(dir).toLowerCase().replace(/[^a-z0-9-]/g, "-");
   for (const file of TEXT_FILES) {
-    const path = join5(dir, file);
+    const path = join6(dir, file);
     const text = readFileSync4(path, "utf8").replace(/\{\{name\}\}/g, name).replace(/\{\{version\}\}/g, engineVersion());
     writeFileSync2(path, text);
   }
   const pinPnpm = opts.pm.name === "pnpm" && opts.pm.version;
   if (pinPnpm || opts.pm.name === "npm") {
-    const path = join5(dir, "package.json");
+    const path = join6(dir, "package.json");
     const pkg = JSON.parse(readFileSync4(path, "utf8"));
     if (pinPnpm) pkg.packageManager = `pnpm@${opts.pm.version}`;
     if (opts.pm.name === "npm") pkg.allowScripts = { esbuild: true };

package/dist/thrunium.js

@@ -1,4 +1,4 @@
-/*! THRUNIUM v1.2.0-rc.2 | (c) Infobits ApS | MIT License */
+/*! THRUNIUM v1.2.0-rc.3 | (c) Infobits ApS | MIT License */
 "use strict";
 (() => {
   var __defProp = Object.defineProperty;
@@ -2222,7 +2222,7 @@
   }
 
   // src/index.ts
-  T.version = "1.2.0-rc.2";
+  T.version = "1.2.0-rc.3";
   T.pageLoad = pageLoad;
   T.ready = ready;
   T.throwError = throwError;

package/dist/thrunium.min.js

@@ -1,3 +1,3 @@
-/*! THRUNIUM v1.2.0-rc.2 | (c) Infobits ApS | MIT License */
-"use strict";(()=>{var H=Object.defineProperty;var _=(s,e)=>{for(var t in e)H(s,t,{get:e[t],enumerable:!0})};window.THRUNIUM||(window.THRUNIUM={});var n=window.THRUNIUM;function b(){n.pageLoaded=!0}function x(s){let e=!1,t=()=>{e||(e=!0,s())};if(document.readyState==="complete"){t();return}document.addEventListener("DOMContentLoaded",t,!1),window.addEventListener("load",t,!1)}function m(s){console.error(s),n.error=!0}function E(){let s=navigator.userAgent||navigator.vendor||"";return/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(s)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(s.substr(0,4))}function L(){return/iPad|iPhone|iPod/.test(navigator.userAgent)&&!("MSStream"in window)}function R(s,e,t=!1){return t?Math.random()*(e-s)+s:Math.floor(Math.random()*(e-s+1))+s}function M(){n.container=null,n.gameObject=null,n.error=!1,n.pageLoaded=!1,n.fontsLoaded=!1,x(b),typeof document!="undefined"&&document.fonts&&document.fonts.ready?document.fonts.ready.then(()=>{n.fontsLoaded=!0}):n.fontsLoaded=!0}var C;C=Symbol.toStringTag;var p=class{constructor(e,t){this[C]="THRUNIUM.Game";this.scale=1;this.fitScale=1;this.delta=0;this.fps=0;this.runSpeed=0;this.lastRun=null;this.gameRunning=!1;this.showFPS=!1;this.namespace="";this.mouseX=0;this.mouseY=0;this.state="startup";this.startState=null;this.states=[];this.backgroundColor="#fff";this.assets=[];this.assetsLoaded=!1;this.loadedAssets=0;this.assetsToLoad=0;this.font="Arial";this.textSize="30px";this.click=()=>{};this.mousedown=()=>{};this.mouseup=()=>{};this.mousemove=()=>{};this.touch=()=>{};this.touchstart=()=>{};this.touchend=()=>{};this.keydown=()=>{};this.keyup=()=>{};this.deviceorientation=()=>{};this.devicemotion=()=>{};this.rezise=()=>{};this._deviceorientation=e=>{this.deviceorientation(e)};this._devicemotion=e=>{this.devicemotion(e)};this._mousetouchmove=e=>{e.preventDefault(),this.getMouseCords(e),this.mousemove(e)};this._touchstart=e=>{e.preventDefault(),this.getMouseCords(e),this.touch(e),this.touchstart(e)};this._touchend=e=>{e.preventDefault(),this.getMouseCords(e),this.click(e),this.touchend(e)};this._resize=e=>{var i,o;this.updateFitScale(),this.updateScale();let t=(o=(i=n.Elem)==null?void 0:i.elemsList)!=null?o:[];for(let r=0;r<t.length;r++)t[r].resize();this.rezise(e)};this.assetLoaded=()=>{this.loadedAssets++};this.initAssetSpriteMap=(e=>function(){let t=e.assets,i=n.Sprite,o=new i(this);t[this.dataset.index]=o,o.setSpriteMap(Number(this.dataset.spriteWidth),Number(this.dataset.spriteHeight)),e.loadedAssets++})(this);this.gameLoop=()=>{if(!this.lastRun){this.lastRun=Date.now(),this.requestFrame(this.gameLoop);return}this.delta=(Date.now()-this.lastRun)/1e3,this.lastRun=Date.now(),this.fps=1/this.delta,this.runSpeed=Math.round(this.fps/60*100)/100,this.ctx.clearRect(0,0,this.width,this.height),this.canvas.style.cursor="default",this.drawRect(0,0,this.width,this.height),this.setFillColor(this.backgroundColor),this.fill(),this.state=="startup"?this.startup():this.states[this.state](),this.showFPS&&this.drawFPS(),this.gameRunning&&!n.error&&this.requestFrame(this.gameLoop)};this.width=e,this.height=t,this.contruct()}getMouseCords(e){let t=e;if(t.clientX===void 0){let a=e;a.touches&&a.touches[0]?t=a.touches[0]:a.changedTouches&&a.changedTouches[0]&&(t=a.changedTouches[0])}let i=this.canvas.getBoundingClientRect(),o=this.canvas.scrollWidth/this.width,r=this.canvas.scrollHeight/this.height;this.mouseX=(t.clientX-i.left)/o,this.mouseY=(t.clientY-i.top)/r}updateScale(){this.scale=window.devicePixelRatio*this.fitScale,this.canvas.width=this.width*this.scale,this.canvas.height=this.height*this.scale,this.ctx.scale(this.scale,this.scale)}updateFitScale(){this.width/this.height>window.innerWidth/window.innerHeight?this.fitScale=window.innerWidth/this.width:this.fitScale=window.innerHeight/this.height;let e=this.width*this.fitScale+"px",t=this.height*this.fitScale+"px";this.canvas.style.width=e,this.canvas.style.height=t;let i=n.container;i.style.width=e,i.style.height=t}contruct(){document.body.style.background="#333";let e=document.createElement("div");e.style.position="relative",e.style.display="block",e.style.margin="auto",n.container=e,n.gameObject=this,document.body.appendChild(e),this.canvas=document.createElement("canvas"),e.appendChild(this.canvas),this.ctx=this.canvas.getContext("2d"),this.canvas.style.display="block",this.canvas.style.margin="auto",this._resize(),window.addEventListener("resize",this._resize,!1),this.ctx.imageSmoothingEnabled=!1}init(){this.assetsLoaded||this.loadAssets(),this._resize(),this.canvas.addEventListener("click",this.click,!1),this.canvas.addEventListener("mousedown",this.mousedown,!1),this.canvas.addEventListener("mouseup",this.mouseup,!1),this.canvas.addEventListener("touchstart",this._touchstart,!1),this.canvas.addEventListener("touchend",this._touchend,!1),document.addEventListener("keydown",this.keydown,!1),document.addEventListener("keyup",this.keyup,!1),this.canvas.addEventListener("touchmove",this._mousetouchmove,!1),this.canvas.addEventListener("mousemove",this._mousetouchmove,!1),window.addEventListener("deviceorientation",this._deviceorientation),window.addEventListener("devicemotion",this._devicemotion)}loadAssets(){this.assetsToLoad=this.assets.length;let e=[],t=e;for(let i=0;i<this.assets.length;i++){let o=this.assets[i],r,a,d=null;if(typeof o=="string")a=o,r=a;else if(typeof o=="object"&&o!==null){let h=o;a=h.src,r=h.index,h.spriteMap!==void 0&&(d=h.spriteMap)}else{console.error("ASSETS - Unknown entry");continue}let c=this.getFileExtension(a);t[r]=null;let l;if(this.isImage(c))l=new Image;else if(this.isAudio(c))l=new Audio;else{console.error("ASSETS - Unknown file type: "+c+" for file "+a);continue}t[r]=l,l.dataset.index=r,d!==null&&(l.dataset.spriteWidth=String(d.width),l.dataset.spriteHeight=String(d.height)),l.onload=d!==null?this.initAssetSpriteMap:this.assetLoaded,l.src=a}this.assets=e,this.assetsLoaded=!0}getFileExtension(e){return/[.]/.exec(e)?/[^.]+$/.exec(e)[0]:void 0}isImage(e){return["jpg","jpeg","png","gif","xbm"].includes(e)}isAudio(e){return["mp3","wav","ogg","aac"].includes(e)}setFillColor(e){this.ctx.fillStyle=e}fill(){this.ctx.fill()}setStrokeColor(e){this.ctx.strokeStyle=e}stroke(){this.ctx.stroke()}drawLine(e,t,i,o,r){this.ctx.beginPath(),r&&(this.ctx.lineWidth=r),this.ctx.moveTo(e,t),this.ctx.lineTo(i,o),this.ctx.stroke(),this.ctx.closePath()}drawText(e,t,i){this.ctx.font=this.textSize+" "+this.font,this.ctx.fillText(e,t,i)}drawRect(e,t,i,o,r){let a=this.ctx;a.beginPath(),r?(a.moveTo(e+r,t),a.lineTo(e+i-r,t),a.quadraticCurveTo(e+i,t,e+i,t+r),a.lineTo(e+i,t+o-r),a.quadraticCurveTo(e+i,t+o,e+i-r,t+o),a.lineTo(e+r,t+o),a.quadraticCurveTo(e,t+o,e,t+o-r),a.lineTo(e,t+r),a.quadraticCurveTo(e,t,e+r,t)):a.rect(e,t,i,o),a.closePath()}drawCircle(e,t,i){this.ctx.beginPath(),this.ctx.arc(e,t,i,0,2*Math.PI),this.ctx.closePath()}drawImage(e,t,i,o=null,r=null){this.ctx.beginPath(),o!==null&&r!==null?this.ctx.drawImage(e,t,i,o,r):this.ctx.drawImage(e,t,i),this.ctx.closePath()}start(){this.gameRunning=!0,this.requestFrame(this.gameLoop)}stop(){this.gameRunning=!1}requestFrame(e){typeof window.requestAnimFrame=="function"?window.requestAnimFrame(e):requestAnimationFrame(e)}startup(){this.drawRect(0,0,this.width,this.height),this.setFillColor("#000"),this.fill(),this.ctx.font="25px Arial",this.ctx.textAlign="center",this.ctx.textBaseline="bottom",this.setFillColor("#fff"),this.ctx.fillText("Loading game",this.width/2,this.height/2-10),this.drawRect(this.width/2-100,this.height/2,200,20,10),this.setStrokeColor("#fff"),this.stroke();let e=200/this.assetsToLoad*this.loadedAssets;e<20&&(e=20),this.drawRect(this.width/2-100,this.height/2,e,20,10),this.setFillColor("#fff"),this.fill(),this.assetsToLoad==this.loadedAssets&&n.pageLoaded&&n.fontsLoaded&&(this._resize(),this.state=this.startState)}drawFPS(){this.ctx.fillStyle="gray",this.ctx.font="normal 16pt Arial",this.ctx.textAlign="left",this.ctx.textBaseline="top",this.ctx.fillText(Math.round(this.fps)+" fps - scale: "+this.scale,5,5)}};var f=class{constructor(e,t){this.x=e,this.y=t}get[Symbol.toStringTag](){return"THRUNIUM.Vector"}clone(){return new n.Vector(this.x,this.y)}equal(e){return this.x==e.x&&this.y==e.y}scale(e){this.x*=e,this.y*=e}scaleX(e){this.x*=e}scaleY(e){this.y*=e}add(e){this.x+=e.x,this.y+=e.y}addX(e){this.x+=e.x}addY(e){this.y+=e.y}subtract(e){this.x-=e.x,this.y-=e.y}subtractX(e){this.x-=e.x}subtractY(e){this.y-=e.y}divide(e){this.x/=e.x,this.y/=e.y}divideX(e){this.x/=e.x}divideY(e){this.y/=e.y}multiply(e){this.x*=e.x,this.y*=e.y}multiplyX(e){this.x*=e.x}multiplyY(e){this.y*=e.y}invert(){this.x*=-1,this.y*=-1}invertX(){this.x*=-1}invertY(){this.y*=-1}normalize(){let e=Math.sqrt(this.x*this.x+this.y*this.y);e!==0&&(this.x/=e,this.y/=e)}limit(e){this.x>e.x&&(this.x=e.x),this.y>e.y&&(this.y=e.y),this.x<e.x*-1&&(this.x=e.x*-1),this.y<e.y*-1&&(this.y=e.y*-1)}limitLength(e){}};var u={isCircle(s){return s.x!==void 0&&s.y!==void 0&&s.radius!==void 0},isRect(s){return s.x!==void 0&&s.y!==void 0&&s.width!==void 0&&s.height!==void 0},fixPos(s){return s.pos===void 0||s.pos.x===void 0&&s.pos.y===void 0||(s.x=s.pos.x,s.y=s.pos.y),s},rect(s,e){let t=u.fixPos(s),i=u.fixPos(e);if(!u.isRect(t)||!u.isRect(i))return m("One of the objects is not defined correctly as a rect"),!1;let[o,r,a,d]=[t.x,t.y,t.width,t.height],[c,l,h,T]=[i.x,i.y,i.width,i.height];return!(o+a/2<c-h/2||o-a/2>c+h/2||r+d/2<l-T/2||r-d/2>l+T/2)},circle(s,e){let t=u.fixPos(s),i=u.fixPos(e);if(!u.isCircle(t)||!u.isCircle(i))return m("One of the objects is not defined correctly as a circle"),!1;let o=t.x-i.x,r=t.y-i.y;return Math.sqrt(o*o+r*r)<t.radius+i.radius},circleRect(s,e){let t=u.fixPos(s),i=u.fixPos(e);if(!u.isCircle(t)||!u.isRect(i))return m("One of the objects is not defined correctly as a circle or rect"),!1;let o=Math.abs(t.x-i.x),r=Math.abs(t.y-i.y),a=i.width/2,d=i.height/2,c=t.radius;if(o>=a+c||r>=d+c)return!1;if(o<a||r<d)return!0;let l=o-a,h=r-d;return l*l+h*h<=c*c}};var P=()=>n.gameObject,q;q=Symbol.toStringTag;var g=class{constructor(e){this[q]="THRUNIUM.Sprite";this.angle=0;this.currentSprite=null;this.animTimeDur=100;this.frameTimeLast=0;this.animLoop=!1;this.animCallback=()=>{};this.image=e,this.fullWidth=e.width,this.fullHeight=e.height,this.spriteWidth=e.width,this.spriteHeight=e.height}setAngle(e){this.angle=e}setLoop(e){this.animLoop=e}setAnimCallback(e){this.animCallback=e}setAnimTime(e){this.animTimeDur=e}setSpriteMap(e,t){this.spriteWidth=e,this.spriteHeight=t}draw(e=0,t,i,o,r){let a=e*this.spriteWidth%this.fullWidth,d=Math.floor(e*this.spriteWidth/this.fullWidth)*this.spriteHeight,c=o===void 0?this.spriteWidth:o,l=r===void 0?this.spriteHeight:r,h=P().ctx;h.beginPath(),h.save(),h.translate(t,i),h.rotate(this.angle*Math.PI/180),h.drawImage(this.image,a,d,this.spriteWidth,this.spriteHeight,-c/2,-l/2,c,l),h.restore(),h.closePath()}drawAnim(e,t,i,o,r,a){var l;this.currentSprite==null&&(this.currentSprite=e);let d=this.animTimeDur/(t-e+1),c=Date.now();c-this.frameTimeLast>d&&(this.currentSprite<t?this.currentSprite++:this.animLoop?this.currentSprite=e:(this.currentSprite=null,this.animCallback()),this.frameTimeLast=c),this.draw((l=this.currentSprite)!=null?l:void 0,i,o,r,a)}};var w=()=>n.gameObject,v=class{constructor(e,t,i){this.style={};this.hoverStyle={};this.hoverOverrides={};this._tag="THRUNIUM.Elem."+e,this.x=t,this.y=i,this.elem=document.createElement(e),this.elem.addEventListener("mouseenter",()=>this.updateStyle(this.hoverStyle),!1),this.elem.addEventListener("mouseleave",()=>this.updateStyle(this.style),!1),this.setStyle("display","block"),this.setStyle("position","absolute"),this.setStyle("color","#000"),this.setStyle("backgroundColor","#fff"),this.setStyle("fontFamily",w().font),this.setStyle("borderRadius","5px"),this.resize(),S.elemsList.push(this),n.container.appendChild(this.elem)}get[Symbol.toStringTag](){return this._tag}setPos(e,t){this.x=e,this.y=t,this.resize()}resize(){let e=w().fitScale;this.setStyle("left",this.x*e+"px"),this.setStyle("top",this.y*e+"px"),this.setStyle("transformOrigin","top left"),this.setStyle("transform","scale("+e+")")}addEventListener(e,t,i){this.elem.addEventListener(e,t,i)}updateStyle(e){for(let t in e)this.elem.style[t]=e[t]}setStyle(e,t){this.style[e]=t,this.hoverOverrides[e]||(this.hoverStyle[e]=t),this.updateStyle(this.style)}setHoverStyle(e,t){this.hoverStyle[e]=t,this.hoverOverrides[e]=!0}show(){this.setStyle("display","block")}hide(){this.setStyle("display","none")}};function F(s,e,t){let i=new v("button",e,t);return i.elem.textContent=s,i.elem.style.border="none",i}function O(s,e,t){let i=w(),o=document.createElement("input");return o.style.position="absolute",o.style.left=s*i.scale*i.fitScale+"px",o.style.top=e*i.scale*i.fitScale+"px",o.style.border="2px solid #000",o.style.borderRadius="5px",o.style.color="#000",o.style.backgroundColor="#fff",o.style.fontFamily=i.font,o.style.fontSize=i.textSize,o.type=t.type?t.type:"text",t.placeholder&&(o.placeholder=t.placeholder),n.container.appendChild(o),o}var S={elemsList:[],Elem:v,Button:F,Input:O};function y(s){var r,a,d,c;let e=(r=s.success)!=null?r:(l=>console.log(l)),t=(a=s.error)!=null?a:(()=>{}),i=(d=s.contentType)!=null?d:"application/x-www-form-urlencoded",o=new XMLHttpRequest;return o.withCredentials=(c=s.withCredentials)!=null?c:!1,o.onreadystatechange=function(){o.readyState===4&&(o.status===200?e(o):t(o))},o.open(s.type,s.url,!0),i!==!1&&o.setRequestHeader("Content-Type",i),o.send(s.data),o}function I(s){return s.replace(/[%;\x00-\x1f\x7f]/g,encodeURIComponent).replace(/^ +| +$/g,e=>e.replace(/ /g,"%20"))}function z(s,e){let t=new Date;t.setTime(t.getTime()+365*24*60*60*1e3);let i="expires="+t.toUTCString();return document.cookie=s+"="+I(String(e))+";"+i+";path="+document.location.pathname,!0}function j(s){let e=s+"=";for(let t of document.cookie.split(";"))if(t=t.replace(/^ +/,""),t.indexOf(e)===0){let i=t.substring(e.length);try{return decodeURIComponent(i)}catch(o){return i}}return null}var A={set:z,get:j};var k={};_(k,{_options:()=>G,_receiveMessage:()=>B,accessRequested:()=>D,loginPopup:()=>W,reqToken:()=>V,reqUserToken:()=>Y,request:()=>K,setReqToken:()=>N,timeout:()=>X,userToken:()=>U});var V=null,U=null,X=null,W=null,D=!1,G={succes:s=>console.log(s),error:s=>console.log(s)};function N(s){n.Storage.reqToken=s}function Y(s){n.Storage._options.succes=s.succes,n.Storage._options.error=s.error,y({url:"https://api.thrungames.com/request/user-token",type:"post",data:"requestToken="+n.Storage.reqToken,succes:function(e){var i,o,r,a;let t=JSON.parse(e.response);t.access=="0"&&!n.Storage.accessRequested?(window.addEventListener("message",n.Storage._receiveMessage,!1),window.parent.postMessage({reqToken:n.Storage.reqToken},document.origin),n.Storage.timeout=setTimeout(function(){let d=screen.width?(screen.width-400)/2:0,l="height=500,width=400,top="+(screen.height?(screen.height-500)/2:0)+",left="+d+",scrollbars=yes,resizable",h="https://api.thrungames.com/user/access?token="+n.Storage.reqToken;n.Storage.loginPopup=window.open(h,"Approval of game",l)},200)):t.access=="1"?(n.Storage.userToken=window.event.data.userToken,(o=(i=n.Storage._options).succes)==null||o.call(i,{type:"userAccepted",event:e})):(a=(r=n.Storage._options).error)==null||a.call(r,{type:"ajaxFailed",event:e})},error:function(e){var t,i;(i=(t=n.Storage._options).error)==null||i.call(t,{type:"ajaxFailed",event:e})}})}function B(s){var t,i,o;let e=window.event;e.origin!=="https://www.thrungames.com/"&&e.origin!=="https://www.thrungames.com/"||(clearTimeout((t=n.Storage.timeout)!=null?t:void 0),n.Storage.accessRequested=!0,e.data.state==1?n.Storage.reqUserToken(n.Storage._options):(o=(i=n.Storage._options).error)==null||o.call(i,{type:"userRejected",event:s}))}function K(s){}n.version="1.2.0-rc.2";n.pageLoad=b;n.ready=x;n.throwError=m;n.mobileAndTabletcheck=E;n.iOScheck=L;n.getRandom=R;M();n.Game=p;n.Vector=f;n.Collider=Object.assign(n.Collider||{},u);n.Sprite=g;n.Elem=Object.assign(n.Elem||{},S);n.ajax=y;n.Storage=Object.assign(n.Storage||{},A,k);window.requestAnimFrame=typeof window.requestAnimationFrame=="function"?window.requestAnimationFrame.bind(window):s=>window.setTimeout(()=>s(Date.now()),1e3/60);})();
+/*! THRUNIUM v1.2.0-rc.3 | (c) Infobits ApS | MIT License */
+"use strict";(()=>{var H=Object.defineProperty;var _=(s,e)=>{for(var t in e)H(s,t,{get:e[t],enumerable:!0})};window.THRUNIUM||(window.THRUNIUM={});var n=window.THRUNIUM;function b(){n.pageLoaded=!0}function x(s){let e=!1,t=()=>{e||(e=!0,s())};if(document.readyState==="complete"){t();return}document.addEventListener("DOMContentLoaded",t,!1),window.addEventListener("load",t,!1)}function m(s){console.error(s),n.error=!0}function E(){let s=navigator.userAgent||navigator.vendor||"";return/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(s)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(s.substr(0,4))}function L(){return/iPad|iPhone|iPod/.test(navigator.userAgent)&&!("MSStream"in window)}function R(s,e,t=!1){return t?Math.random()*(e-s)+s:Math.floor(Math.random()*(e-s+1))+s}function M(){n.container=null,n.gameObject=null,n.error=!1,n.pageLoaded=!1,n.fontsLoaded=!1,x(b),typeof document!="undefined"&&document.fonts&&document.fonts.ready?document.fonts.ready.then(()=>{n.fontsLoaded=!0}):n.fontsLoaded=!0}var C;C=Symbol.toStringTag;var p=class{constructor(e,t){this[C]="THRUNIUM.Game";this.scale=1;this.fitScale=1;this.delta=0;this.fps=0;this.runSpeed=0;this.lastRun=null;this.gameRunning=!1;this.showFPS=!1;this.namespace="";this.mouseX=0;this.mouseY=0;this.state="startup";this.startState=null;this.states=[];this.backgroundColor="#fff";this.assets=[];this.assetsLoaded=!1;this.loadedAssets=0;this.assetsToLoad=0;this.font="Arial";this.textSize="30px";this.click=()=>{};this.mousedown=()=>{};this.mouseup=()=>{};this.mousemove=()=>{};this.touch=()=>{};this.touchstart=()=>{};this.touchend=()=>{};this.keydown=()=>{};this.keyup=()=>{};this.deviceorientation=()=>{};this.devicemotion=()=>{};this.rezise=()=>{};this._deviceorientation=e=>{this.deviceorientation(e)};this._devicemotion=e=>{this.devicemotion(e)};this._mousetouchmove=e=>{e.preventDefault(),this.getMouseCords(e),this.mousemove(e)};this._touchstart=e=>{e.preventDefault(),this.getMouseCords(e),this.touch(e),this.touchstart(e)};this._touchend=e=>{e.preventDefault(),this.getMouseCords(e),this.click(e),this.touchend(e)};this._resize=e=>{var i,o;this.updateFitScale(),this.updateScale();let t=(o=(i=n.Elem)==null?void 0:i.elemsList)!=null?o:[];for(let r=0;r<t.length;r++)t[r].resize();this.rezise(e)};this.assetLoaded=()=>{this.loadedAssets++};this.initAssetSpriteMap=(e=>function(){let t=e.assets,i=n.Sprite,o=new i(this);t[this.dataset.index]=o,o.setSpriteMap(Number(this.dataset.spriteWidth),Number(this.dataset.spriteHeight)),e.loadedAssets++})(this);this.gameLoop=()=>{if(!this.lastRun){this.lastRun=Date.now(),this.requestFrame(this.gameLoop);return}this.delta=(Date.now()-this.lastRun)/1e3,this.lastRun=Date.now(),this.fps=1/this.delta,this.runSpeed=Math.round(this.fps/60*100)/100,this.ctx.clearRect(0,0,this.width,this.height),this.canvas.style.cursor="default",this.drawRect(0,0,this.width,this.height),this.setFillColor(this.backgroundColor),this.fill(),this.state=="startup"?this.startup():this.states[this.state](),this.showFPS&&this.drawFPS(),this.gameRunning&&!n.error&&this.requestFrame(this.gameLoop)};this.width=e,this.height=t,this.contruct()}getMouseCords(e){let t=e;if(t.clientX===void 0){let a=e;a.touches&&a.touches[0]?t=a.touches[0]:a.changedTouches&&a.changedTouches[0]&&(t=a.changedTouches[0])}let i=this.canvas.getBoundingClientRect(),o=this.canvas.scrollWidth/this.width,r=this.canvas.scrollHeight/this.height;this.mouseX=(t.clientX-i.left)/o,this.mouseY=(t.clientY-i.top)/r}updateScale(){this.scale=window.devicePixelRatio*this.fitScale,this.canvas.width=this.width*this.scale,this.canvas.height=this.height*this.scale,this.ctx.scale(this.scale,this.scale)}updateFitScale(){this.width/this.height>window.innerWidth/window.innerHeight?this.fitScale=window.innerWidth/this.width:this.fitScale=window.innerHeight/this.height;let e=this.width*this.fitScale+"px",t=this.height*this.fitScale+"px";this.canvas.style.width=e,this.canvas.style.height=t;let i=n.container;i.style.width=e,i.style.height=t}contruct(){document.body.style.background="#333";let e=document.createElement("div");e.style.position="relative",e.style.display="block",e.style.margin="auto",n.container=e,n.gameObject=this,document.body.appendChild(e),this.canvas=document.createElement("canvas"),e.appendChild(this.canvas),this.ctx=this.canvas.getContext("2d"),this.canvas.style.display="block",this.canvas.style.margin="auto",this._resize(),window.addEventListener("resize",this._resize,!1),this.ctx.imageSmoothingEnabled=!1}init(){this.assetsLoaded||this.loadAssets(),this._resize(),this.canvas.addEventListener("click",this.click,!1),this.canvas.addEventListener("mousedown",this.mousedown,!1),this.canvas.addEventListener("mouseup",this.mouseup,!1),this.canvas.addEventListener("touchstart",this._touchstart,!1),this.canvas.addEventListener("touchend",this._touchend,!1),document.addEventListener("keydown",this.keydown,!1),document.addEventListener("keyup",this.keyup,!1),this.canvas.addEventListener("touchmove",this._mousetouchmove,!1),this.canvas.addEventListener("mousemove",this._mousetouchmove,!1),window.addEventListener("deviceorientation",this._deviceorientation),window.addEventListener("devicemotion",this._devicemotion)}loadAssets(){this.assetsToLoad=this.assets.length;let e=[],t=e;for(let i=0;i<this.assets.length;i++){let o=this.assets[i],r,a,d=null;if(typeof o=="string")a=o,r=a;else if(typeof o=="object"&&o!==null){let h=o;a=h.src,r=h.index,h.spriteMap!==void 0&&(d=h.spriteMap)}else{console.error("ASSETS - Unknown entry");continue}let c=this.getFileExtension(a);t[r]=null;let l;if(this.isImage(c))l=new Image;else if(this.isAudio(c))l=new Audio;else{console.error("ASSETS - Unknown file type: "+c+" for file "+a);continue}t[r]=l,l.dataset.index=r,d!==null&&(l.dataset.spriteWidth=String(d.width),l.dataset.spriteHeight=String(d.height)),l.onload=d!==null?this.initAssetSpriteMap:this.assetLoaded,l.src=a}this.assets=e,this.assetsLoaded=!0}getFileExtension(e){return/[.]/.exec(e)?/[^.]+$/.exec(e)[0]:void 0}isImage(e){return["jpg","jpeg","png","gif","xbm"].includes(e)}isAudio(e){return["mp3","wav","ogg","aac"].includes(e)}setFillColor(e){this.ctx.fillStyle=e}fill(){this.ctx.fill()}setStrokeColor(e){this.ctx.strokeStyle=e}stroke(){this.ctx.stroke()}drawLine(e,t,i,o,r){this.ctx.beginPath(),r&&(this.ctx.lineWidth=r),this.ctx.moveTo(e,t),this.ctx.lineTo(i,o),this.ctx.stroke(),this.ctx.closePath()}drawText(e,t,i){this.ctx.font=this.textSize+" "+this.font,this.ctx.fillText(e,t,i)}drawRect(e,t,i,o,r){let a=this.ctx;a.beginPath(),r?(a.moveTo(e+r,t),a.lineTo(e+i-r,t),a.quadraticCurveTo(e+i,t,e+i,t+r),a.lineTo(e+i,t+o-r),a.quadraticCurveTo(e+i,t+o,e+i-r,t+o),a.lineTo(e+r,t+o),a.quadraticCurveTo(e,t+o,e,t+o-r),a.lineTo(e,t+r),a.quadraticCurveTo(e,t,e+r,t)):a.rect(e,t,i,o),a.closePath()}drawCircle(e,t,i){this.ctx.beginPath(),this.ctx.arc(e,t,i,0,2*Math.PI),this.ctx.closePath()}drawImage(e,t,i,o=null,r=null){this.ctx.beginPath(),o!==null&&r!==null?this.ctx.drawImage(e,t,i,o,r):this.ctx.drawImage(e,t,i),this.ctx.closePath()}start(){this.gameRunning=!0,this.requestFrame(this.gameLoop)}stop(){this.gameRunning=!1}requestFrame(e){typeof window.requestAnimFrame=="function"?window.requestAnimFrame(e):requestAnimationFrame(e)}startup(){this.drawRect(0,0,this.width,this.height),this.setFillColor("#000"),this.fill(),this.ctx.font="25px Arial",this.ctx.textAlign="center",this.ctx.textBaseline="bottom",this.setFillColor("#fff"),this.ctx.fillText("Loading game",this.width/2,this.height/2-10),this.drawRect(this.width/2-100,this.height/2,200,20,10),this.setStrokeColor("#fff"),this.stroke();let e=200/this.assetsToLoad*this.loadedAssets;e<20&&(e=20),this.drawRect(this.width/2-100,this.height/2,e,20,10),this.setFillColor("#fff"),this.fill(),this.assetsToLoad==this.loadedAssets&&n.pageLoaded&&n.fontsLoaded&&(this._resize(),this.state=this.startState)}drawFPS(){this.ctx.fillStyle="gray",this.ctx.font="normal 16pt Arial",this.ctx.textAlign="left",this.ctx.textBaseline="top",this.ctx.fillText(Math.round(this.fps)+" fps - scale: "+this.scale,5,5)}};var f=class{constructor(e,t){this.x=e,this.y=t}get[Symbol.toStringTag](){return"THRUNIUM.Vector"}clone(){return new n.Vector(this.x,this.y)}equal(e){return this.x==e.x&&this.y==e.y}scale(e){this.x*=e,this.y*=e}scaleX(e){this.x*=e}scaleY(e){this.y*=e}add(e){this.x+=e.x,this.y+=e.y}addX(e){this.x+=e.x}addY(e){this.y+=e.y}subtract(e){this.x-=e.x,this.y-=e.y}subtractX(e){this.x-=e.x}subtractY(e){this.y-=e.y}divide(e){this.x/=e.x,this.y/=e.y}divideX(e){this.x/=e.x}divideY(e){this.y/=e.y}multiply(e){this.x*=e.x,this.y*=e.y}multiplyX(e){this.x*=e.x}multiplyY(e){this.y*=e.y}invert(){this.x*=-1,this.y*=-1}invertX(){this.x*=-1}invertY(){this.y*=-1}normalize(){let e=Math.sqrt(this.x*this.x+this.y*this.y);e!==0&&(this.x/=e,this.y/=e)}limit(e){this.x>e.x&&(this.x=e.x),this.y>e.y&&(this.y=e.y),this.x<e.x*-1&&(this.x=e.x*-1),this.y<e.y*-1&&(this.y=e.y*-1)}limitLength(e){}};var u={isCircle(s){return s.x!==void 0&&s.y!==void 0&&s.radius!==void 0},isRect(s){return s.x!==void 0&&s.y!==void 0&&s.width!==void 0&&s.height!==void 0},fixPos(s){return s.pos===void 0||s.pos.x===void 0&&s.pos.y===void 0||(s.x=s.pos.x,s.y=s.pos.y),s},rect(s,e){let t=u.fixPos(s),i=u.fixPos(e);if(!u.isRect(t)||!u.isRect(i))return m("One of the objects is not defined correctly as a rect"),!1;let[o,r,a,d]=[t.x,t.y,t.width,t.height],[c,l,h,T]=[i.x,i.y,i.width,i.height];return!(o+a/2<c-h/2||o-a/2>c+h/2||r+d/2<l-T/2||r-d/2>l+T/2)},circle(s,e){let t=u.fixPos(s),i=u.fixPos(e);if(!u.isCircle(t)||!u.isCircle(i))return m("One of the objects is not defined correctly as a circle"),!1;let o=t.x-i.x,r=t.y-i.y;return Math.sqrt(o*o+r*r)<t.radius+i.radius},circleRect(s,e){let t=u.fixPos(s),i=u.fixPos(e);if(!u.isCircle(t)||!u.isRect(i))return m("One of the objects is not defined correctly as a circle or rect"),!1;let o=Math.abs(t.x-i.x),r=Math.abs(t.y-i.y),a=i.width/2,d=i.height/2,c=t.radius;if(o>=a+c||r>=d+c)return!1;if(o<a||r<d)return!0;let l=o-a,h=r-d;return l*l+h*h<=c*c}};var P=()=>n.gameObject,q;q=Symbol.toStringTag;var g=class{constructor(e){this[q]="THRUNIUM.Sprite";this.angle=0;this.currentSprite=null;this.animTimeDur=100;this.frameTimeLast=0;this.animLoop=!1;this.animCallback=()=>{};this.image=e,this.fullWidth=e.width,this.fullHeight=e.height,this.spriteWidth=e.width,this.spriteHeight=e.height}setAngle(e){this.angle=e}setLoop(e){this.animLoop=e}setAnimCallback(e){this.animCallback=e}setAnimTime(e){this.animTimeDur=e}setSpriteMap(e,t){this.spriteWidth=e,this.spriteHeight=t}draw(e=0,t,i,o,r){let a=e*this.spriteWidth%this.fullWidth,d=Math.floor(e*this.spriteWidth/this.fullWidth)*this.spriteHeight,c=o===void 0?this.spriteWidth:o,l=r===void 0?this.spriteHeight:r,h=P().ctx;h.beginPath(),h.save(),h.translate(t,i),h.rotate(this.angle*Math.PI/180),h.drawImage(this.image,a,d,this.spriteWidth,this.spriteHeight,-c/2,-l/2,c,l),h.restore(),h.closePath()}drawAnim(e,t,i,o,r,a){var l;this.currentSprite==null&&(this.currentSprite=e);let d=this.animTimeDur/(t-e+1),c=Date.now();c-this.frameTimeLast>d&&(this.currentSprite<t?this.currentSprite++:this.animLoop?this.currentSprite=e:(this.currentSprite=null,this.animCallback()),this.frameTimeLast=c),this.draw((l=this.currentSprite)!=null?l:void 0,i,o,r,a)}};var w=()=>n.gameObject,v=class{constructor(e,t,i){this.style={};this.hoverStyle={};this.hoverOverrides={};this._tag="THRUNIUM.Elem."+e,this.x=t,this.y=i,this.elem=document.createElement(e),this.elem.addEventListener("mouseenter",()=>this.updateStyle(this.hoverStyle),!1),this.elem.addEventListener("mouseleave",()=>this.updateStyle(this.style),!1),this.setStyle("display","block"),this.setStyle("position","absolute"),this.setStyle("color","#000"),this.setStyle("backgroundColor","#fff"),this.setStyle("fontFamily",w().font),this.setStyle("borderRadius","5px"),this.resize(),S.elemsList.push(this),n.container.appendChild(this.elem)}get[Symbol.toStringTag](){return this._tag}setPos(e,t){this.x=e,this.y=t,this.resize()}resize(){let e=w().fitScale;this.setStyle("left",this.x*e+"px"),this.setStyle("top",this.y*e+"px"),this.setStyle("transformOrigin","top left"),this.setStyle("transform","scale("+e+")")}addEventListener(e,t,i){this.elem.addEventListener(e,t,i)}updateStyle(e){for(let t in e)this.elem.style[t]=e[t]}setStyle(e,t){this.style[e]=t,this.hoverOverrides[e]||(this.hoverStyle[e]=t),this.updateStyle(this.style)}setHoverStyle(e,t){this.hoverStyle[e]=t,this.hoverOverrides[e]=!0}show(){this.setStyle("display","block")}hide(){this.setStyle("display","none")}};function F(s,e,t){let i=new v("button",e,t);return i.elem.textContent=s,i.elem.style.border="none",i}function O(s,e,t){let i=w(),o=document.createElement("input");return o.style.position="absolute",o.style.left=s*i.scale*i.fitScale+"px",o.style.top=e*i.scale*i.fitScale+"px",o.style.border="2px solid #000",o.style.borderRadius="5px",o.style.color="#000",o.style.backgroundColor="#fff",o.style.fontFamily=i.font,o.style.fontSize=i.textSize,o.type=t.type?t.type:"text",t.placeholder&&(o.placeholder=t.placeholder),n.container.appendChild(o),o}var S={elemsList:[],Elem:v,Button:F,Input:O};function y(s){var r,a,d,c;let e=(r=s.success)!=null?r:(l=>console.log(l)),t=(a=s.error)!=null?a:(()=>{}),i=(d=s.contentType)!=null?d:"application/x-www-form-urlencoded",o=new XMLHttpRequest;return o.withCredentials=(c=s.withCredentials)!=null?c:!1,o.onreadystatechange=function(){o.readyState===4&&(o.status===200?e(o):t(o))},o.open(s.type,s.url,!0),i!==!1&&o.setRequestHeader("Content-Type",i),o.send(s.data),o}function I(s){return s.replace(/[%;\x00-\x1f\x7f]/g,encodeURIComponent).replace(/^ +| +$/g,e=>e.replace(/ /g,"%20"))}function z(s,e){let t=new Date;t.setTime(t.getTime()+365*24*60*60*1e3);let i="expires="+t.toUTCString();return document.cookie=s+"="+I(String(e))+";"+i+";path="+document.location.pathname,!0}function j(s){let e=s+"=";for(let t of document.cookie.split(";"))if(t=t.replace(/^ +/,""),t.indexOf(e)===0){let i=t.substring(e.length);try{return decodeURIComponent(i)}catch(o){return i}}return null}var A={set:z,get:j};var k={};_(k,{_options:()=>G,_receiveMessage:()=>B,accessRequested:()=>D,loginPopup:()=>W,reqToken:()=>V,reqUserToken:()=>Y,request:()=>K,setReqToken:()=>N,timeout:()=>X,userToken:()=>U});var V=null,U=null,X=null,W=null,D=!1,G={succes:s=>console.log(s),error:s=>console.log(s)};function N(s){n.Storage.reqToken=s}function Y(s){n.Storage._options.succes=s.succes,n.Storage._options.error=s.error,y({url:"https://api.thrungames.com/request/user-token",type:"post",data:"requestToken="+n.Storage.reqToken,succes:function(e){var i,o,r,a;let t=JSON.parse(e.response);t.access=="0"&&!n.Storage.accessRequested?(window.addEventListener("message",n.Storage._receiveMessage,!1),window.parent.postMessage({reqToken:n.Storage.reqToken},document.origin),n.Storage.timeout=setTimeout(function(){let d=screen.width?(screen.width-400)/2:0,l="height=500,width=400,top="+(screen.height?(screen.height-500)/2:0)+",left="+d+",scrollbars=yes,resizable",h="https://api.thrungames.com/user/access?token="+n.Storage.reqToken;n.Storage.loginPopup=window.open(h,"Approval of game",l)},200)):t.access=="1"?(n.Storage.userToken=window.event.data.userToken,(o=(i=n.Storage._options).succes)==null||o.call(i,{type:"userAccepted",event:e})):(a=(r=n.Storage._options).error)==null||a.call(r,{type:"ajaxFailed",event:e})},error:function(e){var t,i;(i=(t=n.Storage._options).error)==null||i.call(t,{type:"ajaxFailed",event:e})}})}function B(s){var t,i,o;let e=window.event;e.origin!=="https://www.thrungames.com/"&&e.origin!=="https://www.thrungames.com/"||(clearTimeout((t=n.Storage.timeout)!=null?t:void 0),n.Storage.accessRequested=!0,e.data.state==1?n.Storage.reqUserToken(n.Storage._options):(o=(i=n.Storage._options).error)==null||o.call(i,{type:"userRejected",event:s}))}function K(s){}n.version="1.2.0-rc.3";n.pageLoad=b;n.ready=x;n.throwError=m;n.mobileAndTabletcheck=E;n.iOScheck=L;n.getRandom=R;M();n.Game=p;n.Vector=f;n.Collider=Object.assign(n.Collider||{},u);n.Sprite=g;n.Elem=Object.assign(n.Elem||{},S);n.ajax=y;n.Storage=Object.assign(n.Storage||{},A,k);window.requestAnimFrame=typeof window.requestAnimationFrame=="function"?window.requestAnimationFrame.bind(window):s=>window.setTimeout(()=>s(Date.now()),1e3/60);})();
 //# sourceMappingURL=thrunium.min.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "thrunium",
-  "version": "1.2.0-rc.2",
+  "version": "1.2.0-rc.3",
   "description": "The official Thrungames game library.",
   "scripts": {
     "build": "tsc --noEmit -p tsconfig.build.json && node scripts/build.mjs",