@dineug/erd-editor 4.2.0 → 5.0.0

package/dist/themes/radix-ui-theme.config.js

@@ -0,0 +1,133 @@
+//#region src/themes/radix-ui-theme.config.ts
+var ThemeConfig = {
+	grayColor1: "gray-1",
+	grayColor2: "gray-2",
+	grayColor3: "gray-3",
+	grayColor4: "gray-4",
+	grayColor5: "gray-5",
+	grayColor6: "gray-6",
+	grayColor7: "gray-7",
+	grayColor8: "gray-8",
+	grayColor9: "gray-9",
+	grayColor10: "gray-10",
+	grayColor11: "gray-11",
+	grayColor12: "gray-12",
+	accentColor1: "accent-1",
+	accentColor2: "accent-2",
+	accentColor3: "accent-3",
+	accentColor4: "accent-4",
+	accentColor5: "accent-5",
+	accentColor6: "accent-6",
+	accentColor7: "accent-7",
+	accentColor8: "accent-8",
+	accentColor9: "accent-9",
+	accentColor10: "accent-10",
+	accentColor11: "accent-11",
+	accentColor12: "accent-12",
+	canvasBackground: "gray-3",
+	canvasBoundaryBackground: "gray-1",
+	tableBackground: "gray-2",
+	tableHeaderBackground: "gray-5",
+	tableSelect: "accent-8",
+	tableBorder: "gray-6",
+	tableShadow: "override-transparent",
+	tableGroupHeaderBackground: "gray-7",
+	tableGroupBackground: "grayA-4",
+	tableGroupBorder: "gray-7",
+	memoBackground: "gray-2",
+	memoSelect: "accent-8",
+	memoBorder: "gray-6",
+	memoShadow: "override-transparent",
+	columnSelect: "accent-3",
+	columnSelectHover: "accent-4",
+	columnHover: "gray-4",
+	columnHandleBackground: "gray-2",
+	columnHandleBorder: "gray-6",
+	columnHandleHoverBackground: "gray-5",
+	columnHandleHoverBorder: "gray-7",
+	relationshipHover: "accent-8",
+	visualizationLink: "gray-7",
+	visualizationColumn: "gray-8",
+	visualizationRelationship: "gray-8",
+	toolbarBackground: "gray-1",
+	contextMenuBackground: "gray-2",
+	contextMenuSelect: "gray-4",
+	contextMenuHover: "accent-7",
+	contextMenuBorder: "gray-6",
+	minimapBorder: "override-black",
+	minimapShadow: "override-black",
+	minimapViewportBorder: "accent-7",
+	minimapViewportBorderHover: "accent-8",
+	toastBackground: "gray-2",
+	toastBorder: "gray-6",
+	toastSuccess: `custom-green--11`,
+	toastError: `custom-red--11`,
+	findReplaceError: `custom-red--11`,
+	mapColumnsError: `custom-red--11`,
+	schemaSqlWarningBackground: `custom-red--4`,
+	schemaSqlWarningForeground: `custom-red--11`,
+	dragSelectBackground: "accent-5",
+	dragSelectBorder: "accent-8",
+	scrollbarTrack: "grayA-3",
+	scrollbarThumb: "gray-9",
+	scrollbarThumbHover: "gray-10",
+	foreground: "gray-11",
+	active: "gray-12",
+	placeholder: "grayA-10",
+	focus: "accent-8",
+	inputActive: "accent-10",
+	keyPK: `custom-amber--9`,
+	keyFK: `custom-ruby--9`,
+	keyPFK: `custom-cyan--9`,
+	treeBackground: "gray-1",
+	treeRowHover: "gray-3",
+	treeRowCurrent: "accent-4",
+	treeMuted: "gray-11",
+	treeMatch: "accent-5",
+	explorerBackground: "gray-1",
+	explorerBorder: "gray-6",
+	dictionaryErrorForeground: `custom-red--11`,
+	dictionaryErrorBackground: `custom-red--4`,
+	dictionaryWarningForeground: `custom-amber--11`,
+	dictionaryWarningBackground: `custom-amber--4`,
+	dictionaryBackground: "gray-2",
+	dictionaryHeaderBackground: "gray-5",
+	dictionaryGridLine: "gray-6",
+	dictionaryHeaderSelect: "accent-3",
+	diffInsertForeground: `custom-green--11`,
+	diffDeleteForeground: `custom-red--11`,
+	diffModifyForeground: `custom-amber--11`,
+	diffRenameForeground: `custom-blue--11`
+};
+var NeutralAccentThemeConfig = {
+	columnSelect: "gray-6",
+	columnSelectHover: "gray-5"
+};
+var LightThemeConfig = {
+	tableBackground: "override-#ffffff",
+	tableBorder: "gray-8",
+	memoBackground: "override-#ffffff",
+	memoBorder: "gray-8",
+	tableShadow: "override-rgba(0, 0, 0, 0.18)",
+	columnHandleBackground: "override-#ffffff",
+	columnHandleBorder: "gray-8",
+	columnHandleHoverBorder: "gray-8",
+	memoShadow: "override-rgba(0, 0, 0, 0.18)",
+	tableGroupHeaderBackground: "gray-8",
+	tableGroupBorder: "gray-8",
+	minimapBorder: "gray-7",
+	keyPK: "custom-amber--11",
+	keyFK: "custom-ruby--11",
+	keyPFK: "custom-cyan--11",
+	visualizationLink: "gray-8",
+	visualizationColumn: "gray-9",
+	visualizationRelationship: "gray-9",
+	dictionaryErrorForeground: "override-#b1252a",
+	dictionaryWarningForeground: "override-#835103",
+	dictionaryBackground: "override-#ffffff",
+	dictionaryHeaderBackground: "gray-4",
+	dictionaryGridLine: "gray-8",
+	diffModifyForeground: "override-#895503"
+};
+//#endregion
+export { LightThemeConfig, NeutralAccentThemeConfig, ThemeConfig };

package/dist/themes/radix-ui-theme.js

@@ -0,0 +1,231 @@
+import { arrayHas } from "../utils/arrayHas.js";
+import { LightThemeConfig, NeutralAccentThemeConfig, ThemeConfig } from "./radix-ui-theme.config.js";
+import { identity } from "es-toolkit";
+import { get, set } from "es-toolkit/compat";
+import { amber, amberA, amberDark, amberDarkA, blue, blueA, blueDark, blueDarkA, bronze, bronzeA, bronzeDark, bronzeDarkA, brown, brownA, brownDark, brownDarkA, crimson, crimsonA, crimsonDark, crimsonDarkA, cyan, cyanA, cyanDark, cyanDarkA, gold, goldA, goldDark, goldDarkA, grass, grassA, grassDark, grassDarkA, gray, grayA, grayDark, grayDarkA, green, greenA, greenDark, greenDarkA, indigo, indigoA, indigoDark, indigoDarkA, iris, irisA, irisDark, irisDarkA, jade, jadeA, jadeDark, jadeDarkA, lime, limeA, limeDark, limeDarkA, mauve, mauveA, mauveDark, mauveDarkA, mint, mintA, mintDark, mintDarkA, olive, oliveA, oliveDark, oliveDarkA, orange, orangeA, orangeDark, orangeDarkA, pink, pinkA, pinkDark, pinkDarkA, plum, plumA, plumDark, plumDarkA, purple, purpleA, purpleDark, purpleDarkA, red, redA, redDark, redDarkA, ruby, rubyA, rubyDark, rubyDarkA, sage, sageA, sageDark, sageDarkA, sand, sandA, sandDark, sandDarkA, sky, skyA, skyDark, skyDarkA, slate, slateA, slateDark, slateDarkA, teal, tealA, tealDark, tealDarkA, tomato, tomatoA, tomatoDark, tomatoDarkA, violet, violetA, violetDark, violetDarkA, yellow, yellowA, yellowDark, yellowDarkA } from "@radix-ui/colors";
+//#region src/themes/radix-ui-theme.ts
+var Palette = {
+	amber,
+	amberA,
+	amberDark,
+	amberDarkA,
+	blue,
+	blueA,
+	blueDark,
+	blueDarkA,
+	bronze,
+	bronzeA,
+	bronzeDark,
+	bronzeDarkA,
+	brown,
+	brownA,
+	brownDark,
+	brownDarkA,
+	crimson,
+	crimsonA,
+	crimsonDark,
+	crimsonDarkA,
+	cyan,
+	cyanA,
+	cyanDark,
+	cyanDarkA,
+	gold,
+	goldA,
+	goldDark,
+	goldDarkA,
+	grass,
+	grassA,
+	grassDark,
+	grassDarkA,
+	gray,
+	grayA,
+	grayDark,
+	grayDarkA,
+	green,
+	greenA,
+	greenDark,
+	greenDarkA,
+	indigo,
+	indigoA,
+	indigoDark,
+	indigoDarkA,
+	iris,
+	irisA,
+	irisDark,
+	irisDarkA,
+	jade,
+	jadeA,
+	jadeDark,
+	jadeDarkA,
+	lime,
+	limeA,
+	limeDark,
+	limeDarkA,
+	mauve,
+	mauveA,
+	mauveDark,
+	mauveDarkA,
+	mint,
+	mintA,
+	mintDark,
+	mintDarkA,
+	olive,
+	oliveA,
+	oliveDark,
+	oliveDarkA,
+	orange,
+	orangeA,
+	orangeDark,
+	orangeDarkA,
+	pink,
+	pinkA,
+	pinkDark,
+	pinkDarkA,
+	plum,
+	plumA,
+	plumDark,
+	plumDarkA,
+	purple,
+	purpleA,
+	purpleDark,
+	purpleDarkA,
+	red,
+	redA,
+	redDark,
+	redDarkA,
+	ruby,
+	rubyA,
+	rubyDark,
+	rubyDarkA,
+	sage,
+	sageA,
+	sageDark,
+	sageDarkA,
+	sand,
+	sandA,
+	sandDark,
+	sandDarkA,
+	sky,
+	skyA,
+	skyDark,
+	skyDarkA,
+	slate,
+	slateA,
+	slateDark,
+	slateDarkA,
+	teal,
+	tealA,
+	tealDark,
+	tealDarkA,
+	tomato,
+	tomatoA,
+	tomatoDark,
+	tomatoDarkA,
+	violet,
+	violetA,
+	violetDark,
+	violetDarkA,
+	yellow,
+	yellowA,
+	yellowDark,
+	yellowDarkA
+};
+var Appearance = {
+	dark: "dark",
+	light: "light"
+};
+var AppearanceList = Object.values(Appearance);
+var SYSTEM_APPEARANCE = "system";
+var AppearanceOptionList = [...AppearanceList, SYSTEM_APPEARANCE];
+var GrayColor = {
+	gray: "gray",
+	mauve: "mauve",
+	slate: "slate",
+	sage: "sage",
+	olive: "olive",
+	sand: "sand"
+};
+var GrayColorList = Object.values(GrayColor);
+var AccentColor = {
+	gray: "gray",
+	gold: "gold",
+	bronze: "bronze",
+	brown: "brown",
+	yellow: "yellow",
+	amber: "amber",
+	orange: "orange",
+	tomato: "tomato",
+	red: "red",
+	ruby: "ruby",
+	crimson: "crimson",
+	pink: "pink",
+	plum: "plum",
+	purple: "purple",
+	violet: "violet",
+	iris: "iris",
+	indigo: "indigo",
+	blue: "blue",
+	cyan: "cyan",
+	teal: "teal",
+	jade: "jade",
+	green: "green",
+	grass: "grass",
+	lime: "lime",
+	mint: "mint",
+	sky: "sky"
+};
+var AccentColorList = Object.values(AccentColor);
+function createRadixUITheme({ appearance, grayColor, accentColor }) {
+	const mode = appearance === Appearance.dark ? "Dark" : "";
+	const grayColors = Palette[`${grayColor}${mode}`];
+	const accentColors = Palette[`${accentColor}${mode}`];
+	const grayAColors = Palette[`${grayColor}${mode}A`];
+	const accentAColors = Palette[`${accentColor}${mode}A`];
+	return {
+		gray: (key) => get(grayColors, `${grayColor}${key}`) ?? "",
+		grayA: (key) => get(grayAColors, `${grayColor}A${key}`) ?? "",
+		accent: (key) => get(accentColors, `${accentColor}${key}`) ?? "",
+		accentA: (key) => get(accentAColors, `${accentColor}A${key}`) ?? ""
+	};
+}
+var ThemeKeys = Object.keys(ThemeConfig);
+var hasNeutralAccent = arrayHas([
+	AccentColor.gray,
+	AccentColor.gold,
+	AccentColor.bronze
+]);
+function themeConfigOf(appearance, accentColor) {
+	return {
+		...ThemeConfig,
+		...appearance === Appearance.light ? LightThemeConfig : {},
+		...hasNeutralAccent(accentColor) ? NeutralAccentThemeConfig : {}
+	};
+}
+function toTheme(radixUITheme, appearance, config) {
+	return ThemeKeys.reduce((acc, key) => {
+		const [type, color, alpha, customNum] = get(config, key).split("-");
+		if (type === "override") {
+			set(acc, key, color);
+			return acc;
+		}
+		if (type === "custom") {
+			const mode = appearance === Appearance.dark ? "Dark" : "";
+			const value = get(Palette, `${color}${mode}${alpha}.${color}${alpha}${customNum}`);
+			set(acc, key, value);
+			return acc;
+		}
+		if (type.startsWith("gray") || type.startsWith("accent")) {
+			const value = get(radixUITheme, type, identity)(color);
+			set(acc, key, value);
+			return acc;
+		}
+		return acc;
+	}, {});
+}
+var createTheme = ({ grayColor, accentColor, appearance }) => toTheme(createRadixUITheme({
+	appearance,
+	grayColor,
+	accentColor
+}), appearance, themeConfigOf(appearance, accentColor));
+//#endregion
+export { AccentColor, AccentColorList, Appearance, AppearanceList, AppearanceOptionList, GrayColor, GrayColorList, Palette, SYSTEM_APPEARANCE, createTheme };

package/dist/themes/tokens.js

@@ -0,0 +1,107 @@
+import { kebabCase } from "es-toolkit";
+//#region src/themes/tokens.ts
+var ThemeTokens = [
+	"grayColor1",
+	"grayColor2",
+	"grayColor3",
+	"grayColor4",
+	"grayColor5",
+	"grayColor6",
+	"grayColor7",
+	"grayColor8",
+	"grayColor9",
+	"grayColor10",
+	"grayColor11",
+	"grayColor12",
+	"accentColor1",
+	"accentColor2",
+	"accentColor3",
+	"accentColor4",
+	"accentColor5",
+	"accentColor6",
+	"accentColor7",
+	"accentColor8",
+	"accentColor9",
+	"accentColor10",
+	"accentColor11",
+	"accentColor12",
+	"canvasBackground",
+	"canvasBoundaryBackground",
+	"tableBackground",
+	"tableHeaderBackground",
+	"tableSelect",
+	"tableBorder",
+	"tableShadow",
+	"tableGroupHeaderBackground",
+	"tableGroupBackground",
+	"tableGroupBorder",
+	"memoBackground",
+	"memoSelect",
+	"memoBorder",
+	"memoShadow",
+	"columnSelect",
+	"columnSelectHover",
+	"columnHover",
+	"columnHandleBackground",
+	"columnHandleBorder",
+	"columnHandleHoverBackground",
+	"columnHandleHoverBorder",
+	"relationshipHover",
+	"visualizationLink",
+	"visualizationColumn",
+	"visualizationRelationship",
+	"toolbarBackground",
+	"contextMenuBackground",
+	"contextMenuSelect",
+	"contextMenuHover",
+	"contextMenuBorder",
+	"minimapBorder",
+	"minimapShadow",
+	"minimapViewportBorder",
+	"minimapViewportBorderHover",
+	"toastBackground",
+	"toastBorder",
+	"toastSuccess",
+	"toastError",
+	"findReplaceError",
+	"mapColumnsError",
+	"schemaSqlWarningBackground",
+	"schemaSqlWarningForeground",
+	"dragSelectBackground",
+	"dragSelectBorder",
+	"scrollbarTrack",
+	"scrollbarThumb",
+	"scrollbarThumbHover",
+	"foreground",
+	"active",
+	"placeholder",
+	"focus",
+	"inputActive",
+	"keyPK",
+	"keyFK",
+	"keyPFK",
+	"treeBackground",
+	"treeRowHover",
+	"treeRowCurrent",
+	"treeMuted",
+	"treeMatch",
+	"explorerBackground",
+	"explorerBorder",
+	"dictionaryErrorForeground",
+	"dictionaryErrorBackground",
+	"dictionaryWarningForeground",
+	"dictionaryWarningBackground",
+	"dictionaryBackground",
+	"dictionaryHeaderBackground",
+	"dictionaryGridLine",
+	"dictionaryHeaderSelect",
+	"diffInsertForeground",
+	"diffDeleteForeground",
+	"diffModifyForeground",
+	"diffRenameForeground"
+];
+var toThemeVariableName = (token) => `--${kebabCase(token)}`;
+var toThemeOverrideVariableName = (token) => `--erd-editor-${kebabCase(token)}`;
+var themeToTokensString = (theme) => Object.keys(theme).map((key) => `${toThemeVariableName(key)}: var(${toThemeOverrideVariableName(key)}, ${Reflect.get(theme, key)});`).join("\n");
+//#endregion
+export { ThemeTokens, themeToTokensString, toThemeOverrideVariableName, toThemeVariableName };

package/dist/utils/arrayHas.js

@@ -0,0 +1,7 @@
+//#region src/utils/arrayHas.ts
+function arrayHas(arr) {
+	const set = new Set(arr);
+	return (value) => set.has(value);
+}
+//#endregion
+export { arrayHas };

package/dist/utils/attribute.js

@@ -0,0 +1,11 @@
+import { isNil } from "es-toolkit";
+//#region src/utils/attribute.ts
+function restAttrs(value) {
+	return Object.keys(value).reduce((acc, key) => {
+		const result = Reflect.get(value, key);
+		if (!isNil(result) && result !== "") Reflect.set(acc, key, result);
+		return acc;
+	}, {});
+}
+//#endregion
+export { restAttrs };

package/dist/utils/bit.js

@@ -0,0 +1,6 @@
+//#region src/utils/bit.ts
+function bHas(bit, value) {
+	return (bit & value) === value;
+}
+//#endregion
+export { bHas };

package/dist/utils/calcMemo.js

@@ -0,0 +1,9 @@
+//#region src/utils/calcMemo.ts
+function calcMemoWidth(memo) {
+	return 9 + memo.ui.width + 8 + 1;
+}
+function calcMemoHeight(memo) {
+	return 25 + memo.ui.height + 8 + 1;
+}
+//#endregion
+export { calcMemoHeight, calcMemoWidth };