@cozeloop/prompt-components 0.0.2 → 0.0.4

package/dist/es/code-editor/themes/coze-dark.js

@@ -0,0 +1,112 @@
+import { createTheme, tags as t } from "@coze-editor/editor/preset-code";
+import { EditorView } from "@codemirror/view";
+const colors = {
+  background: "#151B27",
+  // syntax
+  comment: "#FFFFFF63",
+  key: "#39E5D7",
+  string: "#FF94D2",
+  number: "#FF9933",
+  boolean: "#78B0FF",
+  null: "#78B0FF",
+  separator: "#FFFFFFC9"
+};
+const cozeDark = [
+  EditorView.theme({
+    ".cm-completionIcon-property": {
+      backgroundImage: 'url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMWVtIiBoZWlnaHQ9IjFlbSIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMi4zNTc2IDguMTAzNTVDMTIuMTYyMyA3LjkwODI5IDExLjg0NTcgNy45MDgyOSAxMS42NTA1IDguMTAzNTVMOC4xMDM1NSAxMS42NTA1QzcuOTA4MjkgMTEuODQ1NyA3LjkwODI5IDEyLjE2MjMgOC4xMDM1NSAxMi4zNTc2TDExLjY1MDUgMTUuOTA0NUMxMS44NDU3IDE2LjA5OTggMTIuMTYyMyAxNi4wOTk4IDEyLjM1NzYgMTUuOTA0NUwxNS45MDQ1IDEyLjM1NzZDMTYuMDk5OCAxMi4xNjIzIDE2LjA5OTggMTEuODQ1NyAxNS45MDQ1IDExLjY1MDVMMTIuMzU3NiA4LjEwMzU1WiIgZmlsbD0iI0ZGRkZGRkM5Ii8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4wMDI2IDEuNDU1NDVDMTEuNjIxNCAxLjA5ODE4IDEyLjM4MzggMS4wOTgxOCAxMy4wMDI2IDEuNDU1NDVMMjAuNjM4IDUuODYzNzRDMjEuMjU2OCA2LjIyMSAyMS42MzggNi44ODEyNiAyMS42MzggNy41OTU3OVYxNi40MTI0QzIxLjYzOCAxNy4xMjY5IDIxLjI1NjggMTcuNzg3MiAyMC42MzggMTguMTQ0NEwxMy4wMDI2IDIyLjU1MjdDMTIuMzgzOCAyMi45MSAxMS42MjE0IDIyLjkxIDExLjAwMjYgMjIuNTUyN0wzLjM2NzE5IDE4LjE0NDRDMi43NDgzOSAxNy43ODcyIDIuMzY3MTkgMTcuMTI2OSAyLjM2NzE5IDE2LjQxMjRWNy41OTU3OUMyLjM2NzE5IDYuODgxMjYgMi43NDgzOSA2LjIyMTAxIDMuMzY3MTkgNS44NjM3NEwxMS4wMDI2IDEuNDU1NDVaTTEyLjAwMjYgMy4xODc1TDE5LjYzOCA3LjU5NTc5VjE2LjQxMjRMMTIuMDAyNiAyMC44MjA3TDQuMzY3MTkgMTYuNDEyNEw0LjM2NzE5IDcuNTk1NzlMMTIuMDAyNiAzLjE4NzVaIiBmaWxsPSIjRkZGRkZGQzkiLz48L3N2Zz4=")',
+      backgroundSize: "11px 11px",
+      backgroundRepeat: "no-repeat",
+      width: "11px",
+      height: "11px"
+    },
+    ".cm-completionIcon-property::after": {
+      content: '""'
+    }
+  }),
+  createTheme({
+    variant: "dark",
+    settings: {
+      background: colors.background,
+      foreground: "#fff",
+      caret: "#AEAFAD",
+      selection: "#d9d9d942",
+      gutterBackground: colors.background,
+      gutterForeground: "#FFFFFF63",
+      gutterBorderColor: "transparent",
+      gutterBorderWidth: 0,
+      lineHighlight: "#272e3d36",
+      bracketColors: ["#FFEF61", "#DD99FF", "#78B0FF"],
+      tooltip: {
+        backgroundColor: "#363D4D",
+        color: "#fff",
+        border: "none"
+      },
+      completionItemHover: {
+        backgroundColor: "#FFFFFF0F"
+      },
+      completionItemSelected: {
+        backgroundColor: "#FFFFFF17"
+      },
+      completionItemIcon: {
+        color: "#FFFFFFC9"
+      },
+      completionItemLabel: {
+        color: "#FFFFFFC9"
+      },
+      completionItemDetail: {
+        color: "#FFFFFF63"
+      }
+    },
+    styles: [
+      // json
+      {
+        tag: t.comment,
+        color: colors.comment
+      },
+      {
+        tag: [t.propertyName],
+        color: colors.key
+      },
+      {
+        tag: [t.string],
+        color: colors.string
+      },
+      {
+        tag: [t.number],
+        color: colors.number
+      },
+      {
+        tag: [t.bool],
+        color: colors.boolean
+      },
+      {
+        tag: [t.null],
+        color: colors.null
+      },
+      {
+        tag: [t.separator],
+        color: colors.separator
+      },
+      // shell
+      // curl
+      {
+        tag: [t.standard(t.variableName)],
+        color: "#3BEB84"
+      },
+      // -X
+      {
+        tag: [t.attributeName],
+        color: "#FF9933"
+      },
+      // url in string (includes quotes), e.g. "https://..."
+      {
+        tag: [t.special(t.string)],
+        color: "#78B0FF"
+      }
+    ]
+  })
+];
+export {
+  cozeDark
+};

package/dist/es/code-editor/themes/coze-light.js

@@ -0,0 +1,118 @@
+import { createTheme, tags as t } from "@coze-editor/editor/preset-code";
+import { EditorView } from "@codemirror/view";
+const colors = {
+  background: "#fff",
+  // syntax
+  comment: "#000A298A",
+  key: "#00818C",
+  string: "#D1009D",
+  number: "#C74200",
+  boolean: "#2B57D9",
+  null: "#2B57D9",
+  separator: "#0F1529D1"
+};
+const cozeLight = [
+  EditorView.theme({
+    ".cm-completionIcon-property": {
+      backgroundImage: 'url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMWVtIiBoZWlnaHQ9IjFlbSIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMi4zNTc2IDguMTAzNTVDMTIuMTYyMyA3LjkwODI5IDExLjg0NTcgNy45MDgyOSAxMS42NTA1IDguMTAzNTVMOC4xMDM1NSAxMS42NTA1QzcuOTA4MjkgMTEuODQ1NyA3LjkwODI5IDEyLjE2MjMgOC4xMDM1NSAxMi4zNTc2TDExLjY1MDUgMTUuOTA0NUMxMS44NDU3IDE2LjA5OTggMTIuMTYyMyAxNi4wOTk4IDEyLjM1NzYgMTUuOTA0NUwxNS45MDQ1IDEyLjM1NzZDMTYuMDk5OCAxMi4xNjIzIDE2LjA5OTggMTEuODQ1NyAxNS45MDQ1IDExLjY1MDVMMTIuMzU3NiA4LjEwMzU1WiIgZmlsbD0iIzA2MDcwOUNDIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4wMDI2IDEuNDU1NDVDMTEuNjIxNCAxLjA5ODE4IDEyLjM4MzggMS4wOTgxOCAxMy4wMDI2IDEuNDU1NDVMMjAuNjM4IDUuODYzNzRDMjEuMjU2OCA2LjIyMSAyMS42MzggNi44ODEyNiAyMS42MzggNy41OTU3OVYxNi40MTI0QzIxLjYzOCAxNy4xMjY5IDIxLjI1NjggMTcuNzg3MiAyMC42MzggMTguMTQ0NEwxMy4wMDI2IDIyLjU1MjdDMTIuMzgzOCAyMi45MSAxMS42MjE0IDIyLjkxIDExLjAwMjYgMjIuNTUyN0wzLjM2NzE5IDE4LjE0NDRDMi43NDgzOSAxNy43ODcyIDIuMzY3MTkgMTcuMTI2OSAyLjM2NzE5IDE2LjQxMjRWNy41OTU3OUMyLjM2NzE5IDYuODgxMjYgMi43NDgzOSA2LjIyMTAxIDMuMzY3MTkgNS44NjM3NEwxMS4wMDI2IDEuNDU1NDVaTTEyLjAwMjYgMy4xODc1TDE5LjYzOCA3LjU5NTc5VjE2LjQxMjRMMTIuMDAyNiAyMC44MjA3TDQuMzY3MTkgMTYuNDEyNEw0LjM2NzE5IDcuNTk1NzlMMTIuMDAyNiAzLjE4NzVaIiBmaWxsPSIjMDYwNzA5Q0MiLz48L3N2Zz4=")',
+      backgroundSize: "11px 11px",
+      backgroundRepeat: "no-repeat",
+      width: "11px",
+      height: "11px"
+    },
+    ".cm-completionIcon-property::after": {
+      content: '""'
+    }
+  }),
+  createTheme({
+    variant: "light",
+    settings: {
+      background: colors.background,
+      foreground: "#4D4D4C",
+      caret: "#AEAFAD",
+      selection: "#52649A21",
+      gutterBackground: colors.background,
+      gutterForeground: "#000A298A",
+      gutterBorderColor: "transparent",
+      gutterBorderWidth: 0,
+      lineHighlight: "#efefef78",
+      bracketColors: ["#E4D129", "#AC05FF", "#2B57D9"],
+      tooltip: {
+        backgroundColor: "var(--coz-bg-max)",
+        color: "var(--coz-fg-primary)",
+        border: "solid 1px var(--coz-stroke-plus)",
+        boxShadow: "var(--coz-shadow-default)",
+        borderRadius: "8px"
+      },
+      tooltipCompletion: {
+        backgroundColor: "#FFFFFF",
+        color: "#060709CC"
+      },
+      completionItemHover: {
+        backgroundColor: "#5768A114"
+      },
+      completionItemSelected: {
+        backgroundColor: "#52649A21"
+      },
+      completionItemIcon: {
+        color: "#060709CC"
+      },
+      completionItemLabel: {
+        color: "#060709CC"
+      },
+      completionItemDetail: {
+        color: "#2029459E"
+      }
+    },
+    styles: [
+      // JSON
+      {
+        tag: t.comment,
+        color: colors.comment
+      },
+      {
+        tag: [t.propertyName],
+        color: colors.key
+      },
+      {
+        tag: [t.string],
+        color: colors.string
+      },
+      {
+        tag: [t.number],
+        color: colors.number
+      },
+      {
+        tag: [t.bool],
+        color: colors.boolean
+      },
+      {
+        tag: [t.null],
+        color: colors.null
+      },
+      {
+        tag: [t.separator],
+        color: colors.separator
+      },
+      // shell
+      // curl
+      {
+        tag: [t.standard(t.variableName)],
+        color: "#00804A"
+      },
+      // -X
+      {
+        tag: [t.attributeName],
+        color: "#C74200"
+      },
+      // url in string (includes quotes), e.g. "https://..."
+      {
+        tag: [t.special(t.string)],
+        color: "#2B57D9"
+      }
+    ]
+  })
+];
+export {
+  cozeLight
+};

package/dist/es/consts/index.js

@@ -0,0 +1,12 @@
+const VARIABLE_MAX_LEN = 50;
+const modelConfigLabelMap = {
+  temperature: "生成随机性",
+  max_tokens: "最大回复长度",
+  top_p: "Top P"
+};
+const DEFAULT_MAX_TOKENS = 4096;
+export {
+  DEFAULT_MAX_TOKENS,
+  VARIABLE_MAX_LEN,
+  modelConfigLabelMap
+};

package/dist/es/dev-layout/index.js

@@ -0,0 +1,35 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
+import { Typography } from "@coze-arch/coze-design";
+function DevLayout({
+  title,
+  actionBtns,
+  children,
+  className,
+  style
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: classNames("flex flex-col h-full w-full", className),
+      style,
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "h-[40px] px-6 py-2 box-border coz-fg-plus w-full border-0 border-t border-b border-solid flex justify-between items-center",
+            style: { background: "#F6F6FB" },
+            children: [
+              /* @__PURE__ */ jsx(Typography.Text, { strong: true, children: title }),
+              actionBtns
+            ]
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+export {
+  DevLayout
+};