@cozeloop/prompt-components 0.0.2 → 0.0.3

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/{go-syntax-067c4f5d.mjs → es/basic-editor/extensions/go-syntax.js}

@@ -1,4 +1,4 @@
-const e = {
+const tmLanguage = {
   foldingStartMarker: "\\{\\{\\s*(?:if|with|range)\\b",
   foldingStopMarker: "\\{\\{\\s*(?:else|end)\\b",
   name: "go-template",
@@ -6,13 +6,13 @@ const e = {
     {
       begin: "\\{\\{",
       beginCaptures: {
-        0: {
+        "0": {
           name: "punctuation.section.embedded.begin.gotemplate"
         }
       },
       end: "\\}\\}",
       endCaptures: {
-        0: {
+        "0": {
           name: "punctuation.section.embedded.end.gotemplate"
         }
       },
@@ -45,13 +45,13 @@ const e = {
         {
           begin: '"',
           beginCaptures: {
-            0: {
+            "0": {
               name: "punctuation.definition.string.begin.gotemplate"
             }
           },
           end: '"',
           endCaptures: {
-            0: {
+            "0": {
               name: "punctuation.definition.string.end.gotemplate"
             }
           },
@@ -68,13 +68,13 @@ const e = {
         {
           begin: "`",
           beginCaptures: {
-            0: {
+            "0": {
               name: "punctuation.definition.string.begin.gotemplate"
             }
           },
           end: "`",
           endCaptures: {
-            0: {
+            "0": {
               name: "punctuation.definition.string.end.gotemplate"
             }
           },
@@ -104,14 +104,7 @@ const e = {
     string_placeholder: {
       patterns: [
         {
-          match: `(?x)%
-                        (\\d+\\$)?                                    # field (argument #)
-                        [#0\\- +']*                                  # flags
-                        [,;:_]?                                     # separator character (AltiVec)
-                        ((-?\\d+)|\\*(-?\\d+\\$)?)?                     # minimum field width
-                        (\\.((-?\\d+)|\\*(-?\\d+\\$)?)?)?                # precision
-                        [diouxXDOUeEfFgGaAcCsSqpnvtTbyYhHmMzZ%]     # conversion type
-                    `,
+          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"
         },
         {
@@ -125,5 +118,5 @@ const e = {
   uuid: "43606de8-c638-11e2-b661-6711676f99ca"
 };
 export {
-  e as tmLanguage
+  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
+};

package/dist/{go-theme-062a6df6.mjs → es/basic-editor/extensions/go-theme.js}

@@ -1,4 +1,4 @@
-const e = {
+const json = {
   colors: {
     "activityBar.background": "#FAFAFA",
     "activityBar.foreground": "#121417",
@@ -1064,7 +1064,8 @@ const e = {
     { scope: "meta.class.php", settings: { foreground: "#383A42" } }
   ],
   type: "light"
-}, o = Object.freeze(e);
+};
+var go_theme_default = Object.freeze(json);
 export {
-  o as default
+  go_theme_default as default
 };

package/dist/es/basic-editor/extensions/jinja.js

@@ -0,0 +1,80 @@
+import { useLayoutEffect } from "react";
+import { useInjector } from "@coze-editor/editor/react";
+import { astDecorator } from "@coze-editor/editor";
+import { EditorView } from "@codemirror/view";
+const prec = "lowest";
+function JinjaHighlight({ isJinja2Template }) {
+  const injector = useInjector();
+  useLayoutEffect(
+    () => injector.inject([
+      astDecorator.whole.of((cursor) => {
+        if (cursor.name === "JinjaStatement" || cursor.name === "JinjaRawOpenStatement" || cursor.name === "JinjaRawCloseStatement") {
+          if (isJinja2Template) {
+            return {
+              type: "className",
+              className: "jinja-statement",
+              prec
+            };
+          }
+        }
+        if (cursor.name === "JinjaStringLiteral") {
+          if (isJinja2Template) {
+            return {
+              type: "className",
+              className: "jinja-string",
+              prec
+            };
+          }
+        }
+        if (cursor.name === "JinjaComment") {
+          if (isJinja2Template) {
+            return {
+              type: "className",
+              className: "jinja-comment",
+              prec
+            };
+          }
+        }
+        if (cursor.name === "JinjaExpression") {
+          return {
+            type: "className",
+            className: "jinja-expression",
+            prec
+          };
+        }
+        if (cursor.name === "JinjaFilterName" || cursor.name === "JinjaStatementStart" || cursor.name === "JinjaStatementEnd" || cursor.name === "JinjaKeyword" || cursor.name === "JinjaFilterName") {
+          if (isJinja2Template) {
+            return {
+              type: "className",
+              className: "jinja-statement-keyword",
+              prec
+            };
+          }
+        }
+      }),
+      EditorView.theme({
+        ".jinja-statement": {
+          color: "#060709CC"
+        },
+        ".jinja-statement-keyword": {
+          color: "#D1009D"
+        },
+        ".jinja-string": {
+          color: "#060709CC"
+        },
+        ".jinja-comment": {
+          color: "#0607094D"
+        },
+        ".jinja-expression": {
+          color: "var(--Green-COZColorGreen7, #00A136)"
+        }
+      })
+    ]),
+    [injector, isJinja2Template]
+  );
+  return null;
+}
+var jinja_default = JinjaHighlight;
+export {
+  jinja_default as default
+};