@dxos/plugin-script 0.8.4-main.c4373fc → 0.8.4-main.c85a9c8dae

package/README.md

@@ -21,19 +21,21 @@ runtime:
 Test credentials:
 
 ```js
-await dxos.client.halo.writeCredentials([{
-  issuer: dxos.client.halo.identity.get().identityKey,
-  subject: {
-    id: dxos.client.halo.identity.get().identityKey,
-    assertion: {
-      '@type': 'dxos.halo.credentials.ServiceAccess',
-      serverName: 'hub.dxos.network',
-      serverKey: dxos.client.halo.identity.get().identityKey,
-      identityKey: dxos.client.halo.identity.get().identityKey,
-      capabilities: ['composer:beta']
-    }
-  }
-}])
+await dxos.client.halo.writeCredentials([
+  {
+    issuer: dxos.client.halo.identity.get().identityKey,
+    subject: {
+      id: dxos.client.halo.identity.get().identityKey,
+      assertion: {
+        '@type': 'dxos.halo.credentials.ServiceAccess',
+        'serverName': 'hub.dxos.network',
+        'serverKey': dxos.client.halo.identity.get().identityKey,
+        'identityKey': dxos.client.halo.identity.get().identityKey,
+        'capabilities': ['composer:beta'],
+      },
+    },
+  },
+]);
 ```
 
 Start composer:

package/dist/lib/browser/DeploymentDialog-IIOXAS47.mjs

@@ -0,0 +1,138 @@
+import {
+  useCreateAndDeployScriptTemplates
+} from "./chunk-MUEVLYXJ.mjs";
+import "./chunk-G3XIOLLI.mjs";
+import "./chunk-6IXFDTAI.mjs";
+import "./chunk-J7PGML5B.mjs";
+import {
+  meta
+} from "./chunk-WYR4QHPE.mjs";
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/DeploymentDialog/DeploymentDialog.tsx
+import React, { useEffect, useMemo } from "react";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { getSpace } from "@dxos/react-client/echo";
+import { Button, Dialog, IconButton, useTranslation } from "@dxos/react-ui";
+var DeploymentDialog = ({ accessToken, scriptTemplates }) => {
+  const { t } = useTranslation(meta.id);
+  const space = useMemo(() => getSpace(accessToken), [
+    accessToken
+  ]);
+  const { handleCreateAndDeployScripts, status } = useCreateAndDeployScriptTemplates(space, scriptTemplates);
+  const { invokePromise } = useOperationInvoker();
+  useEffect(() => {
+    if (status === "success") {
+      void invokePromise(LayoutOperation.AddToast, {
+        id: `${meta.id}/deployment-success`,
+        icon: "ph--check--regular",
+        duration: Infinity,
+        title: [
+          "script deployment toast label",
+          {
+            ns: meta.id,
+            count: scriptTemplates.length
+          }
+        ],
+        description: [
+          "script deployment toast description",
+          {
+            ns: meta.id,
+            count: scriptTemplates.length
+          }
+        ],
+        closeLabel: [
+          "script deployment toast close label",
+          {
+            ns: meta.id,
+            count: scriptTemplates.length
+          }
+        ]
+      });
+      void invokePromise(LayoutOperation.UpdateDialog, {
+        state: false
+      });
+    }
+    if (status === "error") {
+      void invokePromise(LayoutOperation.UpdateDialog, {
+        state: false
+      });
+      void invokePromise(LayoutOperation.AddToast, {
+        id: `${meta.id}/deployment-error`,
+        icon: "ph--warning--regular",
+        duration: Infinity,
+        title: [
+          "script deployment error toast label",
+          {
+            ns: meta.id,
+            count: scriptTemplates.length
+          }
+        ],
+        description: [
+          "script deployment error toast description",
+          {
+            ns: meta.id,
+            count: scriptTemplates.length
+          }
+        ],
+        closeLabel: [
+          "script deployment error toast close label",
+          {
+            ns: meta.id,
+            count: scriptTemplates.length
+          }
+        ]
+      });
+    }
+  }, [
+    status,
+    invokePromise
+  ]);
+  return /* @__PURE__ */ React.createElement(Dialog.Content, null, /* @__PURE__ */ React.createElement("div", {
+    className: "flex justify-between items-center"
+  }, /* @__PURE__ */ React.createElement(Dialog.Title, null, t("deployment dialog title")), /* @__PURE__ */ React.createElement(Dialog.Close, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(IconButton, {
+    icon: "ph--x--regular",
+    size: 4,
+    label: "Close",
+    iconOnly: true,
+    density: "fine",
+    variant: "ghost"
+  }))), /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "py-4"
+  }, /* @__PURE__ */ React.createElement("p", null, t("deployment dialog scripts found message", {
+    count: scriptTemplates.length
+  })), /* @__PURE__ */ React.createElement("ul", {
+    className: "pt-2"
+  }, scriptTemplates.map((template) => {
+    return /* @__PURE__ */ React.createElement("li", {
+      key: template.id
+    }, template.name);
+  }))), /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "flex flex-row-reverse gap-1"
+  }, /* @__PURE__ */ React.createElement(Button, {
+    variant: "primary",
+    onClick: handleCreateAndDeployScripts,
+    disabled: status === "pending"
+  }, status === "pending" ? t("deployment dialog deploy functions pending button label", {
+    count: scriptTemplates.length
+  }) : t("deployment dialog deploy functions button label", {
+    count: scriptTemplates.length
+  })), /* @__PURE__ */ React.createElement(Dialog.Close, {
+    asChild: true,
+    disabled: status === "pending"
+  }, /* @__PURE__ */ React.createElement(Button, {
+    disabled: status === "pending"
+  }, t("deployment dialog skip button label")))));
+};
+
+// src/containers/DeploymentDialog/index.ts
+var DeploymentDialog_default = DeploymentDialog;
+export {
+  DeploymentDialog_default as default
+};
+//# sourceMappingURL=DeploymentDialog-IIOXAS47.mjs.map

package/dist/lib/browser/DeploymentDialog-IIOXAS47.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/DeploymentDialog/DeploymentDialog.tsx", "../../../src/containers/DeploymentDialog/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useEffect, useMemo } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { Button, Dialog, IconButton, useTranslation } from '@dxos/react-ui';\nimport { type AccessToken } from '@dxos/types';\n\nimport { useCreateAndDeployScriptTemplates } from '../../hooks';\nimport { meta } from '../../meta';\nimport { type Template } from '../../templates';\n\n// TODO(ZaymonFC):\n//  - Show activity and feedback to the user.\n//  - Only take an array of templateIds and get the name from the data.\n//  - Pending / onError states.\n\nexport type DeploymentDialogProps = {\n  accessToken: AccessToken.AccessToken;\n  scriptTemplates: Template[];\n};\n\nexport const DeploymentDialog = ({ accessToken, scriptTemplates }: DeploymentDialogProps) => {\n  const { t } = useTranslation(meta.id);\n  const space = useMemo(() => getSpace(accessToken), [accessToken]);\n\n  // TODO(ZaymonFC): Thinking further. All of this should get moved to intents to run async in the background.\n  //   Deployment shouldn't be tied to the lifecycle of the dialogue component.\n  const { handleCreateAndDeployScripts, status } = useCreateAndDeployScriptTemplates(space, scriptTemplates);\n  const { invokePromise } = useOperationInvoker();\n\n  useEffect(() => {\n    if (status === 'success') {\n      // TODO(ZaymonFC): We can probably re-use this toast for normal script deployment.\n      void invokePromise(LayoutOperation.AddToast, {\n        id: `${meta.id}/deployment-success`,\n        icon: 'ph--check--regular',\n        duration: Infinity,\n        title: ['script deployment toast label', { ns: meta.id, count: scriptTemplates.length }],\n        description: ['script deployment toast description', { ns: meta.id, count: scriptTemplates.length }],\n        closeLabel: ['script deployment toast close label', { ns: meta.id, count: scriptTemplates.length }],\n      });\n      void invokePromise(LayoutOperation.UpdateDialog, { state: false });\n    }\n    if (status === 'error') {\n      void invokePromise(LayoutOperation.UpdateDialog, { state: false });\n      void invokePromise(LayoutOperation.AddToast, {\n        id: `${meta.id}/deployment-error`,\n        icon: 'ph--warning--regular',\n        duration: Infinity,\n        title: ['script deployment error toast label', { ns: meta.id, count: scriptTemplates.length }],\n        description: ['script deployment error toast description', { ns: meta.id, count: scriptTemplates.length }],\n        closeLabel: ['script deployment error toast close label', { ns: meta.id, count: scriptTemplates.length }],\n      });\n    }\n  }, [status, invokePromise]);\n\n  return (\n    <Dialog.Content>\n      <div className='flex justify-between items-center'>\n        <Dialog.Title>{t('deployment dialog title')}</Dialog.Title>\n        <Dialog.Close asChild>\n          <IconButton icon='ph--x--regular' size={4} label='Close' iconOnly density='fine' variant='ghost' />\n        </Dialog.Close>\n      </div>\n      <div role='none' className='py-4'>\n        {/* TODO: Implement deployment logic and UI. */}\n        <p>\n          {t('deployment dialog scripts found message', {\n            count: scriptTemplates.length,\n          })}\n        </p>\n        <ul className='pt-2'>\n          {scriptTemplates.map((template) => {\n            return <li key={template.id}>{template.name}</li>;\n          })}\n        </ul>\n      </div>\n      <div role='none' className='flex flex-row-reverse gap-1'>\n        <Button variant='primary' onClick={handleCreateAndDeployScripts} disabled={status === 'pending'}>\n          {status === 'pending'\n            ? t('deployment dialog deploy functions pending button label', {\n                count: scriptTemplates.length,\n              })\n            : t('deployment dialog deploy functions button label', {\n                count: scriptTemplates.length,\n              })}\n        </Button>\n        <Dialog.Close asChild disabled={status === 'pending'}>\n          <Button disabled={status === 'pending'}>{t('deployment dialog skip button label')}</Button>\n        </Dialog.Close>\n      </div>\n    </Dialog.Content>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { DeploymentDialog } from './DeploymentDialog';\n\nexport default DeploymentDialog;\n"],
+  "mappings": "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",
+  "names": ["React", "useEffect", "useMemo", "useOperationInvoker", "LayoutOperation", "getSpace", "Button", "Dialog", "IconButton", "useTranslation", "DeploymentDialog", "accessToken", "scriptTemplates", "t", "useTranslation", "meta", "id", "space", "useMemo", "getSpace", "handleCreateAndDeployScripts", "status", "useCreateAndDeployScriptTemplates", "invokePromise", "useOperationInvoker", "useEffect", "LayoutOperation", "AddToast", "icon", "duration", "Infinity", "title", "ns", "count", "length", "description", "closeLabel", "UpdateDialog", "state", "Dialog", "Content", "div", "className", "Title", "Close", "asChild", "IconButton", "size", "label", "iconOnly", "density", "variant", "role", "p", "ul", "map", "template", "li", "key", "name", "Button", "onClick", "disabled", "DeploymentDialog"]
+}