@airalogy/aimd-editor 1.7.1

package/dist/AimdSourceEditor.vue_vue_type_script_setup_true_lang-t_sUoXky.js

@@ -0,0 +1,274 @@
+import { defineComponent as V, ref as p, onMounted as q, onBeforeUnmount as F, watch as u, openBlock as k, createElementBlock as b, normalizeStyle as P, toDisplayString as R, createCommentVNode as D, createElementVNode as K } from "vue";
+const Z = {
+  key: 0,
+  class: "aimd-editor-loading"
+}, G = /* @__PURE__ */ V({
+  __name: "AimdSourceEditor",
+  props: {
+    content: {},
+    theme: {},
+    minHeight: {},
+    readonly: { type: Boolean },
+    monacoOptions: {},
+    resolvedMessages: {}
+  },
+  emits: ["content-change", "ready", "monaco-loaded"],
+  setup(l, { expose: _, emit: y }) {
+    const n = l, c = y, x = /^\s*(```|~~~)\s*assigner(?:\s+.*\bruntime\s*=\s*(?:"client"|'client'|client)\b.*)\s*$/, h = /^\s*(```|~~~)\s*assigner(?:\s+.*)?\s*$/, E = /^\s*(```|~~~)\s*quiz(?:\s+.*)?\s*$/, v = /^\s*(```|~~~)\s*((?:\w|[/#-])+)(?:\s+.*)?\s*$/, C = /^\s*(```|~~~)\s*$/, m = p(null);
+    let t = null, r = null, i = !1;
+    const d = p(!0);
+    function S(e) {
+      const o = n.resolvedMessages;
+      e.languages.getLanguages().some((s) => s.id === "aimd") || (e.languages.register({
+        id: "aimd",
+        extensions: [".aimd"],
+        aliases: ["AIMD", "aimd"],
+        mimetypes: ["text/x-aimd"]
+      }), e.languages.setLanguageConfiguration("aimd", {
+        brackets: [
+          ["{", "}"],
+          ["[", "]"],
+          ["(", ")"]
+        ],
+        autoClosingPairs: [
+          { open: "{", close: "}" },
+          { open: "[", close: "]" },
+          { open: "(", close: ")" },
+          { open: '"', close: '"' },
+          { open: "'", close: "'" },
+          { open: "`", close: "`" },
+          { open: "{{", close: "}}" }
+        ],
+        surroundingPairs: [
+          { open: "{", close: "}" },
+          { open: "[", close: "]" },
+          { open: "(", close: ")" },
+          { open: '"', close: '"' },
+          { open: "'", close: "'" },
+          { open: "`", close: "`" }
+        ]
+      }), e.languages.setMonarchTokensProvider("aimd", {
+        defaultToken: "",
+        tokenPostfix: ".aimd",
+        tokenizer: {
+          root: [
+            [/\{\{/, { token: "delimiter.bracket.aimd", next: "@aimdField" }],
+            [/^#{1,6}\s.*$/, "keyword.md"],
+            [E, { token: "string.code", next: "@embeddedCodeblock", nextEmbedded: "yaml" }],
+            [x, { token: "string.code", next: "@embeddedCodeblock", nextEmbedded: "javascript" }],
+            [h, { token: "string.code", next: "@embeddedCodeblock", nextEmbedded: "python" }],
+            [v, { token: "string.code", next: "@embeddedCodeblock", nextEmbedded: "$2" }],
+            [C, { token: "string.code", next: "@codeblock" }],
+            [/`[^`]+`/, "string.code"],
+            [/\*\*[^*]+\*\*/, "strong"],
+            [/__[^_]+__/, "strong"],
+            [/\*[^*]+\*/, "emphasis"],
+            [/_[^_]+_/, "emphasis"],
+            [/\[[^\]]+\]\([^)]+\)/, "string.link"],
+            [/!\[[^\]]*\]\([^)]+\)/, "string.link"],
+            [/^>.*$/, "comment.quote"],
+            [/^\s*[-*+]\s/, "keyword.list"],
+            [/^\s*\d+\.\s/, "keyword.list"],
+            [/^[-*_]{3,}\s*$/, "keyword.hr"],
+            [/<\/?[\w-][^>]*>/, "tag"]
+          ],
+          aimdField: [
+            [/\}\}/, { token: "delimiter.bracket.aimd", next: "@pop" }],
+            [/\b(var_table|var|step|check|ref_step|ref_var|ref_fig|cite)\b/, "keyword.aimd"],
+            [/\|/, "delimiter.aimd"],
+            [/:/, "delimiter"],
+            [/\b(str|int|float|bool|list|dict|any)\b/, "type.aimd"],
+            [/\b[A-Z][A-Za-z0-9_]*(?:\[[A-Za-z0-9_,\s]+\])?\b/, "type.aimd"],
+            [/[[\]()]/, "delimiter.bracket"],
+            [/=/, "delimiter"],
+            [/"[^"]*"/, "string"],
+            [/'[^']*'/, "string"],
+            [/-?\d+\.?\d*/, "number"],
+            [/\b(true|false|True|False|null|None)\b/, "constant"],
+            [/\bsubvars\b/, "keyword"],
+            [/,/, "delimiter"],
+            [/[A-Za-z_]\w*/, "variable.aimd"],
+            [/\s+/, ""]
+          ],
+          codeblock: [
+            [/^```\s*$/, { token: "string.code", next: "@pop" }],
+            [/^~~~\s*$/, { token: "string.code", next: "@pop" }],
+            [/.*$/, "string.code"]
+          ],
+          embeddedCodeblock: [
+            [/^```\s*$/, { token: "string.code", next: "@pop", nextEmbedded: "@pop" }],
+            [/^~~~\s*$/, { token: "string.code", next: "@pop", nextEmbedded: "@pop" }],
+            [/.*$/, ""]
+          ]
+        }
+      }), e.languages.registerCompletionItemProvider("aimd", {
+        provideCompletionItems: () => {
+          const s = ["var", "var_table", "step", "check", "ref_step", "ref_var", "ref_fig", "cite"], L = {
+            var: "var_id",
+            var_table: "table_id",
+            step: "step_id",
+            check: "check_id",
+            ref_step: "step_id",
+            ref_var: "var_id",
+            ref_fig: "fig_id",
+            cite: "ref_id"
+          }, f = s.map((a) => ({
+            label: `{{${a}|}}`,
+            kind: e.languages.CompletionItemKind.Snippet,
+            insertText: `{{${a}|\${1:${L[a] ?? "id"}}}}`,
+            insertTextRules: e.languages.CompletionItemInsertTextRule.InsertAsSnippet,
+            documentation: o.completions.insertAimdField(a)
+          }));
+          return f.push({
+            label: o.completions.quizBlockLabel,
+            kind: e.languages.CompletionItemKind.Snippet,
+            insertText: [
+              "```quiz",
+              "id: ${1:quiz_choice_1}",
+              "type: choice",
+              "mode: single",
+              "stem: |",
+              `  \${2:${o.defaults.questionStem}}`,
+              "options:",
+              "  - key: A",
+              `    text: ${o.defaults.optionText("A")}`,
+              "  - key: B",
+              `    text: ${o.defaults.optionText("B")}`,
+              "answer: A",
+              "```"
+            ].join(`
+`),
+            insertTextRules: e.languages.CompletionItemInsertTextRule.InsertAsSnippet,
+            documentation: o.completions.quizBlock
+          }), { suggestions: f };
+        }
+      }), e.editor.defineTheme("aimd-light", {
+        base: "vs",
+        inherit: !0,
+        rules: [
+          { token: "delimiter.bracket.aimd", foreground: "2563eb" },
+          { token: "keyword.aimd", foreground: "2563eb", fontStyle: "bold" },
+          { token: "delimiter.aimd", foreground: "6b7280" },
+          { token: "type.aimd", foreground: "7c3aed" },
+          { token: "variable.aimd", foreground: "059669" },
+          { token: "keyword.md", foreground: "1e40af" },
+          { token: "string.code", foreground: "be185d" },
+          { token: "strong", fontStyle: "bold" },
+          { token: "emphasis", fontStyle: "italic" },
+          { token: "string.link", foreground: "2563eb" },
+          { token: "comment.quote", foreground: "6b7280", fontStyle: "italic" }
+        ],
+        colors: {}
+      }), e.editor.defineTheme("aimd-dark", {
+        base: "vs-dark",
+        inherit: !0,
+        rules: [
+          { token: "delimiter.bracket.aimd", foreground: "60a5fa" },
+          { token: "keyword.aimd", foreground: "60a5fa", fontStyle: "bold" },
+          { token: "delimiter.aimd", foreground: "9ca3af" },
+          { token: "type.aimd", foreground: "a78bfa" },
+          { token: "variable.aimd", foreground: "34d399" },
+          { token: "keyword.md", foreground: "93c5fd" },
+          { token: "string.code", foreground: "f472b6" },
+          { token: "strong", fontStyle: "bold" },
+          { token: "emphasis", fontStyle: "italic" },
+          { token: "string.link", foreground: "60a5fa" },
+          { token: "comment.quote", foreground: "9ca3af", fontStyle: "italic" }
+        ],
+        colors: {}
+      }));
+    }
+    function $(e) {
+      if (!m.value || t) return;
+      const o = /* @__PURE__ */ new Set(["value", "language", "model"]), g = Object.fromEntries(
+        Object.entries(n.monacoOptions).filter(([s]) => !o.has(s))
+      );
+      t = e.editor.create(m.value, {
+        value: n.content,
+        language: "aimd",
+        theme: n.theme,
+        minimap: { enabled: !1 },
+        fontSize: 14,
+        lineNumbers: "on",
+        wordWrap: "on",
+        scrollBeyondLastLine: !1,
+        automaticLayout: !0,
+        tabSize: 2,
+        padding: { top: 12 },
+        readOnly: n.readonly,
+        ...g
+      }), t.onDidChangeModelContent(() => {
+        i || c("content-change", t.getValue());
+      }), c("ready", t), c("monaco-loaded", e, t);
+    }
+    q(async () => {
+      try {
+        d.value = !0;
+        const e = await import("monaco-editor");
+        r = e, S(e), $(e);
+      } finally {
+        d.value = !1;
+      }
+    }), F(() => {
+      t?.dispose();
+    }), u(() => n.content, (e) => {
+      !t || e === t.getValue() || (i = !0, t.setValue(e), i = !1);
+    }), u(() => n.theme, (e) => {
+      r && r.editor.setTheme(e);
+    }), u(() => n.readonly, (e) => {
+      t?.updateOptions({ readOnly: e });
+    });
+    function I() {
+      return t;
+    }
+    function T() {
+      return r;
+    }
+    function w(e) {
+      t && (i = !0, t.setValue(e), i = !1);
+    }
+    function A() {
+      return t?.getSelection();
+    }
+    function N(e, o) {
+      t?.executeEdits(e, o);
+    }
+    function M() {
+      t?.focus();
+    }
+    function O() {
+      return t?.getModel();
+    }
+    function z() {
+      return t?.getPosition();
+    }
+    function B() {
+      return t?.getValue();
+    }
+    return _({
+      getEditor: I,
+      getMonaco: T,
+      setValue: w,
+      getSelection: A,
+      executeEdits: N,
+      focus: M,
+      getModel: O,
+      getPosition: z,
+      getValue: B,
+      loading: d
+    }), (e, o) => (k(), b("div", {
+      class: "aimd-editor-source-mode",
+      style: P({ height: l.minHeight + "px" })
+    }, [
+      d.value ? (k(), b("div", Z, R(l.resolvedMessages.common.loadingEditor), 1)) : D("", !0),
+      K("div", {
+        ref_key: "editorContainer",
+        ref: m,
+        class: "aimd-editor-container"
+      }, null, 512)
+    ], 4));
+  }
+});
+export {
+  G as _
+};