@d34dman/flowdrop 0.0.27 → 0.0.29

package/dist/components/form/FormFieldLight.svelte

@@ -0,0 +1,422 @@
+<!--
+  FormFieldLight Component
+  Factory component that renders the appropriate field based on schema type.
+  
+  This is the "light" version that uses the field registry for heavy components
+  (code editor, markdown editor, template editor) instead of static imports.
+  
+  Heavy components are only loaded if registered via:
+  - `registerCodeEditorField()` from "@d34dman/flowdrop/form/code"
+  - `registerMarkdownEditorField()` from "@d34dman/flowdrop/form/markdown"
+  
+  Features:
+  - Automatically selects the correct field component based on schema
+  - Wraps fields with FormFieldWrapper for consistent layout
+  - Supports all basic field types (string, number, boolean, select, checkbox group, range)
+  - Heavy editors (code, markdown, template) require explicit registration
+  - Shows helpful fallback when heavy editors aren't registered
+  
+  Type Resolution Order:
+  1. Check field registry for custom/heavy components (highest priority)
+  2. format: 'hidden' -> skip rendering (return nothing)
+  3. enum with multiple: true -> FormCheckboxGroup
+  4. enum -> FormSelect
+  5. format: 'multiline' -> FormTextarea
+  6. format: 'range' (number/integer) -> FormRangeField
+  7. type: 'string' -> FormTextField
+  8. type: 'number' or 'integer' -> FormNumberField
+  9. type: 'boolean' -> FormToggle
+  10. type: 'select' or has options -> FormSelect
+  11. type: 'array' -> FormArray
+  12. fallback -> FormTextField
+-->
+
+<script lang="ts">
+	import FormFieldWrapper from "./FormFieldWrapper.svelte";
+	import FormTextField from "./FormTextField.svelte";
+	import FormTextarea from "./FormTextarea.svelte";
+	import FormNumberField from "./FormNumberField.svelte";
+	import FormRangeField from "./FormRangeField.svelte";
+	import FormToggle from "./FormToggle.svelte";
+	import FormSelect from "./FormSelect.svelte";
+	import FormCheckboxGroup from "./FormCheckboxGroup.svelte";
+	import FormArray from "./FormArray.svelte";
+	import { resolveFieldComponent } from "../../form/fieldRegistry.js";
+	import type { FieldSchema, FieldOption } from "./types.js";
+
+	interface Props {
+		/** Unique key/id for the field */
+		fieldKey: string;
+		/** Field schema definition */
+		schema: FieldSchema;
+		/** Current field value */
+		value: unknown;
+		/** Whether the field is required */
+		required?: boolean;
+		/** Animation delay index for staggered animations */
+		animationIndex?: number;
+		/** Callback when the field value changes */
+		onChange: (value: unknown) => void;
+	}
+
+	let { fieldKey, schema, value, required = false, animationIndex = 0, onChange }: Props = $props();
+
+	/**
+	 * Computed description ID for ARIA association
+	 */
+	const descriptionId = $derived(
+		schema.description && schema.title ? `${fieldKey}-description` : undefined
+	);
+
+	/**
+	 * Animation delay based on index
+	 */
+	const animationDelay = $derived(animationIndex * 30);
+
+	/**
+	 * Field label - prefer title, fall back to description, then key
+	 */
+	const fieldLabel = $derived(String(schema.title ?? schema.description ?? fieldKey));
+
+	/**
+	 * Check if there's a registered custom component for this schema
+	 */
+	const registeredComponent = $derived(resolveFieldComponent(schema));
+
+	/**
+	 * Determine the field type to render (for non-registered components)
+	 */
+	const fieldType = $derived.by(() => {
+		// If a custom component is registered, use it
+		if (registeredComponent) {
+			return "registered";
+		}
+
+		// Hidden fields should not be rendered
+		if (schema.format === "hidden") {
+			return "hidden";
+		}
+
+		// Check for heavy editor formats that need registration
+		if (schema.format === "json" || schema.format === "code") {
+			return "code-editor-fallback";
+		}
+
+		if (schema.format === "markdown") {
+			return "markdown-editor-fallback";
+		}
+
+		if (schema.format === "template") {
+			return "template-editor-fallback";
+		}
+
+		// Object type without specific format would use code editor
+		if (schema.type === "object" && !schema.format) {
+			return "code-editor-fallback";
+		}
+
+		// Enum with multiple selection -> checkbox group
+		if (schema.enum && schema.multiple) {
+			return "checkbox-group";
+		}
+
+		// Enum with single selection -> select
+		if (schema.enum) {
+			return "select-enum";
+		}
+
+		// Multiline string -> textarea
+		if (schema.type === "string" && schema.format === "multiline") {
+			return "textarea";
+		}
+
+		// Range slider for number/integer with format: "range"
+		if ((schema.type === "number" || schema.type === "integer") && schema.format === "range") {
+			return "range";
+		}
+
+		// String -> text field
+		if (schema.type === "string") {
+			return "text";
+		}
+
+		// Number or integer -> number field
+		if (schema.type === "number" || schema.type === "integer") {
+			return "number";
+		}
+
+		// Boolean -> toggle
+		if (schema.type === "boolean") {
+			return "toggle";
+		}
+
+		// Select type or has options -> select
+		if (schema.type === "select" || schema.options) {
+			return "select-options";
+		}
+
+		// Array type
+		if (schema.type === "array") {
+			return "array";
+		}
+
+		// Fallback to text
+		return "text";
+	});
+
+	/**
+	 * Get enum options as string array for select/checkbox components
+	 */
+	const enumOptions = $derived.by((): string[] => {
+		if (!schema.enum) return [];
+		return schema.enum.map((opt) => String(opt));
+	});
+
+	/**
+	 * Get select options for select-options type
+	 */
+	const selectOptions = $derived.by((): FieldOption[] => {
+		if (!schema.options) return [];
+		return schema.options as FieldOption[];
+	});
+
+	/**
+	 * Get current value as the appropriate type
+	 */
+	const stringValue = $derived(String(value ?? ""));
+	const numberValue = $derived(value as number | string);
+	const booleanValue = $derived(Boolean(value ?? schema.default ?? false));
+	const arrayValue = $derived.by((): string[] => {
+		if (Array.isArray(value)) {
+			return value.map((v) => String(v));
+		}
+		return [];
+	});
+	const arrayItems = $derived.by((): unknown[] => {
+		if (Array.isArray(value)) {
+			return value;
+		}
+		return [];
+	});
+
+	/**
+	 * Get helpful message for missing editor registration
+	 */
+	function getEditorHint(editorType: string): string {
+		switch (editorType) {
+			case "code-editor-fallback":
+				return "Code editor requires: import { registerCodeEditorField } from '@d34dman/flowdrop/form/code'; registerCodeEditorField();";
+			case "markdown-editor-fallback":
+				return "Markdown editor requires: import { registerMarkdownEditorField } from '@d34dman/flowdrop/form/markdown'; registerMarkdownEditorField();";
+			case "template-editor-fallback":
+				return "Template editor requires: import { registerTemplateEditorField } from '@d34dman/flowdrop/form/code'; registerTemplateEditorField();";
+			default:
+				return "This field type requires additional registration.";
+		}
+	}
+</script>
+
+{#if fieldType !== "hidden"}
+	<FormFieldWrapper
+		id={fieldKey}
+		label={fieldLabel}
+		{required}
+		description={schema.title ? schema.description : undefined}
+		{animationDelay}
+	>
+		{#if fieldType === "registered" && registeredComponent}
+			<!-- Render registered custom component -->
+			<registeredComponent.component
+				id={fieldKey}
+				{value}
+				placeholder={schema.placeholder ?? ""}
+				{required}
+				ariaDescribedBy={descriptionId}
+				height={schema.height as string | undefined}
+				darkTheme={schema.darkTheme as boolean | undefined}
+				autoFormat={schema.autoFormat as boolean | undefined}
+				showToolbar={schema.showToolbar as boolean | undefined}
+				showStatusBar={schema.showStatusBar as boolean | undefined}
+				spellChecker={schema.spellChecker as boolean | undefined}
+				variableHints={schema.variableHints as string[] | undefined}
+				placeholderExample={schema.placeholderExample as string | undefined}
+				onChange={(val: unknown) => onChange(val)}
+			/>
+		{:else if fieldType === "checkbox-group"}
+			<FormCheckboxGroup
+				id={fieldKey}
+				value={arrayValue}
+				options={enumOptions}
+				ariaDescribedBy={descriptionId}
+				onChange={(val) => onChange(val)}
+			/>
+		{:else if fieldType === "select-enum"}
+			<FormSelect
+				id={fieldKey}
+				value={stringValue}
+				options={enumOptions}
+				{required}
+				ariaDescribedBy={descriptionId}
+				onChange={(val) => onChange(val)}
+			/>
+		{:else if fieldType === "textarea"}
+			<FormTextarea
+				id={fieldKey}
+				value={stringValue}
+				placeholder={schema.placeholder ?? ""}
+				{required}
+				ariaDescribedBy={descriptionId}
+				onChange={(val) => onChange(val)}
+			/>
+		{:else if fieldType === "text"}
+			<FormTextField
+				id={fieldKey}
+				value={stringValue}
+				placeholder={schema.placeholder ?? ""}
+				{required}
+				ariaDescribedBy={descriptionId}
+				onChange={(val) => onChange(val)}
+			/>
+		{:else if fieldType === "number"}
+			<FormNumberField
+				id={fieldKey}
+				value={numberValue}
+				placeholder={schema.placeholder ?? ""}
+				min={schema.minimum}
+				max={schema.maximum}
+				{required}
+				ariaDescribedBy={descriptionId}
+				onChange={(val) => onChange(val)}
+			/>
+		{:else if fieldType === "range"}
+			<FormRangeField
+				id={fieldKey}
+				value={numberValue}
+				min={schema.minimum}
+				max={schema.maximum}
+				step={schema.step}
+				{required}
+				ariaDescribedBy={descriptionId}
+				onChange={(val) => onChange(val)}
+			/>
+		{:else if fieldType === "toggle"}
+			<FormToggle
+				id={fieldKey}
+				value={booleanValue}
+				ariaDescribedBy={descriptionId}
+				onChange={(val) => onChange(val)}
+			/>
+		{:else if fieldType === "select-options"}
+			<FormSelect
+				id={fieldKey}
+				value={stringValue}
+				options={selectOptions}
+				{required}
+				ariaDescribedBy={descriptionId}
+				onChange={(val) => onChange(val)}
+			/>
+		{:else if fieldType === "array" && schema.items}
+			<FormArray
+				id={fieldKey}
+				value={arrayItems}
+				itemSchema={schema.items}
+				minItems={schema.minItems}
+				maxItems={schema.maxItems}
+				addLabel={`Add ${schema.items.title ?? "Item"}`}
+				onChange={(val) => onChange(val)}
+			/>
+		{:else if fieldType.endsWith("-fallback")}
+			<!-- Fallback for unregistered heavy editors -->
+			<div class="form-field-fallback">
+				<div class="form-field-fallback__message">
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						viewBox="0 0 20 20"
+						fill="currentColor"
+						class="form-field-fallback__icon"
+					>
+						<path
+							fill-rule="evenodd"
+							d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z"
+							clip-rule="evenodd"
+						/>
+					</svg>
+					<span>Editor component not registered</span>
+				</div>
+				<p class="form-field-fallback__hint">
+					{getEditorHint(fieldType)}
+				</p>
+				<!-- Provide a basic textarea fallback for editing -->
+				<FormTextarea
+					id={fieldKey}
+					value={typeof value === "string" ? value : JSON.stringify(value, null, 2)}
+					placeholder={schema.placeholder ?? "Enter value..."}
+					{required}
+					ariaDescribedBy={descriptionId}
+					onChange={(val) => {
+						// Try to parse as JSON for object types
+						if (schema.type === "object" || schema.format === "json") {
+							try {
+								onChange(JSON.parse(val));
+							} catch {
+								onChange(val);
+							}
+						} else {
+							onChange(val);
+						}
+					}}
+				/>
+			</div>
+		{:else}
+			<!-- Fallback to text input -->
+			<FormTextField
+				id={fieldKey}
+				value={stringValue}
+				placeholder={schema.placeholder ?? ""}
+				ariaDescribedBy={descriptionId}
+				onChange={(val) => onChange(val)}
+			/>
+		{/if}
+	</FormFieldWrapper>
+{/if}
+
+<style>
+	.form-field-fallback {
+		display: flex;
+		flex-direction: column;
+		gap: 0.5rem;
+	}
+
+	.form-field-fallback__message {
+		display: flex;
+		align-items: center;
+		gap: 0.5rem;
+		padding: 0.5rem 0.75rem;
+		background-color: var(--color-ref-amber-50, #fffbeb);
+		border: 1px solid var(--color-ref-amber-200, #fde68a);
+		border-radius: 0.375rem;
+		color: var(--color-ref-amber-800, #92400e);
+		font-size: 0.8125rem;
+		font-weight: 500;
+	}
+
+	.form-field-fallback__icon {
+		width: 1rem;
+		height: 1rem;
+		flex-shrink: 0;
+		color: var(--color-ref-amber-500, #f59e0b);
+	}
+
+	.form-field-fallback__hint {
+		margin: 0;
+		padding: 0.5rem 0.75rem;
+		background-color: var(--color-ref-gray-50, #f9fafb);
+		border: 1px solid var(--color-ref-gray-200, #e5e7eb);
+		border-radius: 0.375rem;
+		font-family: "JetBrains Mono", "Fira Code", "Monaco", "Menlo", monospace;
+		font-size: 0.6875rem;
+		line-height: 1.5;
+		color: var(--color-ref-gray-600, #4b5563);
+		word-break: break-word;
+	}
+</style>

package/dist/components/form/FormFieldLight.svelte.d.ts

@@ -0,0 +1,18 @@
+import type { FieldSchema } from "./types.js";
+interface Props {
+    /** Unique key/id for the field */
+    fieldKey: string;
+    /** Field schema definition */
+    schema: FieldSchema;
+    /** Current field value */
+    value: unknown;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Animation delay index for staggered animations */
+    animationIndex?: number;
+    /** Callback when the field value changes */
+    onChange: (value: unknown) => void;
+}
+declare const FormFieldLight: import("svelte").Component<Props, {}, "">;
+type FormFieldLight = ReturnType<typeof FormFieldLight>;
+export default FormFieldLight;

package/dist/components/form/types.d.ts

@@ -275,3 +275,99 @@ export declare function isFieldOptionArray(options: FieldOption[] | string[]): o
  * Converts string arrays to FieldOption arrays for consistent handling
  */
 export declare function normalizeOptions(options: FieldOption[] | string[] | unknown[]): FieldOption[];
+/**
+ * Props interface for the SchemaForm component
+ *
+ * SchemaForm is a standalone form generator that creates dynamic forms
+ * from JSON Schema definitions without requiring FlowDrop workflow nodes.
+ *
+ * @example
+ * ```typescript
+ * const props: SchemaFormProps = {
+ *   schema: {
+ *     type: "object",
+ *     properties: {
+ *       name: { type: "string", title: "Name" },
+ *       age: { type: "number", title: "Age" }
+ *     },
+ *     required: ["name"]
+ *   },
+ *   values: { name: "John", age: 30 },
+ *   onChange: (values) => console.log("Changed:", values),
+ *   showActions: true,
+ *   onSave: (values) => console.log("Saved:", values)
+ * };
+ * ```
+ */
+export interface SchemaFormProps {
+    /**
+     * JSON Schema definition for the form.
+     * Should follow JSON Schema draft-07 format with type: "object".
+     * Properties define the form fields to render.
+     */
+    schema: {
+        type: "object";
+        properties: Record<string, FieldSchema>;
+        required?: string[];
+        additionalProperties?: boolean;
+    };
+    /**
+     * Current form values as key-value pairs.
+     * Keys should correspond to properties defined in the schema.
+     * Missing values will use schema defaults if defined.
+     */
+    values?: Record<string, unknown>;
+    /**
+     * Callback fired whenever any field value changes.
+     * Receives the complete updated values object.
+     * Use this for controlled form state management.
+     * @param values - Updated form values
+     */
+    onChange?: (values: Record<string, unknown>) => void;
+    /**
+     * Whether to display Save and Cancel action buttons.
+     * When false, the form operates in "inline" mode without buttons.
+     * @default false
+     */
+    showActions?: boolean;
+    /**
+     * Label text for the save button.
+     * Only used when showActions is true.
+     * @default "Save"
+     */
+    saveLabel?: string;
+    /**
+     * Label text for the cancel button.
+     * Only used when showActions is true.
+     * @default "Cancel"
+     */
+    cancelLabel?: string;
+    /**
+     * Callback fired when the Save button is clicked.
+     * Receives the final form values after collecting from DOM.
+     * @param values - Final form values
+     */
+    onSave?: (values: Record<string, unknown>) => void;
+    /**
+     * Callback fired when the Cancel button is clicked.
+     * Use this to reset form state or close modals.
+     */
+    onCancel?: () => void;
+    /**
+     * Whether the form is in a loading state.
+     * Disables all inputs and shows a loading spinner on the save button.
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Whether the form is disabled.
+     * Prevents all interactions including save.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Custom CSS class to apply to the form container.
+     * Use for additional styling customization.
+     */
+    class?: string;
+}

package/dist/core/index.d.ts

@@ -0,0 +1,39 @@
+/**
+ * FlowDrop Core Module
+ *
+ * This module exports types, utilities, and lightweight functionality
+ * with zero heavy dependencies. Safe to import without bundling
+ * @xyflow/svelte, codemirror, easymde, or marked.
+ *
+ * @module core
+ *
+ * @example
+ * ```typescript
+ * // Import types and utilities without heavy dependencies
+ * import type { Workflow, WorkflowNode, NodeMetadata } from "@d34dman/flowdrop/core";
+ * import { getStatusColor, createDefaultExecutionInfo } from "@d34dman/flowdrop/core";
+ * ```
+ */
+export type { NodeCategory, NodeDataType, NodePort, DynamicPort, Branch, NodeMetadata, NodeExtensions, NodeUIExtensions, ConfigValues, WorkflowNode, WorkflowEdge, Workflow, ApiResponse, NodesResponse, WorkflowResponse, WorkflowsResponse, ExecutionStatus, ExecutionResult, FlowDropConfig, WorkflowEvents, BuiltinNodeType, PortConfig, PortCompatibilityRule, ConfigSchema, ConfigProperty, HttpMethod, DynamicSchemaEndpoint, ExternalEditLink, ConfigEditOptions } from "../types/index.js";
+export type { WorkflowEditorConfig, EditorFeatures, UIConfig, APIConfig, ExecutionConfig, StorageConfig } from "../types/config.js";
+export type { AuthProvider, StaticAuthConfig, CallbackAuthConfig } from "../types/auth.js";
+export type { WorkflowChangeType, FlowDropEventHandlers, FlowDropFeatures } from "../types/events.js";
+export type { FieldSchema, FieldType, FieldFormat, FieldOption, SchemaFormProps, BaseFieldProps, TextFieldProps, TextareaFieldProps, NumberFieldProps, ToggleFieldProps, RangeFieldProps, SelectFieldProps, CheckboxGroupFieldProps, ArrayFieldProps, CodeEditorFieldProps, MarkdownEditorFieldProps, TemplateEditorFieldProps, FormFieldFactoryProps, FormFieldWrapperProps } from "../components/form/types.js";
+export type { NodeComponentProps, NodeComponentRegistration, NodeComponentCategory, StatusPosition, StatusSize, NodeRegistrationFilter, FlowDropPluginConfig, PluginNodeDefinition, PluginRegistrationResult } from "../registry/index.js";
+export type { ToastType, ToastOptions } from "../services/toastService.js";
+export type { DynamicSchemaResult } from "../services/dynamicSchemaService.js";
+export type { EndpointConfig } from "../config/endpoints.js";
+export type { FlowDropMountOptions, MountedFlowDropApp, NavbarAction } from "../svelte-app.js";
+export { StaticAuthProvider, CallbackAuthProvider, NoAuthProvider } from "../types/auth.js";
+export { DEFAULT_FEATURES, mergeFeatures } from "../types/events.js";
+export { getStatusColor, getStatusIcon, getStatusLabel, getStatusBackgroundColor, getStatusTextColor, createDefaultExecutionInfo, updateExecutionStart, updateExecutionComplete, updateExecutionFailed, resetExecutionInfo, formatExecutionDuration, formatLastExecuted } from "../utils/nodeStatus.js";
+export { createNodeWrapperConfig, shouldShowNodeStatus, getOptimalStatusPosition, getOptimalStatusSize, DEFAULT_NODE_STATUS_CONFIG } from "../utils/nodeWrapper.js";
+export type { NodeStatusConfig } from "../utils/nodeWrapper.js";
+export * from "../utils/colors.js";
+export * from "../utils/icons.js";
+export * from "../utils/config.js";
+export * from "../utils/nodeTypes.js";
+export { isFieldOptionArray, normalizeOptions } from "../components/form/types.js";
+export { DEFAULT_PORT_CONFIG } from "../config/defaultPortConfig.js";
+export { defaultEndpointConfig, createEndpointConfig } from "../config/endpoints.js";
+export * from "../adapters/WorkflowAdapter.js";

package/dist/core/index.js

@@ -0,0 +1,50 @@
+/**
+ * FlowDrop Core Module
+ *
+ * This module exports types, utilities, and lightweight functionality
+ * with zero heavy dependencies. Safe to import without bundling
+ * @xyflow/svelte, codemirror, easymde, or marked.
+ *
+ * @module core
+ *
+ * @example
+ * ```typescript
+ * // Import types and utilities without heavy dependencies
+ * import type { Workflow, WorkflowNode, NodeMetadata } from "@d34dman/flowdrop/core";
+ * import { getStatusColor, createDefaultExecutionInfo } from "@d34dman/flowdrop/core";
+ * ```
+ */
+// ============================================================================
+// Authentication Providers (no dependencies)
+// ============================================================================
+export { StaticAuthProvider, CallbackAuthProvider, NoAuthProvider } from "../types/auth.js";
+// ============================================================================
+// Event Utilities
+// ============================================================================
+export { DEFAULT_FEATURES, mergeFeatures } from "../types/events.js";
+// ============================================================================
+// Utility Functions (no heavy dependencies)
+// ============================================================================
+// Node status utilities
+export { getStatusColor, getStatusIcon, getStatusLabel, getStatusBackgroundColor, getStatusTextColor, createDefaultExecutionInfo, updateExecutionStart, updateExecutionComplete, updateExecutionFailed, resetExecutionInfo, formatExecutionDuration, formatLastExecuted } from "../utils/nodeStatus.js";
+// Node wrapper utilities
+export { createNodeWrapperConfig, shouldShowNodeStatus, getOptimalStatusPosition, getOptimalStatusSize, DEFAULT_NODE_STATUS_CONFIG } from "../utils/nodeWrapper.js";
+// Color utilities
+export * from "../utils/colors.js";
+// Icon utilities
+export * from "../utils/icons.js";
+// Config utilities
+export * from "../utils/config.js";
+// Node type utilities
+export * from "../utils/nodeTypes.js";
+// Form type utilities
+export { isFieldOptionArray, normalizeOptions } from "../components/form/types.js";
+// ============================================================================
+// Configuration
+// ============================================================================
+export { DEFAULT_PORT_CONFIG } from "../config/defaultPortConfig.js";
+export { defaultEndpointConfig, createEndpointConfig } from "../config/endpoints.js";
+// ============================================================================
+// Adapters
+// ============================================================================
+export * from "../adapters/WorkflowAdapter.js";

package/dist/display/index.d.ts

@@ -0,0 +1,29 @@
+/**
+ * FlowDrop Display Module
+ *
+ * Provides display components for rendering content.
+ * This module includes the marked library for markdown rendering.
+ *
+ * @module display
+ *
+ * @example
+ * ```typescript
+ * import { MarkdownDisplay } from "@d34dman/flowdrop/display";
+ * ```
+ *
+ * @example In Svelte:
+ * ```svelte
+ * <script>
+ *   import { MarkdownDisplay } from "@d34dman/flowdrop/display";
+ *
+ *   const markdown = `
+ *   # Hello World
+ *   This is **markdown** content.
+ *   `;
+ * </script>
+ *
+ * <MarkdownDisplay content={markdown} />
+ * ```
+ */
+export { default as MarkdownDisplay } from "../components/MarkdownDisplay.svelte";
+export { marked } from "marked";