@d34dman/flowdrop 0.0.21 → 0.0.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/dist/components/App.svelte +69 -260
  2. package/dist/components/ConfigForm.svelte +357 -267
  3. package/dist/components/ConfigForm.svelte.d.ts +12 -3
  4. package/dist/components/ConfigPanel.svelte +160 -0
  5. package/dist/components/ConfigPanel.svelte.d.ts +32 -0
  6. package/dist/components/ReadOnlyDetails.svelte +168 -0
  7. package/dist/components/ReadOnlyDetails.svelte.d.ts +25 -0
  8. package/dist/components/WorkflowEditor.svelte +1 -1
  9. package/dist/components/form/FormArray.svelte +1049 -0
  10. package/dist/components/form/FormArray.svelte.d.ts +22 -0
  11. package/dist/components/form/FormCheckboxGroup.svelte +152 -0
  12. package/dist/components/form/FormCheckboxGroup.svelte.d.ts +15 -0
  13. package/dist/components/form/FormField.svelte +279 -0
  14. package/dist/components/form/FormField.svelte.d.ts +18 -0
  15. package/dist/components/form/FormFieldWrapper.svelte +133 -0
  16. package/dist/components/form/FormFieldWrapper.svelte.d.ts +18 -0
  17. package/dist/components/form/FormNumberField.svelte +109 -0
  18. package/dist/components/form/FormNumberField.svelte.d.ts +23 -0
  19. package/dist/components/form/FormSelect.svelte +126 -0
  20. package/dist/components/form/FormSelect.svelte.d.ts +18 -0
  21. package/dist/components/form/FormTextField.svelte +88 -0
  22. package/dist/components/form/FormTextField.svelte.d.ts +17 -0
  23. package/dist/components/form/FormTextarea.svelte +94 -0
  24. package/dist/components/form/FormTextarea.svelte.d.ts +19 -0
  25. package/dist/components/form/FormToggle.svelte +123 -0
  26. package/dist/components/form/FormToggle.svelte.d.ts +17 -0
  27. package/dist/components/form/index.d.ts +41 -0
  28. package/dist/components/form/index.js +45 -0
  29. package/dist/components/form/types.d.ts +208 -0
  30. package/dist/components/form/types.js +29 -0
  31. package/dist/components/nodes/GatewayNode.svelte +84 -12
  32. package/dist/components/nodes/NotesNode.svelte +89 -307
  33. package/dist/components/nodes/NotesNode.svelte.d.ts +3 -22
  34. package/dist/components/nodes/SimpleNode.svelte +41 -5
  35. package/dist/components/nodes/SimpleNode.svelte.d.ts +2 -1
  36. package/dist/components/nodes/SquareNode.svelte +41 -5
  37. package/dist/components/nodes/SquareNode.svelte.d.ts +2 -1
  38. package/dist/components/nodes/WorkflowNode.svelte +88 -5
  39. package/dist/index.d.ts +4 -4
  40. package/dist/index.js +3 -4
  41. package/dist/stores/workflowStore.d.ts +15 -0
  42. package/dist/stores/workflowStore.js +28 -0
  43. package/dist/types/index.d.ts +77 -0
  44. package/dist/types/index.js +16 -0
  45. package/package.json +3 -3
  46. package/dist/components/ConfigSidebar.svelte +0 -916
  47. package/dist/components/ConfigSidebar.svelte.d.ts +0 -51
  48. package/dist/config/demo.d.ts +0 -58
  49. package/dist/config/demo.js +0 -142
  50. package/dist/data/samples.d.ts +0 -51
  51. package/dist/data/samples.js +0 -3245
@@ -1,51 +0,0 @@
1
- import type { ConfigSchema, ConfigValues } from '../types/index.js';
2
- interface Props {
3
- isOpen: boolean;
4
- title: string;
5
- configSchema?: ConfigSchema;
6
- configValues: ConfigValues;
7
- nodeDetails?: {
8
- type: string;
9
- category: string;
10
- description: string;
11
- version?: string;
12
- tags?: string[];
13
- inputs?: Array<{
14
- id: string;
15
- name: string;
16
- type: string;
17
- dataType?: string;
18
- }>;
19
- outputs?: Array<{
20
- id: string;
21
- name: string;
22
- type: string;
23
- dataType?: string;
24
- }>;
25
- };
26
- onSave?: (config: ConfigValues) => void;
27
- onCancel?: () => void;
28
- onClose?: () => void;
29
- }
30
- interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
31
- new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
32
- $$bindings?: Bindings;
33
- } & Exports;
34
- (internal: unknown, props: Props & {
35
- $$events?: Events;
36
- $$slots?: Slots;
37
- }): Exports & {
38
- $set?: any;
39
- $on?: any;
40
- };
41
- z_$$bindings?: Bindings;
42
- }
43
- declare const ConfigSidebar: $$__sveltets_2_IsomorphicComponent<Props, {
44
- save: CustomEvent<any>;
45
- cancel: CustomEvent<any>;
46
- close: CustomEvent<any>;
47
- } & {
48
- [evt: string]: CustomEvent<any>;
49
- }, {}, {}, "">;
50
- type ConfigSidebar = InstanceType<typeof ConfigSidebar>;
51
- export default ConfigSidebar;
@@ -1,58 +0,0 @@
1
- /**
2
- * Demo configuration for FlowDrop UI
3
- * Controls which nodes and workflows are shown in demo mode
4
- */
5
- import type { DemoConfig } from '../data/samples.js';
6
- /**
7
- * Default demo configuration
8
- * Change this to enable/disable demo mode and control what's shown
9
- */
10
- export declare const defaultDemoConfig: DemoConfig;
11
- /**
12
- * Demo mode presets for different scenarios
13
- */
14
- export declare const demoPresets: Record<string, DemoConfig>;
15
- /**
16
- * Get the current demo configuration
17
- * You can modify this function to read from localStorage, URL params, etc.
18
- */
19
- export declare function getCurrentDemoConfig(): DemoConfig;
20
- /**
21
- * Set demo configuration (for future use with UI controls)
22
- */
23
- export declare function setDemoConfig(config: DemoConfig): void;
24
- /**
25
- * Load demo configuration from localStorage
26
- */
27
- export declare function loadDemoConfig(): DemoConfig;
28
- /**
29
- * Demo workflow configuration
30
- */
31
- export declare const demoWorkflowConfig: {
32
- defaultWorkflow: string;
33
- autoLoadDemo: boolean;
34
- sampleWorkflowName: string;
35
- sampleWorkflowDescription: string;
36
- };
37
- /**
38
- * Demo instructions for non-technical users
39
- */
40
- export declare const demoInstructions: {
41
- title: string;
42
- description: string;
43
- steps: ({
44
- step: number;
45
- title: string;
46
- description: string;
47
- example: string;
48
- note?: undefined;
49
- } | {
50
- step: number;
51
- title: string;
52
- description: string;
53
- note: string;
54
- example?: undefined;
55
- })[];
56
- benefits: string[];
57
- useCases: string[];
58
- };
@@ -1,142 +0,0 @@
1
- /**
2
- * Demo configuration for FlowDrop UI
3
- * Controls which nodes and workflows are shown in demo mode
4
- */
5
- /**
6
- * Default demo configuration
7
- * Change this to enable/disable demo mode and control what's shown
8
- */
9
- export const defaultDemoConfig = {
10
- enabled: true, // Set to true to enable demo mode
11
- mode: 'content-management' // Show only whitelisted content management nodes
12
- };
13
- /**
14
- * Demo mode presets for different scenarios
15
- */
16
- export const demoPresets = {
17
- // Content management demo mode - show only whitelisted nodes
18
- 'content-management': {
19
- enabled: true,
20
- mode: 'content-management'
21
- },
22
- // Show all nodes (disable demo filtering)
23
- 'all-nodes': {
24
- enabled: false,
25
- mode: 'all'
26
- }
27
- };
28
- /**
29
- * Get the current demo configuration
30
- * You can modify this function to read from localStorage, URL params, etc.
31
- */
32
- export function getCurrentDemoConfig() {
33
- // For now, return the default config
34
- // In the future, this could check localStorage or URL parameters
35
- return defaultDemoConfig;
36
- }
37
- /**
38
- * Set demo configuration (for future use with UI controls)
39
- */
40
- export function setDemoConfig(config) {
41
- // Store in localStorage for persistence
42
- if (typeof localStorage !== 'undefined') {
43
- localStorage.setItem('flowdrop-demo-config', JSON.stringify(config));
44
- }
45
- }
46
- /**
47
- * Load demo configuration from localStorage
48
- */
49
- export function loadDemoConfig() {
50
- if (typeof localStorage !== 'undefined') {
51
- const stored = localStorage.getItem('flowdrop-demo-config');
52
- if (stored) {
53
- try {
54
- return JSON.parse(stored);
55
- }
56
- catch {
57
- // Fall back to default if parsing fails
58
- return defaultDemoConfig;
59
- }
60
- }
61
- }
62
- return defaultDemoConfig;
63
- }
64
- /**
65
- * Demo workflow configuration
66
- */
67
- export const demoWorkflowConfig = {
68
- // Which workflow to show by default in demo mode
69
- defaultWorkflow: 'sample', // Use sample workflow for now
70
- // Whether to auto-load a workflow on startup
71
- autoLoadDemo: false,
72
- // Sample workflow is used in demo mode
73
- sampleWorkflowName: 'Simple Chat Workflow',
74
- sampleWorkflowDescription: 'A basic workflow demonstrating direct text input to AI model response'
75
- };
76
- /**
77
- * Demo instructions for non-technical users
78
- */
79
- export const demoInstructions = {
80
- title: 'Multi-Agent Workflow Demo',
81
- description: 'This demo shows how FlowDrop uses multiple AI agents working together to process and manage data workflows.',
82
- steps: [
83
- {
84
- step: 1,
85
- title: 'User Input',
86
- description: 'Start by providing input data or instructions to the main agent.',
87
- example: 'Analyze and process the provided dataset'
88
- },
89
- {
90
- step: 2,
91
- title: 'Main Agent Orchestration',
92
- description: 'The main conversational agent understands your request and coordinates with specialized sub-agents.',
93
- note: 'Acts as the intelligent orchestrator of the entire workflow'
94
- },
95
- {
96
- step: 3,
97
- title: 'Data Analysis Agent',
98
- description: 'Specialized agent analyzes data using search and processing tools to find and examine relevant information.',
99
- note: 'Uses connected data sources and search tools for intelligent data discovery'
100
- },
101
- {
102
- step: 4,
103
- title: 'Data Processing Agent',
104
- description: 'Specialized agent processes and transforms data using available tools and formatters.',
105
- note: 'Has access to multiple tools and makes tracked transformations'
106
- },
107
- {
108
- step: 5,
109
- title: 'Tool Integration',
110
- description: 'Sub-agents use specialized tools for data processing, formatting, and transformation.',
111
- note: "Tools are connected via special 'tool' interface ports"
112
- },
113
- {
114
- step: 6,
115
- title: 'Agent Collaboration',
116
- description: 'Sub-agents report back to the main agent with their findings and completed work.',
117
- note: 'Multi-agent coordination ensures comprehensive task completion'
118
- },
119
- {
120
- step: 7,
121
- title: 'Orchestrated Response',
122
- description: 'Main agent compiles results from all sub-agents and provides a comprehensive response.',
123
- note: 'Includes summaries, results, and next steps for review'
124
- }
125
- ],
126
- benefits: [
127
- 'Multi-agent collaboration for complex tasks',
128
- 'Specialized agents for specific data processing functions',
129
- 'Intelligent task orchestration and coordination',
130
- 'Tool-based architecture for extensibility',
131
- 'Human oversight through review process',
132
- 'Scalable agent-to-agent communication patterns'
133
- ],
134
- useCases: [
135
- 'Multi-agent data analysis and processing',
136
- 'Coordinated data transformation workflows',
137
- 'Agent-orchestrated data quality checks',
138
- 'Collaborative data processing pipelines',
139
- 'Tool-assisted bulk data operations',
140
- 'Intelligent workflow automation'
141
- ]
142
- };
@@ -1,51 +0,0 @@
1
- /**
2
- * Sample data for FlowDrop development and testing
3
- * Includes sample nodes and workflows for demonstration and testing purposes
4
- */
5
- import type { NodeMetadata, Workflow } from '../types/index.js';
6
- import { CATEGORY_ICONS } from '../utils/icons.js';
7
- /**
8
- * Sample node data for development and testing
9
- * These represent the available node types in the workflow editor
10
- */
11
- export declare const sampleNodes: NodeMetadata[];
12
- export { CATEGORY_ICONS as categoryIcons };
13
- /**
14
- * Demo mode configuration
15
- */
16
- export interface DemoConfig {
17
- enabled: boolean;
18
- mode: 'content-management' | 'all';
19
- }
20
- /**
21
- * Filter nodes based on demo configuration
22
- * @param nodes - All available nodes
23
- * @param config - Demo configuration
24
- * @returns Filtered array of nodes
25
- */
26
- export declare function filterNodesForDemo(nodes: NodeMetadata[], config: DemoConfig): NodeMetadata[];
27
- /**
28
- * Get the list of allowed demo node IDs
29
- */
30
- export declare function getDemoAllowedNodeIds(): string[];
31
- /**
32
- * Check if a node is allowed in demo mode
33
- */
34
- export declare function isNodeAllowedInDemo(nodeId: string): boolean;
35
- /**
36
- * Get demo-specific nodes only
37
- */
38
- export declare function getDemoNodes(): NodeMetadata[];
39
- /**
40
- * Get nodes by category with demo filtering
41
- */
42
- export declare function getNodesByCategory(category: string, demoConfig?: DemoConfig): NodeMetadata[];
43
- /**
44
- * Search nodes with demo filtering
45
- */
46
- export declare function searchNodes(query: string, demoConfig?: DemoConfig): NodeMetadata[];
47
- /**
48
- * Sample workflow for development
49
- * Updated to use the new node types
50
- */
51
- export declare const sampleWorkflow: Workflow;