@dxos/plugin-automation 0.7.4 → 0.7.5-labs.071a3e2

package/dist/lib/browser/chunk-Z54KIF6H.mjs

@@ -0,0 +1,242 @@
+import {
+  AUTOMATION_PLUGIN
+} from "./chunk-DQ7ZSYJJ.mjs";
+
+// packages/plugins/experimental/plugin-automation/src/components/AutomationPanel/AutomationPanel.tsx
+import React2, { useState as useState2 } from "react";
+import { S } from "@dxos/echo-schema";
+import { FunctionType as FunctionType2, FunctionTrigger, FunctionTriggerSchema as FunctionTriggerSchema2, TriggerKind as TriggerKind2, ScriptType as ScriptType2 } from "@dxos/functions";
+import { useClient } from "@dxos/react-client";
+import { create, Filter as Filter2, useQuery as useQuery2, getSpace } from "@dxos/react-client/echo";
+import { IconButton as IconButton2, Input as Input2, useTranslation as useTranslation2, Button } from "@dxos/react-ui";
+import { List } from "@dxos/react-ui-list";
+import { ghostHover, mx } from "@dxos/react-ui-theme";
+
+// packages/plugins/experimental/plugin-automation/src/components/TriggerEditor/TriggerEditor.tsx
+import React, { useEffect, useState } from "react";
+import { ComputeGraph } from "@dxos/conductor";
+import { FunctionType, FunctionTriggerSchema, ScriptType, TriggerKind } from "@dxos/functions";
+import { Filter, useQuery } from "@dxos/react-client/echo";
+import { IconButton, Input, useTranslation } from "@dxos/react-ui";
+import { Form, SelectInput, TextInput } from "@dxos/react-ui-form";
+var TriggerEditor = ({ space, trigger, onSave, onCancel }) => {
+  const { t } = useTranslation(AUTOMATION_PLUGIN);
+  const functions = useQuery(space, Filter.schema(FunctionType));
+  const workflows = useQuery(space, Filter.schema(ComputeGraph));
+  const scripts = useQuery(space, Filter.schema(ScriptType));
+  const handleSave = (values) => {
+    onSave?.(values);
+  };
+  return /* @__PURE__ */ React.createElement(Form, {
+    schema: FunctionTriggerSchema,
+    values: trigger,
+    onSave: handleSave,
+    onCancel,
+    Custom: {
+      ["function"]: (props) => /* @__PURE__ */ React.createElement(SelectInput, {
+        ...props,
+        options: getWorkflowOptions(workflows).concat(getFunctionOptions(scripts, functions))
+      }),
+      ["spec.type"]: (props) => /* @__PURE__ */ React.createElement(SelectInput, {
+        ...props,
+        options: Object.values(TriggerKind).map((kind) => ({
+          value: kind,
+          label: t(`trigger type ${kind}`)
+        }))
+      }),
+      ["meta"]: (props) => {
+        const meta = props.getValue();
+        useEffect(() => props.onValueChange("object", {
+          ...meta
+        }), []);
+        const [newMetaFieldName, setNewMetaFieldName] = useState("");
+        return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", null, props.label), [
+          ...Object.keys(meta)
+        ].map((key) => {
+          const compositeKey = `meta.${key}`;
+          return /* @__PURE__ */ React.createElement("div", {
+            key: compositeKey,
+            role: "none",
+            className: "flex items-center mt-2 gap-1"
+          }, /* @__PURE__ */ React.createElement("div", {
+            role: "none",
+            className: "flex-1"
+          }, /* @__PURE__ */ React.createElement(TextInput, {
+            ...props,
+            type: "string",
+            label: key
+          })), /* @__PURE__ */ React.createElement(IconButton, {
+            icon: "ph--trash--regular",
+            iconOnly: true,
+            classNames: "mt-6",
+            label: t("trigger meta remove"),
+            onClick: () => {
+              const newValues = {
+                ...props.getValue()
+              };
+              delete newValues[key];
+              props.onValueChange("object", newValues);
+            }
+          }));
+        }), /* @__PURE__ */ React.createElement("div", {
+          role: "none",
+          className: "flex items-center mt-2 gap-1 plb-1"
+        }, /* @__PURE__ */ React.createElement("div", {
+          role: "none",
+          className: "flex-1"
+        }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.TextInput, {
+          placeholder: t("trigger meta prop name placeholder"),
+          value: newMetaFieldName,
+          onChange: (event) => setNewMetaFieldName(event.target.value)
+        }))), /* @__PURE__ */ React.createElement(IconButton, {
+          icon: "ph--plus--regular",
+          iconOnly: true,
+          label: t("trigger meta add"),
+          onClick: () => {
+            if (newMetaFieldName.length) {
+              const meta2 = props.getValue() ?? {};
+              const metaWithNewProp = {
+                ...meta2,
+                [newMetaFieldName]: ""
+              };
+              setNewMetaFieldName("");
+              props.onValueChange("object", metaWithNewProp);
+            }
+          }
+        })));
+      }
+    }
+  });
+};
+var getWorkflowOptions = (graphs) => {
+  return graphs.map((graph) => ({
+    label: `compute-${graph.id}`,
+    value: `dxn:echo:@:${graph.id}`
+  }));
+};
+var getFunctionOptions = (scripts, functions) => {
+  const getLabel = (fn) => scripts.find((s) => fn.source?.target?.id === s.id)?.name ?? fn.name;
+  return functions.map((fn) => ({
+    label: getLabel(fn),
+    value: `dxn:worker:${fn.name}`
+  }));
+};
+
+// packages/plugins/experimental/plugin-automation/src/components/AutomationPanel/AutomationPanel.tsx
+var grid = "grid grid-cols-[40px_1fr_32px] min-bs-[2.5rem]";
+var AutomationPanel = ({ space, object }) => {
+  const { t } = useTranslation2(AUTOMATION_PLUGIN);
+  const client = useClient();
+  const triggers = useQuery2(space, Filter2.schema(FunctionTrigger));
+  const functions = useQuery2(space, Filter2.schema(FunctionType2));
+  const scripts = useQuery2(space, Filter2.schema(ScriptType2));
+  const [trigger, setTrigger] = useState2();
+  const [selected, setSelected] = useState2();
+  const handleSelect = (trigger2) => {
+    const { id: _, ...values } = trigger2;
+    setTrigger(values);
+    setSelected(trigger2);
+  };
+  const handleAdd = () => {
+    setTrigger(create(FunctionTriggerSchema2, {
+      meta: {}
+    }));
+    setSelected(void 0);
+  };
+  const handleDelete = (trigger2) => {
+    space.db.remove(trigger2);
+    setTrigger(void 0);
+    setSelected(void 0);
+  };
+  const handleSave = (trigger2) => {
+    if (selected) {
+      Object.assign(selected, trigger2);
+    } else {
+      space.db.add(create(FunctionTrigger, trigger2));
+    }
+    setTrigger(void 0);
+    setSelected(void 0);
+  };
+  const handleCancel = () => {
+    setTrigger(void 0);
+  };
+  return /* @__PURE__ */ React2.createElement("div", {
+    className: "flex flex-col w-full divide-y divide-separator overflow-y-auto"
+  }, /* @__PURE__ */ React2.createElement(List.Root, {
+    items: triggers,
+    isItem: S.is(FunctionTrigger),
+    getId: (field) => field.id
+  }, ({ items: triggers2 }) => /* @__PURE__ */ React2.createElement("div", {
+    role: "list",
+    className: "flex flex-col w-full"
+  }, triggers2?.map((trigger2) => {
+    const copyAction = getCopyAction(client, trigger2);
+    return /* @__PURE__ */ React2.createElement(List.Item, {
+      key: trigger2.id,
+      item: trigger2,
+      classNames: mx(grid, ghostHover, "items-center", "px-2")
+    }, /* @__PURE__ */ React2.createElement(Input2.Root, null, /* @__PURE__ */ React2.createElement(Input2.Switch, {
+      checked: trigger2.enabled,
+      onCheckedChange: (checked) => trigger2.enabled = checked
+    })), /* @__PURE__ */ React2.createElement("div", {
+      className: "flex"
+    }, /* @__PURE__ */ React2.createElement(List.ItemTitle, {
+      classNames: "px-1 cursor-pointer w-0 shrink truncate",
+      onClick: () => handleSelect(trigger2)
+    }, getFunctionName(scripts, functions, trigger2) ?? "\u2205"), copyAction && /* @__PURE__ */ React2.createElement(Button, {
+      onClick: () => navigator.clipboard.writeText(copyAction.contentProvider())
+    }, t(copyAction.translationKey))), /* @__PURE__ */ React2.createElement(List.ItemDeleteButton, {
+      onClick: () => handleDelete(trigger2)
+    }));
+  }))), trigger && /* @__PURE__ */ React2.createElement(TriggerEditor, {
+    space,
+    trigger,
+    onSave: handleSave,
+    onCancel: handleCancel
+  }), !trigger && /* @__PURE__ */ React2.createElement("div", {
+    className: "flex p-2 justify-center"
+  }, /* @__PURE__ */ React2.createElement(IconButton2, {
+    icon: "ph--plus--regular",
+    label: t("new trigger"),
+    onClick: handleAdd
+  })));
+};
+var getCopyAction = (client, trigger) => {
+  if (trigger?.spec?.type === TriggerKind2.Email) {
+    return {
+      translationKey: "trigger copy email",
+      contentProvider: () => `${getSpace(trigger).id}@dxos.network`
+    };
+  }
+  if (trigger?.spec?.type === TriggerKind2.Webhook) {
+    return {
+      translationKey: "trigger copy url",
+      contentProvider: () => getWebhookUrl(client, trigger)
+    };
+  }
+  return void 0;
+};
+var getWebhookUrl = (client, trigger) => {
+  const spaceId = getSpace(trigger).id;
+  const edgeUrl = new URL(client.config.values.runtime.services.edge.url);
+  const isSecure = edgeUrl.protocol.startsWith("https") || edgeUrl.protocol.startsWith("wss");
+  edgeUrl.protocol = isSecure ? "https" : "http";
+  return new URL(`/webhook/${spaceId}:${trigger.id}`, edgeUrl).toString();
+};
+var getFunctionName = (scripts, functions, trigger) => {
+  const shortId = trigger.function && `${trigger.function?.slice(0, 16)}\u2026`;
+  const functionObject = functions.find((fn) => fn.name === trigger.function);
+  if (!functionObject) {
+    return shortId;
+  }
+  return scripts.find((s) => functionObject.source?.target?.id === s.id)?.name ?? shortId;
+};
+
+// packages/plugins/experimental/plugin-automation/src/components/AutomationPanel/index.ts
+var AutomationPanel_default = AutomationPanel;
+
+export {
+  TriggerEditor,
+  AutomationPanel_default
+};
+//# sourceMappingURL=chunk-Z54KIF6H.mjs.map

package/dist/lib/browser/chunk-Z54KIF6H.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/AutomationPanel/AutomationPanel.tsx", "../../../src/components/TriggerEditor/TriggerEditor.tsx", "../../../src/components/AutomationPanel/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { S } from '@dxos/echo-schema';\nimport {\n  FunctionType,\n  FunctionTrigger,\n  FunctionTriggerSchema,\n  TriggerKind,\n  type FunctionTriggerType,\n  ScriptType,\n} from '@dxos/functions';\nimport { type Client, useClient } from '@dxos/react-client';\nimport { create, Filter, useQuery, type Space, type ReactiveObject, getSpace } from '@dxos/react-client/echo';\nimport { IconButton, Input, useTranslation, Button } from '@dxos/react-ui';\nimport { List } from '@dxos/react-ui-list';\nimport { ghostHover, mx } from '@dxos/react-ui-theme';\n\nimport { AUTOMATION_PLUGIN } from '../../meta';\nimport { TriggerEditor, type TriggerEditorProps } from '../TriggerEditor';\n\nconst grid = 'grid grid-cols-[40px_1fr_32px] min-bs-[2.5rem]';\n\nexport type AutomationPanelProps = {\n  space: Space;\n  object?: ReactiveObject<any>;\n};\n\n// TODO(burdon): Factor out common layout with ViewEditor.\nexport const AutomationPanel = ({ space, object }: AutomationPanelProps) => {\n  const { t } = useTranslation(AUTOMATION_PLUGIN);\n  const client = useClient();\n  const triggers = useQuery(space, Filter.schema(FunctionTrigger));\n  const functions = useQuery(space, Filter.schema(FunctionType));\n  const scripts = useQuery(space, Filter.schema(ScriptType));\n\n  const [trigger, setTrigger] = useState<FunctionTriggerType>();\n  const [selected, setSelected] = useState<FunctionTrigger>();\n\n  const handleSelect = (trigger: FunctionTrigger) => {\n    const { id: _, ...values } = trigger;\n    setTrigger(values);\n    setSelected(trigger);\n  };\n\n  const handleAdd = () => {\n    setTrigger(create(FunctionTriggerSchema, { meta: {} }));\n    setSelected(undefined);\n  };\n\n  const handleDelete = (trigger: FunctionTrigger) => {\n    space.db.remove(trigger);\n    setTrigger(undefined);\n    setSelected(undefined);\n  };\n\n  const handleSave: TriggerEditorProps['onSave'] = (trigger) => {\n    if (selected) {\n      Object.assign(selected, trigger);\n    } else {\n      space.db.add(create(FunctionTrigger, trigger));\n    }\n\n    setTrigger(undefined);\n    setSelected(undefined);\n  };\n\n  const handleCancel: TriggerEditorProps['onCancel'] = () => {\n    setTrigger(undefined);\n  };\n\n  return (\n    <div className='flex flex-col w-full divide-y divide-separator overflow-y-auto'>\n      <List.Root<FunctionTrigger> items={triggers} isItem={S.is(FunctionTrigger)} getId={(field) => field.id}>\n        {({ items: triggers }) => (\n          <div role='list' className='flex flex-col w-full'>\n            {triggers?.map((trigger) => {\n              const copyAction = getCopyAction(client, trigger);\n              return (\n                <List.Item<FunctionTrigger>\n                  key={trigger.id}\n                  item={trigger}\n                  classNames={mx(grid, ghostHover, 'items-center', 'px-2')}\n                >\n                  <Input.Root>\n                    <Input.Switch\n                      checked={trigger.enabled}\n                      onCheckedChange={(checked) => (trigger.enabled = checked)}\n                    />\n                  </Input.Root>\n\n                  <div className={'flex'}>\n                    <List.ItemTitle\n                      classNames='px-1 cursor-pointer w-0 shrink truncate'\n                      onClick={() => handleSelect(trigger)}\n                    >\n                      {getFunctionName(scripts, functions, trigger) ?? '∅'}\n                    </List.ItemTitle>\n\n                    {/* TODO: a better way to expose copy action */}\n                    {copyAction && (\n                      <Button onClick={() => navigator.clipboard.writeText(copyAction.contentProvider())}>\n                        {t(copyAction.translationKey)}\n                      </Button>\n                    )}\n                  </div>\n\n                  <List.ItemDeleteButton onClick={() => handleDelete(trigger)} />\n                </List.Item>\n              );\n            })}\n          </div>\n        )}\n      </List.Root>\n\n      {trigger && <TriggerEditor space={space} trigger={trigger} onSave={handleSave} onCancel={handleCancel} />}\n\n      {!trigger && (\n        <div className='flex p-2 justify-center'>\n          <IconButton icon='ph--plus--regular' label={t('new trigger')} onClick={handleAdd} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst getCopyAction = (client: Client, trigger: FunctionTrigger | undefined) => {\n  if (trigger?.spec?.type === TriggerKind.Email) {\n    return { translationKey: 'trigger copy email', contentProvider: () => `${getSpace(trigger)!.id}@dxos.network` };\n  }\n\n  if (trigger?.spec?.type === TriggerKind.Webhook) {\n    return { translationKey: 'trigger copy url', contentProvider: () => getWebhookUrl(client, trigger) };\n  }\n\n  return undefined;\n};\n\nconst getWebhookUrl = (client: Client, trigger: FunctionTrigger) => {\n  const spaceId = getSpace(trigger)!.id;\n  const edgeUrl = new URL(client.config.values.runtime!.services!.edge!.url!);\n  const isSecure = edgeUrl.protocol.startsWith('https') || edgeUrl.protocol.startsWith('wss');\n  edgeUrl.protocol = isSecure ? 'https' : 'http';\n  return new URL(`/webhook/${spaceId}:${trigger.id}`, edgeUrl).toString();\n};\n\nconst getFunctionName = (scripts: ScriptType[], functions: FunctionType[], trigger: FunctionTriggerType) => {\n  const shortId = trigger.function && `${trigger.function?.slice(0, 16)}…`;\n  const functionObject = functions.find((fn) => fn.name === trigger.function);\n  if (!functionObject) {\n    return shortId;\n  }\n  return scripts.find((s) => functionObject.source?.target?.id === s.id)?.name ?? shortId;\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useEffect, useState } from 'react';\n\nimport { ComputeGraph } from '@dxos/conductor';\nimport {\n  FunctionType,\n  FunctionTriggerSchema,\n  type FunctionTriggerType,\n  type FunctionTrigger,\n  ScriptType,\n  TriggerKind,\n} from '@dxos/functions';\nimport { Filter, useQuery, type Space } from '@dxos/react-client/echo';\nimport { IconButton, Input, useTranslation } from '@dxos/react-ui';\nimport { Form, SelectInput, TextInput } from '@dxos/react-ui-form';\n\nimport { AUTOMATION_PLUGIN } from '../../meta';\n\nexport type TriggerEditorProps = {\n  space: Space;\n  trigger: FunctionTriggerType;\n  onSave?: (trigger: Omit<FunctionTrigger, 'id'>) => void;\n  onCancel?: () => void;\n};\n\nexport const TriggerEditor = ({ space, trigger, onSave, onCancel }: TriggerEditorProps) => {\n  const { t } = useTranslation(AUTOMATION_PLUGIN);\n\n  const functions = useQuery(space, Filter.schema(FunctionType));\n  const workflows = useQuery(space, Filter.schema(ComputeGraph));\n  const scripts = useQuery(space, Filter.schema(ScriptType));\n\n  const handleSave = (values: FunctionTriggerType) => {\n    onSave?.(values);\n  };\n\n  return (\n    <Form<FunctionTriggerType>\n      schema={FunctionTriggerSchema}\n      values={trigger}\n      onSave={handleSave}\n      onCancel={onCancel}\n      Custom={{\n        ['function' satisfies keyof FunctionTriggerType]: (props) => (\n          <SelectInput\n            {...props}\n            options={getWorkflowOptions(workflows).concat(getFunctionOptions(scripts, functions))}\n          />\n        ),\n        ['spec.type' as const]: (props) => (\n          <SelectInput\n            {...props}\n            options={Object.values(TriggerKind).map((kind) => ({\n              value: kind,\n              label: t(`trigger type ${kind}`),\n            }))}\n          />\n        ),\n        ['meta' as const]: (props) => {\n          const meta = props.getValue()!;\n          useEffect(() => props.onValueChange('object', { ...meta }), []);\n          const [newMetaFieldName, setNewMetaFieldName] = useState('');\n\n          return (\n            <>\n              <div>{props.label}</div>\n              {[...Object.keys(meta)].map((key) => {\n                const compositeKey: any = `meta.${key}`;\n                return (\n                  <div key={compositeKey} role='none' className='flex items-center mt-2 gap-1'>\n                    <div role='none' className='flex-1'>\n                      <TextInput {...props} type={'string'} label={key} />\n                    </div>\n                    <IconButton\n                      icon='ph--trash--regular'\n                      iconOnly\n                      classNames={'mt-6'}\n                      label={t('trigger meta remove')}\n                      onClick={() => {\n                        const newValues: any = { ...props.getValue() };\n                        delete newValues[key];\n                        props.onValueChange('object', newValues);\n                      }}\n                    />\n                  </div>\n                );\n              })}\n              <div role='none' className='flex items-center mt-2 gap-1 plb-1'>\n                <div role='none' className='flex-1'>\n                  <Input.Root>\n                    <Input.TextInput\n                      placeholder={t('trigger meta prop name placeholder')}\n                      value={newMetaFieldName}\n                      onChange={(event) => setNewMetaFieldName(event.target.value)}\n                    />\n                  </Input.Root>\n                </div>\n                <IconButton\n                  icon='ph--plus--regular'\n                  iconOnly\n                  label={t('trigger meta add')}\n                  onClick={() => {\n                    if (newMetaFieldName.length) {\n                      const meta = props.getValue() ?? {};\n                      const metaWithNewProp = { ...meta, [newMetaFieldName]: '' };\n                      setNewMetaFieldName('');\n                      props.onValueChange('object', metaWithNewProp);\n                    }\n                  }}\n                />\n              </div>\n            </>\n          );\n        },\n      }}\n    />\n  );\n};\n\nconst getWorkflowOptions = (graphs: ComputeGraph[]) => {\n  return graphs.map((graph) => ({ label: `compute-${graph.id}`, value: `dxn:echo:@:${graph.id}` }));\n};\n\nconst getFunctionOptions = (scripts: ScriptType[], functions: FunctionType[]) => {\n  const getLabel = (fn: FunctionType) => scripts.find((s) => fn.source?.target?.id === s.id)?.name ?? fn.name;\n  return functions.map((fn) => ({ label: getLabel(fn), value: `dxn:worker:${fn.name}` }));\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { AutomationPanel } from './AutomationPanel';\n\nexport default AutomationPanel;\n"],
+  "mappings": "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",
+  "names": ["React", "useState", "S", "FunctionType", "FunctionTrigger", "FunctionTriggerSchema", "TriggerKind", "ScriptType", "useClient", "create", "Filter", "useQuery", "getSpace", "IconButton", "Input", "useTranslation", "Button", "List", "ghostHover", "mx", "React", "useEffect", "useState", "ComputeGraph", "FunctionType", "FunctionTriggerSchema", "ScriptType", "TriggerKind", "Filter", "useQuery", "IconButton", "Input", "useTranslation", "Form", "SelectInput", "TextInput", "TriggerEditor", "space", "trigger", "onSave", "onCancel", "t", "useTranslation", "AUTOMATION_PLUGIN", "functions", "useQuery", "Filter", "schema", "FunctionType", "workflows", "ComputeGraph", "scripts", "ScriptType", "handleSave", "values", "Form", "FunctionTriggerSchema", "Custom", "props", "SelectInput", "options", "getWorkflowOptions", "concat", "getFunctionOptions", "Object", "TriggerKind", "map", "kind", "value", "label", "meta", "getValue", "useEffect", "onValueChange", "newMetaFieldName", "setNewMetaFieldName", "useState", "div", "keys", "key", "compositeKey", "role", "className", "TextInput", "type", "IconButton", "icon", "iconOnly", "classNames", "onClick", "newValues", "Input", "Root", "placeholder", "onChange", "event", "target", "length", "metaWithNewProp", "graphs", "graph", "id", "getLabel", "fn", "find", "s", "source", "name", "grid", "AutomationPanel", "space", "object", "t", "useTranslation", "AUTOMATION_PLUGIN", "client", "useClient", "triggers", "useQuery", "Filter", "schema", "FunctionTrigger", "functions", "FunctionType", "scripts", "ScriptType", "trigger", "setTrigger", "useState", "selected", "setSelected", "handleSelect", "id", "_", "values", "handleAdd", "create", "FunctionTriggerSchema", "meta", "undefined", "handleDelete", "db", "remove", "handleSave", "Object", "assign", "add", "handleCancel", "React", "div", "className", "List", "Root", "items", "isItem", "S", "is", "getId", "field", "role", "map", "copyAction", "getCopyAction", "Item", "key", "item", "classNames", "mx", "ghostHover", "Input", "Switch", "checked", "enabled", "onCheckedChange", "ItemTitle", "onClick", "getFunctionName", "Button", "navigator", "clipboard", "writeText", "contentProvider", "translationKey", "ItemDeleteButton", "TriggerEditor", "onSave", "onCancel", "IconButton", "icon", "label", "spec", "type", "TriggerKind", "Email", "getSpace", "Webhook", "getWebhookUrl", "spaceId", "edgeUrl", "URL", "config", "runtime", "services", "edge", "url", "isSecure", "protocol", "startsWith", "toString", "shortId", "function", "slice", "functionObject", "find", "fn", "name", "s", "source", "target", "AutomationPanel"]
+}