@cozeloop/prompt-components 0.0.1

package/README.md

@@ -0,0 +1 @@
+# @cozeloop/prompt-components

package/dist/es/basic-editor/custom-facet.js

@@ -0,0 +1,9 @@
+import { Facet } from "@codemirror/state";
+const cunstomFacet = Facet.define({
+  combine(values) {
+    return values[values.length - 1];
+  }
+});
+export {
+  cunstomFacet
+};

package/dist/es/basic-editor/diff.js

@@ -0,0 +1,138 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useImperativeHandle, useRef } from "react";
+import {
+  EditorProvider,
+  goToNextChunk,
+  goToPreviousChunk,
+  MergeViewRenderer
+} from "@coze-editor/editor/react";
+import preset from "@coze-editor/editor/preset-prompt";
+import { EditorView } from "@codemirror/view";
+import MarkdownHighlight from "./extensions/markdown";
+import LanguageSupport from "./extensions/language-support";
+import JinjaHighlight from "./extensions/jinja";
+import { cunstomFacet } from "./custom-facet";
+const extensions = [
+  // diff theme
+  EditorView.theme({
+    "&.cm-merge-b .cm-changedLine": {
+      background: "transparent !important"
+    },
+    "&.cm-merge-b .cm-line": {
+      paddingLeft: "12px !important"
+    },
+    "&.cm-merge-b .cm-changedText": {
+      background: "rgba(34,184,24,0.3)"
+    },
+    "&.cm-merge-a .cm-changedText, .cm-deletedChunk .cm-deletedText": {
+      background: "rgba(238,68,51,0.3)"
+    }
+  })
+];
+const PromptDiffEditor = forwardRef(
+  ({
+    oldValue,
+    newValue,
+    autoScrollToBottom,
+    children,
+    editorAble,
+    onChange
+  }, ref) => {
+    const editorRef = useRef(null);
+    useImperativeHandle(ref, () => ({
+      goToPreviousChunk: () => {
+        var _a;
+        const view = (_a = editorRef.current) == null ? void 0 : _a.$view;
+        if (!view) {
+          return;
+        }
+        goToPreviousChunk(view);
+      },
+      goToNextChunk: () => {
+        var _a;
+        const view = (_a = editorRef.current) == null ? void 0 : _a.$view;
+        if (!view) {
+          return;
+        }
+        goToNextChunk(view);
+      }
+    }));
+    return /* @__PURE__ */ jsxs(EditorProvider, { children: [
+      /* @__PURE__ */ jsx(
+        MergeViewRenderer,
+        {
+          plugins: preset,
+          domProps: {
+            style: {
+              flex: 1,
+              fontSize: 12,
+              width: "100%"
+            }
+          },
+          mergeConfig: {
+            gutter: true,
+            collapseUnchanged: {
+              margin: 3,
+              minSize: 4
+            },
+            diffConfig: {
+              scanLimit: 3e3
+            }
+          },
+          a: {
+            defaultValue: oldValue,
+            extensions: [
+              ...extensions,
+              cunstomFacet.of({
+                id: "a",
+                oldValue,
+                newValue
+              })
+            ],
+            options: {
+              editable: false,
+              readOnly: true
+            }
+          },
+          b: {
+            defaultValue: newValue,
+            extensions: [
+              ...extensions,
+              cunstomFacet.of({
+                id: "b",
+                oldValue,
+                newValue
+              })
+            ],
+            options: {
+              editable: editorAble,
+              readOnly: !editorAble
+            }
+          },
+          didMount: (editor) => {
+            if (autoScrollToBottom) {
+              editor.b.$view.dispatch({
+                effects: EditorView.scrollIntoView(
+                  editor.b.$view.state.doc.length
+                )
+              });
+            }
+            if (onChange) {
+              editor.b.$on("change", (e) => {
+                onChange(e.value);
+              });
+            }
+            editorRef.current = editor.a;
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(LanguageSupport, {}),
+      /* @__PURE__ */ jsx(JinjaHighlight, {}),
+      /* @__PURE__ */ jsx(MarkdownHighlight, {}),
+      children
+    ] });
+  }
+);
+export {
+  PromptDiffEditor
+};

package/dist/es/basic-editor/extensions/go-syntax.js

@@ -0,0 +1,122 @@
+const tmLanguage = {
+  foldingStartMarker: "\\{\\{\\s*(?:if|with|range)\\b",
+  foldingStopMarker: "\\{\\{\\s*(?:else|end)\\b",
+  name: "go-template",
+  patterns: [
+    {
+      begin: "\\{\\{",
+      beginCaptures: {
+        "0": {
+          name: "punctuation.section.embedded.begin.gotemplate"
+        }
+      },
+      end: "\\}\\}",
+      endCaptures: {
+        "0": {
+          name: "punctuation.section.embedded.end.gotemplate"
+        }
+      },
+      patterns: [
+        {
+          match: ":=",
+          name: "keyword.operator.initialize.gotemplate"
+        },
+        {
+          match: "\\|",
+          name: "keyword.operator.pipe.gotemplate"
+        },
+        {
+          match: "[.$][\\w]*",
+          name: "variable.other.gotemplate"
+        },
+        {
+          match: "\\b(if|else|range|template|with|end|nil|with|define|block)\\b",
+          name: "keyword.control.gotemplate"
+        },
+        {
+          match: "\\b(and|call|html|index|js|len|not|or|print|printf|println|urlquery|eq|ne|lt|le|gt|ge)\\b",
+          name: "support.function.builtin.gotemplate"
+        },
+        {
+          begin: "/\\*",
+          end: "\\*/",
+          name: "comment.block.gotemplate"
+        },
+        {
+          begin: '"',
+          beginCaptures: {
+            "0": {
+              name: "punctuation.definition.string.begin.gotemplate"
+            }
+          },
+          end: '"',
+          endCaptures: {
+            "0": {
+              name: "punctuation.definition.string.end.gotemplate"
+            }
+          },
+          name: "string.quoted.double.gotemplate",
+          patterns: [
+            {
+              include: "#string_placeholder"
+            },
+            {
+              include: "#string_escaped_char"
+            }
+          ]
+        },
+        {
+          begin: "`",
+          beginCaptures: {
+            "0": {
+              name: "punctuation.definition.string.begin.gotemplate"
+            }
+          },
+          end: "`",
+          endCaptures: {
+            "0": {
+              name: "punctuation.definition.string.end.gotemplate"
+            }
+          },
+          name: "string.quoted.raw.gotemplate",
+          patterns: [
+            {
+              include: "#string_placeholder"
+            }
+          ]
+        }
+      ]
+    }
+  ],
+  repository: {
+    string_escaped_char: {
+      patterns: [
+        {
+          match: `\\\\(\\\\|[abfnrtv'"]|x[0-9a-fA-F]{2}|u[0-9a-fA-F]{4}|U[0-9a-fA-F]{8}|[0-7]{3})`,
+          name: "constant.character.escape.gotemplate"
+        },
+        {
+          match: "\\\\.",
+          name: "invalid.illegal.unknown-escape.gotemplate"
+        }
+      ]
+    },
+    string_placeholder: {
+      patterns: [
+        {
+          match: "(?x)%\n                        (\\d+\\$)?                                    # field (argument #)\n                        [#0\\- +']*                                  # flags\n                        [,;:_]?                                     # separator character (AltiVec)\n                        ((-?\\d+)|\\*(-?\\d+\\$)?)?                     # minimum field width\n                        (\\.((-?\\d+)|\\*(-?\\d+\\$)?)?)?                # precision\n                        [diouxXDOUeEfFgGaAcCsSqpnvtTbyYhHmMzZ%]     # conversion type\n                    ",
+          name: "constant.other.placeholder.gotemplate"
+        },
+        {
+          match: "%",
+          name: "invalid.illegal.placeholder.gotemplate"
+        }
+      ]
+    }
+  },
+  scopeName: "source.gotemplate",
+  uuid: "43606de8-c638-11e2-b661-6711676f99ca"
+};
+export {
+  tmLanguage
+};

package/dist/es/basic-editor/extensions/go-template.js

@@ -0,0 +1,16 @@
+import { createOnigurumaEngine } from "shiki/engine/oniguruma";
+import { createHighlighterCore } from "shiki/core";
+import shiki from "codemirror-shiki";
+const highlighter = createHighlighterCore({
+  langs: [import("./go-syntax").then((mod) => mod.tmLanguage)],
+  themes: [import("./go-theme")],
+  engine: createOnigurumaEngine(import("shiki/wasm"))
+});
+const goExtension = shiki({
+  highlighter,
+  language: "go-template",
+  theme: "one-light"
+});
+export {
+  goExtension
+};