@dxos/plugin-observability 0.8.2-main.fbd8ed0 → 0.8.2-staging.4d6ad0f

package/dist/lib/node/chunk-53PICBRX.cjs

@@ -1,177 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_53PICBRX_exports = {};
-__export(chunk_53PICBRX_exports, {
-  FeedbackForm: () => FeedbackForm,
-  HelpContainer: () => HelpContainer,
-  ObservabilitySettings: () => ObservabilitySettings,
-  ObservabilitySettingsSchema: () => ObservabilitySettingsSchema
-});
-module.exports = __toCommonJS(chunk_53PICBRX_exports);
-var import_chunk_BPWXRLLR = require("./chunk-BPWXRLLR.cjs");
-var import_chunk_2ERIOZP3 = require("./chunk-2ERIOZP3.cjs");
-var import_react = __toESM(require("react"));
-var import_echo_schema = require("@dxos/echo-schema");
-var import_react_ui = require("@dxos/react-ui");
-var import_react_ui_form = require("@dxos/react-ui-form");
-var import_effect = require("effect");
-var import_react2 = __toESM(require("react"));
-var import_app_framework = require("@dxos/app-framework");
-var import_effect2 = require("effect");
-var import_react3 = __toESM(require("react"));
-var import_app_framework2 = require("@dxos/app-framework");
-var import_react_ui2 = require("@dxos/react-ui");
-var import_react_ui_form2 = require("@dxos/react-ui-form");
-var defaultValues = {
-  message: ""
-};
-var FormContent = () => {
-  const { t } = (0, import_react_ui.useTranslation)(import_chunk_2ERIOZP3.OBSERVABILITY_PLUGIN);
-  const { handleSave, canSave } = (0, import_react_ui_form.useFormContext)();
-  const messageProps = (0, import_react_ui_form.useInputProps)([
-    "message"
-  ]);
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    role: "form",
-    className: "p-3 flex flex-col gap-2"
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    role: "none",
-    className: "space-b-1"
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.Root, {
-    validationValence: messageProps.getStatus().status
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.Label, null, t("feedback text area label")), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.TextArea, {
-    classNames: "text-sm",
-    rows: 5,
-    cols: 30,
-    placeholder: t("feedback text area placeholder"),
-    value: messageProps.getValue() ?? "",
-    onChange: (e) => messageProps.onValueChange("string", e.target.value),
-    // TODO(wittjosiah): This aggressively shows validation errors.
-    onBlur: messageProps.onBlur
-  }), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.DescriptionAndValidation, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.Validation, null, messageProps.getStatus().error)))), /* @__PURE__ */ import_react.default.createElement("div", {
-    role: "none",
-    className: "space-b-2"
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.IconButton, {
-    icon: "ph--paper-plane-tilt--regular",
-    label: t("send feedback label"),
-    variant: "primary",
-    type: "submit",
-    classNames: "is-full",
-    disabled: !canSave,
-    onClick: handleSave
-  })));
-};
-var FeedbackForm = ({ onSave }) => {
-  const formRef = (0, import_react.useRef)(null);
-  const [_, update] = (0, import_react.useState)({});
-  const forceRender = (0, import_react.useCallback)(() => update({}), [
-    update
-  ]);
-  const handleSave = (0, import_react.useCallback)((values) => {
-    onSave(values);
-    forceRender();
-  }, [
-    forceRender,
-    onSave
-  ]);
-  const initialValues = (0, import_echo_schema.getSnapshot)(defaultValues);
-  return /* @__PURE__ */ import_react.default.createElement(import_react_ui_form.FormProvider, {
-    formRef,
-    schema: import_chunk_BPWXRLLR.UserFeedback,
-    initialValues,
-    onSave: handleSave
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    ref: formRef
-  }, /* @__PURE__ */ import_react.default.createElement(FormContent, null)));
-};
-var HelpContainer = () => {
-  const { dispatchPromise: dispatch } = (0, import_app_framework.useIntentDispatcher)();
-  const handleSave = (0, import_react2.useCallback)((values) => dispatch((0, import_effect.pipe)((0, import_app_framework.createIntent)(import_chunk_BPWXRLLR.ObservabilityAction.CaptureUserFeedback, values), (0, import_app_framework.chain)(import_app_framework.LayoutAction.UpdateComplementary, {
-    part: "complementary",
-    options: {
-      state: "collapsed"
-    }
-  }), (0, import_app_framework.chain)(import_app_framework.LayoutAction.AddToast, {
-    part: "toast",
-    subject: {
-      id: `${import_chunk_2ERIOZP3.OBSERVABILITY_PLUGIN}/feedback-success`,
-      icon: "ph--paper-plane-tilt--regular",
-      duration: 3e3,
-      title: [
-        "feedback toast label",
-        {
-          ns: import_chunk_2ERIOZP3.OBSERVABILITY_PLUGIN
-        }
-      ],
-      description: [
-        "feedback toast description",
-        {
-          ns: import_chunk_2ERIOZP3.OBSERVABILITY_PLUGIN
-        }
-      ],
-      closeLabel: [
-        "close label",
-        {
-          ns: "os"
-        }
-      ]
-    }
-  }))), [
-    dispatch
-  ]);
-  return /* @__PURE__ */ import_react2.default.createElement(FeedbackForm, {
-    onSave: handleSave
-  });
-};
-var ObservabilitySettingsSchema = import_effect2.Schema.mutable(import_effect2.Schema.Struct({
-  enabled: import_effect2.Schema.Boolean
-}));
-var ObservabilitySettings = ({ settings }) => {
-  const { t } = (0, import_react_ui2.useTranslation)(import_chunk_2ERIOZP3.OBSERVABILITY_PLUGIN);
-  const { dispatchPromise: dispatch } = (0, import_app_framework2.useIntentDispatcher)();
-  return /* @__PURE__ */ import_react3.default.createElement(import_react_ui_form2.DeprecatedFormContainer, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui_form2.DeprecatedFormInput, {
-    label: t("observability enabled label"),
-    secondary: /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Message.Root, {
-      valence: "info"
-    }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Message.Body, null, t("observability description")))
-  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Input.Switch, {
-    checked: settings.enabled,
-    onCheckedChange: (checked) => dispatch((0, import_app_framework2.createIntent)(import_chunk_BPWXRLLR.ObservabilityAction.Toggle, {
-      state: !!checked
-    }))
-  })));
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  FeedbackForm,
-  HelpContainer,
-  ObservabilitySettings,
-  ObservabilitySettingsSchema
-});
-//# sourceMappingURL=chunk-53PICBRX.cjs.map

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

@@ -1,153 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  ObservabilityAction,
-  UserFeedback
-} from "./chunk-QBN3AIYD.mjs";
-import {
-  OBSERVABILITY_PLUGIN
-} from "./chunk-KT5SDFBU.mjs";
-
-// packages/plugins/plugin-observability/src/components/FeedbackForm.tsx
-import React, { useCallback, useRef, useState } from "react";
-import { getSnapshot } from "@dxos/echo-schema";
-import { IconButton, Input, useTranslation } from "@dxos/react-ui";
-import { FormProvider, useFormContext, useInputProps } from "@dxos/react-ui-form";
-var defaultValues = {
-  message: ""
-};
-var FormContent = () => {
-  const { t } = useTranslation(OBSERVABILITY_PLUGIN);
-  const { handleSave, canSave } = useFormContext();
-  const messageProps = useInputProps([
-    "message"
-  ]);
-  return /* @__PURE__ */ React.createElement("div", {
-    role: "form",
-    className: "p-3 flex flex-col gap-2"
-  }, /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    className: "space-b-1"
-  }, /* @__PURE__ */ React.createElement(Input.Root, {
-    validationValence: messageProps.getStatus().status
-  }, /* @__PURE__ */ React.createElement(Input.Label, null, t("feedback text area label")), /* @__PURE__ */ React.createElement(Input.TextArea, {
-    classNames: "text-sm",
-    rows: 5,
-    cols: 30,
-    placeholder: t("feedback text area placeholder"),
-    value: messageProps.getValue() ?? "",
-    onChange: (e) => messageProps.onValueChange("string", e.target.value),
-    // TODO(wittjosiah): This aggressively shows validation errors.
-    onBlur: messageProps.onBlur
-  }), /* @__PURE__ */ React.createElement(Input.DescriptionAndValidation, null, /* @__PURE__ */ React.createElement(Input.Validation, null, messageProps.getStatus().error)))), /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    className: "space-b-2"
-  }, /* @__PURE__ */ React.createElement(IconButton, {
-    icon: "ph--paper-plane-tilt--regular",
-    label: t("send feedback label"),
-    variant: "primary",
-    type: "submit",
-    classNames: "is-full",
-    disabled: !canSave,
-    onClick: handleSave
-  })));
-};
-var FeedbackForm = ({ onSave }) => {
-  const formRef = useRef(null);
-  const [_, update] = useState({});
-  const forceRender = useCallback(() => update({}), [
-    update
-  ]);
-  const handleSave = useCallback((values) => {
-    onSave(values);
-    forceRender();
-  }, [
-    forceRender,
-    onSave
-  ]);
-  const initialValues = getSnapshot(defaultValues);
-  return /* @__PURE__ */ React.createElement(FormProvider, {
-    formRef,
-    schema: UserFeedback,
-    initialValues,
-    onSave: handleSave
-  }, /* @__PURE__ */ React.createElement("div", {
-    ref: formRef
-  }, /* @__PURE__ */ React.createElement(FormContent, null)));
-};
-
-// packages/plugins/plugin-observability/src/components/HelpContainer.tsx
-import { pipe } from "effect";
-import React2, { useCallback as useCallback2 } from "react";
-import { chain, createIntent, LayoutAction, useIntentDispatcher } from "@dxos/app-framework";
-var HelpContainer = () => {
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
-  const handleSave = useCallback2((values) => dispatch(pipe(createIntent(ObservabilityAction.CaptureUserFeedback, values), chain(LayoutAction.UpdateComplementary, {
-    part: "complementary",
-    options: {
-      state: "collapsed"
-    }
-  }), chain(LayoutAction.AddToast, {
-    part: "toast",
-    subject: {
-      id: `${OBSERVABILITY_PLUGIN}/feedback-success`,
-      icon: "ph--paper-plane-tilt--regular",
-      duration: 3e3,
-      title: [
-        "feedback toast label",
-        {
-          ns: OBSERVABILITY_PLUGIN
-        }
-      ],
-      description: [
-        "feedback toast description",
-        {
-          ns: OBSERVABILITY_PLUGIN
-        }
-      ],
-      closeLabel: [
-        "close label",
-        {
-          ns: "os"
-        }
-      ]
-    }
-  }))), [
-    dispatch
-  ]);
-  return /* @__PURE__ */ React2.createElement(FeedbackForm, {
-    onSave: handleSave
-  });
-};
-
-// packages/plugins/plugin-observability/src/components/ObservabilitySettings.tsx
-import { Schema } from "effect";
-import React3 from "react";
-import { createIntent as createIntent2, useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
-import { Input as Input2, Message, useTranslation as useTranslation2 } from "@dxos/react-ui";
-import { DeprecatedFormContainer, DeprecatedFormInput } from "@dxos/react-ui-form";
-var ObservabilitySettingsSchema = Schema.mutable(Schema.Struct({
-  enabled: Schema.Boolean
-}));
-var ObservabilitySettings = ({ settings }) => {
-  const { t } = useTranslation2(OBSERVABILITY_PLUGIN);
-  const { dispatchPromise: dispatch } = useIntentDispatcher2();
-  return /* @__PURE__ */ React3.createElement(DeprecatedFormContainer, null, /* @__PURE__ */ React3.createElement(DeprecatedFormInput, {
-    label: t("observability enabled label"),
-    secondary: /* @__PURE__ */ React3.createElement(Message.Root, {
-      valence: "info"
-    }, /* @__PURE__ */ React3.createElement(Message.Body, null, t("observability description")))
-  }, /* @__PURE__ */ React3.createElement(Input2.Switch, {
-    checked: settings.enabled,
-    onCheckedChange: (checked) => dispatch(createIntent2(ObservabilityAction.Toggle, {
-      state: !!checked
-    }))
-  })));
-};
-
-export {
-  FeedbackForm,
-  HelpContainer,
-  ObservabilitySettingsSchema,
-  ObservabilitySettings
-};
-//# sourceMappingURL=chunk-UBJECDGC.mjs.map