@wandelbots/wandelbots-js-react-components 2.58.0 → 2.59.0-pr.dev-fix-flaky-task.488.1957fef

package/README.md

@@ -6,19 +6,82 @@ React UI components for building robotics applications on the [Wandelbots Nova p
 
 Built with TypeScript, Material-UI, and React Three Fiber. Provides robot control interfaces, 3D visualizations, and automation components that integrate with the Nova ecosystem.
 
-## Quick Start
+## Interactive Documentation
+
+See the [Storybook](https://wandelbotsgmbh.github.io/wandelbots-js-react-components) for interactive examples and API documentation.
+
+## Install
 
 ```bash
-npm install @wandelbots/wandelbots-js-react-components
+npm install @wandelbots/wandelbots-js-react-components react react-dom @mui/material @emotion/react @emotion/styled
 ```
 
-## Getting Started
+Some modules require extra dependencies, like three.js. If you don't need 3D rendering in your application, always import from `/core`.
 
-For setup instructions, integration examples, and basic usage patterns, visit the **[Getting Started Guide](https://wandelbotsgmbh.github.io/wandelbots-js-react-components/?path=/docs/gettingstarted--docs)** in our Storybook documentation.
+```typescript
+import {
+  SafetyBar,
+  JoggingPanel,
+  DataGrid,
+  Timer,
+} from "@wandelbots/wandelbots-js-react-components/core"
+```
 
-## Documentation
+For 3D-enabled components, use `/3d`:
 
-See the [Storybook](https://wandelbotsgmbh.github.io/wandelbots-js-react-components) for interactive examples and API documentation.
+```typescript
+import { Robot, RobotCard } from "@wandelbots/wandelbots-js-react-components/3d"
+```
+
+For the code editor, use `/wandelscript`:
+
+```typescript
+import { WandelscriptEditor } from "@wandelbots/wandelbots-js-react-components/wandelscript"
+```
+
+You can also import from the top-level package, but then you'll need to provide all optional dependencies:
+
+```bash
+npm install @wandelbots/wandelbots-js-react-components \
+ react react-dom \
+ @mui/material @mui/icons-material @emotion/react @emotion/styled \
+ three @react-three/fiber @react-three/drei three-stdlib \
+ @monaco-editor/react shiki @shikijs/monaco
+```
+
+**Available Entry Points:**
+
+| Entry Point         | Components                                                                                                                | Required Peer Dependencies                                                             |
+| ------------------- | ------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------- |
+| **Main** (`.`)      | All components                                                                                                            | React 18+, MUI v6/v7, @emotion/react, @emotion/styled, @mui/icons-material + all below |
+| **`/core`**         | Base components (AppHeader, ProgramControl, SafetyBar, VelocitySlider, JoggingPanel, DataGrid, Timer, themes, i18n, etc.) | React 18+, MUI v6/v7, @emotion/react, @emotion/styled, @mui/icons-material             |
+| **`/3d`**           | 3D visualization (Robot, RobotCard, CollisionSceneRenderer, SafetyZonesRenderer, TrajectoryRenderer)                      | All from `/core` + three, @react-three/fiber, @react-three/drei, three-stdlib          |
+| **`/wandelscript`** | Code editor (WandelscriptEditor)                                                                                          | All from `/core` + @monaco-editor/react, shiki, @shikijs/monaco                        |
+
+## 4.x Core Changes
+
+Robot data is now fetched from a running nova instance. This eliminates the need of shipping every react application with the robot data attached.
+
+It is still possible to fetch robot data from local files. (See https://wandelbotsgmbh.github.io/wandelbots-js-react-components/?path=/docs/3d-view-robot-robot--docs)
+
+The `wandelbots-js-react-components` library can be used both with and without a Nova connection. For details on connecting to a Nova instance, see the [Robot Model Testing](#robot-model-testing) section below.
+
+The list of available robots will now be automatically updated along with the nova version. There is no more need to update nova apps whenether there is a new supported robot the app wants to feature.
+
+Robot dh-parameters are now using a new format.
+```
+interface DHParameter {
+  'alpha': number;
+  'theta': number;
+  'a': number;
+  'd': number;
+  'reverse_rotation_direction': boolean;
+}
+```
+
+## 2.x to 3.x Migration Guide
+
+See [Migration Guide](https://wandelbotsgmbh.github.io/wandelbots-js-react-components/?path=/docs/migration-guide--docs) for assistance.
 
 ## Components
 
@@ -30,7 +93,7 @@ Manual robot control interfaces.
 
 - Dual-mode operation (Cartesian & Joint space)
 - Real-time velocity control
-- Multiple coordinate systems support
+- Multiple coordinate systems support (Robot base or Tool)
 
 **Individual Jogging Controls**
 
@@ -152,15 +215,24 @@ Components integrate with the Wandelbots Nova ecosystem:
 
 ### Prerequisites
 
+**Required for all entry points:**
+
 - React 18+ or 19+
 - Material-UI v6 or v7
 - @emotion/react and @emotion/styled
 
-### Optional Dependencies (for 3D components)
+### Additional Peer Dependencies
+
+**For `/3d` (3D visualization components):**
+
+- three
+- @react-three/fiber
+- @react-three/drei
+- three-stdlib
 
-- @react-three/fiber, @react-three/drei, three, three-stdlib
+**For `/wandelscript` (code editor):**
 
-See the [Getting Started Guide](https://wandelbotsgmbh.github.io/wandelbots-js-react-components/?path=/docs/gettingstarted--docs) for complete setup instructions and integration examples.
+- @monaco-editor/react
 
 ## Development
 
@@ -173,6 +245,31 @@ npm install
 npm run dev  # Start Storybook development server
 ```
 
+## Robot Model Testing
+
+View Robot Models in web view:
+
+```bash
+git clone https://github.com/wandelbotsgmbh/wandelbots-js-react-components.git
+cd wandelbots-js-react-components
+npm install
+npm run td <instanceProviderURL> # instanceProviderURL can be provided via an instanceProviderConfig.json file. The entire command can be substituted by writing a nova instance ip into a file named .env.local
+npm run dev  # Start Storybook development server
+```
+
+instanceProviderConfig.json file:
+```
+{
+  "url": "yourURL"
+}
+```
+
+.env.local file:
+```
+WANDELAPI_BASE_URL=http://<instance-ip>
+CELL_ID=cell
+```
+
 ### Local Testing
 
 Build and test the package locally:

package/dist/3d.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./manufacturerHomePositions-DRNjU1pU.cjs");exports.CollisionSceneRenderer=e.CollisionSceneRenderer;exports.MANUFACTURER_HOME_CONFIGS=e.MANUFACTURER_HOME_CONFIGS;exports.PresetEnvironment=e.PresetEnvironment;exports.Robot=e.Robot;exports.RobotCard=e.RobotCard;exports.SafetyZonesRenderer=e.SafetyZonesRenderer;exports.SupportedRobot=e.SupportedRobot;exports.TrajectoryRenderer=e.TrajectoryRenderer;exports.defaultAxisConfig=e.defaultAxisConfig;exports.defaultGetModel=e.defaultGetModel;exports.extractManufacturer=e.extractManufacturer;exports.getDefaultHomeConfig=e.getDefaultHomeConfig;
+//# sourceMappingURL=3d.cjs.js.map

package/dist/3d.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"3d.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/3d.d.ts

@@ -0,0 +1,11 @@
+export { default as CollisionSceneRenderer } from "./components/3d-viewport/collider/CollisionSceneRenderer";
+export * from "./components/3d-viewport/PresetEnvironment";
+export * from "./components/3d-viewport/SafetyZonesRenderer";
+export * from "./components/3d-viewport/TrajectoryRenderer";
+export * from "./components/RobotCard";
+export * from "./components/robots/AxisConfig";
+export { MANUFACTURER_HOME_CONFIGS, extractManufacturer, getDefaultHomeConfig, } from "./components/robots/manufacturerHomePositions";
+export * from "./components/robots/Robot";
+export { defaultGetModel } from "./components/robots/robotModelLogic";
+export * from "./components/robots/SupportedRobot";
+//# sourceMappingURL=3d.d.ts.map

package/dist/3d.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"3d.d.ts","sourceRoot":"","sources":["../src/3d.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0DAA0D,CAAA;AAC5G,cAAc,4CAA4C,CAAA;AAC1D,cAAc,8CAA8C,CAAA;AAC5D,cAAc,6CAA6C,CAAA;AAC3D,cAAc,wBAAwB,CAAA;AACtC,cAAc,gCAAgC,CAAA;AAC9C,OAAO,EACL,yBAAyB,EACzB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,+CAA+C,CAAA;AACtD,cAAc,2BAA2B,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AACrE,cAAc,oCAAoC,CAAA"}

package/dist/3d.es.js

@@ -0,0 +1,16 @@
+import { C as o, M as r, P as t, R as s, a as n, S as d, b as R, T as f, d as C, c as i, e as l, g as u } from "./manufacturerHomePositions-BD6C5qZJ.js";
+export {
+  o as CollisionSceneRenderer,
+  r as MANUFACTURER_HOME_CONFIGS,
+  t as PresetEnvironment,
+  s as Robot,
+  n as RobotCard,
+  d as SafetyZonesRenderer,
+  R as SupportedRobot,
+  f as TrajectoryRenderer,
+  C as defaultAxisConfig,
+  i as defaultGetModel,
+  l as extractManufacturer,
+  u as getDefaultHomeConfig
+};
+//# sourceMappingURL=3d.es.js.map

package/dist/3d.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"3d.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/LoadingCover-6gWr11KP.js

@@ -0,0 +1,88 @@
+import { j as t } from "./externalizeComponent-Dc3fViZA.js";
+import { useTheme as c, Stack as i, CircularProgress as l, capitalize as g } from "@mui/material";
+import { lowerFirst as d } from "lodash-es";
+import { useState as u, useEffect as f } from "react";
+import { AxiosError as a } from "axios";
+function h(e) {
+  try {
+    return JSON.stringify(e);
+  } catch {
+    return;
+  }
+}
+function T(e, r) {
+  throw new Error(r + ` ${JSON.stringify(e)}`);
+}
+function x(e) {
+  var r, s, o, n;
+  return e instanceof a && e.code === "ERR_NETWORK" ? "Failed to connect to the server. Please check your internet connection." : e instanceof a && e.response ? `${(r = e.response) == null ? void 0 : r.status} ${(s = e.response) == null ? void 0 : s.statusText} from ${(o = e.response) == null ? void 0 : o.config.url}: ${JSON.stringify((n = e.response) == null ? void 0 : n.data)}` : e instanceof Error ? e.message : `Unexpected error: ${h(e) || e}`;
+}
+const k = (e) => {
+  const r = e.softTimeout || 3e3, [s, o] = u(!1), n = c();
+  return f(() => {
+    const m = setTimeout(() => {
+      o(!0);
+    }, r);
+    return () => clearTimeout(m);
+  }), /* @__PURE__ */ t.jsx(
+    i,
+    {
+      width: "100%",
+      height: "100%",
+      alignItems: "center",
+      justifyContent: "center",
+      sx: { color: n.palette.text.primary },
+      children: e.error ? /* @__PURE__ */ t.jsx(
+        w,
+        {
+          loadingMessage: e.message,
+          error: e.error
+        }
+      ) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+        /* @__PURE__ */ t.jsx(l, { sx: { marginBottom: "24px" } }),
+        !!e.message && /* @__PURE__ */ t.jsx("div", { children: e.message }),
+        /* @__PURE__ */ t.jsx(
+          i,
+          {
+            sx: {
+              visibility: s ? "visible" : "hidden",
+              marginTop: "1rem",
+              color: n.palette.text.secondary
+            },
+            children: "This is taking longer than expected..."
+          }
+        )
+      ] })
+    }
+  );
+}, w = (e) => {
+  const r = x(e.error), s = e.error instanceof Error ? e.error.stack : null, o = c();
+  return /* @__PURE__ */ t.jsxs(
+    i,
+    {
+      sx: {
+        maxHeight: "100%",
+        maxWidth: "min(100%, 800px)",
+        padding: 2,
+        overflow: "auto",
+        color: o.palette.error.main,
+        "& pre": {
+          whiteSpace: "pre-wrap",
+          wordBreak: "break-word",
+          paddingBottom: "3rem"
+        }
+      },
+      children: [
+        (e.loadingMessage ? `Error while ${d(g(e.loadingMessage))} - ` : "") + r,
+        /* @__PURE__ */ t.jsx("br", {}),
+        s && /* @__PURE__ */ t.jsx("pre", { children: s })
+      ]
+    }
+  );
+};
+export {
+  k as L,
+  w as a,
+  T as b
+};
+//# sourceMappingURL=LoadingCover-6gWr11KP.js.map

package/dist/LoadingCover-6gWr11KP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingCover-6gWr11KP.js","sources":["../src/components/utils/converters.ts","../src/components/utils/errorHandling.ts","../src/components/LoadingCover.tsx"],"sourcesContent":["export function radiansToDegree(radians: number): number {\n  return radians * (180 / Math.PI)\n}\n\nexport function degreesToRadians(degrees: number): number {\n  return degrees * (Math.PI / 180)\n}\n\nexport function tryParseJson(json: unknown): any {\n  try {\n    return JSON.parse(json as string)\n  } catch {\n    return undefined\n  }\n}\n\nexport function tryStringifyJson(json: unknown): string | undefined {\n  try {\n    return JSON.stringify(json)\n  } catch {\n    return undefined\n  }\n}\n","import { AxiosError } from \"axios\"\nimport { tryStringifyJson } from \"./converters\"\n\n// Please note: These helper functions also exist in nova.js\n// (with slightly different formatting), and will be unified\n// at some point in the future.\n\nexport function delay(ms: number) {\n  return new Promise((resolve) => setTimeout(resolve, ms))\n}\n\nexport function makeShortErrorMessage(err: unknown) {\n  if (err instanceof AxiosError && err.code === \"ERR_NETWORK\") {\n    return \"Failed to connect to the server. Please check your internet connection.\"\n  } else if (err instanceof AxiosError && err.response) {\n    return `${err.response?.status} ${err.response?.statusText}: ${JSON.stringify(err.response?.data)}`\n  } else if (err instanceof Error) {\n    return err.message\n  } else {\n    return `Unexpected error: ${err}`\n  }\n}\n\nexport function assertUnreachable(x: never, msg: string): never {\n  throw new Error(msg + ` ${JSON.stringify(x)}`)\n}\n\nexport function makeErrorMessage(err: unknown) {\n  if (err instanceof AxiosError && err.code === \"ERR_NETWORK\") {\n    return \"Failed to connect to the server. Please check your internet connection.\"\n  } else if (err instanceof AxiosError && err.response) {\n    return `${err.response?.status} ${err.response?.statusText} from ${err.response?.config.url}: ${JSON.stringify(err.response?.data)}`\n  } else if (err instanceof Error) {\n    return err.message\n  } else {\n    return `Unexpected error: ${tryStringifyJson(err) || err}`\n  }\n}\n","import { capitalize, CircularProgress, Stack, useTheme } from \"@mui/material\"\nimport { lowerFirst } from \"lodash-es\"\nimport { useEffect, useState } from \"react\"\nimport { makeErrorMessage } from \"./utils/errorHandling\"\n\nexport const LoadingCover = (props: {\n  message?: string\n  error?: unknown\n  softTimeout?: number\n}) => {\n  const softTimeout = props.softTimeout || 3000\n\n  const [showSlowLoadingMessage, setShowSlowLoadingMessage] = useState(false)\n  const theme = useTheme()\n\n  useEffect(() => {\n    const timeout = setTimeout(() => {\n      setShowSlowLoadingMessage(true)\n    }, softTimeout)\n\n    return () => clearTimeout(timeout)\n  })\n\n  return (\n    <Stack\n      width=\"100%\"\n      height=\"100%\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      sx={{ color: theme.palette.text.primary }}\n    >\n      {props.error ? (\n        <LoadingErrorMessage\n          loadingMessage={props.message}\n          error={props.error}\n        />\n      ) : (\n        <>\n          <CircularProgress sx={{ marginBottom: \"24px\" }} />\n          {!!props.message && <div>{props.message}</div>}\n          <Stack\n            sx={{\n              visibility: showSlowLoadingMessage ? \"visible\" : \"hidden\",\n              marginTop: \"1rem\",\n              color: theme.palette.text.secondary,\n            }}\n          >\n            {\"This is taking longer than expected...\"}\n          </Stack>\n        </>\n      )}\n    </Stack>\n  )\n}\n\nexport const LoadingErrorMessage = (props: {\n  loadingMessage?: string\n  error: unknown\n}) => {\n  const errorMessage = makeErrorMessage(props.error)\n  const stack = props.error instanceof Error ? props.error.stack : null\n  const theme = useTheme()\n\n  return (\n    <Stack\n      sx={{\n        maxHeight: \"100%\",\n        maxWidth: \"min(100%, 800px)\",\n        padding: 2,\n        overflow: \"auto\",\n        color: theme.palette.error.main,\n        \"& pre\": {\n          whiteSpace: \"pre-wrap\",\n          wordBreak: \"break-word\",\n          paddingBottom: \"3rem\",\n        },\n      }}\n    >\n      {(props.loadingMessage\n        ? `Error while ${lowerFirst(capitalize(props.loadingMessage))} - `\n        : \"\") + errorMessage}\n      <br />\n      {stack && <pre>{stack}</pre>}\n    </Stack>\n  )\n}\n"],"names":["tryStringifyJson","json","assertUnreachable","x","msg","makeErrorMessage","err","AxiosError","_a","_b","_c","_d","LoadingCover","props","softTimeout","showSlowLoadingMessage","setShowSlowLoadingMessage","useState","theme","useTheme","useEffect","timeout","jsx","Stack","LoadingErrorMessage","jsxs","Fragment","CircularProgress","errorMessage","stack","lowerFirst","capitalize"],"mappings":"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"}

package/dist/LoadingCover-CukpS_aj.cjs

@@ -0,0 +1,2 @@
+"use strict";const t=require("./externalizeComponent-CkVWk2F_.cjs"),o=require("@mui/material"),l=require("lodash-es"),a=require("react"),c=require("axios");function m(e){try{return JSON.stringify(e)}catch{return}}function g(e,r){throw new Error(r+` ${JSON.stringify(e)}`)}function d(e){var r,s,n,i;return e instanceof c.AxiosError&&e.code==="ERR_NETWORK"?"Failed to connect to the server. Please check your internet connection.":e instanceof c.AxiosError&&e.response?`${(r=e.response)==null?void 0:r.status} ${(s=e.response)==null?void 0:s.statusText} from ${(n=e.response)==null?void 0:n.config.url}: ${JSON.stringify((i=e.response)==null?void 0:i.data)}`:e instanceof Error?e.message:`Unexpected error: ${m(e)||e}`}const h=e=>{const r=e.softTimeout||3e3,[s,n]=a.useState(!1),i=o.useTheme();return a.useEffect(()=>{const x=setTimeout(()=>{n(!0)},r);return()=>clearTimeout(x)}),t.jsxRuntimeExports.jsx(o.Stack,{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",sx:{color:i.palette.text.primary},children:e.error?t.jsxRuntimeExports.jsx(u,{loadingMessage:e.message,error:e.error}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(o.CircularProgress,{sx:{marginBottom:"24px"}}),!!e.message&&t.jsxRuntimeExports.jsx("div",{children:e.message}),t.jsxRuntimeExports.jsx(o.Stack,{sx:{visibility:s?"visible":"hidden",marginTop:"1rem",color:i.palette.text.secondary},children:"This is taking longer than expected..."})]})})},u=e=>{const r=d(e.error),s=e.error instanceof Error?e.error.stack:null,n=o.useTheme();return t.jsxRuntimeExports.jsxs(o.Stack,{sx:{maxHeight:"100%",maxWidth:"min(100%, 800px)",padding:2,overflow:"auto",color:n.palette.error.main,"& pre":{whiteSpace:"pre-wrap",wordBreak:"break-word",paddingBottom:"3rem"}},children:[(e.loadingMessage?`Error while ${l.lowerFirst(o.capitalize(e.loadingMessage))} - `:"")+r,t.jsxRuntimeExports.jsx("br",{}),s&&t.jsxRuntimeExports.jsx("pre",{children:s})]})};exports.LoadingCover=h;exports.LoadingErrorMessage=u;exports.assertUnreachable=g;
+//# sourceMappingURL=LoadingCover-CukpS_aj.cjs.map

package/dist/LoadingCover-CukpS_aj.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingCover-CukpS_aj.cjs","sources":["../src/components/utils/converters.ts","../src/components/utils/errorHandling.ts","../src/components/LoadingCover.tsx"],"sourcesContent":["export function radiansToDegree(radians: number): number {\n  return radians * (180 / Math.PI)\n}\n\nexport function degreesToRadians(degrees: number): number {\n  return degrees * (Math.PI / 180)\n}\n\nexport function tryParseJson(json: unknown): any {\n  try {\n    return JSON.parse(json as string)\n  } catch {\n    return undefined\n  }\n}\n\nexport function tryStringifyJson(json: unknown): string | undefined {\n  try {\n    return JSON.stringify(json)\n  } catch {\n    return undefined\n  }\n}\n","import { AxiosError } from \"axios\"\nimport { tryStringifyJson } from \"./converters\"\n\n// Please note: These helper functions also exist in nova.js\n// (with slightly different formatting), and will be unified\n// at some point in the future.\n\nexport function delay(ms: number) {\n  return new Promise((resolve) => setTimeout(resolve, ms))\n}\n\nexport function makeShortErrorMessage(err: unknown) {\n  if (err instanceof AxiosError && err.code === \"ERR_NETWORK\") {\n    return \"Failed to connect to the server. Please check your internet connection.\"\n  } else if (err instanceof AxiosError && err.response) {\n    return `${err.response?.status} ${err.response?.statusText}: ${JSON.stringify(err.response?.data)}`\n  } else if (err instanceof Error) {\n    return err.message\n  } else {\n    return `Unexpected error: ${err}`\n  }\n}\n\nexport function assertUnreachable(x: never, msg: string): never {\n  throw new Error(msg + ` ${JSON.stringify(x)}`)\n}\n\nexport function makeErrorMessage(err: unknown) {\n  if (err instanceof AxiosError && err.code === \"ERR_NETWORK\") {\n    return \"Failed to connect to the server. Please check your internet connection.\"\n  } else if (err instanceof AxiosError && err.response) {\n    return `${err.response?.status} ${err.response?.statusText} from ${err.response?.config.url}: ${JSON.stringify(err.response?.data)}`\n  } else if (err instanceof Error) {\n    return err.message\n  } else {\n    return `Unexpected error: ${tryStringifyJson(err) || err}`\n  }\n}\n","import { capitalize, CircularProgress, Stack, useTheme } from \"@mui/material\"\nimport { lowerFirst } from \"lodash-es\"\nimport { useEffect, useState } from \"react\"\nimport { makeErrorMessage } from \"./utils/errorHandling\"\n\nexport const LoadingCover = (props: {\n  message?: string\n  error?: unknown\n  softTimeout?: number\n}) => {\n  const softTimeout = props.softTimeout || 3000\n\n  const [showSlowLoadingMessage, setShowSlowLoadingMessage] = useState(false)\n  const theme = useTheme()\n\n  useEffect(() => {\n    const timeout = setTimeout(() => {\n      setShowSlowLoadingMessage(true)\n    }, softTimeout)\n\n    return () => clearTimeout(timeout)\n  })\n\n  return (\n    <Stack\n      width=\"100%\"\n      height=\"100%\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      sx={{ color: theme.palette.text.primary }}\n    >\n      {props.error ? (\n        <LoadingErrorMessage\n          loadingMessage={props.message}\n          error={props.error}\n        />\n      ) : (\n        <>\n          <CircularProgress sx={{ marginBottom: \"24px\" }} />\n          {!!props.message && <div>{props.message}</div>}\n          <Stack\n            sx={{\n              visibility: showSlowLoadingMessage ? \"visible\" : \"hidden\",\n              marginTop: \"1rem\",\n              color: theme.palette.text.secondary,\n            }}\n          >\n            {\"This is taking longer than expected...\"}\n          </Stack>\n        </>\n      )}\n    </Stack>\n  )\n}\n\nexport const LoadingErrorMessage = (props: {\n  loadingMessage?: string\n  error: unknown\n}) => {\n  const errorMessage = makeErrorMessage(props.error)\n  const stack = props.error instanceof Error ? props.error.stack : null\n  const theme = useTheme()\n\n  return (\n    <Stack\n      sx={{\n        maxHeight: \"100%\",\n        maxWidth: \"min(100%, 800px)\",\n        padding: 2,\n        overflow: \"auto\",\n        color: theme.palette.error.main,\n        \"& pre\": {\n          whiteSpace: \"pre-wrap\",\n          wordBreak: \"break-word\",\n          paddingBottom: \"3rem\",\n        },\n      }}\n    >\n      {(props.loadingMessage\n        ? `Error while ${lowerFirst(capitalize(props.loadingMessage))} - `\n        : \"\") + errorMessage}\n      <br />\n      {stack && <pre>{stack}</pre>}\n    </Stack>\n  )\n}\n"],"names":["tryStringifyJson","json","assertUnreachable","x","msg","makeErrorMessage","err","AxiosError","_a","_b","_c","_d","LoadingCover","props","softTimeout","showSlowLoadingMessage","setShowSlowLoadingMessage","useState","theme","useTheme","useEffect","timeout","jsx","Stack","LoadingErrorMessage","jsxs","Fragment","CircularProgress","errorMessage","stack","lowerFirst","capitalize"],"mappings":"4JAgBO,SAASA,EAAiBC,EAAmC,CAClE,GAAI,CACF,OAAO,KAAK,UAAUA,CAAI,CAC5B,MAAQ,CACN,MACF,CACF,CCCO,SAASC,EAAkBC,EAAUC,EAAoB,CAC9D,MAAM,IAAI,MAAMA,EAAM,IAAI,KAAK,UAAUD,CAAC,CAAC,EAAE,CAC/C,CAEO,SAASE,EAAiBC,EAAc,aAC7C,OAAIA,aAAeC,EAAAA,YAAcD,EAAI,OAAS,cACrC,0EACEA,aAAeC,cAAcD,EAAI,SACnC,IAAGE,EAAAF,EAAI,WAAJ,YAAAE,EAAc,MAAM,KAAIC,EAAAH,EAAI,WAAJ,YAAAG,EAAc,UAAU,UAASC,EAAAJ,EAAI,WAAJ,YAAAI,EAAc,OAAO,GAAG,KAAK,KAAK,WAAUC,EAAAL,EAAI,WAAJ,YAAAK,EAAc,IAAI,CAAC,GACzHL,aAAe,MACjBA,EAAI,QAEJ,qBAAqBN,EAAiBM,CAAG,GAAKA,CAAG,EAE5D,CChCO,MAAMM,EAAgBC,GAIvB,CACJ,MAAMC,EAAcD,EAAM,aAAe,IAEnC,CAACE,EAAwBC,CAAyB,EAAIC,EAAAA,SAAS,EAAK,EACpEC,EAAQC,EAAAA,SAAA,EAEdC,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAU,WAAW,IAAM,CAC/BL,EAA0B,EAAI,CAChC,EAAGF,CAAW,EAEd,MAAO,IAAM,aAAaO,CAAO,CACnC,CAAC,EAGCC,EAAAA,kBAAAA,IAACC,EAAAA,MAAA,CACC,MAAM,OACN,OAAO,OACP,WAAW,SACX,eAAe,SACf,GAAI,CAAE,MAAOL,EAAM,QAAQ,KAAK,OAAA,EAE/B,WAAM,MACLI,EAAAA,kBAAAA,IAACE,EAAA,CACC,eAAgBX,EAAM,QACtB,MAAOA,EAAM,KAAA,CAAA,EAGfY,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAJ,EAAAA,kBAAAA,IAACK,EAAAA,iBAAA,CAAiB,GAAI,CAAE,aAAc,QAAU,EAC/C,CAAC,CAACd,EAAM,SAAWS,EAAAA,kBAAAA,IAAC,MAAA,CAAK,WAAM,QAAQ,EACxCA,EAAAA,kBAAAA,IAACC,EAAAA,MAAA,CACC,GAAI,CACF,WAAYR,EAAyB,UAAY,SACjD,UAAW,OACX,MAAOG,EAAM,QAAQ,KAAK,SAAA,EAG3B,SAAA,wCAAA,CAAA,CACH,CAAA,CACF,CAAA,CAAA,CAIR,EAEaM,EAAuBX,GAG9B,CACJ,MAAMe,EAAevB,EAAiBQ,EAAM,KAAK,EAC3CgB,EAAQhB,EAAM,iBAAiB,MAAQA,EAAM,MAAM,MAAQ,KAC3DK,EAAQC,EAAAA,SAAA,EAEd,OACEM,EAAAA,kBAAAA,KAACF,EAAAA,MAAA,CACC,GAAI,CACF,UAAW,OACX,SAAU,mBACV,QAAS,EACT,SAAU,OACV,MAAOL,EAAM,QAAQ,MAAM,KAC3B,QAAS,CACP,WAAY,WACZ,UAAW,aACX,cAAe,MAAA,CACjB,EAGA,SAAA,EAAAL,EAAM,eACJ,eAAeiB,EAAAA,WAAWC,EAAAA,WAAWlB,EAAM,cAAc,CAAC,CAAC,MAC3D,IAAMe,0BACT,KAAA,EAAG,EACHC,GAASP,EAAAA,kBAAAA,IAAC,MAAA,CAAK,SAAAO,CAAA,CAAM,CAAA,CAAA,CAAA,CAG5B"}

package/dist/WandelscriptEditor-7eN-Yw7m.js

@@ -0,0 +1,140 @@
+import { e as p, j as i } from "./externalizeComponent-Dc3fViZA.js";
+import { lazy as h, useState as g, Suspense as w } from "react";
+import { useTheme as f } from "@mui/material";
+import { L as k } from "./LoadingCover-6gWr11KP.js";
+const b = {
+  $schema: "https://raw.githubusercontent.com/martinring/tmlanguage/master/tmlanguage.json",
+  name: "wandelscript",
+  patterns: [
+    {
+      include: "#keywords"
+    },
+    {
+      include: "#strings"
+    },
+    {
+      include: "#comments"
+    },
+    {
+      include: "#functions"
+    }
+  ],
+  repository: {
+    keywords: {
+      patterns: [
+        {
+          name: "keyword.control.flow.wandelscript",
+          match: "\\b(move|via|to|interrupt|def|False|True|for|if|else|elif|while|return|switch|activate|deactivate|print|and|or|not)\\b"
+        }
+      ]
+    },
+    strings: {
+      name: "string.quoted.double.wandelscript",
+      begin: '"',
+      end: '"',
+      patterns: [
+        {
+          name: "constant.character.escape.wandelscript",
+          match: "\\\\."
+        }
+      ]
+    },
+    comments: {
+      patterns: [
+        {
+          begin: "#",
+          beginCaptures: {
+            0: { name: "punctuation.definition.comment.wandelscript" }
+          },
+          end: "$",
+          name: "comment.line.number-sign.wandelscript"
+        }
+      ]
+    },
+    functions: {
+      patterns: [
+        {
+          match: "[a-zA-Z_-]+\\(",
+          name: "entity.name.function.wandelscript"
+        }
+      ]
+    }
+  },
+  scopeName: "source.wandelscript"
+}, v = h(() => import("@monaco-editor/react"));
+let s = null;
+async function T() {
+  if (!s) {
+    const [{ createHighlighter: e }, { shikiToMonaco: n }] = await Promise.all([
+      import("shiki"),
+      import("@shikijs/monaco")
+    ]);
+    s = {
+      shiki: await e({
+        // Our textmate grammar doesn't quite conform to the expected type
+        // here; I'm not sure what the missing properties mean exactly
+        langs: [b],
+        themes: ["dark-plus", "light-plus"]
+      }),
+      shikiToMonaco: n
+    };
+  }
+  return s;
+}
+const j = p(
+  (e) => {
+    const n = f(), [o, l] = g("dark-plus"), r = n.palette.mode === "dark" ? "dark-plus" : "light-plus";
+    async function u(t) {
+      var c, m;
+      t.languages.register({ id: "wandelscript" }), t.languages.setLanguageConfiguration("wandelscript", {
+        comments: {
+          lineComment: "#"
+        },
+        brackets: [
+          ["(", ")"],
+          ["[", "]"]
+        ],
+        autoClosingPairs: [
+          { open: "[", close: "]" },
+          { open: "(", close: ")" }
+        ],
+        surroundingPairs: [
+          { open: "[", close: "]" },
+          { open: "(", close: ")" }
+        ]
+      });
+      const { shiki: a, shikiToMonaco: d } = await T();
+      d(a, t), t.editor.defineTheme(
+        r,
+        ((m = (c = n.componentsExt) == null ? void 0 : c.WandelscriptEditor) == null ? void 0 : m.monacoTheme) ?? {
+          base: n.palette.mode === "dark" ? "vs-dark" : "vs",
+          inherit: !0,
+          rules: [],
+          colors: {}
+        }
+      ), e.monacoSetup && e.monacoSetup(t), l(r);
+    }
+    return /* @__PURE__ */ i.jsx(w, { fallback: /* @__PURE__ */ i.jsx(k, {}), children: /* @__PURE__ */ i.jsx(
+      v,
+      {
+        value: e.code,
+        onMount: (t, a) => {
+          u(a);
+        },
+        onChange: e.onChange,
+        defaultLanguage: "wandelscript",
+        theme: o,
+        options: {
+          minimap: { enabled: !1 },
+          wordWrap: "on",
+          automaticLayout: !0,
+          ...e.monacoOptions
+        }
+      }
+    ) });
+  }
+);
+export {
+  j as W
+};
+//# sourceMappingURL=WandelscriptEditor-7eN-Yw7m.js.map

package/dist/WandelscriptEditor-7eN-Yw7m.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WandelscriptEditor-7eN-Yw7m.js","sources":["../src/components/wandelscript-editor/wandelscript.tmLanguage.ts","../src/components/wandelscript-editor/WandelscriptEditor.tsx"],"sourcesContent":["export default {\n  $schema:\n    \"https://raw.githubusercontent.com/martinring/tmlanguage/master/tmlanguage.json\",\n  name: \"wandelscript\",\n  patterns: [\n    {\n      include: \"#keywords\",\n    },\n    {\n      include: \"#strings\",\n    },\n    {\n      include: \"#comments\",\n    },\n    {\n      include: \"#functions\",\n    },\n  ],\n  repository: {\n    keywords: {\n      patterns: [\n        {\n          name: \"keyword.control.flow.wandelscript\",\n          match:\n            \"\\\\b(move|via|to|interrupt|def|False|True|for|if|else|elif|while|return|switch|activate|deactivate|print|and|or|not)\\\\b\",\n        },\n      ],\n    },\n    strings: {\n      name: \"string.quoted.double.wandelscript\",\n      begin: '\"',\n      end: '\"',\n      patterns: [\n        {\n          name: \"constant.character.escape.wandelscript\",\n          match: \"\\\\\\\\.\",\n        },\n      ],\n    },\n    comments: {\n      patterns: [\n        {\n          begin: \"#\",\n          beginCaptures: {\n            \"0\": { name: \"punctuation.definition.comment.wandelscript\" },\n          },\n          end: \"$\",\n          name: \"comment.line.number-sign.wandelscript\",\n        },\n      ],\n    },\n    functions: {\n      patterns: [\n        {\n          match: \"[a-zA-Z_-]+\\\\(\",\n          name: \"entity.name.function.wandelscript\",\n        },\n      ],\n    },\n  },\n  scopeName: \"source.wandelscript\",\n}\n","import type { Monaco } from \"@monaco-editor/react\"\nimport { lazy, Suspense, useState } from \"react\"\nimport type {\n  BundledLanguage,\n  BundledTheme,\n  HighlighterGeneric,\n  ShikiInternal,\n} from \"shiki\"\n\nimport { useTheme } from \"@mui/material\"\nimport type { editor } from \"monaco-editor\"\nimport { externalizeComponent } from \"../../externalizeComponent\"\nimport { LoadingCover } from \"../LoadingCover\"\nimport wandelscriptTextmateGrammar from \"./wandelscript.tmLanguage\"\n\ntype WandelscriptEditorProps = {\n  /** The current Wandelscript content of the code editor (controlled component) */\n  code?: string\n  /** What to do when the user edits the code */\n  onChange?: (\n    code: string | undefined,\n    ev: editor.IModelContentChangedEvent,\n  ) => void\n  /** Options for monaco editor */\n  monacoOptions?: editor.IEditorOptions\n  /** Callback to further configure monaco on startup if needed */\n  monacoSetup?: (monaco: Monaco) => void\n}\n\nconst Editor = lazy(() => import(\"@monaco-editor/react\"))\n\nlet preparedShiki: {\n  shiki: HighlighterGeneric<BundledLanguage, BundledTheme>\n  shikiToMonaco: (\n    shiki: HighlighterGeneric<BundledLanguage, BundledTheme>,\n    monaco: Monaco,\n  ) => void\n} | null = null\n\nasync function getShiki() {\n  if (!preparedShiki) {\n    const [{ createHighlighter }, { shikiToMonaco }] = await Promise.all([\n      import(\"shiki\"),\n      import(\"@shikijs/monaco\"),\n    ])\n\n    const shiki = await createHighlighter({\n      // Our textmate grammar doesn't quite conform to the expected type\n      // here; I'm not sure what the missing properties mean exactly\n      langs: [wandelscriptTextmateGrammar as any],\n      themes: [\"dark-plus\", \"light-plus\"],\n    })\n\n    preparedShiki = {\n      shiki,\n      shikiToMonaco: shikiToMonaco as unknown as (\n        shiki: ShikiInternal<any, any>,\n        monaco: typeof import(\"monaco-editor\"),\n      ) => void,\n    }\n  }\n\n  return preparedShiki\n}\n\n/** A Monaco (VSCode-style) embedded code editor with Wandelscript syntax highlighting */\nexport const WandelscriptEditor = externalizeComponent(\n  (props: WandelscriptEditorProps) => {\n    const theme = useTheme()\n    const [activeShikiTheme, setActiveShikiTheme] =\n      useState<BundledTheme>(\"dark-plus\")\n    const targetShikiTheme =\n      theme.palette.mode === \"dark\" ? \"dark-plus\" : \"light-plus\"\n\n    async function setupEditor(monaco: Monaco) {\n      // Register and configure the Wandelscript language\n      monaco.languages.register({ id: \"wandelscript\" })\n\n      monaco.languages.setLanguageConfiguration(\"wandelscript\", {\n        comments: {\n          lineComment: \"#\",\n        },\n        brackets: [\n          [\"(\", \")\"],\n          [\"[\", \"]\"],\n        ],\n        autoClosingPairs: [\n          { open: \"[\", close: \"]\" },\n          { open: \"(\", close: \")\" },\n        ],\n        surroundingPairs: [\n          { open: \"[\", close: \"]\" },\n          { open: \"(\", close: \")\" },\n        ],\n      })\n\n      const { shiki, shikiToMonaco } = await getShiki()\n\n      // Monaco doesn't support TextMate grammar config directly, so we\n      // use Shiki as an intermediary\n      shikiToMonaco(shiki, monaco)\n\n      // Override the generated shiki theme to use shiki syntax highlighting\n      // but vscode colors\n      monaco.editor.defineTheme(\n        targetShikiTheme,\n        theme.componentsExt?.WandelscriptEditor?.monacoTheme ?? {\n          base: theme.palette.mode === \"dark\" ? \"vs-dark\" : \"vs\",\n          inherit: true,\n          rules: [],\n          colors: {},\n        },\n      )\n\n      if (props.monacoSetup) {\n        props.monacoSetup(monaco)\n      }\n\n      setActiveShikiTheme(targetShikiTheme)\n    }\n\n    return (\n      <Suspense fallback={<LoadingCover />}>\n        <Editor\n          value={props.code}\n          onMount={(_editor, monaco) => {\n            setupEditor(monaco)\n          }}\n          onChange={props.onChange}\n          defaultLanguage=\"wandelscript\"\n          theme={activeShikiTheme}\n          options={{\n            minimap: { enabled: false },\n            wordWrap: \"on\",\n            automaticLayout: true,\n            ...props.monacoOptions,\n          }}\n        />\n      </Suspense>\n    )\n  },\n)\n"],"names":["wandelscriptTextmateGrammar","Editor","lazy","preparedShiki","getShiki","createHighlighter","shikiToMonaco","WandelscriptEditor","externalizeComponent","props","theme","useTheme","activeShikiTheme","setActiveShikiTheme","useState","targetShikiTheme","setupEditor","monaco","shiki","_b","_a","jsx","Suspense","LoadingCover","_editor"],"mappings":"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"}

package/dist/WandelscriptEditor-D6_vS5Uk.cjs

@@ -0,0 +1,2 @@
+"use strict";var w=Object.create;var p=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var v=(e,t,n,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of f(t))!b.call(e,i)&&i!==n&&p(e,i,{get:()=>t[i],enumerable:!(s=k(t,i))||s.enumerable});return e};var c=(e,t,n)=>(n=e!=null?w(x(e)):{},v(t||!e||!e.__esModule?p(n,"default",{value:e,enumerable:!0}):n,e));const r=require("./externalizeComponent-CkVWk2F_.cjs"),u=require("react"),C=require("@mui/material"),T=require("./LoadingCover-CukpS_aj.cjs"),y={$schema:"https://raw.githubusercontent.com/martinring/tmlanguage/master/tmlanguage.json",name:"wandelscript",patterns:[{include:"#keywords"},{include:"#strings"},{include:"#comments"},{include:"#functions"}],repository:{keywords:{patterns:[{name:"keyword.control.flow.wandelscript",match:"\\b(move|via|to|interrupt|def|False|True|for|if|else|elif|while|return|switch|activate|deactivate|print|and|or|not)\\b"}]},strings:{name:"string.quoted.double.wandelscript",begin:'"',end:'"',patterns:[{name:"constant.character.escape.wandelscript",match:"\\\\."}]},comments:{patterns:[{begin:"#",beginCaptures:{0:{name:"punctuation.definition.comment.wandelscript"}},end:"$",name:"comment.line.number-sign.wandelscript"}]},functions:{patterns:[{match:"[a-zA-Z_-]+\\(",name:"entity.name.function.wandelscript"}]}},scopeName:"source.wandelscript"},E=u.lazy(()=>import("@monaco-editor/react"));let l=null;async function S(){if(!l){const[{createHighlighter:e},{shikiToMonaco:t}]=await Promise.all([import("shiki"),import("@shikijs/monaco")]);l={shiki:await e({langs:[y],themes:["dark-plus","light-plus"]}),shikiToMonaco:t}}return l}const j=r.externalizeComponent(e=>{const t=C.useTheme(),[n,s]=u.useState("dark-plus"),i=t.palette.mode==="dark"?"dark-plus":"light-plus";async function g(a){var m,d;a.languages.register({id:"wandelscript"}),a.languages.setLanguageConfiguration("wandelscript",{comments:{lineComment:"#"},brackets:[["(",")"],["[","]"]],autoClosingPairs:[{open:"[",close:"]"},{open:"(",close:")"}],surroundingPairs:[{open:"[",close:"]"},{open:"(",close:")"}]});const{shiki:o,shikiToMonaco:h}=await S();h(o,a),a.editor.defineTheme(i,((d=(m=t.componentsExt)==null?void 0:m.WandelscriptEditor)==null?void 0:d.monacoTheme)??{base:t.palette.mode==="dark"?"vs-dark":"vs",inherit:!0,rules:[],colors:{}}),e.monacoSetup&&e.monacoSetup(a),s(i)}return r.jsxRuntimeExports.jsx(u.Suspense,{fallback:r.jsxRuntimeExports.jsx(T.LoadingCover,{}),children:r.jsxRuntimeExports.jsx(E,{value:e.code,onMount:(a,o)=>{g(o)},onChange:e.onChange,defaultLanguage:"wandelscript",theme:n,options:{minimap:{enabled:!1},wordWrap:"on",automaticLayout:!0,...e.monacoOptions}})})});exports.WandelscriptEditor=j;
+//# sourceMappingURL=WandelscriptEditor-D6_vS5Uk.cjs.map

package/dist/WandelscriptEditor-D6_vS5Uk.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WandelscriptEditor-D6_vS5Uk.cjs","sources":["../src/components/wandelscript-editor/wandelscript.tmLanguage.ts","../src/components/wandelscript-editor/WandelscriptEditor.tsx"],"sourcesContent":["export default {\n  $schema:\n    \"https://raw.githubusercontent.com/martinring/tmlanguage/master/tmlanguage.json\",\n  name: \"wandelscript\",\n  patterns: [\n    {\n      include: \"#keywords\",\n    },\n    {\n      include: \"#strings\",\n    },\n    {\n      include: \"#comments\",\n    },\n    {\n      include: \"#functions\",\n    },\n  ],\n  repository: {\n    keywords: {\n      patterns: [\n        {\n          name: \"keyword.control.flow.wandelscript\",\n          match:\n            \"\\\\b(move|via|to|interrupt|def|False|True|for|if|else|elif|while|return|switch|activate|deactivate|print|and|or|not)\\\\b\",\n        },\n      ],\n    },\n    strings: {\n      name: \"string.quoted.double.wandelscript\",\n      begin: '\"',\n      end: '\"',\n      patterns: [\n        {\n          name: \"constant.character.escape.wandelscript\",\n          match: \"\\\\\\\\.\",\n        },\n      ],\n    },\n    comments: {\n      patterns: [\n        {\n          begin: \"#\",\n          beginCaptures: {\n            \"0\": { name: \"punctuation.definition.comment.wandelscript\" },\n          },\n          end: \"$\",\n          name: \"comment.line.number-sign.wandelscript\",\n        },\n      ],\n    },\n    functions: {\n      patterns: [\n        {\n          match: \"[a-zA-Z_-]+\\\\(\",\n          name: \"entity.name.function.wandelscript\",\n        },\n      ],\n    },\n  },\n  scopeName: \"source.wandelscript\",\n}\n","import type { Monaco } from \"@monaco-editor/react\"\nimport { lazy, Suspense, useState } from \"react\"\nimport type {\n  BundledLanguage,\n  BundledTheme,\n  HighlighterGeneric,\n  ShikiInternal,\n} from \"shiki\"\n\nimport { useTheme } from \"@mui/material\"\nimport type { editor } from \"monaco-editor\"\nimport { externalizeComponent } from \"../../externalizeComponent\"\nimport { LoadingCover } from \"../LoadingCover\"\nimport wandelscriptTextmateGrammar from \"./wandelscript.tmLanguage\"\n\ntype WandelscriptEditorProps = {\n  /** The current Wandelscript content of the code editor (controlled component) */\n  code?: string\n  /** What to do when the user edits the code */\n  onChange?: (\n    code: string | undefined,\n    ev: editor.IModelContentChangedEvent,\n  ) => void\n  /** Options for monaco editor */\n  monacoOptions?: editor.IEditorOptions\n  /** Callback to further configure monaco on startup if needed */\n  monacoSetup?: (monaco: Monaco) => void\n}\n\nconst Editor = lazy(() => import(\"@monaco-editor/react\"))\n\nlet preparedShiki: {\n  shiki: HighlighterGeneric<BundledLanguage, BundledTheme>\n  shikiToMonaco: (\n    shiki: HighlighterGeneric<BundledLanguage, BundledTheme>,\n    monaco: Monaco,\n  ) => void\n} | null = null\n\nasync function getShiki() {\n  if (!preparedShiki) {\n    const [{ createHighlighter }, { shikiToMonaco }] = await Promise.all([\n      import(\"shiki\"),\n      import(\"@shikijs/monaco\"),\n    ])\n\n    const shiki = await createHighlighter({\n      // Our textmate grammar doesn't quite conform to the expected type\n      // here; I'm not sure what the missing properties mean exactly\n      langs: [wandelscriptTextmateGrammar as any],\n      themes: [\"dark-plus\", \"light-plus\"],\n    })\n\n    preparedShiki = {\n      shiki,\n      shikiToMonaco: shikiToMonaco as unknown as (\n        shiki: ShikiInternal<any, any>,\n        monaco: typeof import(\"monaco-editor\"),\n      ) => void,\n    }\n  }\n\n  return preparedShiki\n}\n\n/** A Monaco (VSCode-style) embedded code editor with Wandelscript syntax highlighting */\nexport const WandelscriptEditor = externalizeComponent(\n  (props: WandelscriptEditorProps) => {\n    const theme = useTheme()\n    const [activeShikiTheme, setActiveShikiTheme] =\n      useState<BundledTheme>(\"dark-plus\")\n    const targetShikiTheme =\n      theme.palette.mode === \"dark\" ? \"dark-plus\" : \"light-plus\"\n\n    async function setupEditor(monaco: Monaco) {\n      // Register and configure the Wandelscript language\n      monaco.languages.register({ id: \"wandelscript\" })\n\n      monaco.languages.setLanguageConfiguration(\"wandelscript\", {\n        comments: {\n          lineComment: \"#\",\n        },\n        brackets: [\n          [\"(\", \")\"],\n          [\"[\", \"]\"],\n        ],\n        autoClosingPairs: [\n          { open: \"[\", close: \"]\" },\n          { open: \"(\", close: \")\" },\n        ],\n        surroundingPairs: [\n          { open: \"[\", close: \"]\" },\n          { open: \"(\", close: \")\" },\n        ],\n      })\n\n      const { shiki, shikiToMonaco } = await getShiki()\n\n      // Monaco doesn't support TextMate grammar config directly, so we\n      // use Shiki as an intermediary\n      shikiToMonaco(shiki, monaco)\n\n      // Override the generated shiki theme to use shiki syntax highlighting\n      // but vscode colors\n      monaco.editor.defineTheme(\n        targetShikiTheme,\n        theme.componentsExt?.WandelscriptEditor?.monacoTheme ?? {\n          base: theme.palette.mode === \"dark\" ? \"vs-dark\" : \"vs\",\n          inherit: true,\n          rules: [],\n          colors: {},\n        },\n      )\n\n      if (props.monacoSetup) {\n        props.monacoSetup(monaco)\n      }\n\n      setActiveShikiTheme(targetShikiTheme)\n    }\n\n    return (\n      <Suspense fallback={<LoadingCover />}>\n        <Editor\n          value={props.code}\n          onMount={(_editor, monaco) => {\n            setupEditor(monaco)\n          }}\n          onChange={props.onChange}\n          defaultLanguage=\"wandelscript\"\n          theme={activeShikiTheme}\n          options={{\n            minimap: { enabled: false },\n            wordWrap: \"on\",\n            automaticLayout: true,\n            ...props.monacoOptions,\n          }}\n        />\n      </Suspense>\n    )\n  },\n)\n"],"names":["wandelscriptTextmateGrammar","Editor","lazy","preparedShiki","getShiki","createHighlighter","shikiToMonaco","WandelscriptEditor","externalizeComponent","props","theme","useTheme","activeShikiTheme","setActiveShikiTheme","useState","targetShikiTheme","setupEditor","monaco","shiki","_b","_a","jsx","Suspense","LoadingCover","_editor"],"mappings":"smBAAAA,EAAe,CACb,QACE,iFACF,KAAM,eACN,SAAU,CACR,CACE,QAAS,WAAA,EAEX,CACE,QAAS,UAAA,EAEX,CACE,QAAS,WAAA,EAEX,CACE,QAAS,YAAA,CACX,EAEF,WAAY,CACV,SAAU,CACR,SAAU,CACR,CACE,KAAM,oCACN,MACE,wHAAA,CACJ,CACF,EAEF,QAAS,CACP,KAAM,oCACN,MAAO,IACP,IAAK,IACL,SAAU,CACR,CACE,KAAM,yCACN,MAAO,OAAA,CACT,CACF,EAEF,SAAU,CACR,SAAU,CACR,CACE,MAAO,IACP,cAAe,CACb,EAAK,CAAE,KAAM,6CAAA,CAA8C,EAE7D,IAAK,IACL,KAAM,uCAAA,CACR,CACF,EAEF,UAAW,CACT,SAAU,CACR,CACE,MAAO,iBACP,KAAM,mCAAA,CACR,CACF,CACF,EAEF,UAAW,qBACb,EChCMC,EAASC,EAAAA,KAAK,IAAM,OAAO,sBAAsB,CAAC,EAExD,IAAIC,EAMO,KAEX,eAAeC,GAAW,CACxB,GAAI,CAACD,EAAe,CAClB,KAAM,CAAC,CAAE,kBAAAE,GAAqB,CAAE,cAAAC,EAAe,EAAI,MAAM,QAAQ,IAAI,CACnE,OAAO,OAAO,EACd,OAAO,iBAAiB,CAAA,CACzB,EASDH,EAAgB,CACd,MARY,MAAME,EAAkB,CAGpC,MAAO,CAACL,CAAkC,EAC1C,OAAQ,CAAC,YAAa,YAAY,CAAA,CACnC,EAIC,cAAAM,CAAA,CAKJ,CAEA,OAAOH,CACT,CAGO,MAAMI,EAAqBC,EAAAA,qBAC/BC,GAAmC,CAClC,MAAMC,EAAQC,EAAAA,SAAA,EACR,CAACC,EAAkBC,CAAmB,EAC1CC,EAAAA,SAAuB,WAAW,EAC9BC,EACJL,EAAM,QAAQ,OAAS,OAAS,YAAc,aAEhD,eAAeM,EAAYC,EAAgB,SAEzCA,EAAO,UAAU,SAAS,CAAE,GAAI,eAAgB,EAEhDA,EAAO,UAAU,yBAAyB,eAAgB,CACxD,SAAU,CACR,YAAa,GAAA,EAEf,SAAU,CACR,CAAC,IAAK,GAAG,EACT,CAAC,IAAK,GAAG,CAAA,EAEX,iBAAkB,CAChB,CAAE,KAAM,IAAK,MAAO,GAAA,EACpB,CAAE,KAAM,IAAK,MAAO,GAAA,CAAI,EAE1B,iBAAkB,CAChB,CAAE,KAAM,IAAK,MAAO,GAAA,EACpB,CAAE,KAAM,IAAK,MAAO,GAAA,CAAI,CAC1B,CACD,EAED,KAAM,CAAE,MAAAC,EAAO,cAAAZ,CAAA,EAAkB,MAAMF,EAAA,EAIvCE,EAAcY,EAAOD,CAAM,EAI3BA,EAAO,OAAO,YACZF,IACAI,GAAAC,EAAAV,EAAM,gBAAN,YAAAU,EAAqB,qBAArB,YAAAD,EAAyC,cAAe,CACtD,KAAMT,EAAM,QAAQ,OAAS,OAAS,UAAY,KAClD,QAAS,GACT,MAAO,CAAA,EACP,OAAQ,CAAA,CAAC,CACX,EAGED,EAAM,aACRA,EAAM,YAAYQ,CAAM,EAG1BJ,EAAoBE,CAAgB,CACtC,CAEA,OACEM,EAAAA,kBAAAA,IAACC,EAAAA,SAAA,CAAS,SAAUD,EAAAA,kBAAAA,IAACE,iBAAa,EAChC,SAAAF,EAAAA,kBAAAA,IAACpB,EAAA,CACC,MAAOQ,EAAM,KACb,QAAS,CAACe,EAASP,IAAW,CAC5BD,EAAYC,CAAM,CACpB,EACA,SAAUR,EAAM,SAChB,gBAAgB,eAChB,MAAOG,EACP,QAAS,CACP,QAAS,CAAE,QAAS,EAAA,EACpB,SAAU,KACV,gBAAiB,GACjB,GAAGH,EAAM,aAAA,CACX,CAAA,EAEJ,CAEJ,CACF"}