@antelopejs/dms-database 0.0.6 → 0.0.8

package/frontend-vue/app/components/SchemaDiagram.vue

@@ -6,6 +6,11 @@ import {
 	type VueFlowStore,
 } from "@vue-flow/core";
 import dagre from "@dagrejs/dagre";
+import type { ShallowUnwrapRef } from "vue";
+import DiagramNoteNode from "./DiagramNoteNode.vue";
+import DiagramRelationEdge from "./DiagramRelationEdge.vue";
+import DiagramStubNode from "./DiagramStubNode.vue";
+import DiagramTableNode from "./DiagramTableNode.vue";
 import type { SchemaSummary } from "../composables/useDatabaseSchemas";
 import type {
 	DiagramNote,
@@ -192,7 +197,9 @@ const {
 // exposes the full imperative VueFlow controller (setNodes/setEdges/fitView/
 // viewport/findNode/onNodeDrag…) via a template ref; all the ERD business
 // logic below (dagre auto-layout, edge routing, undo/redo, notes) stays here.
-const canvas = ref<VueFlowStore | null>(null);
+// Vue's expose proxy unwraps the controller's refs: `edges` is the array
+// itself, not a Ref (`edges.value` is undefined and threw on every drag).
+const canvas = shallowRef<ShallowUnwrapRef<VueFlowStore> | null>(null);
 // Our own wrapper element — used to measure the visible canvas for note placement.
 const canvasWrapper = ref<HTMLElement | null>(null);
 
@@ -788,15 +795,19 @@ async function applyChanges() {
 	}
 }
 
-const nodeTypes = {
-	[TABLE_NODE_TYPE]: resolveComponent("DmsDatabaseDiagramTableNode"),
-	[STUB_NODE_TYPE]: resolveComponent("DmsDatabaseDiagramStubNode"),
-	[NOTE_NODE_TYPE]: resolveComponent("DmsDatabaseDiagramNoteNode"),
-};
+// Imported directly, not resolved by name: the DMS registers its global
+// components as async components, and the async relation edge was mounted
+// with the HTML namespace — its <path> was created as an HTML element inside
+// the edges <svg>, so no relation line was drawn.
+const nodeTypes = markRaw({
+	[TABLE_NODE_TYPE]: DiagramTableNode,
+	[STUB_NODE_TYPE]: DiagramStubNode,
+	[NOTE_NODE_TYPE]: DiagramNoteNode,
+});
 
-const edgeTypes = {
-	[RELATION_EDGE_TYPE]: resolveComponent("DmsDatabaseDiagramRelationEdge"),
-};
+const edgeTypes = markRaw({
+	[RELATION_EDGE_TYPE]: DiagramRelationEdge,
+});
 
 const zoomPercent = computed(
 	() => `${Math.round(liveViewport.value.zoom * 100)}%`,
@@ -810,7 +821,7 @@ function widthForNodeType(type: string | undefined): number {
 function recomputeEdgesForNode(nodeId: string) {
 	const instance = canvas.value;
 	if (!instance) return;
-	for (const edge of instance.edges.value) {
+	for (const edge of instance.edges) {
 		if (edge.source !== nodeId && edge.target !== nodeId) continue;
 		const sNode = instance.findNode(edge.source);
 		const tNode = instance.findNode(edge.target);

package/frontend-vue/package.json

@@ -15,7 +15,7 @@
 		"test": "vitest run"
 	},
 	"dependencies": {
-		"@antelopejs/interface-core": ">=0.0.13 <1.0.0",
+		"@antelopejs/interface-core": ">=0.1.1 <1.0.0",
 		"@antelopejs/interface-database": ">=0.1.7 <1.0.0",
 		"@codemirror/autocomplete": "^6.18.6",
 		"@codemirror/commands": "^6.8.1",

package/frontend-vue/pnpm-lock.yaml

@@ -9,11 +9,11 @@ importers:
   .:
     dependencies:
       '@antelopejs/interface-core':
-        specifier: '>=0.0.13 <1.0.0'
-        version: 0.0.13
+        specifier: '>=0.1.1 <1.0.0'
+        version: 0.1.1
       '@antelopejs/interface-database':
         specifier: '>=0.1.7 <1.0.0'
-        version: 0.1.7(@antelopejs/interface-core@0.0.13)
+        version: 0.1.7(@antelopejs/interface-core@0.1.1)
       '@codemirror/autocomplete':
         specifier: ^6.18.6
         version: 6.20.3
@@ -79,8 +79,8 @@ packages:
     resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
     engines: {node: '>=10'}
 
-  '@antelopejs/interface-core@0.0.13':
-    resolution: {integrity: sha512-zMVhW5OefmVNRLHvd3rPQTaShy+k9w6+cOhqOryyfxgVyRZ18nBlV8VSq9TuPkFIo5OGNAXFybOf54DRSnPVsw==}
+  '@antelopejs/interface-core@0.1.1':
+    resolution: {integrity: sha512-nGxElt51KGWIwGsUcFdGT7ikQEqDB+mLj4NQ/eFL/DI1+j65GJqq9PdkVT4x3/YKchNA48iMbzXyW7bKUsQ8Iw==}
 
   '@antelopejs/interface-database@0.1.7':
     resolution: {integrity: sha512-2rXQZ0ynLInKxk++2XUPH1fHqd5Sj6k0QC2UxqOzsdfUSoyCyhsfnbELEV/i6jenUHeXGZ2vESkwxXTS9KJpbg==}
@@ -2939,13 +2939,13 @@ snapshots:
 
   '@alloc/quick-lru@5.2.0': {}
 
-  '@antelopejs/interface-core@0.0.13':
+  '@antelopejs/interface-core@0.1.1':
     dependencies:
       reflect-metadata: 0.2.2
 
-  '@antelopejs/interface-database@0.1.7(@antelopejs/interface-core@0.0.13)':
+  '@antelopejs/interface-database@0.1.7(@antelopejs/interface-core@0.1.1)':
     dependencies:
-      '@antelopejs/interface-core': 0.0.13
+      '@antelopejs/interface-core': 0.1.1
 
   '@antfu/install-pkg@2.0.1':
     dependencies:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antelopejs/dms-database",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -9,6 +9,7 @@
   "files": [
     "dist",
     "!dist/test",
+    "!dist/.tsbuildinfo",
     "frontend-vue"
   ],
   "main": "dist/index.js",
@@ -26,13 +27,13 @@
     "registry": "https://registry.npmjs.org/"
   },
   "scripts": {
-    "build": "rimraf dist && tsc -p tsconfig.build.json",
+    "build": "rimraf dist && tsc",
     "dev:frontend": "pnpm frontend:dev",
     "dev": "ajs project run -w -p playground",
     "generate": "ajs module exports generate",
     "lint:fix": "oxlint --fix --max-warnings=1000000 && oxfmt . && pnpm --dir frontend-vue lint:fix",
     "lint": "oxlint && oxfmt --check . && pnpm --dir frontend-vue lint",
-    "typecheck": "tsc -p tsconfig.json",
+    "typecheck": "tsc --noEmit",
     "format": "oxfmt . && pnpm --dir frontend-vue format",
     "frontend:dev": "cd playground && pnpm frontend:dev",
     "test": "pnpm run build && ajs module test .",
@@ -44,13 +45,13 @@
   "dependencies": {
     "@antelopejs/interface-api": ">=0.0.13 <1.0.0",
     "@antelopejs/interface-api-util": ">=0.1.2 <1.0.0",
-    "@antelopejs/interface-core": ">=0.0.13 <1.0.0",
+    "@antelopejs/interface-core": ">=0.1.1 <1.0.0",
     "@antelopejs/interface-database": ">=0.1.7 <1.0.0",
     "@antelopejs/interface-database-decorators": ">=0.1.6 <1.0.0",
-    "@antelopejs/interface-dms": ">=0.0.1 <1.0.0"
+    "@antelopejs/interface-dms": ">=0.2.0 <1.0.0"
   },
   "devDependencies": {
-    "@antelopejs/core": ">=1.8.0 <2",
+    "@antelopejs/core": ">=1.9.1 <2",
     "@antelopejs/tooling-configs": ">=0.0.6 <1.0.0",
     "@types/chai": "^5.2.3",
     "@types/mocha": "^10.0.10",
@@ -66,10 +67,10 @@
     "release-it": "^19.2.4",
     "release-it-changelogen": "^0.1.0",
     "rimraf": "^6.1.3",
-    "typescript": "^5.9.3"
+    "typescript": "^6.0.3"
   },
   "optionalDependencies": {
-    "@antelopejs/interface-dms-automation": ">=0.0.1 <1.0.0"
+    "@antelopejs/interface-dms-automation": ">=0.1.0 <1.0.0"
   },
   "packageManager": "pnpm@10.2.0",
   "antelopeJs": {