@uigraph/sdk 1.1.35 → 1.1.37

package/LICENSE

@@ -0,0 +1,101 @@
+Business Source License 1.1
+
+License text copyright © 2017 MariaDB Corporation Ab, All Rights Reserved.
+"Business Source License" is a trademark of MariaDB Corporation Ab.
+
+Parameters
+
+Licensor:             UiGraph, Inc.
+Licensed Work:        The software made available under this License in this
+                      repository (the "Licensed Work"). The Licensed Work is
+                      (c) UiGraph, Inc.
+Additional Use Grant: You may make non-production use of the Licensed Work
+                      free of charge, including for development, testing,
+                      evaluation, and internal proof-of-concept purposes.
+
+                      Any production use of the Licensed Work requires a
+                      commercial license from Licensor. "Production use"
+                      means any use that supports the ongoing operation of
+                      your business or organization, including but not
+                      limited to deploying the Licensed Work to serve
+                      employees, customers, or end users.
+
+                      This Additional Use Grant does not authorize offering
+                      the Licensed Work, or any product incorporating it, to
+                      third parties on a hosted, managed, or embedded basis
+                      in competition with Licensor's commercial offerings.
+Change Date:          Four years from the date the specific version of the
+                      Licensed Work is published.
+Change License:       Apache License 2.0
+
+Notice
+
+The Business Source License (this document, or the "License") is not an Open
+Source license. However, the Licensed Work will eventually be made available
+under an Open Source License, as stated in this License.
+
+Terms
+
+The Licensor hereby grants you the right to copy, modify, create derivative
+works, redistribute, and make non-production use of the Licensed Work. The
+Licensor may make an Additional Use Grant, above, permitting limited production use.
+
+Effective on the Change Date, or the fourth anniversary of the first publicly
+available distribution of a specific version of the Licensed Work under this
+License, whichever comes first, the Licensor hereby grants you rights under
+the terms of the Change License, and the rights granted in the paragraph
+above terminate.
+
+If your use of the Licensed Work does not comply with the requirements
+currently in effect as described in this License, you must purchase a
+commercial license from the Licensor, its affiliated entities, or authorized
+resellers, or you must refrain from using the Licensed Work.
+
+All copies of the original and modified Licensed Work, and derivative works
+of the Licensed Work, are subject to this License. This License applies
+separately for each version of the Licensed Work and the Change Date may vary
+for each version of the Licensed Work released by Licensor.
+
+You must conspicuously display this License on each original or modified copy
+of the Licensed Work. If you receive the Licensed Work in original or
+modified form from a third party, the terms and conditions set forth in this
+License apply to your use of that work.
+
+Any use of the Licensed Work in violation of this License will automatically
+terminate your rights under this License for the current and all other
+versions of the Licensed Work.
+
+This License does not grant you any right in any trademark or logo of
+Licensor or its affiliates (provided that you may use a trademark or logo of
+Licensor as expressly required by this License).
+
+TO THE EXTENT PERMITTED BY APPLICABLE LAW, THE LICENSED WORK IS PROVIDED ON
+AN "AS IS" BASIS. LICENSOR HEREBY DISCLAIMS ALL WARRANTIES AND CONDITIONS,
+EXPRESS OR IMPLIED, INCLUDING (WITHOUT LIMITATION) WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, NON-INFRINGEMENT, AND
+TITLE.
+
+MariaDB hereby grants you permission to use this License's text to license
+your works, and to refer to it using the trademark "Business Source License",
+as long as you comply with the Covenants of Licensor below.
+
+Covenants of Licensor
+
+In consideration of the right to use this License's text and the "Business
+Source License" name and trademark, Licensor covenants to MariaDB, and to all
+other recipients of the licensed work to be provided by Licensor:
+
+1. To specify as the Change License the GPL Version 2.0 or any later version,
+   or a license that is compatible with GPL Version 2.0 or a later version,
+   where "compatible" means that software provided under the Change License can
+   be included in a program with software provided under GPL Version 2.0 or a
+   later version. Licensor may specify additional Change Licenses without
+   limitation.
+
+2. To either: (a) specify an additional grant of rights to use that does not
+   impose any additional restriction on the right granted in this License, as
+   the Additional Use Grant; or (b) insert the text "None".
+
+3. To specify a Change Date.
+
+4. Not to modify this License in any other way.

package/README.md

@@ -1,7 +1,114 @@
+# @uigraph/sdk
+
+[![npm version](https://img.shields.io/npm/v/@uigraph/sdk)](https://www.npmjs.com/package/@uigraph/sdk)
+[![license](https://img.shields.io/badge/license-BUSL--1.1-blue)](LICENSE)
+
+Official TypeScript SDK for [UiGraph](https://github.com/uigraph-oss). Parse SQL and NoSQL schemas, convert Mermaid diagrams, and produce [React Flow](https://reactflow.dev/) node and edge data for architecture and data-model diagrams.
+
+## Features
+
+- **Mermaid → React Flow** — flowcharts, sequence diagrams, and more
+- **Context-aware conversion** — apply node, edge, and group overrides after parsing
+- **SQL parsing** — MySQL, PostgreSQL, SQLite with dialect auto-detection
+- **Schema → diagram** — convert SQL AST into diagram-ready structures
+- **NoSQL schemas** — MongoDB, DynamoDB, and JSON schema support
+- **Icon packs** — AWS, Azure, and animated node icon lists
+- **Multiple runtimes** — full, browser, and headless entry points
+
+## Install
+
 ```sh
-pnpm install
+npm install @uigraph/sdk
 ```
 
+Peer dependencies (install if you do not already have them):
+
 ```sh
-./npm-auth.sh
+npm install @xyflow/react zod quill
+```
+
+## Quick start
+
+Convert Mermaid source into React Flow data:
+
+```ts
+import { convertMermaidToReactFlow } from '@uigraph/sdk'
+
+const mermaid = `flowchart TD
+  A[Start] --> B{Decision}
+  B -->|Yes| C[Done]
+  B -->|No| D[Retry]
+`
+
+const { nodes, edges } = await convertMermaidToReactFlow(mermaid)
+```
+
+Parse SQL and work with the schema AST:
+
+```ts
+import { SqlToAstParser } from '@uigraph/sdk'
+
+const dialect = SqlToAstParser.detectDialect(sql)
+const ast = new SqlToAstParser(dialect).parse(sql)
 ```
+
+## Package entry points
+
+| Import | Use when |
+|--------|----------|
+| `@uigraph/sdk` | Full SDK (Node.js or bundlers) |
+| `@uigraph/sdk/browser` | Browser environments |
+| `@uigraph/sdk/headless` | Server-side conversion without DOM APIs |
+| `@uigraph/sdk/aws-icons` | AWS icon metadata |
+| `@uigraph/sdk/azure-icons` | Azure icon metadata |
+| `@uigraph/sdk/animated-nodes` | Animated node icon metadata |
+
+```ts
+import { convertMermaidToReactFlow } from '@uigraph/sdk/browser'
+import { awsIcons } from '@uigraph/sdk/aws-icons'
+```
+
+## Documentation
+
+- [Mermaid conversion guide](docs/mermaid.md)
+- [SQL parsing guide](docs/sql.md)
+
+## Development
+
+Requires Node.js 20+ and [pnpm](https://pnpm.io/).
+
+```sh
+pnpm install
+pnpm dev      # watch build, typecheck, and tests
+pnpm test
+pnpm lint
+pnpm run build
+```
+
+### Publishing a release
+
+1. Bump the version in `package.json` and merge to `main`.
+2. Create a [GitHub Release](https://github.com/uigraph-oss/uigraph-sdk/releases) with tag `vX.Y.Z` matching that version.
+3. CI publishes to [npm](https://www.npmjs.com/package/@uigraph/sdk).
+
+The repo needs an `NPM_TOKEN` secret (npm Automation token) configured before the first publish.
+
+## License
+
+This project is licensed under the [Business Source License 1.1](LICENSE) (BUSL-1.1).
+
+- **Source available today** — you can read, modify, and redistribute the code under the terms of the license.
+- **Non-production use** — free for development, testing, evaluation, and internal proof-of-concept.
+- **Production use** — requires a commercial license from UiGraph. Production use means any use that supports the ongoing operation of your business or organization.
+- **Future open source** — each version automatically converts to [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0) four years after it is first published under BUSL.
+
+BUSL is not an OSI-approved open source license during the initial term. For commercial licensing questions, open an issue or contact the maintainers.
+
+## Related projects
+
+- [uigraph-ui](https://github.com/uigraph-oss/uigraph-ui) — web application
+- [uigraph-api](https://github.com/uigraph-oss/uigraph-api) — backend API
+- [uigraph-graphql](https://github.com/uigraph-oss/uigraph-graphql) — GraphQL BFF
+- [uigraph-gateway](https://github.com/uigraph-oss/uigraph-gateway) — CLI sync API
+- [uigraph-mcp](https://github.com/uigraph-oss/uigraph-mcp) — MCP server for AI assistants
+- [uigraph-deploy](https://github.com/uigraph-oss/uigraph-deploy) — self-hosted deployment

package/dist/{__headless.DiJZCsKx.d.mts → __headless.BLqB7VsJ.d.mts}

@@ -79,8 +79,8 @@ declare const contextSchema: z$1.ZodObject<{
       borderAnimationEnabled: z$1.ZodOptional<z$1.ZodBoolean>;
     }, z$1.core.$strip>>;
     dbConfig: z$1.ZodOptional<z$1.ZodObject<{
-      service: z$1.ZodString;
-      database: z$1.ZodString;
+      serviceName: z$1.ZodString;
+      databaseName: z$1.ZodString;
       tableName: z$1.ZodString;
     }, z$1.core.$strip>>;
     table: z$1.ZodOptional<z$1.ZodObject<{

package/dist/{__headless.AhKww75N.cjs → __headless.DGmyg-me.cjs}

@@ -58,8 +58,8 @@ const contextSchema = zod.default.object({
 			borderAnimationEnabled: zod.default.boolean().optional()
 		}).optional(),
 		dbConfig: zod.default.object({
-			service: zod.default.string(),
-			database: zod.default.string(),
+			serviceName: zod.default.string(),
+			databaseName: zod.default.string(),
 			tableName: zod.default.string()
 		}).optional(),
 		table: zod.default.object({

package/dist/{__headless.B7jwmaZK.d.cts → __headless.DfSqiw4X.d.cts}

@@ -79,8 +79,8 @@ declare const contextSchema: z$1.ZodObject<{
       borderAnimationEnabled: z$1.ZodOptional<z$1.ZodBoolean>;
     }, z$1.core.$strip>>;
     dbConfig: z$1.ZodOptional<z$1.ZodObject<{
-      service: z$1.ZodString;
-      database: z$1.ZodString;
+      serviceName: z$1.ZodString;
+      databaseName: z$1.ZodString;
       tableName: z$1.ZodString;
     }, z$1.core.$strip>>;
     table: z$1.ZodOptional<z$1.ZodObject<{

package/dist/{__headless.CP3up7Jj.mjs → __headless.DpdtlCFx.mjs}

@@ -57,8 +57,8 @@ const contextSchema = z$1.object({
 			borderAnimationEnabled: z$1.boolean().optional()
 		}).optional(),
 		dbConfig: z$1.object({
-			service: z$1.string(),
-			database: z$1.string(),
+			serviceName: z$1.string(),
+			databaseName: z$1.string(),
 			tableName: z$1.string()
 		}).optional(),
 		table: z$1.object({

package/dist/{__index.BwoDgQJ5.d.mts → __index.BxD_9h1c.d.mts}

@@ -94,8 +94,8 @@ type CustomData = {
   componentFields?: RFComponentField[];
   shape?: string;
   serviceTable?: {
-    serviceId: string;
-    serviceDbId: string;
+    serviceName: string;
+    databaseName: string;
     tableName: string;
   };
   title?: string;

package/dist/{__index.Ci2jxLwq.d.cts → __index.CTSMJl1o.d.cts}

@@ -94,8 +94,8 @@ type CustomData = {
   componentFields?: RFComponentField[];
   shape?: string;
   serviceTable?: {
-    serviceId: string;
-    serviceDbId: string;
+    serviceName: string;
+    databaseName: string;
     tableName: string;
   };
   title?: string;

package/dist/browser.d.cts

@@ -1,4 +1,4 @@
-import { d as ServerComponentField } from "./__index.Ci2jxLwq.cjs";
+import { d as ServerComponentField } from "./__index.CTSMJl1o.cjs";
 import "./__component-type.tW2Xh7Xk.cjs";
 import { z } from "zod";
 

package/dist/browser.d.mts

@@ -1,4 +1,4 @@
-import { d as ServerComponentField } from "./__index.BwoDgQJ5.mjs";
+import { d as ServerComponentField } from "./__index.BxD_9h1c.mjs";
 import "./__component-type.CO8FgnQE.mjs";
 import { z } from "zod";
 

package/dist/headless.cjs

@@ -1,3 +1,3 @@
 require("./__component-type.69UkUMKl.cjs");
-const require_headless = require("./__headless.AhKww75N.cjs");
+const require_headless = require("./__headless.DGmyg-me.cjs");
 exports.contextSchema = require_headless.contextSchema;

package/dist/headless.d.cts

@@ -1,3 +1,3 @@
 import "./__component-type.tW2Xh7Xk.cjs";
-import { t as contextSchema } from "./__headless.B7jwmaZK.cjs";
+import { t as contextSchema } from "./__headless.DfSqiw4X.cjs";
 export { contextSchema };

package/dist/headless.d.mts

@@ -1,3 +1,3 @@
 import "./__component-type.CO8FgnQE.mjs";
-import { t as contextSchema } from "./__headless.DiJZCsKx.mjs";
+import { t as contextSchema } from "./__headless.BLqB7VsJ.mjs";
 export { contextSchema };

package/dist/headless.mjs

@@ -1,3 +1,3 @@
 import "./__component-type.CYmD-KIu.mjs";
-import { t as contextSchema } from "./__headless.CP3up7Jj.mjs";
+import { t as contextSchema } from "./__headless.DpdtlCFx.mjs";
 export { contextSchema };

package/dist/index.cjs

@@ -1,5 +1,5 @@
 const require_component_type = require("./__component-type.69UkUMKl.cjs");
-const require_headless = require("./__headless.AhKww75N.cjs");
+const require_headless = require("./__headless.DGmyg-me.cjs");
 let daily_code = require("daily-code");
 daily_code = require_component_type.__toESM(daily_code);
 let zod = require("zod");
@@ -778,22 +778,22 @@ function generateUUID() {
 	});
 }
 var AstToUiConverter = class {
-	static updateReactFlow({ nodes, edges, schema, sourceId, oldDataSources }) {
+	static updateReactFlow({ nodes, edges, schema, sourceName, oldDataSources }) {
 		console.log("UPDATE:", {
 			nodes,
 			edges,
 			schema,
-			sourceId,
+			sourceName,
 			oldDataSources
 		});
-		const oldSource = oldDataSources.find((s) => s.id === sourceId);
-		const sourceNodePrefix = `${sourceId}-table-`;
+		const oldSource = oldDataSources.find((s) => s.name === sourceName);
+		const sourceNodePrefix = `${sourceName}-table-`;
 		const positions = this.calculateSmartLayout(schema);
 		const nodeTableMap = new Map(nodes.map((node) => {
 			var _oldSource$schemaAst$;
 			return [oldSource === null || oldSource === void 0 || (_oldSource$schemaAst$ = oldSource.schemaAst.tables.find((t) => {
 				var _localTable;
-				return t.id === ((_localTable = node.data.localTable) === null || _localTable === void 0 ? void 0 : _localTable.tableId);
+				return t.name === ((_localTable = node.data.localTable) === null || _localTable === void 0 ? void 0 : _localTable.tableName);
 			})) === null || _oldSource$schemaAst$ === void 0 ? void 0 : _oldSource$schemaAst$.name, node];
 		}));
 		console.log("Old node table map:", nodeTableMap);
@@ -805,7 +805,7 @@ var AstToUiConverter = class {
 				x: 100,
 				y: 100 + index * 210
 			};
-			const baseNode = this.tableAstToNode(sourceId, table, position, tableNames);
+			const baseNode = this.tableAstToNode(sourceName, table, position, tableNames);
 			if (!prevNode) return baseNode;
 			const mergedNode = _objectSpread2(_objectSpread2(_objectSpread2({}, prevNode), baseNode), {}, { data: _objectSpread2(_objectSpread2(_objectSpread2({}, (_prevNode$data = prevNode.data) !== null && _prevNode$data !== void 0 ? _prevNode$data : {}), baseNode.data), {}, { style: (_prevNode$data$style = (_prevNode$data2 = prevNode.data) === null || _prevNode$data2 === void 0 ? void 0 : _prevNode$data2.style) !== null && _prevNode$data$style !== void 0 ? _prevNode$data$style : (_baseNode$data = baseNode.data) === null || _baseNode$data === void 0 ? void 0 : _baseNode$data.style }) });
 			if (prevNode.style) mergedNode.style = prevNode.style;
@@ -816,11 +816,11 @@ var AstToUiConverter = class {
 			var _schema$tables$find;
 			return nodeTableMap.has((_schema$tables$find = schema.tables.find((t) => {
 				var _localTable2;
-				return t.id === ((_localTable2 = node.data.localTable) === null || _localTable2 === void 0 ? void 0 : _localTable2.tableId);
+				return t.name === ((_localTable2 = node.data.localTable) === null || _localTable2 === void 0 ? void 0 : _localTable2.tableName);
 			})) === null || _schema$tables$find === void 0 ? void 0 : _schema$tables$find.name);
 		});
 		const validNodeIds = new Set(sourceNodes.map((node) => node.id));
-		const sourceEdges = schema.tables.flatMap((table) => this.createEdgesFromTable(sourceId, table, schema.tables).filter((edge) => validNodeIds.has(edge.source) && validNodeIds.has(edge.target)));
+		const sourceEdges = schema.tables.flatMap((table) => this.createEdgesFromTable(sourceName, table, schema.tables).filter((edge) => validNodeIds.has(edge.source) && validNodeIds.has(edge.target)));
 		const preservedNodes = nodes.filter((node) => !node.id.startsWith(sourceNodePrefix));
 		const preservedEdges = edges.filter((edge) => !edge.id.startsWith(sourceNodePrefix));
 		return {
@@ -828,7 +828,7 @@ var AstToUiConverter = class {
 			edges: [...preservedEdges, ...sourceEdges]
 		};
 	}
-	static toReactFlow(schema, sourceId) {
+	static toReactFlow(schema, sourceName) {
 		const nodes = [];
 		const edges = [];
 		const tableNames = new Set(schema.tables.map((table) => table.name));
@@ -838,9 +838,9 @@ var AstToUiConverter = class {
 				x: 100,
 				y: 100 + index * 210
 			};
-			const node = this.tableAstToNode(sourceId, table, position, tableNames);
+			const node = this.tableAstToNode(sourceName, table, position, tableNames);
 			nodes.push(node);
-			const tableEdges = this.createEdgesFromTable(sourceId, table, schema.tables);
+			const tableEdges = this.createEdgesFromTable(sourceName, table, schema.tables);
 			edges.push(...tableEdges);
 		});
 		return {
@@ -938,15 +938,15 @@ var AstToUiConverter = class {
 			startX
 		}).positions;
 	}
-	static tableAstToNode(sourceId, table, position, _validTableNames) {
+	static tableAstToNode(sourceName, table, position, _validTableNames) {
 		return {
-			id: generateTableNodeId(sourceId, table.id),
+			id: generateTableNodeId(sourceName, table.name),
 			type: "databaseTableSQL",
 			width: DEFAULT_NODE_WIDTH,
 			position,
 			data: { localTable: {
-				baseId: sourceId,
-				tableId: table.id
+				databaseName: sourceName,
+				tableName: table.name
 			} }
 		};
 	}
@@ -966,13 +966,13 @@ var AstToUiConverter = class {
 		if (dataType.timezone) formatted += " WITH TIME ZONE";
 		return formatted;
 	}
-	static createEdgesFromTable(baseId, sourceTable, validTables) {
+	static createEdgesFromTable(sourceName, sourceTable, validTables) {
 		const edges = [];
 		this.extractForeignKeys(sourceTable).forEach((fk, index) => {
 			const targetTable = validTables.find((t) => t.id === fk.referencedTable || t.name === fk.referencedTable);
 			if (!targetTable) return;
-			const sourceNodeId = generateTableNodeId(baseId, sourceTable.id);
-			const targetNodeId = generateTableNodeId(baseId, targetTable.id);
+			const sourceNodeId = generateTableNodeId(sourceName, sourceTable.name);
+			const targetNodeId = generateTableNodeId(sourceName, targetTable.name);
 			const edgeId = `${sourceNodeId}-fk-${index}`;
 			const fkCols = fk.columns;
 			const allNotNull = fkCols.every((cn) => {
@@ -3288,18 +3288,7 @@ function createReactFlowElements(nodes, edges, subgraphs, subgraphLayouts, subgr
 	return {
 		nodes: reactFlowNodes,
 		edges: edges.map((edge, index) => {
-			const edgeColors = [
-				"#1976D2",
-				"#388E3C",
-				"#F57C00",
-				"#7B1FA2",
-				"#C2185B"
-			];
-			const edgeColor = edgeColors[index % edgeColors.length];
-			const edgeStyle = {
-				stroke: edgeColor,
-				strokeWidth: 2.5
-			};
+			const edgeStyle = { strokeWidth: 2.5 };
 			const edgeType = "default";
 			const animated = true;
 			switch (edge.type) {
@@ -3329,17 +3318,13 @@ function createReactFlowElements(nodes, edges, subgraphs, subgraphLayouts, subgr
 				labelStyle: {
 					fontSize: "12px",
 					fontWeight: "500",
-					color: edgeColor,
 					backgroundColor: "white",
-					padding: "2px 6px",
-					borderRadius: "4px",
-					border: `1px solid ${edgeColor}`
+					padding: "2px 6px"
 				},
 				markerEnd: {
 					type: __xyflow_react.MarkerType.ArrowClosed,
 					width: 20,
-					height: 20,
-					color: edgeColor
+					height: 20
 				},
 				sourceHandle: direction === "LR" || direction === "RL" ? "source-right" : "source-bottom",
 				targetHandle: direction === "LR" || direction === "RL" ? "target-left" : "target-top",
@@ -3826,8 +3811,8 @@ function _convertMermaidToReactFlowWithContext() {
 					}
 				}
 				if (ctx.dbConfig) clonedNode.data.serviceTable = {
-					serviceId: ctx.dbConfig.service,
-					serviceDbId: ctx.dbConfig.database,
+					serviceName: ctx.dbConfig.serviceName,
+					databaseName: ctx.dbConfig.databaseName,
 					tableName: ctx.dbConfig.tableName
 				};
 				if ((_ctx$style = ctx.style) === null || _ctx$style === void 0 ? void 0 : _ctx$style.height) clonedNode.height = ctx.style.height;
@@ -4147,12 +4132,12 @@ function buildContextNodes(graphNodes, nodeIdMap) {
 			rows: tableRows !== null && tableRows !== void 0 ? tableRows : []
 		};
 		const serviceTable = toRecord(nodeData.serviceTable);
-		const serviceId = pickString(serviceTable === null || serviceTable === void 0 ? void 0 : serviceTable.serviceId);
-		const serviceDbId = pickString(serviceTable === null || serviceTable === void 0 ? void 0 : serviceTable.serviceDbId);
+		const serviceName = pickString(serviceTable === null || serviceTable === void 0 ? void 0 : serviceTable.serviceName);
+		const databaseName = pickString(serviceTable === null || serviceTable === void 0 ? void 0 : serviceTable.databaseName);
 		const tableName = pickString(serviceTable === null || serviceTable === void 0 ? void 0 : serviceTable.tableName);
-		if (serviceId && serviceDbId && tableName) nodeContext.dbConfig = {
-			service: serviceId,
-			database: serviceDbId,
+		if (serviceName && databaseName && tableName) nodeContext.dbConfig = {
+			serviceName,
+			databaseName,
 			tableName
 		};
 		const dynamicData = {};
@@ -4438,9 +4423,9 @@ function resolveMermaidDetailedNodeLabel(node) {
 		const lines = [];
 		const serviceTable = toRecord(nodeData === null || nodeData === void 0 ? void 0 : nodeData.serviceTable);
 		const dbConfig = toRecord(nodeData === null || nodeData === void 0 ? void 0 : nodeData.dbConfig);
-		const database = (_pickString = pickString(serviceTable === null || serviceTable === void 0 ? void 0 : serviceTable.serviceDbId)) !== null && _pickString !== void 0 ? _pickString : pickString(dbConfig === null || dbConfig === void 0 ? void 0 : dbConfig.database);
+		const database = (_pickString = pickString(serviceTable === null || serviceTable === void 0 ? void 0 : serviceTable.databaseName)) !== null && _pickString !== void 0 ? _pickString : pickString(dbConfig === null || dbConfig === void 0 ? void 0 : dbConfig.databaseName);
 		const tableName = (_pickString2 = pickString(serviceTable === null || serviceTable === void 0 ? void 0 : serviceTable.tableName)) !== null && _pickString2 !== void 0 ? _pickString2 : pickString(dbConfig === null || dbConfig === void 0 ? void 0 : dbConfig.tableName);
-		const dbService = (_pickString3 = pickString(serviceTable === null || serviceTable === void 0 ? void 0 : serviceTable.serviceId)) !== null && _pickString3 !== void 0 ? _pickString3 : pickString(dbConfig === null || dbConfig === void 0 ? void 0 : dbConfig.service);
+		const dbService = (_pickString3 = pickString(serviceTable === null || serviceTable === void 0 ? void 0 : serviceTable.serviceName)) !== null && _pickString3 !== void 0 ? _pickString3 : pickString(dbConfig === null || dbConfig === void 0 ? void 0 : dbConfig.serviceName);
 		const dataSourceName = name !== null && name !== void 0 ? name : tableName;
 		lines.push(dataSourceName ? `DataSource: ${dataSourceName}` : "DataSource");
 		if (database && tableName) lines.push(`db: ${database}.${tableName}`);

package/dist/index.d.cts

@@ -1,6 +1,6 @@
-import { a as MermaidNode, c as SequenceParticipant, d as ServerComponentField, f as ServerComponentFieldInput, i as MermaidEdge, l as SubgraphInfo, n as RFComponentField, o as SequenceDiagramData, r as ReactFlowData, s as SequenceMessage, t as CustomData, u as SubgraphLayout } from "./__index.Ci2jxLwq.cjs";
+import { a as MermaidNode, c as SequenceParticipant, d as ServerComponentField, f as ServerComponentFieldInput, i as MermaidEdge, l as SubgraphInfo, n as RFComponentField, o as SequenceDiagramData, r as ReactFlowData, s as SequenceMessage, t as CustomData, u as SubgraphLayout } from "./__index.CTSMJl1o.cjs";
 import { t as ComponentInputType } from "./__component-type.tW2Xh7Xk.cjs";
-import { t as contextSchema } from "./__headless.B7jwmaZK.cjs";
+import { t as contextSchema } from "./__headless.DfSqiw4X.cjs";
 import z$1, { z } from "zod";
 import { Edge, Node } from "@xyflow/react";
 
@@ -131,12 +131,12 @@ interface DatabaseTableSQLNodeData extends Record<string, unknown> {
   };
   isForcedOpen?: boolean;
   localTable?: {
-    baseId: string;
-    tableId: string;
+    databaseName: string;
+    tableName: string;
   };
   serviceTable?: {
-    serviceId: string;
-    serviceDbId: string;
+    serviceName: string;
+    databaseName: string;
     tableName: string;
   };
 }
@@ -305,19 +305,19 @@ declare class AstToUiConverter {
     nodes,
     edges,
     schema,
-    sourceId,
+    sourceName,
     oldDataSources
   }: {
     nodes: Node[];
     edges: Edge[];
-    sourceId: string;
+    sourceName: string;
     schema: SchemaAST;
     oldDataSources: DataSource[];
   }): {
     nodes: Node[];
     edges: Edge[];
   };
-  static toReactFlow(schema: SchemaAST, sourceId: string): {
+  static toReactFlow(schema: SchemaAST, sourceName: string): {
     nodes: Node<DatabaseTableSQLNodeData>[];
     edges: Edge[];
   };

package/dist/index.d.mts

@@ -1,6 +1,6 @@
-import { a as MermaidNode, c as SequenceParticipant, d as ServerComponentField, f as ServerComponentFieldInput, i as MermaidEdge, l as SubgraphInfo, n as RFComponentField, o as SequenceDiagramData, r as ReactFlowData, s as SequenceMessage, t as CustomData, u as SubgraphLayout } from "./__index.BwoDgQJ5.mjs";
+import { a as MermaidNode, c as SequenceParticipant, d as ServerComponentField, f as ServerComponentFieldInput, i as MermaidEdge, l as SubgraphInfo, n as RFComponentField, o as SequenceDiagramData, r as ReactFlowData, s as SequenceMessage, t as CustomData, u as SubgraphLayout } from "./__index.BxD_9h1c.mjs";
 import { t as ComponentInputType } from "./__component-type.CO8FgnQE.mjs";
-import { t as contextSchema } from "./__headless.DiJZCsKx.mjs";
+import { t as contextSchema } from "./__headless.BLqB7VsJ.mjs";
 import z$1, { z } from "zod";
 import { Edge, Node } from "@xyflow/react";
 
@@ -131,12 +131,12 @@ interface DatabaseTableSQLNodeData extends Record<string, unknown> {
   };
   isForcedOpen?: boolean;
   localTable?: {
-    baseId: string;
-    tableId: string;
+    databaseName: string;
+    tableName: string;
   };
   serviceTable?: {
-    serviceId: string;
-    serviceDbId: string;
+    serviceName: string;
+    databaseName: string;
     tableName: string;
   };
 }
@@ -305,19 +305,19 @@ declare class AstToUiConverter {
     nodes,
     edges,
     schema,
-    sourceId,
+    sourceName,
     oldDataSources
   }: {
     nodes: Node[];
     edges: Edge[];
-    sourceId: string;
+    sourceName: string;
     schema: SchemaAST;
     oldDataSources: DataSource[];
   }): {
     nodes: Node[];
     edges: Edge[];
   };
-  static toReactFlow(schema: SchemaAST, sourceId: string): {
+  static toReactFlow(schema: SchemaAST, sourceName: string): {
     nodes: Node<DatabaseTableSQLNodeData>[];
     edges: Edge[];
   };

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { t as ComponentInputType } from "./__component-type.CYmD-KIu.mjs";
-import { t as contextSchema } from "./__headless.CP3up7Jj.mjs";
+import { t as contextSchema } from "./__headless.DpdtlCFx.mjs";
 import { arrayNonNullable, generateUUID as generateUUID$1, objectPick } from "daily-code";
 import { z } from "zod";
 import { MarkerType, Position } from "@xyflow/react";
@@ -772,22 +772,22 @@ function generateUUID() {
 	});
 }
 var AstToUiConverter = class {
-	static updateReactFlow({ nodes, edges, schema, sourceId, oldDataSources }) {
+	static updateReactFlow({ nodes, edges, schema, sourceName, oldDataSources }) {
 		console.log("UPDATE:", {
 			nodes,
 			edges,
 			schema,
-			sourceId,
+			sourceName,
 			oldDataSources
 		});
-		const oldSource = oldDataSources.find((s) => s.id === sourceId);
-		const sourceNodePrefix = `${sourceId}-table-`;
+		const oldSource = oldDataSources.find((s) => s.name === sourceName);
+		const sourceNodePrefix = `${sourceName}-table-`;
 		const positions = this.calculateSmartLayout(schema);
 		const nodeTableMap = new Map(nodes.map((node) => {
 			var _oldSource$schemaAst$;
 			return [oldSource === null || oldSource === void 0 || (_oldSource$schemaAst$ = oldSource.schemaAst.tables.find((t) => {
 				var _localTable;
-				return t.id === ((_localTable = node.data.localTable) === null || _localTable === void 0 ? void 0 : _localTable.tableId);
+				return t.name === ((_localTable = node.data.localTable) === null || _localTable === void 0 ? void 0 : _localTable.tableName);
 			})) === null || _oldSource$schemaAst$ === void 0 ? void 0 : _oldSource$schemaAst$.name, node];
 		}));
 		console.log("Old node table map:", nodeTableMap);
@@ -799,7 +799,7 @@ var AstToUiConverter = class {
 				x: 100,
 				y: 100 + index * 210
 			};
-			const baseNode = this.tableAstToNode(sourceId, table, position, tableNames);
+			const baseNode = this.tableAstToNode(sourceName, table, position, tableNames);
 			if (!prevNode) return baseNode;
 			const mergedNode = _objectSpread2(_objectSpread2(_objectSpread2({}, prevNode), baseNode), {}, { data: _objectSpread2(_objectSpread2(_objectSpread2({}, (_prevNode$data = prevNode.data) !== null && _prevNode$data !== void 0 ? _prevNode$data : {}), baseNode.data), {}, { style: (_prevNode$data$style = (_prevNode$data2 = prevNode.data) === null || _prevNode$data2 === void 0 ? void 0 : _prevNode$data2.style) !== null && _prevNode$data$style !== void 0 ? _prevNode$data$style : (_baseNode$data = baseNode.data) === null || _baseNode$data === void 0 ? void 0 : _baseNode$data.style }) });
 			if (prevNode.style) mergedNode.style = prevNode.style;
@@ -810,11 +810,11 @@ var AstToUiConverter = class {
 			var _schema$tables$find;
 			return nodeTableMap.has((_schema$tables$find = schema.tables.find((t) => {
 				var _localTable2;
-				return t.id === ((_localTable2 = node.data.localTable) === null || _localTable2 === void 0 ? void 0 : _localTable2.tableId);
+				return t.name === ((_localTable2 = node.data.localTable) === null || _localTable2 === void 0 ? void 0 : _localTable2.tableName);
 			})) === null || _schema$tables$find === void 0 ? void 0 : _schema$tables$find.name);
 		});
 		const validNodeIds = new Set(sourceNodes.map((node) => node.id));
-		const sourceEdges = schema.tables.flatMap((table) => this.createEdgesFromTable(sourceId, table, schema.tables).filter((edge) => validNodeIds.has(edge.source) && validNodeIds.has(edge.target)));
+		const sourceEdges = schema.tables.flatMap((table) => this.createEdgesFromTable(sourceName, table, schema.tables).filter((edge) => validNodeIds.has(edge.source) && validNodeIds.has(edge.target)));
 		const preservedNodes = nodes.filter((node) => !node.id.startsWith(sourceNodePrefix));
 		const preservedEdges = edges.filter((edge) => !edge.id.startsWith(sourceNodePrefix));
 		return {
@@ -822,7 +822,7 @@ var AstToUiConverter = class {
 			edges: [...preservedEdges, ...sourceEdges]
 		};
 	}
-	static toReactFlow(schema, sourceId) {
+	static toReactFlow(schema, sourceName) {
 		const nodes = [];
 		const edges = [];
 		const tableNames = new Set(schema.tables.map((table) => table.name));
@@ -832,9 +832,9 @@ var AstToUiConverter = class {
 				x: 100,
 				y: 100 + index * 210
 			};
-			const node = this.tableAstToNode(sourceId, table, position, tableNames);
+			const node = this.tableAstToNode(sourceName, table, position, tableNames);
 			nodes.push(node);
-			const tableEdges = this.createEdgesFromTable(sourceId, table, schema.tables);
+			const tableEdges = this.createEdgesFromTable(sourceName, table, schema.tables);
 			edges.push(...tableEdges);
 		});
 		return {
@@ -932,15 +932,15 @@ var AstToUiConverter = class {
 			startX
 		}).positions;
 	}
-	static tableAstToNode(sourceId, table, position, _validTableNames) {
+	static tableAstToNode(sourceName, table, position, _validTableNames) {
 		return {
-			id: generateTableNodeId(sourceId, table.id),
+			id: generateTableNodeId(sourceName, table.name),
 			type: "databaseTableSQL",
 			width: DEFAULT_NODE_WIDTH,
 			position,
 			data: { localTable: {
-				baseId: sourceId,
-				tableId: table.id
+				databaseName: sourceName,
+				tableName: table.name
 			} }
 		};
 	}
@@ -960,13 +960,13 @@ var AstToUiConverter = class {
 		if (dataType.timezone) formatted += " WITH TIME ZONE";
 		return formatted;
 	}
-	static createEdgesFromTable(baseId, sourceTable, validTables) {
+	static createEdgesFromTable(sourceName, sourceTable, validTables) {
 		const edges = [];
 		this.extractForeignKeys(sourceTable).forEach((fk, index) => {
 			const targetTable = validTables.find((t) => t.id === fk.referencedTable || t.name === fk.referencedTable);
 			if (!targetTable) return;
-			const sourceNodeId = generateTableNodeId(baseId, sourceTable.id);
-			const targetNodeId = generateTableNodeId(baseId, targetTable.id);
+			const sourceNodeId = generateTableNodeId(sourceName, sourceTable.name);
+			const targetNodeId = generateTableNodeId(sourceName, targetTable.name);
 			const edgeId = `${sourceNodeId}-fk-${index}`;
 			const fkCols = fk.columns;
 			const allNotNull = fkCols.every((cn) => {
@@ -3281,18 +3281,7 @@ function createReactFlowElements(nodes, edges, subgraphs, subgraphLayouts, subgr
 	return {
 		nodes: reactFlowNodes,
 		edges: edges.map((edge, index) => {
-			const edgeColors = [
-				"#1976D2",
-				"#388E3C",
-				"#F57C00",
-				"#7B1FA2",
-				"#C2185B"
-			];
-			const edgeColor = edgeColors[index % edgeColors.length];
-			const edgeStyle = {
-				stroke: edgeColor,
-				strokeWidth: 2.5
-			};
+			const edgeStyle = { strokeWidth: 2.5 };
 			const edgeType = "default";
 			const animated = true;
 			switch (edge.type) {
@@ -3322,17 +3311,13 @@ function createReactFlowElements(nodes, edges, subgraphs, subgraphLayouts, subgr
 				labelStyle: {
 					fontSize: "12px",
 					fontWeight: "500",
-					color: edgeColor,
 					backgroundColor: "white",
-					padding: "2px 6px",
-					borderRadius: "4px",
-					border: `1px solid ${edgeColor}`
+					padding: "2px 6px"
 				},
 				markerEnd: {
 					type: MarkerType.ArrowClosed,
 					width: 20,
-					height: 20,
-					color: edgeColor
+					height: 20
 				},
 				sourceHandle: direction === "LR" || direction === "RL" ? "source-right" : "source-bottom",
 				targetHandle: direction === "LR" || direction === "RL" ? "target-left" : "target-top",
@@ -3819,8 +3804,8 @@ function _convertMermaidToReactFlowWithContext() {
 					}
 				}
 				if (ctx.dbConfig) clonedNode.data.serviceTable = {
-					serviceId: ctx.dbConfig.service,
-					serviceDbId: ctx.dbConfig.database,
+					serviceName: ctx.dbConfig.serviceName,
+					databaseName: ctx.dbConfig.databaseName,
 					tableName: ctx.dbConfig.tableName
 				};
 				if ((_ctx$style = ctx.style) === null || _ctx$style === void 0 ? void 0 : _ctx$style.height) clonedNode.height = ctx.style.height;
@@ -4140,12 +4125,12 @@ function buildContextNodes(graphNodes, nodeIdMap) {
 			rows: tableRows !== null && tableRows !== void 0 ? tableRows : []
 		};
 		const serviceTable = toRecord(nodeData.serviceTable);
-		const serviceId = pickString(serviceTable === null || serviceTable === void 0 ? void 0 : serviceTable.serviceId);
-		const serviceDbId = pickString(serviceTable === null || serviceTable === void 0 ? void 0 : serviceTable.serviceDbId);
+		const serviceName = pickString(serviceTable === null || serviceTable === void 0 ? void 0 : serviceTable.serviceName);
+		const databaseName = pickString(serviceTable === null || serviceTable === void 0 ? void 0 : serviceTable.databaseName);
 		const tableName = pickString(serviceTable === null || serviceTable === void 0 ? void 0 : serviceTable.tableName);
-		if (serviceId && serviceDbId && tableName) nodeContext.dbConfig = {
-			service: serviceId,
-			database: serviceDbId,
+		if (serviceName && databaseName && tableName) nodeContext.dbConfig = {
+			serviceName,
+			databaseName,
 			tableName
 		};
 		const dynamicData = {};
@@ -4431,9 +4416,9 @@ function resolveMermaidDetailedNodeLabel(node) {
 		const lines = [];
 		const serviceTable = toRecord(nodeData === null || nodeData === void 0 ? void 0 : nodeData.serviceTable);
 		const dbConfig = toRecord(nodeData === null || nodeData === void 0 ? void 0 : nodeData.dbConfig);
-		const database = (_pickString = pickString(serviceTable === null || serviceTable === void 0 ? void 0 : serviceTable.serviceDbId)) !== null && _pickString !== void 0 ? _pickString : pickString(dbConfig === null || dbConfig === void 0 ? void 0 : dbConfig.database);
+		const database = (_pickString = pickString(serviceTable === null || serviceTable === void 0 ? void 0 : serviceTable.databaseName)) !== null && _pickString !== void 0 ? _pickString : pickString(dbConfig === null || dbConfig === void 0 ? void 0 : dbConfig.databaseName);
 		const tableName = (_pickString2 = pickString(serviceTable === null || serviceTable === void 0 ? void 0 : serviceTable.tableName)) !== null && _pickString2 !== void 0 ? _pickString2 : pickString(dbConfig === null || dbConfig === void 0 ? void 0 : dbConfig.tableName);
-		const dbService = (_pickString3 = pickString(serviceTable === null || serviceTable === void 0 ? void 0 : serviceTable.serviceId)) !== null && _pickString3 !== void 0 ? _pickString3 : pickString(dbConfig === null || dbConfig === void 0 ? void 0 : dbConfig.service);
+		const dbService = (_pickString3 = pickString(serviceTable === null || serviceTable === void 0 ? void 0 : serviceTable.serviceName)) !== null && _pickString3 !== void 0 ? _pickString3 : pickString(dbConfig === null || dbConfig === void 0 ? void 0 : dbConfig.serviceName);
 		const dataSourceName = name !== null && name !== void 0 ? name : tableName;
 		lines.push(dataSourceName ? `DataSource: ${dataSourceName}` : "DataSource");
 		if (database && tableName) lines.push(`db: ${database}.${tableName}`);

package/package.json

@@ -1,7 +1,21 @@
 {
   "name": "@uigraph/sdk",
-  "version": "1.1.35",
+  "version": "1.1.37",
   "type": "module",
+  "license": "BUSL-1.1",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/uigraph-oss/uigraph-sdk.git"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
   "scripts": {
     "prepare": "husky",
     "test": "vitest --run",