@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.
- package/dist/components/App.svelte +69 -260
- package/dist/components/ConfigForm.svelte +357 -267
- package/dist/components/ConfigForm.svelte.d.ts +12 -3
- package/dist/components/ConfigPanel.svelte +160 -0
- package/dist/components/ConfigPanel.svelte.d.ts +32 -0
- package/dist/components/ReadOnlyDetails.svelte +168 -0
- package/dist/components/ReadOnlyDetails.svelte.d.ts +25 -0
- package/dist/components/WorkflowEditor.svelte +1 -1
- package/dist/components/form/FormArray.svelte +1049 -0
- package/dist/components/form/FormArray.svelte.d.ts +22 -0
- package/dist/components/form/FormCheckboxGroup.svelte +152 -0
- package/dist/components/form/FormCheckboxGroup.svelte.d.ts +15 -0
- package/dist/components/form/FormField.svelte +279 -0
- package/dist/components/form/FormField.svelte.d.ts +18 -0
- package/dist/components/form/FormFieldWrapper.svelte +133 -0
- package/dist/components/form/FormFieldWrapper.svelte.d.ts +18 -0
- package/dist/components/form/FormNumberField.svelte +109 -0
- package/dist/components/form/FormNumberField.svelte.d.ts +23 -0
- package/dist/components/form/FormSelect.svelte +126 -0
- package/dist/components/form/FormSelect.svelte.d.ts +18 -0
- package/dist/components/form/FormTextField.svelte +88 -0
- package/dist/components/form/FormTextField.svelte.d.ts +17 -0
- package/dist/components/form/FormTextarea.svelte +94 -0
- package/dist/components/form/FormTextarea.svelte.d.ts +19 -0
- package/dist/components/form/FormToggle.svelte +123 -0
- package/dist/components/form/FormToggle.svelte.d.ts +17 -0
- package/dist/components/form/index.d.ts +41 -0
- package/dist/components/form/index.js +45 -0
- package/dist/components/form/types.d.ts +208 -0
- package/dist/components/form/types.js +29 -0
- package/dist/components/nodes/GatewayNode.svelte +84 -12
- package/dist/components/nodes/NotesNode.svelte +89 -307
- package/dist/components/nodes/NotesNode.svelte.d.ts +3 -22
- package/dist/components/nodes/SimpleNode.svelte +41 -5
- package/dist/components/nodes/SimpleNode.svelte.d.ts +2 -1
- package/dist/components/nodes/SquareNode.svelte +41 -5
- package/dist/components/nodes/SquareNode.svelte.d.ts +2 -1
- package/dist/components/nodes/WorkflowNode.svelte +88 -5
- package/dist/index.d.ts +4 -4
- package/dist/index.js +3 -4
- package/dist/stores/workflowStore.d.ts +15 -0
- package/dist/stores/workflowStore.js +28 -0
- package/dist/types/index.d.ts +77 -0
- package/dist/types/index.js +16 -0
- package/package.json +3 -3
- package/dist/components/ConfigSidebar.svelte +0 -916
- package/dist/components/ConfigSidebar.svelte.d.ts +0 -51
- package/dist/config/demo.d.ts +0 -58
- package/dist/config/demo.js +0 -142
- package/dist/data/samples.d.ts +0 -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;
|
package/dist/config/demo.d.ts
DELETED
|
@@ -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
|
-
};
|
package/dist/config/demo.js
DELETED
|
@@ -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
|
-
};
|
package/dist/data/samples.d.ts
DELETED
|
@@ -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;
|