@dineug/erd-editor 3.4.0 → 3.5.0

package/dist/utils/globalEventObservable.d.ts

@@ -1,16 +1,17 @@
-export declare const keyup$: import('rxjs').Observable<KeyboardEvent>;
-export declare const mousedown$: import('rxjs').Observable<MouseEvent>;
-export declare const mousemove$: import('rxjs').Observable<MouseEvent>;
-export declare const mouseup$: import('rxjs').Observable<MouseEvent>;
-export declare const touchstart$: import('rxjs').Observable<TouchEvent>;
-export declare const touchmove$: import('rxjs').Observable<TouchEvent>;
-export declare const touchend$: import('rxjs').Observable<TouchEvent>;
-export declare const animationFrames$: import('rxjs').Observable<{
+import { Observable } from 'rxjs';
+export declare const keyup$: Observable<KeyboardEvent>;
+export declare const mousedown$: Observable<MouseEvent>;
+export declare const mousemove$: Observable<MouseEvent>;
+export declare const mouseup$: Observable<MouseEvent>;
+export declare const touchstart$: Observable<TouchEvent>;
+export declare const touchmove$: Observable<TouchEvent>;
+export declare const touchend$: Observable<TouchEvent>;
+export declare const animationFrames$: Observable<{
     timestamp: number;
     elapsed: number;
 }>;
-export declare const moveStart$: import('rxjs').Observable<MouseEvent | TouchEvent>;
-export declare const moveEnd$: import('rxjs').Observable<MouseEvent | TouchEvent>;
+export declare const moveStart$: Observable<MouseEvent | TouchEvent>;
+export declare const moveEnd$: Observable<MouseEvent | TouchEvent>;
 export type DragMove = {
     movementX: number;
     movementY: number;
@@ -18,7 +19,7 @@ export type DragMove = {
     y: number;
     event: MouseEvent | TouchEvent;
 };
-export declare const move$: import('rxjs').Observable<{
+export declare const move$: Observable<{
     event: MouseEvent;
     movementX: number;
     movementY: number;
@@ -31,7 +32,7 @@ export declare const move$: import('rxjs').Observable<{
     x: number;
     y: number;
 }>;
-export declare const drag$: import('rxjs').Observable<{
+export declare const drag$: Observable<{
     event: MouseEvent;
     movementX: number;
     movementY: number;

package/dist/utils/icon.d.ts

@@ -1 +1,9 @@
-export declare function getRelationshipIcon(relationshipType: number): string | null;
+import { IconNode } from 'lucide';
+/**
+ * An icon node as an svg data uri, which is what css cursor takes. The glyph
+ * is drawn twice, the halo under the ink, with the caps and joins Icon.tsx puts
+ * on its svg so the cursor matches the menu item.
+ */
+export declare function toCursorImage(node: IconNode, isDarkMode: boolean): string;
+/** The draw-relationship cursor for a relationship type, or null for a type with no glyph. */
+export declare function getRelationshipIcon(relationshipType: number, isDarkMode: boolean): string | null;

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

@@ -33,4 +33,10 @@ export type KeyBindingMap = Record<KeyBindingName, ShortcutOption[]>;
 export declare const createKeyBindingMap: () => KeyBindingMap;
 export declare function shortcutToTuple(shortcut?: string): KeyBindingPress[];
 export declare function isMod(event: MouseEvent | TouchEvent | KeyboardEvent): boolean;
+/**
+ * Whether the press still belongs to an IME composition. The browser finishes
+ * the composition on its own, so a binding that fired here would spend a key
+ * the text editor was owed and leave a half-formed syllable behind.
+ */
+export declare function isComposing(event: KeyboardEvent): boolean;
 export declare function simpleShortcutToString(shortcut?: string): string;

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

@@ -1,13 +1,12 @@
 import { AMLModel } from './types';
 /**
- * `enumValues` carries the inline `status post_status(draft, published)`
- * members, which never reach `model.types`. Both entry points take them as a
- * trailing optional argument so `convert.ts` keeps one call site each, and
- * inline members take precedence over anything the name would resolve to.
+ * enumValues carries the inline members, which never reach model.types. Both
+ * entry points take them as a trailing optional argument, and inline members
+ * take precedence over anything the name would resolve to.
  */
 export declare function resolveDataType(typeName: string, database: number, model: AMLModel, enumValues?: string[]): 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.
+ * 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(typeName: string, model: AMLModel, database: number, enumValues?: string[]): string;

package/dist/utils/schema-aml-parser/tokenizer.d.ts

@@ -10,11 +10,9 @@ export declare const TokenKind: {
     readonly newline: 9;
 };
 /**
- * AML is indentation-sensitive, so every token carries the depth of its line --
- * `-1` when the line is unindented, `0` for the first nesting level. A newline
- * token opens the line that follows it and already holds that line's depth, and
- * the stream always starts with a synthetic one (`value: ''`, `line: 0`), so
- * `parser.ts` reads the first line's depth the same way as every other line's.
+ * AML is indentation-sensitive, so every token carries its line's depth. A
+ * newline token opens the line that follows and holds that line's depth, and a
+ * synthetic one starts the stream so the first line reads like every other.
  */
 export type Token = {
     kind: number;

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

@@ -1,20 +1,19 @@
 /**
- * `tokenizer.ts` and `parser.ts` own every AML syntax concern -- indentation,
- * quoting and the constraint grammar are resolved into the flat fields below,
- * so `convert.ts` never sees a token. Nesting is resolved the same way: a
- * nested attribute reaches `convert.ts` as one entry whose `path` is dotted.
+ * tokenizer.ts and parser.ts own every AML syntax concern, resolving
+ * indentation, quoting and the constraint grammar into the flat fields below,
+ * so convert.ts never sees a token and a nested attribute arrives dotted.
  */
 export type AMLNamespace = {
     database: string;
     catalog: string;
     schema: string;
 };
-/** `-` and `--` read as `1`, `>` and `<>` as `n`. */
+/** A dash on either end reads as 1, an angle bracket as n. */
 export type AMLCardinality = '1' | 'n';
 export type AMLEndpoint = {
     namespace: AMLNamespace;
     entityName: string;
-    /** Dotted from the entity root, so a nested endpoint keeps `settings.slug`. */
+    /** Dotted from the entity root, so a nested endpoint keeps settings.slug. */
     attributePaths: string[];
 };
 export type AMLRelation = {
@@ -22,12 +21,12 @@ export type AMLRelation = {
     ref: AMLEndpoint;
     srcCardinality: AMLCardinality;
     refCardinality: AMLCardinality;
-    /** `-item_kind=User>`; the discriminator has no editor slot and is dropped. */
+    /** -item_kind=User>; the discriminator has no editor slot and is dropped. */
     polymorphic: boolean;
 };
 /**
- * One `unique` / `unique=name` / `index` / `index=name` constraint. A bare
- * `unique` is a column flag; every other spelling groups by `name`.
+ * One unique / unique=name / index / index=name constraint. A bare
+ * unique is a column flag; every other spelling groups by name.
  */
 export type AMLAttributeIndex = {
     name: string;
@@ -39,9 +38,9 @@ export type AMLAttribute = {
     comment: string;
     /** Holds the argument list and any array suffix; never the namespace. */
     typeName: string;
-    /** Inline `status post_status(draft, published)` members. */
+    /** Inline status post_status(draft, published) members. */
     enumValues: string[];
-    /** AML is NOT NULL by default, so `nullable` is what clears this. */
+    /** AML is NOT NULL by default, so nullable is what clears this. */
     notNull: boolean;
     primaryKey: boolean;
     indexes: AMLAttributeIndex[];
@@ -58,14 +57,14 @@ export type AMLEntity = {
 /** A struct and a custom type carry neither field, which is what stops a lookup. */
 export type AMLType = {
     values: string[];
-    /** `type uid int` -- the aliased name. */
+    /** type uid int -- the aliased name. */
     alias: string;
 };
 export type AMLModel = {
     entities: AMLEntity[];
-    /** Inline and standalone relations in source order, both with `src` filled. */
+    /** Inline and standalone relations in source order, both with src filled. */
     relations: AMLRelation[];
-    /** Keyed by the qualified name, so `cms.post_status` and `post_status` stay apart. */
+    /** Keyed by the qualified name, so cms.post_status and post_status stay apart. */
     types: Record<string, AMLType>;
     skipped: string[];
 };

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

@@ -1,7 +1,7 @@
 import { DBMLModel } from './types';
 export declare function resolveDataType(typeName: string, typeSchemaName: string, database: number, model: DBMLModel): 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.
+ * 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(typeName: string, typeSchemaName: string, model: DBMLModel, database: number): string;

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

@@ -1,6 +1,6 @@
 /**
- * `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.
+ * 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;
@@ -8,7 +8,7 @@ export type DBMLEndpoint = {
     columnNames: string[];
 };
 export type DBMLInlineRef = {
-    /** `-`, `<`, `>` or `<>`, with the `?` optionality markers dropped. */
+    /** -, <, > or <>, with the ? optionality markers dropped. */
     operator: string;
     target: DBMLEndpoint;
 };
@@ -28,7 +28,7 @@ export type DBMLColumn = {
 export type DBMLIndex = {
     name: string;
     unique: boolean;
-    /** `[pk]`, which is DBML's only composite primary key spelling. */
+    /** [pk], which is DBML's only composite primary key spelling. */
     primaryKey: boolean;
     /** Expression columns are dropped, so these are column names only. */
     columnNames: string[];
@@ -49,7 +49,7 @@ export type DBMLRef = {
 export type DBMLModel = {
     tables: DBMLTable[];
     refs: DBMLRef[];
-    /** Keyed by the qualified name, so `s.status` and `status` stay apart. */
+    /** Keyed by the qualified name, so s.status and status stay apart. */
     enums: Record<string, string[]>;
     skipped: string[];
 };

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

@@ -1,7 +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.
+ * 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/types.d.ts

@@ -1,17 +1,17 @@
 /**
- * `parser.ts` owns every `graphql` AST concern -- directives are resolved into
- * the flat fields below, so `convert.ts` never imports from `graphql`.
+ * 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. */
+    /** 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. */
+    /** 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. */
+    /** Already rewritten by @map / @column(name:) when either is present. */
     name: string;
     comment: string;
     typeRef: GraphQLTypeRef;
@@ -19,7 +19,7 @@ export type GraphQLField = {
     unique: boolean;
     autoIncrement: boolean;
     default: string;
-    /** `@db.*` or `@column(dataType:)`; wins over the scalar lookup when set. */
+    /** @db.* or @column(dataType:); wins over the scalar lookup when set. */
     dataType: string;
     relationName: string;
     /** Columns on this type. */
@@ -43,7 +43,7 @@ export type GraphQLTable = {
 export type GraphQLModel = {
     tables: GraphQLTable[];
     enums: Record<string, string[]>;
-    /** `scalar X` declarations, so an unknown name can be told from a typo. */
+    /** 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. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dineug/erd-editor",
-  "version": "3.4.0",
+  "version": "3.5.0",
   "description": "Entity-Relationship Diagram Editor",
   "type": "module",
   "main": "./dist/erd-editor.js",
@@ -55,6 +55,7 @@
     "e2e:typecheck": "tsc -p e2e/tsconfig.json"
   },
   "devDependencies": {
+    "@chenglou/pretext": "0.0.8",
     "@dbml/parse": "10.1.1",
     "@dineug/erd-editor-schema": "workspace:*",
     "@dineug/erd-editor-shiki-worker": "workspace:*",
@@ -71,15 +72,16 @@
     "@storybook/addon-links": "^10.5.8",
     "@storybook/html-vite": "^10.5.8",
     "@types/color": "^3.0.6",
-    "@types/d3": "7.4.3",
+    "@types/d3-force": "3.0.9",
     "@types/highlight-words-core": "^1.2.3",
     "@types/luxon": "^3.4.2",
     "@types/node": "^22.20.1",
     "@typescript/typescript6": "6.0.2",
+    "@vitest/browser-playwright": "catalog:",
     "@vitest/coverage-v8": "catalog:",
     "color": "^4.2.3",
     "comlink": "4.4.1",
-    "d3": "7.9.0",
+    "d3-force": "3.0.0",
     "deepmerge": "^4.3.1",
     "es-toolkit": "^1.50.0",
     "framer-motion": "^11.0.28",
@@ -87,14 +89,13 @@
     "graphql": "^16.14.2",
     "happy-dom": "^20.11.2",
     "highlight-words-core": "^1.2.2",
-    "html-to-image": "^1.11.11",
+    "konva": "10.3.2",
     "lucide": "1.35.0",
     "luxon": "^3.4.4",
     "rxjs": "^7.8.1",
     "stats.js": "^0.17.0",
     "storybook": "^10.5.8",
     "tinykeys": "^2.1.0",
-    "tslib": "^2.8.1",
     "typescript": "7.0.2",
     "vite": "catalog:",
     "vite-plugin-dts": "^5.0.3",

package/dist/components/erd/canvas/canvas-svg/CanvasSvg.d.ts

@@ -1,7 +0,0 @@
-import { FC } from '@dineug/r-html';
-export type CanvasSvgProps = {
-    strokeWidth?: number;
-    class?: any;
-};
-declare const CanvasSvg: FC<CanvasSvgProps>;
-export default CanvasSvg;

package/dist/components/erd/canvas/canvas-svg/relationship/Relationship.template.d.ts

@@ -1,3 +0,0 @@
-import { DOMTemplateLiterals } from '@dineug/r-html';
-import { RelationshipPath } from '../../../../../utils/draw-relationship';
-export declare function relationshipShape(relationshipType: number, relationshipPath: RelationshipPath): DOMTemplateLiterals | null;

package/dist/components/erd/canvas/draw-relationship/DrawRelationship.styles.d.ts

@@ -1 +0,0 @@
-export declare const root: import('@dineug/r-html').CSSTemplateLiterals;

package/dist/components/erd/canvas/duplicate-ghost/DuplicateGhost.styles.d.ts

@@ -1,2 +0,0 @@
-export declare const ghostLayer: import('@dineug/r-html').CSSTemplateLiterals;
-export declare const ghostItem: import('@dineug/r-html').CSSTemplateLiterals;

package/dist/components/erd/canvas/high-level-table/HighLevelTable.styles.d.ts

@@ -1 +0,0 @@
-export declare const name: import('@dineug/r-html').CSSTemplateLiterals;

package/dist/components/erd/canvas/memo/Memo.styles.d.ts

@@ -1,6 +0,0 @@
-export declare const root: import('@dineug/r-html').CSSTemplateLiterals;
-export declare const container: import('@dineug/r-html').CSSTemplateLiterals;
-export declare const header: import('@dineug/r-html').CSSTemplateLiterals;
-export declare const headerColor: import('@dineug/r-html').CSSTemplateLiterals;
-export declare const headerButtonWrap: import('@dineug/r-html').CSSTemplateLiterals;
-export declare const textarea: import('@dineug/r-html').CSSTemplateLiterals;

package/dist/components/erd/canvas/shared-mouse-tracker/shared-mouse-cursor/SharedMouseCursor.styles.d.ts

@@ -1 +0,0 @@
-export declare const cursor: import('@dineug/r-html').CSSTemplateLiterals;

package/dist/components/erd/canvas/table/column/Column.styles.d.ts

@@ -1,2 +0,0 @@
-export declare const root: import('@dineug/r-html').CSSTemplateLiterals;
-export declare const iconButton: import('@dineug/r-html').CSSTemplateLiterals;

package/dist/components/erd/drag-select/DragSelect.d.ts

@@ -1,9 +0,0 @@
-import { FC, Ref } from '@dineug/r-html';
-export type DragSelectProps = {
-    x: number;
-    y: number;
-    root: Ref<HTMLDivElement>;
-    onDragSelectEnd: () => void;
-};
-declare const DragSelect: FC<DragSelectProps>;
-export default DragSelect;

package/dist/components/erd/drag-select/DragSelect.styles.d.ts

@@ -1 +0,0 @@
-export declare const dragSelect: import('@dineug/r-html').CSSTemplateLiterals;