@dineug/erd-editor 3.1.8 → 3.2.1

package/dist/services/schema-gc/procGC.d.ts

@@ -1,3 +1,3 @@
 import { ERDEditorSchemaV3 } from '@dineug/erd-editor-schema';
-import { GCIds } from "./";
+import { GCIds } from '.';
 export declare function procGC({ collections, lww }: ERDEditorSchemaV3, { tableIds, tableColumnIds, relationshipIds, indexIds, indexColumnIds, memoIds, }: GCIds): void;

package/dist/services/schema-gc/schemaGCService.d.ts

@@ -1,4 +1,4 @@
-import type { GCIds } from "./";
+import type { GCIds } from '.';
 export declare class SchemaGCService {
     run(source: string): Promise<GCIds>;
 }

package/dist/themes/radix-ui-theme.config.d.ts

@@ -1,2 +1,2 @@
-import { Theme } from "./tokens";
+import { Theme } from './tokens';
 export declare const ThemeConfig: Theme;

package/dist/themes/radix-ui-theme.d.ts

@@ -1,5 +1,5 @@
-import { ValuesType } from "../internal-types";
-import { Theme } from "./tokens";
+import { ValuesType } from '../internal-types';
+import { Theme } from './tokens';
 export declare const Palette: {
     readonly amber: {
         amber1: string;

package/dist/themes/tokens.d.ts

@@ -58,6 +58,12 @@ export type Theme = {
     keyPK: string;
     keyFK: string;
     keyPFK: string;
+    diffInsertBackground: string;
+    diffDeleteBackground: string;
+    diffCrossBackground: string;
+    diffInsertForeground: string;
+    diffDeleteForeground: string;
+    diffCrossForeground: string;
 };
 export declare const ThemeTokens: ReadonlyArray<keyof Theme>;
 export declare const themeToTokensString: (theme: Theme) => string;

package/dist/utils/calcMemo.d.ts

@@ -1,3 +1,3 @@
-import { Memo } from "../internal-types";
+import { Memo } from '../internal-types';
 export declare function calcMemoWidth(memo: Memo): number;
 export declare function calcMemoHeight(memo: Memo): number;

package/dist/utils/calcTable.d.ts

@@ -1,6 +1,6 @@
-import { EngineContext } from "../engine/context";
-import { RootState } from "../engine/state";
-import { Table } from "../internal-types";
+import { EngineContext } from '../engine/context';
+import { RootState } from '../engine/state';
+import { Table } from '../internal-types';
 export declare function calcTableWidths(table: Table, { settings: { show, maxWidthComment }, collections }: RootState): ColumnWidth;
 export type ColumnWidth = {
     width: number;

package/dist/utils/collection/index.entity.d.ts

@@ -1,2 +1,2 @@
-import { DeepPartial, Index } from "../../internal-types";
+import { DeepPartial, Index } from '../../internal-types';
 export declare const createIndex: (value?: DeepPartial<Index>) => Index;

package/dist/utils/collection/indexColumn.entity.d.ts

@@ -1,2 +1,2 @@
-import { DeepPartial, IndexColumn } from "../../internal-types";
+import { DeepPartial, IndexColumn } from '../../internal-types';
 export declare const createIndexColumn: (value?: DeepPartial<IndexColumn>) => IndexColumn;

package/dist/utils/collection/memo.entity.d.ts

@@ -1,2 +1,2 @@
-import { DeepPartial, Memo } from "../../internal-types";
+import { DeepPartial, Memo } from '../../internal-types';
 export declare const createMemo: (value?: DeepPartial<Memo>) => Memo;

package/dist/utils/collection/relationship.entity.d.ts

@@ -1,2 +1,2 @@
-import { DeepPartial, Relationship } from "../../internal-types";
+import { DeepPartial, Relationship } from '../../internal-types';
 export declare const createRelationship: (value?: DeepPartial<Relationship>) => Relationship;

package/dist/utils/collection/table.entity.d.ts

@@ -1,2 +1,2 @@
-import { DeepPartial, Table } from "../../internal-types";
+import { DeepPartial, Table } from '../../internal-types';
 export declare const createTable: (value?: DeepPartial<Table>) => Table;

package/dist/utils/collection/tableColumn.entity.d.ts

@@ -1,2 +1,2 @@
-import { Column, DeepPartial } from "../../internal-types";
+import { Column, DeepPartial } from '../../internal-types';
 export declare const createColumn: (value?: DeepPartial<Column>) => Column;

package/dist/utils/dragSelect.d.ts

@@ -1,4 +1,4 @@
-import { Point } from "../internal-types";
+import { Point } from '../internal-types';
 type PointToPoint = {
     x1: number;
     y1: number;

package/dist/utils/draw-relationship/calc.d.ts

@@ -1,6 +1,6 @@
-import { RootState } from "../../engine/state";
-import { Point, Table } from "../../internal-types";
-import { ObjectPoint } from "./";
+import { RootState } from '../../engine/state';
+import { Point, Table } from '../../internal-types';
+import { ObjectPoint } from '.';
 export declare function tableToObjectPoint(state: RootState, table: Table): ObjectPoint;
 export declare function euclideanDistance(a: Point, b: Point): number;
 export declare function manhattanDistance(a: Point, b: Point): number;

package/dist/utils/draw-relationship/draw.d.ts

@@ -1,4 +1,4 @@
-import { DrawRelationship } from "../../engine/modules/editor/state";
-import { RootState } from "../../engine/state";
-import { DrawPath } from "./";
+import { DrawRelationship } from '../../engine/modules/editor/state';
+import { RootState } from '../../engine/state';
+import { DrawPath } from '.';
 export declare function getDraw(state: RootState, draw: DrawRelationship): DrawPath;

package/dist/utils/draw-relationship/index.d.ts

@@ -1,4 +1,4 @@
-import { Point, RelationshipPoint, ValuesType } from "../../internal-types";
+import { Point, RelationshipPoint, ValuesType } from '../../internal-types';
 export declare const DirectionName: {
     readonly left: "left";
     readonly right: "right";

package/dist/utils/draw-relationship/pathFinding.d.ts

@@ -1,3 +1,3 @@
-import { Relationship } from "../../internal-types";
-import { RelationshipPath } from "./";
+import { Relationship } from '../../internal-types';
+import { RelationshipPath } from '.';
 export declare function getRelationshipPath(relationship: Relationship): RelationshipPath;

package/dist/utils/draw-relationship/sort.d.ts

@@ -1,2 +1,2 @@
-import { RootState } from "../../engine/state";
+import { RootState } from '../../engine/state';
 export declare function relationshipSort(state: RootState): void;

package/dist/utils/emitter.d.ts

@@ -1,6 +1,6 @@
 import { Action, AnyAction, DOMTemplateLiterals } from '@dineug/r-html';
-import { ValuesType } from "../internal-types";
-import { ThemeOptions } from "../themes/radix-ui-theme";
+import { ValuesType } from '../internal-types';
+import { ThemeOptions } from '../themes/radix-ui-theme';
 declare const InternalActionType: {
     readonly openColorPicker: "openColorPicker";
     readonly closeColorPicker: "closeColorPicker";
@@ -16,6 +16,7 @@ declare const InternalActionType: {
     readonly setThemeOptions: "setThemeOptions";
     readonly mouseTrackerStart: "mouseTrackerStart";
     readonly mouseTrackerEnd: "mouseTrackerEnd";
+    readonly openDiffViewer: "openDiffViewer";
 };
 type InternalActionType = ValuesType<typeof InternalActionType>;
 type InternalActionMap = {
@@ -46,6 +47,9 @@ type InternalActionMap = {
     [InternalActionType.setThemeOptions]: Partial<ThemeOptions>;
     [InternalActionType.mouseTrackerStart]: void;
     [InternalActionType.mouseTrackerEnd]: void;
+    [InternalActionType.openDiffViewer]: {
+        value: string;
+    };
 };
 type Reducer<K extends keyof M, M> = (action: Action<K, M>) => void;
 type ReducerRecord<K extends keyof M, M> = {
@@ -153,4 +157,13 @@ export declare const mouseTrackerEndAction: {
     toString(): string;
     type: string;
 };
+export declare const openDiffViewerAction: {
+    (payload: {
+        value: string;
+    }): AnyAction<{
+        value: string;
+    }>;
+    toString(): string;
+    type: string;
+};
 export {};

package/dist/utils/file/importFile.d.ts

@@ -1,10 +1,12 @@
-import { AppContext } from "../../components/appContext";
+import { AppContext } from '../../components/appContext';
 type ImportOptions = {
     type: 'json' | 'sql';
+    op: 'set' | 'diff';
     accept: string;
 };
 type ImportFileCallback = (options: ImportOptions) => void;
 export declare function setImportFileCallback(callback: ImportFileCallback | null): void;
 export declare function importJSON({ store, emitter }: AppContext): void;
 export declare function importSchemaSQL({ store, emitter }: AppContext): void;
+export declare function importDiffJSON({ emitter }: AppContext): void;
 export {};

package/dist/utils/focus.d.ts

@@ -1,4 +1,4 @@
-import { FocusTable, FocusType } from "../engine/modules/editor/state";
+import { FocusTable, FocusType } from '../engine/modules/editor/state';
 export declare function isFocus(focusTable: FocusTable | null, focusType: FocusType, tableId: string, columnId?: string | null): boolean;
 export declare const isSelectColumn: (focusTable: FocusTable | null, tableId: string, columnId: string) => boolean;
 export declare function isEdit(focusTable: FocusTable | null, focusType: FocusType, tableId: string, columnId?: string | null): boolean;

package/dist/utils/generator-code/csharp.d.ts

@@ -1,4 +1,4 @@
-import { RootState } from "../../engine/state";
+import { RootState } from '../../engine/state';
 import { FormatTableOptions } from './utils';
 export declare function createCode(state: RootState): string;
 export declare function formatTable(state: RootState, { buffer, table }: FormatTableOptions): void;

package/dist/utils/generator-code/graphql.d.ts

@@ -1,4 +1,4 @@
-import { RootState } from "../../engine/state";
+import { RootState } from '../../engine/state';
 import { FormatTableOptions } from './utils';
 export declare function createCode(state: RootState): string;
 export declare function formatTable(state: RootState, { buffer, table }: FormatTableOptions): void;

package/dist/utils/generator-code/index.d.ts

@@ -1,4 +1,4 @@
-import { RootState } from "../../engine/state";
-import { Table } from "../../internal-types";
+import { RootState } from '../../engine/state';
+import { Table } from '../../internal-types';
 export declare function createGeneratorCode(state: RootState): string;
 export declare function createGeneratorCodeTable(state: RootState, table: Table): string;

package/dist/utils/generator-code/java.d.ts

@@ -1,4 +1,4 @@
-import { RootState } from "../../engine/state";
+import { RootState } from '../../engine/state';
 import { FormatTableOptions } from './utils';
 export declare function createCode(state: RootState): string;
 export declare function formatTable(state: RootState, { buffer, table }: FormatTableOptions): void;

package/dist/utils/generator-code/jpa.d.ts

@@ -1,4 +1,4 @@
-import { RootState } from "../../engine/state";
+import { RootState } from '../../engine/state';
 import { FormatTableOptions } from './utils';
 export declare function createCode(state: RootState): string;
 export declare function formatTable(state: RootState, { buffer, table }: FormatTableOptions): void;

package/dist/utils/generator-code/kotlin.d.ts

@@ -1,4 +1,4 @@
-import { RootState } from "../../engine/state";
+import { RootState } from '../../engine/state';
 import { FormatTableOptions } from './utils';
 export declare function createCode(state: RootState): string;
 export declare function formatTable(state: RootState, { buffer, table }: FormatTableOptions): void;

package/dist/utils/generator-code/scala.d.ts

@@ -1,4 +1,4 @@
-import { RootState } from "../../engine/state";
+import { RootState } from '../../engine/state';
 import { FormatTableOptions } from './utils';
 export declare function createCode(state: RootState): string;
 export declare function formatTable(state: RootState, { buffer, table }: FormatTableOptions): void;

package/dist/utils/generator-code/typescript.d.ts

@@ -1,4 +1,4 @@
-import { RootState } from "../../engine/state";
+import { RootState } from '../../engine/state';
 import { FormatTableOptions } from './utils';
 export declare function createCode(state: RootState): string;
 export declare function formatTable(state: RootState, { buffer, table }: FormatTableOptions): void;

package/dist/utils/generator-code/utils.d.ts

@@ -1,5 +1,5 @@
-import { DataTypeHint, PrimitiveType } from "../../constants/sql/dataType";
-import { Column, Table } from "../../internal-types";
+import { DataTypeHint, PrimitiveType } from '../../constants/sql/dataType';
+import { Column, Table } from '../../internal-types';
 export interface FormatTableOptions {
     buffer: string[];
     table: Table;

package/dist/utils/globalEmitter.d.ts

@@ -1,4 +1,4 @@
-import { Emitter } from "./emitter";
+import { Emitter } from './emitter';
 export declare const globalEmitter: Emitter<{
     openColorPicker: {
         x: number;
@@ -27,4 +27,7 @@ export declare const globalEmitter: Emitter<{
     setThemeOptions: Partial<import("../themes/radix-ui-theme").ThemeOptions>;
     mouseTrackerStart: void;
     mouseTrackerEnd: void;
+    openDiffViewer: {
+        value: string;
+    };
 }>;

package/dist/utils/index.d.ts

@@ -1,4 +1,4 @@
-import { EntityMeta, Memo, Point, Settings, Table } from "../internal-types";
+import { EntityMeta, Memo, Point, Settings, Table } from '../internal-types';
 export declare const nextZIndex: (tables: Table[], memos: Memo[]) => number;
 export declare function nextPoint({ width, height, zoomLevel, scrollLeft, scrollTop }: Settings, tables: Table[], memos: Memo[]): Point;
 export declare const toList: <T>(ids: string[], entities: Record<string, T>) => T[];

package/dist/utils/internalEvents.d.ts

@@ -1,4 +1,4 @@
-import { ValuesType } from "../internal-types";
+import { ValuesType } from '../internal-types';
 export declare const InternalEventType: {
     readonly focus: "@dineug/erd-editor/internal-focus";
     readonly forceFocus: "@dineug/erd-editor/internal-force-focus";

package/dist/utils/keyboard-shortcut/index.d.ts

@@ -1,4 +1,4 @@
-import { ValuesType } from "../../internal-types";
+import { ValuesType } from '../../internal-types';
 import { KeyBindingPress } from './utils';
 export type ShortcutOption = {
     shortcut: string;

package/dist/utils/rx-operators/fromCopy.d.ts

@@ -1,3 +1,3 @@
 import { Observable } from 'rxjs';
-import { Emitter } from "../emitter";
+import { Emitter } from '../emitter';
 export declare const fromCopy: (emitter: Emitter) => Observable<ClipboardEvent>;

package/dist/utils/rx-operators/fromPaste.d.ts

@@ -1,3 +1,3 @@
 import { Observable } from 'rxjs';
-import { Emitter } from "../emitter";
+import { Emitter } from '../emitter';
 export declare const fromPaste: (emitter: Emitter) => Observable<ClipboardEvent>;

package/dist/utils/schema-sql/MSSQL.d.ts

@@ -1,4 +1,4 @@
-import { RootState } from "../../engine/state";
+import { RootState } from '../../engine/state';
 import { FormatIndexOptions, FormatTableOptions } from './utils';
 export declare function createSchema(state: RootState): string;
 export declare function formatTable(state: RootState, { buffer, table }: FormatTableOptions): void;

package/dist/utils/schema-sql/MariaDB.d.ts

@@ -1,4 +1,4 @@
-import { RootState } from "../../engine/state";
+import { RootState } from '../../engine/state';
 import { FormatIndexOptions, FormatTableOptions } from './utils';
 export declare function createSchema(state: RootState): string;
 export declare function formatTable(state: RootState, { buffer, table }: FormatTableOptions): void;

package/dist/utils/schema-sql/MySQL.d.ts

@@ -1,4 +1,4 @@
-import { RootState } from "../../engine/state";
+import { RootState } from '../../engine/state';
 import { FormatIndexOptions, FormatTableOptions } from './utils';
 export declare function createSchema(state: RootState): string;
 export declare function formatTable(state: RootState, { buffer, table }: FormatTableOptions): void;

package/dist/utils/schema-sql/Oracle.d.ts

@@ -1,4 +1,4 @@
-import { RootState } from "../../engine/state";
+import { RootState } from '../../engine/state';
 import { FormatIndexOptions, FormatTableOptions } from './utils';
 export declare function createSchema(state: RootState): string;
 export declare function formatTable(state: RootState, { buffer, table }: FormatTableOptions): void;

package/dist/utils/schema-sql/PostgreSQL.d.ts

@@ -1,4 +1,4 @@
-import { RootState } from "../../engine/state";
+import { RootState } from '../../engine/state';
 import { FormatIndexOptions, FormatTableOptions } from './utils';
 export declare function createSchema(state: RootState): string;
 export declare function formatTable(state: RootState, { buffer, table }: FormatTableOptions): void;

package/dist/utils/schema-sql/SQLite.d.ts

@@ -1,4 +1,4 @@
-import { RootState } from "../../engine/state";
+import { RootState } from '../../engine/state';
 import { FormatIndexOptions, FormatTableOptions } from './utils';
 export declare function createSchema(state: RootState): string;
 export declare function formatTable(state: RootState, { buffer, table }: FormatTableOptions): void;

package/dist/utils/schema-sql/index.d.ts

@@ -1,4 +1,4 @@
-import { RootState } from "../../engine/state";
-import { Table } from "../../internal-types";
+import { RootState } from '../../engine/state';
+import { Table } from '../../internal-types';
 export declare function createSchemaSQL(state: RootState, database?: number): string;
 export declare function createSchemaSQLTable(state: RootState, table: Table): string;

package/dist/utils/schema-sql/utils.d.ts

@@ -1,4 +1,4 @@
-import { Column, Index, Relationship, Table } from "../../internal-types";
+import { Column, Index, Relationship, Table } from '../../internal-types';
 export interface FormatTableOptions {
     buffer: string[];
     table: Table;
@@ -45,7 +45,9 @@ export declare function primaryKeyColumns(columns: Column[]): Column[];
 export declare function unique(columns: Column[]): boolean;
 export declare function uniqueColumns(columns: Column[]): Column[];
 export declare function getBracket(bracketType: number): string;
-export declare function orderByNameASC(a: Table, b: Table): 1 | -1 | 0;
+export declare function orderByNameASC<T extends {
+    name: string;
+}>(a: T, b: T): 1 | -1 | 0;
 export declare function autoName<T extends {
     id: string;
     name: string;

package/dist/utils/schema-sql-parser/index.d.ts

@@ -1,3 +1,3 @@
 import { ERDEditorSchemaV3 } from '@dineug/erd-editor-schema';
-import { EngineContext } from "../../engine/context";
+import { EngineContext } from '../../engine/context';
 export declare function schemaSQLParserToSchemaJson(sql: string, ctx: EngineContext, prepare?: (schema: ERDEditorSchemaV3) => ERDEditorSchemaV3): string;

package/dist/utils/table-clipboard/copy.d.ts

@@ -1,3 +1,3 @@
-import { RootState } from "../../engine/state";
+import { RootState } from '../../engine/state';
 export declare function tableCopyToText(state: RootState): string;
 export declare function tableCopyToHtml(state: RootState): string;

package/dist/utils/table-clipboard/index.d.ts

@@ -1,4 +1,4 @@
-import { ValuesType } from "../../internal-types";
+import { ValuesType } from '../../internal-types';
 export type Cell = [CellType | '', string];
 export type Row = Cell[];
 export declare const CellType: {

package/dist/utils/table-clipboard/paste.d.ts

@@ -1,4 +1,4 @@
-import { RootState } from "../../engine/state";
-import { Column } from "../../internal-types";
+import { RootState } from '../../engine/state';
+import { Column } from '../../internal-types';
 export declare function tablePasteFromTextToColumns({ settings: { show, columnOrder } }: RootState, text: string): Column[];
 export declare function tablePasteFromHtmlToColumns({ settings: { show, columnOrder } }: RootState, html: string): Column[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dineug/erd-editor",
-  "version": "3.1.8",
+  "version": "3.2.1",
   "description": "Entity-Relationship Diagram Editor",
   "type": "module",
   "main": "./dist/erd-editor.js",
@@ -46,7 +46,9 @@
     "dev": "vite serve --mode lib",
     "dev:storybook": "storybook dev -p 6006",
     "build": "vite build --mode lib",
-    "build:storybook": "storybook build"
+    "build:storybook": "storybook build",
+    "nx:dev": "nx dev",
+    "nx:build": "nx build"
   },
   "devDependencies": {
     "@dineug/erd-editor-schema": "workspace:*",
@@ -64,13 +66,13 @@
     "@mdi/js": "7.3.67",
     "@radix-ui/colors": "3.0.0",
     "@rollup/plugin-typescript": "^11.1.5",
-    "@storybook/addon-essentials": "^7.6.5",
-    "@storybook/addon-interactions": "^7.6.5",
-    "@storybook/addon-links": "^7.6.5",
-    "@storybook/blocks": "^7.6.5",
-    "@storybook/html": "^7.6.5",
-    "@storybook/html-vite": "^7.6.5",
-    "@storybook/testing-library": "^0.2.2",
+    "@storybook/addon-essentials": "^8.0.0",
+    "@storybook/addon-interactions": "^8.0.0",
+    "@storybook/addon-links": "^8.0.0",
+    "@storybook/blocks": "^8.0.0",
+    "@storybook/html": "^8.0.0",
+    "@storybook/html-vite": "^8.0.0",
+    "@storybook/test": "^8.0.0",
     "@types/color": "^3.0.6",
     "@types/d3": "7.4.3",
     "@types/highlight-words-core": "^1.2.3",
@@ -89,12 +91,11 @@
     "rollup-plugin-visualizer": "^5.11.0",
     "rxjs": "^7.8.1",
     "stats.js": "^0.17.0",
-    "storybook": "^7.6.5",
+    "storybook": "^8.0.0",
     "tinykeys": "^2.1.0",
-    "ts-patch": "^3.1.1",
     "tslib": "^2.6.2",
     "typescript": "5.3.3",
-    "typescript-transform-paths": "^3.4.6",
-    "vite": "^5.0.12"
+    "vite": "^5.0.12",
+    "vite-plugin-dts": "^3.7.3"
   }
 }