@antelopejs/dms-database 0.0.5 → 0.0.7

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

@@ -49,14 +49,20 @@ const computedPath = computed<[string, number, number]>(() => {
 		:marker-end="markerEnd"
 		:marker-start="markerStart"
 		:style="style"
-		:label="label"
 		:label-x="computedPath[1]"
 		:label-y="computedPath[2]"
-		:label-style="labelStyle"
-		:label-show-bg="labelShowBg"
-		:label-bg-style="labelBgStyle"
-		:label-bg-padding="labelBgPadding"
-		:label-bg-border-radius="labelBgBorderRadius"
+		:label="undefined"
 		:interaction-width="interactionWidth"
 	/>
+	<text
+		v-if="label"
+		class="vue-flow__edge-text"
+		:x="computedPath[1]"
+		:y="computedPath[2]"
+		text-anchor="middle"
+		dominant-baseline="middle"
+		:style="labelStyle"
+	>
+		{{ label }}
+	</text>
 </template>

package/frontend-vue/app/custom-pages/database/schemas.vue

@@ -201,16 +201,16 @@ useTableViewRowClick<TableListRow>(COMPONENT_ID, openInspector);
 			/>
 		</div>
 
-		<!-- ClientOnly: vue-flow is not SSR-safe. Kept mounted (v-show) so toggling
+		<!-- DmsClientOnly: vue-flow is not SSR-safe. Kept mounted (v-show) so toggling
 		     List/Diagram preserves un-applied diagram edits and avoids a blocking
 		     confirm dialog on every switch. -->
-		<ClientOnly>
+		<DmsClientOnly>
 			<DmsDatabaseSchemaDiagram
 				v-show="view === 'diagram'"
 				:schema-id="selectedSchemaId"
 				:active="view === 'diagram'"
 				@inspect-table="openInspectorByName"
 			/>
-		</ClientOnly>
+		</DmsClientOnly>
 	</div>
 </template>

package/frontend-vue/package.json

@@ -7,7 +7,7 @@
 	"packageManager": "pnpm@10.6.5",
 	"scripts": {
 		"dev": "pnpm --dir ../playground frontend:dev",
-		"build": "pnpm --dir ../playground exec ajs-dms build",
+		"build": "pnpm --dir ../playground exec ajs dms build",
 		"typecheck": "pnpm --dir \"${DMS_FRONTEND_WORKSPACE:?Set DMS_FRONTEND_WORKSPACE to the generated Inertia workspace}\" typecheck",
 		"format": "prettier --write .",
 		"lint": "eslint .",
@@ -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/frontend-vue/tests/registration.test.ts

@@ -1,6 +1,26 @@
 import { expect, it, vi } from 'vitest'
+import { readFileSync } from 'node:fs'
 import frontendModule from '../dms.frontend'
 
+const schemasPage = readFileSync(
+	new URL('../app/custom-pages/database/schemas.vue', import.meta.url),
+	'utf8',
+)
+const relationEdge = readFileSync(
+	new URL('../app/components/DiagramRelationEdge.vue', import.meta.url),
+	'utf8',
+)
+
+it('uses the DMS client-only wrapper for the Vue Flow schema diagram', () => {
+	expect(schemasPage).toContain('<DmsClientOnly>')
+	expect(schemasPage).not.toContain('<ClientOnly>')
+})
+
+it('does not route relation labels through Vue Flow EdgeText measurement', () => {
+	expect(relationEdge).toContain(':label="undefined"')
+	expect(relationEdge).toContain('<text')
+})
+
 it('preserves all database page keys, component aliases and preloaders', async () => {
 	const registerComponent = vi.fn()
 	const registerPage = vi.fn()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antelopejs/dms-database",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "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.7.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": {