@dxos/plugin-script 0.8.4-main.f9ba587 → 0.8.4-staging.60fe92afc8

package/dist/lib/neutral/DeploymentDialog-M3AFYQHC.mjs

@@ -0,0 +1,114 @@
+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, useTranslation } from "@dxos/react-ui";
+import { useCreateAndDeployScriptTemplates } from "#hooks";
+import { meta } from "#meta";
+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(Dialog.Header, null, /* @__PURE__ */ React.createElement(Dialog.Title, null, t("deployment-dialog.title")), /* @__PURE__ */ React.createElement(Dialog.Close, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Dialog.ActionIconButton, {
+    action: "close"
+  }))), /* @__PURE__ */ React.createElement(Dialog.Body, null, /* @__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(Dialog.ActionBar, null, /* @__PURE__ */ React.createElement(Dialog.Close, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Button, {
+    disabled: status === "pending"
+  }, t("deployment-dialog-skip-button.label"))), /* @__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
+  }))));
+};
+export {
+  DeploymentDialog as default
+};
+//# sourceMappingURL=DeploymentDialog-M3AFYQHC.mjs.map

package/dist/lib/neutral/DeploymentDialog-M3AFYQHC.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/DeploymentDialog/DeploymentDialog.tsx"],
+  "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, useTranslation } from '@dxos/react-ui';\nimport { type AccessToken } from '@dxos/types';\n\nimport { useCreateAndDeployScriptTemplates } from '#hooks';\nimport { meta } from '#meta';\n\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      <Dialog.Header>\n        <Dialog.Title>{t('deployment-dialog.title')}</Dialog.Title>\n        <Dialog.Close asChild>\n          <Dialog.ActionIconButton action='close' />\n        </Dialog.Close>\n      </Dialog.Header>\n      <Dialog.Body>\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      </Dialog.Body>\n      <Dialog.ActionBar>\n        <Dialog.Close asChild>\n          <Button disabled={status === 'pending'}>{t('deployment-dialog-skip-button.label')}</Button>\n        </Dialog.Close>\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.ActionBar>\n    </Dialog.Content>\n  );\n};\n"],
+  "mappings": ";;;AAIA,OAAOA,SAASC,WAAWC,eAAe;AAE1C,SAASC,2BAA2B;AACpC,SAASC,uBAAuB;AAChC,SAASC,gBAAgB;AACzB,SAASC,QAAQC,QAAQC,sBAAsB;AAG/C,SAASC,yCAAyC;AAClD,SAASC,YAAY;AAcd,IAAMC,mBAAmB,CAAC,EAAEC,aAAaC,gBAAe,MAAyB;AACtF,QAAM,EAAEC,EAAC,IAAKN,eAAeE,KAAKK,EAAE;AACpC,QAAMC,QAAQd,QAAQ,MAAMG,SAASO,WAAAA,GAAc;IAACA;GAAY;AAIhE,QAAM,EAAEK,8BAA8BC,OAAM,IAAKT,kCAAkCO,OAAOH,eAAAA;AAC1F,QAAM,EAAEM,cAAa,IAAKhB,oBAAAA;AAE1BF,YAAU,MAAA;AACR,QAAIiB,WAAW,WAAW;AAExB,WAAKC,cAAcf,gBAAgBgB,UAAU;QAC3CL,IAAI,GAAGL,KAAKK,EAAE;QACdM,MAAM;QACNC,UAAUC;QACVC,OAAO;UAAC;UAAiC;YAAEC,IAAIf,KAAKK;YAAIW,OAAOb,gBAAgBc;UAAO;;QACtFC,aAAa;UAAC;UAAuC;YAAEH,IAAIf,KAAKK;YAAIW,OAAOb,gBAAgBc;UAAO;;QAClGE,YAAY;UAAC;UAAuC;YAAEJ,IAAIf,KAAKK;YAAIW,OAAOb,gBAAgBc;UAAO;;MACnG,CAAA;AACA,WAAKR,cAAcf,gBAAgB0B,cAAc;QAAEC,OAAO;MAAM,CAAA;IAClE;AACA,QAAIb,WAAW,SAAS;AACtB,WAAKC,cAAcf,gBAAgB0B,cAAc;QAAEC,OAAO;MAAM,CAAA;AAChE,WAAKZ,cAAcf,gBAAgBgB,UAAU;QAC3CL,IAAI,GAAGL,KAAKK,EAAE;QACdM,MAAM;QACNC,UAAUC;QACVC,OAAO;UAAC;UAAuC;YAAEC,IAAIf,KAAKK;YAAIW,OAAOb,gBAAgBc;UAAO;;QAC5FC,aAAa;UAAC;UAA6C;YAAEH,IAAIf,KAAKK;YAAIW,OAAOb,gBAAgBc;UAAO;;QACxGE,YAAY;UAAC;UAA6C;YAAEJ,IAAIf,KAAKK;YAAIW,OAAOb,gBAAgBc;UAAO;;MACzG,CAAA;IACF;EACF,GAAG;IAACT;IAAQC;GAAc;AAE1B,SACE,sBAAA,cAACZ,OAAOyB,SAAO,MACb,sBAAA,cAACzB,OAAO0B,QAAM,MACZ,sBAAA,cAAC1B,OAAO2B,OAAK,MAAEpB,EAAE,yBAAA,CAAA,GACjB,sBAAA,cAACP,OAAO4B,OAAK;IAACC,SAAAA;KACZ,sBAAA,cAAC7B,OAAO8B,kBAAgB;IAACC,QAAO;QAGpC,sBAAA,cAAC/B,OAAOgC,MAAI,MACV,sBAAA,cAACC,KAAAA,MACE1B,EAAE,2CAA2C;IAC5CY,OAAOb,gBAAgBc;EACzB,CAAA,CAAA,GAEF,sBAAA,cAACc,MAAAA;IAAGC,WAAU;KACX7B,gBAAgB8B,IAAI,CAACC,aAAAA;AACpB,WAAO,sBAAA,cAACC,MAAAA;MAAGC,KAAKF,SAAS7B;OAAK6B,SAASG,IAAI;EAC7C,CAAA,CAAA,CAAA,GAGJ,sBAAA,cAACxC,OAAOyC,WAAS,MACf,sBAAA,cAACzC,OAAO4B,OAAK;IAACC,SAAAA;KACZ,sBAAA,cAAC9B,QAAAA;IAAO2C,UAAU/B,WAAW;KAAYJ,EAAE,qCAAA,CAAA,CAAA,GAE7C,sBAAA,cAACR,QAAAA;IAAO4C,SAAQ;IAAUC,SAASlC;IAA8BgC,UAAU/B,WAAW;KACnFA,WAAW,YACRJ,EAAE,2DAA2D;IAC3DY,OAAOb,gBAAgBc;EACzB,CAAA,IACAb,EAAE,mDAAmD;IACnDY,OAAOb,gBAAgBc;EACzB,CAAA,CAAA,CAAA,CAAA;AAKd;",
+  "names": ["React", "useEffect", "useMemo", "useOperationInvoker", "LayoutOperation", "getSpace", "Button", "Dialog", "useTranslation", "useCreateAndDeployScriptTemplates", "meta", "DeploymentDialog", "accessToken", "scriptTemplates", "t", "id", "space", "handleCreateAndDeployScripts", "status", "invokePromise", "AddToast", "icon", "duration", "Infinity", "title", "ns", "count", "length", "description", "closeLabel", "UpdateDialog", "state", "Content", "Header", "Title", "Close", "asChild", "ActionIconButton", "action", "Body", "p", "ul", "className", "map", "template", "li", "key", "name", "ActionBar", "disabled", "variant", "onClick"]
+}