@dxos/plugin-automation 0.8.4-main.72ec0f3 → 0.8.4-main.765dc60934

package/src/operations/create-trigger-from-template.ts

@@ -0,0 +1,71 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import * as Effect from 'effect/Effect';
+
+import { LayoutOperation, getSpacePath } from '@dxos/app-toolkit';
+import { Operation, Script, Trigger } from '@dxos/compute';
+import { Filter, Obj, Ref } from '@dxos/echo';
+import { type DXN } from '@dxos/keys';
+import { SpaceOperation } from '@dxos/plugin-space';
+
+import { meta } from '#meta';
+
+import { AutomationOperation } from '../types';
+
+const handler: Operation.WithHandler<typeof AutomationOperation.CreateTriggerFromTemplate> =
+  AutomationOperation.CreateTriggerFromTemplate.pipe(
+    Operation.withHandler(
+      Effect.fnUntraced(function* ({ db, template, enabled = false, scriptName, input }) {
+        const trigger = Trigger.make({ enabled, input });
+
+        // TODO(wittjosiah): Factor out function lookup by script name?
+        if (scriptName) {
+          const scripts = yield* Effect.promise(() => db.query(Filter.type(Script.Script, { name: scriptName })).run());
+          const [script] = scripts;
+          if (script) {
+            const functions = yield* Effect.promise(() =>
+              db.query(Filter.type(Operation.PersistentOperation, { source: Ref.make(script) })).run(),
+            );
+            const [fn] = functions;
+            if (fn) {
+              Obj.update(trigger, (trigger) => {
+                trigger.function = Ref.make(fn);
+              });
+            }
+          }
+        }
+
+        switch (template.type) {
+          case 'timer': {
+            Obj.update(trigger, (trigger) => {
+              trigger.spec = Trigger.specTimer(template.cron);
+            });
+            break;
+          }
+          case 'queue': {
+            Obj.update(trigger, (trigger) => {
+              trigger.spec = Trigger.specQueue((template.queueDXN as DXN).toString());
+            });
+            break;
+          }
+          default: {
+            break;
+          }
+        }
+
+        yield* Operation.invoke(SpaceOperation.AddObject, {
+          object: trigger,
+          target: db,
+          hidden: true,
+        });
+        yield* Operation.invoke(LayoutOperation.Open, {
+          subject: [`${getSpacePath(db.spaceId)}/settings/${meta.id}.automations`],
+          workspace: getSpacePath(db.spaceId),
+        });
+      }),
+    ),
+  );
+
+export default handler;

package/src/operations/index.ts

@@ -0,0 +1,7 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { OperationHandlerSet } from '@dxos/compute';
+
+export const AutomationOperationHandlerSet = OperationHandlerSet.lazy(() => import('./create-trigger-from-template'));

package/src/plugin.ts

@@ -0,0 +1,11 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { Plugin } from '@dxos/app-framework';
+
+import { meta } from './meta';
+
+export const AutomationPlugin = Plugin.lazy(meta, () => import('#plugin'));
+
+export { AutomationOperationHandlerSet } from './operations';

package/src/testing/test-functions.ts

@@ -4,14 +4,15 @@
 
 import * as Schema from 'effect/Schema';
 
-import { ContactType } from '@dxos/client/testing';
-import { Type } from '@dxos/echo';
+import { TestSchema } from '@dxos/client/testing';
+import { JsonSchema, Ref } from '@dxos/echo';
 
 export const functions = [
   {
-    name: 'example.com/function/chess',
+    key: 'com.example.function.chess',
+    name: 'com.example.function.chess',
     version: '0.1.0',
-    inputSchema: Type.toJsonSchema(
+    inputSchema: JsonSchema.toJsonSchema(
       Schema.Struct({
         level: Schema.Number.annotations({
           title: 'Level',
@@ -20,10 +21,11 @@ export const functions = [
     ),
   },
   {
-    name: 'example.com/function/forex',
+    key: 'com.example.function.forex',
+    name: 'com.example.function.forex',
     version: '0.1.0',
     binding: 'FOREX',
-    inputSchema: Type.toJsonSchema(
+    inputSchema: JsonSchema.toJsonSchema(
       Schema.Struct({
         from: Schema.String.annotations({ title: 'Currency from' }),
         to: Schema.String.annotations({ title: 'Currency to' }),
@@ -31,11 +33,12 @@ export const functions = [
     ),
   },
   {
-    name: 'example.com/function/ping-contact',
+    key: 'com.example.function.ping-contact',
+    name: 'com.example.function.ping-contact',
     version: '0.0.1',
-    inputSchema: Type.toJsonSchema(
+    inputSchema: JsonSchema.toJsonSchema(
       Schema.Struct({
-        contact: Type.Ref(ContactType).annotations({ title: 'Contact' }),
+        contact: Ref.Ref(TestSchema.ContactType).annotations({ title: 'Contact' }),
       }),
     ),
   },

package/src/testing.ts

@@ -0,0 +1,7 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+// Eager re-export of `AutomationPlugin`. See `@dxos/plugin-testing/src/core.ts`
+// for the rationale.
+export * from './AutomationPlugin';

package/src/translations.ts

@@ -4,47 +4,50 @@
 
 import { type Resource } from '@dxos/react-ui';
 
-import { meta } from './meta';
+import { meta } from '#meta';
 
 export const translations = [
   {
     'en-US': {
       [meta.id]: {
-        'plugin name': 'Automation',
-        'automation panel label': 'Automations',
-        'script automation label': 'Automation',
-        'automation verbose label': 'Manage automations',
-        'automation description': 'You can manage all the triggers which automate your space here.',
-
-        'runtime label': 'Enable Local Runtime',
-        'runtime description':
-          'This will start a trigger dispatcher locally for this space to run triggers on your device while Composer is running.',
-
-        'functions panel label': 'Functions',
-        'functions verbose label': 'Manage deployed functions',
-        'functions registry verbose label': 'Functions registry',
-        'functions registry description': 'Import functions from the registry',
-        'functions description': 'You can manage all the functions deployed from your space on EDGE here.',
-        'function copy id': 'Copy Function ID',
-        'no functions found': 'No functions found',
-        'go to function source button label': 'Show function source',
-        'delete function button label': 'Delete function',
-
-        'trigger editor title': 'Configure Trigger',
-        'new trigger label': 'Add Trigger',
-        'trigger type timer': 'Timer',
-        'trigger type webhook': 'Webhook',
-        'trigger type websocket': 'Websocket',
-        'trigger type subscription': 'Subscription',
-        'trigger type email': 'Email',
-        'trigger type queue': 'Queue',
-
-        'trigger copy url': 'Copy URL',
-        'trigger copy email': 'Copy Email',
-
-        'trigger payload add': 'Add',
-        'trigger payload remove': 'Remove',
-        'trigger payload prop name placeholder': 'New payload property name',
+        'plugin.name': 'Automation',
+        'automation-panel.label': 'Automations',
+        'script-automation.label': 'Automation',
+        'automation-verbose.label': 'Manage automations',
+        'automation.description': 'Triggers that automate this space.',
+
+        'runtime.label': 'Trigger runtime location',
+        'runtime.description': 'Determines where the triggers in this space will execute.',
+        'runtime.disabled.label': 'Triggers disabled',
+        'runtime.local.label': 'Local',
+        'runtime.edge.label': 'EDGE (experimental)',
+
+        'functions-panel.label': 'Functions',
+        'functions-verbose.label': 'Manage deployed functions',
+        'functions-registry-verbose.label': 'Functions registry',
+        'functions-registry.description': 'Import functions from the registry',
+        'functions.description': 'Functions deployed from this space on EDGE.',
+        'show-source-button.label': 'Show source',
+        'delete-function-button.label': 'Delete function',
+
+        'function-parameters.label': 'Function parameters',
+
+        'trigger-editor.title': 'Configure Trigger',
+        'trigger-editor.description':
+          'Triggers are used to run functions at specific times or when specific events occur.',
+        'new-trigger.label': 'Add Trigger',
+
+        'trigger-type.timer.label': 'Timer',
+        'trigger-type.webhook.label': 'Webhook',
+        'trigger-type.websocket.label': 'Websocket',
+        'trigger-type.subscription.label': 'Subscription',
+        'trigger-type.email.label': 'Email',
+        'trigger-type.queue.label': 'Feed',
+
+        'trigger-payload-prop-name.placeholder': 'New payload property name',
+        'import-function-button.label': 'Loading...',
+        'update-function-button.label': 'Update',
+        'loading-functions.message': 'Loading functions...',
       },
     },
   },

package/src/types/AutomationCapabilities.ts

@@ -0,0 +1,48 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+// @import-as-namespace
+
+import type * as ManagedRuntime from 'effect/ManagedRuntime';
+
+import { type AiService, type OpaqueToolkit } from '@dxos/ai';
+import { Capability } from '@dxos/app-framework';
+import type { Blueprint, Credential, Operation, OperationRegistry, Process } from '@dxos/compute';
+import { type Database, type Feed } from '@dxos/echo';
+import type { QueueService } from '@dxos/functions';
+import { AgentService } from '@dxos/functions-runtime';
+import type { ProcessManager, TriggerDispatcher, TriggerStateStore } from '@dxos/functions-runtime';
+import type { SpaceId } from '@dxos/keys';
+
+import { meta } from '#meta';
+
+/**
+ * Service stack for executing agents, functions, and triggers.
+ */
+export type ComputeServices =
+  | TriggerDispatcher
+  | TriggerStateStore
+  | AiService.AiService
+  | Database.Service
+  | Feed.FeedService
+  | QueueService
+  | Credential.CredentialsService
+  | Blueprint.RegistryService
+  | AgentService.AgentService
+  | Process.ProcessMonitorService
+  | ProcessManager.Service
+  | Operation.Service
+  | OperationRegistry.Service
+  | OpaqueToolkit.OpaqueToolkitProvider;
+
+export type ComputeRuntime = ManagedRuntime.ManagedRuntime<ComputeServices, never>;
+
+export interface ComputeRuntimeProvider {
+  getRuntime(spaceId: SpaceId): ComputeRuntime;
+}
+
+/**
+ * Runtime for executing agents, functions, and triggers.
+ */
+export const ComputeRuntime = Capability.make<ComputeRuntimeProvider>(`${meta.id}.capability.compute-runtime`);

package/src/types/AutomationEvents.ts

@@ -0,0 +1,11 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+// @import-as-namespace
+
+import { ActivationEvent } from '@dxos/app-framework';
+
+import { meta } from '#meta';
+
+export const ComputeRuntimeReady = ActivationEvent.make(`${meta.id}.event.compute-runtime-ready`);

package/src/types/AutomationOperation.ts

@@ -0,0 +1,30 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+// @import-as-namespace
+
+import * as Schema from 'effect/Schema';
+
+import { Capability } from '@dxos/app-framework';
+import { Operation } from '@dxos/compute';
+import { Database } from '@dxos/echo';
+
+import { meta } from '#meta';
+
+import { TriggerTemplate } from './schema';
+
+const AUTOMATION_OPERATION = `${meta.id}.operation`;
+
+export const CreateTriggerFromTemplate = Operation.make({
+  meta: { key: `${AUTOMATION_OPERATION}.create-trigger-from-template`, name: 'Create Trigger From Template' },
+  services: [Capability.Service],
+  input: Schema.Struct({
+    db: Database.Database,
+    template: TriggerTemplate,
+    enabled: Schema.optional(Schema.Boolean),
+    scriptName: Schema.optional(Schema.String),
+    input: Schema.optional(Schema.Record({ key: Schema.String, value: Schema.Any })),
+  }),
+  output: Schema.Void,
+});

package/src/types/index.ts

@@ -3,3 +3,7 @@
 //
 
 export * from './schema';
+
+export * as AutomationCapabilities from './AutomationCapabilities';
+export * as AutomationEvents from './AutomationEvents';
+export * as AutomationOperation from './AutomationOperation';

package/src/types/schema.ts

@@ -4,21 +4,21 @@
 
 import * as Schema from 'effect/Schema';
 
-import { SpaceSchema } from '@dxos/react-client/echo';
+import { Database } from '@dxos/echo';
 
-import { meta } from '../meta';
+import { meta } from '#meta';
 
-const TriggerTemplate = Schema.Union(
+export const TriggerTemplate = Schema.Union(
   Schema.Struct({ type: Schema.Literal('timer'), cron: Schema.String }),
   Schema.Struct({ type: Schema.Literal('queue'), queueDXN: Schema.Any }),
 );
 
 export namespace AutomationAction {
   export class CreateTriggerFromTemplate extends Schema.TaggedClass<CreateTriggerFromTemplate>()(
-    `${meta.id}/action/create-trigger-from-template`,
+    `${meta.id}.action.create-trigger-from-template`,
     {
       input: Schema.Struct({
-        space: SpaceSchema,
+        db: Database.Database,
         template: TriggerTemplate,
         enabled: Schema.optional(Schema.Boolean),
         // TODO(wittjosiah): Improve how this lookup is done.

package/dist/lib/browser/AutomationPanel-7OECLR5N.mjs

@@ -1,11 +0,0 @@
-import {
-  AutomationPanel,
-  AutomationPanel_default
-} from "./chunk-QKFBHAGN.mjs";
-import "./chunk-JW7XSPYW.mjs";
-import "./chunk-LZQFZO3B.mjs";
-export {
-  AutomationPanel,
-  AutomationPanel_default as default
-};
-//# sourceMappingURL=AutomationPanel-7OECLR5N.mjs.map

package/dist/lib/browser/AutomationSettings-KCZISXI6.mjs

@@ -1,68 +0,0 @@
-import {
-  useTriggerRuntimeControls
-} from "./chunk-NAPXRXTY.mjs";
-import "./chunk-XAKZ4ANY.mjs";
-import {
-  AutomationPanel
-} from "./chunk-QKFBHAGN.mjs";
-import "./chunk-JW7XSPYW.mjs";
-import {
-  meta
-} from "./chunk-LZQFZO3B.mjs";
-
-// src/components/AutomationSettings.tsx
-import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
-import React2 from "react";
-import { useTranslation as useTranslation2 } from "@dxos/react-ui";
-import { ControlPage, ControlSection } from "@dxos/react-ui-form";
-
-// src/components/TriggerSettings.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import React from "react";
-import { Input, useTranslation } from "@dxos/react-ui";
-import { ControlItemInput } from "@dxos/react-ui-form";
-var TriggersSettings = ({ space }) => {
-  var _effect = _useSignals();
-  try {
-    const { triggers, isRunning, start, stop } = useTriggerRuntimeControls(space);
-    const { t } = useTranslation(meta.id);
-    return /* @__PURE__ */ React.createElement("div", {
-      className: "container-max-width grid grid-cols-1 md:grid-cols-[1fr_min-content]"
-    }, /* @__PURE__ */ React.createElement(ControlItemInput, {
-      title: t("runtime label"),
-      description: t("runtime description")
-    }, /* @__PURE__ */ React.createElement(Input.Switch, {
-      classNames: "justify-self-end",
-      checked: isRunning,
-      onCheckedChange: isRunning ? stop : start
-    })));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/AutomationSettings.tsx
-var AutomationSettings = (props) => {
-  var _effect = _useSignals2();
-  try {
-    const { t } = useTranslation2(meta.id);
-    return /* @__PURE__ */ React2.createElement(ControlPage, null, /* @__PURE__ */ React2.createElement(ControlSection, {
-      title: t("automation verbose label", {
-        ns: meta.id
-      }),
-      description: t("automation description", {
-        ns: meta.id
-      })
-    }, /* @__PURE__ */ React2.createElement(AutomationPanel, props), /* @__PURE__ */ React2.createElement(TriggersSettings, {
-      space: props.space
-    })));
-  } finally {
-    _effect.f();
-  }
-};
-var AutomationSettings_default = AutomationSettings;
-export {
-  AutomationSettings,
-  AutomationSettings_default as default
-};
-//# sourceMappingURL=AutomationSettings-KCZISXI6.mjs.map

package/dist/lib/browser/AutomationSettings-KCZISXI6.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/AutomationSettings.tsx", "../../../src/components/TriggerSettings.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { useTranslation } from '@dxos/react-ui';\nimport { ControlPage, ControlSection } from '@dxos/react-ui-form';\n\nimport { meta } from '../meta';\n\nimport { AutomationPanel, type AutomationPanelProps } from './AutomationPanel';\nimport { TriggersSettings } from './TriggerSettings';\n\nexport const AutomationSettings = (props: AutomationPanelProps) => {\n  const { t } = useTranslation(meta.id);\n  return (\n    <ControlPage>\n      <ControlSection\n        title={t('automation verbose label', { ns: meta.id })}\n        description={t('automation description', { ns: meta.id })}\n      >\n        <AutomationPanel {...props} />\n        <TriggersSettings space={props.space} />\n      </ControlSection>\n    </ControlPage>\n  );\n};\n\nexport default AutomationSettings;\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type Space } from '@dxos/react-client/echo';\nimport { Input, useTranslation } from '@dxos/react-ui';\nimport { ControlItemInput } from '@dxos/react-ui-form';\n\nimport { useTriggerRuntimeControls } from '../hooks';\nimport { meta } from '../meta';\n\nexport const TriggersSettings = ({ space }: { space: Space }) => {\n  const { triggers, isRunning, start, stop } = useTriggerRuntimeControls(space);\n  const { t } = useTranslation(meta.id);\n\n  return (\n    <div className='container-max-width grid grid-cols-1 md:grid-cols-[1fr_min-content]'>\n      <ControlItemInput title={t('runtime label')} description={t('runtime description')}>\n        <Input.Switch classNames='justify-self-end' checked={isRunning} onCheckedChange={isRunning ? stop : start} />\n      </ControlItemInput>\n    </div>\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;AAIA,OAAOA,YAAW;AAElB,SAASC,kBAAAA,uBAAsB;AAC/B,SAASC,aAAaC,sBAAsB;;;;ACH5C,OAAOC,WAAW;AAGlB,SAASC,OAAOC,sBAAsB;AACtC,SAASC,wBAAwB;AAK1B,IAAMC,mBAAmB,CAAC,EAAEC,MAAK,MAAoB;;;AAC1D,UAAM,EAAEC,UAAUC,WAAWC,OAAOC,KAAI,IAAKC,0BAA0BL,KAAAA;AACvE,UAAM,EAAEM,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AAEpC,WACE,sBAAA,cAACC,OAAAA;MAAIC,WAAU;OACb,sBAAA,cAACC,kBAAAA;MAAiBC,OAAOP,EAAE,eAAA;MAAkBQ,aAAaR,EAAE,qBAAA;OAC1D,sBAAA,cAACS,MAAMC,QAAM;MAACC,YAAW;MAAmBC,SAAShB;MAAWiB,iBAAiBjB,YAAYE,OAAOD;;;;;AAI5G;;;ADVO,IAAMiB,qBAAqB,CAACC,UAAAA;;;AACjC,UAAM,EAAEC,EAAC,IAAKC,gBAAeC,KAAKC,EAAE;AACpC,WACE,gBAAAC,OAAA,cAACC,aAAAA,MACC,gBAAAD,OAAA,cAACE,gBAAAA;MACCC,OAAOP,EAAE,4BAA4B;QAAEQ,IAAIN,KAAKC;MAAG,CAAA;MACnDM,aAAaT,EAAE,0BAA0B;QAAEQ,IAAIN,KAAKC;MAAG,CAAA;OAEvD,gBAAAC,OAAA,cAACM,iBAAoBX,KAAAA,GACrB,gBAAAK,OAAA,cAACO,kBAAAA;MAAiBC,OAAOb,MAAMa;;;;;AAIvC;AAEA,IAAA,6BAAed;",
-  "names": ["React", "useTranslation", "ControlPage", "ControlSection", "React", "Input", "useTranslation", "ControlItemInput", "TriggersSettings", "space", "triggers", "isRunning", "start", "stop", "useTriggerRuntimeControls", "t", "useTranslation", "meta", "id", "div", "className", "ControlItemInput", "title", "description", "Input", "Switch", "classNames", "checked", "onCheckedChange", "AutomationSettings", "props", "t", "useTranslation", "meta", "id", "React", "ControlPage", "ControlSection", "title", "ns", "description", "AutomationPanel", "TriggersSettings", "space"]
-}

package/dist/lib/browser/FunctionsContainer-MIWEISRR.mjs

@@ -1,151 +0,0 @@
-import {
-  FunctionsPanel
-} from "./chunk-TWWFNOIR.mjs";
-import {
-  meta
-} from "./chunk-LZQFZO3B.mjs";
-
-// src/components/FunctionsContainer.tsx
-import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
-import React2 from "react";
-import { useTranslation as useTranslation2 } from "@dxos/react-ui";
-import { ControlPage, ControlSection } from "@dxos/react-ui-form";
-
-// src/components/FunctionsRegistry/FunctionsRegistry.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import * as Array from "effect/Array";
-import * as EffectFunction from "effect/Function";
-import * as Order from "effect/Order";
-import * as Schema from "effect/Schema";
-import { useState } from "react";
-import React, { useCallback } from "react";
-import { Obj } from "@dxos/echo";
-import { Function } from "@dxos/functions";
-import { getDeployedFunctions } from "@dxos/functions-runtime/edge";
-import { useClient } from "@dxos/react-client";
-import { Filter, Query, useQuery } from "@dxos/react-client/echo";
-import { useAsyncEffect } from "@dxos/react-ui";
-import { IconButton, useTranslation } from "@dxos/react-ui";
-import { controlItemClasses } from "@dxos/react-ui-form";
-import { List } from "@dxos/react-ui-list";
-import { ghostHover, mx } from "@dxos/react-ui-theme";
-var grid = "grid grid-cols-[1fr_1fr_auto] min-bs-[2.5rem]";
-var FunctionsRegistry = ({ space }) => {
-  var _effect = _useSignals();
-  try {
-    const client = useClient();
-    const [loading, setLoading] = useState(true);
-    const [functions, setFunctions] = useState([]);
-    const { t } = useTranslation(meta.id);
-    const dbFunctions = useQuery(space, Filter.type(Function.Function));
-    const state = (func) => {
-      const dbFunction = dbFunctions.find((f) => f.key === func.key);
-      if (!dbFunction) {
-        return "import";
-      }
-      if (dbFunction.version === func.version && dbFunction.updated === func.updated) {
-        return "none";
-      }
-      return "update";
-    };
-    useAsyncEffect(async () => {
-      setLoading(true);
-      const functions2 = await getDeployedFunctions(client);
-      setFunctions(functions2);
-      setLoading(false);
-    }, []);
-    const dedupedFunctions = EffectFunction.pipe(functions, Array.filter((_) => _.key !== void 0), Array.sort(Order.reverse(Order.mapInput(Order.string, (_) => _.updated ?? ""))), Array.dedupeWith((self, that) => self.key === that.key), Array.sort(Order.mapInput(Order.string, (_) => _.key ?? "")));
-    const hanleImportOrUpdate = useCallback(async (func) => {
-      const { objects: [existingFunc] } = await space.db.query(Query.type(Function.Function, {
-        key: func.key
-      })).run();
-      if (!existingFunc) {
-        space.db.add(func);
-        return;
-      }
-      existingFunc.version = func.version;
-      existingFunc.updated = func.updated;
-      existingFunc.name = func.name;
-      existingFunc.description = func.description;
-      existingFunc.inputSchema = JSON.parse(JSON.stringify(func.inputSchema));
-      existingFunc.outputSchema = JSON.parse(JSON.stringify(func.outputSchema));
-      Obj.getMeta(existingFunc).keys = JSON.parse(JSON.stringify(Obj.getMeta(func).keys));
-    }, [
-      space
-    ]);
-    return /* @__PURE__ */ React.createElement("div", {
-      role: "none",
-      className: mx(controlItemClasses)
-    }, dedupedFunctions.length > 0 && /* @__PURE__ */ React.createElement(List.Root, {
-      items: dedupedFunctions,
-      isItem: Schema.is(Function.Function),
-      getId: (func) => func.id
-    }, ({ items }) => /* @__PURE__ */ React.createElement("div", {
-      role: "list",
-      className: "flex flex-col is-full"
-    }, items?.map((func) => /* @__PURE__ */ React.createElement(List.Item, {
-      key: func.id,
-      item: func,
-      classNames: mx(grid, ghostHover, "items-center", "pli-2", "min-bs-[3rem]")
-    }, /* @__PURE__ */ React.createElement("div", {
-      className: "flex flex-col truncate"
-    }, /* @__PURE__ */ React.createElement(List.ItemTitle, {
-      classNames: "truncate"
-    }, func.name), /* @__PURE__ */ React.createElement("div", {
-      className: "text-xs text-description truncate"
-    }, func.key)), /* @__PURE__ */ React.createElement("div", {
-      className: "flex flex-col truncate"
-    }, /* @__PURE__ */ React.createElement("div", {
-      className: "text-xs text-description truncate"
-    }, func.version), /* @__PURE__ */ React.createElement("div", {
-      className: "text-xs text-description truncate"
-    }, func.updated ? `Uploaded ${new Date(func.updated).toLocaleString()}` : "")), /* @__PURE__ */ React.createElement(IconButton, {
-      iconOnly: true,
-      icon: state(func) === "update" ? "ph--arrows-clockwise--regular" : "ph--download--regular",
-      label: state(func) === "update" ? t("update function button label") : t("import function button label"),
-      disabled: state(func) === "none",
-      onClick: () => hanleImportOrUpdate(func)
-    }))))), dedupedFunctions.length === 0 && !loading && /* @__PURE__ */ React.createElement("div", {
-      className: "text-center plb-4 text-gray-500"
-    }, t("no functions found")), loading && /* @__PURE__ */ React.createElement("div", {
-      className: "text-center plb-4 text-gray-500"
-    }, t("loading functions")));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/FunctionsContainer.tsx
-var FunctionsContainer = ({ space }) => {
-  var _effect = _useSignals2();
-  try {
-    const { t } = useTranslation2(meta.id);
-    return /* @__PURE__ */ React2.createElement(ControlPage, null, /* @__PURE__ */ React2.createElement(ControlSection, {
-      title: t("functions verbose label", {
-        ns: meta.id
-      }),
-      description: t("functions description", {
-        ns: meta.id
-      })
-    }, /* @__PURE__ */ React2.createElement(FunctionsPanel, {
-      space
-    })), /* @__PURE__ */ React2.createElement(ControlSection, {
-      title: t("functions registry verbose label", {
-        ns: meta.id
-      }),
-      description: t("functions registry description", {
-        ns: meta.id
-      })
-    }, /* @__PURE__ */ React2.createElement(FunctionsRegistry, {
-      space
-    })));
-  } finally {
-    _effect.f();
-  }
-};
-var FunctionsContainer_default = FunctionsContainer;
-export {
-  FunctionsContainer,
-  FunctionsContainer_default as default
-};
-//# sourceMappingURL=FunctionsContainer-MIWEISRR.mjs.map

package/dist/lib/browser/FunctionsContainer-MIWEISRR.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/FunctionsContainer.tsx", "../../../src/components/FunctionsRegistry/FunctionsRegistry.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type Space } from '@dxos/react-client/echo';\nimport { useTranslation } from '@dxos/react-ui';\nimport { ControlPage, ControlSection } from '@dxos/react-ui-form';\n\nimport { meta } from '../meta';\n\nimport { FunctionsPanel } from './FunctionsPanel';\nimport { FunctionsRegistry } from './FunctionsRegistry';\n\nexport const FunctionsContainer = ({ space }: { space: Space }) => {\n  const { t } = useTranslation(meta.id);\n  return (\n    <ControlPage>\n      <ControlSection\n        title={t('functions verbose label', { ns: meta.id })}\n        description={t('functions description', { ns: meta.id })}\n      >\n        <FunctionsPanel space={space} />\n      </ControlSection>\n      <ControlSection\n        title={t('functions registry verbose label', { ns: meta.id })}\n        description={t('functions registry description', { ns: meta.id })}\n      >\n        <FunctionsRegistry space={space} />\n      </ControlSection>\n    </ControlPage>\n  );\n};\n\nexport default FunctionsContainer;\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Array from 'effect/Array';\nimport * as EffectFunction from 'effect/Function';\nimport * as Order from 'effect/Order';\nimport * as Schema from 'effect/Schema';\nimport { useState } from 'react';\nimport React, { useCallback } from 'react';\n\nimport { Obj } from '@dxos/echo';\nimport { Function } from '@dxos/functions';\nimport { getDeployedFunctions } from '@dxos/functions-runtime/edge';\nimport { useClient } from '@dxos/react-client';\nimport { Filter, Query, type Space, useQuery } from '@dxos/react-client/echo';\nimport { useAsyncEffect } from '@dxos/react-ui';\nimport { IconButton, useTranslation } from '@dxos/react-ui';\nimport { controlItemClasses } from '@dxos/react-ui-form';\nimport { List } from '@dxos/react-ui-list';\nimport { ghostHover, mx } from '@dxos/react-ui-theme';\n\nimport { meta } from '../../meta';\n\nconst grid = 'grid grid-cols-[1fr_1fr_auto] min-bs-[2.5rem]';\n\ntype FunctionsRegistryProps = {\n  space: Space;\n};\n\nexport const FunctionsRegistry = ({ space }: FunctionsRegistryProps) => {\n  const client = useClient();\n  const [loading, setLoading] = useState(true);\n  const [functions, setFunctions] = useState<Function.Function[]>([]);\n  const { t } = useTranslation(meta.id);\n\n  const dbFunctions = useQuery(space, Filter.type(Function.Function));\n\n  const state = (func: Function.Function) => {\n    const dbFunction = dbFunctions.find((f) => f.key === func.key);\n    if (!dbFunction) {\n      return 'import';\n    }\n    if (dbFunction.version === func.version && dbFunction.updated === func.updated) {\n      return 'none';\n    }\n    return 'update';\n  };\n\n  useAsyncEffect(async () => {\n    setLoading(true);\n    const functions = await getDeployedFunctions(client);\n    setFunctions(functions);\n    setLoading(false);\n  }, []);\n\n  const dedupedFunctions = EffectFunction.pipe(\n    functions,\n    Array.filter((_) => _.key !== undefined),\n    Array.sort(Order.reverse(Order.mapInput(Order.string, (_: Function.Function) => _.updated ?? ''))),\n    Array.dedupeWith((self, that) => self.key === that.key),\n    Array.sort(Order.mapInput(Order.string, (_: Function.Function) => _.key ?? '')),\n  );\n\n  const hanleImportOrUpdate = useCallback(\n    async (func: Function.Function) => {\n      const {\n        objects: [existingFunc],\n      } = await space.db.query(Query.type(Function.Function, { key: func.key })).run();\n      if (!existingFunc) {\n        space.db.add(func);\n        return;\n      }\n      existingFunc.version = func.version;\n      existingFunc.updated = func.updated;\n      existingFunc.name = func.name;\n      existingFunc.description = func.description;\n      // TODO(dmaretskyi): A workaround for an ECHO bug.\n      existingFunc.inputSchema = JSON.parse(JSON.stringify(func.inputSchema));\n      existingFunc.outputSchema = JSON.parse(JSON.stringify(func.outputSchema));\n      Obj.getMeta(existingFunc).keys = JSON.parse(JSON.stringify(Obj.getMeta(func).keys));\n    },\n    [space],\n  );\n\n  return (\n    <div role='none' className={mx(controlItemClasses)}>\n      {dedupedFunctions.length > 0 && (\n        <List.Root<Function.Function>\n          items={dedupedFunctions}\n          isItem={Schema.is(Function.Function)}\n          getId={(func) => func.id}\n        >\n          {({ items }) => (\n            <div role='list' className='flex flex-col is-full'>\n              {items?.map((func) => (\n                <List.Item<Function.Function>\n                  key={func.id}\n                  item={func}\n                  classNames={mx(grid, ghostHover, 'items-center', 'pli-2', 'min-bs-[3rem]')}\n                >\n                  <div className='flex flex-col truncate'>\n                    <List.ItemTitle classNames='truncate'>{func.name}</List.ItemTitle>\n                    <div className='text-xs text-description truncate'>{func.key}</div>\n                  </div>\n                  <div className='flex flex-col truncate'>\n                    <div className='text-xs text-description truncate'>{func.version}</div>\n                    <div className='text-xs text-description truncate'>\n                      {func.updated ? `Uploaded ${new Date(func.updated).toLocaleString()}` : ''}\n                    </div>\n                  </div>\n\n                  <IconButton\n                    iconOnly\n                    icon={state(func) === 'update' ? 'ph--arrows-clockwise--regular' : 'ph--download--regular'}\n                    label={\n                      state(func) === 'update' ? t('update function button label') : t('import function button label')\n                    }\n                    disabled={state(func) === 'none'}\n                    onClick={() => hanleImportOrUpdate(func)}\n                  />\n                </List.Item>\n              ))}\n            </div>\n          )}\n        </List.Root>\n      )}\n\n      {dedupedFunctions.length === 0 && !loading && (\n        <div className='text-center plb-4 text-gray-500'>{t('no functions found')}</div>\n      )}\n      {loading && <div className='text-center plb-4 text-gray-500'>{t('loading functions')}</div>}\n    </div>\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["React", "useTranslation", "ControlPage", "ControlSection", "Array", "EffectFunction", "Order", "Schema", "useState", "React", "useCallback", "Obj", "Function", "getDeployedFunctions", "useClient", "Filter", "Query", "useQuery", "useAsyncEffect", "IconButton", "useTranslation", "controlItemClasses", "List", "ghostHover", "mx", "grid", "FunctionsRegistry", "space", "client", "useClient", "loading", "setLoading", "useState", "functions", "setFunctions", "t", "useTranslation", "meta", "id", "dbFunctions", "useQuery", "Filter", "type", "Function", "state", "func", "dbFunction", "find", "f", "key", "version", "updated", "useAsyncEffect", "getDeployedFunctions", "dedupedFunctions", "pipe", "filter", "_", "undefined", "sort", "reverse", "mapInput", "string", "dedupeWith", "self", "that", "hanleImportOrUpdate", "useCallback", "objects", "existingFunc", "db", "query", "Query", "run", "add", "name", "description", "inputSchema", "JSON", "parse", "stringify", "outputSchema", "Obj", "getMeta", "keys", "div", "role", "className", "mx", "controlItemClasses", "length", "List", "Root", "items", "isItem", "is", "getId", "map", "Item", "item", "classNames", "ghostHover", "ItemTitle", "Date", "toLocaleString", "IconButton", "iconOnly", "icon", "label", "disabled", "onClick", "FunctionsContainer", "space", "t", "useTranslation", "meta", "id", "React", "ControlPage", "ControlSection", "title", "ns", "description", "FunctionsPanel", "FunctionsRegistry"]
-}