codeforlife 2.9.1 → 2.10.0

package/dist/server.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"server.cjs.js","sources":["../src/server.ts"],"sourcesContent":["/**\n * © Ocado Group\n * Created on 13/12/2024 at 12:15:05(+00:00).\n *\n * A server for an app in a live environment.\n * Based off: https://github.com/bluwy/create-vite-extra/blob/master/template-ssr-react-ts/server.js\n */\n\nimport { Cache, type CacheClass } from \"memory-cache\"\nimport express, { type Express, type Request, type Response } from \"express\"\nimport fs from \"node:fs/promises\"\n\ntype Mode = \"development\" | \"staging\" | \"production\"\ntype Options = Partial<{\n  mode: Mode\n  port: number\n  base: string\n}>\n\ntype HealthStatus =\n  | \"healthy\"\n  | \"startingUp\"\n  | \"shuttingDown\"\n  | \"unhealthy\"\n  | \"unknown\"\ntype HealthCheck = {\n  healthStatus: HealthStatus\n  additionalInfo: string\n  details?: Array<{\n    name: string\n    description: string\n    health: HealthStatus\n  }>\n}\ntype HealthCheckResponse = {\n  appId: string\n  healthStatus: HealthStatus\n  lastCheckedTimestamp: string\n  additionalInformation: string\n  startupTimestamp: string\n  appVersion: string\n  details: Array<{\n    name: string\n    description: string\n    health: HealthStatus\n  }>\n}\n\ntype Render = (path: string) => Promise<{ head?: string; html?: string }>\ntype EntryModule = { render: Render }\ntype RenderAndTemplate = [Render, string]\ntype GetRenderAndTemplate = (path: string) => Promise<RenderAndTemplate>\ntype OnServeError = (error: Error) => string | undefined\n\nexport default class Server {\n  envIsProduction: boolean\n  templateHtml: string\n  hostname: string\n  mode: Mode\n  port: number\n  base: string\n  app: Express\n  cache: CacheClass<string, any>\n  healthCheckCacheKey: string\n  healthCheckCacheTimeout: number\n  healthCheckStatusCodes: Record<HealthStatus, number>\n\n  constructor({ mode, port, base }: Options = {}) {\n    this.envIsProduction = process.env.NODE_ENV === \"production\"\n    this.templateHtml = \"\"\n    this.hostname = this.envIsProduction ? \"0.0.0.0\" : \"127.0.0.1\"\n\n    this.mode = mode || (process.env.MODE as Mode) || \"development\"\n    this.port =\n      port ||\n      (process.env.PORT\n        ? Number(process.env.PORT)\n        : this.envIsProduction\n          ? 8080\n          : 5173)\n    this.base = base || process.env.BASE || \"/\"\n\n    this.app = express()\n    this.cache = new Cache()\n\n    this.healthCheckCacheKey = \"health-check\"\n    this.healthCheckCacheTimeout = 30000\n    this.healthCheckStatusCodes = {\n      // The app is running normally.\n      healthy: 200,\n      // The app is performing app-specific initialisation which must\n      // complete before it will serve normal application requests\n      // (perhaps the app is warming a cache or something similar). You\n      // only need to use this status if your app will be in a start-up\n      // mode for a prolonged period of time.\n      startingUp: 503,\n      // The app is shutting down. As with startingUp, you only need to\n      // use this status if your app takes a prolonged amount of time\n      // to shutdown, perhaps because it waits for a long-running\n      // process to complete before shutting down.\n      shuttingDown: 503,\n      // The app is not running normally.\n      unhealthy: 503,\n      // The app is not able to report its own state.\n      unknown: 503,\n    }\n  }\n\n  // @ts-expect-error unused var\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  getHealthCheck(request: Request): HealthCheck {\n    return {\n      healthStatus: \"healthy\",\n      additionalInfo: \"All healthy.\",\n    }\n  }\n\n  handleHealthCheck(request: Request, response: Response): void {\n    let value: HealthCheckResponse = this.cache.get(\n      this.healthCheckCacheKey,\n    ) as HealthCheckResponse\n    if (value === null) {\n      const healthCheck = this.getHealthCheck(request)\n\n      if (healthCheck.healthStatus !== \"healthy\") {\n        console.warn(`health check: ${JSON.stringify(healthCheck)}`)\n      }\n\n      value = {\n        appId: process.env.APP_ID || \"REPLACE_ME\",\n        healthStatus: healthCheck.healthStatus,\n        lastCheckedTimestamp: new Date().toISOString(),\n        additionalInformation: healthCheck.additionalInfo,\n        startupTimestamp: new Date().toISOString(),\n        appVersion: process.env.APP_VERSION || \"REPLACE_ME\",\n        details: healthCheck.details || [],\n      }\n\n      this.cache.put(\n        this.healthCheckCacheKey,\n        value,\n        this.healthCheckCacheTimeout,\n      )\n    }\n\n    response.status(this.healthCheckStatusCodes[value.healthStatus]).json(value)\n  }\n\n  async handleServeHtml(\n    request: Request,\n    response: Response,\n    getRenderAndTemplate: GetRenderAndTemplate,\n    onServeError: OnServeError,\n  ): Promise<void> {\n    try {\n      const path = request.originalUrl.replace(this.base, \"\")\n\n      const [render, template] = await getRenderAndTemplate(path)\n\n      const rendered = await render(path)\n\n      const html = template\n        .replace(`<!--app-head-->`, rendered.head ?? \"\")\n        .replace(`<!--app-html-->`, rendered.html ?? \"\")\n\n      response.status(200).set({ \"Content-Type\": \"text/html\" }).send(html)\n    } catch (error) {\n      if (error instanceof Error) {\n        console.error(error.stack)\n        const body = onServeError(error)\n        response.status(500).end(body)\n      }\n    }\n  }\n\n  async run() {\n    this.app.get(\"/health-check\", (request, response) => {\n      this.handleHealthCheck(request, response)\n    })\n\n    let getRenderAndTemplate: GetRenderAndTemplate\n    let onServeError: OnServeError\n    if (this.envIsProduction) {\n      const compression = (await import(\"compression\")).default\n      const sirv = (await import(\"sirv\")).default\n\n      this.templateHtml = await fs.readFile(\"./dist/client/index.html\", \"utf-8\")\n\n      this.app.use(compression())\n      this.app.use(this.base, sirv(\"./dist/client\", { extensions: [] }))\n\n      getRenderAndTemplate = async () => {\n        const render = (\n          (await import(\n            // @ts-expect-error only present after building installing app.\n            \"../../../dist/server/entry-server.js\"\n          )) as EntryModule\n        ).render\n\n        // Use cached template.\n        const template = this.templateHtml\n\n        return [render, template]\n      }\n\n      onServeError = () => undefined\n    } else {\n      const { createServer } = await import(\"vite\")\n\n      const vite = await createServer({\n        server: { middlewareMode: true },\n        appType: \"custom\",\n        base: this.base,\n        mode: this.mode,\n      })\n\n      this.app.use(vite.middlewares)\n\n      getRenderAndTemplate = async path => {\n        const render = (\n          (await vite.ssrLoadModule(\"/src/entry-server.tsx\")) as EntryModule\n        ).render\n\n        // Always read fresh template.\n        let template = await fs.readFile(\"./index.html\", \"utf-8\")\n        template = await vite.transformIndexHtml(path, template)\n\n        return [render, template]\n      }\n\n      onServeError = error => {\n        vite.ssrFixStacktrace(error)\n        return error.stack\n      }\n    }\n\n    this.app.get(\"*\", async (request, response) => {\n      await this.handleServeHtml(\n        request,\n        response,\n        getRenderAndTemplate,\n        onServeError,\n      )\n    })\n\n    this.app.listen(this.port, this.hostname, () => {\n      let startMessage =\n        \"Server started.\\n\" +\n        `url: http://${this.hostname}:${this.port}\\n` +\n        `environment: ${process.env.NODE_ENV}\\n`\n\n      if (!this.envIsProduction) startMessage += `mode: ${this.mode}\\n`\n\n      console.log(startMessage)\n    })\n  }\n}\n"],"names":["Server","mode","port","base","express","Cache","request","response","value","healthCheck","getRenderAndTemplate","onServeError","path","render","template","rendered","html","error","body","compression","sirv","fs","createServer","vite","startMessage"],"mappings":"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"}
+{"version":3,"file":"server.cjs.js","sources":["../src/server.ts"],"sourcesContent":["/**\n * © Ocado Group\n * Created on 13/12/2024 at 12:15:05(+00:00).\n *\n * A server for an app in a live environment.\n * Based off: https://github.com/bluwy/create-vite-extra/blob/master/template-ssr-react-ts/server.js\n */\n\nimport { Cache, type CacheClass } from \"memory-cache\"\nimport { type UUID, randomUUID } from \"node:crypto\"\nimport express, { type Express, type Request, type Response } from \"express\"\nimport fs from \"node:fs/promises\"\nimport http from \"node:http\"\n\ntype Mode = \"development\" | \"staging\" | \"production\"\ntype Options = Partial<{\n  mode: Mode\n  port: number\n  base: string\n}>\n\ntype HealthStatus =\n  | \"healthy\"\n  | \"startingUp\"\n  | \"shuttingDown\"\n  | \"unhealthy\"\n  | \"unknown\"\ntype HealthCheck = {\n  healthStatus: HealthStatus\n  additionalInfo: string\n  details?: Array<{\n    name: string\n    description: string\n    health: HealthStatus\n  }>\n}\ntype HealthCheckResponse = {\n  appId: string\n  healthStatus: HealthStatus\n  lastCheckedTimestamp: string\n  additionalInformation: string\n  startupTimestamp: string\n  appVersion: string\n  details: Array<{\n    name: string\n    description: string\n    health: HealthStatus\n  }>\n}\n\ntype Render = (path: string) => Promise<{ head?: string; html?: string }>\ntype EntryModule = { render: Render }\ntype RenderAndTemplate = [Render, string]\ntype GetRenderAndTemplate = (path: string) => Promise<RenderAndTemplate>\ntype OnServeError = (error: Error) => string | undefined\n\ntype Setup = {\n  getRenderAndTemplate: GetRenderAndTemplate\n  onServeError: OnServeError\n}\n\nexport default class Server {\n  envIsProduction: boolean\n  templateHtml: string\n  hostname: string\n  mode: Mode\n  port: number\n  base: string\n  app: Express\n  server: http.Server<typeof http.IncomingMessage, typeof http.ServerResponse>\n  cache: CacheClass<string, any>\n  healthCheckCacheKey: string\n  healthCheckCacheTimeout: number\n  healthCheckStatusCodes: Record<HealthStatus, number>\n  devtoolsWorkspaceUUID: UUID\n\n  constructor({ mode, port, base }: Options = {}) {\n    this.envIsProduction = process.env.NODE_ENV === \"production\"\n    this.templateHtml = \"\"\n    this.hostname = this.envIsProduction ? \"0.0.0.0\" : \"127.0.0.1\"\n\n    this.mode = mode || (process.env.MODE as Mode) || \"development\"\n    this.port =\n      port ||\n      (process.env.PORT\n        ? Number(process.env.PORT)\n        : this.envIsProduction\n          ? 8080\n          : 5173)\n    this.base = base || process.env.BASE || \"/\"\n\n    this.app = express()\n    this.server = http.createServer(this.app)\n    this.cache = new Cache()\n\n    this.healthCheckCacheKey = \"health-check\"\n    this.healthCheckCacheTimeout = 30000\n    this.healthCheckStatusCodes = {\n      // The app is running normally.\n      healthy: 200,\n      // The app is performing app-specific initialisation which must\n      // complete before it will serve normal application requests\n      // (perhaps the app is warming a cache or something similar). You\n      // only need to use this status if your app will be in a start-up\n      // mode for a prolonged period of time.\n      startingUp: 503,\n      // The app is shutting down. As with startingUp, you only need to\n      // use this status if your app takes a prolonged amount of time\n      // to shutdown, perhaps because it waits for a long-running\n      // process to complete before shutting down.\n      shuttingDown: 503,\n      // The app is not running normally.\n      unhealthy: 503,\n      // The app is not able to report its own state.\n      unknown: 503,\n    }\n\n    this.devtoolsWorkspaceUUID = randomUUID()\n  }\n\n  // @ts-expect-error unused var\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  getHealthCheck(request: Request): HealthCheck {\n    return {\n      healthStatus: \"healthy\",\n      additionalInfo: \"All healthy.\",\n    }\n  }\n\n  handleHealthCheck(request: Request, response: Response): void {\n    let value: HealthCheckResponse = this.cache.get(\n      this.healthCheckCacheKey,\n    ) as HealthCheckResponse\n    if (value === null) {\n      const healthCheck = this.getHealthCheck(request)\n\n      if (healthCheck.healthStatus !== \"healthy\") {\n        console.warn(`health check: ${JSON.stringify(healthCheck)}`)\n      }\n\n      value = {\n        appId: process.env.APP_ID || \"REPLACE_ME\",\n        healthStatus: healthCheck.healthStatus,\n        lastCheckedTimestamp: new Date().toISOString(),\n        additionalInformation: healthCheck.additionalInfo,\n        startupTimestamp: new Date().toISOString(),\n        appVersion: process.env.APP_VERSION || \"REPLACE_ME\",\n        details: healthCheck.details || [],\n      }\n\n      this.cache.put(\n        this.healthCheckCacheKey,\n        value,\n        this.healthCheckCacheTimeout,\n      )\n    }\n\n    response.status(this.healthCheckStatusCodes[value.healthStatus]).json(value)\n  }\n\n  async handleServeHtml(\n    request: Request,\n    response: Response,\n    { getRenderAndTemplate, onServeError }: Setup,\n  ): Promise<void> {\n    try {\n      const path = request.originalUrl.replace(this.base, \"\")\n\n      const [render, template] = await getRenderAndTemplate(path)\n\n      const rendered = await render(path)\n\n      const html = template\n        .replace(`<!--app-head-->`, rendered.head ?? \"\")\n        .replace(`<!--app-html-->`, rendered.html ?? \"\")\n\n      response.status(200).set({ \"Content-Type\": \"text/html\" }).send(html)\n    } catch (error) {\n      if (error instanceof Error) {\n        console.error(error.stack)\n        const body = onServeError(error)\n        response.status(500).end(body)\n      }\n    }\n  }\n\n  // @ts-expect-error unused var\n  handleChromeDevTools(request: Request, response: Response) {\n    if (this.envIsProduction) {\n      response.status(404).json({})\n    } else {\n      const localWorkspacePath = process.env.LOCAL_WORKSPACE_PATH\n\n      let code: number\n      let body: object\n      if (localWorkspacePath) {\n        code = 200\n        body = {\n          workspace: {\n            uuid: this.devtoolsWorkspaceUUID,\n            root: localWorkspacePath,\n          },\n        }\n      } else {\n        code = 404\n        body = { error: \"Local workspace path not configured.\" }\n      }\n\n      response.status(code).json(body)\n    }\n  }\n\n  async setUpProduction(): Promise<Setup> {\n    const compression = (await import(\"compression\")).default\n    const sirv = (await import(\"sirv\")).default\n\n    this.templateHtml = await fs.readFile(\"./dist/client/index.html\", \"utf-8\")\n\n    this.app.use(compression())\n    this.app.use(this.base, sirv(\"./dist/client\", { extensions: [] }))\n\n    return {\n      getRenderAndTemplate: async () => {\n        const render = (\n          (await import(\n            // @ts-expect-error only present after building installing app.\n            \"../../../dist/server/entry-server.js\"\n          )) as EntryModule\n        ).render\n\n        // Use cached template.\n        const template = this.templateHtml\n\n        return [render, template]\n      },\n      onServeError: () => undefined,\n    }\n  }\n\n  async setUpDevelopment(): Promise<Setup> {\n    const { createServer } = await import(\"vite\")\n\n    const vite = await createServer({\n      server: {\n        middlewareMode: true,\n        hmr: { server: this.server },\n      },\n      appType: \"custom\",\n      base: this.base,\n      mode: this.mode,\n    })\n\n    this.app.use(vite.middlewares)\n\n    return {\n      getRenderAndTemplate: async path => {\n        const render = (\n          (await vite.ssrLoadModule(\"/src/entry-server.tsx\")) as EntryModule\n        ).render\n\n        // Always read fresh template.\n        let template = await fs.readFile(\"./index.html\", \"utf-8\")\n        template = await vite.transformIndexHtml(path, template)\n\n        return [render, template]\n      },\n      onServeError: error => {\n        vite.ssrFixStacktrace(error)\n        return error.stack\n      },\n    }\n  }\n\n  async run() {\n    const setup = this.envIsProduction\n      ? await this.setUpProduction()\n      : await this.setUpDevelopment()\n\n    this.app.get(\"/health-check\", (request, response) => {\n      this.handleHealthCheck(request, response)\n    })\n\n    this.app.get(\n      \"/.well-known/appspecific/com.chrome.devtools.json\",\n      (request, response) => {\n        this.handleChromeDevTools(request, response)\n      },\n    )\n\n    this.app.get(\"*\", async (request, response) => {\n      await this.handleServeHtml(request, response, setup)\n    })\n\n    this.server.listen(this.port, this.hostname, () => {\n      let startMessage =\n        \"Server started.\\n\" +\n        `url: http://${this.hostname}:${this.port}\\n` +\n        `environment: ${process.env.NODE_ENV}\\n`\n\n      if (!this.envIsProduction) startMessage += `mode: ${this.mode}\\n`\n\n      console.log(startMessage)\n    })\n  }\n}\n"],"names":["Server","mode","port","base","express","http","Cache","randomUUID","request","response","value","healthCheck","getRenderAndTemplate","onServeError","path","render","template","rendered","html","error","body","localWorkspacePath","code","compression","sirv","fs","createServer","vite","setup","startMessage"],"mappings":"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"}

package/dist/server.d.ts

@@ -1,5 +1,7 @@
 import { CacheClass } from 'memory-cache';
+import { UUID } from 'node:crypto';
 import { Express, Request, Response } from 'express';
+import { default as http } from 'node:http';
 type Mode = "development" | "staging" | "production";
 type Options = Partial<{
     mode: Mode;
@@ -23,6 +25,10 @@ type Render = (path: string) => Promise<{
 type RenderAndTemplate = [Render, string];
 type GetRenderAndTemplate = (path: string) => Promise<RenderAndTemplate>;
 type OnServeError = (error: Error) => string | undefined;
+type Setup = {
+    getRenderAndTemplate: GetRenderAndTemplate;
+    onServeError: OnServeError;
+};
 export default class Server {
     envIsProduction: boolean;
     templateHtml: string;
@@ -31,14 +37,19 @@ export default class Server {
     port: number;
     base: string;
     app: Express;
+    server: http.Server<typeof http.IncomingMessage, typeof http.ServerResponse>;
     cache: CacheClass<string, any>;
     healthCheckCacheKey: string;
     healthCheckCacheTimeout: number;
     healthCheckStatusCodes: Record<HealthStatus, number>;
+    devtoolsWorkspaceUUID: UUID;
     constructor({ mode, port, base }?: Options);
     getHealthCheck(request: Request): HealthCheck;
     handleHealthCheck(request: Request, response: Response): void;
-    handleServeHtml(request: Request, response: Response, getRenderAndTemplate: GetRenderAndTemplate, onServeError: OnServeError): Promise<void>;
+    handleServeHtml(request: Request, response: Response, { getRenderAndTemplate, onServeError }: Setup): Promise<void>;
+    handleChromeDevTools(request: Request, response: Response): void;
+    setUpProduction(): Promise<Setup>;
+    setUpDevelopment(): Promise<Setup>;
     run(): Promise<void>;
 }
 export {};

package/dist/server.es.js

@@ -1,7 +1,9 @@
 import { Cache as l } from "memory-cache";
-import p from "express";
-import o from "node:fs/promises";
-class v {
+import { randomUUID as p } from "node:crypto";
+import d from "express";
+import i from "node:fs/promises";
+import m from "node:http";
+class S {
   envIsProduction;
   templateHtml;
   hostname;
@@ -9,12 +11,14 @@ class v {
   port;
   base;
   app;
+  server;
   cache;
   healthCheckCacheKey;
   healthCheckCacheTimeout;
   healthCheckStatusCodes;
-  constructor({ mode: s, port: h, base: e } = {}) {
-    this.envIsProduction = process.env.NODE_ENV === "production", this.templateHtml = "", this.hostname = this.envIsProduction ? "0.0.0.0" : "127.0.0.1", this.mode = s || process.env.MODE || "development", this.port = h || (process.env.PORT ? Number(process.env.PORT) : this.envIsProduction ? 8080 : 5173), this.base = e || process.env.BASE || "/", this.app = p(), this.cache = new l(), this.healthCheckCacheKey = "health-check", this.healthCheckCacheTimeout = 3e4, this.healthCheckStatusCodes = {
+  devtoolsWorkspaceUUID;
+  constructor({ mode: h, port: e, base: t } = {}) {
+    this.envIsProduction = process.env.NODE_ENV === "production", this.templateHtml = "", this.hostname = this.envIsProduction ? "0.0.0.0" : "127.0.0.1", this.mode = h || process.env.MODE || "development", this.port = e || (process.env.PORT ? Number(process.env.PORT) : this.envIsProduction ? 8080 : 5173), this.base = t || process.env.BASE || "/", this.app = d(), this.server = m.createServer(this.app), this.cache = new l(), this.healthCheckCacheKey = "health-check", this.healthCheckCacheTimeout = 3e4, this.healthCheckStatusCodes = {
       // The app is running normally.
       healthy: 200,
       // The app is performing app-specific initialisation which must
@@ -32,86 +36,110 @@ class v {
       unhealthy: 503,
       // The app is not able to report its own state.
       unknown: 503
-    };
+    }, this.devtoolsWorkspaceUUID = p();
   }
   // @ts-expect-error unused var
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  getHealthCheck(s) {
+  getHealthCheck(h) {
     return {
       healthStatus: "healthy",
       additionalInfo: "All healthy."
     };
   }
-  handleHealthCheck(s, h) {
-    let e = this.cache.get(
+  handleHealthCheck(h, e) {
+    let t = this.cache.get(
       this.healthCheckCacheKey
     );
-    if (e === null) {
-      const t = this.getHealthCheck(s);
-      t.healthStatus !== "healthy" && console.warn(`health check: ${JSON.stringify(t)}`), e = {
+    if (t === null) {
+      const s = this.getHealthCheck(h);
+      s.healthStatus !== "healthy" && console.warn(`health check: ${JSON.stringify(s)}`), t = {
         appId: process.env.APP_ID || "REPLACE_ME",
-        healthStatus: t.healthStatus,
+        healthStatus: s.healthStatus,
         lastCheckedTimestamp: (/* @__PURE__ */ new Date()).toISOString(),
-        additionalInformation: t.additionalInfo,
+        additionalInformation: s.additionalInfo,
         startupTimestamp: (/* @__PURE__ */ new Date()).toISOString(),
         appVersion: process.env.APP_VERSION || "REPLACE_ME",
-        details: t.details || []
+        details: s.details || []
       }, this.cache.put(
         this.healthCheckCacheKey,
-        e,
+        t,
         this.healthCheckCacheTimeout
       );
     }
-    h.status(this.healthCheckStatusCodes[e.healthStatus]).json(e);
+    e.status(this.healthCheckStatusCodes[t.healthStatus]).json(t);
   }
-  async handleServeHtml(s, h, e, t) {
+  async handleServeHtml(h, e, { getRenderAndTemplate: t, onServeError: s }) {
     try {
-      const a = s.originalUrl.replace(this.base, ""), [i, r] = await e(a), n = await i(a), c = r.replace("<!--app-head-->", n.head ?? "").replace("<!--app-html-->", n.html ?? "");
-      h.status(200).set({ "Content-Type": "text/html" }).send(c);
+      const a = h.originalUrl.replace(this.base, ""), [o, n] = await t(a), r = await o(a), c = n.replace("<!--app-head-->", r.head ?? "").replace("<!--app-html-->", r.html ?? "");
+      e.status(200).set({ "Content-Type": "text/html" }).send(c);
     } catch (a) {
       if (a instanceof Error) {
         console.error(a.stack);
-        const i = t(a);
-        h.status(500).end(i);
+        const o = s(a);
+        e.status(500).end(o);
       }
     }
   }
+  // @ts-expect-error unused var
+  handleChromeDevTools(h, e) {
+    if (this.envIsProduction)
+      e.status(404).json({});
+    else {
+      const t = process.env.LOCAL_WORKSPACE_PATH;
+      let s, a;
+      t ? (s = 200, a = {
+        workspace: {
+          uuid: this.devtoolsWorkspaceUUID,
+          root: t
+        }
+      }) : (s = 404, a = { error: "Local workspace path not configured." }), e.status(s).json(a);
+    }
+  }
+  async setUpProduction() {
+    const h = (await import("compression")).default, e = (await import("sirv")).default;
+    return this.templateHtml = await i.readFile("./dist/client/index.html", "utf-8"), this.app.use(h()), this.app.use(this.base, e("./dist/client", { extensions: [] })), {
+      getRenderAndTemplate: async () => {
+        const t = (await import(
+          // @ts-expect-error only present after building installing app.
+          "../../../dist/server/entry-server.js"
+        )).render, s = this.templateHtml;
+        return [t, s];
+      },
+      onServeError: () => {
+      }
+    };
+  }
+  async setUpDevelopment() {
+    const { createServer: h } = await import("vite"), e = await h({
+      server: {
+        middlewareMode: !0,
+        hmr: { server: this.server }
+      },
+      appType: "custom",
+      base: this.base,
+      mode: this.mode
+    });
+    return this.app.use(e.middlewares), {
+      getRenderAndTemplate: async (t) => {
+        const s = (await e.ssrLoadModule("/src/entry-server.tsx")).render;
+        let a = await i.readFile("./index.html", "utf-8");
+        return a = await e.transformIndexHtml(t, a), [s, a];
+      },
+      onServeError: (t) => (e.ssrFixStacktrace(t), t.stack)
+    };
+  }
   async run() {
+    const h = this.envIsProduction ? await this.setUpProduction() : await this.setUpDevelopment();
     this.app.get("/health-check", (e, t) => {
       this.handleHealthCheck(e, t);
-    });
-    let s, h;
-    if (this.envIsProduction) {
-      const e = (await import("compression")).default, t = (await import("sirv")).default;
-      this.templateHtml = await o.readFile("./dist/client/index.html", "utf-8"), this.app.use(e()), this.app.use(this.base, t("./dist/client", { extensions: [] })), s = async () => {
-        const a = (await import(
-          // @ts-expect-error only present after building installing app.
-          "../../../dist/server/entry-server.js"
-        )).render, i = this.templateHtml;
-        return [a, i];
-      }, h = () => {
-      };
-    } else {
-      const { createServer: e } = await import("vite"), t = await e({
-        server: { middlewareMode: !0 },
-        appType: "custom",
-        base: this.base,
-        mode: this.mode
-      });
-      this.app.use(t.middlewares), s = async (a) => {
-        const i = (await t.ssrLoadModule("/src/entry-server.tsx")).render;
-        let r = await o.readFile("./index.html", "utf-8");
-        return r = await t.transformIndexHtml(a, r), [i, r];
-      }, h = (a) => (t.ssrFixStacktrace(a), a.stack);
-    }
-    this.app.get("*", async (e, t) => {
-      await this.handleServeHtml(
-        e,
-        t,
-        s,
-        h
-      );
-    }), this.app.listen(this.port, this.hostname, () => {
+    }), this.app.get(
+      "/.well-known/appspecific/com.chrome.devtools.json",
+      (e, t) => {
+        this.handleChromeDevTools(e, t);
+      }
+    ), this.app.get("*", async (e, t) => {
+      await this.handleServeHtml(e, t, h);
+    }), this.server.listen(this.port, this.hostname, () => {
       let e = `Server started.
 url: http://${this.hostname}:${this.port}
 environment: ${process.env.NODE_ENV}
@@ -122,6 +150,6 @@ environment: ${process.env.NODE_ENV}
   }
 }
 export {
-  v as default
+  S as default
 };
 //# sourceMappingURL=server.es.js.map

package/dist/server.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"server.es.js","sources":["../src/server.ts"],"sourcesContent":["/**\n * © Ocado Group\n * Created on 13/12/2024 at 12:15:05(+00:00).\n *\n * A server for an app in a live environment.\n * Based off: https://github.com/bluwy/create-vite-extra/blob/master/template-ssr-react-ts/server.js\n */\n\nimport { Cache, type CacheClass } from \"memory-cache\"\nimport express, { type Express, type Request, type Response } from \"express\"\nimport fs from \"node:fs/promises\"\n\ntype Mode = \"development\" | \"staging\" | \"production\"\ntype Options = Partial<{\n  mode: Mode\n  port: number\n  base: string\n}>\n\ntype HealthStatus =\n  | \"healthy\"\n  | \"startingUp\"\n  | \"shuttingDown\"\n  | \"unhealthy\"\n  | \"unknown\"\ntype HealthCheck = {\n  healthStatus: HealthStatus\n  additionalInfo: string\n  details?: Array<{\n    name: string\n    description: string\n    health: HealthStatus\n  }>\n}\ntype HealthCheckResponse = {\n  appId: string\n  healthStatus: HealthStatus\n  lastCheckedTimestamp: string\n  additionalInformation: string\n  startupTimestamp: string\n  appVersion: string\n  details: Array<{\n    name: string\n    description: string\n    health: HealthStatus\n  }>\n}\n\ntype Render = (path: string) => Promise<{ head?: string; html?: string }>\ntype EntryModule = { render: Render }\ntype RenderAndTemplate = [Render, string]\ntype GetRenderAndTemplate = (path: string) => Promise<RenderAndTemplate>\ntype OnServeError = (error: Error) => string | undefined\n\nexport default class Server {\n  envIsProduction: boolean\n  templateHtml: string\n  hostname: string\n  mode: Mode\n  port: number\n  base: string\n  app: Express\n  cache: CacheClass<string, any>\n  healthCheckCacheKey: string\n  healthCheckCacheTimeout: number\n  healthCheckStatusCodes: Record<HealthStatus, number>\n\n  constructor({ mode, port, base }: Options = {}) {\n    this.envIsProduction = process.env.NODE_ENV === \"production\"\n    this.templateHtml = \"\"\n    this.hostname = this.envIsProduction ? \"0.0.0.0\" : \"127.0.0.1\"\n\n    this.mode = mode || (process.env.MODE as Mode) || \"development\"\n    this.port =\n      port ||\n      (process.env.PORT\n        ? Number(process.env.PORT)\n        : this.envIsProduction\n          ? 8080\n          : 5173)\n    this.base = base || process.env.BASE || \"/\"\n\n    this.app = express()\n    this.cache = new Cache()\n\n    this.healthCheckCacheKey = \"health-check\"\n    this.healthCheckCacheTimeout = 30000\n    this.healthCheckStatusCodes = {\n      // The app is running normally.\n      healthy: 200,\n      // The app is performing app-specific initialisation which must\n      // complete before it will serve normal application requests\n      // (perhaps the app is warming a cache or something similar). You\n      // only need to use this status if your app will be in a start-up\n      // mode for a prolonged period of time.\n      startingUp: 503,\n      // The app is shutting down. As with startingUp, you only need to\n      // use this status if your app takes a prolonged amount of time\n      // to shutdown, perhaps because it waits for a long-running\n      // process to complete before shutting down.\n      shuttingDown: 503,\n      // The app is not running normally.\n      unhealthy: 503,\n      // The app is not able to report its own state.\n      unknown: 503,\n    }\n  }\n\n  // @ts-expect-error unused var\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  getHealthCheck(request: Request): HealthCheck {\n    return {\n      healthStatus: \"healthy\",\n      additionalInfo: \"All healthy.\",\n    }\n  }\n\n  handleHealthCheck(request: Request, response: Response): void {\n    let value: HealthCheckResponse = this.cache.get(\n      this.healthCheckCacheKey,\n    ) as HealthCheckResponse\n    if (value === null) {\n      const healthCheck = this.getHealthCheck(request)\n\n      if (healthCheck.healthStatus !== \"healthy\") {\n        console.warn(`health check: ${JSON.stringify(healthCheck)}`)\n      }\n\n      value = {\n        appId: process.env.APP_ID || \"REPLACE_ME\",\n        healthStatus: healthCheck.healthStatus,\n        lastCheckedTimestamp: new Date().toISOString(),\n        additionalInformation: healthCheck.additionalInfo,\n        startupTimestamp: new Date().toISOString(),\n        appVersion: process.env.APP_VERSION || \"REPLACE_ME\",\n        details: healthCheck.details || [],\n      }\n\n      this.cache.put(\n        this.healthCheckCacheKey,\n        value,\n        this.healthCheckCacheTimeout,\n      )\n    }\n\n    response.status(this.healthCheckStatusCodes[value.healthStatus]).json(value)\n  }\n\n  async handleServeHtml(\n    request: Request,\n    response: Response,\n    getRenderAndTemplate: GetRenderAndTemplate,\n    onServeError: OnServeError,\n  ): Promise<void> {\n    try {\n      const path = request.originalUrl.replace(this.base, \"\")\n\n      const [render, template] = await getRenderAndTemplate(path)\n\n      const rendered = await render(path)\n\n      const html = template\n        .replace(`<!--app-head-->`, rendered.head ?? \"\")\n        .replace(`<!--app-html-->`, rendered.html ?? \"\")\n\n      response.status(200).set({ \"Content-Type\": \"text/html\" }).send(html)\n    } catch (error) {\n      if (error instanceof Error) {\n        console.error(error.stack)\n        const body = onServeError(error)\n        response.status(500).end(body)\n      }\n    }\n  }\n\n  async run() {\n    this.app.get(\"/health-check\", (request, response) => {\n      this.handleHealthCheck(request, response)\n    })\n\n    let getRenderAndTemplate: GetRenderAndTemplate\n    let onServeError: OnServeError\n    if (this.envIsProduction) {\n      const compression = (await import(\"compression\")).default\n      const sirv = (await import(\"sirv\")).default\n\n      this.templateHtml = await fs.readFile(\"./dist/client/index.html\", \"utf-8\")\n\n      this.app.use(compression())\n      this.app.use(this.base, sirv(\"./dist/client\", { extensions: [] }))\n\n      getRenderAndTemplate = async () => {\n        const render = (\n          (await import(\n            // @ts-expect-error only present after building installing app.\n            \"../../../dist/server/entry-server.js\"\n          )) as EntryModule\n        ).render\n\n        // Use cached template.\n        const template = this.templateHtml\n\n        return [render, template]\n      }\n\n      onServeError = () => undefined\n    } else {\n      const { createServer } = await import(\"vite\")\n\n      const vite = await createServer({\n        server: { middlewareMode: true },\n        appType: \"custom\",\n        base: this.base,\n        mode: this.mode,\n      })\n\n      this.app.use(vite.middlewares)\n\n      getRenderAndTemplate = async path => {\n        const render = (\n          (await vite.ssrLoadModule(\"/src/entry-server.tsx\")) as EntryModule\n        ).render\n\n        // Always read fresh template.\n        let template = await fs.readFile(\"./index.html\", \"utf-8\")\n        template = await vite.transformIndexHtml(path, template)\n\n        return [render, template]\n      }\n\n      onServeError = error => {\n        vite.ssrFixStacktrace(error)\n        return error.stack\n      }\n    }\n\n    this.app.get(\"*\", async (request, response) => {\n      await this.handleServeHtml(\n        request,\n        response,\n        getRenderAndTemplate,\n        onServeError,\n      )\n    })\n\n    this.app.listen(this.port, this.hostname, () => {\n      let startMessage =\n        \"Server started.\\n\" +\n        `url: http://${this.hostname}:${this.port}\\n` +\n        `environment: ${process.env.NODE_ENV}\\n`\n\n      if (!this.envIsProduction) startMessage += `mode: ${this.mode}\\n`\n\n      console.log(startMessage)\n    })\n  }\n}\n"],"names":["Server","mode","port","base","express","Cache","request","response","value","healthCheck","getRenderAndTemplate","onServeError","path","render","template","rendered","html","error","body","compression","sirv","fs","createServer","vite","startMessage"],"mappings":";;;AAsDA,MAAqBA,EAAO;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA,YAAY,EAAE,MAAAC,GAAM,MAAAC,GAAM,MAAAC,EAAA,IAAkB,CAAA,GAAI;AAC9C,SAAK,kBAAkB,QAAQ,IAAI,aAAa,cAChD,KAAK,eAAe,IACpB,KAAK,WAAW,KAAK,kBAAkB,YAAY,aAEnD,KAAK,OAAOF,KAAS,QAAQ,IAAI,QAAiB,eAClD,KAAK,OACHC,MACC,QAAQ,IAAI,OACT,OAAO,QAAQ,IAAI,IAAI,IACvB,KAAK,kBACH,OACA,OACR,KAAK,OAAOC,KAAQ,QAAQ,IAAI,QAAQ,KAExC,KAAK,MAAMC,EAAA,GACX,KAAK,QAAQ,IAAIC,EAAA,GAEjB,KAAK,sBAAsB,gBAC3B,KAAK,0BAA0B,KAC/B,KAAK,yBAAyB;AAAA;AAAA,MAE5B,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMT,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,MAKZ,cAAc;AAAA;AAAA,MAEd,WAAW;AAAA;AAAA,MAEX,SAAS;AAAA,IAAA;AAAA,EAEb;AAAA;AAAA;AAAA,EAIA,eAAeC,GAA+B;AAC5C,WAAO;AAAA,MACL,cAAc;AAAA,MACd,gBAAgB;AAAA,IAAA;AAAA,EAEpB;AAAA,EAEA,kBAAkBA,GAAkBC,GAA0B;AAC5D,QAAIC,IAA6B,KAAK,MAAM;AAAA,MAC1C,KAAK;AAAA,IAAA;AAEP,QAAIA,MAAU,MAAM;AAClB,YAAMC,IAAc,KAAK,eAAeH,CAAO;AAE/C,MAAIG,EAAY,iBAAiB,aAC/B,QAAQ,KAAK,iBAAiB,KAAK,UAAUA,CAAW,CAAC,EAAE,GAG7DD,IAAQ;AAAA,QACN,OAAO,QAAQ,IAAI,UAAU;AAAA,QAC7B,cAAcC,EAAY;AAAA,QAC1B,uBAAsB,oBAAI,KAAA,GAAO,YAAA;AAAA,QACjC,uBAAuBA,EAAY;AAAA,QACnC,mBAAkB,oBAAI,KAAA,GAAO,YAAA;AAAA,QAC7B,YAAY,QAAQ,IAAI,eAAe;AAAA,QACvC,SAASA,EAAY,WAAW,CAAA;AAAA,MAAC,GAGnC,KAAK,MAAM;AAAA,QACT,KAAK;AAAA,QACLD;AAAA,QACA,KAAK;AAAA,MAAA;AAAA,IAET;AAEA,IAAAD,EAAS,OAAO,KAAK,uBAAuBC,EAAM,YAAY,CAAC,EAAE,KAAKA,CAAK;AAAA,EAC7E;AAAA,EAEA,MAAM,gBACJF,GACAC,GACAG,GACAC,GACe;AACf,QAAI;AACF,YAAMC,IAAON,EAAQ,YAAY,QAAQ,KAAK,MAAM,EAAE,GAEhD,CAACO,GAAQC,CAAQ,IAAI,MAAMJ,EAAqBE,CAAI,GAEpDG,IAAW,MAAMF,EAAOD,CAAI,GAE5BI,IAAOF,EACV,QAAQ,mBAAmBC,EAAS,QAAQ,EAAE,EAC9C,QAAQ,mBAAmBA,EAAS,QAAQ,EAAE;AAEjD,MAAAR,EAAS,OAAO,GAAG,EAAE,IAAI,EAAE,gBAAgB,YAAA,CAAa,EAAE,KAAKS,CAAI;AAAA,IACrE,SAASC,GAAO;AACd,UAAIA,aAAiB,OAAO;AAC1B,gBAAQ,MAAMA,EAAM,KAAK;AACzB,cAAMC,IAAOP,EAAaM,CAAK;AAC/B,QAAAV,EAAS,OAAO,GAAG,EAAE,IAAIW,CAAI;AAAA,MAC/B;AAAA,IACF;AAAA,EACF;AAAA,EAEA,MAAM,MAAM;AACV,SAAK,IAAI,IAAI,iBAAiB,CAACZ,GAASC,MAAa;AACnD,WAAK,kBAAkBD,GAASC,CAAQ;AAAA,IAC1C,CAAC;AAED,QAAIG,GACAC;AACJ,QAAI,KAAK,iBAAiB;AACxB,YAAMQ,KAAe,MAAM,OAAO,aAAa,GAAG,SAC5CC,KAAQ,MAAM,OAAO,MAAM,GAAG;AAEpC,WAAK,eAAe,MAAMC,EAAG,SAAS,4BAA4B,OAAO,GAEzE,KAAK,IAAI,IAAIF,GAAa,GAC1B,KAAK,IAAI,IAAI,KAAK,MAAMC,EAAK,iBAAiB,EAAE,YAAY,CAAA,EAAC,CAAG,CAAC,GAEjEV,IAAuB,YAAY;AACjC,cAAMG,KACH,MAAM;AAAA;AAAA,UAEL;AAAA,QAAA,GAEF,QAGIC,IAAW,KAAK;AAEtB,eAAO,CAACD,GAAQC,CAAQ;AAAA,MAC1B,GAEAH,IAAe,MAAA;AAAA;AAAA,IACjB,OAAO;AACL,YAAM,EAAE,cAAAW,EAAA,IAAiB,MAAM,OAAO,MAAM,GAEtCC,IAAO,MAAMD,EAAa;AAAA,QAC9B,QAAQ,EAAE,gBAAgB,GAAA;AAAA,QAC1B,SAAS;AAAA,QACT,MAAM,KAAK;AAAA,QACX,MAAM,KAAK;AAAA,MAAA,CACZ;AAED,WAAK,IAAI,IAAIC,EAAK,WAAW,GAE7Bb,IAAuB,OAAME,MAAQ;AACnC,cAAMC,KACH,MAAMU,EAAK,cAAc,uBAAuB,GACjD;AAGF,YAAIT,IAAW,MAAMO,EAAG,SAAS,gBAAgB,OAAO;AACxD,eAAAP,IAAW,MAAMS,EAAK,mBAAmBX,GAAME,CAAQ,GAEhD,CAACD,GAAQC,CAAQ;AAAA,MAC1B,GAEAH,IAAe,CAAAM,OACbM,EAAK,iBAAiBN,CAAK,GACpBA,EAAM;AAAA,IAEjB;AAEA,SAAK,IAAI,IAAI,KAAK,OAAOX,GAASC,MAAa;AAC7C,YAAM,KAAK;AAAA,QACTD;AAAA,QACAC;AAAA,QACAG;AAAA,QACAC;AAAA,MAAA;AAAA,IAEJ,CAAC,GAED,KAAK,IAAI,OAAO,KAAK,MAAM,KAAK,UAAU,MAAM;AAC9C,UAAIa,IACF;AAAA,cACe,KAAK,QAAQ,IAAI,KAAK,IAAI;AAAA,eACzB,QAAQ,IAAI,QAAQ;AAAA;AAEtC,MAAK,KAAK,oBAAiBA,KAAgB,SAAS,KAAK,IAAI;AAAA,IAE7D,QAAQ,IAAIA,CAAY;AAAA,IAC1B,CAAC;AAAA,EACH;AACF;"}
+{"version":3,"file":"server.es.js","sources":["../src/server.ts"],"sourcesContent":["/**\n * © Ocado Group\n * Created on 13/12/2024 at 12:15:05(+00:00).\n *\n * A server for an app in a live environment.\n * Based off: https://github.com/bluwy/create-vite-extra/blob/master/template-ssr-react-ts/server.js\n */\n\nimport { Cache, type CacheClass } from \"memory-cache\"\nimport { type UUID, randomUUID } from \"node:crypto\"\nimport express, { type Express, type Request, type Response } from \"express\"\nimport fs from \"node:fs/promises\"\nimport http from \"node:http\"\n\ntype Mode = \"development\" | \"staging\" | \"production\"\ntype Options = Partial<{\n  mode: Mode\n  port: number\n  base: string\n}>\n\ntype HealthStatus =\n  | \"healthy\"\n  | \"startingUp\"\n  | \"shuttingDown\"\n  | \"unhealthy\"\n  | \"unknown\"\ntype HealthCheck = {\n  healthStatus: HealthStatus\n  additionalInfo: string\n  details?: Array<{\n    name: string\n    description: string\n    health: HealthStatus\n  }>\n}\ntype HealthCheckResponse = {\n  appId: string\n  healthStatus: HealthStatus\n  lastCheckedTimestamp: string\n  additionalInformation: string\n  startupTimestamp: string\n  appVersion: string\n  details: Array<{\n    name: string\n    description: string\n    health: HealthStatus\n  }>\n}\n\ntype Render = (path: string) => Promise<{ head?: string; html?: string }>\ntype EntryModule = { render: Render }\ntype RenderAndTemplate = [Render, string]\ntype GetRenderAndTemplate = (path: string) => Promise<RenderAndTemplate>\ntype OnServeError = (error: Error) => string | undefined\n\ntype Setup = {\n  getRenderAndTemplate: GetRenderAndTemplate\n  onServeError: OnServeError\n}\n\nexport default class Server {\n  envIsProduction: boolean\n  templateHtml: string\n  hostname: string\n  mode: Mode\n  port: number\n  base: string\n  app: Express\n  server: http.Server<typeof http.IncomingMessage, typeof http.ServerResponse>\n  cache: CacheClass<string, any>\n  healthCheckCacheKey: string\n  healthCheckCacheTimeout: number\n  healthCheckStatusCodes: Record<HealthStatus, number>\n  devtoolsWorkspaceUUID: UUID\n\n  constructor({ mode, port, base }: Options = {}) {\n    this.envIsProduction = process.env.NODE_ENV === \"production\"\n    this.templateHtml = \"\"\n    this.hostname = this.envIsProduction ? \"0.0.0.0\" : \"127.0.0.1\"\n\n    this.mode = mode || (process.env.MODE as Mode) || \"development\"\n    this.port =\n      port ||\n      (process.env.PORT\n        ? Number(process.env.PORT)\n        : this.envIsProduction\n          ? 8080\n          : 5173)\n    this.base = base || process.env.BASE || \"/\"\n\n    this.app = express()\n    this.server = http.createServer(this.app)\n    this.cache = new Cache()\n\n    this.healthCheckCacheKey = \"health-check\"\n    this.healthCheckCacheTimeout = 30000\n    this.healthCheckStatusCodes = {\n      // The app is running normally.\n      healthy: 200,\n      // The app is performing app-specific initialisation which must\n      // complete before it will serve normal application requests\n      // (perhaps the app is warming a cache or something similar). You\n      // only need to use this status if your app will be in a start-up\n      // mode for a prolonged period of time.\n      startingUp: 503,\n      // The app is shutting down. As with startingUp, you only need to\n      // use this status if your app takes a prolonged amount of time\n      // to shutdown, perhaps because it waits for a long-running\n      // process to complete before shutting down.\n      shuttingDown: 503,\n      // The app is not running normally.\n      unhealthy: 503,\n      // The app is not able to report its own state.\n      unknown: 503,\n    }\n\n    this.devtoolsWorkspaceUUID = randomUUID()\n  }\n\n  // @ts-expect-error unused var\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  getHealthCheck(request: Request): HealthCheck {\n    return {\n      healthStatus: \"healthy\",\n      additionalInfo: \"All healthy.\",\n    }\n  }\n\n  handleHealthCheck(request: Request, response: Response): void {\n    let value: HealthCheckResponse = this.cache.get(\n      this.healthCheckCacheKey,\n    ) as HealthCheckResponse\n    if (value === null) {\n      const healthCheck = this.getHealthCheck(request)\n\n      if (healthCheck.healthStatus !== \"healthy\") {\n        console.warn(`health check: ${JSON.stringify(healthCheck)}`)\n      }\n\n      value = {\n        appId: process.env.APP_ID || \"REPLACE_ME\",\n        healthStatus: healthCheck.healthStatus,\n        lastCheckedTimestamp: new Date().toISOString(),\n        additionalInformation: healthCheck.additionalInfo,\n        startupTimestamp: new Date().toISOString(),\n        appVersion: process.env.APP_VERSION || \"REPLACE_ME\",\n        details: healthCheck.details || [],\n      }\n\n      this.cache.put(\n        this.healthCheckCacheKey,\n        value,\n        this.healthCheckCacheTimeout,\n      )\n    }\n\n    response.status(this.healthCheckStatusCodes[value.healthStatus]).json(value)\n  }\n\n  async handleServeHtml(\n    request: Request,\n    response: Response,\n    { getRenderAndTemplate, onServeError }: Setup,\n  ): Promise<void> {\n    try {\n      const path = request.originalUrl.replace(this.base, \"\")\n\n      const [render, template] = await getRenderAndTemplate(path)\n\n      const rendered = await render(path)\n\n      const html = template\n        .replace(`<!--app-head-->`, rendered.head ?? \"\")\n        .replace(`<!--app-html-->`, rendered.html ?? \"\")\n\n      response.status(200).set({ \"Content-Type\": \"text/html\" }).send(html)\n    } catch (error) {\n      if (error instanceof Error) {\n        console.error(error.stack)\n        const body = onServeError(error)\n        response.status(500).end(body)\n      }\n    }\n  }\n\n  // @ts-expect-error unused var\n  handleChromeDevTools(request: Request, response: Response) {\n    if (this.envIsProduction) {\n      response.status(404).json({})\n    } else {\n      const localWorkspacePath = process.env.LOCAL_WORKSPACE_PATH\n\n      let code: number\n      let body: object\n      if (localWorkspacePath) {\n        code = 200\n        body = {\n          workspace: {\n            uuid: this.devtoolsWorkspaceUUID,\n            root: localWorkspacePath,\n          },\n        }\n      } else {\n        code = 404\n        body = { error: \"Local workspace path not configured.\" }\n      }\n\n      response.status(code).json(body)\n    }\n  }\n\n  async setUpProduction(): Promise<Setup> {\n    const compression = (await import(\"compression\")).default\n    const sirv = (await import(\"sirv\")).default\n\n    this.templateHtml = await fs.readFile(\"./dist/client/index.html\", \"utf-8\")\n\n    this.app.use(compression())\n    this.app.use(this.base, sirv(\"./dist/client\", { extensions: [] }))\n\n    return {\n      getRenderAndTemplate: async () => {\n        const render = (\n          (await import(\n            // @ts-expect-error only present after building installing app.\n            \"../../../dist/server/entry-server.js\"\n          )) as EntryModule\n        ).render\n\n        // Use cached template.\n        const template = this.templateHtml\n\n        return [render, template]\n      },\n      onServeError: () => undefined,\n    }\n  }\n\n  async setUpDevelopment(): Promise<Setup> {\n    const { createServer } = await import(\"vite\")\n\n    const vite = await createServer({\n      server: {\n        middlewareMode: true,\n        hmr: { server: this.server },\n      },\n      appType: \"custom\",\n      base: this.base,\n      mode: this.mode,\n    })\n\n    this.app.use(vite.middlewares)\n\n    return {\n      getRenderAndTemplate: async path => {\n        const render = (\n          (await vite.ssrLoadModule(\"/src/entry-server.tsx\")) as EntryModule\n        ).render\n\n        // Always read fresh template.\n        let template = await fs.readFile(\"./index.html\", \"utf-8\")\n        template = await vite.transformIndexHtml(path, template)\n\n        return [render, template]\n      },\n      onServeError: error => {\n        vite.ssrFixStacktrace(error)\n        return error.stack\n      },\n    }\n  }\n\n  async run() {\n    const setup = this.envIsProduction\n      ? await this.setUpProduction()\n      : await this.setUpDevelopment()\n\n    this.app.get(\"/health-check\", (request, response) => {\n      this.handleHealthCheck(request, response)\n    })\n\n    this.app.get(\n      \"/.well-known/appspecific/com.chrome.devtools.json\",\n      (request, response) => {\n        this.handleChromeDevTools(request, response)\n      },\n    )\n\n    this.app.get(\"*\", async (request, response) => {\n      await this.handleServeHtml(request, response, setup)\n    })\n\n    this.server.listen(this.port, this.hostname, () => {\n      let startMessage =\n        \"Server started.\\n\" +\n        `url: http://${this.hostname}:${this.port}\\n` +\n        `environment: ${process.env.NODE_ENV}\\n`\n\n      if (!this.envIsProduction) startMessage += `mode: ${this.mode}\\n`\n\n      console.log(startMessage)\n    })\n  }\n}\n"],"names":["Server","mode","port","base","express","http","Cache","randomUUID","request","response","value","healthCheck","getRenderAndTemplate","onServeError","path","render","template","rendered","html","error","body","localWorkspacePath","code","compression","sirv","fs","createServer","vite","setup","startMessage"],"mappings":"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"}

package/dist/theme/components/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";require("@mui/material");const e=require("../../index-B_Zy_zwA.cjs");module.exports=e.components;
+"use strict";require("@mui/material");const e=require("../../index-DZ7ETsOg.cjs");module.exports=e.components;
 //# sourceMappingURL=index.cjs.js.map

package/dist/theme/components/index.es.js

@@ -1,5 +1,5 @@
 import "@mui/material";
-import { c as a } from "../../index-CNtOlJ49.js";
+import { c as a } from "../../index-Brh3Kbv6.js";
 export {
   a as default
 };

package/dist/theme/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("@mui/material"),c=require("../index-B_Zy_zwA.cjs"),s=require("../palette-CE2mKYse.cjs"),a=require("../jsx-runtime-CeSfJrVB.cjs"),h=require("@mui/icons-material"),j=({options:t=d,withShapes:x=!1,userType:m,bgcolor:o,children:v,sx:M,...g})=>{let p,l,r;switch(m){case"teacher":o=o??s.primary[400],p="tertiary",l="secondary",r=s.palette.primary.contrastText;break;case"student":o=o??s.tertiary[500],p="secondary",l="primary",r=s.palette.tertiary.contrastText;break;case"independent":o=o??s.secondary[500],p="primary",l="tertiary",r=s.palette.secondary.contrastText;break}const y={display:{xs:"none",md:"block"},fontSize:"180px",position:"absolute"},u={color:r,textDecorationColor:r};function n(e,k,O,T="root"){return{...c.getStyleOverrides(e,O,T,t.components),...!c.includesClassNames(e,["no-override"])&&k}}const b=i.responsiveFontSizes(i.createTheme({...t,components:{...t.components,MuiTypography:{...t.components?.MuiTypography,styleOverrides:{...t.components?.MuiTypography?.styleOverrides,root:({ownerState:e})=>n(e,{...u},"MuiTypography")}},MuiFormHelperText:{...t.components?.MuiFormHelperText,styleOverrides:{...t.components?.MuiFormHelperText?.styleOverrides,root:({ownerState:e})=>n(e,{...u},"MuiFormHelperText")}},MuiLink:{...t.components?.MuiLink,styleOverrides:{...t.components?.MuiLink?.styleOverrides,root:({ownerState:e})=>n(e,{...u},"MuiLink")}},MuiButton:{...t.components?.MuiButton,styleOverrides:{...t.components?.MuiButton?.styleOverrides,contained:({ownerState:e})=>n(e,{...m==="independent"&&{backgroundColor:"white","&:hover":{backgroundColor:"#f6f5f5",boxShadow:["0px 6px 10px 0px rgba(0, 0, 0, 0.14)","0px 1px 18px 0px rgba(0, 0, 0, 0.12)","0px 3px 5px 0px rgba(0, 0, 0, 0.2);"].join()},[`&.${i.buttonClasses.disabled}`]:{backgroundColor:"white",color:r}}},"MuiButton","contained"),outlined:({ownerState:e})=>n(e,{...u,border:`2px solid ${r}`,"&:hover":{border:`2px solid ${r}`,backgroundColor:"transparent",textDecoration:"underline"}},"MuiButton","outlined")}},MuiCheckbox:{...t.components?.MuiCheckbox,styleOverrides:{...t.components?.MuiCheckbox?.styleOverrides,root:({ownerState:e})=>n(e,{color:`${r} !important`},"MuiCheckbox")}},MuiSvgIcon:{...t.components?.MuiSvgIcon,styleOverrides:{...t.components?.MuiSvgIcon?.styleOverrides,root:({ownerState:e})=>n(e,{"&.checkbox-error":{color:`${r} !important`}},"MuiSvgIcon")}}}}));return a.jsxRuntimeExports.jsx(i.ThemeProvider,{theme:b,children:a.jsxRuntimeExports.jsxs(i.Box,{sx:{...M,...x&&{paddingY:{xs:2,sm:3,md:5},paddingX:{xs:2,sm:5,md:10},marginX:{md:"90px"}},bgcolor:o,alignItems:"center",position:"relative"},...g,children:[x&&a.jsxRuntimeExports.jsxs(a.jsxRuntimeExports.Fragment,{children:[a.jsxRuntimeExports.jsx(h.Circle,{color:p,sx:{...y,top:"5%",left:"0%",transform:"translate(-60%, 0%)"}}),a.jsxRuntimeExports.jsx(h.Hexagon,{color:l,sx:{...y,bottom:"5%",right:"0%",transform:"translate(60%, 0%) rotate(90deg)"}})]}),v]})})},d={palette:s.palette,components:c.components,spacing:c.spacing,typography:c.typography},C=i.responsiveFontSizes(i.createTheme(d));exports.ThemedBox=j;exports.default=C;exports.themeOptions=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("@mui/material"),c=require("../index-DZ7ETsOg.cjs"),o=require("../palette-BnIdHKDE.cjs"),a=require("../jsx-runtime-CeSfJrVB.cjs"),h=require("@mui/icons-material"),j=({options:t=d,withShapes:x=!1,userType:m,bgcolor:n,children:v,sx:M,...g})=>{let l,p,r;switch(m){case"teacher":n=n??o.primary[400],l="tertiary",p="secondary",r=o.palette.primary.contrastText;break;case"student":n=n??o.tertiary[500],l="secondary",p="primary",r=o.palette.tertiary.contrastText;break;case"independent":n=n??o.secondary[500],l="primary",p="tertiary",r=o.palette.secondary.contrastText;break}const y={display:{xs:"none",md:"block"},fontSize:"180px",position:"absolute"},u={color:r,textDecorationColor:r};function s(e,k,O,T="root"){return{...c.getStyleOverrides(e,O,T,t.components),...!c.includesClassNames(e,["no-override"])&&k}}const b=i.responsiveFontSizes(i.createTheme({...t,components:{...t.components,MuiTypography:{...t.components?.MuiTypography,styleOverrides:{...t.components?.MuiTypography?.styleOverrides,root:({ownerState:e})=>s(e,{...u},"MuiTypography")}},MuiFormHelperText:{...t.components?.MuiFormHelperText,styleOverrides:{...t.components?.MuiFormHelperText?.styleOverrides,root:({ownerState:e})=>s(e,{...u},"MuiFormHelperText")}},MuiLink:{...t.components?.MuiLink,styleOverrides:{...t.components?.MuiLink?.styleOverrides,root:({ownerState:e})=>s(e,{...u},"MuiLink")}},MuiButton:{...t.components?.MuiButton,styleOverrides:{...t.components?.MuiButton?.styleOverrides,contained:({ownerState:e})=>s(e,{...m==="independent"&&{backgroundColor:"white","&:hover":{backgroundColor:"#f6f5f5",boxShadow:["0px 6px 10px 0px rgba(0, 0, 0, 0.14)","0px 1px 18px 0px rgba(0, 0, 0, 0.12)","0px 3px 5px 0px rgba(0, 0, 0, 0.2);"].join()},[`&.${i.buttonClasses.disabled}`]:{backgroundColor:"white",color:r}}},"MuiButton","contained"),outlined:({ownerState:e})=>s(e,{...u,border:`2px solid ${r}`,"&:hover":{border:`2px solid ${r}`,backgroundColor:"transparent",textDecoration:"underline"}},"MuiButton","outlined")}},MuiCheckbox:{...t.components?.MuiCheckbox,styleOverrides:{...t.components?.MuiCheckbox?.styleOverrides,root:({ownerState:e})=>s(e,{color:`${r} !important`},"MuiCheckbox")}},MuiSvgIcon:{...t.components?.MuiSvgIcon,styleOverrides:{...t.components?.MuiSvgIcon?.styleOverrides,root:({ownerState:e})=>s(e,{"&.checkbox-error":{color:`${r} !important`}},"MuiSvgIcon")}}}}));return a.jsxRuntimeExports.jsx(i.ThemeProvider,{theme:b,children:a.jsxRuntimeExports.jsxs(i.Box,{sx:{...M,...x&&{paddingY:{xs:2,sm:3,md:5},paddingX:{xs:2,sm:5,md:10},marginX:{md:"90px"}},bgcolor:n,alignItems:"center",position:"relative"},...g,children:[x&&a.jsxRuntimeExports.jsxs(a.jsxRuntimeExports.Fragment,{children:[a.jsxRuntimeExports.jsx(h.Circle,{color:l,sx:{...y,top:"5%",left:"0%",transform:"translate(-60%, 0%)"}}),a.jsxRuntimeExports.jsx(h.Hexagon,{color:p,sx:{...y,bottom:"5%",right:"0%",transform:"translate(60%, 0%) rotate(90deg)"}})]}),v]})})},d={palette:o.palette,components:c.components,spacing:c.spacing,typography:c.typography},C=i.responsiveFontSizes(i.createTheme(d));exports.colors=o.colors;exports.ThemedBox=j;exports.default=C;exports.themeOptions=d;
 //# sourceMappingURL=index.cjs.js.map

package/dist/theme/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../src/theme/ThemedBox.tsx","../../src/theme/index.ts"],"sourcesContent":["import {\n  Box,\n  type BoxProps,\n  type CSSObject,\n  type PaletteColor,\n  type SxProps,\n  type ThemeOptions,\n  ThemeProvider,\n  buttonClasses,\n  createTheme,\n  responsiveFontSizes,\n} from \"@mui/material\"\nimport {\n  Circle as CircleIcon,\n  Hexagon as HexagonIcon,\n} from \"@mui/icons-material\"\nimport type { CommonProps } from \"@mui/material/OverridableComponent\"\nimport type React from \"react\"\n\nimport { getStyleOverrides, includesClassNames } from \"../utils/theme\"\nimport { primary, secondary, tertiary } from \"./colors\"\nimport type Components from \"./components/_components\"\nimport palette from \"./palette\"\nimport { themeOptions } from \".\"\n\nexport interface ThemedBoxProps extends BoxProps {\n  options?: ThemeOptions\n  withShapes?: boolean\n  userType: \"teacher\" | \"student\" | \"independent\"\n  bgcolor?: string\n}\n\nconst ThemedBox: React.FC<ThemedBoxProps> = ({\n  options = themeOptions,\n  withShapes = false,\n  userType,\n  bgcolor,\n  children,\n  sx,\n  ...otherBoxProps\n}) => {\n  let circleColor: \"primary\" | \"secondary\" | \"tertiary\"\n  let hexagonColor: \"primary\" | \"secondary\" | \"tertiary\"\n  let contrastText: string\n  switch (userType) {\n    case \"teacher\":\n      bgcolor = bgcolor ?? primary[400]\n      circleColor = \"tertiary\"\n      hexagonColor = \"secondary\"\n      contrastText = (palette.primary as PaletteColor).contrastText\n      break\n    case \"student\":\n      bgcolor = bgcolor ?? tertiary[500]\n      circleColor = \"secondary\"\n      hexagonColor = \"primary\"\n      contrastText = palette.tertiary.contrastText\n      break\n    case \"independent\":\n      bgcolor = bgcolor ?? secondary[500]\n      circleColor = \"primary\"\n      hexagonColor = \"tertiary\"\n      contrastText = (palette.secondary as PaletteColor).contrastText\n      break\n  }\n\n  const commonIconSxProps: SxProps = {\n    display: { xs: \"none\", md: \"block\" },\n    fontSize: \"180px\",\n    position: \"absolute\",\n  }\n\n  const fontStyleOverrides = {\n    color: contrastText,\n    textDecorationColor: contrastText,\n  }\n\n  function overrideStyles(\n    ownerState: CommonProps,\n    styleOverrides: CSSObject,\n    componentKey: keyof Components,\n    muiClassName: string = \"root\",\n  ): CSSObject {\n    return {\n      // Get the original styles.\n      ...getStyleOverrides(\n        ownerState,\n        componentKey,\n        muiClassName,\n        options.components,\n      ),\n      // Override styles unless the class name 'no-override' is set.\n      ...(!includesClassNames(ownerState, [\"no-override\"]) && styleOverrides),\n    }\n  }\n\n  const theme = responsiveFontSizes(\n    createTheme({\n      ...options,\n      components: {\n        ...options.components,\n        MuiTypography: {\n          ...options.components?.MuiTypography,\n          styleOverrides: {\n            ...options.components?.MuiTypography?.styleOverrides,\n            root: ({ ownerState }) =>\n              overrideStyles(\n                ownerState,\n                {\n                  ...fontStyleOverrides,\n                },\n                \"MuiTypography\",\n              ),\n          },\n        },\n        MuiFormHelperText: {\n          ...options.components?.MuiFormHelperText,\n          styleOverrides: {\n            ...options.components?.MuiFormHelperText?.styleOverrides,\n            root: ({ ownerState }) =>\n              overrideStyles(\n                ownerState,\n                {\n                  ...fontStyleOverrides,\n                },\n                \"MuiFormHelperText\",\n              ),\n          },\n        },\n        MuiLink: {\n          ...options.components?.MuiLink,\n          styleOverrides: {\n            ...options.components?.MuiLink?.styleOverrides,\n            root: ({ ownerState }) =>\n              overrideStyles(\n                ownerState,\n                {\n                  ...fontStyleOverrides,\n                },\n                \"MuiLink\",\n              ),\n          },\n        },\n        MuiButton: {\n          ...options.components?.MuiButton,\n          styleOverrides: {\n            ...options.components?.MuiButton?.styleOverrides,\n            contained: ({ ownerState }) =>\n              overrideStyles(\n                ownerState,\n                {\n                  ...(userType === \"independent\" && {\n                    backgroundColor: \"white\",\n                    \"&:hover\": {\n                      backgroundColor: \"#f6f5f5\",\n                      boxShadow: [\n                        \"0px 6px 10px 0px rgba(0, 0, 0, 0.14)\",\n                        \"0px 1px 18px 0px rgba(0, 0, 0, 0.12)\",\n                        \"0px 3px 5px 0px rgba(0, 0, 0, 0.2);\",\n                      ].join(),\n                    },\n                    [`&.${buttonClasses.disabled}`]: {\n                      backgroundColor: \"white\",\n                      color: contrastText,\n                    },\n                  }),\n                },\n                \"MuiButton\",\n                \"contained\",\n              ),\n            outlined: ({ ownerState }) =>\n              overrideStyles(\n                ownerState,\n                {\n                  ...fontStyleOverrides,\n                  border: `2px solid ${contrastText}`,\n                  \"&:hover\": {\n                    border: `2px solid ${contrastText}`,\n                    backgroundColor: \"transparent\",\n                    textDecoration: \"underline\",\n                  },\n                },\n                \"MuiButton\",\n                \"outlined\",\n              ),\n          },\n        },\n        MuiCheckbox: {\n          ...options.components?.MuiCheckbox,\n          styleOverrides: {\n            ...options.components?.MuiCheckbox?.styleOverrides,\n            root: ({ ownerState }) =>\n              overrideStyles(\n                ownerState,\n                {\n                  color: `${contrastText} !important`,\n                },\n                \"MuiCheckbox\",\n              ),\n          },\n        },\n        MuiSvgIcon: {\n          ...options.components?.MuiSvgIcon,\n          styleOverrides: {\n            ...options.components?.MuiSvgIcon?.styleOverrides,\n            root: ({ ownerState }) =>\n              overrideStyles(\n                ownerState,\n                {\n                  \"&.checkbox-error\": {\n                    color: `${contrastText} !important`,\n                  },\n                },\n                \"MuiSvgIcon\",\n              ),\n          },\n        },\n      },\n    }),\n  )\n\n  return (\n    <ThemeProvider theme={theme}>\n      <Box\n        sx={{\n          ...sx,\n          ...(withShapes && {\n            paddingY: { xs: 2, sm: 3, md: 5 },\n            paddingX: { xs: 2, sm: 5, md: 10 },\n            marginX: { md: \"90px\" },\n          }),\n          bgcolor,\n          alignItems: \"center\",\n          position: \"relative\",\n        }}\n        {...otherBoxProps}\n      >\n        {withShapes && (\n          <>\n            <CircleIcon\n              color={circleColor}\n              sx={{\n                ...commonIconSxProps,\n                top: \"5%\",\n                left: \"0%\",\n                transform: \"translate(-60%, 0%)\",\n              }}\n            />\n            <HexagonIcon\n              color={hexagonColor}\n              sx={{\n                ...commonIconSxProps,\n                bottom: \"5%\",\n                right: \"0%\",\n                transform: \"translate(60%, 0%) rotate(90deg)\",\n              }}\n            />\n          </>\n        )}\n        {children}\n      </Box>\n    </ThemeProvider>\n  )\n}\n\nexport default ThemedBox\n","import {\n  type ThemeOptions,\n  createTheme,\n  responsiveFontSizes,\n} from \"@mui/material\"\n\nimport components from \"./components\"\nimport palette from \"./palette\"\nimport spacing from \"./spacing\"\nimport typography from \"./typography\"\n\nexport * from \"./palette\"\nexport * from \"./ThemedBox\"\nexport { default as ThemedBox } from \"./ThemedBox\"\n\nexport const themeOptions: ThemeOptions = {\n  palette,\n  components,\n  spacing,\n  typography,\n}\n\nconst theme = responsiveFontSizes(createTheme(themeOptions))\n\nexport default theme\n"],"names":["ThemedBox","options","themeOptions","withShapes","userType","bgcolor","children","sx","otherBoxProps","circleColor","hexagonColor","contrastText","primary","palette","tertiary","secondary","commonIconSxProps","fontStyleOverrides","overrideStyles","ownerState","styleOverrides","componentKey","muiClassName","getStyleOverrides","includesClassNames","theme","responsiveFontSizes","createTheme","buttonClasses","jsx","ThemeProvider","jsxs","Box","Fragment","CircleIcon","HexagonIcon","components","spacing","typography"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":["../../src/theme/ThemedBox.tsx","../../src/theme/index.ts"],"sourcesContent":["import {\n  Box,\n  type BoxProps,\n  type CSSObject,\n  type PaletteColor,\n  type SxProps,\n  type ThemeOptions,\n  ThemeProvider,\n  buttonClasses,\n  createTheme,\n  responsiveFontSizes,\n} from \"@mui/material\"\nimport {\n  Circle as CircleIcon,\n  Hexagon as HexagonIcon,\n} from \"@mui/icons-material\"\nimport type { CommonProps } from \"@mui/material/OverridableComponent\"\nimport type React from \"react\"\n\nimport { getStyleOverrides, includesClassNames } from \"../utils/theme\"\nimport { primary, secondary, tertiary } from \"./colors\"\nimport type Components from \"./components/_components\"\nimport palette from \"./palette\"\nimport { themeOptions } from \".\"\n\nexport interface ThemedBoxProps extends BoxProps {\n  options?: ThemeOptions\n  withShapes?: boolean\n  userType: \"teacher\" | \"student\" | \"independent\"\n  bgcolor?: string\n}\n\nconst ThemedBox: React.FC<ThemedBoxProps> = ({\n  options = themeOptions,\n  withShapes = false,\n  userType,\n  bgcolor,\n  children,\n  sx,\n  ...otherBoxProps\n}) => {\n  let circleColor: \"primary\" | \"secondary\" | \"tertiary\"\n  let hexagonColor: \"primary\" | \"secondary\" | \"tertiary\"\n  let contrastText: string\n  switch (userType) {\n    case \"teacher\":\n      bgcolor = bgcolor ?? primary[400]\n      circleColor = \"tertiary\"\n      hexagonColor = \"secondary\"\n      contrastText = (palette.primary as PaletteColor).contrastText\n      break\n    case \"student\":\n      bgcolor = bgcolor ?? tertiary[500]\n      circleColor = \"secondary\"\n      hexagonColor = \"primary\"\n      contrastText = palette.tertiary.contrastText\n      break\n    case \"independent\":\n      bgcolor = bgcolor ?? secondary[500]\n      circleColor = \"primary\"\n      hexagonColor = \"tertiary\"\n      contrastText = (palette.secondary as PaletteColor).contrastText\n      break\n  }\n\n  const commonIconSxProps: SxProps = {\n    display: { xs: \"none\", md: \"block\" },\n    fontSize: \"180px\",\n    position: \"absolute\",\n  }\n\n  const fontStyleOverrides = {\n    color: contrastText,\n    textDecorationColor: contrastText,\n  }\n\n  function overrideStyles(\n    ownerState: CommonProps,\n    styleOverrides: CSSObject,\n    componentKey: keyof Components,\n    muiClassName: string = \"root\",\n  ): CSSObject {\n    return {\n      // Get the original styles.\n      ...getStyleOverrides(\n        ownerState,\n        componentKey,\n        muiClassName,\n        options.components,\n      ),\n      // Override styles unless the class name 'no-override' is set.\n      ...(!includesClassNames(ownerState, [\"no-override\"]) && styleOverrides),\n    }\n  }\n\n  const theme = responsiveFontSizes(\n    createTheme({\n      ...options,\n      components: {\n        ...options.components,\n        MuiTypography: {\n          ...options.components?.MuiTypography,\n          styleOverrides: {\n            ...options.components?.MuiTypography?.styleOverrides,\n            root: ({ ownerState }) =>\n              overrideStyles(\n                ownerState,\n                {\n                  ...fontStyleOverrides,\n                },\n                \"MuiTypography\",\n              ),\n          },\n        },\n        MuiFormHelperText: {\n          ...options.components?.MuiFormHelperText,\n          styleOverrides: {\n            ...options.components?.MuiFormHelperText?.styleOverrides,\n            root: ({ ownerState }) =>\n              overrideStyles(\n                ownerState,\n                {\n                  ...fontStyleOverrides,\n                },\n                \"MuiFormHelperText\",\n              ),\n          },\n        },\n        MuiLink: {\n          ...options.components?.MuiLink,\n          styleOverrides: {\n            ...options.components?.MuiLink?.styleOverrides,\n            root: ({ ownerState }) =>\n              overrideStyles(\n                ownerState,\n                {\n                  ...fontStyleOverrides,\n                },\n                \"MuiLink\",\n              ),\n          },\n        },\n        MuiButton: {\n          ...options.components?.MuiButton,\n          styleOverrides: {\n            ...options.components?.MuiButton?.styleOverrides,\n            contained: ({ ownerState }) =>\n              overrideStyles(\n                ownerState,\n                {\n                  ...(userType === \"independent\" && {\n                    backgroundColor: \"white\",\n                    \"&:hover\": {\n                      backgroundColor: \"#f6f5f5\",\n                      boxShadow: [\n                        \"0px 6px 10px 0px rgba(0, 0, 0, 0.14)\",\n                        \"0px 1px 18px 0px rgba(0, 0, 0, 0.12)\",\n                        \"0px 3px 5px 0px rgba(0, 0, 0, 0.2);\",\n                      ].join(),\n                    },\n                    [`&.${buttonClasses.disabled}`]: {\n                      backgroundColor: \"white\",\n                      color: contrastText,\n                    },\n                  }),\n                },\n                \"MuiButton\",\n                \"contained\",\n              ),\n            outlined: ({ ownerState }) =>\n              overrideStyles(\n                ownerState,\n                {\n                  ...fontStyleOverrides,\n                  border: `2px solid ${contrastText}`,\n                  \"&:hover\": {\n                    border: `2px solid ${contrastText}`,\n                    backgroundColor: \"transparent\",\n                    textDecoration: \"underline\",\n                  },\n                },\n                \"MuiButton\",\n                \"outlined\",\n              ),\n          },\n        },\n        MuiCheckbox: {\n          ...options.components?.MuiCheckbox,\n          styleOverrides: {\n            ...options.components?.MuiCheckbox?.styleOverrides,\n            root: ({ ownerState }) =>\n              overrideStyles(\n                ownerState,\n                {\n                  color: `${contrastText} !important`,\n                },\n                \"MuiCheckbox\",\n              ),\n          },\n        },\n        MuiSvgIcon: {\n          ...options.components?.MuiSvgIcon,\n          styleOverrides: {\n            ...options.components?.MuiSvgIcon?.styleOverrides,\n            root: ({ ownerState }) =>\n              overrideStyles(\n                ownerState,\n                {\n                  \"&.checkbox-error\": {\n                    color: `${contrastText} !important`,\n                  },\n                },\n                \"MuiSvgIcon\",\n              ),\n          },\n        },\n      },\n    }),\n  )\n\n  return (\n    <ThemeProvider theme={theme}>\n      <Box\n        sx={{\n          ...sx,\n          ...(withShapes && {\n            paddingY: { xs: 2, sm: 3, md: 5 },\n            paddingX: { xs: 2, sm: 5, md: 10 },\n            marginX: { md: \"90px\" },\n          }),\n          bgcolor,\n          alignItems: \"center\",\n          position: \"relative\",\n        }}\n        {...otherBoxProps}\n      >\n        {withShapes && (\n          <>\n            <CircleIcon\n              color={circleColor}\n              sx={{\n                ...commonIconSxProps,\n                top: \"5%\",\n                left: \"0%\",\n                transform: \"translate(-60%, 0%)\",\n              }}\n            />\n            <HexagonIcon\n              color={hexagonColor}\n              sx={{\n                ...commonIconSxProps,\n                bottom: \"5%\",\n                right: \"0%\",\n                transform: \"translate(60%, 0%) rotate(90deg)\",\n              }}\n            />\n          </>\n        )}\n        {children}\n      </Box>\n    </ThemeProvider>\n  )\n}\n\nexport default ThemedBox\n","import {\n  type ThemeOptions,\n  createTheme,\n  responsiveFontSizes,\n} from \"@mui/material\"\n\nimport components from \"./components\"\nimport palette from \"./palette\"\nimport spacing from \"./spacing\"\nimport typography from \"./typography\"\n\nexport * as colors from \"./colors\"\nexport * from \"./palette\"\nexport * from \"./ThemedBox\"\nexport { default as ThemedBox } from \"./ThemedBox\"\n\nexport const themeOptions: ThemeOptions = {\n  palette,\n  components,\n  spacing,\n  typography,\n}\n\nconst theme = responsiveFontSizes(createTheme(themeOptions))\n\nexport default theme\n"],"names":["ThemedBox","options","themeOptions","withShapes","userType","bgcolor","children","sx","otherBoxProps","circleColor","hexagonColor","contrastText","primary","palette","tertiary","secondary","commonIconSxProps","fontStyleOverrides","overrideStyles","ownerState","styleOverrides","componentKey","muiClassName","getStyleOverrides","includesClassNames","theme","responsiveFontSizes","createTheme","buttonClasses","jsx","ThemeProvider","jsxs","Box","Fragment","CircleIcon","HexagonIcon","components","spacing","typography"],"mappings":"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"}

package/dist/theme/index.d.ts

@@ -1,4 +1,5 @@
 import { ThemeOptions, Theme } from '@mui/material';
+export * as colors from './colors';
 export * from './palette';
 export * from './ThemedBox';
 export { default as ThemedBox } from './ThemedBox';

package/dist/theme/index.es.js

@@ -1,27 +1,28 @@
 import { responsiveFontSizes as x, createTheme as u, buttonClasses as O, ThemeProvider as C, Box as T } from "@mui/material";
-import { g as S, i as j, t as B, s as F, c as I } from "../index-CNtOlJ49.js";
-import { p as d, s as H, t as $, a as L } from "../palette-C_L0akN_.js";
-import { j as s } from "../jsx-runtime-Dpn_P65e.js";
+import { g as S, i as j, t as B, s as F, c as I } from "../index-Brh3Kbv6.js";
+import { s as H, p as m, t as $, a as L } from "../palette-CYwuLBW7.js";
+import { c as G } from "../palette-CYwuLBW7.js";
+import { j as s } from "../jsx-runtime-XvoU0p7t.js";
 import { Circle as w, Hexagon as z } from "@mui/icons-material";
 const R = ({
   options: r = y,
-  withShapes: m = !1,
-  userType: p,
-  bgcolor: o,
+  withShapes: p = !1,
+  userType: d,
+  bgcolor: t,
   children: h,
   sx: v,
   ...M
 }) => {
-  let i, a, t;
-  switch (p) {
+  let i, a, o;
+  switch (d) {
     case "teacher":
-      o = o ?? L[400], i = "tertiary", a = "secondary", t = d.primary.contrastText;
+      t = t ?? L[400], i = "tertiary", a = "secondary", o = m.primary.contrastText;
       break;
     case "student":
-      o = o ?? $[500], i = "secondary", a = "primary", t = d.tertiary.contrastText;
+      t = t ?? $[500], i = "secondary", a = "primary", o = m.tertiary.contrastText;
       break;
     case "independent":
-      o = o ?? H[500], i = "primary", a = "tertiary", t = d.secondary.contrastText;
+      t = t ?? H[500], i = "primary", a = "tertiary", o = m.secondary.contrastText;
       break;
   }
   const l = {
@@ -29,16 +30,16 @@ const R = ({
     fontSize: "180px",
     position: "absolute"
   }, c = {
-    color: t,
-    textDecorationColor: t
+    color: o,
+    textDecorationColor: o
   };
-  function n(e, b, k, f = "root") {
+  function n(e, b, f, k = "root") {
     return {
       // Get the original styles.
       ...S(
         e,
-        k,
         f,
+        k,
         r.components
       ),
       // Override styles unless the class name 'no-override' is set.
@@ -96,7 +97,7 @@ const R = ({
             contained: ({ ownerState: e }) => n(
               e,
               {
-                ...p === "independent" && {
+                ...d === "independent" && {
                   backgroundColor: "white",
                   "&:hover": {
                     backgroundColor: "#f6f5f5",
@@ -108,7 +109,7 @@ const R = ({
                   },
                   [`&.${O.disabled}`]: {
                     backgroundColor: "white",
-                    color: t
+                    color: o
                   }
                 }
               },
@@ -119,9 +120,9 @@ const R = ({
               e,
               {
                 ...c,
-                border: `2px solid ${t}`,
+                border: `2px solid ${o}`,
                 "&:hover": {
-                  border: `2px solid ${t}`,
+                  border: `2px solid ${o}`,
                   backgroundColor: "transparent",
                   textDecoration: "underline"
                 }
@@ -138,7 +139,7 @@ const R = ({
             root: ({ ownerState: e }) => n(
               e,
               {
-                color: `${t} !important`
+                color: `${o} !important`
               },
               "MuiCheckbox"
             )
@@ -152,7 +153,7 @@ const R = ({
               e,
               {
                 "&.checkbox-error": {
-                  color: `${t} !important`
+                  color: `${o} !important`
                 }
               },
               "MuiSvgIcon"
@@ -167,18 +168,18 @@ const R = ({
     {
       sx: {
         ...v,
-        ...m && {
+        ...p && {
           paddingY: { xs: 2, sm: 3, md: 5 },
           paddingX: { xs: 2, sm: 5, md: 10 },
           marginX: { md: "90px" }
         },
-        bgcolor: o,
+        bgcolor: t,
         alignItems: "center",
         position: "relative"
       },
       ...M,
       children: [
-        m && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+        p && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
           /* @__PURE__ */ s.jsx(
             w,
             {
@@ -209,13 +210,14 @@ const R = ({
     }
   ) });
 }, y = {
-  palette: d,
+  palette: m,
   components: I,
   spacing: F,
   typography: B
 }, Y = x(u(y));
 export {
   R as ThemedBox,
+  G as colors,
   Y as default,
   y as themeOptions
 };