@flowdrop/flowdrop 1.14.0 → 2.0.0-beta.1

package/dist/index.js

@@ -1,64 +1,41 @@
 /**
  * FlowDrop - Visual Workflow Editor Library
  *
- * A Svelte 5 component library built on @xyflow/svelte for creating node-based workflow editors.
+ * A Svelte 5 component library built on @xyflow/svelte for creating node-based
+ * workflow editors.
  *
- * ## Module Structure (Tree-Shakable)
+ * ## The main entry is a minimal front door
  *
- * For optimal bundle size, import from specific sub-modules:
+ * This entry point intentionally exposes only the small surface most apps need
+ * to get started: the `App` component, the `mountFlowDropApp` / `unmountFlowDropApp`
+ * mount helpers, instance plumbing (`createFlowDropInstance` / `getInstance` /
+ * `provideInstance`), endpoint + auth helpers, and the core public types. It does
+ * NOT re-export the entire library.
  *
- * - `@flowdrop/flowdrop/core` - Types and utilities only (no heavy deps)
- * - `@flowdrop/flowdrop/editor` - WorkflowEditor with @xyflow/svelte
+ * Everything else lives in focused sub-modules — import from the one you need:
+ *
+ * - `@flowdrop/flowdrop/core` - Types, utilities, theme/skin, messages helpers (no heavy deps)
+ * - `@flowdrop/flowdrop/editor` - WorkflowEditor, registries, stores, services (adds @xyflow/svelte)
  * - `@flowdrop/flowdrop/form` - SchemaForm with basic fields
- * - `@flowdrop/flowdrop/form/code` - Code editor support (adds CodeMirror)
- * - `@flowdrop/flowdrop/form/markdown` - Markdown editor support (CodeMirror 6)
+ * - `@flowdrop/flowdrop/form/code` - Code editor field (adds CodeMirror)
+ * - `@flowdrop/flowdrop/form/markdown` - Markdown editor field (CodeMirror 6)
  * - `@flowdrop/flowdrop/display` - MarkdownDisplay (adds marked)
  * - `@flowdrop/flowdrop/playground` - Playground for interactive workflow testing
+ * - `@flowdrop/flowdrop/settings` - Settings stores, services, components
  * - `@flowdrop/flowdrop/styles` - CSS styles
  *
- * ## Legacy Import (Full Bundle)
- *
- * Importing from the main entry point includes everything:
- *
- * ```typescript
- * import { WorkflowEditor, SchemaForm } from "@flowdrop/flowdrop";
- * ```
- *
- * **Note**: This will bundle ALL dependencies including @xyflow/svelte,
- * CodeMirror and marked. For smaller bundles, use sub-modules.
- *
  * @module flowdrop
  */
 // ============================================================================
-// IMPORTANT: This module re-exports from sub-modules for backward compatibility.
-// New code should import directly from sub-modules for better tree-shaking.
-//
-// The wildcard re-exports below are intentional: each sub-module barrel uses
-// explicit named exports, so the public API surface is fully controlled there.
-// ============================================================================
-// ============================================================================
-// Core Exports (Types & Utilities - No Heavy Dependencies)
-// ============================================================================
-export * from './core/index.js';
-// ============================================================================
-// Form Exports
-// ============================================================================
-export * from './form/index.js';
-// Note: Heavy form fields (code, markdown) are NOT auto-registered.
-// Users must import from form/code or form/markdown and register explicitly.
-// ============================================================================
-// Display Exports
-// ============================================================================
-export * from './display/index.js';
-// ============================================================================
-// Playground Exports
-// ============================================================================
-export * from './playground/index.js';
-// ============================================================================
-// Editor Exports (includes @xyflow/svelte and auto-registers builtin nodes)
-// ============================================================================
-export * from './editor/index.js';
-// ============================================================================
-// Settings Exports (stores, services, components, types)
-// ============================================================================
-export * from './settings/index.js';
+// Values
+// ============================================================================
+// App component + vanilla-JS mount lifecycle.
+export { default as App } from './components/App.svelte';
+export { mountFlowDropApp, unmountFlowDropApp } from './svelte-app.js';
+// Instance plumbing — per-instance state container + Svelte context helpers.
+export { createFlowDropInstance } from './stores/instanceContainer.svelte.js';
+export { getInstance, provideInstance } from './stores/getInstance.svelte.js';
+// Endpoint configuration helpers.
+export { createEndpointConfig, defaultEndpointConfig } from './config/endpoints.js';
+// Authentication providers.
+export { NoAuthProvider, StaticAuthProvider, CallbackAuthProvider } from './types/auth.js';

package/dist/messages/defaults.d.ts

@@ -279,12 +279,8 @@ export declare const defaultMessages: {
             readonly predefinedRun: "Run workflow";
         };
         readonly states: {
-            readonly viewOnlyTitle: "View only";
-            readonly viewOnlyText: "This playground is in view-only mode. No inputs are available.";
             readonly newSessionTitle: "New session";
             readonly newSessionText: "Test your flow with a prompt";
-            readonly readyTitle: "Ready to run";
-            readonly readyText: "Click Run to execute your workflow";
             readonly processing: "Processing...";
             readonly viewOnlyHelp: "View-only mode. Workflow execution is controlled externally.";
         };
@@ -342,7 +338,7 @@ export declare const defaultMessages: {
             readonly newSession: "New session";
         };
         readonly controlPanel: {
-            readonly sessionsLabel: "Sessions";
+            readonly sessionsLabel: "Session";
             readonly noSession: "No session";
             readonly switchSession: "Switch session";
             readonly newSession: "New session";
@@ -420,6 +416,7 @@ export declare const defaultMessages: {
             readonly lastRunLabel: "Last Run:";
             readonly durationLabel: "Duration:";
             readonly errorLabel: "Error:";
+            readonly historyLabel: "Runs:";
         };
     };
 };

package/dist/messages/defaults.js

@@ -258,12 +258,8 @@ export const defaultMessages = {
             predefinedRun: 'Run workflow'
         },
         states: {
-            viewOnlyTitle: 'View only',
-            viewOnlyText: 'This playground is in view-only mode. No inputs are available.',
             newSessionTitle: 'New session',
             newSessionText: 'Test your flow with a prompt',
-            readyTitle: 'Ready to run',
-            readyText: 'Click Run to execute your workflow',
             processing: 'Processing...',
             viewOnlyHelp: 'View-only mode. Workflow execution is controlled externally.'
         },
@@ -316,7 +312,7 @@ export const defaultMessages = {
             newSession: 'New session'
         },
         controlPanel: {
-            sessionsLabel: 'Sessions',
+            sessionsLabel: 'Session',
             noSession: 'No session',
             switchSession: 'Switch session',
             newSession: 'New session',
@@ -380,7 +376,8 @@ export const defaultMessages = {
             executionsLabel: 'Executions:',
             lastRunLabel: 'Last Run:',
             durationLabel: 'Duration:',
-            errorLabel: 'Error:'
+            errorLabel: 'Error:',
+            historyLabel: 'Runs:'
         }
     }
 };

package/dist/messages/index.d.ts

@@ -7,5 +7,4 @@
 export { defaultMessages } from './defaults.js';
 export { mergeMessages } from './merge.js';
 export { setMessages, getMessages, m } from './context.js';
-export { warnDeprecatedProp, __resetDeprecationWarningsForTests } from './deprecation.js';
 export type { Messages, MessagesOverride, DeepPartial } from './types.js';

package/dist/messages/index.js

@@ -7,4 +7,3 @@
 export { defaultMessages } from './defaults.js';
 export { mergeMessages } from './merge.js';
 export { setMessages, getMessages, m } from './context.js';
-export { warnDeprecatedProp, __resetDeprecationWarningsForTests } from './deprecation.js';

package/dist/mocks/app-forms.d.ts

@@ -1,2 +1,6 @@
-export function enhance(form: any, options?: {}): (event: any) => void;
-export function applyAction(action: any): any;
+export function enhance(_form: HTMLFormElement, options?: {
+    onResult?: (result: {
+        type: string;
+    }) => void;
+}): (event: SubmitEvent) => void;
+export function applyAction(action: unknown): unknown;

package/dist/mocks/app-forms.js

@@ -1,11 +1,15 @@
-// @ts-nocheck
 /**
  * Mock for $app/forms
  * Provides minimal implementations for SvelteKit forms in library context
  */
 
-// Mock enhance function
-export const enhance = (form, options = {}) => {
+/**
+ * Mock enhance function
+ * @param {HTMLFormElement} _form
+ * @param {{ onResult?: (result: { type: string }) => void }} [options]
+ */
+export const enhance = (_form, options = {}) => {
+  /** @param {SubmitEvent} event */
   return (event) => {
     event.preventDefault();
     // Basic form handling for library context
@@ -15,7 +19,10 @@ export const enhance = (form, options = {}) => {
   };
 };
 
-// Mock applyAction function
+/**
+ * Mock applyAction function
+ * @param {unknown} action
+ */
 export const applyAction = (action) => {
   // No-op for library context
   return action;