@antelopejs/dms-database 0.0.4 → 0.0.6

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/dms.frontend.ts

@@ -1,5 +1,5 @@
 import { defineAsyncComponent, type Component } from 'vue'
-import type { DmsFrontendModule } from '#dms-inertia/frontend-module'
+import type { DmsFrontendModule } from '#dms/frontend-module'
 
 interface VueModule {
 	default: Component

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 .",

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.4",
+  "version": "0.0.6",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -50,7 +50,7 @@
     "@antelopejs/interface-dms": ">=0.0.1 <1.0.0"
   },
   "devDependencies": {
-    "@antelopejs/core": "^1.4.11",
+    "@antelopejs/core": ">=1.8.0 <2",
     "@antelopejs/tooling-configs": ">=0.0.6 <1.0.0",
     "@types/chai": "^5.2.3",
     "@types/mocha": "^10.0.10",