@d34dman/flowdrop 0.0.1 → 0.0.2

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 (119) hide show
  1. package/README.md +307 -215
  2. package/dist/adapters/WorkflowAdapter.d.ts +1 -1
  3. package/dist/adapters/WorkflowAdapter.js +30 -30
  4. package/dist/api/client.d.ts +24 -1
  5. package/dist/api/client.js +55 -38
  6. package/dist/api/enhanced-client.d.ts +46 -0
  7. package/dist/api/enhanced-client.js +211 -0
  8. package/dist/clients/ApiClient.d.ts +19 -23
  9. package/dist/clients/ApiClient.js +36 -34
  10. package/dist/components/App.svelte +1299 -230
  11. package/dist/components/App.svelte.d.ts +21 -1
  12. package/dist/components/CanvasBanner.svelte +50 -44
  13. package/dist/components/CanvasBanner.svelte.d.ts +5 -19
  14. package/dist/components/ConfigForm.svelte +555 -0
  15. package/dist/components/ConfigForm.svelte.d.ts +32 -0
  16. package/dist/components/ConfigModal.svelte +261 -0
  17. package/dist/components/ConfigModal.svelte.d.ts +31 -0
  18. package/dist/components/ConfigSidebar.svelte +934 -0
  19. package/dist/components/ConfigSidebar.svelte.d.ts +51 -0
  20. package/dist/components/ConnectionLine.svelte +32 -0
  21. package/dist/components/ConnectionLine.svelte.d.ts +3 -0
  22. package/dist/components/GatewayNode.svelte +471 -0
  23. package/dist/components/GatewayNode.svelte.d.ts +15 -0
  24. package/dist/components/LoadingSpinner.svelte +23 -23
  25. package/dist/components/LoadingSpinner.svelte.d.ts +1 -1
  26. package/dist/components/Logo.svelte +82 -0
  27. package/dist/components/Logo.svelte.d.ts +26 -0
  28. package/dist/components/LogsSidebar.svelte +565 -0
  29. package/dist/components/LogsSidebar.svelte.d.ts +34 -0
  30. package/dist/components/MarkdownDisplay.svelte +28 -0
  31. package/dist/components/MarkdownDisplay.svelte.d.ts +7 -0
  32. package/dist/components/Navbar.svelte +663 -0
  33. package/dist/components/Navbar.svelte.d.ts +21 -0
  34. package/dist/components/NodeSidebar.svelte +629 -488
  35. package/dist/components/NodeSidebar.svelte.d.ts +1 -2
  36. package/dist/components/NodeStatusOverlay.svelte +327 -0
  37. package/dist/components/NodeStatusOverlay.svelte.d.ts +11 -0
  38. package/dist/components/NotesNode.svelte +566 -0
  39. package/dist/components/NotesNode.svelte.d.ts +43 -0
  40. package/dist/components/PipelineStatus.svelte +331 -0
  41. package/dist/components/PipelineStatus.svelte.d.ts +18 -0
  42. package/dist/components/SimpleNode.svelte +447 -0
  43. package/dist/components/SimpleNode.svelte.d.ts +24 -0
  44. package/dist/components/SquareNode.svelte +346 -0
  45. package/dist/components/SquareNode.svelte.d.ts +24 -0
  46. package/dist/components/StatusIcon.svelte +112 -0
  47. package/dist/components/StatusIcon.svelte.d.ts +10 -0
  48. package/dist/components/StatusLabel.svelte +33 -0
  49. package/dist/components/StatusLabel.svelte.d.ts +7 -0
  50. package/dist/components/ToolNode.svelte +385 -0
  51. package/dist/components/ToolNode.svelte.d.ts +36 -0
  52. package/dist/components/UniversalNode.svelte +126 -0
  53. package/dist/components/UniversalNode.svelte.d.ts +15 -0
  54. package/dist/components/WorkflowEditor.svelte +871 -528
  55. package/dist/components/WorkflowEditor.svelte.d.ts +15 -5
  56. package/dist/components/WorkflowNode.svelte +428 -542
  57. package/dist/components/WorkflowNode.svelte.d.ts +7 -3
  58. package/dist/config/apiConfig.d.ts +33 -0
  59. package/dist/config/apiConfig.js +39 -0
  60. package/dist/config/defaultPortConfig.d.ts +6 -0
  61. package/dist/config/defaultPortConfig.js +192 -0
  62. package/dist/config/demo.d.ts +58 -0
  63. package/dist/config/demo.js +142 -0
  64. package/dist/config/endpoints.d.ts +106 -0
  65. package/dist/config/endpoints.js +128 -0
  66. package/dist/data/samples.d.ts +38 -4
  67. package/dist/data/samples.js +2789 -737
  68. package/dist/examples/adapter-usage.d.ts +4 -4
  69. package/dist/examples/adapter-usage.js +21 -26
  70. package/dist/examples/api-client-usage.d.ts +6 -6
  71. package/dist/examples/api-client-usage.js +55 -54
  72. package/dist/index.d.ts +23 -15
  73. package/dist/index.js +23 -15
  74. package/dist/mocks/app-environment.d.ts +8 -0
  75. package/dist/mocks/app-environment.js +16 -0
  76. package/dist/mocks/app-forms.d.ts +2 -0
  77. package/dist/mocks/app-forms.js +21 -0
  78. package/dist/mocks/app-navigation.d.ts +5 -0
  79. package/dist/mocks/app-navigation.js +34 -0
  80. package/dist/mocks/app-stores.d.ts +14 -0
  81. package/dist/mocks/app-stores.js +26 -0
  82. package/dist/services/api.d.ts +13 -3
  83. package/dist/services/api.js +91 -36
  84. package/dist/services/globalSave.d.ts +20 -0
  85. package/dist/services/globalSave.js +165 -0
  86. package/dist/services/nodeExecutionService.d.ts +63 -0
  87. package/dist/services/nodeExecutionService.js +261 -0
  88. package/dist/services/portConfigApi.d.ts +14 -0
  89. package/dist/services/portConfigApi.js +69 -0
  90. package/dist/services/toastService.d.ts +147 -0
  91. package/dist/services/toastService.js +235 -0
  92. package/dist/services/workflowStorage.d.ts +2 -2
  93. package/dist/services/workflowStorage.js +10 -10
  94. package/dist/stores/workflowStore.d.ts +53 -0
  95. package/dist/stores/workflowStore.js +264 -0
  96. package/dist/styles/base.css +896 -363
  97. package/dist/svelte-app.d.ts +52 -5
  98. package/dist/svelte-app.js +128 -6
  99. package/dist/types/config.d.ts +291 -0
  100. package/dist/types/config.js +4 -0
  101. package/dist/types/index.d.ts +231 -19
  102. package/dist/types/index.js +1 -1
  103. package/dist/utils/colors.d.ts +67 -33
  104. package/dist/utils/colors.js +183 -118
  105. package/dist/utils/config.d.ts +41 -0
  106. package/dist/utils/config.js +248 -0
  107. package/dist/utils/connections.d.ts +40 -3
  108. package/dist/utils/connections.js +115 -44
  109. package/dist/utils/icons.d.ts +1 -1
  110. package/dist/utils/icons.js +71 -70
  111. package/dist/utils/nodeStatus.d.ts +53 -0
  112. package/dist/utils/nodeStatus.js +183 -0
  113. package/dist/utils/nodeTypes.d.ts +57 -0
  114. package/dist/utils/nodeTypes.js +109 -0
  115. package/dist/utils/nodeWrapper.d.ts +39 -0
  116. package/dist/utils/nodeWrapper.js +62 -0
  117. package/package.json +129 -97
  118. package/dist/components/Node.svelte +0 -38
  119. package/dist/components/Node.svelte.d.ts +0 -4
package/package.json CHANGED
@@ -1,99 +1,131 @@
1
1
  {
2
- "name": "@d34dman/flowdrop",
3
- "version": "0.0.1",
4
- "scripts": {
5
- "dev": "vite dev",
6
- "build": "vite build && npm run prepack",
7
- "watch:build": "npm-watch build",
8
- "preview": "vite preview",
9
- "prepare": "svelte-kit sync || echo ''",
10
- "prepack": "svelte-kit sync && svelte-package && publint",
11
- "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
12
- "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
13
- "lint": "eslint . && prettier --check .",
14
- "test:unit": "vitest",
15
- "test": "npm run test:unit -- --run && npm run test:e2e",
16
- "test:e2e": "playwright test",
17
- "format": "prettier --write .",
18
- "storybook": "storybook dev -p 6006",
19
- "build-storybook": "storybook build"
20
- },
21
- "watch": {
22
- "build": {
23
- "ignore": "build",
24
- "patterns": [
25
- "src"
26
- ],
27
- "extensions": "js,ts,svelte,html,css,svg",
28
- "quiet": true,
29
- "legacyWatch": true,
30
- "delay": 2500,
31
- "runOnChangeOnly": false
32
- }
33
- },
34
- "files": [
35
- "dist",
36
- "!dist/**/*.test.*",
37
- "!dist/**/*.spec.*"
38
- ],
39
- "sideEffects": [
40
- "**/*.css"
41
- ],
42
- "svelte": "./dist/index.js",
43
- "types": "./dist/index.d.ts",
44
- "type": "module",
45
- "exports": {
46
- ".": {
47
- "types": "./dist/index.d.ts",
48
- "svelte": "./dist/index.js"
49
- }
50
- },
51
- "peerDependencies": {
52
- "svelte": "^5.0.0"
53
- },
54
- "devDependencies": {
55
- "@chromatic-com/storybook": "^4.0.1",
56
- "@eslint/compat": "^1.2.5",
57
- "@eslint/js": "^9.18.0",
58
- "@iconify/svelte": "^5.0.0",
59
- "@playwright/test": "^1.49.1",
60
- "@storybook/addon-a11y": "^9.0.15",
61
- "@storybook/addon-docs": "^9.0.15",
62
- "@storybook/addon-svelte-csf": "^5.0.4",
63
- "@storybook/addon-vitest": "^9.0.15",
64
- "@storybook/sveltekit": "^9.0.15",
65
- "@sveltejs/adapter-auto": "^6.0.0",
66
- "@sveltejs/kit": "^2.16.0",
67
- "@sveltejs/package": "^2.0.0",
68
- "@sveltejs/vite-plugin-svelte": "^5.0.0",
69
- "@types/node": "^20",
70
- "@vitest/browser": "^3.2.3",
71
- "eslint": "^9.18.0",
72
- "eslint-config-prettier": "^10.0.1",
73
- "eslint-plugin-storybook": "^9.0.15",
74
- "eslint-plugin-svelte": "^3.0.0",
75
- "globals": "^16.0.0",
76
- "playwright": "^1.53.0",
77
- "prettier": "^3.4.2",
78
- "prettier-plugin-svelte": "^3.3.3",
79
- "publint": "^0.3.2",
80
- "storybook": "^9.0.15",
81
- "svelte": "^5.0.0",
82
- "svelte-check": "^4.0.0",
83
- "terser": "^5.43.1",
84
- "typescript": "^5.0.0",
85
- "typescript-eslint": "^8.20.0",
86
- "vite": "^6.2.6",
87
- "vite-plugin-devtools-json": "^0.2.1",
88
- "vitest": "^3.2.3",
89
- "vitest-browser-svelte": "^0.1.0"
90
- },
91
- "keywords": [
92
- "svelte"
93
- ],
94
- "dependencies": {
95
- "@types/uuid": "^10.0.0",
96
- "@xyflow/svelte": "~1.2",
97
- "uuid": "^11.1.0"
98
- }
2
+ "name": "@d34dman/flowdrop",
3
+ "license": "MIT",
4
+ "private": false,
5
+ "version": "0.0.2",
6
+ "scripts": {
7
+ "dev": "vite dev",
8
+ "build": "vite build && npm run prepack",
9
+ "build:drupal": "vite build --config vite.config.drupal.ts",
10
+ "build:production": "vite build --config vite.config.production.ts",
11
+ "watch:build:drupal": "npm-watch build:drupal",
12
+ "watch:build:production": "npm-watch build:production",
13
+ "watch:build": "npm-watch build",
14
+ "preview": "vite preview",
15
+ "prepare": "svelte-kit sync || echo ''",
16
+ "prepack": "svelte-kit sync && svelte-package && publint",
17
+ "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
18
+ "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
19
+ "lint": "eslint . && prettier --check .",
20
+ "test:unit": "vitest",
21
+ "test": "npm run test:unit -- --run && npm run test:e2e",
22
+ "test:e2e": "playwright test",
23
+ "format": "prettier --write .",
24
+ "storybook": "storybook dev -p 6006",
25
+ "build-storybook": "storybook build"
26
+ },
27
+ "watch": {
28
+ "build": {
29
+ "ignore": "build",
30
+ "patterns": [
31
+ "src"
32
+ ],
33
+ "extensions": "js,ts,svelte,html,css,svg",
34
+ "quiet": true,
35
+ "legacyWatch": true,
36
+ "delay": 2500,
37
+ "runOnChangeOnly": false
38
+ },
39
+ "build:drupal": {
40
+ "ignore": "build",
41
+ "patterns": [
42
+ "src"
43
+ ],
44
+ "extensions": "js,ts,svelte,html,css,svg",
45
+ "quiet": true,
46
+ "legacyWatch": true,
47
+ "delay": 2500,
48
+ "runOnChangeOnly": false
49
+ },
50
+ "build:production": {
51
+ "ignore": "build",
52
+ "patterns": [
53
+ "src"
54
+ ],
55
+ "extensions": "js,ts,svelte,html,css,svg",
56
+ "quiet": true,
57
+ "legacyWatch": true,
58
+ "delay": 2500,
59
+ "runOnChangeOnly": false
60
+ }
61
+ },
62
+ "files": [
63
+ "dist",
64
+ "!dist/**/*.test.*",
65
+ "!dist/**/*.spec.*"
66
+ ],
67
+ "sideEffects": [
68
+ "**/*.css"
69
+ ],
70
+ "svelte": "./dist/index.js",
71
+ "types": "./dist/index.d.ts",
72
+ "type": "module",
73
+ "exports": {
74
+ ".": {
75
+ "types": "./dist/index.d.ts",
76
+ "svelte": "./dist/index.js"
77
+ }
78
+ },
79
+ "peerDependencies": {
80
+ "svelte": "^5.0.0"
81
+ },
82
+ "devDependencies": {
83
+ "@chromatic-com/storybook": "^4.0.1",
84
+ "@eslint/compat": "^1.2.5",
85
+ "@eslint/js": "^9.18.0",
86
+ "@iconify/svelte": "^5.0.0",
87
+ "@playwright/test": "^1.49.1",
88
+ "@storybook/addon-a11y": "^9.0.15",
89
+ "@storybook/addon-docs": "^9.0.15",
90
+ "@storybook/addon-svelte-csf": "^5.0.4",
91
+ "@storybook/addon-vitest": "^9.0.15",
92
+ "@storybook/sveltekit": "^9.0.15",
93
+ "@sveltejs/adapter-auto": "^6.0.0",
94
+ "@sveltejs/kit": "^2.16.0",
95
+ "@sveltejs/package": "^2.0.0",
96
+ "@sveltejs/vite-plugin-svelte": "^5.0.0",
97
+ "@types/marked": "^6.0.0",
98
+ "@types/node": "^20",
99
+ "@vitest/browser": "^3.2.3",
100
+ "eslint": "^9.18.0",
101
+ "eslint-config-prettier": "^10.0.1",
102
+ "eslint-plugin-storybook": "^9.0.15",
103
+ "eslint-plugin-svelte": "^3.0.0",
104
+ "globals": "^16.0.0",
105
+ "npm-watch": "^0.13.0",
106
+ "playwright": "^1.53.0",
107
+ "prettier": "^3.4.2",
108
+ "prettier-plugin-svelte": "^3.3.3",
109
+ "publint": "^0.3.2",
110
+ "storybook": "^9.0.15",
111
+ "svelte": "^5.0.0",
112
+ "svelte-check": "^4.0.0",
113
+ "terser": "^5.43.1",
114
+ "typescript": "^5.0.0",
115
+ "typescript-eslint": "^8.20.0",
116
+ "vite": "^6.2.6",
117
+ "vite-plugin-devtools-json": "^0.2.1",
118
+ "vitest": "^3.2.3",
119
+ "vitest-browser-svelte": "^0.1.0"
120
+ },
121
+ "keywords": [
122
+ "svelte"
123
+ ],
124
+ "dependencies": {
125
+ "@types/uuid": "^10.0.0",
126
+ "@xyflow/svelte": "~1.2",
127
+ "marked": "^16.1.1",
128
+ "svelte-5-french-toast": "^2.0.6",
129
+ "uuid": "^11.1.0"
130
+ }
99
131
  }
@@ -1,38 +0,0 @@
1
- <script lang="ts">
2
- // @ts-ignore
3
- import { Handle, Position, type NodeProps } from '@xyflow/svelte';
4
-
5
- let { positionAbsoluteX, positionAbsoluteY }: NodeProps = $props();
6
- </script>
7
-
8
- <div class="card">
9
- <Handle type="target" position={Position.Right} />
10
- <div>
11
- Custom Node
12
- <div>
13
- <strong>position: {~~positionAbsoluteX},{~~positionAbsoluteY}</strong>
14
- </div>
15
- </div>
16
- <Handle type="source" position={Position.Left} id="a" style="left: 10px;" />
17
- <Handle type="source" position={Position.Left} id="b" style="left: auto; right: 10px;" />
18
- </div>
19
-
20
-
21
- <div class="card bg-base-100 w-96 shadow-sm">
22
- <figure>
23
- <img
24
- src="https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp"
25
- alt="Shoes" />
26
- </figure>
27
- <div class="card-body">
28
- <h2 class="card-title">
29
- Card Title
30
- <div class="badge badge-secondary">NEW</div>
31
- </h2>
32
- <p>A card component has a figure, a body part, and inside body there are title and actions parts</p>
33
- <div class="card-actions justify-end">
34
- <div class="badge badge-outline">Fashion</div>
35
- <div class="badge badge-outline">Products</div>
36
- </div>
37
- </div>
38
- </div>
@@ -1,4 +0,0 @@
1
- import { type NodeProps } from '@xyflow/svelte';
2
- declare const Node: import("svelte").Component<NodeProps, {}, "">;
3
- type Node = ReturnType<typeof Node>;
4
- export default Node;