@statelyai/sdk 0.21.0 → 0.22.0

package/README.md

@@ -37,6 +37,7 @@ embed.init({
   format: 'xstate',
   mode: 'editing',
   theme: 'dark',
+  settings: { canvas: { viewMode: 'list' } },
   documents: [
     { path: 'README.md', content: '# How this workflow works' },
     { path: 'src/machine.ts', content: machineSource },
@@ -44,6 +45,9 @@ embed.init({
 });
 ```
 
+Use `viewMode: 'list'` on `createStatelyEmbed` to add `?view=list` to the
+iframe URL, or subscribe to `viewModeChanged` when the user switches views.
+
 Custom profiles and formats can be supplied when the embed is created. Their
 serializable manifests are sent to the iframe; detector, importer, exporter,
 and validator implementations remain in the host and are called asynchronously.

package/dist/{editorHostSession-CCTwvUOB.mjs → editorHostSession-HRuIaZ2G.mjs}

@@ -1,5 +1,5 @@
-import { t as EDITOR_PROTOCOL_VERSION } from "./editorHostProtocol-D_h4y3rX.mjs";
-import { c as object, f as unknown, i as custom, l as record, n as array, o as literal, r as boolean, s as number, t as _enum, u as string } from "./schemas-b9wG-zYl.mjs";
+import { c as object, f as unknown, i as custom, l as record, n as array, o as literal, r as boolean, s as number, t as _enum, u as string } from "./openapi-BTDjYWXd.mjs";
+import { t as EDITOR_PROTOCOL_VERSION } from "./editorHostProtocol-Bko7wge8.mjs";
 
 //#region ../api-contract/dist/editor-sync.mjs
 const EDITOR_SYNC_PROTOCOL_VERSION = 1;

package/dist/editorHostSession.mjs

@@ -1,4 +1,5 @@
-import { t as EDITOR_PROTOCOL_VERSION } from "./editorHostProtocol-D_h4y3rX.mjs";
-import { n as createRemoteEditorSyncBackend, r as fetchEditorSyncAccess, t as EditorHostSession } from "./editorHostSession-CCTwvUOB.mjs";
+import "./openapi-BTDjYWXd.mjs";
+import { t as EDITOR_PROTOCOL_VERSION } from "./editorHostProtocol-Bko7wge8.mjs";
+import { n as createRemoteEditorSyncBackend, r as fetchEditorSyncAccess, t as EditorHostSession } from "./editorHostSession-HRuIaZ2G.mjs";
 
 export { EDITOR_PROTOCOL_VERSION, EditorHostSession, createRemoteEditorSyncBackend, fetchEditorSyncAccess };

package/dist/embed.d.mts

@@ -1,5 +1,5 @@
-import { l as ProfileManifest } from "./index-BABex8NE.mjs";
-import { i as StatelyGraph } from "./graph-B4WM_nYg.mjs";
+import { i as ProfileManifest } from "./index-Bakx1tkW.mjs";
+import { i as StatelyGraph } from "./graph-DYjfFztq.mjs";
 import { CapabilityDeniedEvent, CommentsConfig, EditorCapabilities, EmbedDocument, EmbedDocumentLanguage, EmbedEventHandler, EmbedEventMap, EmbedEventName, EmbedExtensionsManifest, EmbedMode, ExportCallOptions, ExportFormat, ExportFormatMap, InitOptions, MachineInitOptions, MachineSourceLocations, ProjectEmbedMachine, UploadResult } from "./protocol.mjs";
 import { AssetUploadAdapter } from "./assetStorage.mjs";
 
@@ -72,6 +72,8 @@ type EmbedFormatDefinition = {
 interface StatelyEmbedOptions extends Partial<MachineInitOptions> {
   baseUrl: string;
   apiKey?: string;
+  /** Initial canvas view. Also reflected in the iframe URL as `?view=`. */
+  viewMode?: 'graph' | 'list';
   origin?: string;
   /**
    * Optional iframe to attach to immediately. Equivalent to calling
@@ -97,6 +99,7 @@ interface StatelyEmbedOptions extends Partial<MachineInitOptions> {
   onLoaded?: (graph: StatelyGraph) => void;
   onChange?: (graph: StatelyGraph, machineConfig: unknown) => void;
   onSave?: (graph: StatelyGraph, machineConfig: unknown) => void;
+  onViewModeChanged?: (viewMode: 'graph' | 'list') => void;
   onError?: (error: {
     code: string;
     message: string;

package/dist/embed.mjs

@@ -1,5 +1,5 @@
-import { a as createEventRegistry, o as createPendingExportManager, r as createPostMessageTransport, s as toInitMessage, t as SDK_VERSION } from "./version-CNeiHhaT.mjs";
-import { t as EDITOR_PROTOCOL_VERSION } from "./editorHostProtocol-D_h4y3rX.mjs";
+import { a as createEventRegistry, o as createPendingExportManager, r as createPostMessageTransport, s as toInitMessage, t as SDK_VERSION } from "./version-3cKMfysA.mjs";
+import { t as EDITOR_PROTOCOL_VERSION } from "./editorHostProtocol-Bko7wge8.mjs";
 
 //#region src/embed.ts
 function isRecord(value) {
@@ -29,6 +29,7 @@ function buildEmbedUrl(options) {
 	const base = options.baseUrl.replace(/\/+$/, "") + "/embed";
 	const url = new URL(base);
 	if (options.apiKey) url.searchParams.set("api_key", options.apiKey);
+	if (options.viewMode) url.searchParams.set("view", options.viewMode);
 	return url.toString();
 }
 function serializeExtensions(options) {
@@ -80,6 +81,7 @@ function extractInitOptions(options) {
 		capabilities: options.capabilities,
 		panels: options.panels,
 		commentsByMachineId: options.commentsByMachineId,
+		settings: options.settings,
 		unsavedIndicator: options.unsavedIndicator
 	};
 	if (options.machine !== void 0) return {
@@ -96,6 +98,7 @@ function extractInitOptions(options) {
 		panels: options.panels,
 		comments: options.comments,
 		sourceLocations: options.sourceLocations,
+		settings: options.settings,
 		unsavedIndicator: options.unsavedIndicator
 	};
 	return null;
@@ -275,6 +278,15 @@ function createStatelyEmbed(options) {
 			case "@statelyai.project.machineSelected":
 				events.emit("machineSelected", { machineId: String(data.machineId) });
 				break;
+			case "@statelyai.viewModeChanged": {
+				const viewMode = data;
+				options.onViewModeChanged?.(viewMode.viewMode);
+				events.emit("viewModeChanged", {
+					viewMode: viewMode.viewMode,
+					machineId: viewMode.machineId
+				});
+				break;
+			}
 			case "@statelyai.retrieved": {
 				const retrieved = data;
 				exportManager.resolve(retrieved.requestId, retrieved.data);

package/dist/{graph-B4WM_nYg.d.mts → graph-DYjfFztq.d.mts}

@@ -1,4 +1,4 @@
-import { r as CodeExpression } from "./index-BABex8NE.mjs";
+import { t as CodeExpression } from "./index-Bakx1tkW.mjs";
 import * as _statelyai_graph0 from "@statelyai/graph";
 import { Graph } from "@statelyai/graph";
 

package/dist/graph.d.mts

@@ -1,2 +1,2 @@
-import { _ as studioMachineConverter, a as StatelyGraphData, c as StatelyInvoke, d as StudioAction, f as StudioEdge, g as fromStudioMachine, h as StudioNode, i as StatelyGraph, l as StatelyNodeData, m as StudioMachine, n as StatelyActorImplementation, o as StatelyGuard, p as StudioEventTypeData, r as StatelyEdgeData, s as StatelyImplementation, t as StatelyAction, u as StatelyTagImplementation, v as toStudioMachine } from "./graph-B4WM_nYg.mjs";
+import { _ as studioMachineConverter, a as StatelyGraphData, c as StatelyInvoke, d as StudioAction, f as StudioEdge, g as fromStudioMachine, h as StudioNode, i as StatelyGraph, l as StatelyNodeData, m as StudioMachine, n as StatelyActorImplementation, o as StatelyGuard, p as StudioEventTypeData, r as StatelyEdgeData, s as StatelyImplementation, t as StatelyAction, u as StatelyTagImplementation, v as toStudioMachine } from "./graph-DYjfFztq.mjs";
 export { StatelyAction, StatelyActorImplementation, StatelyEdgeData, StatelyGraph, StatelyGraphData, StatelyGuard, StatelyImplementation, StatelyInvoke, StatelyNodeData, StatelyTagImplementation, StudioAction, StudioEdge, StudioEventTypeData, StudioMachine, StudioNode, fromStudioMachine, studioMachineConverter, toStudioMachine };