@d34dman/flowdrop 0.0.27 → 0.0.29

package/dist/index.d.ts

@@ -1,67 +1,34 @@
 /**
  * FlowDrop - Visual Workflow Editor Library
- * A Svelte 5 component library built on @xyflow/svelte for creating node-based workflow editors
+ *
+ * A Svelte 5 component library built on @xyflow/svelte for creating node-based workflow editors.
+ *
+ * ## Module Structure (Tree-Shakable)
+ *
+ * For optimal bundle size, import from specific sub-modules:
+ *
+ * - `@d34dman/flowdrop/core` - Types and utilities only (no heavy deps)
+ * - `@d34dman/flowdrop/editor` - WorkflowEditor with @xyflow/svelte
+ * - `@d34dman/flowdrop/form` - SchemaForm with basic fields
+ * - `@d34dman/flowdrop/form/code` - Code editor support (adds CodeMirror)
+ * - `@d34dman/flowdrop/form/markdown` - Markdown editor support (adds EasyMDE)
+ * - `@d34dman/flowdrop/display` - MarkdownDisplay (adds marked)
+ * - `@d34dman/flowdrop/styles` - CSS styles
+ *
+ * ## Legacy Import (Full Bundle)
+ *
+ * Importing from the main entry point includes everything:
+ *
+ * ```typescript
+ * import { WorkflowEditor, SchemaForm } from "@d34dman/flowdrop";
+ * ```
+ *
+ * **Note**: This will bundle ALL dependencies including @xyflow/svelte,
+ * CodeMirror, EasyMDE, and marked. For smaller bundles, use sub-modules.
+ *
+ * @module flowdrop
  */
-import './styles/base.css';
-import './registry/builtinNodes.js';
-export type { NodeCategory, NodeDataType, NodePort, DynamicPort, Branch, NodeMetadata, NodeExtensions, NodeUIExtensions, ConfigValues, WorkflowNode, WorkflowEdge, Workflow, ApiResponse, NodesResponse, WorkflowResponse, WorkflowsResponse, ExecutionStatus, ExecutionResult, FlowDropConfig, WorkflowEvents, BuiltinNodeType, 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 { StaticAuthProvider, CallbackAuthProvider, NoAuthProvider } from './types/auth.js';
-export type { WorkflowChangeType, FlowDropEventHandlers, FlowDropFeatures } from './types/events.js';
-export { DEFAULT_FEATURES, mergeFeatures } from './types/events.js';
-export { FlowDropApiClient } from './api/client.js';
-export { EnhancedFlowDropApiClient } from './api/enhanced-client.js';
-export { default as WorkflowEditor } from './components/WorkflowEditor.svelte';
-export { default as NodeSidebar } from './components/NodeSidebar.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 CanvasBanner } from './components/CanvasBanner.svelte';
-export { default as UniversalNode } from './components/UniversalNode.svelte';
-export { default as GatewayNode } from './components/nodes/GatewayNode.svelte';
-export { default as SquareNode } from './components/nodes/SquareNode.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 MarkdownDisplay } from './components/MarkdownDisplay.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 * from './utils/icons.js';
-export * from './utils/colors.js';
-export * from './utils/connections.js';
-export * from './utils/config.js';
-export * from './utils/nodeTypes.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 { 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 type { NodeComponentProps, NodeComponentRegistration, NodeComponentCategory, StatusPosition, StatusSize, NodeRegistrationFilter, FlowDropPluginConfig, PluginNodeDefinition, PluginRegistrationResult } from './registry/index.js';
-export * from './services/api.js';
-export { showSuccess, showError, showWarning, showInfo, showLoading, dismissToast, dismissAllToasts, showPromise, showConfirmation, apiToasts, workflowToasts, pipelineToasts } from './services/toastService.js';
-export type { ToastType, ToastOptions } 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 type { DynamicSchemaResult } from './services/dynamicSchemaService.js';
-export { getDraftStorageKey, saveDraft, loadDraft, deleteDraft, hasDraft, getDraftMetadata, DraftAutoSaveManager } from './services/draftStorage.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 './config/endpoints.js';
-export { DEFAULT_PORT_CONFIG } from './config/defaultPortConfig.js';
-export * from './config/runtimeConfig.js';
-export * from './adapters/WorkflowAdapter.js';
-export { mountWorkflowEditor, mountFlowDropApp, unmountFlowDropApp } from './svelte-app.js';
-export type { FlowDropMountOptions, MountedFlowDropApp, NavbarAction } from './svelte-app.js';
-export { ApiError } from './api/enhanced-client.js';
+export * from "./core/index.js";
+export * from "./form/index.js";
+export * from "./display/index.js";
+export * from "./editor/index.js";

package/dist/index.js

@@ -1,82 +1,52 @@
 /**
  * FlowDrop - Visual Workflow Editor Library
- * A Svelte 5 component library built on @xyflow/svelte for creating node-based workflow editors
+ *
+ * A Svelte 5 component library built on @xyflow/svelte for creating node-based workflow editors.
+ *
+ * ## Module Structure (Tree-Shakable)
+ *
+ * For optimal bundle size, import from specific sub-modules:
+ *
+ * - `@d34dman/flowdrop/core` - Types and utilities only (no heavy deps)
+ * - `@d34dman/flowdrop/editor` - WorkflowEditor with @xyflow/svelte
+ * - `@d34dman/flowdrop/form` - SchemaForm with basic fields
+ * - `@d34dman/flowdrop/form/code` - Code editor support (adds CodeMirror)
+ * - `@d34dman/flowdrop/form/markdown` - Markdown editor support (adds EasyMDE)
+ * - `@d34dman/flowdrop/display` - MarkdownDisplay (adds marked)
+ * - `@d34dman/flowdrop/styles` - CSS styles
+ *
+ * ## Legacy Import (Full Bundle)
+ *
+ * Importing from the main entry point includes everything:
+ *
+ * ```typescript
+ * import { WorkflowEditor, SchemaForm } from "@d34dman/flowdrop";
+ * ```
+ *
+ * **Note**: This will bundle ALL dependencies including @xyflow/svelte,
+ * CodeMirror, EasyMDE, and marked. For smaller bundles, use sub-modules.
+ *
+ * @module flowdrop
  */
-// Import CSS to ensure styles are included in the library build
-import './styles/base.css';
-// Initialize built-in node components in the registry
-// This import has a side effect of registering all built-in nodes
-import './registry/builtinNodes.js';
-export { StaticAuthProvider, CallbackAuthProvider, NoAuthProvider } from './types/auth.js';
-export { DEFAULT_FEATURES, mergeFeatures } from './types/events.js';
-// Export API clients
-export { FlowDropApiClient } from './api/client.js';
-export { EnhancedFlowDropApiClient } from './api/enhanced-client.js';
-// Export components
-export { default as WorkflowEditor } from './components/WorkflowEditor.svelte';
-export { default as NodeSidebar } from './components/NodeSidebar.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 CanvasBanner } from './components/CanvasBanner.svelte';
-export { default as UniversalNode } from './components/UniversalNode.svelte';
-export { default as GatewayNode } from './components/nodes/GatewayNode.svelte';
-export { default as SquareNode } from './components/nodes/SquareNode.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 MarkdownDisplay } from './components/MarkdownDisplay.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 utilities
-export * from './utils/icons.js';
-export * from './utils/colors.js';
-export * from './utils/connections.js';
-export * from './utils/config.js';
-export * from './utils/nodeTypes.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 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';
-// Export 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 dynamic schema service for config edit functionality
-export { fetchDynamicSchema, resolveExternalEditUrl, getEffectiveConfigEditOptions, clearSchemaCache, invalidateSchemaCache, hasConfigEditOptions, shouldShowExternalEdit, shouldUseDynamicSchema } from './services/dynamicSchemaService.js';
-// Export draft storage service
-export { getDraftStorageKey, saveDraft, loadDraft, deleteDraft, hasDraft, getDraftMetadata, DraftAutoSaveManager } from './services/draftStorage.js';
-// Export helpers
-export { EdgeStylingHelper, NodeOperationsHelper, WorkflowOperationsHelper, ConfigurationHelper } from './helpers/workflowEditorHelper.js';
-// Export 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';
-// Export endpoint configuration
-export * from './config/endpoints.js';
-export { DEFAULT_PORT_CONFIG } from './config/defaultPortConfig.js';
-export * from './config/runtimeConfig.js';
-// Export adapters
-export * from './adapters/WorkflowAdapter.js';
-// Export Svelte app wrapper for framework integration
-export { mountWorkflowEditor, mountFlowDropApp, unmountFlowDropApp } from './svelte-app.js';
-// Export API error class
-export { ApiError } from './api/enhanced-client.js';
+// ============================================================================
+// IMPORTANT: This module re-exports from sub-modules for backward compatibility.
+// New code should import directly from sub-modules for better tree-shaking.
+// ============================================================================
+// ============================================================================
+// Core Exports (Types & Utilities - No Heavy Dependencies)
+// ============================================================================
+export * from "./core/index.js";
+// ============================================================================
+// Form Exports
+// ============================================================================
+export * from "./form/index.js";
+// Note: Heavy form fields (code, markdown) are NOT auto-registered.
+// Users must import from form/code or form/markdown and register explicitly.
+// ============================================================================
+// Display Exports
+// ============================================================================
+export * from "./display/index.js";
+// ============================================================================
+// Editor Exports (includes @xyflow/svelte and auto-registers builtin nodes)
+// ============================================================================
+export * from "./editor/index.js";

package/package.json

@@ -2,7 +2,7 @@
 	"name": "@d34dman/flowdrop",
 	"license": "MIT",
 	"private": false,
-	"version": "0.0.27",
+	"version": "0.0.29",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",
@@ -71,7 +71,8 @@
 	],
 	"sideEffects": [
 		"**/*.css",
-		"./dist/styles/base.css"
+		"./dist/styles/base.css",
+		"./dist/editor/index.js"
 	],
 	"svelte": "./dist/index.js",
 	"types": "./dist/index.d.ts",
@@ -82,12 +83,54 @@
 			"svelte": "./dist/index.js",
 			"default": "./dist/index.js"
 		},
-		"./styles/base.css": "./dist/styles/base.css"
+		"./core": {
+			"types": "./dist/core/index.d.ts",
+			"svelte": "./dist/core/index.js",
+			"default": "./dist/core/index.js"
+		},
+		"./editor": {
+			"types": "./dist/editor/index.d.ts",
+			"svelte": "./dist/editor/index.js",
+			"default": "./dist/editor/index.js"
+		},
+		"./form": {
+			"types": "./dist/form/index.d.ts",
+			"svelte": "./dist/form/index.js",
+			"default": "./dist/form/index.js"
+		},
+		"./form/code": {
+			"types": "./dist/form/code.d.ts",
+			"svelte": "./dist/form/code.js",
+			"default": "./dist/form/code.js"
+		},
+		"./form/markdown": {
+			"types": "./dist/form/markdown.d.ts",
+			"svelte": "./dist/form/markdown.js",
+			"default": "./dist/form/markdown.js"
+		},
+		"./form/full": {
+			"types": "./dist/form/full.d.ts",
+			"svelte": "./dist/form/full.js",
+			"default": "./dist/form/full.js"
+		},
+		"./display": {
+			"types": "./dist/display/index.d.ts",
+			"svelte": "./dist/display/index.js",
+			"default": "./dist/display/index.js"
+		},
+		"./styles": "./dist/styles/base.css",
+		"./styles/*": "./dist/styles/*"
 	},
 	"peerDependencies": {
+		"@iconify/svelte": "^5.0.0",
 		"@sveltejs/kit": "^2.0.0",
 		"svelte": "^5.0.0"
 	},
+	"peerDependenciesMeta": {
+		"@iconify/svelte": {
+			"optional": false
+		}
+	},
 	"repository": {
 		"type": "git",
 		"url": "git+https://github.com/d34dman/flowdrop.git"
@@ -161,4 +204,4 @@
 			"static"
 		]
 	}
-}
+}