@statelyai/sdk 0.4.0 → 0.4.1

package/README.md

@@ -267,6 +267,30 @@ Update the displayed machine.
 
 Change the embed mode or theme at runtime.
 
+#### `embed.setSettings(settings)`
+
+Update editor settings at runtime. Merges with existing settings.
+
+```ts
+embed.setSettings({
+  appearance: { colorMode: 'light' },
+  canvas: { showGrid: false },
+});
+```
+
+Available core settings:
+
+| Path | Type | Default |
+|------|------|---------|
+| `appearance.colorMode` | `'light' \| 'dark' \| 'system'` | `'dark'` |
+| `canvas.showGrid` | `boolean` | `true` |
+| `canvas.viewMode` | `'graph' \| 'list'` | `'graph'` |
+| `canvas.enableSnapLines` | `boolean` | `true` |
+| `canvas.dimUnselected` | `boolean` | `true` |
+| `validation.showValidations` | `boolean` | `true` |
+| `autolayout.autoEnabled` | `boolean` | `false` |
+| `developer.devMode` | `boolean` | `false` |
+
 #### `embed.export(format, options?)`
 
 Export the current machine. Returns a promise.

package/dist/embed.d.mts

@@ -1,4 +1,4 @@
-import { a as EmbedMode, c as ExportFormatMap, d as UploadResult, i as EmbedEventName, l as InitOptions, n as EmbedEventHandler, o as ExportCallOptions, r as EmbedEventMap, s as ExportFormat, t as CommentsConfig } from "./protocol-BgXSkIuc.mjs";
+import { a as EmbedMode, c as ExportFormatMap, d as UploadResult, i as EmbedEventName, l as InitOptions, n as EmbedEventHandler, o as ExportCallOptions, r as EmbedEventMap, s as ExportFormat, t as CommentsConfig } from "./protocol-CZVFCSg3.mjs";
 
 //#region src/embed.d.ts
 interface AssetConfig {
@@ -49,6 +49,8 @@ interface StatelyEmbed {
   setMode(mode: EmbedMode): void;
   /** Change the embed theme. */
   setTheme(theme: 'light' | 'dark'): void;
+  /** Update editor settings. Merges with existing settings. */
+  setSettings(settings: Record<string, unknown>): void;
   /** Export the current machine in a given format. Returns a promise. */
   export<F extends ExportFormat>(format: F, options?: ExportCallOptions<F>): Promise<ExportFormatMap[F]['result']>;
   /** Subscribe to an embed event. */

package/dist/embed.mjs

@@ -158,7 +158,7 @@ function createStatelyEmbed(options) {
 			el.style.border = "none";
 			el.style.width = "100%";
 			el.style.height = "100%";
-			el.setAttribute("sandbox", "allow-scripts allow-same-origin");
+			el.setAttribute("sandbox", "allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox");
 			el.setAttribute("allow", "clipboard-read; clipboard-write");
 			container.appendChild(el);
 			iframe = el;
@@ -188,6 +188,12 @@ function createStatelyEmbed(options) {
 				theme
 			});
 		},
+		setSettings(settings) {
+			send({
+				type: "@statelyai.setSettings",
+				settings
+			});
+		},
 		toast(message, toastType) {
 			send({
 				type: "@statelyai.toast",

package/dist/{graphToXStateTS-C6HQUrBB.mjs → graphToXStateTS-Cfp_fxSH.mjs}

@@ -252,7 +252,7 @@ function graphToMachineConfig(graph, options = {}) {
 				const targetNode = graph.nodes.find((n) => n.id === edge.targetId);
 				const resolvedTarget = targetNode ? targetNode.parentId === node.parentId ? targetNode.data.key : `#${targetNode.id}` : "";
 				const type = edge.data.eventType ?? "";
-				const transitionMeta = buildMeta(edge.data.meta, edge.data.color);
+				const transitionMeta = showMeta ? buildMeta(edge.data.meta, edge.data.color) : void 0;
 				const transitionObject = {
 					target: `${resolvedTarget}`,
 					...edge.data.transitionType === "reenter" ? { reenter: true } : void 0,

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import { C as EventTypeData, S as DigraphNodeConfig, _ as studioMachineConverter, a as StatelyGraphData, b as DigraphConfig, c as StatelyInvoke, d as StudioAction, f as StudioEdge, g as fromStudioMachine, h as StudioNode, i as StatelyGraph, l as StatelyNodeData, m as StudioMachine, o as StatelyGuard, r as StatelyEdgeData, t as StatelyAction, v as toStudioMachine, w as StateNodeJSONData, x as DigraphEdgeConfig, y as DigraphAction } from "./graph-BfezxFKJ.mjs";
 import { a as ProjectMachine, c as StudioClientOptions, i as ProjectData, l as VerifyApiKeyResponse, n as ExtractedMachine, o as StudioApiError, r as GetMachineOptions, s as StudioClient, t as ExtractMachinesResponse, u as createStatelyClient } from "./studio-D2uQhrvX.mjs";
 import { PlanSyncOptions, PullSyncResult, ResolvedSyncInput, SyncInputFormat, SyncPlan, SyncPlanSummary } from "./sync.mjs";
-import { a as EmbedMode, c as ExportFormatMap, d as UploadResult, i as EmbedEventName, l as InitOptions, n as EmbedEventHandler, o as ExportCallOptions, r as EmbedEventMap, s as ExportFormat, t as CommentsConfig, u as ProtocolMessage } from "./protocol-BgXSkIuc.mjs";
+import { a as EmbedMode, c as ExportFormatMap, d as UploadResult, i as EmbedEventName, l as InitOptions, n as EmbedEventHandler, o as ExportCallOptions, r as EmbedEventMap, s as ExportFormat, t as CommentsConfig, u as ProtocolMessage } from "./protocol-CZVFCSg3.mjs";
 import { AssetConfig, StatelyEmbed, StatelyEmbedOptions, createStatelyEmbed } from "./embed.mjs";
 import { CreateInspectorOptions, InspectOptions, Inspector, createStatelyInspector } from "./inspect.mjs";
 import { JSONSchema7 } from "json-schema";

package/dist/index.mjs

@@ -3,6 +3,6 @@ import { createStatelyEmbed } from "./embed.mjs";
 import { createStatelyInspector } from "./inspect.mjs";
 import { StudioApiError, createStatelyClient } from "./studio.mjs";
 import { fromStudioMachine, studioMachineConverter, toStudioMachine } from "./graph.mjs";
-import { a as graphToMachineConfig, c as serializeJS, i as jsonSchemaToTSType, n as contextSchemaToTSType, o as RawCode, r as eventsSchemaToTSType, s as raw, t as graphToXStateTS } from "./graphToXStateTS-C6HQUrBB.mjs";
+import { a as graphToMachineConfig, c as serializeJS, i as jsonSchemaToTSType, n as contextSchemaToTSType, o as RawCode, r as eventsSchemaToTSType, s as raw, t as graphToXStateTS } from "./graphToXStateTS-Cfp_fxSH.mjs";
 
 export { RawCode, StudioApiError, contextSchemaToTSType, createPostMessageTransport, createStatelyClient, createStatelyEmbed, createStatelyInspector, createWebSocketTransport, eventsSchemaToTSType, fromStudioMachine, graphToMachineConfig, graphToXStateTS, jsonSchemaToTSType, raw, serializeJS, studioMachineConverter, toStudioMachine };

package/dist/inspect.d.mts

@@ -1,4 +1,4 @@
-import { a as EmbedMode, c as ExportFormatMap, i as EmbedEventName, n as EmbedEventHandler, o as ExportCallOptions, r as EmbedEventMap, s as ExportFormat } from "./protocol-BgXSkIuc.mjs";
+import { a as EmbedMode, c as ExportFormatMap, i as EmbedEventName, n as EmbedEventHandler, o as ExportCallOptions, r as EmbedEventMap, s as ExportFormat } from "./protocol-CZVFCSg3.mjs";
 
 //#region src/inspect.d.ts
 interface CreateInspectorOptions {

package/dist/{protocol-BgXSkIuc.d.mts → protocol-CZVFCSg3.d.mts}

@@ -107,6 +107,10 @@ interface SetThemeMessage {
   type: '@statelyai.setTheme';
   theme: 'light' | 'dark';
 }
+interface SetSettingsMessage {
+  type: '@statelyai.setSettings';
+  settings: Record<string, unknown>;
+}
 interface RetrieveMessage {
   type: '@statelyai.retrieve';
   requestId: string;
@@ -193,7 +197,7 @@ interface UploadResponseMessage {
   result: UploadResult;
 }
 /** All messages a client (embed/inspector) can send to the viz. */
-type ClientMessage = InitMessage | UpdateMessage | SetModeMessage | SetThemeMessage | RetrieveMessage | ToastMessage | InspectSnapshotMessage | UploadCapabilitiesMessage | UploadResponseMessage | ErrorMessage;
+type ClientMessage = InitMessage | UpdateMessage | SetModeMessage | SetThemeMessage | SetSettingsMessage | RetrieveMessage | ToastMessage | InspectSnapshotMessage | UploadCapabilitiesMessage | UploadResponseMessage | ErrorMessage;
 /** All messages the viz can send back to a client. */
 type VizMessage = ReadyMessage | LoadedMessage | ChangeMessage | SaveMessage | RetrievedMessage | ErrorMessage | UploadRequestMessage;
 interface RegisterMessage {

package/dist/sync.mjs

@@ -1,6 +1,6 @@
 import { createStatelyClient } from "./studio.mjs";
 import { fromStudioMachine, toStudioMachine } from "./graph.mjs";
-import { t as graphToXStateTS } from "./graphToXStateTS-C6HQUrBB.mjs";
+import { t as graphToXStateTS } from "./graphToXStateTS-Cfp_fxSH.mjs";
 import { getDiff, isEmptyDiff } from "@statelyai/graph";
 import fs from "node:fs/promises";
 import path from "node:path";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@statelyai/sdk",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "license": "MIT",
   "files": [
     "dist"