@cozeloop/prompt-components 0.0.1 → 0.0.2

package/package.json

@@ -1,15 +1,16 @@
 {
   "name": "@cozeloop/prompt-components",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Prompt common components for cozeloop",
   "author": "cozeloop",
-  "main": "./dist/lib/index.js",
+  "main": "./dist/index.js",
   "scripts": {
     "build": "exit 0",
     "lint": "eslint ./ --cache",
     "pub": "node publish.js",
     "test": "exit 0",
-    "test:cov": "exit 0"
+    "test:cov": "exit 0",
+    "vite:build": "vite build"
   },
   "dependencies": {
     "@codemirror/commands": "^6.3.3",
@@ -56,17 +57,26 @@
     "@types/lodash-es": "^4.17.10",
     "@types/react": "18.2.37",
     "@types/react-dom": "18.2.15",
+    "@vitejs/plugin-react": "^4.2.1",
     "@vitest/coverage-v8": "~3.0.5",
     "happy-dom": "^12.10.3",
     "react-dom": "~18.2.0",
     "storybook": "^7.6.7",
     "tsconfig-paths": "4.1.0",
     "vite": "^4.3.9",
+    "vite-plugin-dts": "^3.6.4",
     "vite-plugin-svgr": "~3.3.0",
     "vitest": "~3.0.5"
   },
-  "module": "./dist/es/index.js",
-  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist",
     "package.json",

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

@@ -1,9 +0,0 @@
-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

@@ -1,138 +0,0 @@
-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-template.js

@@ -1,16 +0,0 @@
-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/es/basic-editor/extensions/jinja.js

@@ -1,80 +0,0 @@
-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
-};