@antelopejs/dms-database 0.0.1

package/frontend-vue/pnpm-workspace.yaml

@@ -0,0 +1,2 @@
+packages:
+  - "."

package/frontend-vue/tests/persistence.test.ts

@@ -0,0 +1,70 @@
+import { afterEach, expect, it, vi } from 'vitest'
+import { computed, ref } from 'vue'
+import { useDataBrowserTabs } from '../app/composables/useDataBrowserTabs'
+
+afterEach(() => vi.unstubAllGlobals())
+
+function setup() {
+	vi.stubGlobal('useDmsState', (_key: string, init: () => unknown) =>
+		ref(init()),
+	)
+	vi.stubGlobal('computed', computed)
+	vi.stubGlobal('useDmsRoute', () => ({ query: {} }))
+	vi.stubGlobal('useDmsRouter', () => ({ replace: vi.fn() }))
+	vi.stubGlobal('useDataBrowserGrid', () => ({ drop: vi.fn() }))
+}
+
+it('restores browser session tabs and persists a new permanent tab', () => {
+	setup()
+	const setItem = vi.fn()
+	vi.stubGlobal('window', {
+		sessionStorage: {
+			getItem: () =>
+				JSON.stringify({
+					tabs: [{ schema: 'sales', instance: 'eu', table: 'orders' }],
+					activeId: null,
+				}),
+			setItem,
+		},
+	})
+	const browser = useDataBrowserTabs()
+	browser.restore()
+	expect(browser.activeId.value).toBe('sales::eu::orders')
+	browser.openTab('audit', 'us', 'events', false)
+	expect(browser.tabs.value.map((tab) => tab.id)).toEqual([
+		'sales::eu::orders',
+		'audit::us::events',
+	])
+	const [key, payload] = setItem.mock.lastCall!
+	expect(key).toBe('dms-database:data-browser:tabs')
+	expect(JSON.parse(payload).activeId).toBe('audit::us::events')
+})
+
+it('retains usable tabs when session storage is unavailable', () => {
+	setup()
+	const deny = () => {
+		throw new Error('Storage denied')
+	}
+	vi.stubGlobal('window', { sessionStorage: { getItem: deny, setItem: deny } })
+	const browser = useDataBrowserTabs()
+	browser.restore()
+	browser.openTab('sales', 'eu', 'orders', false)
+	expect(browser.activeId.value).toBe('sales::eu::orders')
+})
+
+it('does not revisit an already selected deep link while restoring tabs', () => {
+	setup()
+	const replace = vi.fn()
+	vi.stubGlobal('useDmsRouter', () => ({ replace }))
+	vi.stubGlobal('useDmsRoute', () => ({
+		query: { schema: 'sales', table: 'orders', instance: 'eu', panel: 'detail' },
+	}))
+	const browser = useDataBrowserTabs()
+	browser.restore()
+	expect(browser.activeId.value).toBe('sales::eu::orders')
+	expect(replace).not.toHaveBeenCalled()
+	browser.openTab('sales', 'us', 'orders', false)
+	expect(replace).toHaveBeenCalledExactlyOnceWith({
+		query: { schema: 'sales', table: 'orders', instance: 'us', panel: 'detail' },
+	})
+})

package/frontend-vue/tests/queryRuntime.test.ts

@@ -0,0 +1,53 @@
+import { expect, it } from 'vitest'
+import type { SchemaSummary } from '../app/composables/useDatabaseSchemas'
+import { prepareQueryPayload } from '../app/composables/useQueryRuntime'
+
+const schema: SchemaSummary = {
+	id: 'parity',
+	options: {},
+	tables: [
+		{
+			name: 'posts',
+			fields: {},
+			indexes: {},
+			relations: [],
+		},
+	],
+	stats: { tableCount: 1, elementCount: 57, instanceCount: 1 },
+	instances: ['default'],
+}
+
+it('serializes a staged browser query without execution methods', () => {
+	const prepared = prepareQueryPayload(
+		'schemas.parity.instance("default").table("posts").slice(0, 10)',
+		[schema],
+	)
+
+	expect(prepared).toEqual({
+		source: 'schemas.parity.instance("default").table("posts").slice(0, 10)',
+		hasMutations: false,
+		query: {
+			__cls: 'Table',
+			stages: [
+				{ stage: 'schema', options: { id: 'parity' }, args: [] },
+				{
+					stage: 'instance',
+					options: { id: 'default' },
+					args: [],
+				},
+				{ stage: 'table', options: { id: 'posts' }, args: [] },
+				{ stage: 'slice', args: [0, 10] },
+			],
+		},
+	})
+})
+
+it('marks staged mutations for confirmation', () => {
+	const prepared = prepareQueryPayload(
+		'schemas.parity.instance("default").table("posts").get("post-000").update({ title: "Changed" })',
+		[schema],
+	)
+
+	expect(prepared.hasMutations).toBe(true)
+	expect(prepared.query.__cls).toBe('Query')
+})

package/frontend-vue/tests/registration.test.ts

@@ -0,0 +1,33 @@
+import { expect, it, vi } from 'vitest'
+import frontendModule from '../dms.frontend'
+
+it('preserves all database page keys, component aliases and preloaders', async () => {
+	const registerComponent = vi.fn()
+	const registerPage = vi.fn()
+	await frontendModule.setup({
+		options: { public: {} },
+		registerComponent,
+		registerPage,
+		registerDynamicPage: vi.fn(),
+		registerLayout: vi.fn(),
+		registerErrorPage: vi.fn(),
+		registerPlugin: vi.fn(),
+		registerMiddleware: vi.fn(),
+		provide: vi.fn(),
+		use: vi.fn(),
+	})
+	expect(registerPage.mock.calls.map(([name]) => name)).toEqual([
+		'database/data',
+		'database/overview',
+		'database/query',
+		'database/schemas',
+	])
+	for (const [name, component, preload] of registerPage.mock.calls) {
+		const alias = `DmsDatabase${name.split('/')[1].replace(/^./, (character: string) => character.toUpperCase())}`
+		expect(registerComponent).toHaveBeenCalledWith(alias, component)
+		expect(preload).toBeTypeOf('function')
+	}
+	const names = registerComponent.mock.calls.map(([name]) => name)
+	expect(names).toContain('DmsDatabaseDataGrid')
+	expect(new Set(names).size).toBe(names.length)
+})

package/frontend-vue/tsconfig.json

@@ -0,0 +1,13 @@
+{
+	"compilerOptions": {
+		"target": "ESNext",
+		"module": "ESNext",
+		"moduleResolution": "Bundler",
+		"strict": true,
+		"noEmit": true,
+		"types": ["vite/client"],
+		"resolveJsonModule": true,
+		"skipLibCheck": true
+	},
+	"include": ["**/*.ts", "**/*.vue"]
+}

package/frontend-vue/vitest.config.ts

@@ -0,0 +1,5 @@
+import { defineConfig } from 'vitest/config'
+
+export default defineConfig({
+	test: { environment: 'node', include: ['tests/**/*.test.ts'] },
+})

package/package.json

@@ -0,0 +1,78 @@
+{
+  "name": "@antelopejs/dms-database",
+  "version": "0.0.1",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/AntelopeJS/dms-database.git"
+  },
+  "files": [
+    "dist",
+    "!dist/test",
+    "frontend-vue"
+  ],
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true,
+    "registry": "https://registry.npmjs.org/"
+  },
+  "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.12 <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"
+  },
+  "devDependencies": {
+    "@antelopejs/core": "^1.4.11",
+    "@antelopejs/tooling-configs": "^0.0.4",
+    "@types/chai": "^5.2.3",
+    "@types/mocha": "^10.0.10",
+    "@types/node": "^24.0.0",
+    "@types/semver": "^7.8.0",
+    "chai": "^6.2.2",
+    "knip": "^6.34.0",
+    "mocha": "^12.0.0",
+    "mongodb-memory-server-core": "^11.2.0",
+    "oxfmt": "^0.66.0",
+    "oxlint": "1.81.0",
+    "oxlint-tsgolint": "^7.0.2001",
+    "release-it": "^19.2.4",
+    "release-it-changelogen": "^0.1.0",
+    "rimraf": "^6.1.3",
+    "typescript": "^5.9.3"
+  },
+  "optionalDependencies": {
+    "@antelopejs/interface-dms-automation": ">=0.0.1 <1.0.0"
+  },
+  "antelopeJs": {
+    "baseUrl": "dist",
+    "implements": [],
+    "test": "src/test/harness.ts"
+  },
+  "scripts": {
+    "build": "rimraf dist && tsc -p tsconfig.build.json",
+    "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",
+    "format": "oxfmt . && pnpm --dir frontend-vue format",
+    "frontend:dev": "cd playground && pnpm frontend:dev",
+    "test": "pnpm run build && ajs module test .",
+    "release": "pnpm --dir frontend-vue install --frozen-lockfile && release-it",
+    "knip": "knip --dependencies",
+    "knip:all": "knip"
+  }
+}