@flowdrop/flowdrop 2.0.0-beta.2 → 2.0.0-beta.3
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/CHANGELOG.md +34 -0
- package/MIGRATION-2.0.md +13 -0
- package/dist/components/App.svelte +21 -45
- package/dist/components/App.svelte.d.ts +2 -7
- package/dist/components/CanvasIconButton.svelte +76 -0
- package/dist/components/CanvasIconButton.svelte.d.ts +18 -0
- package/dist/components/ConfigForm.svelte +0 -19
- package/dist/components/ConfigPanel.svelte +4 -3
- package/dist/components/LogoWordmark.svelte +113 -0
- package/dist/components/LogoWordmark.svelte.d.ts +26 -0
- package/dist/components/Navbar.svelte +8 -59
- package/dist/components/NodeSidebar.svelte +4 -11
- package/dist/components/NodeSwapPicker.svelte +0 -2
- package/dist/components/PortMappingRow.svelte +0 -2
- package/dist/components/SchemaForm.svelte +0 -12
- package/dist/components/SettingsModal.svelte +0 -5
- package/dist/components/SettingsPanel.svelte +2 -6
- package/dist/components/ThemeToggle.svelte +0 -5
- package/dist/components/UniversalNode.svelte +32 -1
- package/dist/components/WorkflowEditor.svelte +62 -51
- package/dist/components/WorkflowEditor.svelte.d.ts +18 -0
- package/dist/components/chat/AIChatPanel.svelte +1 -1
- package/dist/components/console/ConsoleAutocomplete.svelte +1 -1
- package/dist/components/console/ConsoleOutput.svelte +2 -2
- package/dist/components/form/FormArray.svelte +0 -16
- package/dist/components/form/FormAutocomplete.svelte +10 -6
- package/dist/components/form/FormCheckboxGroup.svelte +0 -4
- package/dist/components/form/FormCodeEditor.svelte +9 -7
- package/dist/components/form/FormFieldLight.svelte +3 -3
- package/dist/components/form/FormMarkdownEditor.svelte +8 -5
- package/dist/components/form/FormNumberField.svelte +0 -4
- package/dist/components/form/FormRangeField.svelte +1 -20
- package/dist/components/form/FormSelect.svelte +10 -6
- package/dist/components/form/FormTemplateEditor.svelte +6 -4
- package/dist/components/form/FormTextField.svelte +10 -6
- package/dist/components/form/FormTextarea.svelte +10 -6
- package/dist/components/form/FormToggle.svelte +0 -4
- package/dist/components/icons/CommandLineIcon.svelte +15 -0
- package/dist/components/icons/CommandLineIcon.svelte.d.ts +26 -0
- package/dist/components/icons/MenuIcon.svelte +4 -0
- package/dist/components/icons/MenuIcon.svelte.d.ts +26 -0
- package/dist/components/icons/MenuOpenIcon.svelte +6 -0
- package/dist/components/icons/MenuOpenIcon.svelte.d.ts +26 -0
- package/dist/components/interrupt/ChoicePrompt.svelte +0 -10
- package/dist/components/interrupt/ConfirmationPrompt.svelte +0 -5
- package/dist/components/interrupt/InterruptBubble.svelte +0 -10
- package/dist/components/interrupt/ReviewPrompt.svelte +0 -20
- package/dist/components/interrupt/TextInputPrompt.svelte +0 -6
- package/dist/components/layouts/MainLayout.svelte +4 -5
- package/dist/components/nodes/AtomNode.svelte +46 -34
- package/dist/components/nodes/GatewayNode.svelte +91 -99
- package/dist/components/nodes/IdeaNode.svelte +62 -90
- package/dist/components/nodes/NodeConfigButton.svelte +86 -0
- package/dist/components/nodes/NodeConfigButton.svelte.d.ts +15 -0
- package/dist/components/nodes/NotesNode.svelte +70 -81
- package/dist/components/nodes/SimpleNode.svelte +28 -78
- package/dist/components/nodes/SquareNode.svelte +79 -109
- package/dist/components/nodes/TerminalNode.svelte +28 -86
- package/dist/components/nodes/ToolNode.svelte +82 -95
- package/dist/components/nodes/WorkflowNode.svelte +91 -100
- package/dist/components/playground/ChatInput.svelte +0 -1
- package/dist/components/playground/InputCollector.svelte +0 -2
- package/dist/components/playground/PlaygroundApp.svelte +1 -1
- package/dist/components/playground/PlaygroundStudio.svelte +0 -5
- package/dist/playground/mount.d.ts +9 -5
- package/dist/playground/mount.js +9 -5
- package/dist/skins/drafter.d.ts +30 -0
- package/dist/skins/drafter.js +185 -0
- package/dist/skins/index.d.ts +2 -1
- package/dist/skins/index.js +4 -2
- package/dist/styles/base.css +38 -9
- package/dist/styles/tokens.css +54 -2
- package/dist/svelte-app.d.ts +6 -0
- package/dist/svelte-app.js +3 -2
- package/dist/themes/drafter.d.ts +2 -0
- package/dist/themes/drafter.js +15 -0
- package/dist/themes/index.d.ts +2 -1
- package/dist/themes/index.js +8 -2
- package/dist/types/events.d.ts +18 -0
- package/dist/types/events.js +2 -1
- package/dist/types/settings.d.ts +1 -1
- package/dist/types/settings.js +1 -1
- package/dist/types/skin.d.ts +1 -1
- package/dist/types/theme.d.ts +16 -2
- package/package.json +1 -1
package/dist/types/events.d.ts
CHANGED
|
@@ -203,6 +203,24 @@ export interface FlowDropFeatures {
|
|
|
203
203
|
* @default true
|
|
204
204
|
*/
|
|
205
205
|
enableNodeSwap?: boolean;
|
|
206
|
+
/**
|
|
207
|
+
* Register the built-in heavy form editors (markdown / code / template).
|
|
208
|
+
*
|
|
209
|
+
* The full editor is batteries-included: node config fields with
|
|
210
|
+
* `format: 'markdown'` / `'code'` / `'template'` render real CodeMirror
|
|
211
|
+
* editors out of the box. Their chunks are code-split and load lazily, so
|
|
212
|
+
* an editor that never opens such a field never downloads CodeMirror/marked.
|
|
213
|
+
*
|
|
214
|
+
* Set to `false` only if you want to strip those editors (e.g. to shave the
|
|
215
|
+
* lazy chunks) and either live with the textarea fallback or register your
|
|
216
|
+
* own field components via `instance.fields.register(...)`.
|
|
217
|
+
*
|
|
218
|
+
* This does not affect the standalone `@flowdrop/flowdrop/form` primitive,
|
|
219
|
+
* which stays opt-in regardless.
|
|
220
|
+
*
|
|
221
|
+
* @default true
|
|
222
|
+
*/
|
|
223
|
+
builtinEditors?: boolean;
|
|
206
224
|
}
|
|
207
225
|
/**
|
|
208
226
|
* Default feature values
|
package/dist/types/events.js
CHANGED
package/dist/types/settings.d.ts
CHANGED
|
@@ -56,7 +56,7 @@ export interface UISettings {
|
|
|
56
56
|
/** Enable compact mode for denser UI */
|
|
57
57
|
compactMode: boolean;
|
|
58
58
|
/** Active theme name — overridden by the theme prop when explicitly provided */
|
|
59
|
-
theme: 'default' | 'minimal';
|
|
59
|
+
theme: 'default' | 'minimal' | 'drafter';
|
|
60
60
|
/** Whether the command console panel is open */
|
|
61
61
|
consoleOpen: boolean;
|
|
62
62
|
/** Height of the command console panel in pixels */
|
package/dist/types/settings.js
CHANGED
package/dist/types/skin.d.ts
CHANGED
|
@@ -28,4 +28,4 @@ export interface FlowDropSkin {
|
|
|
28
28
|
/** CSS token overrides injected as [data-theme='dark'] rules — active in dark mode only */
|
|
29
29
|
darkTokens?: FlowDropSkinTokens;
|
|
30
30
|
}
|
|
31
|
-
export type FlowDropSkinName = 'default' | 'slate';
|
|
31
|
+
export type FlowDropSkinName = 'default' | 'slate' | 'drafter';
|
package/dist/types/theme.d.ts
CHANGED
|
@@ -1,4 +1,14 @@
|
|
|
1
1
|
import type { FlowDropSkin } from './skin.js';
|
|
2
|
+
/**
|
|
3
|
+
* Canvas background grid pattern. Mirrors xyflow's BackgroundVariant values:
|
|
4
|
+
* 'dots' — a square grid of dots (the default)
|
|
5
|
+
* 'lines' — a square grid of solid lines (a "blueprint" / drafter look)
|
|
6
|
+
* 'cross' — small plus-marks at each grid intersection
|
|
7
|
+
*
|
|
8
|
+
* The grid's color is driven separately by the `--fd-grid-pattern-color` token,
|
|
9
|
+
* so any skin can recolor whichever variant a theme chooses.
|
|
10
|
+
*/
|
|
11
|
+
export type FlowDropGridVariant = 'dots' | 'lines' | 'cross';
|
|
2
12
|
/**
|
|
3
13
|
* Behavioral configuration bundled with a theme.
|
|
4
14
|
* These are initial-state flags, not CSS — they control runtime defaults.
|
|
@@ -10,11 +20,15 @@ export interface FlowDropThemeConfig {
|
|
|
10
20
|
/** Whether category <details> accordion sections start open in card mode. Defaults to false. */
|
|
11
21
|
categoriesDefaultOpen?: boolean;
|
|
12
22
|
};
|
|
23
|
+
canvas?: {
|
|
24
|
+
/** Background grid pattern applied when this theme is selected. Defaults to 'dots'. */
|
|
25
|
+
grid?: FlowDropGridVariant;
|
|
26
|
+
};
|
|
13
27
|
}
|
|
14
28
|
/**
|
|
15
29
|
* A FlowDrop theme bundles a visual skin (CSS tokens) with UI config (behavioral defaults).
|
|
16
30
|
*
|
|
17
|
-
* Built-in themes: 'default' | 'minimal'
|
|
31
|
+
* Built-in themes: 'default' | 'minimal' | 'drafter'
|
|
18
32
|
*
|
|
19
33
|
* @example
|
|
20
34
|
* // Use a built-in theme by name
|
|
@@ -32,4 +46,4 @@ export interface FlowDropTheme {
|
|
|
32
46
|
/** Behavioral configuration defaults */
|
|
33
47
|
config?: FlowDropThemeConfig;
|
|
34
48
|
}
|
|
35
|
-
export type FlowDropThemeName = 'default' | 'minimal';
|
|
49
|
+
export type FlowDropThemeName = 'default' | 'minimal' | 'drafter';
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "A drop-in visual workflow editor for any web application. You own the backend. You own the data. You own the orchestration.",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"private": false,
|
|
6
|
-
"version": "2.0.0-beta.
|
|
6
|
+
"version": "2.0.0-beta.3",
|
|
7
7
|
"author": "Shibin Das (D34dMan)",
|
|
8
8
|
"bugs": {
|
|
9
9
|
"url": "https://github.com/flowdrop-io/flowdrop/issues"
|