@d34dman/flowdrop 0.0.62 → 0.0.64

package/dist/form/code.js

@@ -20,7 +20,7 @@
  * // Now SchemaForm will render code editors for format: "json", "code", or "template"
  * ```
  */
-import { registerFieldComponent, fieldComponentRegistry } from './fieldRegistry.js';
+import { fieldComponentRegistry } 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';
@@ -81,7 +81,11 @@ export function registerCodeEditorField(priority = 100) {
     }
     // Dynamic import to ensure proper code splitting
     import('../components/form/FormCodeEditor.svelte').then((module) => {
-        registerFieldComponent('code-editor', module.default, codeEditorFieldMatcher, priority);
+        fieldComponentRegistry.register('code-editor', {
+            component: module.default,
+            matcher: codeEditorFieldMatcher,
+            priority
+        });
         codeEditorRegistered = true;
     });
 }
@@ -107,7 +111,11 @@ export function registerTemplateEditorField(priority = 100) {
     }
     // Dynamic import to ensure proper code splitting
     import('../components/form/FormTemplateEditor.svelte').then((module) => {
-        registerFieldComponent('template-editor', module.default, templateEditorFieldMatcher, priority);
+        fieldComponentRegistry.register('template-editor', {
+            component: module.default,
+            matcher: templateEditorFieldMatcher,
+            priority
+        });
         templateEditorRegistered = true;
     });
 }
@@ -139,7 +147,11 @@ export function registerCodeEditorFieldWithComponent(component, priority = 100)
     if (codeEditorRegistered) {
         return;
     }
-    registerFieldComponent('code-editor', component, codeEditorFieldMatcher, priority);
+    fieldComponentRegistry.register('code-editor', {
+        component,
+        matcher: codeEditorFieldMatcher,
+        priority
+    });
     codeEditorRegistered = true;
 }
 /**

package/dist/form/fieldRegistry.d.ts

@@ -18,10 +18,14 @@
  *
  * @example Adding code editor support:
  * ```typescript
- * import { SchemaForm, registerFieldComponent } from "@d34dman/flowdrop/form";
+ * import { fieldComponentRegistry } from "@d34dman/flowdrop/form";
  * import { FormCodeEditor, codeEditorFieldMatcher } from "@d34dman/flowdrop/form/code";
  *
- * registerFieldComponent("code-editor", FormCodeEditor, codeEditorFieldMatcher);
+ * fieldComponentRegistry.register("code-editor", {
+ *   component: FormCodeEditor,
+ *   matcher: codeEditorFieldMatcher,
+ *   priority: 100
+ * });
  * ```
  */
 import type { Component } from 'svelte';
@@ -112,78 +116,6 @@ declare class FieldComponentRegistry extends BaseRegistry<string, FieldComponent
 }
 /** Singleton instance of the field component registry */
 export declare const fieldComponentRegistry: FieldComponentRegistry;
-/**
- * Register a field component for a specific field type.
- *
- * @deprecated Use `fieldComponentRegistry.register()` instead.
- *
- * @param type - Unique identifier for this field type
- * @param component - Svelte component to render for matching fields
- * @param matcher - Function to determine if a schema matches this type
- * @param priority - Priority for matching (default: 0, higher = checked first)
- *
- * @example
- * ```typescript
- * registerFieldComponent(
- *   "code-editor",
- *   FormCodeEditor,
- *   (schema) => schema.format === "json" || schema.format === "code",
- *   100 // High priority to override default
- * );
- * ```
- */
-export declare function registerFieldComponent(type: string, component: FieldComponent, matcher: FieldMatcher, priority?: number): void;
-/**
- * Unregister a field component.
- *
- * @deprecated Use `fieldComponentRegistry.unregister()` instead.
- *
- * @param type - The field type to unregister
- * @returns true if the component was registered and removed
- */
-export declare function unregisterFieldComponent(type: string): boolean;
-/**
- * Get all registered field types.
- *
- * @deprecated Use `fieldComponentRegistry.getKeys()` instead.
- *
- * @returns Array of registered field type identifiers
- */
-export declare function getRegisteredFieldTypes(): string[];
-/**
- * Check if a field type is registered.
- *
- * @deprecated Use `fieldComponentRegistry.has()` instead.
- *
- * @param type - Field type to check
- * @returns true if the type is registered
- */
-export declare function isFieldTypeRegistered(type: string): boolean;
-/**
- * Resolve which component should render a given field schema.
- * Checks registered matchers in priority order.
- *
- * @deprecated Use `fieldComponentRegistry.resolveFieldComponent()` instead.
- *
- * @param schema - The field schema to resolve
- * @returns The matching registration or null if no match
- */
-export declare function resolveFieldComponent(schema: FieldSchema): FieldComponentRegistration | null;
-/**
- * Clear all registered field components.
- * Useful for testing or reset scenarios.
- *
- * @deprecated Use `fieldComponentRegistry.clear()` instead.
- */
-export declare function clearFieldRegistry(): void;
-/**
- * Get the registry size.
- *
- * @deprecated Use `fieldComponentRegistry.size` instead.
- *
- * @returns Number of registered field components
- */
-export declare function getFieldRegistrySize(): number;
 /**
  * Matcher for hidden fields (should not render)
  */
@@ -217,18 +149,12 @@ export declare const numberFieldMatcher: FieldMatcher;
  */
 export declare const toggleMatcher: FieldMatcher;
 /**
- * Matcher for select fields with labeled options
- * Supports both standard JSON Schema oneOf pattern and legacy options property
+ * Matcher for select fields with labeled options (JSON Schema oneOf pattern)
  *
- * Standard JSON Schema approach (preferred):
+ * @example
  * ```json
  * { "type": "string", "oneOf": [{ "const": "a", "title": "Option A" }] }
  * ```
- *
- * Legacy approach (deprecated):
- * ```json
- * { "type": "string", "options": [{ "value": "a", "label": "Option A" }] }
- * ```
  */
 export declare const selectOptionsMatcher: FieldMatcher;
 /**

package/dist/form/fieldRegistry.js

@@ -18,10 +18,14 @@
  *
  * @example Adding code editor support:
  * ```typescript
- * import { SchemaForm, registerFieldComponent } from "@d34dman/flowdrop/form";
+ * import { fieldComponentRegistry } from "@d34dman/flowdrop/form";
  * import { FormCodeEditor, codeEditorFieldMatcher } from "@d34dman/flowdrop/form/code";
  *
- * registerFieldComponent("code-editor", FormCodeEditor, codeEditorFieldMatcher);
+ * fieldComponentRegistry.register("code-editor", {
+ *   component: FormCodeEditor,
+ *   matcher: codeEditorFieldMatcher,
+ *   priority: 100
+ * });
  * ```
  */
 import { BaseRegistry } from '../registry/BaseRegistry.js';
@@ -93,96 +97,6 @@ class FieldComponentRegistry extends BaseRegistry {
 /** Singleton instance of the field component registry */
 export const fieldComponentRegistry = new FieldComponentRegistry();
 // ============================================================================
-// Backward-compatible function exports
-// These delegate to the singleton and preserve the existing public API.
-// ============================================================================
-/**
- * Register a field component for a specific field type.
- *
- * @deprecated Use `fieldComponentRegistry.register()` instead.
- *
- * @param type - Unique identifier for this field type
- * @param component - Svelte component to render for matching fields
- * @param matcher - Function to determine if a schema matches this type
- * @param priority - Priority for matching (default: 0, higher = checked first)
- *
- * @example
- * ```typescript
- * registerFieldComponent(
- *   "code-editor",
- *   FormCodeEditor,
- *   (schema) => schema.format === "json" || schema.format === "code",
- *   100 // High priority to override default
- * );
- * ```
- */
-export function registerFieldComponent(type, component, matcher, priority = 0) {
-    fieldComponentRegistry.register(type, { component, matcher, priority });
-}
-/**
- * Unregister a field component.
- *
- * @deprecated Use `fieldComponentRegistry.unregister()` instead.
- *
- * @param type - The field type to unregister
- * @returns true if the component was registered and removed
- */
-export function unregisterFieldComponent(type) {
-    return fieldComponentRegistry.unregister(type);
-}
-/**
- * Get all registered field types.
- *
- * @deprecated Use `fieldComponentRegistry.getKeys()` instead.
- *
- * @returns Array of registered field type identifiers
- */
-export function getRegisteredFieldTypes() {
-    return fieldComponentRegistry.getKeys();
-}
-/**
- * Check if a field type is registered.
- *
- * @deprecated Use `fieldComponentRegistry.has()` instead.
- *
- * @param type - Field type to check
- * @returns true if the type is registered
- */
-export function isFieldTypeRegistered(type) {
-    return fieldComponentRegistry.has(type);
-}
-/**
- * Resolve which component should render a given field schema.
- * Checks registered matchers in priority order.
- *
- * @deprecated Use `fieldComponentRegistry.resolveFieldComponent()` instead.
- *
- * @param schema - The field schema to resolve
- * @returns The matching registration or null if no match
- */
-export function resolveFieldComponent(schema) {
-    return fieldComponentRegistry.resolveFieldComponent(schema);
-}
-/**
- * Clear all registered field components.
- * Useful for testing or reset scenarios.
- *
- * @deprecated Use `fieldComponentRegistry.clear()` instead.
- */
-export function clearFieldRegistry() {
-    fieldComponentRegistry.clear();
-}
-/**
- * Get the registry size.
- *
- * @deprecated Use `fieldComponentRegistry.size` instead.
- *
- * @returns Number of registered field components
- */
-export function getFieldRegistrySize() {
-    return fieldComponentRegistry.size;
-}
-// ============================================================================
 // Built-in Field Matchers (for light fields)
 // These are always available and used by the base FormField component
 // ============================================================================
@@ -219,20 +133,14 @@ export const numberFieldMatcher = (schema) => (schema.type === 'number' || schem
  */
 export const toggleMatcher = (schema) => schema.type === 'boolean';
 /**
- * Matcher for select fields with labeled options
- * Supports both standard JSON Schema oneOf pattern and legacy options property
+ * Matcher for select fields with labeled options (JSON Schema oneOf pattern)
  *
- * Standard JSON Schema approach (preferred):
+ * @example
  * ```json
  * { "type": "string", "oneOf": [{ "const": "a", "title": "Option A" }] }
  * ```
- *
- * Legacy approach (deprecated):
- * ```json
- * { "type": "string", "options": [{ "value": "a", "label": "Option A" }] }
- * ```
  */
-export const selectOptionsMatcher = (schema) => Boolean(schema.oneOf && schema.oneOf.length > 0) || Boolean(schema.options);
+export const selectOptionsMatcher = (schema) => Boolean(schema.oneOf && schema.oneOf.length > 0);
 /**
  * Matcher for array fields
  */

package/dist/form/full.d.ts

@@ -20,7 +20,10 @@
  * // Now all field types are available
  * ```
  */
-export * from './index.js';
+export { SchemaForm, FormField, FormFieldFull, FormFieldWrapper, FormTextField, FormTextarea, FormNumberField, FormRangeField, FormToggle, FormSelect, FormCheckboxGroup, FormArray, FormFieldset, FormUISchemaRenderer } from './index.js';
+export type { FieldSchema, FieldType, FieldFormat, FieldOption, OneOfItem, SchemaFormProps, BaseFieldProps, TextFieldProps, TextareaFieldProps, NumberFieldProps, ToggleFieldProps, RangeFieldProps, SelectFieldProps, CheckboxGroupFieldProps, ArrayFieldProps, FormFieldFactoryProps, FormFieldWrapperProps, FieldComponentProps, FieldMatcher, FieldMatcherRegistration, FieldComponent, FieldComponentRegistration } from './index.js';
+export { isFieldOptionArray, isOneOfArray, normalizeOptions, oneOfToOptions, getSchemaOptions } from './index.js';
+export { fieldComponentRegistry, hiddenFieldMatcher, checkboxGroupMatcher, enumSelectMatcher, textareaMatcher, rangeMatcher, textFieldMatcher, numberFieldMatcher, toggleMatcher, selectOptionsMatcher, arrayMatcher } from './index.js';
 export { FormCodeEditor, FormTemplateEditor } from './code.js';
 export { FormMarkdownEditor } from './markdown.js';
 export { registerCodeEditorField, registerTemplateEditorField, registerAllCodeEditors, isCodeEditorRegistered, isTemplateEditorRegistered, codeEditorFieldMatcher, templateEditorFieldMatcher } from './code.js';

package/dist/form/full.js

@@ -21,7 +21,12 @@
  * ```
  */
 // Re-export everything from the light form module
-export * from './index.js';
+// Components
+export { SchemaForm, FormField, FormFieldFull, FormFieldWrapper, FormTextField, FormTextarea, FormNumberField, FormRangeField, FormToggle, FormSelect, FormCheckboxGroup, FormArray, FormFieldset, FormUISchemaRenderer } from './index.js';
+// Utility functions
+export { isFieldOptionArray, isOneOfArray, normalizeOptions, oneOfToOptions, getSchemaOptions } from './index.js';
+// Field Registry
+export { fieldComponentRegistry, hiddenFieldMatcher, checkboxGroupMatcher, enumSelectMatcher, textareaMatcher, rangeMatcher, textFieldMatcher, numberFieldMatcher, toggleMatcher, selectOptionsMatcher, arrayMatcher } from './index.js';
 // Import registration functions
 import { registerCodeEditorField, registerTemplateEditorField } from './code.js';
 import { registerMarkdownEditorField } from './markdown.js';

package/dist/form/index.d.ts

@@ -73,5 +73,5 @@ export { default as FormFieldset } from '../components/form/FormFieldset.svelte'
 export { default as FormUISchemaRenderer } from '../components/form/FormUISchemaRenderer.svelte';
 export type { FieldSchema, FieldType, FieldFormat, FieldOption, OneOfItem, SchemaFormProps, BaseFieldProps, TextFieldProps, TextareaFieldProps, NumberFieldProps, ToggleFieldProps, RangeFieldProps, SelectFieldProps, CheckboxGroupFieldProps, ArrayFieldProps, FormFieldFactoryProps, FormFieldWrapperProps } from '../components/form/types.js';
 export { isFieldOptionArray, isOneOfArray, normalizeOptions, oneOfToOptions, getSchemaOptions } from '../components/form/types.js';
-export { fieldComponentRegistry, registerFieldComponent, unregisterFieldComponent, resolveFieldComponent, getRegisteredFieldTypes, isFieldTypeRegistered, clearFieldRegistry, getFieldRegistrySize, hiddenFieldMatcher, checkboxGroupMatcher, enumSelectMatcher, textareaMatcher, rangeMatcher, textFieldMatcher, numberFieldMatcher, toggleMatcher, selectOptionsMatcher, arrayMatcher } from './fieldRegistry.js';
+export { fieldComponentRegistry, hiddenFieldMatcher, checkboxGroupMatcher, enumSelectMatcher, textareaMatcher, rangeMatcher, textFieldMatcher, numberFieldMatcher, toggleMatcher, selectOptionsMatcher, arrayMatcher } from './fieldRegistry.js';
 export type { FieldComponentProps, FieldMatcher, FieldMatcherRegistration, FieldComponent, FieldComponentRegistration } from './fieldRegistry.js';

package/dist/form/index.js

@@ -87,7 +87,5 @@ export { isFieldOptionArray, isOneOfArray, normalizeOptions, oneOfToOptions, get
 export { 
 // Registry singleton
 fieldComponentRegistry, 
-// Backward-compatible function wrappers
-registerFieldComponent, unregisterFieldComponent, resolveFieldComponent, getRegisteredFieldTypes, isFieldTypeRegistered, clearFieldRegistry, getFieldRegistrySize, 
 // Built-in matchers for custom components
 hiddenFieldMatcher, checkboxGroupMatcher, enumSelectMatcher, textareaMatcher, rangeMatcher, textFieldMatcher, numberFieldMatcher, toggleMatcher, selectOptionsMatcher, arrayMatcher } from './fieldRegistry.js';

package/dist/form/markdown.js

@@ -23,7 +23,7 @@
  * };
  * ```
  */
-import { registerFieldComponent, fieldComponentRegistry } from './fieldRegistry.js';
+import { fieldComponentRegistry } from './fieldRegistry.js';
 // Re-export the component for direct usage if needed
 export { default as FormMarkdownEditor } from '../components/form/FormMarkdownEditor.svelte';
 /**
@@ -63,7 +63,11 @@ export function registerMarkdownEditorField(priority = 100) {
     }
     // Dynamic import to ensure proper code splitting
     import('../components/form/FormMarkdownEditor.svelte').then((module) => {
-        registerFieldComponent('markdown-editor', module.default, markdownEditorFieldMatcher, priority);
+        fieldComponentRegistry.register('markdown-editor', {
+            component: module.default,
+            matcher: markdownEditorFieldMatcher,
+            priority
+        });
         markdownEditorRegistered = true;
     });
 }
@@ -84,7 +88,11 @@ export function registerMarkdownEditorFieldWithComponent(component, priority = 1
     if (markdownEditorRegistered) {
         return;
     }
-    registerFieldComponent('markdown-editor', component, markdownEditorFieldMatcher, priority);
+    fieldComponentRegistry.register('markdown-editor', {
+        component,
+        matcher: markdownEditorFieldMatcher,
+        priority
+    });
     markdownEditorRegistered = true;
 }
 /**

package/dist/helpers/workflowEditorHelper.d.ts

@@ -24,9 +24,6 @@ export type EdgeCategory = 'trigger' | 'tool' | 'loopback' | 'data';
 export declare class EdgeStylingHelper {
     /**
      * Extract the port ID from a handle ID
-     * Supports two formats:
-     * 1. Standard format: "${nodeId}-output-${portId}" or "${nodeId}-input-${portId}"
-     * 2. Short format: just the portId (e.g., "text", "trigger")
      * @param handleId - The handle ID string (e.g., "sample-node.1-output-trigger" or "trigger")
      * @returns The port ID (e.g., "trigger") or the handleId itself for short format
      */

package/dist/helpers/workflowEditorHelper.js

@@ -11,6 +11,8 @@ import { nodeExecutionService } from '../services/nodeExecutionService.js';
 import { WorkflowAdapter } from '../adapters/WorkflowAdapter.js';
 import { AgentSpecAdapter } from '../adapters/agentspec/AgentSpecAdapter.js';
 import { validateForAgentSpecExport } from '../adapters/agentspec/validator.js';
+import { extractPortId } from '../utils/handleIds.js';
+import { EDGE_MARKER_SIZES } from '../config/constants.js';
 import { logger } from '../utils/logger.js';
 /**
  * Generate a unique node ID based on node type and existing nodes
@@ -39,28 +41,11 @@ export function generateNodeId(nodeTypeId, existingNodes) {
 export class EdgeStylingHelper {
     /**
      * Extract the port ID from a handle ID
-     * Supports two formats:
-     * 1. Standard format: "${nodeId}-output-${portId}" or "${nodeId}-input-${portId}"
-     * 2. Short format: just the portId (e.g., "text", "trigger")
      * @param handleId - The handle ID string (e.g., "sample-node.1-output-trigger" or "trigger")
      * @returns The port ID (e.g., "trigger") or the handleId itself for short format
      */
     static extractPortIdFromHandle(handleId) {
-        if (!handleId) {
-            return null;
-        }
-        // Try standard format: "${nodeId}-output-${portId}" or "${nodeId}-input-${portId}"
-        // We need to find the last occurrence of "-output-" or "-input-" and get what follows
-        const outputMatch = handleId.lastIndexOf('-output-');
-        const inputMatch = handleId.lastIndexOf('-input-');
-        if (outputMatch !== -1) {
-            return handleId.substring(outputMatch + '-output-'.length);
-        }
-        if (inputMatch !== -1) {
-            return handleId.substring(inputMatch + '-input-'.length);
-        }
-        // Short format: the handleId IS the port ID
-        return handleId;
+        return extractPortId(handleId);
     }
     /**
      * Check if a port ID matches a dynamic branch in a Gateway node
@@ -166,27 +151,8 @@ export class EdgeStylingHelper {
             : null;
         // Determine edge category (loopback takes precedence)
         const edgeCategory = this.getEdgeCategoryWithLoopback(edge, sourcePortDataType);
-        // Detect current theme for marker colors
-        // Marker colors are baked in at creation time, so we check the theme here
-        const isDarkMode = typeof document !== 'undefined' &&
-            document.documentElement.getAttribute('data-theme') === 'dark';
-        // Edge color constants for marker arrows - matched to CSS token values
-        // These match the --fd-edge-* tokens in tokens.css for consistency
-        const EDGE_COLORS = isDarkMode
-            ? {
-                trigger: '#eaeaef', // --_gray-3 (light for dark mode visibility)
-                tool: '#fbbf24', // Brighter amber for dark mode
-                loopback: '#a3a3ad', // --_gray-5
-                data: '#a3a3ad' // --_gray-5
-            }
-            : {
-                trigger: '#18181c', // --_gray-9 (dark for light mode)
-                tool: '#f59e0b', // --_amber-2
-                loopback: '#71717b', // --_gray-6
-                data: '#a3a3ad' // --_gray-5
-            };
         // Apply styling based on edge category
-        // CSS classes handle styling via tokens; inline styles are fallback
+        // Marker colors use CSS custom properties so they respond to theme changes automatically
         switch (edgeCategory) {
             case 'loopback':
                 // Loopback edges: dashed gray line for loop iteration
@@ -195,9 +161,8 @@ export class EdgeStylingHelper {
                 edge.class = 'flowdrop--edge--loopback';
                 edge.markerEnd = {
                     type: MarkerType.ArrowClosed,
-                    width: 14,
-                    height: 14,
-                    color: EDGE_COLORS.loopback
+                    ...EDGE_MARKER_SIZES.loopback,
+                    color: 'var(--fd-edge-loopback)'
                 };
                 break;
             case 'trigger':
@@ -206,9 +171,8 @@ export class EdgeStylingHelper {
                 edge.class = 'flowdrop--edge--trigger';
                 edge.markerEnd = {
                     type: MarkerType.ArrowClosed,
-                    width: 16,
-                    height: 16,
-                    color: EDGE_COLORS.trigger
+                    ...EDGE_MARKER_SIZES.trigger,
+                    color: 'var(--fd-edge-trigger)'
                 };
                 break;
             case 'tool':
@@ -217,9 +181,8 @@ export class EdgeStylingHelper {
                 edge.class = 'flowdrop--edge--tool';
                 edge.markerEnd = {
                     type: MarkerType.ArrowClosed,
-                    width: 16,
-                    height: 16,
-                    color: EDGE_COLORS.tool
+                    ...EDGE_MARKER_SIZES.tool,
+                    color: 'var(--fd-edge-tool)'
                 };
                 break;
             case 'data':
@@ -229,9 +192,8 @@ export class EdgeStylingHelper {
                 edge.class = 'flowdrop--edge--data';
                 edge.markerEnd = {
                     type: MarkerType.ArrowClosed,
-                    width: 16,
-                    height: 16,
-                    color: EDGE_COLORS.data
+                    ...EDGE_MARKER_SIZES.data,
+                    color: 'var(--fd-edge-data)'
                 };
                 break;
         }

package/dist/index.js

@@ -32,6 +32,9 @@
 // ============================================================================
 // IMPORTANT: This module re-exports from sub-modules for backward compatibility.
 // New code should import directly from sub-modules for better tree-shaking.
+//
+// The wildcard re-exports below are intentional: each sub-module barrel uses
+// explicit named exports, so the public API surface is fully controlled there.
 // ============================================================================
 // ============================================================================
 // Core Exports (Types & Utilities - No Heavy Dependencies)