@conduction/nextcloud-vue 2.74.0 → 2.76.0

package/src/css/look-board-index.css

@@ -343,7 +343,10 @@
 }
 
 .cn-look-board .cn-index-page__main.cn-index-page__main--table {
-	flex: 0 1 auto;
+	/* The body is a row: the card takes the width left beside a sidebar (the
+	   board's table card spans the content), and keeps the height of its rows. */
+	flex: 1 1 auto;
+	align-self: flex-start;
 	border: 1px solid var(--color-border);
 	border-radius: var(--cn-board-card-radius, 12px);
 	background: var(--color-main-background);
@@ -533,6 +536,37 @@
 	background: var(--color-primary-element-light);
 }
 
+/* The status accent outranks the board's border, also on hover and selection. */
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent {
+	border-inline-start-width: 4px;
+	padding-inline-start: 13px;
+}
+
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent-success,
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent-success:hover {
+	border-inline-start-color: var(--color-element-success);
+}
+
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent-warning,
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent-warning:hover {
+	border-inline-start-color: var(--color-element-warning);
+}
+
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent-error,
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent-error:hover {
+	border-inline-start-color: var(--color-element-error);
+}
+
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent-info,
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent-info:hover {
+	border-inline-start-color: var(--color-element-info);
+}
+
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent-primary,
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent-primary:hover {
+	border-inline-start-color: var(--color-primary-element);
+}
+
 .cn-look-board .cn-object-card--board .cn-object-card__content {
 	display: flex;
 	flex: 1 1 auto;

package/src/directives/cnSelectAria.js

@@ -0,0 +1,54 @@
+/**
+ * SPDX-FileCopyrightText: 2026 Conduction B.V.
+ * SPDX-License-Identifier: EUPL-1.2
+ *
+ * `v-cn-select-aria`: puts `aria-invalid`, `aria-describedby` and
+ * `aria-required` on the search input of an NcSelect.
+ *
+ * NcSelect forwards no attributes to its input: an attribute bound on it lands
+ * on the wrapping `.v-select` div, where a screen reader never reads it. The
+ * input is the combobox, so the attributes belong there. This directive sets
+ * them on that input after every render, and removes the ones that go away
+ * (a field that becomes valid loses `aria-invalid`).
+ *
+ * Usage: `<NcSelect v-cn-select-aria="{ 'aria-invalid': 'true', 'aria-describedby': 'err-id' }" />`
+ * A `null` or `undefined` value does nothing, so a caller can bind it
+ * unconditionally.
+ *
+ * @spec openspec/changes/screens-form-parity/tasks.md
+ */
+
+const ARIA_ATTRIBUTES = ['aria-invalid', 'aria-describedby', 'aria-required']
+
+/**
+ * Apply the bound attributes to the combobox input inside the element.
+ *
+ * @param {HTMLElement} el The element the directive sits on (the select root).
+ * @param {{value: object|null|undefined}} binding The directive binding.
+ * @return {void}
+ */
+function apply(el, binding) {
+	const attributes = binding.value
+	if (!attributes || typeof el.querySelector !== 'function') {
+		return
+	}
+	const input = el.querySelector('input.vs__search') || el.querySelector('input')
+	if (!input) {
+		return
+	}
+	for (const name of ARIA_ATTRIBUTES) {
+		const value = attributes[name]
+		if (value === undefined || value === null || value === false) {
+			input.removeAttribute(name)
+		} else {
+			input.setAttribute(name, String(value))
+		}
+	}
+}
+
+export const cnSelectAria = {
+	mounted: apply,
+	updated: apply,
+}
+
+export default cnSelectAria

package/src/index.js

@@ -542,6 +542,7 @@ export { cnFetch, cnFetchJson, CnHttpError, configureCnFetch } from './utils/cnF
 // CnLockIndicator, CnObjectCard and CnDataTable, and available to apps that
 // need the same answer without rendering a padlock.
 export { isLockedByCurrentUser, isObjectLocked, lockHolder, readLockPayload, resolveObjectLock } from './utils/objectLock.js'
+export { dispatchObjectsChanged } from './utils/objectSignals.js'
 export { columnsFromSchema, fieldsFromSchema, filtersFromSchema, findRepeatingWrite, formatValue, journeyItemTargets, validateValue } from './utils/index.js'
 export { DYNAMIC_KEY_PREFIX, EXTENDS_FORM_KEY, PREFILL_KEY, splitDynamicFormData, usesArrayValues, valueArrayFor, valueRecordsFor } from './utils/index.js'
 // The OpenRegister schema API contract — shared so Buildiq and OpenRegister cannot

package/src/schemas/app-manifest-v2.schema.json

@@ -3,7 +3,7 @@
 	"$id": "https://raw.githubusercontent.com/ConductionNL/nextcloud-vue/main/src/schemas/app-manifest-v2.schema.json",
 	"title": "Conduction App Manifest v2",
 	"description": "v2 schema for the JSON-driven page and navigation manifest consumed by @conduction/nextcloud-vue. Introduces a uniform widgets[] array on every page type with a per-slot grid coordinate system, a typed actions[] discriminator, and the required $schema field for version detection. v1 manifests continue to validate against app-manifest.schema.json (unchanged).",
-	"version": "2.72.0",
+	"version": "2.73.0",
 	"type": "object",
 	"required": ["$schema", "version"],
 	"allOf": [
@@ -326,6 +326,11 @@
 						"alt": {
 							"type": "string",
 							"description": "i18n key / alternative text for the logo. Used only when no `name` is set."
+						},
+						"placement": {
+							"type": "string",
+							"enum": ["header", "nav"],
+							"description": "Where the brand block is drawn (screens-brand-block-top-bar). Under `look: \"board\"` the default is `header`: a 237px block at the start of Nextcloud's own header (#header), before the app menu, drawn by CnAppRoot; an app without CnAppNav has it too. Nextcloud offers no extension point there, so when `#header` is absent the block falls back to the navigation. `nav` keeps the block at the top of the app navigation. Ignored without the board look, where the navigation draws the block."
 						}
 					}
 				},

package/src/store/useObjectStore.js

@@ -240,9 +240,10 @@ const baseActions = {
 	 * @param {object} [slugs] Optional slug hints for live-updates transport
 	 * @param {string|null} [slugs.registerSlug] Canonical register slug (e.g. 'zaken')
 	 * @param {string|null} [slugs.schemaSlug]   Canonical schema slug (e.g. 'meldingen')
+	 * @param {string} [slugs.collectionUrl] Endpoint `fetchCollection` lists from instead of `/register/schema`; every other call keeps the pair URL
 	 */
 	registerObjectType(slug, schemaId, registerId, slugs = {}) {
-		const { registerSlug = null, schemaSlug = null } = slugs
+		const { registerSlug = null, schemaSlug = null, collectionUrl = null } = slugs
 		// Replace entire objects so Vue 2 reactivity detects the change
 		// (Vue 2 cannot track new properties added to existing reactive objects)
 		this.objectTypeRegistry = {
@@ -252,6 +253,7 @@ const baseActions = {
 				register: registerId,
 				registerSlug,
 				schemaSlug,
+				...(collectionUrl ? { collectionUrl } : {}),
 			},
 		}
 		this.collections = { ...this.collections, [slug]: [] }
@@ -496,6 +498,31 @@ const baseActions = {
 		return url
 	},
 
+	/**
+	 * Build the list URL for a type registered with a `collectionUrl`. `_order`
+	 * goes in the bracket form (`_order[key]=dir`) every PHP endpoint parses.
+	 *
+	 * @param {object} config The type config
+	 * @param {object} [params] Query parameters
+	 * @return {string} Full URL including query string
+	 */
+	_buildCollectionUrl(config, params = {}) {
+		const { _order: order, ...rest } = params
+		const merged = { ...rest }
+		if (order && typeof order === 'object') {
+			for (const [key, dir] of Object.entries(order)) {
+				merged[`_order[${key}]`] = dir
+			}
+		}
+		const lang = this._resolveLanguage()
+		if (lang) {
+			merged._lang = lang
+		}
+		const url = prefixUrl(config.collectionUrl)
+		const query = buildQueryString(merged)
+		return query && url.includes('?') ? url + '&' + query.slice(1) : url + query
+	},
+
 	/**
 	 * Fetch for a type, retrying ONCE with its `schemaFallback` when the
 	 * schema path segment answers 404. A type without a fallback (every type
@@ -685,14 +712,15 @@ const baseActions = {
 				}
 			}
 
-			const response = await this._fetchWithSchemaFallback(
-				type,
-				(schema) => this._buildUrlWithParams(type, fetchParams, null, schema),
-				{
-					method: 'GET',
-					headers: this._buildHeaders(),
-				},
-			)
+			const config = this._getTypeConfig(type)
+			const init = { method: 'GET', headers: this._buildHeaders() }
+			const response = config.collectionUrl
+				? await trackedFetch(this._buildCollectionUrl(config, fetchParams), init)
+				: await this._fetchWithSchemaFallback(
+						type,
+						(schema) => this._buildUrlWithParams(type, fetchParams, null, schema),
+						init,
+					)
 
 			if (!response.ok) {
 				const failure = await parseResponseError(response, type)

package/src/utils/cnFetch.js

@@ -59,11 +59,26 @@ export function configureCnFetch(config = {}) {
 	}
 	transport = {
 		host,
-		baseUrl: typeof config.baseUrl === 'string' ? config.baseUrl.replace(/\/+$/, '') : '',
+		baseUrl: typeof config.baseUrl === 'string' ? stripTrailingSlashes(config.baseUrl) : '',
 		credential: config.credential || null,
 	}
 }
 
+/**
+ * Drop trailing `/` characters in one linear pass (a `/\/+$/` pattern
+ * backtracks quadratically on a long run of slashes).
+ *
+ * @param {string} value The string to trim.
+ * @return {string} The string without trailing slashes.
+ */
+export function stripTrailingSlashes(value) {
+	let end = value.length
+	while (end > 0 && value.charCodeAt(end - 1) === 47) {
+		end--
+	}
+	return value.slice(0, end)
+}
+
 /**
  * The bearer credential, resolved.
  *

package/src/utils/index.js

@@ -19,3 +19,4 @@ export { validateFieldValue } from './formValidation.js'
 export { computeObjectDiff } from './computeObjectDiff.js'
 export { foldAuditTrailEntries } from './auditTrailDiff.js'
 export { isLockedByCurrentUser, isObjectLocked, lockHolder, readLockPayload, resolveObjectLock } from './objectLock.js'
+export { dispatchObjectsChanged } from './objectSignals.js'

package/src/utils/objectSignals.js

@@ -0,0 +1,41 @@
+/**
+ * SPDX-FileCopyrightText: 2026 Conduction B.V.
+ * SPDX-License-Identifier: EUPL-1.2
+ *
+ * Signal that objects changed outside the surface showing them, such as files
+ * uploaded or an object saved from an app's own modal. CnIndexPage listens and
+ * refreshes its list when the register and schema match.
+ *
+ * @module utils/objectSignals
+ */
+
+export const OBJECTS_CHANGED_EVENT = 'cn:objects-changed'
+
+/**
+ * Announce that objects of a register and schema changed.
+ *
+ * Pass the same register and schema identifiers (slug or id) the listing page
+ * uses. Leaving one out matches every page on that part.
+ *
+ * @param {object} [payload] What changed.
+ * @param {string|number} [payload.register] The register slug or id.
+ * @param {string|number} [payload.schema] The schema slug or id.
+ * @param {string} [payload.id] The changed object's id, when there is one.
+ * @return {boolean} True when the event was dispatched.
+ */
+export function dispatchObjectsChanged({ register, schema, id } = {}) {
+	if (typeof window === 'undefined') {
+		return false
+	}
+	const detail = {
+		register: register === undefined || register === null || register === '' ? null : String(register),
+		schema: schema === undefined || schema === null || schema === '' ? null : String(schema),
+		id: id ? String(id) : null,
+	}
+	try {
+		window.dispatchEvent(new CustomEvent(OBJECTS_CHANGED_EVENT, { detail }))
+		return true
+	} catch {
+		return false
+	}
+}

package/src/utils/resolveBrand.js

@@ -0,0 +1,37 @@
+/**
+ * SPDX-FileCopyrightText: 2026 Conduction B.V.
+ * SPDX-License-Identifier: EUPL-1.2
+ *
+ * Reads a declared brand (`nav.brand`, or the `brand` prop of CnAppNav and
+ * CnAppRoot) into the one shape the brand block and the brand bar draw.
+ *
+ * @spec openspec/changes/screens-brand-block-top-bar/tasks.md
+ */
+
+/**
+ * Resolve a declared brand.
+ *
+ * @param {object|null|undefined} declared The declared brand.
+ * @param {(text: string) => string} translate Label lookup for name, caption and alt.
+ * @return {{logo: string, emblem: (string|boolean), name: string, caption: string, alt: string, placement: string}|null}
+ *   The brand, or null when nothing is declared that can be drawn.
+ */
+export function resolveBrand(declared, translate) {
+	if (!declared || typeof declared !== 'object') {
+		return null
+	}
+	const text = (value) => (typeof value === 'string' && value !== '' ? translate(value) : '')
+	const brand = {
+		logo: typeof declared.logo === 'string' ? declared.logo : '',
+		// A URL, or `true` for the theme's emblem (--nldesign-emblem-url).
+		emblem: declared.emblem === true ? true : (typeof declared.emblem === 'string' ? declared.emblem : ''),
+		name: text(declared.name),
+		caption: text(declared.caption),
+		alt: text(declared.alt),
+		// '' means "not declared": the caller decides the default from the look.
+		placement: declared.placement === 'nav' || declared.placement === 'header' ? declared.placement : '',
+	}
+	return (brand.logo || brand.emblem || brand.name || brand.caption) ? brand : null
+}
+
+export default resolveBrand