@dxos/plugin-automation 0.7.2-main.f1adc9f → 0.7.2

package/dist/lib/node-esm/index.mjs

@@ -5,27 +5,276 @@ import {
   ChainInputType,
   ChainPromptType,
   ChainType
-} from "./chunk-ISJZVA2J.mjs";
+} from "./chunk-PYT2WY4B.mjs";
 import {
   AUTOMATION_PLUGIN,
   meta_default
-} from "./chunk-HNOBZHWK.mjs";
+} from "./chunk-B35UD3D7.mjs";
 
 // packages/plugins/experimental/plugin-automation/src/AutomationPlugin.tsx
-import React from "react";
+import React4 from "react";
 import { parseMetadataResolverPlugin, resolvePlugin } from "@dxos/app-framework";
 import { FunctionTrigger } from "@dxos/functions";
 import { invariant } from "@dxos/invariant";
 import { parseClientPlugin } from "@dxos/plugin-client";
 import { createExtension, toSignal } from "@dxos/plugin-graph";
-import { memoizeQuery } from "@dxos/plugin-space";
-import { getSpace, getTypename, isEchoObject, loadObjectReferences, parseId, SpaceState } from "@dxos/react-client/echo";
-import { translations as formTranslations } from "@dxos/react-ui-form";
+import { getTypename, loadObjectReferences, parseId } from "@dxos/react-client/echo";
+
+// packages/plugins/experimental/plugin-automation/src/components/AutomationPanel.tsx
+import React from "react";
+import { Button, Icon, Toolbar } from "@dxos/react-ui";
+var AutomationPanel = () => {
+  const handleCreate = () => {
+  };
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "flex flex-col"
+  }, /* @__PURE__ */ React.createElement(Toolbar.Root, {
+    classNames: "p-2"
+  }, /* @__PURE__ */ React.createElement(Button, {
+    onClick: handleCreate
+  }, /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--plus--regular"
+  }))));
+};
+
+// packages/plugins/experimental/plugin-automation/src/components/PromptEditor/PromptEditor.tsx
+import React2, { useEffect } from "react";
+import { createDocAccessor } from "@dxos/react-client/echo";
+import { Input, Select, useThemeContext, useTranslation } from "@dxos/react-ui";
+import { createBasicExtensions, createDataExtensions, createThemeExtensions, useTextEditor } from "@dxos/react-ui-editor";
+import { attentionSurface, groupBorder, mx as mx2 } from "@dxos/react-ui-theme";
+import { nonNullable } from "@dxos/util";
+
+// packages/plugins/experimental/plugin-automation/src/components/PromptEditor/prompt-extension.ts
+import { HighlightStyle, StreamLanguage, syntaxHighlighting } from "@codemirror/language";
+import { tags } from "@dxos/react-ui-editor";
+import { mx } from "@dxos/react-ui-theme";
+var nameRegex = /\{([\w-]+)}/;
+var parser = StreamLanguage.define({
+  token: (stream) => {
+    if (stream.eatSpace()) {
+      return null;
+    }
+    if (stream.match(/^#.*/)) {
+      return "lineComment";
+    }
+    if (stream.match(/^-+$/)) {
+      return "lineComment";
+    }
+    if (stream.match(nameRegex)) {
+      return "variableName";
+    }
+    stream.next();
+    return null;
+  }
+});
+var highlightStyles = HighlightStyle.define([
+  {
+    tag: tags.variableName,
+    class: mx("rounded border border-yellow-500 bg-yellow-100 text-black font-mono text-sm")
+  }
+]);
+var promptExtension = [
+  parser,
+  syntaxHighlighting(highlightStyles)
+];
+
+// packages/plugins/experimental/plugin-automation/src/components/PromptEditor/PromptEditor.tsx
+var inputTypes = [
+  {
+    value: ChainInputType.VALUE,
+    label: "Value"
+  },
+  {
+    value: ChainInputType.PASS_THROUGH,
+    label: "Pass through"
+  },
+  {
+    value: ChainInputType.RETRIEVER,
+    label: "Retriever"
+  },
+  // {
+  //   value: ChainInputType.FUNCTION,
+  //   label: 'Function',
+  // },
+  // {
+  //   value: ChainInputType.QUERY,
+  //   label: 'Query',
+  // },
+  {
+    value: ChainInputType.RESOLVER,
+    label: "Resolver"
+  },
+  {
+    value: ChainInputType.CONTEXT,
+    label: "Context"
+  },
+  {
+    value: ChainInputType.SCHEMA,
+    label: "Schema"
+  }
+];
+var getInputType = (type) => inputTypes.find(({ value }) => String(value) === type)?.value;
+var usePromptInputs = (prompt) => {
+  useEffect(() => {
+    const text = prompt.template ?? "";
+    if (!prompt.inputs) {
+      prompt.inputs = [];
+    }
+    const regex = new RegExp(nameRegex, "g");
+    const variables = new Set([
+      ...text.matchAll(regex)
+    ].map((m) => m[1]));
+    const unclaimed = new Map(prompt.inputs?.filter(nonNullable).map((input) => [
+      input.name,
+      input
+    ]));
+    const missing = [];
+    Array.from(variables.values()).forEach((name) => {
+      if (unclaimed.has(name)) {
+        unclaimed.delete(name);
+      } else {
+        missing.push(name);
+      }
+    });
+    const values = unclaimed.values();
+    missing.forEach((name) => {
+      const next = values.next().value;
+      if (next) {
+        next.name = name;
+      } else {
+        prompt.inputs?.push({
+          name
+        });
+      }
+    });
+    for (const input of values) {
+      prompt.inputs.splice(prompt.inputs.indexOf(input), 1);
+    }
+  }, [
+    prompt.template
+  ]);
+};
+var PromptEditor = ({ prompt, commandEditable = true }) => {
+  const { t } = useTranslation(AUTOMATION_PLUGIN);
+  const { themeMode } = useThemeContext();
+  const { parentRef } = useTextEditor(() => ({
+    initialValue: prompt.template,
+    extensions: [
+      createDataExtensions({
+        id: prompt.id,
+        text: prompt.template !== void 0 ? createDocAccessor(prompt, [
+          "template"
+        ]) : void 0
+      }),
+      createBasicExtensions({
+        bracketMatching: false,
+        lineWrapping: true,
+        placeholder: t("template placeholder")
+      }),
+      createThemeExtensions({
+        themeMode,
+        slots: {
+          content: {
+            className: "!p-3"
+          }
+        }
+      }),
+      promptExtension
+    ]
+  }), [
+    themeMode,
+    prompt
+  ]);
+  usePromptInputs(prompt);
+  return /* @__PURE__ */ React2.createElement("div", {
+    className: mx2("flex flex-col w-full overflow-hidden gap-4", groupBorder)
+  }, commandEditable && /* @__PURE__ */ React2.createElement("div", {
+    className: "flex items-center pl-4"
+  }, /* @__PURE__ */ React2.createElement("span", {
+    className: "text-neutral-500"
+  }, "/"), /* @__PURE__ */ React2.createElement(Input.Root, null, /* @__PURE__ */ React2.createElement(Input.TextInput, {
+    placeholder: t("command placeholder"),
+    classNames: mx2("is-full bg-transparent m-2"),
+    value: prompt.command ?? "",
+    onChange: (event) => {
+      prompt.command = event.target.value.replace(/\w/g, "");
+    }
+  }))), /* @__PURE__ */ React2.createElement("div", {
+    ref: parentRef,
+    className: mx2(attentionSurface, "rounded", "min-h-[120px]")
+  }), (prompt.inputs?.length ?? 0) > 0 && /* @__PURE__ */ React2.createElement("div", {
+    className: "flex flex-col"
+  }, /* @__PURE__ */ React2.createElement("table", {
+    className: "w-full table-fixed border-collapse my-2"
+  }, /* @__PURE__ */ React2.createElement("tbody", null, prompt.inputs?.filter(nonNullable).map((input) => /* @__PURE__ */ React2.createElement("tr", {
+    key: input.name
+  }, /* @__PURE__ */ React2.createElement("td", {
+    className: "w-[160px] p-1 font-mono text-sm whitespace-nowrap truncate"
+  }, /* @__PURE__ */ React2.createElement("code", {
+    className: "px-2"
+  }, input.name)), /* @__PURE__ */ React2.createElement("td", {
+    className: "w-[120px] p-1"
+  }, /* @__PURE__ */ React2.createElement(Input.Root, null, /* @__PURE__ */ React2.createElement(Select.Root, {
+    value: String(input.type),
+    onValueChange: (type) => {
+      input.type = getInputType(type) ?? ChainInputType.VALUE;
+    }
+  }, /* @__PURE__ */ React2.createElement(Select.TriggerButton, {
+    placeholder: "Type",
+    classNames: "is-full"
+  }), /* @__PURE__ */ React2.createElement(Select.Portal, null, /* @__PURE__ */ React2.createElement(Select.Content, null, /* @__PURE__ */ React2.createElement(Select.Viewport, null, inputTypes.map(({ value, label }) => /* @__PURE__ */ React2.createElement(Select.Option, {
+    key: value,
+    value: String(value)
+  }, label)))))))), /* @__PURE__ */ React2.createElement("td", {
+    className: "p-1 pr-2"
+  }, input.type !== void 0 && [
+    ChainInputType.VALUE,
+    ChainInputType.CONTEXT,
+    ChainInputType.RESOLVER,
+    ChainInputType.SCHEMA
+  ].includes(input.type) && /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(Input.Root, null, /* @__PURE__ */ React2.createElement(Input.TextInput, {
+    placeholder: t("command placeholder"),
+    classNames: mx2("is-full bg-transparent"),
+    value: input.value ?? "",
+    onChange: (event) => {
+      input.value = event.target.value;
+    }
+  }))))))))));
+};
 
-// packages/plugins/experimental/plugin-automation/src/components/index.ts
-import { lazy } from "react";
-var AssistantPanel = lazy(() => import("./AssistantPanel-QIIX7S4V.mjs"));
-var AutomationPanel = lazy(() => import("./AutomationPanel-5L5NFVKU.mjs"));
+// packages/plugins/experimental/plugin-automation/src/components/TriggerEditor/TriggerEditor.tsx
+import React3 from "react";
+import { FunctionTriggerSchema, TriggerKind } from "@dxos/functions";
+import { FunctionType } from "@dxos/plugin-script/types";
+import { Filter, useQuery } from "@dxos/react-client/echo";
+import { useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { Form, SelectInput } from "@dxos/react-ui-form";
+var TriggerEditor = ({ space, trigger }) => {
+  const { t } = useTranslation2(AUTOMATION_PLUGIN);
+  const functions = useQuery(space, Filter.schema(FunctionType));
+  return /* @__PURE__ */ React3.createElement(Form, {
+    schema: FunctionTriggerSchema,
+    values: trigger,
+    filter: (props) => props.filter((p) => p.name !== "meta"),
+    Custom: {
+      ["function"]: (props) => /* @__PURE__ */ React3.createElement(SelectInput, {
+        ...props,
+        options: functions.map(({ name }) => ({
+          value: name,
+          label: name
+        }))
+      }),
+      ["spec.type"]: (props) => /* @__PURE__ */ React3.createElement(SelectInput, {
+        ...props,
+        options: Object.values(TriggerKind).map((kind) => ({
+          value: kind,
+          label: t(`trigger type ${kind}`)
+        }))
+      })
+    }
+  });
+};
 
 // packages/plugins/experimental/plugin-automation/src/translations.ts
 var translations_default = [
@@ -54,9 +303,7 @@ var translations_default = [
         "trigger filter": "Filter",
         "trigger cron": "Cron",
         "trigger method": "Method",
-        "trigger endpoint": "Endpoint",
-        "open assistant panel label": "Show Assistant",
-        "assistant panel label": "Assistant"
+        "trigger endpoint": "Endpoint"
       }
     }
   }
@@ -83,10 +330,7 @@ var AutomationPlugin = () => {
           }
         }
       },
-      translations: [
-        ...translations_default,
-        ...formTranslations
-      ],
+      translations: translations_default,
       echo: {
         schema: [
           ChainType,
@@ -104,17 +348,7 @@ var AutomationPlugin = () => {
                 ns: AUTOMATION_PLUGIN
               }
             ],
-            icon: "ph--magic-wand--regular"
-          },
-          {
-            id: "assistant",
-            label: [
-              "open assistant panel label",
-              {
-                ns: AUTOMATION_PLUGIN
-              }
-            ],
-            icon: "ph--atom--regular"
+            icon: "ph--flow-arrow--regular"
           }
         ]
       },
@@ -126,7 +360,7 @@ var AutomationPlugin = () => {
           const client = clientPlugin?.provides.client;
           invariant(resolve, void 0, {
             F: __dxlog_file,
-            L: 66,
+            L: 52,
             S: void 0,
             A: [
               "resolve",
@@ -135,7 +369,7 @@ var AutomationPlugin = () => {
           });
           invariant(client, void 0, {
             F: __dxlog_file,
-            L: 67,
+            L: 53,
             S: void 0,
             A: [
               "client",
@@ -151,11 +385,10 @@ var AutomationPlugin = () => {
                   return;
                 }
                 const type = "orphan-settings-for-subject";
-                const icon = "ph--magic-wand--regular";
+                const icon = "ph--flow-arrow--regular";
                 const [subjectId] = id.split("~");
                 const { spaceId, objectId } = parseId(subjectId);
-                const spaces = toSignal((onChange) => client.spaces.subscribe(() => onChange()).unsubscribe, () => client.spaces.get());
-                const space = spaces?.find((space2) => space2.id === spaceId && space2.state.get() === SpaceState.SPACE_READY);
+                const space = client.spaces.get().find((space2) => space2.id === spaceId);
                 if (!objectId) {
                   const label2 = space ? space.properties.name || [
                     "unnamed space label",
@@ -181,9 +414,15 @@ var AutomationPlugin = () => {
                     }
                   };
                 }
-                const [object] = memoizeQuery(space, {
-                  id: objectId
-                });
+                const object = toSignal((onChange) => {
+                  const timeout = setTimeout(async () => {
+                    await space?.db.query({
+                      id: objectId
+                    }).first();
+                    onChange();
+                  });
+                  return () => clearTimeout(timeout);
+                }, () => space?.db.getObjectById(objectId), subjectId);
                 if (!object || !subjectId) {
                   return;
                 }
@@ -205,54 +444,6 @@ var AutomationPlugin = () => {
                   }
                 };
               }
-            }),
-            createExtension({
-              id: `${AUTOMATION_PLUGIN}/assistant-for-subject`,
-              resolver: ({ id }) => {
-                if (!id.endsWith("~assistant")) {
-                  return;
-                }
-                const [subjectId] = id.split("~");
-                const { spaceId, objectId } = parseId(subjectId);
-                const spaces = toSignal((onChange) => client.spaces.subscribe(() => onChange()).unsubscribe, () => client.spaces.get());
-                const space = spaces?.find((space2) => space2.id === spaceId && space2.state.get() === SpaceState.SPACE_READY);
-                if (!objectId) {
-                  return {
-                    id,
-                    type: "orphan-automation-for-subject",
-                    data: null,
-                    properties: {
-                      icon: "ph--atom--regular",
-                      label: [
-                        "assistant panel label",
-                        {
-                          ns: AUTOMATION_PLUGIN
-                        }
-                      ],
-                      object: null,
-                      space
-                    }
-                  };
-                }
-                const [object] = memoizeQuery(space, {
-                  id: objectId
-                });
-                return {
-                  id,
-                  type: "orphan-automation-for-subject",
-                  data: null,
-                  properties: {
-                    icon: "ph--atom--regular",
-                    label: [
-                      "assistant panel label",
-                      {
-                        ns: AUTOMATION_PLUGIN
-                      }
-                    ],
-                    object
-                  }
-                };
-              }
             })
           ];
         }
@@ -260,36 +451,21 @@ var AutomationPlugin = () => {
       surface: {
         component: ({ data, role }) => {
           switch (role) {
-            case "complementary--assistant":
-              return /* @__PURE__ */ React.createElement(AssistantPanel, {
-                subject: data.subject
-              });
-            case "complementary--automation": {
-              const object = data.subject;
-              const space = isEchoObject(object) ? getSpace(object) : void 0;
-              if (space) {
-                invariant(isEchoObject(object), void 0, {
-                  F: __dxlog_file,
-                  L: 193,
-                  S: void 0,
-                  A: [
-                    "isEchoObject(object)",
-                    ""
-                  ]
-                });
-                return /* @__PURE__ */ React.createElement(AutomationPanel, {
-                  space,
-                  object
-                });
-              }
-              break;
-            }
+            // case 'article':
+            // return data.object instanceof ChainType ? <ChainArticle chain={data.object} /> : null;
+            case "complementary--automation":
+              return /* @__PURE__ */ React4.createElement(AutomationPanel, null);
           }
           return null;
         }
       },
       intent: {
         resolver: (intent) => {
+          switch (intent.action) {
+            case AutomationAction.CREATE: {
+              return {};
+            }
+          }
         }
       }
     }
@@ -517,7 +693,6 @@ var chainPresets = [
 // packages/plugins/experimental/plugin-automation/src/index.ts
 var src_default = AutomationPlugin;
 export {
-  AssistantPanel,
   AutomationAction,
   AutomationPanel,
   AutomationPlugin,
@@ -525,6 +700,8 @@ export {
   ChainInputType,
   ChainPromptType,
   ChainType,
+  PromptEditor,
+  TriggerEditor,
   chainPresets,
   src_default as default,
   str