@dineug/erd-editor 4.2.0 → 5.0.0

package/dist/components/visualization/visualizationView.js

@@ -0,0 +1,152 @@
+import { toNameLabel } from "../../engine/modules/editor/utils/nameView.js";
+import { DIM_OPACITY } from "../../konva/scene/viewLayout.js";
+import { nearestContent } from "../erd/content-compass/compassGeometry.js";
+import { Group, linkEnds } from "./createVisualization.js";
+import { clamp } from "es-toolkit";
+var ELLIPSIS = "…";
+function truncateName(name) {
+	const chars = Array.from(name);
+	if (chars.length <= 15) return name;
+	return chars.slice(0, 15).join("") + ELLIPSIS;
+}
+function labelOf(node, placeholder, settings) {
+	const { text, after } = toNameLabel(settings, node);
+	const name = text.trim();
+	if (!name) return placeholder;
+	return after ? `${truncateName(name)}\n${truncateName(after.trim())}` : truncateName(name);
+}
+function hasName(node, settings) {
+	const { text, standIn } = toNameLabel(settings, node);
+	return !standIn && text.trim().length > 0;
+}
+var nodeRadius = (group) => group === Group.table ? 8 : 4;
+function highlightOf(links, tableId) {
+	const nodeIds = /* @__PURE__ */ new Set([tableId]);
+	const linkIds = /* @__PURE__ */ new Set();
+	links.forEach((link) => {
+		const [source, target] = linkEnds(link);
+		if (source.id !== tableId && target.id !== tableId) return;
+		linkIds.add(link.id);
+		nodeIds.add(source.id);
+		nodeIds.add(target.id);
+	});
+	return {
+		nodeIds,
+		linkIds
+	};
+}
+var LABEL_FADE_START = .5;
+var opacityInRange = (value) => clamp(value, 0, 1);
+function labelOpacity(scale) {
+	return opacityInRange((scale - LABEL_FADE_START) / .5);
+}
+var ZOOM_MIN = .1;
+var zoomInRange = (value) => clamp(value, ZOOM_MIN, 4);
+function createView(width, height) {
+	return {
+		x: width / 2,
+		y: height / 2,
+		scale: 1
+	};
+}
+function zoomAt(view, point, factor) {
+	const scale = zoomInRange(view.scale * factor);
+	const ratio = scale / view.scale;
+	return {
+		x: point.x - (point.x - view.x) * ratio,
+		y: point.y - (point.y - view.y) * ratio,
+		scale
+	};
+}
+function rectOfNode(node) {
+	const radius = nodeRadius(node.group);
+	return {
+		x: node.x - radius,
+		y: node.y - radius,
+		width: radius * 2,
+		height: radius * 2
+	};
+}
+var isPlaced = (node) => Number.isFinite(node.x) && Number.isFinite(node.y);
+function* placedRects(nodes) {
+	for (const node of nodes) if (isPlaced(node)) yield rectOfNode(node);
+}
+function boundsOf(nodes) {
+	let left = Infinity;
+	let top = Infinity;
+	let right = -Infinity;
+	let bottom = -Infinity;
+	for (const rect of placedRects(nodes)) {
+		left = Math.min(left, rect.x);
+		top = Math.min(top, rect.y);
+		right = Math.max(right, rect.x + rect.width);
+		bottom = Math.max(bottom, rect.y + rect.height);
+	}
+	if (left === Infinity) return null;
+	return {
+		x: left,
+		y: top,
+		width: right - left,
+		height: bottom - top
+	};
+}
+function visibleSceneRect(view, viewport) {
+	const scale = view.scale || 1;
+	return {
+		x: -view.x / scale,
+		y: -view.y / scale,
+		width: viewport.width / scale,
+		height: viewport.height / scale
+	};
+}
+function fitGraphView(nodes, viewport) {
+	const bounds = boundsOf(nodes);
+	if (!bounds || viewport.width <= 0 || viewport.height <= 0) return createView(viewport.width, viewport.height);
+	const room = {
+		width: Math.max(viewport.width - 80, 1),
+		height: Math.max(viewport.height - 80, 1)
+	};
+	const scale = zoomInRange(Math.min(room.width / Math.max(bounds.width, 1), room.height / Math.max(bounds.height, 1)));
+	return centerGraphView({
+		...createView(viewport.width, viewport.height),
+		scale
+	}, {
+		x: bounds.x + bounds.width / 2,
+		y: bounds.y + bounds.height / 2
+	}, viewport);
+}
+function centerGraphView(view, target, viewport) {
+	return {
+		x: viewport.width / 2 - target.x * view.scale,
+		y: viewport.height / 2 - target.y * view.scale,
+		scale: view.scale
+	};
+}
+function graphCompass(view, nodes, viewport) {
+	if (viewport.width <= 0 || viewport.height <= 0) return null;
+	return nearestContent(placedRects(nodes), visibleSceneRect(view, viewport));
+}
+var WHEEL_UNIT_PX = {
+	1: 16,
+	2: 800
+};
+var WHEEL_DELTA_MAX = 100;
+var wheelDeltaInRange = (value) => clamp(value, -100, WHEEL_DELTA_MAX);
+var WHEEL_ZOOM_RATE = .002;
+function wheelZoomFactor(deltaY, deltaMode = 0) {
+	const delta = wheelDeltaInRange(deltaY * (WHEEL_UNIT_PX[deltaMode] ?? 1));
+	return Math.exp(-delta * WHEEL_ZOOM_RATE);
+}
+function createVisualizationState(width, height) {
+	return {
+		...createView(width, height),
+		tick: 0,
+		drag: false,
+		hoveredId: null,
+		hoveredTableId: null,
+		previewX: 0,
+		previewY: 0
+	};
+}
+//#endregion
+export { DIM_OPACITY, LABEL_FADE_START, ZOOM_MIN, centerGraphView, createView, createVisualizationState, fitGraphView, graphCompass, hasName, highlightOf, labelOf, labelOpacity, nodeRadius, truncateName, wheelZoomFactor, zoomAt };

package/dist/components/visualization/zoomVisualization.js

@@ -0,0 +1,31 @@
+import { ViewKind, VisualizationMode } from "../../engine/modules/editor/state.js";
+import { changeZoomLevelAction$, streamZoomLevelAction$ } from "../../engine/modules/settings/generator.actions.js";
+import { zoomAt } from "./visualizationView.js";
+import { updateGraphView } from "./graphViewHandle.js";
+//#region src/components/visualization/zoomVisualization.ts
+var middleOfStage = (app) => {
+	const { viewport } = app.store.state.editor;
+	return {
+		x: viewport.width / 2,
+		y: viewport.height / 2
+	};
+};
+var isFlow = (app) => app.store.state.editor.visualizationMode === VisualizationMode.flow;
+function stepVisualizationZoom(app, step) {
+	if (isFlow(app)) {
+		app.store.dispatch(streamZoomLevelAction$(step, ViewKind.flow));
+		return;
+	}
+	const { editor } = app.store.state;
+	updateGraphView(editor.id, ({ state }) => zoomAt(state, middleOfStage(app), (state.scale + step) / state.scale));
+}
+function setVisualizationZoom(app, level) {
+	if (isFlow(app)) {
+		app.store.dispatch(changeZoomLevelAction$(level, ViewKind.flow));
+		return;
+	}
+	const { editor } = app.store.state;
+	updateGraphView(editor.id, ({ state }) => zoomAt(state, middleOfStage(app), level / state.scale));
+}
+//#endregion
+export { setVisualizationZoom, stepVisualizationZoom };

package/dist/constants/language.js

@@ -0,0 +1,28 @@
+import { Language } from "./schema.js";
+//#region src/constants/language.ts
+var LanguageToLangMap = {
+	[Language.TypeScript]: "typescript",
+	[Language.GraphQL]: "graphql",
+	[Language.csharp]: "csharp",
+	[Language.Java]: "java",
+	[Language.Kotlin]: "kotlin",
+	[Language.Scala]: "scala",
+	[Language.JPA]: "java",
+	[Language.Go]: "go",
+	[Language.SQLAlchemy]: "python",
+	[Language.TypeORM]: "typescript",
+	[Language.Sequelize]: "typescript",
+	[Language.Drizzle]: "typescript",
+	[Language.DBML]: "sql",
+	[Language.AML]: "sql",
+	[Language.Mermaid]: "mermaid",
+	[Language.PHP]: "php",
+	[Language.Doctrine]: "php",
+	[Language.Rust]: "rust",
+	[Language.SeaORM]: "rust",
+	[Language.Swift]: "swift",
+	[Language.Zod]: "typescript",
+	[Language.JSONSchema]: "json"
+};
+//#endregion
+export { LanguageToLangMap };

package/dist/constants/layout.js

@@ -0,0 +1,14 @@
+//#region src/constants/layout.ts
+var RATIO_WIDTH = 16;
+var RATIO_HEIGHT = 9;
+var DEFAULT_WIDTH = 1200;
+DEFAULT_WIDTH / RATIO_WIDTH * RATIO_HEIGHT;
+var COLUMN_ALTERNATE_KEY_CHAR_WIDTH = 7.32;
+var VIEW_TABLE_HEADER_FONT_SCALE = 14 / 12;
+var VIEW_TABLE_HEADER_WEIGHT_SCALE = 1.04;
+var MEMO_MIN_WIDTH = 116;
+var MEMO_MIN_HEIGHT = 100;
+var TABLE_GROUP_MIN_WIDTH = 160;
+var TABLE_GROUP_MIN_HEIGHT = 100;
+//#endregion
+export { COLUMN_ALTERNATE_KEY_CHAR_WIDTH, DEFAULT_WIDTH, MEMO_MIN_HEIGHT, MEMO_MIN_WIDTH, TABLE_GROUP_MIN_HEIGHT, TABLE_GROUP_MIN_WIDTH, VIEW_TABLE_HEADER_FONT_SCALE, VIEW_TABLE_HEADER_WEIGHT_SCALE };

package/dist/constants/open.js

@@ -0,0 +1,14 @@
+//#region src/constants/open.ts
+var Open = {
+	automaticTablePlacement: "automaticTablePlacement",
+	tableProperties: "tableProperties",
+	search: "search",
+	themeBuilder: "themeBuilder",
+	localePicker: "localePicker",
+	diffViewer: "diffViewer",
+	timeTravel: "timeTravel",
+	exportImage: "exportImage",
+	mapColumns: "mapColumns"
+};
+//#endregion
+export { Open };

package/dist/constants/schema.js

@@ -0,0 +1,54 @@
+import { SchemaV3Constants } from "../erd-editor-schema/dist/v3/schema/index.js";
+//#region src/constants/schema.ts
+var CanvasType = SchemaV3Constants.CanvasType;
+var CanvasTypeList = SchemaV3Constants.CanvasTypeList;
+var Show = SchemaV3Constants.Show;
+var ColumnType = SchemaV3Constants.ColumnType;
+var ColumnTypeList = SchemaV3Constants.ColumnTypeList;
+var Database = SchemaV3Constants.Database;
+var DatabaseList = SchemaV3Constants.DatabaseList;
+var Language = SchemaV3Constants.Language;
+var LanguageList = SchemaV3Constants.LanguageList;
+var NameCase = SchemaV3Constants.NameCase;
+var NameCaseList = SchemaV3Constants.NameCaseList;
+var BracketType = SchemaV3Constants.BracketType;
+var BracketTypeList = SchemaV3Constants.BracketTypeList;
+var RelationshipType = SchemaV3Constants.RelationshipType;
+SchemaV3Constants.RelationshipTypeList;
+var StartRelationshipType = SchemaV3Constants.StartRelationshipType;
+SchemaV3Constants.StartRelationshipTypeList;
+var ReferentialAction = SchemaV3Constants.ReferentialAction;
+SchemaV3Constants.ReferentialActionList;
+var Direction = SchemaV3Constants.Direction;
+SchemaV3Constants.DirectionList;
+var ColumnOption = SchemaV3Constants.ColumnOption;
+var ColumnUIKey = SchemaV3Constants.ColumnUIKey;
+var OrderType = SchemaV3Constants.OrderType;
+SchemaV3Constants.OrderTypeList;
+var LockSettingType = SchemaV3Constants.LockSettingType;
+var LockSettingTypeList = SchemaV3Constants.LockSettingTypeList;
+var LockSettingFields = SchemaV3Constants.LockSettingFields;
+SchemaV3Constants.InvertedLockSettings;
+var NameViewMode = SchemaV3Constants.NameViewMode;
+var NameViewModeList = SchemaV3Constants.NameViewModeList;
+var CANVAS_SIZE_MAX = SchemaV3Constants.CANVAS_SIZE_MAX;
+var CANVAS_SIZE_MIN = SchemaV3Constants.CANVAS_SIZE_MIN;
+var CANVAS_ZOOM_MAX = SchemaV3Constants.CANVAS_ZOOM_MAX;
+var CANVAS_ZOOM_MIN = SchemaV3Constants.CANVAS_ZOOM_MIN;
+var DDLScriptPosition = SchemaV3Constants.DDLScriptPosition;
+var DDLScriptPositionList = SchemaV3Constants.DDLScriptPositionList;
+var BracketTypeMap = {
+	[BracketType.none]: "",
+	[BracketType.backtick]: "`",
+	[BracketType.doubleQuote]: "\"",
+	[BracketType.singleQuote]: "'"
+};
+var ReferentialActionToSQL = {
+	[ReferentialAction.noAction]: "NO ACTION",
+	[ReferentialAction.cascade]: "CASCADE",
+	[ReferentialAction.setNull]: "SET NULL",
+	[ReferentialAction.setDefault]: "SET DEFAULT",
+	[ReferentialAction.restrict]: "RESTRICT"
+};
+//#endregion
+export { BracketType, BracketTypeList, BracketTypeMap, CANVAS_SIZE_MAX, CANVAS_SIZE_MIN, CANVAS_ZOOM_MAX, CANVAS_ZOOM_MIN, CanvasType, CanvasTypeList, ColumnOption, ColumnType, ColumnTypeList, ColumnUIKey, DDLScriptPosition, DDLScriptPositionList, Database, DatabaseList, Direction, Language, LanguageList, LockSettingFields, LockSettingType, LockSettingTypeList, NameCase, NameCaseList, NameViewMode, NameViewModeList, OrderType, ReferentialAction, ReferentialActionToSQL, RelationshipType, Show, StartRelationshipType };

package/dist/constants/sql/dataType/Databricks.js

@@ -0,0 +1,185 @@
+//#region src/constants/sql/dataType/Databricks.ts
+var DatabricksTypes = [
+	{
+		name: "ARRAY",
+		primitiveType: "string"
+	},
+	{
+		name: "BIGINT",
+		primitiveType: "long"
+	},
+	{
+		name: "BINARY",
+		primitiveType: "lob"
+	},
+	{
+		name: "BOOLEAN",
+		primitiveType: "boolean"
+	},
+	{
+		name: "BYTE",
+		primitiveType: "int"
+	},
+	{
+		name: "CHAR",
+		primitiveType: "string"
+	},
+	{
+		name: "DATE",
+		primitiveType: "date"
+	},
+	{
+		name: "DEC",
+		primitiveType: "decimal"
+	},
+	{
+		name: "DECIMAL",
+		primitiveType: "decimal"
+	},
+	{
+		name: "DOUBLE",
+		primitiveType: "double"
+	},
+	{
+		name: "FLOAT",
+		primitiveType: "float"
+	},
+	{
+		name: "GEOGRAPHY",
+		primitiveType: "string"
+	},
+	{
+		name: "GEOMETRY",
+		primitiveType: "string"
+	},
+	{
+		name: "INT",
+		primitiveType: "int"
+	},
+	{
+		name: "INTEGER",
+		primitiveType: "int"
+	},
+	{
+		name: "INTERVAL DAY TO HOUR",
+		primitiveType: "time"
+	},
+	{
+		name: "INTERVAL DAY TO MINUTE",
+		primitiveType: "time"
+	},
+	{
+		name: "INTERVAL DAY TO SECOND",
+		primitiveType: "time"
+	},
+	{
+		name: "INTERVAL DAY",
+		primitiveType: "time"
+	},
+	{
+		name: "INTERVAL HOUR TO MINUTE",
+		primitiveType: "time"
+	},
+	{
+		name: "INTERVAL HOUR TO SECOND",
+		primitiveType: "time"
+	},
+	{
+		name: "INTERVAL HOUR",
+		primitiveType: "time"
+	},
+	{
+		name: "INTERVAL MINUTE TO SECOND",
+		primitiveType: "time"
+	},
+	{
+		name: "INTERVAL MINUTE",
+		primitiveType: "time"
+	},
+	{
+		name: "INTERVAL MONTH",
+		primitiveType: "time"
+	},
+	{
+		name: "INTERVAL SECOND",
+		primitiveType: "time"
+	},
+	{
+		name: "INTERVAL YEAR TO MONTH",
+		primitiveType: "time"
+	},
+	{
+		name: "INTERVAL YEAR",
+		primitiveType: "time"
+	},
+	{
+		name: "INTERVAL",
+		primitiveType: "time"
+	},
+	{
+		name: "LONG",
+		primitiveType: "long"
+	},
+	{
+		name: "MAP",
+		primitiveType: "string"
+	},
+	{
+		name: "NUMERIC",
+		primitiveType: "decimal"
+	},
+	{
+		name: "OBJECT",
+		primitiveType: "string"
+	},
+	{
+		name: "REAL",
+		primitiveType: "float"
+	},
+	{
+		name: "SHORT",
+		primitiveType: "int"
+	},
+	{
+		name: "SMALLINT",
+		primitiveType: "int"
+	},
+	{
+		name: "STRING",
+		primitiveType: "string"
+	},
+	{
+		name: "STRUCT",
+		primitiveType: "string"
+	},
+	{
+		name: "TIMESTAMP_LTZ",
+		primitiveType: "dateTime"
+	},
+	{
+		name: "TIMESTAMP_NTZ",
+		primitiveType: "dateTime"
+	},
+	{
+		name: "TIMESTAMP",
+		primitiveType: "dateTime"
+	},
+	{
+		name: "TINYINT",
+		primitiveType: "int"
+	},
+	{
+		name: "VARCHAR",
+		primitiveType: "string"
+	},
+	{
+		name: "VARIANT",
+		primitiveType: "string"
+	},
+	{
+		name: "VOID",
+		primitiveType: "string"
+	}
+];
+//#endregion
+export { DatabricksTypes };

package/dist/constants/sql/dataType/MSSQL.js

@@ -0,0 +1,197 @@
+//#region src/constants/sql/dataType/MSSQL.ts
+var MSSQLTypes = [
+	{
+		name: "bigint",
+		primitiveType: "long"
+	},
+	{
+		name: "binary varying",
+		primitiveType: "string"
+	},
+	{
+		name: "binary",
+		primitiveType: "string"
+	},
+	{
+		name: "bit",
+		primitiveType: "boolean"
+	},
+	{
+		name: "char varying",
+		primitiveType: "string"
+	},
+	{
+		name: "char",
+		primitiveType: "string"
+	},
+	{
+		name: "character varying",
+		primitiveType: "string"
+	},
+	{
+		name: "character",
+		primitiveType: "string"
+	},
+	{
+		name: "date",
+		primitiveType: "date"
+	},
+	{
+		name: "datetime",
+		primitiveType: "dateTime"
+	},
+	{
+		name: "datetime2",
+		primitiveType: "dateTime"
+	},
+	{
+		name: "datetimeoffset",
+		primitiveType: "dateTime"
+	},
+	{
+		name: "dec",
+		primitiveType: "decimal"
+	},
+	{
+		name: "decimal",
+		primitiveType: "decimal"
+	},
+	{
+		name: "double precision",
+		primitiveType: "double"
+	},
+	{
+		name: "float",
+		primitiveType: "double"
+	},
+	{
+		name: "geography",
+		primitiveType: "string"
+	},
+	{
+		name: "geometry",
+		primitiveType: "string"
+	},
+	{
+		name: "hierarchyid",
+		primitiveType: "string"
+	},
+	{
+		name: "image",
+		primitiveType: "lob"
+	},
+	{
+		name: "int",
+		primitiveType: "int"
+	},
+	{
+		name: "integer",
+		primitiveType: "int"
+	},
+	{
+		name: "json",
+		primitiveType: "lob"
+	},
+	{
+		name: "money",
+		primitiveType: "decimal"
+	},
+	{
+		name: "national char varying",
+		primitiveType: "string"
+	},
+	{
+		name: "national char",
+		primitiveType: "string"
+	},
+	{
+		name: "national character varying",
+		primitiveType: "string"
+	},
+	{
+		name: "national character",
+		primitiveType: "string"
+	},
+	{
+		name: "national text",
+		primitiveType: "lob"
+	},
+	{
+		name: "nchar",
+		primitiveType: "string"
+	},
+	{
+		name: "ntext",
+		primitiveType: "lob"
+	},
+	{
+		name: "numeric",
+		primitiveType: "decimal"
+	},
+	{
+		name: "nvarchar",
+		primitiveType: "string"
+	},
+	{
+		name: "real",
+		primitiveType: "float"
+	},
+	{
+		name: "rowversion",
+		primitiveType: "string"
+	},
+	{
+		name: "smalldatetime",
+		primitiveType: "dateTime"
+	},
+	{
+		name: "smallint",
+		primitiveType: "int"
+	},
+	{
+		name: "smallmoney",
+		primitiveType: "decimal"
+	},
+	{
+		name: "sql_variant",
+		primitiveType: "string"
+	},
+	{
+		name: "text",
+		primitiveType: "lob"
+	},
+	{
+		name: "time",
+		primitiveType: "time"
+	},
+	{
+		name: "timestamp",
+		primitiveType: "string"
+	},
+	{
+		name: "tinyint",
+		primitiveType: "int"
+	},
+	{
+		name: "uniqueidentifier",
+		primitiveType: "string"
+	},
+	{
+		name: "varbinary",
+		primitiveType: "string"
+	},
+	{
+		name: "varchar",
+		primitiveType: "string"
+	},
+	{
+		name: "vector",
+		primitiveType: "string"
+	},
+	{
+		name: "xml",
+		primitiveType: "lob"
+	}
+];
+//#endregion
+export { MSSQLTypes };