@d34dman/flowdrop 0.0.19 → 0.0.21

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 (29) hide show
  1. package/README.md +168 -344
  2. package/dist/components/App.svelte +229 -282
  3. package/dist/components/ConfigForm.svelte +0 -3
  4. package/dist/components/ConfigSidebar.svelte +5 -23
  5. package/dist/components/Navbar.svelte +2 -1
  6. package/dist/components/NodeStatusOverlay.svelte +1 -0
  7. package/dist/components/NodeStatusOverlay.svelte.d.ts +1 -0
  8. package/dist/components/WorkflowEditor.svelte +33 -25
  9. package/dist/components/layouts/MainLayout.svelte +513 -0
  10. package/dist/components/layouts/MainLayout.svelte.d.ts +50 -0
  11. package/dist/components/{GatewayNode.svelte → nodes/GatewayNode.svelte} +3 -3
  12. package/dist/components/{GatewayNode.svelte.d.ts → nodes/GatewayNode.svelte.d.ts} +1 -1
  13. package/dist/components/{NotesNode.svelte → nodes/NotesNode.svelte} +2 -2
  14. package/dist/components/{NotesNode.svelte.d.ts → nodes/NotesNode.svelte.d.ts} +1 -1
  15. package/dist/components/{SimpleNode.svelte → nodes/SimpleNode.svelte} +2 -2
  16. package/dist/components/{SimpleNode.svelte.d.ts → nodes/SimpleNode.svelte.d.ts} +1 -1
  17. package/dist/components/{SquareNode.svelte → nodes/SquareNode.svelte} +2 -2
  18. package/dist/components/{SquareNode.svelte.d.ts → nodes/SquareNode.svelte.d.ts} +1 -1
  19. package/dist/components/{TerminalNode.svelte → nodes/TerminalNode.svelte} +2 -2
  20. package/dist/components/{TerminalNode.svelte.d.ts → nodes/TerminalNode.svelte.d.ts} +1 -1
  21. package/dist/components/{ToolNode.svelte → nodes/ToolNode.svelte} +2 -2
  22. package/dist/components/{ToolNode.svelte.d.ts → nodes/ToolNode.svelte.d.ts} +1 -1
  23. package/dist/components/{WorkflowNode.svelte → nodes/WorkflowNode.svelte} +3 -3
  24. package/dist/components/{WorkflowNode.svelte.d.ts → nodes/WorkflowNode.svelte.d.ts} +1 -1
  25. package/dist/index.d.ts +6 -6
  26. package/dist/index.js +6 -6
  27. package/dist/registry/builtinNodes.js +7 -7
  28. package/dist/styles/base.css +15 -1
  29. package/package.json +7 -2
@@ -6,9 +6,9 @@
6
6
 
7
7
  <script lang="ts">
8
8
  import { Position, Handle } from '@xyflow/svelte';
9
- import type { ConfigValues, NodeMetadata } from '../types/index.js';
9
+ import type { ConfigValues, NodeMetadata } from '../../types/index.js';
10
10
  import Icon from '@iconify/svelte';
11
- import { getDataTypeColor } from '../utils/colors.js';
11
+ import { getDataTypeColor } from '../../utils/colors.js';
12
12
 
13
13
  const props = $props<{
14
14
  data: {
@@ -1,4 +1,4 @@
1
- import type { ConfigValues, NodeMetadata } from '../types/index.js';
1
+ import type { ConfigValues, NodeMetadata } from '../../types/index.js';
2
2
  type $$ComponentProps = {
3
3
  data: {
4
4
  label: string;
@@ -10,9 +10,9 @@
10
10
 
11
11
  <script lang="ts">
12
12
  import { Position, Handle } from '@xyflow/svelte';
13
- import type { ConfigValues, NodeMetadata } from '../types/index.js';
13
+ import type { ConfigValues, NodeMetadata } from '../../types/index.js';
14
14
  import Icon from '@iconify/svelte';
15
- import { getDataTypeColor } from '../utils/colors.js';
15
+ import { getDataTypeColor } from '../../utils/colors.js';
16
16
 
17
17
  /**
18
18
  * Terminal node variant types
@@ -1,4 +1,4 @@
1
- import type { ConfigValues, NodeMetadata } from '../types/index.js';
1
+ import type { ConfigValues, NodeMetadata } from '../../types/index.js';
2
2
  type $$ComponentProps = {
3
3
  data: {
4
4
  label: string;
@@ -7,8 +7,8 @@
7
7
  <script lang="ts">
8
8
  import { Position, Handle } from '@xyflow/svelte';
9
9
  import Icon from '@iconify/svelte';
10
- import { getDataTypeColor } from '../utils/colors';
11
- import type { NodeMetadata } from '../types/index.js';
10
+ import { getDataTypeColor } from '../../utils/colors';
11
+ import type { NodeMetadata } from '../../types/index.js';
12
12
 
13
13
  interface ToolNodeParameter {
14
14
  name: string;
@@ -1,4 +1,4 @@
1
- import type { NodeMetadata } from '../types/index.js';
1
+ import type { NodeMetadata } from '../../types/index.js';
2
2
  interface ToolNodeParameter {
3
3
  name: string;
4
4
  type?: string;
@@ -7,10 +7,10 @@
7
7
 
8
8
  <script lang="ts">
9
9
  import { Position, Handle } from '@xyflow/svelte';
10
- import type { WorkflowNode } from '../types/index.js';
10
+ import type { WorkflowNode } from '../../types/index.js';
11
11
  import Icon from '@iconify/svelte';
12
- import { getNodeIcon } from '../utils/icons.js';
13
- import { getDataTypeColorToken, getCategoryColorToken } from '../utils/colors.js';
12
+ import { getNodeIcon } from '../../utils/icons.js';
13
+ import { getDataTypeColorToken, getCategoryColorToken } from '../../utils/colors.js';
14
14
 
15
15
  interface Props {
16
16
  data: WorkflowNode['data'] & {
@@ -1,4 +1,4 @@
1
- import type { WorkflowNode } from '../types/index.js';
1
+ import type { WorkflowNode } from '../../types/index.js';
2
2
  interface Props {
3
3
  data: WorkflowNode['data'] & {
4
4
  nodeId?: string;
package/dist/index.d.ts CHANGED
@@ -14,14 +14,14 @@ export { FlowDropApiClient } from './api/client.js';
14
14
  export { EnhancedFlowDropApiClient } from './api/enhanced-client.js';
15
15
  export { default as WorkflowEditor } from './components/WorkflowEditor.svelte';
16
16
  export { default as NodeSidebar } from './components/NodeSidebar.svelte';
17
- export { default as WorkflowNodeComponent } from './components/WorkflowNode.svelte';
18
- export { default as SimpleNodeComponent } from './components/SimpleNode.svelte';
19
- export { default as ToolNodeComponent } from './components/ToolNode.svelte';
20
- export { default as NotesNodeComponent } from './components/NotesNode.svelte';
17
+ export { default as WorkflowNodeComponent } from './components/nodes/WorkflowNode.svelte';
18
+ export { default as SimpleNodeComponent } from './components/nodes/SimpleNode.svelte';
19
+ export { default as ToolNodeComponent } from './components/nodes/ToolNode.svelte';
20
+ export { default as NotesNodeComponent } from './components/nodes/NotesNode.svelte';
21
21
  export { default as CanvasBanner } from './components/CanvasBanner.svelte';
22
22
  export { default as UniversalNode } from './components/UniversalNode.svelte';
23
- export { default as GatewayNode } from './components/GatewayNode.svelte';
24
- export { default as SquareNode } from './components/SquareNode.svelte';
23
+ export { default as GatewayNode } from './components/nodes/GatewayNode.svelte';
24
+ export { default as SquareNode } from './components/nodes/SquareNode.svelte';
25
25
  export { default as LoadingSpinner } from './components/LoadingSpinner.svelte';
26
26
  export { default as StatusIcon } from './components/StatusIcon.svelte';
27
27
  export { default as StatusLabel } from './components/StatusLabel.svelte';
package/dist/index.js CHANGED
@@ -15,14 +15,14 @@ export { EnhancedFlowDropApiClient } from './api/enhanced-client.js';
15
15
  // Export components
16
16
  export { default as WorkflowEditor } from './components/WorkflowEditor.svelte';
17
17
  export { default as NodeSidebar } from './components/NodeSidebar.svelte';
18
- export { default as WorkflowNodeComponent } from './components/WorkflowNode.svelte';
19
- export { default as SimpleNodeComponent } from './components/SimpleNode.svelte';
20
- export { default as ToolNodeComponent } from './components/ToolNode.svelte';
21
- export { default as NotesNodeComponent } from './components/NotesNode.svelte';
18
+ export { default as WorkflowNodeComponent } from './components/nodes/WorkflowNode.svelte';
19
+ export { default as SimpleNodeComponent } from './components/nodes/SimpleNode.svelte';
20
+ export { default as ToolNodeComponent } from './components/nodes/ToolNode.svelte';
21
+ export { default as NotesNodeComponent } from './components/nodes/NotesNode.svelte';
22
22
  export { default as CanvasBanner } from './components/CanvasBanner.svelte';
23
23
  export { default as UniversalNode } from './components/UniversalNode.svelte';
24
- export { default as GatewayNode } from './components/GatewayNode.svelte';
25
- export { default as SquareNode } from './components/SquareNode.svelte';
24
+ export { default as GatewayNode } from './components/nodes/GatewayNode.svelte';
25
+ export { default as SquareNode } from './components/nodes/SquareNode.svelte';
26
26
  export { default as LoadingSpinner } from './components/LoadingSpinner.svelte';
27
27
  export { default as StatusIcon } from './components/StatusIcon.svelte';
28
28
  export { default as StatusLabel } from './components/StatusLabel.svelte';
@@ -6,13 +6,13 @@
6
6
  * ensuring all built-in node types are available without user action.
7
7
  */
8
8
  import { nodeComponentRegistry } from './nodeComponentRegistry.js';
9
- import WorkflowNode from '../components/WorkflowNode.svelte';
10
- import SimpleNode from '../components/SimpleNode.svelte';
11
- import SquareNode from '../components/SquareNode.svelte';
12
- import ToolNode from '../components/ToolNode.svelte';
13
- import GatewayNode from '../components/GatewayNode.svelte';
14
- import NotesNode from '../components/NotesNode.svelte';
15
- import TerminalNode from '../components/TerminalNode.svelte';
9
+ import WorkflowNode from '../components/nodes/WorkflowNode.svelte';
10
+ import SimpleNode from '../components/nodes/SimpleNode.svelte';
11
+ import SquareNode from '../components/nodes/SquareNode.svelte';
12
+ import ToolNode from '../components/nodes/ToolNode.svelte';
13
+ import GatewayNode from '../components/nodes/GatewayNode.svelte';
14
+ import NotesNode from '../components/nodes/NotesNode.svelte';
15
+ import TerminalNode from '../components/nodes/TerminalNode.svelte';
16
16
  /**
17
17
  * Source identifier for built-in FlowDrop components
18
18
  */
@@ -375,6 +375,7 @@
375
375
  0% {
376
376
  transform: rotate(0deg);
377
377
  }
378
+
378
379
  100% {
379
380
  transform: rotate(360deg);
380
381
  }
@@ -1156,6 +1157,15 @@
1156
1157
  --flowdrop-edge-data-color-hover: var(--color-ref-gray-500);
1157
1158
  --flowdrop-edge-data-color-selected: var(--color-ref-violet-600);
1158
1159
 
1160
+ /* Semantic text color tokens */
1161
+ --flowdrop-text-color-error: var(--color-ref-red-600);
1162
+ --flowdrop-text-color-success: var(--color-ref-green-600);
1163
+ --flowdrop-text-color-warning: var(--color-ref-amber-600);
1164
+ --flowdrop-text-color-info: var(--color-ref-blue-600);
1165
+ --flowdrop-text-color-muted: var(--color-ref-gray-500);
1166
+ --flowdrop-text-color-primary: var(--color-ref-gray-900);
1167
+ --flowdrop-text-color-secondary: var(--color-ref-gray-600);
1168
+
1159
1169
  /* NotesNode component variables */
1160
1170
  --notes-node-width: 500px;
1161
1171
  --notes-node-min-width: 250px;
@@ -1362,9 +1372,11 @@
1362
1372
  .markdown-display--compact h1 {
1363
1373
  font-size: 1.25rem;
1364
1374
  }
1375
+
1365
1376
  .markdown-display--compact h2 {
1366
1377
  font-size: 1.125rem;
1367
1378
  }
1379
+
1368
1380
  .markdown-display--compact h3 {
1369
1381
  font-size: 1rem;
1370
1382
  }
@@ -1377,9 +1389,11 @@
1377
1389
  .markdown-display--large h1 {
1378
1390
  font-size: 1.75rem;
1379
1391
  }
1392
+
1380
1393
  .markdown-display--large h2 {
1381
1394
  font-size: 1.5rem;
1382
1395
  }
1396
+
1383
1397
  .markdown-display--large h3 {
1384
1398
  font-size: 1.25rem;
1385
- }
1399
+ }
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@d34dman/flowdrop",
3
3
  "license": "MIT",
4
4
  "private": false,
5
- "version": "0.0.19",
5
+ "version": "0.0.21",
6
6
  "scripts": {
7
7
  "dev": "vite dev",
8
8
  "build": "vite build && npm run prepack",
@@ -99,7 +99,7 @@
99
99
  "@storybook/sveltekit": "^9.0.15",
100
100
  "@sveltejs/adapter-auto": "^6.0.0",
101
101
  "@sveltejs/adapter-node": "^5.4.0",
102
- "@sveltejs/kit": "^2.16.0",
102
+ "@sveltejs/kit": "^2.49.2",
103
103
  "@sveltejs/package": "^2.0.0",
104
104
  "@sveltejs/vite-plugin-svelte": "^5.0.0",
105
105
  "@types/marked": "^6.0.0",
@@ -127,6 +127,11 @@
127
127
  "vitest": "^3.2.3",
128
128
  "vitest-browser-svelte": "^0.1.0"
129
129
  },
130
+ "overrides": {
131
+ "@sveltejs/kit": {
132
+ "cookie": "0.7.2"
133
+ }
134
+ },
130
135
  "keywords": [
131
136
  "svelte"
132
137
  ],