@dxos/plugin-script 0.8.4-main.72ec0f3 → 0.8.4-main.937b3ca

package/dist/lib/node-esm/chunk-YEWLTVBT.mjs

@@ -0,0 +1,138 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  useCreateAndDeployScriptTemplates
+} from "./chunk-MGWKULCD.mjs";
+import {
+  meta
+} from "./chunk-5HSJPAK7.mjs";
+
+// src/components/DeploymentDialog/DeploymentDialog.tsx
+import React, { useEffect, useMemo } from "react";
+import { Common } from "@dxos/app-framework";
+import { useOperationInvoker } from "@dxos/app-framework/react";
+import { getSpace } from "@dxos/react-client/echo";
+import { Button, Dialog, IconButton, useTranslation } from "@dxos/react-ui";
+var DEPLOYMENT_DIALOG = `${meta.id}/deployment/dialog`;
+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(Common.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(Common.LayoutOperation.UpdateDialog, {
+        state: false
+      });
+    }
+    if (status === "error") {
+      void invokePromise(Common.LayoutOperation.UpdateDialog, {
+        state: false
+      });
+      void invokePromise(Common.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: "plb-4"
+  }, /* @__PURE__ */ React.createElement("p", null, t("deployment dialog scripts found message", {
+    count: scriptTemplates.length
+  })), /* @__PURE__ */ React.createElement("ul", {
+    className: "pbs-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/components/DeploymentDialog/index.ts
+var DeploymentDialog_default = DeploymentDialog;
+
+export {
+  DEPLOYMENT_DIALOG,
+  DeploymentDialog_default
+};
+//# sourceMappingURL=chunk-YEWLTVBT.mjs.map

package/dist/lib/node-esm/chunk-YEWLTVBT.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/DeploymentDialog/DeploymentDialog.tsx", "../../../src/components/DeploymentDialog/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useEffect, useMemo } from 'react';\n\nimport { Common } from '@dxos/app-framework';\nimport { useOperationInvoker } from '@dxos/app-framework/react';\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\nexport const DEPLOYMENT_DIALOG = `${meta.id}/deployment/dialog`;\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(Common.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(Common.LayoutOperation.UpdateDialog, { state: false });\n    }\n    if (status === 'error') {\n      void invokePromise(Common.LayoutOperation.UpdateDialog, { state: false });\n      void invokePromise(Common.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='plb-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='pbs-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\nexport default DeploymentDialog;\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { DEPLOYMENT_DIALOG, DeploymentDialog } from './DeploymentDialog';\n\nexport { DEPLOYMENT_DIALOG };\n\nexport default DeploymentDialog;\n"],
+  "mappings": "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",
+  "names": ["React", "useEffect", "useMemo", "Common", "useOperationInvoker", "getSpace", "Button", "Dialog", "IconButton", "useTranslation", "DEPLOYMENT_DIALOG", "meta", "id", "DeploymentDialog", "accessToken", "scriptTemplates", "t", "useTranslation", "space", "useMemo", "getSpace", "handleCreateAndDeployScripts", "status", "useCreateAndDeployScriptTemplates", "invokePromise", "useOperationInvoker", "useEffect", "Common", "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"]
+}