@wandelbots/wandelbots-js-react-components 4.7.2-pr.v4.554.f8a153d → 5.0.0

package/dist/wandelscript.cjs.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./WandelscriptEditor-6sAoniLC.cjs");exports.WandelscriptEditor=t.WandelscriptEditor;
-//# sourceMappingURL=wandelscript.cjs.js.map

package/dist/wandelscript.cjs.js.map

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

package/dist/wandelscript.d.ts

@@ -1,2 +0,0 @@
-export * from "./components/wandelscript-editor/WandelscriptEditor";
-//# sourceMappingURL=wandelscript.d.ts.map

package/dist/wandelscript.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"wandelscript.d.ts","sourceRoot":"","sources":["../src/wandelscript.ts"],"names":[],"mappings":"AACA,cAAc,qDAAqD,CAAA"}

package/dist/wandelscript.es.js

@@ -1,5 +0,0 @@
-import { W as t } from "./WandelscriptEditor-kWC2VyG_.js";
-export {
-  t as WandelscriptEditor
-};
-//# sourceMappingURL=wandelscript.es.js.map

package/dist/wandelscript.es.js.map

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

package/src/components/wandelscript-editor/WandelscriptEditor.tsx

@@ -1,142 +0,0 @@
-import type { Monaco } from "@monaco-editor/react"
-import { lazy, Suspense, useState } from "react"
-import type {
-  BundledLanguage,
-  BundledTheme,
-  HighlighterGeneric,
-  ShikiInternal,
-} from "shiki"
-
-import { useTheme } from "@mui/material"
-import type { editor } from "monaco-editor"
-import { externalizeComponent } from "../../externalizeComponent"
-import { LoadingCover } from "../LoadingCover"
-import wandelscriptTextmateGrammar from "./wandelscript.tmLanguage"
-
-type WandelscriptEditorProps = {
-  /** The current Wandelscript content of the code editor (controlled component) */
-  code?: string
-  /** What to do when the user edits the code */
-  onChange?: (
-    code: string | undefined,
-    ev: editor.IModelContentChangedEvent,
-  ) => void
-  /** Options for monaco editor */
-  monacoOptions?: editor.IEditorOptions
-  /** Callback to further configure monaco on startup if needed */
-  monacoSetup?: (monaco: Monaco) => void
-}
-
-const Editor = lazy(() => import("@monaco-editor/react"))
-
-let preparedShiki: {
-  shiki: HighlighterGeneric<BundledLanguage, BundledTheme>
-  shikiToMonaco: (
-    shiki: HighlighterGeneric<BundledLanguage, BundledTheme>,
-    monaco: Monaco,
-  ) => void
-} | null = null
-
-async function getShiki() {
-  if (!preparedShiki) {
-    const [{ createHighlighter }, { shikiToMonaco }] = await Promise.all([
-      import("shiki"),
-      import("@shikijs/monaco"),
-    ])
-
-    const shiki = await createHighlighter({
-      // Our textmate grammar doesn't quite conform to the expected type
-      // here; I'm not sure what the missing properties mean exactly
-      langs: [wandelscriptTextmateGrammar as any],
-      themes: ["dark-plus", "light-plus"],
-    })
-
-    preparedShiki = {
-      shiki,
-      shikiToMonaco: shikiToMonaco as unknown as (
-        shiki: ShikiInternal<any, any>,
-        monaco: typeof import("monaco-editor"),
-      ) => void,
-    }
-  }
-
-  return preparedShiki
-}
-
-/** A Monaco (VSCode-style) embedded code editor with Wandelscript syntax highlighting */
-export const WandelscriptEditor = externalizeComponent(
-  (props: WandelscriptEditorProps) => {
-    const theme = useTheme()
-    const [activeShikiTheme, setActiveShikiTheme] =
-      useState<BundledTheme>("dark-plus")
-    const targetShikiTheme =
-      theme.palette.mode === "dark" ? "dark-plus" : "light-plus"
-
-    async function setupEditor(monaco: Monaco) {
-      // Register and configure the Wandelscript language
-      monaco.languages.register({ id: "wandelscript" })
-
-      monaco.languages.setLanguageConfiguration("wandelscript", {
-        comments: {
-          lineComment: "#",
-        },
-        brackets: [
-          ["(", ")"],
-          ["[", "]"],
-        ],
-        autoClosingPairs: [
-          { open: "[", close: "]" },
-          { open: "(", close: ")" },
-        ],
-        surroundingPairs: [
-          { open: "[", close: "]" },
-          { open: "(", close: ")" },
-        ],
-      })
-
-      const { shiki, shikiToMonaco } = await getShiki()
-
-      // Monaco doesn't support TextMate grammar config directly, so we
-      // use Shiki as an intermediary
-      shikiToMonaco(shiki, monaco)
-
-      // Override the generated shiki theme to use shiki syntax highlighting
-      // but vscode colors
-      monaco.editor.defineTheme(
-        targetShikiTheme,
-        theme.componentsExt?.WandelscriptEditor?.monacoTheme ?? {
-          base: theme.palette.mode === "dark" ? "vs-dark" : "vs",
-          inherit: true,
-          rules: [],
-          colors: {},
-        },
-      )
-
-      if (props.monacoSetup) {
-        props.monacoSetup(monaco)
-      }
-
-      setActiveShikiTheme(targetShikiTheme)
-    }
-
-    return (
-      <Suspense fallback={<LoadingCover />}>
-        <Editor
-          value={props.code}
-          onMount={(_editor, monaco) => {
-            setupEditor(monaco)
-          }}
-          onChange={props.onChange}
-          defaultLanguage="wandelscript"
-          theme={activeShikiTheme}
-          options={{
-            minimap: { enabled: false },
-            wordWrap: "on",
-            automaticLayout: true,
-            ...props.monacoOptions,
-          }}
-        />
-      </Suspense>
-    )
-  },
-)

package/src/components/wandelscript-editor/wandelscript.tmLanguage.ts

@@ -1,62 +0,0 @@
-export default {
-  $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",
-}

package/src/wandelscript.ts

@@ -1,2 +0,0 @@
-// Wandelscript editor components
-export * from "./components/wandelscript-editor/WandelscriptEditor"