@dineug/erd-editor 3.3.0 → 3.4.0

package/dist/utils/schema-dbml-parser/types.d.ts

@@ -0,0 +1,62 @@
+/**
+ * `tokenizer.ts` and `parser.ts` own every DBML syntax concern -- settings are
+ * resolved into the flat fields below, so `convert.ts` never sees a token.
+ */
+export type DBMLEndpoint = {
+    schemaName: string;
+    tableName: string;
+    columnNames: string[];
+};
+export type DBMLInlineRef = {
+    /** `-`, `<`, `>` or `<>`, with the `?` optionality markers dropped. */
+    operator: string;
+    target: DBMLEndpoint;
+};
+export type DBMLColumn = {
+    name: string;
+    comment: string;
+    /** Holds the argument list and any array suffix; never the schema. */
+    typeName: string;
+    typeSchemaName: string;
+    primaryKey: boolean;
+    unique: boolean;
+    notNull: boolean;
+    autoIncrement: boolean;
+    default: string;
+    inlineRefs: DBMLInlineRef[];
+};
+export type DBMLIndex = {
+    name: string;
+    unique: boolean;
+    /** `[pk]`, which is DBML's only composite primary key spelling. */
+    primaryKey: boolean;
+    /** Expression columns are dropped, so these are column names only. */
+    columnNames: string[];
+};
+export type DBMLTable = {
+    schemaName: string;
+    name: string;
+    alias: string;
+    comment: string;
+    columns: DBMLColumn[];
+    indexes: DBMLIndex[];
+};
+export type DBMLRef = {
+    operator: string;
+    left: DBMLEndpoint;
+    right: DBMLEndpoint;
+};
+export type DBMLModel = {
+    tables: DBMLTable[];
+    refs: DBMLRef[];
+    /** Keyed by the qualified name, so `s.status` and `status` stay apart. */
+    enums: Record<string, string[]>;
+    skipped: string[];
+};
+export type DBMLParseResult = {
+    ok: true;
+    model: DBMLModel;
+} | {
+    ok: false;
+    message: string;
+};

package/dist/utils/schema-graphql-parser/convert.d.ts

@@ -0,0 +1,4 @@
+import { ERDEditorSchemaV3 } from '@dineug/erd-editor-schema';
+import { EngineContext } from '../../engine/context';
+import { GraphQLModel } from './types';
+export declare function convertToSchema(model: GraphQLModel, ctx: EngineContext, database: number): ERDEditorSchemaV3;

package/dist/utils/schema-graphql-parser/dataType.d.ts

@@ -0,0 +1,7 @@
+import { GraphQLModel } from './types';
+export declare function resolveDataType(named: string, database: number, model: GraphQLModel): string;
+/**
+ * Keeps the members where the column type cannot hold them. Pass `database` to
+ * drop it on the dialects whose `ENUM(...)` column already spells them out.
+ */
+export declare function enumCommentSuffix(named: string, model: GraphQLModel, database?: number): string;

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

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

package/dist/utils/schema-graphql-parser/parser.d.ts

@@ -0,0 +1,2 @@
+import { GraphQLParseResult } from './types';
+export declare function parseGraphQLModel(sdl: string): GraphQLParseResult;

package/dist/utils/schema-graphql-parser/types.d.ts

@@ -0,0 +1,58 @@
+/**
+ * `parser.ts` owns every `graphql` AST concern -- directives are resolved into
+ * the flat fields below, so `convert.ts` never imports from `graphql`.
+ */
+export type GraphQLTypeRef = {
+    named: string;
+    /** The outermost wrapper is `NonNull` -- the column-level NOT NULL signal. */
+    nonNull: boolean;
+    isList: boolean;
+    /** The `!` inside `[T!]` -- a cardinality signal, never a column one. */
+    itemNonNull: boolean;
+};
+export type GraphQLField = {
+    /** Already rewritten by `@map` / `@column(name:)` when either is present. */
+    name: string;
+    comment: string;
+    typeRef: GraphQLTypeRef;
+    primaryKey: boolean;
+    unique: boolean;
+    autoIncrement: boolean;
+    default: string;
+    /** `@db.*` or `@column(dataType:)`; wins over the scalar lookup when set. */
+    dataType: string;
+    relationName: string;
+    /** Columns on this type. */
+    relationFields: string[];
+    /** Columns on the target type. */
+    relationReferences: string[];
+    /** Resolver fields keep their arguments; the target type decides the rest. */
+    hasArguments: boolean;
+};
+export type GraphQLIndex = {
+    name: string;
+    unique: boolean;
+    fieldNames: string[];
+};
+export type GraphQLTable = {
+    name: string;
+    comment: string;
+    fields: GraphQLField[];
+    indexes: GraphQLIndex[];
+};
+export type GraphQLModel = {
+    tables: GraphQLTable[];
+    enums: Record<string, string[]>;
+    /** `scalar X` declarations, so an unknown name can be told from a typo. */
+    customScalars: string[];
+    unions: Record<string, string[]>;
+    /** Pruned type names, so a field pointing at one is dropped rather than read. */
+    skipped: string[];
+};
+export type GraphQLParseResult = {
+    ok: true;
+    model: GraphQLModel;
+} | {
+    ok: false;
+    message: string;
+};

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

@@ -0,0 +1,5 @@
+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;
+export declare function formatIndex({ collections }: RootState, { buffer, index, indexNames }: FormatIndexOptions): void;

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

@@ -0,0 +1,5 @@
+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;
+export declare function formatIndex({ collections, settings: { bracketType } }: RootState, { buffer, index, indexNames }: FormatIndexOptions): void;

package/dist/utils/sharedColor.d.ts

@@ -0,0 +1,2 @@
+export declare const SharedColors: ReadonlyArray<string>;
+export declare function toSharedColor(id: string): string;

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

@@ -1,3 +1,10 @@
 import { RootState } from '../../engine/state';
+import { Settings } from '../../internal-types';
+import { ClipboardPayload } from '.';
 export declare function tableCopyToText(state: RootState): string;
 export declare function tableCopyToHtml(state: RootState): string;
+export declare function entitiesCopyToPayload({ editor: { selectedMap }, collections, }: RootState): ClipboardPayload | null;
+export declare function columnsCopyToPayload({ editor: { focusTable }, collections, }: RootState): ClipboardPayload | null;
+export declare function entitiesToTsv(payload: ClipboardPayload, settings: Settings): string;
+export declare function entitiesToHtmlTable(payload: ClipboardPayload, settings: Settings): string;
+export declare function payloadToHtml(payload: ClipboardPayload, tableHtml: string): string;

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

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

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

@@ -1,4 +1,7 @@
 import { RootState } from '../../engine/state';
 import { Column } from '../../internal-types';
+import { ClipboardPayload, ParseResult } from './payload';
 export declare function tablePasteFromTextToColumns({ settings: { show, columnOrder } }: RootState, text: string): Column[];
 export declare function tablePasteFromHtmlToColumns({ settings: { show, columnOrder } }: RootState, html: string): Column[];
+export declare function readClipboardPayload(dataTransfer: DataTransfer): ParseResult;
+export declare function payloadToColumns({ columns }: ClipboardPayload): Column[];

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

@@ -0,0 +1,83 @@
+import { ValuesType } from '../../internal-types';
+export declare const CLIPBOARD_MIME = "application/x-erd-editor";
+export declare const CLIPBOARD_FORMAT = "erd-editor-clipboard";
+export declare const CLIPBOARD_VERSION = 1;
+export declare const CLIPBOARD_HTML_ATTR = "data-erd-editor";
+export declare const CLIPBOARD_HTML_TRUNCATED_ATTR = "data-erd-editor-truncated";
+export declare const HTML_PAYLOAD_MAX_BYTES = 1000000;
+export declare const PayloadKind: {
+    readonly tables: "tables";
+    readonly columns: "columns";
+};
+export type PayloadKind = ValuesType<typeof PayloadKind>;
+export type ClipboardTable = {
+    sourceId: string;
+    name: string;
+    comment: string;
+    columnIds: string[];
+    ui: {
+        x: number;
+        y: number;
+        zIndex: number;
+        widthName: number;
+        widthComment: number;
+        color: string;
+    };
+};
+export type ClipboardColumn = {
+    sourceId: string;
+    tableId: string;
+    name: string;
+    comment: string;
+    dataType: string;
+    default: string;
+    options: number;
+    ui: {
+        keys: number;
+        widthName: number;
+        widthComment: number;
+        widthDataType: number;
+        widthDefault: number;
+    };
+};
+export type ClipboardMemo = {
+    sourceId: string;
+    value: string;
+    ui: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        zIndex: number;
+        color: string;
+    };
+};
+export type ClipboardPayload = {
+    format: typeof CLIPBOARD_FORMAT;
+    version: number;
+    copyId: string;
+    kind: PayloadKind;
+    tables: ClipboardTable[];
+    columns: ClipboardColumn[];
+    memos: ClipboardMemo[];
+};
+export type ParseResult = {
+    status: 'ok';
+    payload: ClipboardPayload;
+} | {
+    status: 'foreign';
+} | {
+    status: 'unsupported';
+    version: number;
+};
+type CreatePayloadConfig = {
+    kind: PayloadKind;
+    copyId?: string;
+    tables?: ClipboardTable[];
+    columns?: ClipboardColumn[];
+    memos?: ClipboardMemo[];
+};
+export declare function createPayload({ kind, copyId, tables, columns, memos, }: CreatePayloadConfig): ClipboardPayload;
+export declare function parsePayload(json: string): ParseResult;
+export declare function migratePayload(payload: ClipboardPayload): ClipboardPayload;
+export {};

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

@@ -0,0 +1,30 @@
+import { Memo, Point, Settings, Table } from '../../internal-types';
+export type PlacementEntity = {
+    sourceId: string;
+    ui: {
+        x: number;
+        y: number;
+        zIndex?: number;
+    };
+};
+export type PlacementSource = {
+    ui: {
+        x: number;
+        y: number;
+    };
+};
+export type PlacementPoint = {
+    x: number;
+    y: number;
+    zIndex: number;
+};
+export type ResolvePlacementConfig = {
+    entities: PlacementEntity[];
+    offset: Point;
+    escapeCollision: boolean;
+    settings: Settings;
+    tables: Table[];
+    memos: Memo[];
+    findSource: (sourceId: string) => PlacementSource | undefined | null;
+};
+export declare function resolvePlacement({ entities, offset, escapeCollision, settings, tables, memos, findSource, }: ResolvePlacementConfig): Map<string, PlacementPoint>;

package/dist/utils/validation.d.ts

@@ -14,3 +14,4 @@ export declare const hasCanvasType: (value: string) => boolean;
 export declare function textInRange(width: number): number;
 export declare function toSafeString(value: any): string;
 export declare function isHighLevelTable(zoomLevel: number): boolean;
+export declare function isEditableTarget(target: EventTarget | null): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dineug/erd-editor",
-  "version": "3.3.0",
+  "version": "3.4.0",
   "description": "Entity-Relationship Diagram Editor",
   "type": "module",
   "main": "./dist/erd-editor.js",
@@ -17,8 +17,7 @@
     }
   },
   "files": [
-    "dist/*.js",
-    "dist/**/*.ts"
+    "dist"
   ],
   "keywords": [
     "vuerd",
@@ -43,17 +42,22 @@
   "author": "SeungHwan-Lee <dineug2@gmail.com>",
   "license": "MIT",
   "scripts": {
-    "dev": "vite serve --mode lib",
+    "dev": "vp run --filter @dineug/erd-editor... --filter !@dineug/erd-editor build && vp dev",
     "dev:storybook": "storybook dev -p 6006",
-    "build": "vite build --mode lib",
     "build:storybook": "storybook build",
-    "nx:dev": "nx dev",
-    "nx:build": "nx build"
+    "test:dev": "vp test dev",
+    "test:coverage": "vp test run --coverage",
+    "e2e": "vp run --filter @dineug/erd-editor build && playwright test",
+    "e2e:dev": "playwright test --ui",
+    "e2e:headed": "playwright test --headed",
+    "e2e:report": "playwright show-report e2e/.report",
+    "e2e:bench": "vp run --filter @dineug/erd-editor build && playwright test -c playwright.bench.config.ts",
+    "e2e:typecheck": "tsc -p e2e/tsconfig.json"
   },
   "devDependencies": {
+    "@dbml/parse": "10.1.1",
     "@dineug/erd-editor-schema": "workspace:*",
     "@dineug/erd-editor-shiki-worker": "workspace:*",
-    "@dineug/go": "workspace:*",
     "@dineug/r-html": "workspace:*",
     "@dineug/schema-sql-parser": "workspace:*",
     "@dineug/shared": "workspace:*",
@@ -61,40 +65,40 @@
     "@easylogic/colorpicker": "1.10.11",
     "@egjs/agent": "^2.4.3",
     "@floating-ui/dom": "1.6.3",
-    "@fortawesome/free-regular-svg-icons": "6.5.2",
-    "@fortawesome/free-solid-svg-icons": "6.5.2",
-    "@mdi/js": "7.4.47",
+    "@playwright/test": "^1.62.1",
     "@radix-ui/colors": "3.0.0",
-    "@rollup/plugin-typescript": "^11.1.6",
-    "@storybook/addon-essentials": "^8.0.8",
-    "@storybook/addon-interactions": "^8.0.8",
-    "@storybook/addon-links": "^8.0.8",
-    "@storybook/blocks": "^8.0.8",
-    "@storybook/html": "^8.0.8",
-    "@storybook/html-vite": "^8.0.8",
-    "@storybook/test": "^8.0.8",
+    "@storybook/addon-docs": "^10.5.8",
+    "@storybook/addon-links": "^10.5.8",
+    "@storybook/html-vite": "^10.5.8",
     "@types/color": "^3.0.6",
     "@types/d3": "7.4.3",
     "@types/highlight-words-core": "^1.2.3",
-    "@types/lodash-es": "^4.17.12",
     "@types/luxon": "^3.4.2",
+    "@types/node": "^22.20.1",
+    "@typescript/typescript6": "6.0.2",
+    "@vitest/coverage-v8": "catalog:",
     "color": "^4.2.3",
     "comlink": "4.4.1",
     "d3": "7.9.0",
     "deepmerge": "^4.3.1",
+    "es-toolkit": "^1.50.0",
     "framer-motion": "^11.0.28",
     "fuse.js": "^7.0.0",
+    "graphql": "^16.14.2",
+    "happy-dom": "^20.11.2",
     "highlight-words-core": "^1.2.2",
     "html-to-image": "^1.11.11",
-    "lodash-es": "^4.17.21",
+    "lucide": "1.35.0",
     "luxon": "^3.4.4",
     "rxjs": "^7.8.1",
     "stats.js": "^0.17.0",
-    "storybook": "^8.0.8",
+    "storybook": "^10.5.8",
     "tinykeys": "^2.1.0",
     "tslib": "^2.8.1",
-    "typescript": "5.8.2",
-    "vite": "^6.2.1",
-    "vite-plugin-dts": "^4.5.3"
+    "typescript": "7.0.2",
+    "vite": "catalog:",
+    "vite-plugin-dts": "^5.0.3",
+    "vite-plus": "catalog:",
+    "vitest": "catalog:"
   }
 }