@d34dman/flowdrop 0.0.28 → 0.0.30

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";

package/dist/display/index.js

@@ -0,0 +1,36 @@
+/**
+ * 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} />
+ * ```
+ */
+// ============================================================================
+// Display Components
+// ============================================================================
+export { default as MarkdownDisplay } from "../components/MarkdownDisplay.svelte";
+// ============================================================================
+// Re-export marked for advanced usage
+// ============================================================================
+// Users can use marked directly if they need more control
+export { marked } from "marked";

package/dist/editor/index.d.ts

@@ -0,0 +1,78 @@
+/**
+ * FlowDrop Editor Module
+ *
+ * Provides the WorkflowEditor component and related functionality for
+ * building visual workflow editors. This module includes @xyflow/svelte
+ * and all node components.
+ *
+ * @module editor
+ *
+ * @example Mounting a standalone workflow editor:
+ * ```typescript
+ * import { mountFlowDropApp, WorkflowEditor } from "@d34dman/flowdrop/editor";
+ * import "@d34dman/flowdrop/styles";
+ *
+ * const app = await mountFlowDropApp(document.getElementById("editor"), {
+ *   workflow: myWorkflow,
+ *   nodes: availableNodes
+ * });
+ * ```
+ *
+ * @example Using WorkflowEditor in Svelte:
+ * ```svelte
+ * <script>
+ *   import { WorkflowEditor } from "@d34dman/flowdrop/editor";
+ * </script>
+ *
+ * <WorkflowEditor nodes={availableNodes} />
+ * ```
+ */
+import "../registry/builtinNodes.js";
+export { default as WorkflowEditor } from "../components/WorkflowEditor.svelte";
+export { default as App } from "../components/App.svelte";
+export { default as WorkflowNodeComponent } from "../components/nodes/WorkflowNode.svelte";
+export { default as SimpleNodeComponent } from "../components/nodes/SimpleNode.svelte";
+export { default as ToolNodeComponent } from "../components/nodes/ToolNode.svelte";
+export { default as NotesNodeComponent } from "../components/nodes/NotesNode.svelte";
+export { default as GatewayNode } from "../components/nodes/GatewayNode.svelte";
+export { default as SquareNode } from "../components/nodes/SquareNode.svelte";
+export { default as TerminalNode } from "../components/nodes/TerminalNode.svelte";
+export { default as UniversalNode } from "../components/UniversalNode.svelte";
+export { default as NodeSidebar } from "../components/NodeSidebar.svelte";
+export { default as CanvasBanner } from "../components/CanvasBanner.svelte";
+export { default as LoadingSpinner } from "../components/LoadingSpinner.svelte";
+export { default as StatusIcon } from "../components/StatusIcon.svelte";
+export { default as StatusLabel } from "../components/StatusLabel.svelte";
+export { default as NodeStatusOverlay } from "../components/NodeStatusOverlay.svelte";
+export { default as ConfigForm } from "../components/ConfigForm.svelte";
+export { default as ConfigModal } from "../components/ConfigModal.svelte";
+export { default as ConfigPanel } from "../components/ConfigPanel.svelte";
+export { default as ReadOnlyDetails } from "../components/ReadOnlyDetails.svelte";
+export { default as ConnectionLine } from "../components/ConnectionLine.svelte";
+export { default as LogsSidebar } from "../components/LogsSidebar.svelte";
+export { default as PipelineStatus } from "../components/PipelineStatus.svelte";
+export { default as Navbar } from "../components/Navbar.svelte";
+export { default as Logo } from "../components/Logo.svelte";
+export { mountWorkflowEditor, mountFlowDropApp, unmountFlowDropApp } from "../svelte-app.js";
+export { nodeComponentRegistry, createNamespacedType, parseNamespacedType, BUILTIN_NODE_COMPONENTS, BUILTIN_NODE_TYPES, FLOWDROP_SOURCE, registerBuiltinNodes, areBuiltinsRegistered, isBuiltinType, getBuiltinTypes, resolveBuiltinAlias, registerFlowDropPlugin, unregisterFlowDropPlugin, registerCustomNode, createPlugin, isValidNamespace, getRegisteredPlugins, getPluginNodeCount } from "../registry/index.js";
+export { EdgeStylingHelper, NodeOperationsHelper, WorkflowOperationsHelper, ConfigurationHelper } from "../helpers/workflowEditorHelper.js";
+export { workflowStore, workflowActions, workflowId, workflowName, workflowNodes, workflowEdges, workflowMetadata, workflowChanged, workflowValidation, workflowMetadataChanged, connectedHandles, isDirtyStore, isDirty, markAsSaved, getWorkflow as getWorkflowFromStore, setOnDirtyStateChange, setOnWorkflowChange } from "../stores/workflowStore.js";
+export * from "../services/api.js";
+export { showSuccess, showError, showWarning, showInfo, showLoading, dismissToast, dismissAllToasts, showPromise, showConfirmation, apiToasts, workflowToasts, pipelineToasts } from "../services/toastService.js";
+export { NodeExecutionService, nodeExecutionService } from "../services/nodeExecutionService.js";
+export { saveWorkflow, updateWorkflow, getWorkflow, getWorkflows, deleteWorkflow, getWorkflowCount, initializeSampleWorkflows } from "../services/workflowStorage.js";
+export { globalSaveWorkflow, globalExportWorkflow, initializeGlobalSave } from "../services/globalSave.js";
+export { fetchPortConfig, validatePortConfig } from "../services/portConfigApi.js";
+export { fetchDynamicSchema, resolveExternalEditUrl, getEffectiveConfigEditOptions, clearSchemaCache, invalidateSchemaCache, hasConfigEditOptions, shouldShowExternalEdit, shouldUseDynamicSchema } from "../services/dynamicSchemaService.js";
+export { getDraftStorageKey, saveDraft, loadDraft, deleteDraft, hasDraft, getDraftMetadata, DraftAutoSaveManager } from "../services/draftStorage.js";
+export { FlowDropApiClient } from "../api/client.js";
+export { EnhancedFlowDropApiClient, ApiError } from "../api/enhanced-client.js";
+export * from "../utils/connections.js";
+export * from "../config/runtimeConfig.js";
+export type { Workflow, WorkflowNode, WorkflowEdge, NodeMetadata, NodePort, DynamicPort, Branch, ExecutionStatus, ExecutionResult, FlowDropConfig, PortConfig, ConfigSchema, ConfigProperty, ConfigEditOptions } from "../types/index.js";
+export type { WorkflowEditorConfig, EditorFeatures, UIConfig, APIConfig } from "../types/config.js";
+export type { AuthProvider, StaticAuthConfig, CallbackAuthConfig } from "../types/auth.js";
+export type { FlowDropEventHandlers, FlowDropFeatures, WorkflowChangeType } from "../types/events.js";
+export type { EndpointConfig } from "../config/endpoints.js";
+export type { FlowDropMountOptions, MountedFlowDropApp, NavbarAction } from "../svelte-app.js";
+export type { NodeComponentProps, NodeComponentRegistration, FlowDropPluginConfig, PluginNodeDefinition } from "../registry/index.js";

package/dist/editor/index.js

@@ -0,0 +1,117 @@
+/**
+ * FlowDrop Editor Module
+ *
+ * Provides the WorkflowEditor component and related functionality for
+ * building visual workflow editors. This module includes @xyflow/svelte
+ * and all node components.
+ *
+ * @module editor
+ *
+ * @example Mounting a standalone workflow editor:
+ * ```typescript
+ * import { mountFlowDropApp, WorkflowEditor } from "@d34dman/flowdrop/editor";
+ * import "@d34dman/flowdrop/styles";
+ *
+ * const app = await mountFlowDropApp(document.getElementById("editor"), {
+ *   workflow: myWorkflow,
+ *   nodes: availableNodes
+ * });
+ * ```
+ *
+ * @example Using WorkflowEditor in Svelte:
+ * ```svelte
+ * <script>
+ *   import { WorkflowEditor } from "@d34dman/flowdrop/editor";
+ * </script>
+ *
+ * <WorkflowEditor nodes={availableNodes} />
+ * ```
+ */
+// ============================================================================
+// Initialize Built-in Nodes
+// This side effect is intentional for the editor module - users importing
+// the editor expect all node types to be available.
+// ============================================================================
+import "../registry/builtinNodes.js";
+// ============================================================================
+// Main Editor Components
+// ============================================================================
+export { default as WorkflowEditor } from "../components/WorkflowEditor.svelte";
+export { default as App } from "../components/App.svelte";
+// ============================================================================
+// Node Components
+// ============================================================================
+export { default as WorkflowNodeComponent } from "../components/nodes/WorkflowNode.svelte";
+export { default as SimpleNodeComponent } from "../components/nodes/SimpleNode.svelte";
+export { default as ToolNodeComponent } from "../components/nodes/ToolNode.svelte";
+export { default as NotesNodeComponent } from "../components/nodes/NotesNode.svelte";
+export { default as GatewayNode } from "../components/nodes/GatewayNode.svelte";
+export { default as SquareNode } from "../components/nodes/SquareNode.svelte";
+export { default as TerminalNode } from "../components/nodes/TerminalNode.svelte";
+export { default as UniversalNode } from "../components/UniversalNode.svelte";
+// ============================================================================
+// Supporting Editor Components
+// ============================================================================
+export { default as NodeSidebar } from "../components/NodeSidebar.svelte";
+export { default as CanvasBanner } from "../components/CanvasBanner.svelte";
+export { default as LoadingSpinner } from "../components/LoadingSpinner.svelte";
+export { default as StatusIcon } from "../components/StatusIcon.svelte";
+export { default as StatusLabel } from "../components/StatusLabel.svelte";
+export { default as NodeStatusOverlay } from "../components/NodeStatusOverlay.svelte";
+export { default as ConfigForm } from "../components/ConfigForm.svelte";
+export { default as ConfigModal } from "../components/ConfigModal.svelte";
+export { default as ConfigPanel } from "../components/ConfigPanel.svelte";
+export { default as ReadOnlyDetails } from "../components/ReadOnlyDetails.svelte";
+export { default as ConnectionLine } from "../components/ConnectionLine.svelte";
+export { default as LogsSidebar } from "../components/LogsSidebar.svelte";
+export { default as PipelineStatus } from "../components/PipelineStatus.svelte";
+export { default as Navbar } from "../components/Navbar.svelte";
+export { default as Logo } from "../components/Logo.svelte";
+// ============================================================================
+// Mount Functions
+// ============================================================================
+export { mountWorkflowEditor, mountFlowDropApp, unmountFlowDropApp } from "../svelte-app.js";
+// ============================================================================
+// Node Component Registry
+// ============================================================================
+export { 
+// Core registry
+nodeComponentRegistry, createNamespacedType, parseNamespacedType, 
+// Built-in nodes
+BUILTIN_NODE_COMPONENTS, BUILTIN_NODE_TYPES, FLOWDROP_SOURCE, registerBuiltinNodes, areBuiltinsRegistered, isBuiltinType, getBuiltinTypes, resolveBuiltinAlias, 
+// Plugin system
+registerFlowDropPlugin, unregisterFlowDropPlugin, registerCustomNode, createPlugin, isValidNamespace, getRegisteredPlugins, getPluginNodeCount } from "../registry/index.js";
+// ============================================================================
+// Editor Helpers
+// ============================================================================
+export { EdgeStylingHelper, NodeOperationsHelper, WorkflowOperationsHelper, ConfigurationHelper } from "../helpers/workflowEditorHelper.js";
+// ============================================================================
+// Stores
+// ============================================================================
+export { workflowStore, workflowActions, workflowId, workflowName, workflowNodes, workflowEdges, workflowMetadata, workflowChanged, workflowValidation, workflowMetadataChanged, connectedHandles, 
+// Dirty state tracking
+isDirtyStore, isDirty, markAsSaved, getWorkflow as getWorkflowFromStore, setOnDirtyStateChange, setOnWorkflowChange } from "../stores/workflowStore.js";
+// ============================================================================
+// Services
+// ============================================================================
+export * from "../services/api.js";
+export { showSuccess, showError, showWarning, showInfo, showLoading, dismissToast, dismissAllToasts, showPromise, showConfirmation, apiToasts, workflowToasts, pipelineToasts } from "../services/toastService.js";
+export { NodeExecutionService, nodeExecutionService } from "../services/nodeExecutionService.js";
+export { saveWorkflow, updateWorkflow, getWorkflow, getWorkflows, deleteWorkflow, getWorkflowCount, initializeSampleWorkflows } from "../services/workflowStorage.js";
+export { globalSaveWorkflow, globalExportWorkflow, initializeGlobalSave } from "../services/globalSave.js";
+export { fetchPortConfig, validatePortConfig } from "../services/portConfigApi.js";
+export { fetchDynamicSchema, resolveExternalEditUrl, getEffectiveConfigEditOptions, clearSchemaCache, invalidateSchemaCache, hasConfigEditOptions, shouldShowExternalEdit, shouldUseDynamicSchema } from "../services/dynamicSchemaService.js";
+export { getDraftStorageKey, saveDraft, loadDraft, deleteDraft, hasDraft, getDraftMetadata, DraftAutoSaveManager } from "../services/draftStorage.js";
+// ============================================================================
+// API Clients
+// ============================================================================
+export { FlowDropApiClient } from "../api/client.js";
+export { EnhancedFlowDropApiClient, ApiError } from "../api/enhanced-client.js";
+// ============================================================================
+// Connection Utilities
+// ============================================================================
+export * from "../utils/connections.js";
+// ============================================================================
+// Runtime Configuration
+// ============================================================================
+export * from "../config/runtimeConfig.js";

package/dist/form/code.d.ts

@@ -0,0 +1,100 @@
+/**
+ * FlowDrop Form Code Editor Module
+ *
+ * Adds CodeMirror-based code/JSON editor support to SchemaForm.
+ * This module bundles CodeMirror dependencies (~300KB).
+ *
+ * @module form/code
+ *
+ * @example
+ * ```typescript
+ * import { SchemaForm } from "@d34dman/flowdrop/form";
+ * import { registerCodeEditorField, registerTemplateEditorField } from "@d34dman/flowdrop/form/code";
+ *
+ * // Register code editor support (call once at app startup)
+ * registerCodeEditorField();
+ *
+ * // Optionally also register template editor
+ * registerTemplateEditorField();
+ *
+ * // Now SchemaForm will render code editors for format: "json", "code", or "template"
+ * ```
+ */
+import type { FieldSchema } from "../components/form/types.js";
+export { default as FormCodeEditor } from "../components/form/FormCodeEditor.svelte";
+export { default as FormTemplateEditor } from "../components/form/FormTemplateEditor.svelte";
+export type { CodeEditorFieldProps, TemplateEditorFieldProps } from "../components/form/types.js";
+/**
+ * Matcher for code/JSON editor fields
+ * Matches: format "json", "code", or type "object" without specific format
+ */
+export declare function codeEditorFieldMatcher(schema: FieldSchema): boolean;
+/**
+ * Matcher for template editor fields
+ * Matches: format "template" (Twig/Liquid-style templates)
+ */
+export declare function templateEditorFieldMatcher(schema: FieldSchema): boolean;
+/**
+ * Register the code/JSON editor field component
+ *
+ * Call this function once at application startup to enable
+ * code editor fields in SchemaForm. This loads CodeMirror dependencies.
+ *
+ * @param priority - Priority for field matching (default: 100)
+ *
+ * @example
+ * ```typescript
+ * // In your app's entry point:
+ * import { registerCodeEditorField } from "@d34dman/flowdrop/form/code";
+ *
+ * registerCodeEditorField();
+ * ```
+ */
+export declare function registerCodeEditorField(priority?: number): void;
+/**
+ * Register the template editor field component
+ *
+ * Call this function once at application startup to enable
+ * template editor fields (Twig/Liquid syntax) in SchemaForm.
+ *
+ * @param priority - Priority for field matching (default: 100)
+ *
+ * @example
+ * ```typescript
+ * // In your app's entry point:
+ * import { registerTemplateEditorField } from "@d34dman/flowdrop/form/code";
+ *
+ * registerTemplateEditorField();
+ * ```
+ */
+export declare function registerTemplateEditorField(priority?: number): void;
+/**
+ * Register all code-related editor fields (code + template)
+ *
+ * Convenience function to register both code editor types at once.
+ *
+ * @param priority - Priority for field matching (default: 100)
+ */
+export declare function registerAllCodeEditors(priority?: number): void;
+/**
+ * Synchronously register code editor field using the imported component
+ *
+ * Use this when you've already imported the component and want immediate registration.
+ *
+ * @param priority - Priority for field matching (default: 100)
+ *
+ * @example
+ * ```typescript
+ * import { registerCodeEditorFieldWithComponent, FormCodeEditor } from "@d34dman/flowdrop/form/code";
+ * registerCodeEditorFieldWithComponent(FormCodeEditor);
+ * ```
+ */
+export declare function registerCodeEditorFieldWithComponent(component: any, priority?: number): void;
+/**
+ * Check if code editor field is registered
+ */
+export declare function isCodeEditorRegistered(): boolean;
+/**
+ * Check if template editor field is registered
+ */
+export declare function isTemplateEditorRegistered(): boolean;

package/dist/form/code.js

@@ -0,0 +1,153 @@
+/**
+ * FlowDrop Form Code Editor Module
+ *
+ * Adds CodeMirror-based code/JSON editor support to SchemaForm.
+ * This module bundles CodeMirror dependencies (~300KB).
+ *
+ * @module form/code
+ *
+ * @example
+ * ```typescript
+ * import { SchemaForm } from "@d34dman/flowdrop/form";
+ * import { registerCodeEditorField, registerTemplateEditorField } from "@d34dman/flowdrop/form/code";
+ *
+ * // Register code editor support (call once at app startup)
+ * registerCodeEditorField();
+ *
+ * // Optionally also register template editor
+ * registerTemplateEditorField();
+ *
+ * // Now SchemaForm will render code editors for format: "json", "code", or "template"
+ * ```
+ */
+import { registerFieldComponent } from "./fieldRegistry.js";
+// Re-export the components for direct usage if needed
+export { default as FormCodeEditor } from "../components/form/FormCodeEditor.svelte";
+export { default as FormTemplateEditor } from "../components/form/FormTemplateEditor.svelte";
+/**
+ * Matcher for code/JSON editor fields
+ * Matches: format "json", "code", or type "object" without specific format
+ */
+export function codeEditorFieldMatcher(schema) {
+    // JSON/code format
+    if (schema.format === "json" || schema.format === "code") {
+        return true;
+    }
+    // Object type without specific format (render as JSON editor)
+    if (schema.type === "object" && !schema.format) {
+        return true;
+    }
+    return false;
+}
+/**
+ * Matcher for template editor fields
+ * Matches: format "template" (Twig/Liquid-style templates)
+ */
+export function templateEditorFieldMatcher(schema) {
+    return schema.format === "template";
+}
+/**
+ * Track if code editor is registered
+ */
+let codeEditorRegistered = false;
+/**
+ * Track if template editor is registered
+ */
+let templateEditorRegistered = false;
+/**
+ * Register the code/JSON editor field component
+ *
+ * Call this function once at application startup to enable
+ * code editor fields in SchemaForm. This loads CodeMirror dependencies.
+ *
+ * @param priority - Priority for field matching (default: 100)
+ *
+ * @example
+ * ```typescript
+ * // In your app's entry point:
+ * import { registerCodeEditorField } from "@d34dman/flowdrop/form/code";
+ *
+ * registerCodeEditorField();
+ * ```
+ */
+export function registerCodeEditorField(priority = 100) {
+    if (codeEditorRegistered) {
+        return;
+    }
+    // Dynamic import to ensure proper code splitting
+    import("../components/form/FormCodeEditor.svelte").then((module) => {
+        registerFieldComponent("code-editor", module.default, codeEditorFieldMatcher, priority);
+        codeEditorRegistered = true;
+    });
+}
+/**
+ * Register the template editor field component
+ *
+ * Call this function once at application startup to enable
+ * template editor fields (Twig/Liquid syntax) in SchemaForm.
+ *
+ * @param priority - Priority for field matching (default: 100)
+ *
+ * @example
+ * ```typescript
+ * // In your app's entry point:
+ * import { registerTemplateEditorField } from "@d34dman/flowdrop/form/code";
+ *
+ * registerTemplateEditorField();
+ * ```
+ */
+export function registerTemplateEditorField(priority = 100) {
+    if (templateEditorRegistered) {
+        return;
+    }
+    // Dynamic import to ensure proper code splitting
+    import("../components/form/FormTemplateEditor.svelte").then((module) => {
+        registerFieldComponent("template-editor", module.default, templateEditorFieldMatcher, priority);
+        templateEditorRegistered = true;
+    });
+}
+/**
+ * Register all code-related editor fields (code + template)
+ *
+ * Convenience function to register both code editor types at once.
+ *
+ * @param priority - Priority for field matching (default: 100)
+ */
+export function registerAllCodeEditors(priority = 100) {
+    registerCodeEditorField(priority);
+    registerTemplateEditorField(priority);
+}
+/**
+ * Synchronously register code editor field using the imported component
+ *
+ * Use this when you've already imported the component and want immediate registration.
+ *
+ * @param priority - Priority for field matching (default: 100)
+ *
+ * @example
+ * ```typescript
+ * import { registerCodeEditorFieldWithComponent, FormCodeEditor } from "@d34dman/flowdrop/form/code";
+ * registerCodeEditorFieldWithComponent(FormCodeEditor);
+ * ```
+ */
+export function registerCodeEditorFieldWithComponent(
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+component, priority = 100) {
+    if (codeEditorRegistered) {
+        return;
+    }
+    registerFieldComponent("code-editor", component, codeEditorFieldMatcher, priority);
+    codeEditorRegistered = true;
+}
+/**
+ * Check if code editor field is registered
+ */
+export function isCodeEditorRegistered() {
+    return codeEditorRegistered;
+}
+/**
+ * Check if template editor field is registered
+ */
+export function isTemplateEditorRegistered() {
+    return templateEditorRegistered;
+}