@markforster/heroquest-card-creator 0.5.3-2

package/bin/heroquest-card-creator.js

@@ -0,0 +1,572 @@
+#!/usr/bin/env node
+"use strict";
+
+const http = require("http");
+const fs = require("fs");
+const os = require("os");
+const net = require("net");
+const path = require("path");
+const { spawn } = require("child_process");
+const mime = require("mime");
+const yaml = require("yaml");
+const chalk = require("chalk");
+
+const DEFAULT_HOST = "127.0.0.1";
+const DEFAULT_PORT = 3000;
+const HISTORY_LIMIT = 10;
+
+function parseArgs(args) {
+  let port = null;
+  let portSpecified = false;
+  let help = false;
+
+  for (let i = 0; i < args.length; i += 1) {
+    const arg = args[i];
+
+    if (arg === "-h" || arg === "--help") {
+      help = true;
+      continue;
+    }
+
+    if (arg === "-p" || arg === "--port") {
+      const next = args[i + 1];
+      if (!next) {
+        throw new Error("Missing value for --port");
+      }
+      port = Number(next);
+      portSpecified = true;
+      i += 1;
+      continue;
+    }
+
+    if (arg.startsWith("--port=")) {
+      port = Number(arg.split("=")[1]);
+      portSpecified = true;
+      continue;
+    }
+  }
+
+  if (portSpecified) {
+    if (!Number.isInteger(port) || port <= 0 || port > 65535) {
+      throw new Error(`Invalid port: ${port}`);
+    }
+  }
+
+  return { port, portSpecified, help };
+}
+
+function printHelp() {
+  console.log(
+    [
+      "",
+      "HeroQuest Card Creator",
+      "",
+      "Usage:",
+      "  heroquest-card-creator [options]",
+      "",
+      "Options:",
+      "  -p, --port <number>   Port to serve on (default 3000; auto-picks a free port if needed)",
+      "  -h, --help            Show this help",
+      "",
+    ].join("\n")
+  );
+}
+
+function toSafeFilePath(rootDir, pathname) {
+  const fullPath = path.resolve(rootDir, "." + pathname);
+
+  if (!fullPath.startsWith(rootDir + path.sep) && fullPath !== rootDir) {
+    return null;
+  }
+
+  return fullPath;
+}
+
+function getFileForRequest(rootDir, pathname) {
+  let resolvedPath = pathname;
+
+  if (resolvedPath.endsWith("/")) {
+    resolvedPath += "index.html";
+  } else if (!path.extname(resolvedPath)) {
+    resolvedPath += "/index.html";
+  }
+
+  const candidate = toSafeFilePath(rootDir, resolvedPath);
+  if (!candidate) {
+    return null;
+  }
+
+  if (fs.existsSync(candidate) && fs.statSync(candidate).isFile()) {
+    return candidate;
+  }
+
+  const notFound = path.join(rootDir, "404.html");
+  if (fs.existsSync(notFound) && fs.statSync(notFound).isFile()) {
+    return { fallback: notFound };
+  }
+
+  return null;
+}
+
+function createServer(rootDir) {
+  return http.createServer((req, res) => {
+    try {
+      const rawUrl = req.url || "/";
+      const pathOnly = rawUrl.split("?")[0];
+      let pathname = decodeURIComponent(pathOnly || "/");
+      if (!pathname.startsWith("/")) {
+        pathname = `/${pathname}`;
+      }
+      pathname = pathname.replace(/\/{2,}/g, "/");
+      const result = getFileForRequest(rootDir, pathname);
+
+      if (!result) {
+        res.statusCode = 404;
+        res.end("Not Found");
+        return;
+      }
+
+      const filePath = typeof result === "string" ? result : result.fallback;
+      const isFallback = typeof result !== "string";
+
+      const type = mime.getType(filePath) || "application/octet-stream";
+      const contentType = type.startsWith("text/") ? `${type}; charset=utf-8` : type;
+
+      res.statusCode = isFallback ? 404 : 200;
+      res.setHeader("Content-Type", contentType);
+      fs.createReadStream(filePath).pipe(res);
+    } catch (error) {
+      res.statusCode = 500;
+      res.end("Internal Server Error");
+    }
+  });
+}
+
+function getInfoFilePath() {
+  return path.join(os.homedir(), ".hqcc", "info.yml");
+}
+
+function loadInfo() {
+  const infoPath = getInfoFilePath();
+  if (!fs.existsSync(infoPath)) {
+    return null;
+  }
+
+  try {
+    const raw = fs.readFileSync(infoPath, "utf8");
+    const parsed = yaml.parse(raw);
+    if (!parsed || typeof parsed !== "object") {
+      return null;
+    }
+    return parsed;
+  } catch (error) {
+    console.warn("[heroquest-card-creator] Failed to read info file. It will be recreated.");
+    return null;
+  }
+}
+
+function saveInfo(port, existing) {
+  const infoPath = getInfoFilePath();
+  const dir = path.dirname(infoPath);
+  fs.mkdirSync(dir, { recursive: true });
+
+  const previousPorts = Array.isArray(existing?.ports) ? existing.ports : [];
+  const nextPorts = [port, ...previousPorts.filter((value) => value !== port)].slice(0, HISTORY_LIMIT);
+
+  const payload = {
+    lastPort: port,
+    ports: nextPorts,
+    updatedAt: new Date().toISOString(),
+  };
+
+  try {
+    fs.writeFileSync(infoPath, yaml.stringify(payload), "utf8");
+  } catch (error) {
+    console.warn(
+      "[heroquest-card-creator] Warning: Failed to write ~/.hqcc/info.yml; port history will not be saved."
+    );
+  }
+
+  return payload;
+}
+
+function isInteractive() {
+  return Boolean(process.stdin.isTTY && process.stdout.isTTY);
+}
+
+function openBrowser(url) {
+  let command;
+  let args;
+
+  if (process.platform === "darwin") {
+    command = "open";
+    args = [url];
+  } else if (process.platform === "win32") {
+    command = "cmd";
+    args = ["/c", "start", "", url];
+  } else {
+    command = "xdg-open";
+    args = [url];
+  }
+
+  try {
+    const child = spawn(command, args, { stdio: "ignore", detached: true });
+    child.unref();
+    return true;
+  } catch (error) {
+    return false;
+  }
+}
+
+async function promptOpenBrowser(url) {
+  if (!isInteractive()) {
+    return;
+  }
+
+  const { default: inquirer } = await import("inquirer");
+  const answer = await inquirer.prompt([
+    {
+      name: "openBrowser",
+      type: "confirm",
+      message: chalk.cyanBright("Open the app in your browser now?"),
+      default: true,
+    },
+  ]);
+
+  if (!answer.openBrowser) {
+    return;
+  }
+
+  const opened = openBrowser(url);
+  if (!opened) {
+    console.warn("[heroquest-card-creator] Unable to open browser automatically. Open the URL manually.");
+  }
+}
+
+function canConnect(port, host) {
+  return new Promise((resolve) => {
+    const socket = new net.Socket();
+    const timeoutMs = 300;
+
+    socket.setTimeout(timeoutMs);
+
+    socket.once("connect", () => {
+      socket.destroy();
+      resolve(true);
+    });
+
+    socket.once("timeout", () => {
+      socket.destroy();
+      resolve(false);
+    });
+
+    socket.once("error", (error) => {
+      if (
+        error.code === "ECONNREFUSED" ||
+        error.code === "EHOSTUNREACH" ||
+        error.code === "ENETUNREACH" ||
+        error.code === "EAFNOSUPPORT"
+      ) {
+        resolve(false);
+      } else {
+        resolve(false);
+      }
+    });
+
+    socket.connect(port, host);
+  });
+}
+
+async function checkPortFree(port) {
+  const results = await Promise.all([canConnect(port, "127.0.0.1"), canConnect(port, "::1")]);
+  return !results.some(Boolean);
+}
+
+async function findFreePort() {
+  const ranges = [
+    [3000, 3100],
+    [4000, 4100],
+  ];
+
+  for (const [start, end] of ranges) {
+    for (let port = start; port <= end; port += 1) {
+      if (await checkPortFree(port)) {
+        return port;
+      }
+    }
+  }
+
+  return new Promise((resolve, reject) => {
+    const tester = net.createServer();
+    tester.once("error", (error) => reject(error));
+    tester.listen(0, DEFAULT_HOST, () => {
+      const address = tester.address();
+      const port = typeof address === "object" && address ? address.port : null;
+      tester.close(() => {
+        if (port) {
+          resolve(port);
+        } else {
+          reject(new Error("Failed to acquire a free port"));
+        }
+      });
+    });
+  });
+}
+
+async function promptForPort(options) {
+  const { defaultPort, defaultLabel, historyPorts, reason, allowCustom, exitOption } = options;
+  const { default: inquirer } = await import("inquirer");
+
+  const messageText = chalk.cyanBright(reason);
+  const choices = [];
+  if (defaultPort) {
+    const label = defaultLabel || "Use suggested port";
+    choices.push({ name: chalk.cyanBright(`${label} ${defaultPort}`), value: defaultPort });
+  }
+
+  if (historyPorts.length > 0) {
+    for (const port of historyPorts) {
+      choices.push({ name: chalk.cyanBright(`Use port ${port}`), value: port });
+    }
+  }
+
+  if (allowCustom) {
+    choices.push({ name: chalk.cyanBright("Enter another port"), value: "custom" });
+  }
+
+  if (exitOption) {
+    choices.push({ name: chalk.cyanBright("Exit"), value: "exit" });
+  }
+
+  const answer = await inquirer.prompt([
+    {
+      name: "portChoice",
+      type: "list",
+      message: messageText,
+      choices,
+    },
+  ]);
+
+  if (answer.portChoice === "exit") {
+    return null;
+  }
+
+  if (answer.portChoice !== "custom") {
+    return answer.portChoice;
+  }
+
+  const customAnswer = await inquirer.prompt([
+    {
+      name: "customPort",
+      type: "input",
+      message: chalk.cyanBright("Enter a port number:"),
+      validate: (input) => {
+        const value = Number(input);
+        if (!Number.isInteger(value) || value <= 0 || value > 65535) {
+          return "Please enter a valid port between 1 and 65535.";
+        }
+        return true;
+      },
+      filter: (input) => Number(input),
+    },
+  ]);
+
+  return customAnswer.customPort;
+}
+
+async function resolvePort({ portSpecified, requestedPort, info }) {
+  const historyPorts = Array.isArray(info?.ports) ? info.ports : [];
+  const lastPort = typeof info?.lastPort === "number" ? info.lastPort : null;
+
+  if (portSpecified) {
+    if (await checkPortFree(requestedPort)) {
+      return requestedPort;
+    }
+
+    if (!isInteractive()) {
+      const suggested = await findFreePort();
+      throw new Error(
+        `Port ${requestedPort} is already in use. Try -p ${suggested} or another free port.`
+      );
+    }
+
+    let port = await promptForPort({
+      defaultPort: await findFreePort(),
+      historyPorts: historyPorts.filter((value) => value !== requestedPort),
+      reason: `Port ${requestedPort} is in use. Choose another port:`,
+      allowCustom: true,
+    });
+
+    while (!(await checkPortFree(port))) {
+      port = await promptForPort({
+        defaultPort: await findFreePort(),
+        historyPorts: historyPorts.filter((value) => value !== port),
+        reason: `Port ${port} is still in use. Choose another port:`,
+        allowCustom: true,
+      });
+    }
+
+    return port;
+  }
+
+  if (info) {
+    if (lastPort && (await checkPortFree(lastPort))) {
+      if (!isInteractive()) {
+        return lastPort;
+      }
+
+      const choice = await promptForPort({
+        defaultPort: lastPort,
+        defaultLabel: "Use last port",
+        historyPorts: historyPorts.filter((value) => value !== lastPort),
+        reason: `Use last port ${lastPort}?`,
+        allowCustom: true,
+      });
+
+      if (await checkPortFree(choice)) {
+        return choice;
+      }
+    }
+
+    if (!isInteractive()) {
+      return findFreePort();
+    }
+
+    if (lastPort) {
+      const suggestedPort = await findFreePort();
+      console.warn(
+        `You last ran on port ${lastPort}, but it is currently in use. If you switch ports, you will not see the library saved on port ${lastPort}.`
+      );
+      const choice = await promptForPort({
+        defaultPort: suggestedPort,
+        defaultLabel: "Use suggested port",
+        historyPorts: [],
+        reason: "Use a suggested port or exit?",
+        allowCustom: false,
+        exitOption: true,
+      });
+
+      if (choice === null) {
+        console.log("[heroquest-card-creator] Exiting without starting the server.");
+        process.exit(0);
+      }
+
+      if (await checkPortFree(choice)) {
+        return choice;
+      }
+    }
+
+    const freeHistory = [];
+    for (const port of historyPorts) {
+      if (await checkPortFree(port)) {
+        freeHistory.push(port);
+      }
+    }
+
+    let port = await promptForPort({
+      defaultPort: freeHistory.length === 0 ? await findFreePort() : null,
+      historyPorts: freeHistory,
+      reason: "Choose a port to run the app:",
+      allowCustom: true,
+    });
+
+    if (port === null) {
+      console.log("[heroquest-card-creator] Exiting without starting the server.");
+      process.exit(0);
+    }
+
+    while (!(await checkPortFree(port))) {
+      port = await promptForPort({
+        defaultPort: await findFreePort(),
+        historyPorts: freeHistory.filter((value) => value !== port),
+        reason: `Port ${port} is in use. Choose another port:`,
+        allowCustom: true,
+      });
+
+      if (port === null) {
+        console.log("[heroquest-card-creator] Exiting without starting the server.");
+        process.exit(0);
+      }
+    }
+
+    return port;
+  }
+
+  if (await checkPortFree(DEFAULT_PORT)) {
+    return DEFAULT_PORT;
+  }
+
+  return findFreePort();
+}
+
+function warnOnNewPort(port, info) {
+  const historyPorts = Array.isArray(info?.ports) ? info.ports : [];
+  if (historyPorts.includes(port)) {
+    return;
+  }
+
+  if (historyPorts.length === 0) {
+    console.warn(
+      "[heroquest-card-creator] Note: Browser storage (IndexedDB/localStorage) is tied to the origin. Using a new port means you won’t see libraries saved on other ports."
+    );
+    return;
+  }
+
+  console.warn(
+    `[heroquest-card-creator] Note: Browser storage (IndexedDB/localStorage) is tied to the origin. Using a new port means you won’t see libraries saved on other ports. Known ports: ${historyPorts.join(
+      ", "
+    )}.`
+  );
+}
+
+async function main() {
+  const args = process.argv.slice(2);
+  const { port: requestedPort, portSpecified, help } = parseArgs(args);
+
+  if (help) {
+    printHelp();
+    process.exit(0);
+  }
+
+  const rootDir = path.resolve(__dirname, "..", "out");
+
+  if (!fs.existsSync(rootDir)) {
+    console.error("[heroquest-card-creator] out/ directory not found. Run `npm run build` before packaging.");
+    process.exit(1);
+  }
+
+  const info = loadInfo();
+
+  let port;
+  try {
+    port = await resolvePort({ portSpecified, requestedPort, info });
+  } catch (error) {
+    console.error(`[heroquest-card-creator] ${error.message}`);
+    process.exit(1);
+  }
+
+  warnOnNewPort(port, info);
+
+  const server = createServer(rootDir);
+  server.on("error", (error) => {
+    if (error.code === "EADDRINUSE") {
+      console.error(
+        `[heroquest-card-creator] Port ${port} is already in use. Try a different port with -p.`
+      );
+    } else {
+      console.error("[heroquest-card-creator] Server error:", error);
+    }
+    process.exit(1);
+  });
+  server.listen(port, DEFAULT_HOST, () => {
+    saveInfo(port, info);
+    const url = `http://${DEFAULT_HOST}:${port}`;
+    console.log(`HeroQuest Card Creator ready at ${url}`);
+    void promptOpenBrowser(url);
+  });
+}
+
+main().catch((error) => {
+  console.error("[heroquest-card-creator] Failed to start:", error);
+  process.exit(1);
+});

package/out/404/index.html

@@ -0,0 +1,66 @@
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="./_next/static/css/d071dca61fbb01bf.css" data-precedence="next"/><link rel="stylesheet" href="./_next/static/css/fc205991348f38b9.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="./_next/static/chunks/webpack-498a638590fe54e0.js"/><script src="./_next/static/chunks/fd9d1056-898d1c4f9326004a.js" async=""></script><script src="./_next/static/chunks/117-b8bb75121b26b6b3.js" async=""></script><script src="./_next/static/chunks/main-app-0b6a7f5b2fb24b40.js" async=""></script><script src="./_next/static/chunks/275-f9dcc3143453fdcd.js" async=""></script><script src="./_next/static/chunks/481-657f5adb2ca2e132.js" async=""></script><script src="./_next/static/chunks/app/layout-280540b43bd5178c.js" async=""></script><link rel="preload" href="https://www.googletagmanager.com/gtm.js?id=G-KSVRMQ5CPG" as="script"/><meta name="robots" content="noindex"/><title>404: This page could not be found.</title><meta name="theme-color" content="#375f8a"/><meta name="color-scheme" content="light dark"/><title>HeroQuest Card Creator</title><meta name="description" content="A browser-based tool for creating custom HeroQuest-style cards."/><meta name="author" content="HeroQuest Card Creator"/><meta name="keywords" content="HeroQuest,card creator,card maker,tabletop,board game,print and play"/><link rel="canonical" href="https://public.markforster.info/Heroquest/Tools/card-maker/"/><meta property="og:title" content="HeroQuest Card Creator"/><meta property="og:description" content="Create and export custom HeroQuest-style cards directly in your browser."/><meta property="og:url" content="https://public.markforster.info/Heroquest/Tools/card-maker/"/><meta property="og:site_name" content="HeroQuest Card Creator"/><meta property="og:locale" content="en_GB"/><meta property="og:image" content="https://public.markforster.info/Heroquest/Tools/card-maker/images/IMG_2912.jpg"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="HeroQuest Card Creator"/><meta name="twitter:description" content="Create and export custom HeroQuest-style cards directly in your browser."/><meta name="twitter:image" content="https://public.markforster.info/Heroquest/Tools/card-maker/images/IMG_2912.jpg"/><link rel="shortcut icon" href="./favicon.ico"/><link rel="icon" href="./favicon.ico"/><link rel="apple-touch-icon" href="./favicon.ico"/><script src="./_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body><script>
+(function () {
+  try {
+    if (location.protocol !== "file:") return;
+    if (!navigator.userAgent || navigator.userAgent.indexOf("Firefox/") === -1) return;
+    if (window.__HQCC_URL_PATCHED__) return;
+    window.__HQCC_URL_PATCHED__ = true;
+
+    var OriginalURL = URL;
+    function PatchedURL(url, base) {
+      if (base == null || base === "null") {
+        base = window.location.href;
+      }
+      return new OriginalURL(url, base);
+    }
+    PatchedURL.prototype = OriginalURL.prototype;
+    Object.getOwnPropertyNames(OriginalURL).forEach(function (prop) {
+      try {
+        if (!(prop in PatchedURL)) {
+          Object.defineProperty(PatchedURL, prop, Object.getOwnPropertyDescriptor(OriginalURL, prop));
+        }
+      } catch (_err) {}
+    });
+    Object.getOwnPropertySymbols(OriginalURL).forEach(function (prop) {
+      try {
+        if (!(prop in PatchedURL)) {
+          Object.defineProperty(PatchedURL, prop, Object.getOwnPropertyDescriptor(OriginalURL, prop));
+        }
+      } catch (_err) {}
+    });
+    window.URL = PatchedURL;
+  } catch (_err) {}
+})();
+            </script><style>
+@font-face {
+  font-family: "Carter Sans W01";
+  src: url("./fonts/Carter Sans W01 Regular.ttf") format("truetype");
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Carter Sans W01";
+  src: url("./fonts/Carter Sans W01 Medium.ttf") format("truetype");
+  font-style: normal;
+  font-weight: 550;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Carter Sans W01";
+  src: url("./fonts/Carter Sans W01 Bold.ttf") format("truetype");
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "HeroQuest";
+  src: url("./fonts/HeroQuest.ttf") format("truetype");
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+}
+          </style><div style="font-family:system-ui,&quot;Segoe UI&quot;,Roboto,Helvetica,Arial,sans-serif,&quot;Apple Color Emoji&quot;,&quot;Segoe UI Emoji&quot;;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div><style>body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}</style><h1 class="next-error-h1" style="display:inline-block;margin:0 20px 0 0;padding:0 23px 0 0;font-size:24px;font-weight:500;vertical-align:top;line-height:49px">404</h1><div style="display:inline-block"><h2 style="font-size:14px;font-weight:400;line-height:49px;margin:0">This page could not be found.</h2></div></div></div><script src="./_next/static/chunks/webpack-498a638590fe54e0.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"./_next/static/css/d071dca61fbb01bf.css\",\"style\"]\n2:HL[\"./_next/static/css/fc205991348f38b9.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"3:I[2846,[],\"\"]\n5:I[4707,[],\"\"]\n6:I[6423,[],\"\"]\n7:I[8087,[\"275\",\"static/chunks/275-f9dcc3143453fdcd.js\",\"481\",\"static/chunks/481-657f5adb2ca2e132.js\",\"185\",\"static/chunks/app/layout-280540b43bd5178c.js\"],\"GoogleTagManager\"]\n9:I[2672,[\"275\",\"static/chunks/275-f9dcc3143453fdcd.js\",\"481\",\"static/chunks/481-657f5adb2ca2e132.js\",\"185\",\"static/chunks/app/layout-280540b43bd5178c.js\"],\"default\"]\nf:I[1060,[],\"\"]\n8:T445,\n(function () {\n  try {\n    if (location.protocol !== \"file:\") return;\n    if (!navigator.userAgent || navigator.userAgent.indexOf(\"Firefox/\") === -1) return;\n    if (window.__HQCC_URL_PATCHED__) return;\n    window.__HQCC_URL_PATCHED__ = true;\n\n    var OriginalURL = URL;\n    function PatchedURL(url, base) {\n      if (base == null || base === \"null\") {\n        base = window.location.href;\n      }\n      return new OriginalURL(url, base);\n    }\n    PatchedURL.prototype = OriginalURL.prototype;\n    Object.getOwnPropertyNames(OriginalURL).forEach(function (prop) {\n      try {\n        if (!(prop in PatchedURL)) {\n          Object.defineProperty(PatchedURL, prop, Object.getOwnPropertyDescriptor(OriginalURL, prop));\n        }\n      } catch (_err) {}\n    });\n    Object.getOwnPropertySymbols(OriginalURL).forEach(function (prop) {\n      try {\n        if (!(prop in PatchedURL)) {\n          Object.defineProperty(PatchedURL, prop, Object.getOwnPropertyDescriptor(OriginalURL, prop));\n        }\n      } catch (_err) {}\n    });\n    window.URL = PatchedURL;\n  } catch (_err) {}\n})();\n            a:{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"}\nb:{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"}\nc:{\"display\":\"inline-block\"}\nd:{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0}\n10:[]\n"])</script><script>self.__next_f.push([1,"0:[\"$\",\"$L3\",null,{\"buildId\":\"lmyD8fTLUGVhT66l1Dl08\",\"assetPrefix\":\".\",\"urlParts\":[\"\",\"_not-found\",\"\"],\"initialTree\":[\"\",{\"children\":[\"/_not-found\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"/_not-found\",{\"children\":[\"__PAGE__\",{},[[\"$L4\",[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],null],null],null]},[null,[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"/_not-found\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"./_next/static/css/d071dca61fbb01bf.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"./_next/static/css/fc205991348f38b9.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[[\"$\",\"$L7\",null,{\"gtmId\":\"G-KSVRMQ5CPG\"}],[\"$\",\"body\",null,{\"children\":[[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$8\"}}],[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\\n@font-face {\\n  font-family: \\\"Carter Sans W01\\\";\\n  src: url(\\\"./fonts/Carter Sans W01 Regular.ttf\\\") format(\\\"truetype\\\");\\n  font-style: normal;\\n  font-weight: 400;\\n  font-display: swap;\\n}\\n\\n@font-face {\\n  font-family: \\\"Carter Sans W01\\\";\\n  src: url(\\\"./fonts/Carter Sans W01 Medium.ttf\\\") format(\\\"truetype\\\");\\n  font-style: normal;\\n  font-weight: 550;\\n  font-display: swap;\\n}\\n\\n@font-face {\\n  font-family: \\\"Carter Sans W01\\\";\\n  src: url(\\\"./fonts/Carter Sans W01 Bold.ttf\\\") format(\\\"truetype\\\");\\n  font-style: normal;\\n  font-weight: 700;\\n  font-display: swap;\\n}\\n\\n@font-face {\\n  font-family: \\\"HeroQuest\\\";\\n  src: url(\\\"./fonts/HeroQuest.ttf\\\") format(\\\"truetype\\\");\\n  font-style: normal;\\n  font-weight: 400;\\n  font-display: swap;\\n}\\n          \"}}],[\"$\",\"$L9\",null,{\"children\":[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":\"$a\",\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":\"$b\",\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":\"$c\",\"children\":[\"$\",\"h2\",null,{\"style\":\"$d\",\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]}]]}]]}]],null],null],\"couldBeIntercepted\":false,\"initialHead\":[[\"$\",\"meta\",null,{\"name\":\"robots\",\"content\":\"noindex\"}],\"$Le\"],\"globalErrorComponent\":\"$f\",\"missingSlots\":\"$W10\"}]\n"])</script><script>self.__next_f.push([1,"e:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"name\":\"theme-color\",\"content\":\"#375f8a\"}],[\"$\",\"meta\",\"2\",{\"name\":\"color-scheme\",\"content\":\"light dark\"}],[\"$\",\"meta\",\"3\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"4\",{\"children\":\"HeroQuest Card Creator\"}],[\"$\",\"meta\",\"5\",{\"name\":\"description\",\"content\":\"A browser-based tool for creating custom HeroQuest-style cards.\"}],[\"$\",\"meta\",\"6\",{\"name\":\"author\",\"content\":\"HeroQuest Card Creator\"}],[\"$\",\"meta\",\"7\",{\"name\":\"keywords\",\"content\":\"HeroQuest,card creator,card maker,tabletop,board game,print and play\"}],[\"$\",\"link\",\"8\",{\"rel\":\"canonical\",\"href\":\"https://public.markforster.info/Heroquest/Tools/card-maker/\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:title\",\"content\":\"HeroQuest Card Creator\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:description\",\"content\":\"Create and export custom HeroQuest-style cards directly in your browser.\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:url\",\"content\":\"https://public.markforster.info/Heroquest/Tools/card-maker/\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:site_name\",\"content\":\"HeroQuest Card Creator\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:locale\",\"content\":\"en_GB\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:image\",\"content\":\"https://public.markforster.info/Heroquest/Tools/card-maker/images/IMG_2912.jpg\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:title\",\"content\":\"HeroQuest Card Creator\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:description\",\"content\":\"Create and export custom HeroQuest-style cards directly in your browser.\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:image\",\"content\":\"https://public.markforster.info/Heroquest/Tools/card-maker/images/IMG_2912.jpg\"}],[\"$\",\"link\",\"20\",{\"rel\":\"shortcut icon\",\"href\":\"./favicon.ico\"}],[\"$\",\"link\",\"21\",{\"rel\":\"icon\",\"href\":\"./favicon.ico\"}],[\"$\",\"link\",\"22\",{\"rel\":\"apple-touch-icon\",\"href\":\"./favicon.ico\"}]]\n4:null\n"])</script></body></html>