@lukaskj/xmonkey 2.0.3 → 2.0.5

package/dist/build.js

@@ -1,8 +1,182 @@
-import { buildXmonkeyScript } from "./esbuild/build.js";
-const entryFile = process.argv[2];
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// src/esbuild/build.ts
+var esbuild = __toESM(require("esbuild"));
+var import_esbuild_sass_plugin = require("esbuild-sass-plugin");
+
+// src/esbuild/plugins/xmonkey-strip-metadata-plugin.ts
+var import_promises = require("fs/promises");
+function xMonkeyStripMetadataPlugin() {
+  return {
+    name: "xmonkey-strip-metadata-plugin",
+    setup(build2) {
+      let foundMetadata = false;
+      let metadataContent = "";
+      build2.onLoad({ filter: /.(ts|tsx)/, namespace: "file" }, async (args) => {
+        if (foundMetadata)
+          return;
+        const source = await (0, import_promises.readFile)(args.path, "utf8");
+        const scriptMetadataIndex = source.match(/@(ConsoleScript|UiScript)\(/)?.index;
+        if (!scriptMetadataIndex || scriptMetadataIndex < 0)
+          return;
+        foundMetadata = true;
+        const regex = /\@(ConsoleScript|UiScript)\([^\)]*\)(\.[^\)]*\))?/gi;
+        const metadataDecoratorMatcher = source.match(regex);
+        if (metadataDecoratorMatcher) {
+          metadataContent = metadataDecoratorMatcher.at(0);
+          const startJsonMetadataIndex = metadataContent.indexOf("{");
+          const endJsonMetadataIndex = metadataContent.lastIndexOf("}");
+          const metadataJsonString = metadataContent.substring(startJsonMetadataIndex, endJsonMetadataIndex + 1);
+          const contents = source.replace(metadataJsonString, "");
+          const extension = args.path.split(".").pop();
+          const loader = extension === "tsx" ? "tsx" : "ts";
+          return { contents, loader };
+        }
+        return;
+      });
+      build2.onEnd(async (result) => {
+        if (!build2.initialOptions?.outfile || !build2.initialOptions?.bundle) {
+          console.error("Wrong build configuration. Options 'bundle' must be enabled and 'outfile' must be set.");
+          return;
+        }
+        if (!foundMetadata) {
+          console.error("ScriptMetadata decorator not found.");
+          return;
+        }
+        if (result.errors.length) {
+          console.error("Error building. Script Metadata cannot be added to final script.");
+          return;
+        }
+        const fileContents = await (0, import_promises.readFile)(build2.initialOptions.outfile);
+        const scriptMetadataString = getScriptMetadataString(metadataContent);
+        await (0, import_promises.writeFile)(build2.initialOptions.outfile, `${scriptMetadataString}
+
+${fileContents.toString()}`);
+      });
+    }
+  };
+}
+function getScriptMetadataString(scriptMetadataFunctionCallString) {
+  scriptMetadataFunctionCallString = scriptMetadataFunctionCallString.trim();
+  const startJsonMetadataIndex = scriptMetadataFunctionCallString.indexOf("{");
+  const endJsonMetadataIndex = scriptMetadataFunctionCallString.lastIndexOf("}");
+  if (startJsonMetadataIndex < 0 || endJsonMetadataIndex < 0) {
+    return "";
+  }
+  const metadataObject = JSON.parse(
+    scriptMetadataFunctionCallString.substring(startJsonMetadataIndex, endJsonMetadataIndex + 1).replaceAll("\n", "").replaceAll(",}", "}")
+  );
+  const tag = "// ==UserScript==";
+  const tagEnd = "// ==/UserScript==";
+  const headersArr = [];
+  const spaces = 13;
+  for (const key in metadataObject) {
+    if (Array.isArray(metadataObject[key])) {
+      metadataObject[key].forEach((item) => {
+        headersArr.push(`${key.padEnd(spaces, " ")}${item}`);
+      });
+    } else {
+      headersArr.push(`${key.padEnd(spaces, " ")}${metadataObject[key]}`);
+    }
+  }
+  const headers = headersArr.map((h) => `// ${h}`).join("\n");
+  return `${tag}
+${headers}
+${tagEnd}`;
+}
+
+// src/esbuild/plugins/xmonkey-styles-plugin.ts
+var import_promises2 = require("fs/promises");
+function xMonkeyStylesPlugin() {
+  return {
+    name: "xmonkey-styles-plugin",
+    setup(build2) {
+      build2.onEnd(async (result) => {
+        if (!build2.initialOptions?.outfile || !build2.initialOptions?.bundle) {
+          console.error("Wrong build configuration. Options 'bundle' must be enabled and 'outfile' must be set.");
+          return;
+        }
+        if (!result.metafile) {
+          console.warn("ESBuild metafile not enabled. Style bundle skipped.");
+          return;
+        }
+        const outputs = result.metafile.outputs;
+        let cssFilePath = "";
+        for (const file in outputs) {
+          const ext = file.split(".").pop();
+          if (ext === "css") {
+            cssFilePath = file;
+            break;
+          }
+        }
+        if (!cssFilePath.length) {
+          console.warn("CSS output not generated. Style bundle skipped.");
+          return;
+        }
+        const jsOutFile = build2.initialOptions.outfile;
+        const cssContents = (await (0, import_promises2.readFile)(cssFilePath)).toString();
+        (0, import_promises2.appendFile)(jsOutFile, `
+GM.addStyle("\\
+${cssContents.trim()}\\
+");`);
+      });
+    }
+  };
+}
+
+// src/esbuild/build.ts
+async function buildXmonkeyScript(scriptBasePath) {
+  const entryFile2 = scriptBasePath;
+  console.info(`Building file: '${entryFile2}'`);
+  await esbuild.build({
+    entryPoints: [entryFile2],
+    outfile: "dist/index.js",
+    bundle: true,
+    treeShaking: true,
+    minify: process.env.DEBUG ? false : true,
+    platform: "browser",
+    format: "iife",
+    // target: "esnext",
+    sourcemap: false,
+    keepNames: true,
+    logLevel: "info",
+    metafile: true,
+    plugins: [
+      xMonkeyStripMetadataPlugin(),
+      // xMonkeyDevPlugin(),
+      (0, import_esbuild_sass_plugin.sassPlugin)({ style: "compressed" }),
+      xMonkeyStylesPlugin()
+    ]
+  });
+}
+
+// src/build.ts
+var entryFile = process.argv[2];
 if (!entryFile) {
-    console.error(`No entryfile specified. Try adding the script to build in the argument.`);
-    console.error(`Example: npm run build src/example-script.ts`);
-    process.exit(1);
+  console.error(`No entryfile specified. Try adding the script to build in the argument.`);
+  console.error(`Example: npm run build src/example-script.ts`);
+  process.exit(1);
 }
 buildXmonkeyScript(entryFile);
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiLi4vc3JjL2VzYnVpbGQvYnVpbGQudHMiLCAiLi4vc3JjL2VzYnVpbGQvcGx1Z2lucy94bW9ua2V5LXN0cmlwLW1ldGFkYXRhLXBsdWdpbi50cyIsICIuLi9zcmMvZXNidWlsZC9wbHVnaW5zL3htb25rZXktc3R5bGVzLXBsdWdpbi50cyIsICIuLi9zcmMvYnVpbGQudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImltcG9ydCAqIGFzIGVzYnVpbGQgZnJvbSBcImVzYnVpbGRcIjtcbmltcG9ydCB7IHNhc3NQbHVnaW4gfSBmcm9tIFwiZXNidWlsZC1zYXNzLXBsdWdpblwiO1xuaW1wb3J0IHsgeE1vbmtleVN0cmlwTWV0YWRhdGFQbHVnaW4gfSBmcm9tIFwiLi9wbHVnaW5zL3htb25rZXktc3RyaXAtbWV0YWRhdGEtcGx1Z2luLmpzXCI7XG5pbXBvcnQgeyB4TW9ua2V5U3R5bGVzUGx1Z2luIH0gZnJvbSBcIi4vcGx1Z2lucy94bW9ua2V5LXN0eWxlcy1wbHVnaW4uanNcIjtcblxuZXhwb3J0IGFzeW5jIGZ1bmN0aW9uIGJ1aWxkWG1vbmtleVNjcmlwdChzY3JpcHRCYXNlUGF0aDogc3RyaW5nKSB7XG4gIC8vIGxldCBlbnRyeUZpbGUgPSBwcm9jZXNzLmFyZ3ZbMl07XG4gIGNvbnN0IGVudHJ5RmlsZSA9IHNjcmlwdEJhc2VQYXRoO1xuICBjb25zb2xlLmluZm8oYEJ1aWxkaW5nIGZpbGU6ICcke2VudHJ5RmlsZX0nYCk7XG5cbiAgYXdhaXQgZXNidWlsZC5idWlsZCh7XG4gICAgZW50cnlQb2ludHM6IFtlbnRyeUZpbGVdLFxuICAgIG91dGZpbGU6IFwiZGlzdC9pbmRleC5qc1wiLFxuICAgIGJ1bmRsZTogdHJ1ZSxcbiAgICB0cmVlU2hha2luZzogdHJ1ZSxcbiAgICBtaW5pZnk6IHByb2Nlc3MuZW52LkRFQlVHID8gZmFsc2UgOiB0cnVlLFxuICAgIHBsYXRmb3JtOiBcImJyb3dzZXJcIixcbiAgICBmb3JtYXQ6IFwiaWlmZVwiLFxuICAgIC8vIHRhcmdldDogXCJlc25leHRcIixcbiAgICBzb3VyY2VtYXA6IGZhbHNlLFxuICAgIGtlZXBOYW1lczogdHJ1ZSxcbiAgICBsb2dMZXZlbDogXCJpbmZvXCIsXG4gICAgbWV0YWZpbGU6IHRydWUsXG4gICAgcGx1Z2luczogW1xuICAgICAgeE1vbmtleVN0cmlwTWV0YWRhdGFQbHVnaW4oKSxcbiAgICAgIC8vIHhNb25rZXlEZXZQbHVnaW4oKSxcbiAgICAgIHNhc3NQbHVnaW4oeyBzdHlsZTogXCJjb21wcmVzc2VkXCIgfSksXG4gICAgICB4TW9ua2V5U3R5bGVzUGx1Z2luKCksXG4gICAgXSxcbiAgfSk7XG59XG4iLCAiaW1wb3J0IHsgUGx1Z2luIH0gZnJvbSBcImVzYnVpbGRcIjtcbmltcG9ydCB7IHJlYWRGaWxlLCB3cml0ZUZpbGUgfSBmcm9tIFwiZnMvcHJvbWlzZXNcIjtcblxuZXhwb3J0IGZ1bmN0aW9uIHhNb25rZXlTdHJpcE1ldGFkYXRhUGx1Z2luKCk6IFBsdWdpbiB7XG4gIHJldHVybiB7XG4gICAgbmFtZTogXCJ4bW9ua2V5LXN0cmlwLW1ldGFkYXRhLXBsdWdpblwiLFxuICAgIHNldHVwKGJ1aWxkKSB7XG4gICAgICBsZXQgZm91bmRNZXRhZGF0YSA9IGZhbHNlO1xuICAgICAgbGV0IG1ldGFkYXRhQ29udGVudCA9IFwiXCI7XG5cbiAgICAgIGJ1aWxkLm9uTG9hZCh7IGZpbHRlcjogLy4odHN8dHN4KS8sIG5hbWVzcGFjZTogXCJmaWxlXCIgfSwgYXN5bmMgKGFyZ3MpID0+IHtcbiAgICAgICAgaWYgKGZvdW5kTWV0YWRhdGEpIHJldHVybjtcbiAgICAgICAgY29uc3Qgc291cmNlID0gYXdhaXQgcmVhZEZpbGUoYXJncy5wYXRoLCBcInV0ZjhcIik7XG4gICAgICAgIGNvbnN0IHNjcmlwdE1ldGFkYXRhSW5kZXggPSBzb3VyY2UubWF0Y2goL0AoQ29uc29sZVNjcmlwdHxVaVNjcmlwdClcXCgvKT8uaW5kZXg7XG5cbiAgICAgICAgaWYgKCFzY3JpcHRNZXRhZGF0YUluZGV4IHx8IHNjcmlwdE1ldGFkYXRhSW5kZXggPCAwKSByZXR1cm47XG4gICAgICAgIGZvdW5kTWV0YWRhdGEgPSB0cnVlO1xuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tdXNlbGVzcy1lc2NhcGVcbiAgICAgICAgY29uc3QgcmVnZXggPSAvXFxAKENvbnNvbGVTY3JpcHR8VWlTY3JpcHQpXFwoW15cXCldKlxcKShcXC5bXlxcKV0qXFwpKT8vZ2k7XG4gICAgICAgIGNvbnN0IG1ldGFkYXRhRGVjb3JhdG9yTWF0Y2hlciA9IHNvdXJjZS5tYXRjaChyZWdleCk7XG4gICAgICAgIGlmIChtZXRhZGF0YURlY29yYXRvck1hdGNoZXIpIHtcbiAgICAgICAgICBtZXRhZGF0YUNvbnRlbnQgPSBtZXRhZGF0YURlY29yYXRvck1hdGNoZXIuYXQoMCkgYXMgc3RyaW5nO1xuICAgICAgICAgIC8vIGNvbnNvbGUubG9nKFwibWV0YWRhdGFDb250ZW50XCIsIG1ldGFkYXRhQ29udGVudCk7XG4gICAgICAgICAgY29uc3Qgc3RhcnRKc29uTWV0YWRhdGFJbmRleCA9IG1ldGFkYXRhQ29udGVudC5pbmRleE9mKFwie1wiKTtcbiAgICAgICAgICBjb25zdCBlbmRKc29uTWV0YWRhdGFJbmRleCA9IG1ldGFkYXRhQ29udGVudC5sYXN0SW5kZXhPZihcIn1cIik7XG4gICAgICAgICAgY29uc3QgbWV0YWRhdGFKc29uU3RyaW5nID0gbWV0YWRhdGFDb250ZW50LnN1YnN0cmluZyhzdGFydEpzb25NZXRhZGF0YUluZGV4LCBlbmRKc29uTWV0YWRhdGFJbmRleCArIDEpO1xuICAgICAgICAgIGNvbnN0IGNvbnRlbnRzID0gc291cmNlLnJlcGxhY2UobWV0YWRhdGFKc29uU3RyaW5nLCBcIlwiKTsgLy8gcmVtb3ZlIHRoZSBqc29uIG1ldGFkYXRhIGZyb20gc291cmNlXG4gICAgICAgICAgLy8gY29uc3QgY29udGVudHMgPSBzb3VyY2UucmVwbGFjZShyZWdleCwgXCJcIik7IC8vIHJlbW92ZSBAQ29uc29sZVNjcmlwdCh7Li4uLn0pIGZyb20gc291cmNlXG5cbiAgICAgICAgICAvLyBjb25zdCBjb250ZW50cyA9IHNvdXJjZS5yZXBsYWNlKHJlZ2V4LCBcIlwiKTtcbiAgICAgICAgICBjb25zdCBleHRlbnNpb24gPSBhcmdzLnBhdGguc3BsaXQoXCIuXCIpLnBvcCgpO1xuXG4gICAgICAgICAgY29uc3QgbG9hZGVyID0gZXh0ZW5zaW9uID09PSBcInRzeFwiID8gXCJ0c3hcIiA6IFwidHNcIjtcblxuICAgICAgICAgIHJldHVybiB7IGNvbnRlbnRzLCBsb2FkZXIgfTtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybjtcbiAgICAgIH0pO1xuXG4gICAgICBidWlsZC5vbkVuZChhc3luYyAocmVzdWx0KSA9PiB7XG4gICAgICAgIGlmICghYnVpbGQuaW5pdGlhbE9wdGlvbnM/Lm91dGZpbGUgfHwgIWJ1aWxkLmluaXRpYWxPcHRpb25zPy5idW5kbGUpIHtcbiAgICAgICAgICBjb25zb2xlLmVycm9yKFwiV3JvbmcgYnVpbGQgY29uZmlndXJhdGlvbi4gT3B0aW9ucyAnYnVuZGxlJyBtdXN0IGJlIGVuYWJsZWQgYW5kICdvdXRmaWxlJyBtdXN0IGJlIHNldC5cIik7XG4gICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKCFmb3VuZE1ldGFkYXRhKSB7XG4gICAgICAgICAgY29uc29sZS5lcnJvcihcIlNjcmlwdE1ldGFkYXRhIGRlY29yYXRvciBub3QgZm91bmQuXCIpO1xuICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChyZXN1bHQuZXJyb3JzLmxlbmd0aCkge1xuICAgICAgICAgIGNvbnNvbGUuZXJyb3IoXCJFcnJvciBidWlsZGluZy4gU2NyaXB0IE1ldGFkYXRhIGNhbm5vdCBiZSBhZGRlZCB0byBmaW5hbCBzY3JpcHQuXCIpO1xuICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnN0IGZpbGVDb250ZW50cyA9IGF3YWl0IHJlYWRGaWxlKGJ1aWxkLmluaXRpYWxPcHRpb25zLm91dGZpbGUpO1xuICAgICAgICBjb25zdCBzY3JpcHRNZXRhZGF0YVN0cmluZyA9IGdldFNjcmlwdE1ldGFkYXRhU3RyaW5nKG1ldGFkYXRhQ29udGVudCk7XG4gICAgICAgIGF3YWl0IHdyaXRlRmlsZShidWlsZC5pbml0aWFsT3B0aW9ucy5vdXRmaWxlLCBgJHtzY3JpcHRNZXRhZGF0YVN0cmluZ31cXG5cXG4ke2ZpbGVDb250ZW50cy50b1N0cmluZygpfWApO1xuICAgICAgfSk7XG4gICAgfSxcbiAgfTtcbn1cblxuZnVuY3Rpb24gZ2V0U2NyaXB0TWV0YWRhdGFTdHJpbmcoc2NyaXB0TWV0YWRhdGFGdW5jdGlvbkNhbGxTdHJpbmc6IHN0cmluZykge1xuICBzY3JpcHRNZXRhZGF0YUZ1bmN0aW9uQ2FsbFN0cmluZyA9IHNjcmlwdE1ldGFkYXRhRnVuY3Rpb25DYWxsU3RyaW5nLnRyaW0oKTtcbiAgY29uc3Qgc3RhcnRKc29uTWV0YWRhdGFJbmRleCA9IHNjcmlwdE1ldGFkYXRhRnVuY3Rpb25DYWxsU3RyaW5nLmluZGV4T2YoXCJ7XCIpO1xuICBjb25zdCBlbmRKc29uTWV0YWRhdGFJbmRleCA9IHNjcmlwdE1ldGFkYXRhRnVuY3Rpb25DYWxsU3RyaW5nLmxhc3RJbmRleE9mKFwifVwiKTtcbiAgaWYgKHN0YXJ0SnNvbk1ldGFkYXRhSW5kZXggPCAwIHx8IGVuZEpzb25NZXRhZGF0YUluZGV4IDwgMCkge1xuICAgIHJldHVybiBcIlwiO1xuICB9XG5cbiAgY29uc3QgbWV0YWRhdGFPYmplY3QgPSBKU09OLnBhcnNlKFxuICAgIHNjcmlwdE1ldGFkYXRhRnVuY3Rpb25DYWxsU3RyaW5nXG4gICAgICAuc3Vic3RyaW5nKHN0YXJ0SnNvbk1ldGFkYXRhSW5kZXgsIGVuZEpzb25NZXRhZGF0YUluZGV4ICsgMSlcbiAgICAgIC5yZXBsYWNlQWxsKFwiXFxuXCIsIFwiXCIpXG4gICAgICAucmVwbGFjZUFsbChcIix9XCIsIFwifVwiKSxcbiAgKTtcblxuICBjb25zdCB0YWcgPSBcIi8vID09VXNlclNjcmlwdD09XCI7XG4gIGNvbnN0IHRhZ0VuZCA9IFwiLy8gPT0vVXNlclNjcmlwdD09XCI7XG4gIGNvbnN0IGhlYWRlcnNBcnIgPSBbXTtcblxuICBjb25zdCBzcGFjZXMgPSAxMztcbiAgZm9yIChjb25zdCBrZXkgaW4gbWV0YWRhdGFPYmplY3QpIHtcbiAgICBpZiAoQXJyYXkuaXNBcnJheShtZXRhZGF0YU9iamVjdFtrZXldKSkge1xuICAgICAgbWV0YWRhdGFPYmplY3Rba2V5XS5mb3JFYWNoKChpdGVtOiB1bmtub3duKSA9PiB7XG4gICAgICAgIGhlYWRlcnNBcnIucHVzaChgJHtrZXkucGFkRW5kKHNwYWNlcywgXCIgXCIpfSR7aXRlbX1gKTtcbiAgICAgIH0pO1xuICAgIH0gZWxzZSB7XG4gICAgICBoZWFkZXJzQXJyLnB1c2goYCR7a2V5LnBhZEVuZChzcGFjZXMsIFwiIFwiKX0ke21ldGFkYXRhT2JqZWN0W2tleV19YCk7XG4gICAgfVxuICB9XG5cbiAgY29uc3QgaGVhZGVycyA9IGhlYWRlcnNBcnIubWFwKChoKSA9PiBgLy8gJHtofWApLmpvaW4oXCJcXG5cIik7XG4gIHJldHVybiBgJHt0YWd9XFxuJHtoZWFkZXJzfVxcbiR7dGFnRW5kfWA7XG59XG4iLCAiaW1wb3J0IHsgUGx1Z2luIH0gZnJvbSBcImVzYnVpbGRcIjtcbmltcG9ydCB7IGFwcGVuZEZpbGUsIHJlYWRGaWxlIH0gZnJvbSBcImZzL3Byb21pc2VzXCI7XG5cbmV4cG9ydCBmdW5jdGlvbiB4TW9ua2V5U3R5bGVzUGx1Z2luKCk6IFBsdWdpbiB7XG4gIHJldHVybiB7XG4gICAgbmFtZTogXCJ4bW9ua2V5LXN0eWxlcy1wbHVnaW5cIixcbiAgICBzZXR1cChidWlsZCkge1xuICAgICAgYnVpbGQub25FbmQoYXN5bmMgKHJlc3VsdCkgPT4ge1xuICAgICAgICBpZiAoIWJ1aWxkLmluaXRpYWxPcHRpb25zPy5vdXRmaWxlIHx8ICFidWlsZC5pbml0aWFsT3B0aW9ucz8uYnVuZGxlKSB7XG4gICAgICAgICAgY29uc29sZS5lcnJvcihcIldyb25nIGJ1aWxkIGNvbmZpZ3VyYXRpb24uIE9wdGlvbnMgJ2J1bmRsZScgbXVzdCBiZSBlbmFibGVkIGFuZCAnb3V0ZmlsZScgbXVzdCBiZSBzZXQuXCIpO1xuICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICghcmVzdWx0Lm1ldGFmaWxlKSB7XG4gICAgICAgICAgY29uc29sZS53YXJuKFwiRVNCdWlsZCBtZXRhZmlsZSBub3QgZW5hYmxlZC4gU3R5bGUgYnVuZGxlIHNraXBwZWQuXCIpO1xuICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICBjb25zdCBvdXRwdXRzID0gcmVzdWx0Lm1ldGFmaWxlLm91dHB1dHM7XG4gICAgICAgIGxldCBjc3NGaWxlUGF0aCA9IFwiXCI7XG4gICAgICAgIGZvciAoY29uc3QgZmlsZSBpbiBvdXRwdXRzKSB7XG4gICAgICAgICAgY29uc3QgZXh0ID0gZmlsZS5zcGxpdChcIi5cIikucG9wKCk7XG4gICAgICAgICAgaWYgKGV4dCA9PT0gXCJjc3NcIikge1xuICAgICAgICAgICAgY3NzRmlsZVBhdGggPSBmaWxlO1xuICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgaWYgKCFjc3NGaWxlUGF0aC5sZW5ndGgpIHtcbiAgICAgICAgICBjb25zb2xlLndhcm4oXCJDU1Mgb3V0cHV0IG5vdCBnZW5lcmF0ZWQuIFN0eWxlIGJ1bmRsZSBza2lwcGVkLlwiKTtcbiAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCBqc091dEZpbGUgPSBidWlsZC5pbml0aWFsT3B0aW9ucy5vdXRmaWxlO1xuXG4gICAgICAgIGNvbnN0IGNzc0NvbnRlbnRzID0gKGF3YWl0IHJlYWRGaWxlKGNzc0ZpbGVQYXRoKSkudG9TdHJpbmcoKTtcbiAgICAgICAgYXBwZW5kRmlsZShqc091dEZpbGUsIGBcXG5HTS5hZGRTdHlsZShcIlxcXFxcXG4ke2Nzc0NvbnRlbnRzLnRyaW0oKX1cXFxcXFxuXCIpO2ApO1xuICAgICAgfSk7XG4gICAgfSxcbiAgfTtcbn1cbiIsICJpbXBvcnQgeyBidWlsZFhtb25rZXlTY3JpcHQgfSBmcm9tIFwiLi9lc2J1aWxkL2J1aWxkLmpzXCI7XG5cbmNvbnN0IGVudHJ5RmlsZSA9IHByb2Nlc3MuYXJndlsyXTtcblxuaWYgKCFlbnRyeUZpbGUpIHtcbiAgY29uc29sZS5lcnJvcihgTm8gZW50cnlmaWxlIHNwZWNpZmllZC4gVHJ5IGFkZGluZyB0aGUgc2NyaXB0IHRvIGJ1aWxkIGluIHRoZSBhcmd1bWVudC5gKTtcbiAgY29uc29sZS5lcnJvcihgRXhhbXBsZTogbnBtIHJ1biBidWlsZCBzcmMvZXhhbXBsZS1zY3JpcHQudHNgKTtcbiAgcHJvY2Vzcy5leGl0KDEpO1xufVxuXG5idWlsZFhtb25rZXlTY3JpcHQoZW50cnlGaWxlKTtcbiJdLAogICJtYXBwaW5ncyI6ICI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGNBQXlCO0FBQ3pCLGlDQUEyQjs7O0FDQTNCLHNCQUFvQztBQUU3QixTQUFTLDZCQUFxQztBQUNuRCxTQUFPO0FBQUEsSUFDTCxNQUFNO0FBQUEsSUFDTixNQUFNQSxRQUFPO0FBQ1gsVUFBSSxnQkFBZ0I7QUFDcEIsVUFBSSxrQkFBa0I7QUFFdEIsTUFBQUEsT0FBTSxPQUFPLEVBQUUsUUFBUSxhQUFhLFdBQVcsT0FBTyxHQUFHLE9BQU8sU0FBUztBQUN2RSxZQUFJO0FBQWU7QUFDbkIsY0FBTSxTQUFTLFVBQU0sMEJBQVMsS0FBSyxNQUFNLE1BQU07QUFDL0MsY0FBTSxzQkFBc0IsT0FBTyxNQUFNLDZCQUE2QixHQUFHO0FBRXpFLFlBQUksQ0FBQyx1QkFBdUIsc0JBQXNCO0FBQUc7QUFDckQsd0JBQWdCO0FBRWhCLGNBQU0sUUFBUTtBQUNkLGNBQU0sMkJBQTJCLE9BQU8sTUFBTSxLQUFLO0FBQ25ELFlBQUksMEJBQTBCO0FBQzVCLDRCQUFrQix5QkFBeUIsR0FBRyxDQUFDO0FBRS9DLGdCQUFNLHlCQUF5QixnQkFBZ0IsUUFBUSxHQUFHO0FBQzFELGdCQUFNLHVCQUF1QixnQkFBZ0IsWUFBWSxHQUFHO0FBQzVELGdCQUFNLHFCQUFxQixnQkFBZ0IsVUFBVSx3QkFBd0IsdUJBQXVCLENBQUM7QUFDckcsZ0JBQU0sV0FBVyxPQUFPLFFBQVEsb0JBQW9CLEVBQUU7QUFJdEQsZ0JBQU0sWUFBWSxLQUFLLEtBQUssTUFBTSxHQUFHLEVBQUUsSUFBSTtBQUUzQyxnQkFBTSxTQUFTLGNBQWMsUUFBUSxRQUFRO0FBRTdDLGlCQUFPLEVBQUUsVUFBVSxPQUFPO0FBQUEsUUFDNUI7QUFFQTtBQUFBLE1BQ0YsQ0FBQztBQUVELE1BQUFBLE9BQU0sTUFBTSxPQUFPLFdBQVc7QUFDNUIsWUFBSSxDQUFDQSxPQUFNLGdCQUFnQixXQUFXLENBQUNBLE9BQU0sZ0JBQWdCLFFBQVE7QUFDbkUsa0JBQVEsTUFBTSx3RkFBd0Y7QUFDdEc7QUFBQSxRQUNGO0FBRUEsWUFBSSxDQUFDLGVBQWU7QUFDbEIsa0JBQVEsTUFBTSxxQ0FBcUM7QUFDbkQ7QUFBQSxRQUNGO0FBRUEsWUFBSSxPQUFPLE9BQU8sUUFBUTtBQUN4QixrQkFBUSxNQUFNLGtFQUFrRTtBQUNoRjtBQUFBLFFBQ0Y7QUFFQSxjQUFNLGVBQWUsVUFBTSwwQkFBU0EsT0FBTSxlQUFlLE9BQU87QUFDaEUsY0FBTSx1QkFBdUIsd0JBQXdCLGVBQWU7QUFDcEUsa0JBQU0sMkJBQVVBLE9BQU0sZUFBZSxTQUFTLEdBQUcsb0JBQW9CO0FBQUE7QUFBQSxFQUFPLGFBQWEsU0FBUyxDQUFDLEVBQUU7QUFBQSxNQUN2RyxDQUFDO0FBQUEsSUFDSDtBQUFBLEVBQ0Y7QUFDRjtBQUVBLFNBQVMsd0JBQXdCLGtDQUEwQztBQUN6RSxxQ0FBbUMsaUNBQWlDLEtBQUs7QUFDekUsUUFBTSx5QkFBeUIsaUNBQWlDLFFBQVEsR0FBRztBQUMzRSxRQUFNLHVCQUF1QixpQ0FBaUMsWUFBWSxHQUFHO0FBQzdFLE1BQUkseUJBQXlCLEtBQUssdUJBQXVCLEdBQUc7QUFDMUQsV0FBTztBQUFBLEVBQ1Q7QUFFQSxRQUFNLGlCQUFpQixLQUFLO0FBQUEsSUFDMUIsaUNBQ0csVUFBVSx3QkFBd0IsdUJBQXVCLENBQUMsRUFDMUQsV0FBVyxNQUFNLEVBQUUsRUFDbkIsV0FBVyxNQUFNLEdBQUc7QUFBQSxFQUN6QjtBQUVBLFFBQU0sTUFBTTtBQUNaLFFBQU0sU0FBUztBQUNmLFFBQU0sYUFBYSxDQUFDO0FBRXBCLFFBQU0sU0FBUztBQUNmLGFBQVcsT0FBTyxnQkFBZ0I7QUFDaEMsUUFBSSxNQUFNLFFBQVEsZUFBZSxHQUFHLENBQUMsR0FBRztBQUN0QyxxQkFBZSxHQUFHLEVBQUUsUUFBUSxDQUFDLFNBQWtCO0FBQzdDLG1CQUFXLEtBQUssR0FBRyxJQUFJLE9BQU8sUUFBUSxHQUFHLENBQUMsR0FBRyxJQUFJLEVBQUU7QUFBQSxNQUNyRCxDQUFDO0FBQUEsSUFDSCxPQUFPO0FBQ0wsaUJBQVcsS0FBSyxHQUFHLElBQUksT0FBTyxRQUFRLEdBQUcsQ0FBQyxHQUFHLGVBQWUsR0FBRyxDQUFDLEVBQUU7QUFBQSxJQUNwRTtBQUFBLEVBQ0Y7QUFFQSxRQUFNLFVBQVUsV0FBVyxJQUFJLENBQUMsTUFBTSxNQUFNLENBQUMsRUFBRSxFQUFFLEtBQUssSUFBSTtBQUMxRCxTQUFPLEdBQUcsR0FBRztBQUFBLEVBQUssT0FBTztBQUFBLEVBQUssTUFBTTtBQUN0Qzs7O0FDL0ZBLElBQUFDLG1CQUFxQztBQUU5QixTQUFTLHNCQUE4QjtBQUM1QyxTQUFPO0FBQUEsSUFDTCxNQUFNO0FBQUEsSUFDTixNQUFNQyxRQUFPO0FBQ1gsTUFBQUEsT0FBTSxNQUFNLE9BQU8sV0FBVztBQUM1QixZQUFJLENBQUNBLE9BQU0sZ0JBQWdCLFdBQVcsQ0FBQ0EsT0FBTSxnQkFBZ0IsUUFBUTtBQUNuRSxrQkFBUSxNQUFNLHdGQUF3RjtBQUN0RztBQUFBLFFBQ0Y7QUFFQSxZQUFJLENBQUMsT0FBTyxVQUFVO0FBQ3BCLGtCQUFRLEtBQUsscURBQXFEO0FBQ2xFO0FBQUEsUUFDRjtBQUNBLGNBQU0sVUFBVSxPQUFPLFNBQVM7QUFDaEMsWUFBSSxjQUFjO0FBQ2xCLG1CQUFXLFFBQVEsU0FBUztBQUMxQixnQkFBTSxNQUFNLEtBQUssTUFBTSxHQUFHLEVBQUUsSUFBSTtBQUNoQyxjQUFJLFFBQVEsT0FBTztBQUNqQiwwQkFBYztBQUNkO0FBQUEsVUFDRjtBQUFBLFFBQ0Y7QUFFQSxZQUFJLENBQUMsWUFBWSxRQUFRO0FBQ3ZCLGtCQUFRLEtBQUssaURBQWlEO0FBQzlEO0FBQUEsUUFDRjtBQUVBLGNBQU0sWUFBWUEsT0FBTSxlQUFlO0FBRXZDLGNBQU0sZUFBZSxVQUFNLDJCQUFTLFdBQVcsR0FBRyxTQUFTO0FBQzNELHlDQUFXLFdBQVc7QUFBQTtBQUFBLEVBQXNCLFlBQVksS0FBSyxDQUFDO0FBQUEsSUFBUztBQUFBLE1BQ3pFLENBQUM7QUFBQSxJQUNIO0FBQUEsRUFDRjtBQUNGOzs7QUZsQ0EsZUFBc0IsbUJBQW1CLGdCQUF3QjtBQUUvRCxRQUFNQyxhQUFZO0FBQ2xCLFVBQVEsS0FBSyxtQkFBbUJBLFVBQVMsR0FBRztBQUU1QyxRQUFjLGNBQU07QUFBQSxJQUNsQixhQUFhLENBQUNBLFVBQVM7QUFBQSxJQUN2QixTQUFTO0FBQUEsSUFDVCxRQUFRO0FBQUEsSUFDUixhQUFhO0FBQUEsSUFDYixRQUFRLFFBQVEsSUFBSSxRQUFRLFFBQVE7QUFBQSxJQUNwQyxVQUFVO0FBQUEsSUFDVixRQUFRO0FBQUE7QUFBQSxJQUVSLFdBQVc7QUFBQSxJQUNYLFdBQVc7QUFBQSxJQUNYLFVBQVU7QUFBQSxJQUNWLFVBQVU7QUFBQSxJQUNWLFNBQVM7QUFBQSxNQUNQLDJCQUEyQjtBQUFBO0FBQUEsVUFFM0IsdUNBQVcsRUFBRSxPQUFPLGFBQWEsQ0FBQztBQUFBLE1BQ2xDLG9CQUFvQjtBQUFBLElBQ3RCO0FBQUEsRUFDRixDQUFDO0FBQ0g7OztBRzVCQSxJQUFNLFlBQVksUUFBUSxLQUFLLENBQUM7QUFFaEMsSUFBSSxDQUFDLFdBQVc7QUFDZCxVQUFRLE1BQU0seUVBQXlFO0FBQ3ZGLFVBQVEsTUFBTSw4Q0FBOEM7QUFDNUQsVUFBUSxLQUFLLENBQUM7QUFDaEI7QUFFQSxtQkFBbUIsU0FBUzsiLAogICJuYW1lcyI6IFsiYnVpbGQiLCAiaW1wb3J0X3Byb21pc2VzIiwgImJ1aWxkIiwgImVudHJ5RmlsZSJdCn0K

package/dist/decorators/ui-script.decorator.d.ts

@@ -1,4 +1,3 @@
 import { IUiScript } from "../interfaces/ui-script.interface.js";
 import { ClassConstructor, ScriptInfo } from "../types";
-import "../styles/base.scss";
 export declare function UiScript<T extends IUiScript>(_metadata: ScriptInfo): (_target: ClassConstructor<T>) => void;

package/dist/decorators/ui-script.decorator.js

@@ -1,6 +1,5 @@
 import { h, render } from "preact";
 import { XMonkeyWindowComponent } from "../x-monkey-window-component.js";
-import "../styles/base.scss";
 export function UiScript(_metadata) {
     return function (_target) {
         const scriptObject = new _target();

package/dist/styles/_base.scss

@@ -0,0 +1,3 @@
+@use "variables";
+@use "utils";
+@use "xmonkey-wrapper";

package/dist/styles/_utils.scss

@@ -0,0 +1,74 @@
+/* https://gist.github.com/jonsuh/b2347347480105874cda110b2afc53f4 */
+/* Flexbox
+// ================================================== */
+
+@use "variables" as vars;
+##{vars.$xmonkey-wrapper} {
+  .d-f  { display: flex !important; flex-direction: column; }
+  .d-if { display: inline-flex !important; flex-direction: column; }
+
+  /* Flex direction */
+  .fd-r  { flex-direction: row; } /* Default */
+  .fd-rr { flex-direction: row-reverse; }
+  .fd-c  { flex-direction: column; }
+  .fd-cr { flex-direction: column-reverse; }
+
+
+  /* Flex wrap */
+  .fw-n  { flex-wrap: nowrap; } /* Default */
+  .fw-w  { flex-wrap: wrap; }
+  .fw-wr { flex-wrap: wrap-reverse; }
+
+
+  /* Justify content */
+  .jc-fe { justify-content: flex-end; }
+  .jc-fs { justify-content: flex-start; } /* Default */
+  .jc-c  { justify-content: center; }
+  .jc-sa { justify-content: space-around; }
+  .jc-sb { justify-content: space-between; }
+
+
+  /* Align items */
+  .ai-fs { align-items: flex-start; }
+  .ai-c  { align-items: center; }
+  .ai-fe { align-items: flex-end; }
+  .ai-s  { align-items: stretch; } /* Default */
+  .ai-b  { align-items: baseline; }
+
+
+  /* Flex grow */
+  .fg-0 { flex-grow: 0; } /* Default */
+  .fg-1 { flex-grow: 1; }
+
+
+  /* Flex shrink */
+  .fs-0 { flex-shrink: 0; }
+  .fs-1 { flex-shrink: 1; } /* Default */
+
+
+  /* Flex basis */
+  .fb-a { flex-basis: auto; } /* Default */
+  .fb-0 { flex-basis: 0; }
+
+
+  /* Align self */
+  .as-a  { align-self: auto; } /* Default */
+  .as-fs { align-self: flex-start; }
+  .as-c  { align-self: center; }
+  .as-fe { align-self: flex-end; }
+  .as-s  { align-self: stretch; }
+  .as-b  { align-self: baseline }
+
+
+  .noselect {
+    -webkit-touch-callout: none; /* iOS Safari */
+      -webkit-user-select: none; /* Safari */
+      -khtml-user-select: none; /* Konqueror HTML */
+        -moz-user-select: none; /* Old versions of Firefox */
+          -ms-user-select: none; /* Internet Explorer/Edge */
+              user-select: none; /* Non-prefixed version, currently
+                                    supported by Chrome, Edge, Opera and Firefox */
+  }
+
+  .hidden {display: none !important;}
+}

package/dist/styles/_variables.scss

@@ -1,6 +1,7 @@
 $xmonkey-wrapper: "__xmwr";
 $xmonkey-container: "xmwr_c";
 $xmonkey-header: "xmwr-h";
+$xmonkey-body: "xmwr-b";
 
 
 $font-family: Verdana;

package/dist/styles/{xmonkey-wrapper.scss → _xmonkey-wrapper.scss}

@@ -2,17 +2,27 @@
 @use "colors";
 
 ##{vars.$xmonkey-wrapper} {
-  width: 250px;
+  width: 200px;
   position: absolute;
   top: 10px;
   left: 10px;
-  background-color: rgba(colors.$bg, 0.9);
+  background-color: rgba(colors.$bg, 0.99);
   border-radius: vars.$border-radius;
   z-index: 999999;
   overflow: hidden;
 
+  font-family: vars.$font-family;
+  font-size: 12px;
   * {
+    font-size: 12px;
+    font-family: vars.$font-family;
     color: colors.$white;
+    button {
+      color: colors.$black;
+    }
+  }
+  pre {
+    overflow: auto;
   }
 
   input,
@@ -39,9 +49,15 @@
     }
   }
 
+  .#{vars.$xmonkey-body} {
+    padding: 3px;
+  }
+
   .#{vars.$xmonkey-header} {
     height: 15px;
     line-height: 15px !important;
+    background-color: colors.$primary;
+    width: 100%;
     // border-top-left-radius: vars.$border-radius;
     // border-top-right-radius: vars.$border-radius;
     .xmwr-x {

package/dist/x-monkey-window-component.js

@@ -5,7 +5,7 @@ export function XMonkeyWindowComponent(props) {
     function toggleMinimize() {
         setMinimized(!minimized);
     }
-    return (_jsxs("div", { className: "xmwr_c d--f fd--c ai--c jc--sb", children: [_jsxs("div", { className: "xmwr-h w-100 m0 d--f fd--r jc--c bg-primary noselect", children: [_jsx("div", { className: "xmwr-title m0", children: props.title }), _jsx(MinimizeButton, { toggleMinimize: toggleMinimize, minimized: minimized })] }), _jsx("div", { className: `xmwr-b w-100 d--f jc--c ` + (minimized ? "b-collapsed" : ""), children: props.children })] }));
+    return (_jsxs("div", { className: "xmwr_c d-f fd-c ai-c jc-sb", children: [_jsxs("div", { className: "xmwr-h w-100 m0 d-f fd-r jc-c bg-primary noselect", children: [_jsx("div", { className: "xmwr-title m0", children: props.title }), _jsx(MinimizeButton, { toggleMinimize: toggleMinimize, minimized: minimized })] }), _jsx("div", { className: `xmwr-b w-100 d-f jc-c ` + (minimized ? "b-collapsed" : ""), children: props.children })] }));
 }
 function MinimizeButton({ minimized, toggleMinimize }) {
     const minimizeChar = minimized ? "+" : "-";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukaskj/xmonkey",
-  "version": "2.0.3",
+  "version": "2.0.5",
   "author": "lukaskj",
   "license": "ISC",
   "scripts": {
@@ -8,15 +8,16 @@
     "prebuild": "pnpm run clean",
     "prepublish": "pnpm run build",
     "build:old": "node esbuild/build.mjs",
-    "build": "pnpm build:esm && pnpm copy-styles",
+    "build": "pnpm build:esm && pnpm build:bin && pnpm copy-styles",
     "build:esm": "tsc -p tsconfig.build.json",
     "build:cjs": "tsc -p tsconfig.build.json --module CommonJS --outDir dist/cjs",
+    "build:bin": "esbuild src/build.ts --platform=node --format=cjs --packages=external --bundle --sourcemap=inline --outfile=dist/build.js",
     "build:prod": "pnpm run lint && pnpm run build",
     "build:dev": "DEBUG=1 node esbuild/build.mjs",
     "build:debug": "DEBUG=1 node esbuild/build.mjs",
     "copy-styles": "cp -R src/styles/ dist/styles",
     "dev": "nodemon",
-    "start": "tsx --watch ./src/index.ts",
+    "start": "tsx ./src/build.ts",
     "format": "prettier --write src/",
     "lint": "tsc --noEmit && eslint \"{src,apps,libs,test}/**/*.{ts,tsx}\" --fix",
     "test": "jest --config ./jest.config.js --maxWorkers=1",
@@ -70,6 +71,7 @@
   },
   "exports": {
     ".": "./dist/index.js",
+    "./styles/*": "./dist/styles/*",
     "./decorators": "./dist/decorators/*",
     "./interfaces": "./dist/interfaces/*"
   },

package/dist/example-scripts/example-console-script.d.ts

@@ -1,4 +0,0 @@
-import { IConsoleScript } from "@lukaskj/xmonkey";
-export declare class ExampleConsoleScript implements IConsoleScript {
-    execute(): Promise<void>;
-}

package/dist/example-scripts/example-console-script.js

@@ -1,28 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { sleep } from "../utils/sleep.js";
-import { ConsoleScript } from "@lukaskj/xmonkey";
-let ExampleConsoleScript = class ExampleConsoleScript {
-    async execute() {
-        for (let i = 0; i < 50; i++) {
-            console.log("Executing script...", i + 1, location.href);
-            await sleep(20);
-        }
-    }
-};
-ExampleConsoleScript = __decorate([
-    ConsoleScript({
-        "@name": "Example Console Script",
-        "@namespace": "console-scripts",
-        "@match": "https://en.wikipedia.org/*",
-        "@version": "1.0",
-        "@author": "-",
-        "@description": "Example Console Script Description",
-        "@grant": ["GM.addStyle"],
-    })
-], ExampleConsoleScript);
-export { ExampleConsoleScript };

package/dist/example-scripts/example-ui-script.d.ts

@@ -1,6 +0,0 @@
-import { IUiScript } from "../interfaces/ui-script.interface.js";
-import "./example-scss.scss";
-export declare class ExampleUiScript implements IUiScript {
-    title: string;
-    render(): import("preact").JSX.Element;
-}

package/dist/example-scripts/example-ui-script.js

@@ -1,34 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "preact/jsx-runtime";
-import { UiScript } from "../decorators/ui-script.decorator.js";
-import { useState } from "preact/hooks";
-import "./example-scss.scss";
-let ExampleUiScript = class ExampleUiScript {
-    title = "Example UI Script";
-    render() {
-        return _jsx(JsxUiExample, {});
-    }
-};
-ExampleUiScript = __decorate([
-    UiScript({
-        "@name": "Example Console Script",
-        "@namespace": "console-scripts",
-        "@match": "https://en.wikipedia.org/*",
-        "@version": "1.0",
-        "@author": "-",
-        "@description": "Example Console Script Description",
-        "@grant": ["GM.addStyle"],
-    })
-], ExampleUiScript);
-export { ExampleUiScript };
-function JsxUiExample() {
-    const [count, setCount] = useState(0);
-    const increment = () => setCount(count + 1);
-    const decrement = () => setCount((currentCount) => currentCount - 1);
-    return (_jsxs(_Fragment, { children: [_jsxs("p", { children: ["Count: ", count] }), _jsxs("div", { class: "w-100 d--f jc--c", children: [_jsx("button", { class: "btn small primary", onClick: increment, children: "Increment" }), _jsx("button", { class: "btn small primary", onClick: decrement, children: "Decrement" })] })] }));
-}

package/dist/styles/base.scss

@@ -1,4 +0,0 @@
-@use "variables";
-@use "./xmonkey-wrapper.scss";
-@use "./utils.css";
-@use "lit"

package/dist/styles/lit/_base.scss

@@ -1,173 +0,0 @@
-@use "../variables" as vars;
-@use "../colors";
-/*
-* Lit v0.1
-* Primary Color set to: #FA0
-* Font set to: Nunito
-*/
-
-$input-padding: 3px;
-
-##{vars.$xmonkey-wrapper} {
-  font-family: vars.$font-family;
-  * {
-    box-sizing: border-box;
-    font-size: 12px;
-    font-family: vars.$font-family;
-    margin: 2.5px 0;
-  }
-  pre {
-    overflow: auto;
-  }
-
-  .col,
-  .row {
-    padding: 0 3px;
-  }
-  .col {
-    flex-direction: column;
-  }
-
-  .row {
-    flex-direction: row;
-    flex-wrap: wrap;
-  }
-
-  .w-100,
-  .row {
-    width: 100%;
-  }
-
-  .card:focus,
-  .xcard:focus,
-  hr {
-    outline: 0;
-    border: solid colors.$primary;
-  }
-
-  .card,
-  .xcard,
-  pre {
-    padding: $input-padding;
-    border: solid colors.$white;
-  }
-
-  a:hover,
-  .btn:hover {
-    opacity: 0.8;
-  }
-
-  .c {
-    max-width: 60em;
-    padding: $input-padding;
-    margin: auto;
-    font: 1em/1.6 vars.$font;
-  }
-
-  h6 {
-    font: 100 1em vars.$font;
-  }
-
-  h5 {
-    font: 100 1.2em vars.$font;
-  }
-
-  h3 {
-    font: 100 2em vars.$font;
-  }
-
-  h4 {
-    font: 100 1.5em vars.$font;
-  }
-
-  h2 {
-    font: 100 2.2em vars.$font;
-  }
-
-  h1 {
-    font: 100 2.5em vars.$font;
-  }
-
-  a {
-    color: colors.$primary;
-    text-decoration: none;
-  }
-
-  td,
-  th {
-    padding: $input-padding;
-    text-align: left;
-    border-bottom: solid colors.$white;
-  }
-
-  .btn {
-    padding: $input-padding;
-    text-transform: uppercase;
-    background: colors.$white;
-    color: colors.$black;
-    border: solid colors.$white;
-    font: 1em vars.$font;
-
-    &.primary {
-      color: colors.$white;
-      background: colors.$primary;
-      border: solid colors.$primary;
-    }
-
-    &.secondary {
-      color: colors.$white;
-      background: colors.$secondary;
-      border: solid colors.$secondary;
-    }
-
-    &.success {
-      color: colors.$white;
-      background: colors.$success;
-      border: solid colors.$success;
-    }
-
-    &.warning {
-      color: colors.$white;
-      background: colors.$warning;
-      border: solid colors.$warning;
-    }
-
-    &.error {
-      color: colors.$white;
-      background: colors.$error;
-      border: solid colors.$error;
-    }
-
-    &.info {
-      color: colors.$white;
-      background: colors.$info;
-      border: solid colors.$info;
-    }
-  }
-
-  @media (min-width: 35em) {
-    .\31 {
-      width: 5%;
-    }
-
-    .\33 {
-      width: 22%;
-    }
-
-    .\34 {
-      width: 30%;
-    }
-
-    .\35 {
-      width: 40%;
-    }
-
-    .\32 {
-      width: 15%;
-    }
-
-    .\36 {
-      width: 50%;
-    }
-  }
-}

package/dist/styles/lit/_util.scss

@@ -1,340 +0,0 @@
-@use "../variables" as vars;
-@use "../colors";
-
-##{vars.$xmonkey-wrapper} {
-  /*Colors*/
-
-  .white {
-    color: #fff;
-  }
-  .bg-white {
-    background-color: #fff;
-  }
-  .b-white {
-    border-color: #fff;
-  }
-  .gray {
-    color: colors.$gray;
-  }
-  .bg-gray {
-    background-color: colors.$gray;
-  }
-  .b-gray {
-    border-color: colors.$gray;
-  }
-  .black {
-    color: #000;
-  }
-  .bg-black {
-    background-color: #000;
-  }
-  .b-black {
-    border-color: #000;
-  }
-  .accent {
-    color: colors.$secondary;
-  }
-  .bg-accent {
-    background-color: colors.$secondary;
-  }
-  .b-accent {
-    border-color: colors.$secondary;
-  }
-  .warning {
-    color: colors.$warning;
-  }
-  .bg-warning {
-    background-color: colors.$warning;
-  }
-  .b-warning {
-    border-color: colors.$warning;
-  }
-  .error {
-    color: colors.$error;
-  }
-  .bg-error {
-    background-color: colors.$error;
-  }
-  .b-error {
-    border-color: colors.$error;
-  }
-  .success {
-    color: colors.$success;
-  }
-  .bg-success {
-    background-color: colors.$success;
-  }
-  .b-success {
-    border-color: colors.$success;
-  }
-  .info {
-    color: colors.$info;
-  }
-  .bg-info {
-    background-color: colors.$info;
-  }
-  .b-info {
-    border-color: colors.$info;
-  }
-  .bg-primary {
-    background-color: colors.$primary;
-  }
-  .b-primary {
-    border-color: colors.$primary;
-  }
-
-  /*Margin+Padding*/
-
-  .m0 {
-    margin: 0;
-  }
-
-  .m1 {
-    margin: 0.5em;
-  }
-
-  .m2 {
-    margin: 1em;
-  }
-
-  .m3 {
-    margin: 2em;
-  }
-
-  .m4 {
-    margin: 4em;
-  }
-
-  .mt0 {
-    margin-top: 0;
-  }
-
-  .mt1 {
-    margin-top: 0.5em;
-  }
-
-  .mt2 {
-    margin-top: 1em;
-  }
-
-  .mt3 {
-    margin-top: 2em;
-  }
-
-  .mt4 {
-    margin-top: 4em;
-  }
-
-  .mr0 {
-    margin-right: 0;
-  }
-
-  .mr1 {
-    margin-right: 0.5em;
-  }
-
-  .mr2 {
-    margin-right: 1em;
-  }
-
-  .mr3 {
-    margin-right: 2em;
-  }
-
-  .mr4 {
-    margin-right: 4em;
-  }
-
-  .mb0 {
-    margin-bottom: 0;
-  }
-
-  .mb1 {
-    margin-bottom: 0.5em;
-  }
-
-  .mb2 {
-    margin-bottom: 1em;
-  }
-
-  .mb3 {
-    margin-bottom: 2em;
-  }
-
-  .mb4 {
-    margin-bottom: 4em;
-  }
-
-  .ml0 {
-    margin-left: 0;
-  }
-
-  .ml1 {
-    margin-left: 0.5em;
-  }
-
-  .ml2 {
-    margin-left: 1em;
-  }
-
-  .ml3 {
-    margin-left: 2em;
-  }
-
-  .ml4 {
-    margin-left: 4em;
-  }
-
-  .p0 {
-    padding: 0;
-  }
-
-  .p1 {
-    padding: 0.5em;
-  }
-
-  .p2 {
-    padding: 1em;
-  }
-
-  .p3 {
-    padding: 2em;
-  }
-
-  .p4 {
-    padding: 4em;
-  }
-
-  .pv0 {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-
-  .pv1 {
-    padding-top: 0.5em;
-    padding-bottom: 0.5em;
-  }
-
-  .pv2 {
-    padding-top: 1em;
-    padding-bottom: 1em;
-  }
-
-  .pv3 {
-    padding-top: 2em;
-    padding-bottom: 2em;
-  }
-
-  .pv4 {
-    padding-top: 4em;
-    padding-bottom: 4em;
-  }
-
-  .ph0 {
-    padding-right: 0;
-    padding-left: 0;
-  }
-
-  .ph1 {
-    padding-right: 0.5em;
-    padding-left: 0.5em;
-  }
-
-  .ph2 {
-    padding-right: 1em;
-    padding-left: 1em;
-  }
-
-  .ph3 {
-    padding-right: 2em;
-    padding-left: 2em;
-  }
-
-  .ph4 {
-    padding-right: 4em;
-    padding-left: 4em;
-  }
-
-  /*Misc Utilities*/
-  .gapless {
-    border-spacing: 0;
-  }
-  .vc {
-    position: relative;
-    top: 40%;
-    transform: perspective(1px) translateY(-45%);
-  }
-  .pill {
-    border-radius: 9999px;
-  }
-  .rounded {
-    border-radius: 4px;
-  }
-  .tc {
-    text-align: center;
-  }
-  .mega {
-    font-size: 3.5em;
-  }
-  .large {
-    font-size: 1.5em;
-  }
-  .small {
-    font-size: 0.8em;
-  }
-  .caps {
-    text-transform: uppercase;
-  }
-  .tracked {
-    letter-spacing: 0.1em;
-  }
-  .vh-100 {
-    height: 100vh;
-  }
-
-  .inline {
-    display: inline-block;
-  }
-  .bold {
-    font-weight: 700;
-  }
-  .normal {
-    font-weight: 400;
-  }
-  .light {
-    font-weight: 300;
-  }
-  .dim {
-    opacity: 1;
-    transition: opacity 0.15s ease-in;
-  }
-
-  .dim:hover,
-  .dim:focus {
-    opacity: 0.5;
-    transition: opacity 0.15s ease-in;
-  }
-  .ta-center {
-    text-align: center;
-  }
-  .ta-left {
-    text-align: left;
-  }
-  .ta-right {
-    text-align: right;
-  }
-
-  .w-10 {width: 10% !important;}
-  .w-20 {width: 20% !important;}
-  .w-30 {width: 30% !important;}
-  .w-40 {width: 40% !important;}
-  .w-48 {width: 48% !important;}
-  .w-50 {width: 50% !important;}
-  .w-60 {width: 60% !important;}
-  .w-70 {width: 70% !important;}
-  .w-80 {width: 80% !important;}
-  .w-90 {width: 90% !important;}
-  .w-100 {width: 100% !important;}
-  .fg-0 {flex-grow: 0!important;}
-  .fg-1 {flex-grow: 1!important;}
-}

package/dist/styles/lit/index.scss

@@ -1,2 +0,0 @@
-@use "base";
-@use "util";

package/dist/styles/utils.css

@@ -1,70 +0,0 @@
-/* https://gist.github.com/jonsuh/b2347347480105874cda110b2afc53f4 */
-/* Flexbox
-// ================================================== */
-.d--f  { display: flex !important; flex-direction: column; }
-.d--if { display: inline-flex !important; flex-direction: column; }
-
-/* Flex direction */
-.fd--r  { flex-direction: row; } /* Default */
-.fd--rr { flex-direction: row-reverse; }
-.fd--c  { flex-direction: column; }
-.fd--cr { flex-direction: column-reverse; }
-
-
-/* Flex wrap */
-.fw--n  { flex-wrap: nowrap; } /* Default */
-.fw--w  { flex-wrap: wrap; }
-.fw--wr { flex-wrap: wrap-reverse; }
-
-
-/* Justify content */
-.jc--fe { justify-content: flex-end; }
-.jc--fs { justify-content: flex-start; } /* Default */
-.jc--c  { justify-content: center; }
-.jc--sa { justify-content: space-around; }
-.jc--sb { justify-content: space-between; }
-
-
-/* Align items */
-.ai--fs { align-items: flex-start; }
-.ai--c  { align-items: center; }
-.ai--fe { align-items: flex-end; }
-.ai--s  { align-items: stretch; } /* Default */
-.ai--b  { align-items: baseline; }
-
-
-/* Flex grow */
-.fg--0 { flex-grow: 0; } /* Default */
-.fg--1 { flex-grow: 1; }
-
-
-/* Flex shrink */
-.fs--0 { flex-shrink: 0; }
-.fs--1 { flex-shrink: 1; } /* Default */
-
-
-/* Flex basis */
-.fb--a { flex-basis: auto; } /* Default */
-.fb--0 { flex-basis: 0; }
-
-
-/* Align self */
-.as--a  { align-self: auto; } /* Default */
-.as--fs { align-self: flex-start; }
-.as--c  { align-self: center; }
-.as--fe { align-self: flex-end; }
-.as--s  { align-self: stretch; }
-.as--b  { align-self: baseline }
-
-
-.noselect {
-  -webkit-touch-callout: none; /* iOS Safari */
-    -webkit-user-select: none; /* Safari */
-     -khtml-user-select: none; /* Konqueror HTML */
-       -moz-user-select: none; /* Old versions of Firefox */
-        -ms-user-select: none; /* Internet Explorer/Edge */
-            user-select: none; /* Non-prefixed version, currently
-                                  supported by Chrome, Edge, Opera and Firefox */
-}
-
-.hidden {display: none !important;}