npm - @btst/stack - Versions diffs - 1.5.2 → 1.7.0 - Mend

@btst/stack 1.5.2 → 1.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (241) hide show

package/dist/packages/better-stack/src/plugins/open-api/api/plugin.mjs ADDED Viewed

@@ -0,0 +1,113 @@
+import { defineBackendPlugin, createEndpoint } from '@btst/stack/plugins/api';
+import { openApiSchema } from '../db.mjs';
+import { generateOpenAPISchema } from './generator.mjs';
+import { logo } from '../logo.mjs';
+function escapeHtml(str) {
+  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function escapeJsonForHtml(json) {
+  return json.replace(/</g, "\\u003c");
+}
+function getScalarHTML(schema, theme = "default", nonce) {
+  const nonceAttr = nonce ? ` nonce="${escapeHtml(nonce)}"` : "";
+  const encodedLogo = encodeURIComponent(logo);
+  const title = schema.info?.title || "API Reference";
+  const description = schema.info?.description || "API Reference";
+  return `<!doctype html>
+<html>
+  <head>
+    <title>${escapeHtml(title)}</title>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+  </head>
+  <body>
+    <script
+      id="api-reference"
+      type="application/json"${nonceAttr}>
+    ${escapeJsonForHtml(JSON.stringify(schema))}
+    <\/script>
+    <script${nonceAttr}>
+      var configuration = {
+        favicon: "data:image/svg+xml;utf8,${encodedLogo}",
+        theme: "${theme}",
+        metaData: {
+          title: ${JSON.stringify(title)},
+          description: ${JSON.stringify(description)},
+        }
+      }
+      document.getElementById('api-reference').dataset.configuration =
+        JSON.stringify(configuration)
+    <\/script>
+    <script src="https://cdn.jsdelivr.net/npm/@scalar/api-reference"${nonceAttr}><\/script>
+  </body>
+</html>`;
+}
+const openApiBackendPlugin = (options) => {
+  const referencePath = options?.path ?? "/reference";
+  let storedContext = null;
+  return defineBackendPlugin({
+    name: "open-api",
+    dbPlugin: openApiSchema,
+    routes: (_adapter, context) => {
+      storedContext = context ?? null;
+      const generateSchema = createEndpoint(
+        "/open-api/schema",
+        {
+          method: "GET"
+        },
+        async (ctx) => {
+          if (!storedContext) {
+            throw ctx.error(500, {
+              message: "OpenAPI context not available"
+            });
+          }
+          const schema = generateOpenAPISchema(storedContext, {
+            title: options?.title,
+            description: options?.description,
+            version: options?.version
+          });
+          return schema;
+        }
+      );
+      const reference = createEndpoint(
+        referencePath,
+        {
+          method: "GET"
+        },
+        async (ctx) => {
+          if (options?.disableDefaultReference) {
+            throw ctx.error(404, {
+              message: "Reference page is disabled"
+            });
+          }
+          if (!storedContext) {
+            throw ctx.error(500, {
+              message: "OpenAPI context not available"
+            });
+          }
+          const schema = generateOpenAPISchema(storedContext, {
+            title: options?.title,
+            description: options?.description,
+            version: options?.version
+          });
+          return new Response(
+            getScalarHTML(schema, options?.theme, options?.nonce),
+            {
+              headers: {
+                "Content-Type": "text/html; charset=utf-8"
+              }
+            }
+          );
+        }
+      );
+      return {
+        generateSchema,
+        reference
+      };
+    }
+  });
+};
+export { openApiBackendPlugin };

package/dist/packages/better-stack/src/plugins/open-api/db.cjs ADDED Viewed

@@ -0,0 +1,7 @@
+'use strict';
+const db = require('@btst/db');
+const openApiSchema = db.createDbPlugin("openApi", {});
+exports.openApiSchema = openApiSchema;

package/dist/packages/better-stack/src/plugins/open-api/db.mjs ADDED Viewed

@@ -0,0 +1,5 @@
+import { createDbPlugin } from '@btst/db';
+const openApiSchema = createDbPlugin("openApi", {});
+export { openApiSchema };

package/dist/packages/better-stack/src/plugins/open-api/logo.cjs ADDED Viewed

@@ -0,0 +1,8 @@
+'use strict';
+const logo = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="none">
+  <rect width="100" height="100" rx="20" fill="#0ea5e9"/>
+  <path d="M25 35h50M25 50h50M25 65h35" stroke="white" stroke-width="8" stroke-linecap="round"/>
+</svg>`;
+exports.logo = logo;

package/dist/packages/better-stack/src/plugins/open-api/logo.mjs ADDED Viewed

@@ -0,0 +1,6 @@
+const logo = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="none">
+  <rect width="100" height="100" rx="20" fill="#0ea5e9"/>
+  <path d="M25 35h50M25 50h50M25 65h35" stroke="white" stroke-width="8" stroke-linecap="round"/>
+</svg>`;
+export { logo };

package/dist/packages/ui/src/components/auto-form/index.cjs CHANGED Viewed

@@ -1,13 +1,11 @@
 "use client";
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 const jsxRuntime = require('react/jsx-runtime');
 const form = require('../form.cjs');
 const React = require('react');
 const reactHookForm = require('react-hook-form');
-const button = require('../button.cjs');
+require('../button.cjs');
 const utils$1 = require('../../lib/utils.cjs');
 const zod = require('@hookform/resolvers/zod');
 const object = require('./fields/object.cjs');
@@ -17,13 +15,6 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 const React__default = /*#__PURE__*/_interopDefaultCompat(React);
-function AutoFormSubmit({
-  children,
-  className,
-  disabled
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "submit", disabled, className, children: children ?? "Submit" });
-}
 function AutoForm({
   formSchema,
   values: valuesProp,
@@ -83,5 +74,4 @@ function AutoForm({
   ) }) });
 }
-exports.AutoFormSubmit = AutoFormSubmit;
-exports.default = AutoForm;
+module.exports = AutoForm;

package/dist/packages/ui/src/components/auto-form/index.mjs CHANGED Viewed

@@ -3,19 +3,12 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { Form } from '../form.mjs';
 import React__default from 'react';
 import { useForm } from 'react-hook-form';
-import { Button } from '../button.mjs';
+import '../button.mjs';
 import { cn } from '../../lib/utils.mjs';
 import { zodResolver } from '@hookform/resolvers/zod';
 import AutoFormObject from './fields/object.mjs';
 import { getObjectFormSchema, getDefaultValues } from './utils.mjs';
-function AutoFormSubmit({
-  children,
-  className,
-  disabled
-}) {
-  return /* @__PURE__ */ jsx(Button, { type: "submit", disabled, className, children: children ?? "Submit" });
-}
 function AutoForm({
   formSchema,
   values: valuesProp,
@@ -75,4 +68,4 @@ function AutoForm({
   ) }) });
 }
-export { AutoFormSubmit, AutoForm as default };
+export { AutoForm as default };

package/dist/packages/ui/src/components/auto-form/stepped-auto-form.cjs ADDED Viewed

@@ -0,0 +1,377 @@
+"use client";
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const z = require('zod');
+const index = require('./index.cjs');
+const button = require('../button.cjs');
+const separator = require('../separator.cjs');
+const utils = require('../../lib/utils.cjs');
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
+const React__default = /*#__PURE__*/_interopDefaultCompat(React);
+function extractStepsFromSchema(schema) {
+  try {
+    const jsonSchema = schema.toJSONSchema();
+    if (jsonSchema.steps && Array.isArray(jsonSchema.steps)) {
+      return jsonSchema.steps;
+    }
+  } catch {
+  }
+  return [];
+}
+function getFieldStepAssignments(schema) {
+  const assignments = /* @__PURE__ */ new Map();
+  try {
+    const jsonSchema = schema.toJSONSchema();
+    const stepGroupMap = jsonSchema.stepGroupMap;
+    if (stepGroupMap) {
+      for (const [fieldName, stepGroup] of Object.entries(stepGroupMap)) {
+        assignments.set(fieldName, stepGroup);
+      }
+      return assignments;
+    }
+    const properties = jsonSchema.properties;
+    if (properties) {
+      for (const [fieldName, fieldSchema] of Object.entries(properties)) {
+        const stepGroup = fieldSchema.stepGroup;
+        if (typeof stepGroup === "number") {
+          assignments.set(fieldName, stepGroup);
+        } else {
+          assignments.set(fieldName, 0);
+        }
+      }
+    }
+  } catch {
+  }
+  return assignments;
+}
+function createStepSchema(fullSchema, stepIndex, fieldAssignments) {
+  const fieldsForStep = Array.from(fieldAssignments.entries()).filter(([, step]) => step === stepIndex).map(([field]) => field);
+  if (fieldsForStep.length === 0) {
+    return z.z.object({});
+  }
+  const pickObject = {};
+  for (const field of fieldsForStep) {
+    pickObject[field] = true;
+  }
+  return fullSchema.pick(pickObject);
+}
+function getObjectSchema(schema) {
+  if (schema instanceof z.z.ZodObject) {
+    return schema;
+  }
+  const schemaDef = schema._zod?.def ?? schema._def;
+  if (schemaDef) {
+    if (schemaDef.schema) {
+      return getObjectSchema(schemaDef.schema);
+    }
+    if (schemaDef.innerType) {
+      return getObjectSchema(schemaDef.innerType);
+    }
+  }
+  return null;
+}
+function DefaultStepper({
+  steps,
+  currentStepIndex,
+  onStepClick
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Form Steps", className: "mb-6", children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "flex items-center justify-between gap-2", children: steps.map((step, index) => /* @__PURE__ */ jsxRuntime.jsxs(React__default.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center gap-2 shrink-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        button.Button,
+        {
+          type: "button",
+          variant: index <= currentStepIndex ? "default" : "secondary",
+          "aria-current": currentStepIndex === index ? "step" : void 0,
+          "aria-posinset": index + 1,
+          "aria-setsize": steps.length,
+          className: "size-10 rounded-full p-0",
+          onClick: () => onStepClick?.(step.id),
+          children: index + 1
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium hidden sm:inline", children: step.label })
+    ] }),
+    index < steps.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(
+      separator.Separator,
+      {
+        className: utils.cn(
+          "flex-1 min-w-4",
+          index < currentStepIndex ? "bg-primary" : "bg-muted"
+        )
+      }
+    )
+  ] }, step.id)) }) });
+}
+function SteppedAutoForm({
+  formSchema,
+  values: initialValues,
+  onValuesChange,
+  onSubmit,
+  fieldConfig,
+  children,
+  className,
+  nextButtonText = "Next",
+  backButtonText = "Back",
+  submitButtonText = "Submit",
+  StepperComponent = DefaultStepper,
+  isSubmitting = false
+}) {
+  const steps = React.useMemo(() => extractStepsFromSchema(formSchema), [formSchema]);
+  const hasMultipleSteps = steps.length > 1;
+  const fieldAssignments = React.useMemo(
+    () => getFieldStepAssignments(formSchema),
+    [formSchema]
+  );
+  const [currentStepIndex, setCurrentStepIndex] = React.useState(0);
+  const [accumulatedValues, setAccumulatedValues] = React.useState(
+    initialValues ?? {}
+  );
+  const [completedSteps, setCompletedSteps] = React.useState(/* @__PURE__ */ new Set());
+  const [schemaErrors, setSchemaErrors] = React.useState(null);
+  const accumulatedValuesRef = React.useRef(accumulatedValues);
+  const onValuesChangeRef = React.useRef(onValuesChange);
+  React.useEffect(() => {
+    accumulatedValuesRef.current = accumulatedValues;
+  }, [accumulatedValues]);
+  React.useEffect(() => {
+    onValuesChangeRef.current = onValuesChange;
+  }, [onValuesChange]);
+  React.useEffect(() => {
+    if (initialValues) {
+      const newValues = {
+        ...accumulatedValuesRef.current,
+        ...initialValues
+      };
+      accumulatedValuesRef.current = newValues;
+      setAccumulatedValues(newValues);
+    }
+  }, [initialValues]);
+  const objectSchema = React.useMemo(() => getObjectSchema(formSchema), [formSchema]);
+  const stepSchemas = React.useMemo(() => {
+    if (!hasMultipleSteps || !objectSchema) return [];
+    return steps.map(
+      (_, index) => createStepSchema(objectSchema, index, fieldAssignments)
+    );
+  }, [hasMultipleSteps, objectSchema, steps, fieldAssignments]);
+  const currentStep = steps[currentStepIndex];
+  const currentStepSchema = stepSchemas[currentStepIndex];
+  const isFirst = currentStepIndex === 0;
+  const isLast = currentStepIndex === steps.length - 1;
+  const currentStepFieldConfig = React.useMemo(() => {
+    if (!fieldConfig) return void 0;
+    const stepFields = Array.from(fieldAssignments.entries()).filter(([, step]) => step === currentStepIndex).map(([field]) => field);
+    const filtered = {};
+    for (const field of stepFields) {
+      if (field in fieldConfig) {
+        filtered[field] = fieldConfig[field];
+      }
+    }
+    return filtered;
+  }, [fieldConfig, fieldAssignments, currentStepIndex]);
+  const currentStepValues = React.useMemo(() => {
+    const stepFields = Array.from(fieldAssignments.entries()).filter(([, step]) => step === currentStepIndex).map(([field]) => field);
+    const values = {};
+    for (const field of stepFields) {
+      if (field in accumulatedValues) {
+        values[field] = accumulatedValues[field];
+      }
+    }
+    return values;
+  }, [fieldAssignments, currentStepIndex, accumulatedValues]);
+  const handleStepClick = React.useCallback(
+    (stepId) => {
+      const stepIndex = steps.findIndex((s) => s.id === stepId);
+      if (stepIndex === -1) return;
+      const canNavigate = stepIndex === currentStepIndex || completedSteps.has(stepIndex) || stepIndex === currentStepIndex + 1 && completedSteps.has(currentStepIndex);
+      if (canNavigate) {
+        setCurrentStepIndex(stepIndex);
+        setSchemaErrors(null);
+      }
+    },
+    [steps, currentStepIndex, completedSteps]
+  );
+  const handleStepValuesChange = React.useCallback(
+    (stepValues, form) => {
+      const newAccumulated = { ...accumulatedValuesRef.current, ...stepValues };
+      accumulatedValuesRef.current = newAccumulated;
+      setAccumulatedValues(newAccumulated);
+      onValuesChangeRef.current?.(newAccumulated, form);
+    },
+    []
+  );
+  const handleStepSubmit = React.useCallback(
+    (stepValues) => {
+      const newAccumulated = { ...accumulatedValuesRef.current, ...stepValues };
+      accumulatedValuesRef.current = newAccumulated;
+      setAccumulatedValues(newAccumulated);
+      onValuesChangeRef.current?.(newAccumulated, void 0);
+      setCompletedSteps((prev) => /* @__PURE__ */ new Set([...prev, currentStepIndex]));
+      if (isLast) {
+        const allStepsCompleted = steps.every(
+          (_, index) => index === currentStepIndex || completedSteps.has(index)
+        );
+        if (!allStepsCompleted) {
+          const firstIncompleteStep = steps.findIndex(
+            (_, index) => index !== currentStepIndex && !completedSteps.has(index)
+          );
+          if (firstIncompleteStep !== -1) {
+            setCurrentStepIndex(firstIncompleteStep);
+            return;
+          }
+        }
+        const parseResult = formSchema.safeParse(newAccumulated);
+        if (parseResult.success) {
+          setSchemaErrors(null);
+          onSubmit?.(parseResult.data);
+        } else {
+          setSchemaErrors(parseResult.error);
+          const firstErrorPath = parseResult.error.issues[0]?.path[0];
+          if (typeof firstErrorPath === "string") {
+            const errorFieldStep = fieldAssignments.get(firstErrorPath);
+            if (errorFieldStep !== void 0 && errorFieldStep !== currentStepIndex) {
+              setCurrentStepIndex(errorFieldStep);
+            }
+          }
+        }
+      } else {
+        setCurrentStepIndex((prev) => prev + 1);
+      }
+    },
+    [isLast, onSubmit, currentStepIndex, steps, completedSteps, formSchema, fieldAssignments]
+  );
+  const handleBack = React.useCallback(() => {
+    if (!isFirst) {
+      setCurrentStepIndex((prev) => prev - 1);
+      setSchemaErrors(null);
+    }
+  }, [isFirst]);
+  if (!hasMultipleSteps) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      index,
+      {
+        formSchema,
+        values: initialValues,
+        onValuesChange,
+        onSubmit,
+        fieldConfig,
+        className,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "submit", disabled: isSubmitting, className: "w-full mt-4", children: submitButtonText }),
+          children
+        ]
+      }
+    );
+  }
+  if (!currentStepSchema || !currentStep) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("w-full", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      StepperComponent,
+      {
+        steps: steps.map((s) => ({ id: s.id, label: s.title })),
+        currentStepIndex,
+        currentStepId: currentStep.id,
+        onStepClick: handleStepClick,
+        isFirst,
+        isLast
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold", children: currentStep.title }),
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground", children: [
+        "Step ",
+        currentStepIndex + 1,
+        " of ",
+        steps.length
+      ] })
+    ] }),
+    schemaErrors && schemaErrors.issues.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        role: "alert",
+        "aria-live": "assertive",
+        className: "rounded-md border border-destructive/50 bg-destructive/10 p-4 mb-4",
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "svg",
+            {
+              className: "h-5 w-5 text-destructive shrink-0 mt-0.5",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor",
+              strokeWidth: 2,
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-medium text-destructive", children: "Validation Failed" }),
+            /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-2 text-sm text-destructive/90 list-disc list-inside space-y-1", children: schemaErrors.issues.map((issue, index) => /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
+              issue.path.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium", children: [
+                issue.path.join("."),
+                ": "
+              ] }),
+              issue.message
+            ] }, index)) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setSchemaErrors(null),
+              className: "text-destructive/70 hover:text-destructive shrink-0",
+              "aria-label": "Dismiss errors",
+              children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) })
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      index,
+      {
+        formSchema: currentStepSchema,
+        values: currentStepValues,
+        onValuesChange: handleStepValuesChange,
+        onSubmit: handleStepSubmit,
+        fieldConfig: currentStepFieldConfig,
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between pt-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              button.Button,
+              {
+                type: "button",
+                variant: "outline",
+                onClick: handleBack,
+                disabled: isFirst || isSubmitting,
+                children: backButtonText
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "submit", disabled: isSubmitting, children: isLast ? submitButtonText : nextButtonText })
+          ] }),
+          children
+        ]
+      },
+      currentStep.id
+    )
+  ] });
+}
+exports.SteppedAutoForm = SteppedAutoForm;
+exports.default = SteppedAutoForm;