Umbraco 15 - Get the current node path (similar to editorState.getCurrent().path in AngularJS)

tobi · April 8, 2025, 11:14am

Hi
So the title says it all, I guess.
In Umbraco 15 - How do i get the current node path (similar to editorState.getCurrent().path in AngularJS) inside a property editor?
Which context to consume?

sebastiaan · April 8, 2025, 12:01pm

What have you tried so far? I’m looking at the following thread:

That provide the current node key, so maybe there’s mor to be found by using UMB_DOCUMENT_WORKSPACE_CONTEXT? As noted in that post, adding <umb-debug visible dialog></umb-debug> might be helpful to dig a little deeper.

tobi · April 9, 2025, 10:32am

Well, I’ve actually decided to use “unique” aka. the current node guid to call a service to get the info I need I have no idea if information like a nodes path is available in one of these contexts?

sebastiaan · April 9, 2025, 10:50am

Since the Info context app is on the current node, it has access to the path information, I’d look at the source code of the info app:

The sources of it is here, and might give you some more ideas to work off:

github.com/umbraco/Umbraco-CMS

src/Umbraco.Web.UI.Client/src/packages/documents/documents/url/info-app/document-links-workspace-info-app.element.ts

contrib

import { UmbDocumentUrlRepository } from '../repository/index.js';
import type { UmbDocumentVariantOptionModel } from '../../types.js';
import { UMB_DOCUMENT_WORKSPACE_CONTEXT } from '../../workspace/constants.js';
import type { UmbDocumentUrlModel } from '../repository/types.js';
import { css, customElement, html, nothing, repeat, state, when } from '@umbraco-cms/backoffice/external/lit';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import type { UmbEntityActionEvent } from '@umbraco-cms/backoffice/entity-action';
import { UmbRequestReloadStructureForEntityEvent } from '@umbraco-cms/backoffice/entity-action';
import { UMB_ACTION_EVENT_CONTEXT } from '@umbraco-cms/backoffice/action';
import { observeMultiple } from '@umbraco-cms/backoffice/observable-api';
import { DocumentVariantStateModel } from '@umbraco-cms/backoffice/external/backend-api';
import { debounce } from '@umbraco-cms/backoffice/utils';
import { UMB_APP_LANGUAGE_CONTEXT } from '@umbraco-cms/backoffice/language';

interface UmbDocumentInfoViewLink {
	culture: string;
	url: string | undefined;
	state: DocumentVariantStateModel | null | undefined;
}

This file has been truncated. show original

tobi · April 9, 2025, 11:10am

Ah, thats could be a way to find what I need Thanks
Although, I must say that the documentation on the backoffice is quite poor at this point It could be nice with some easy understandable list of which context to use when your looking for something specific. Guess it will get better with time.

Any idea how to do something like navigationService.syncTree() from angularjs in v15?

sebastiaan · April 9, 2025, 11:22am

We’re aware of documentation issues, and will be working on this for the rest of the year:

Anyway, the thing I just keep reminding myself is that all of the Umbraco backoffice is written as an extension., so every little bit that we do is something you should be able to do as well - with some limitations I guess as not all of the APIs are public, but if we’re missing something then maybe they should be.

One of the things that is probably not available yet is syncing the tree, I’ll ask around.

tobi · April 9, 2025, 11:25am

That makes sense and great to hear that you are working on it

Please, if any one knows how to sync the tree, that would be awesome

Would also love to know how to see if the node is saved or published yet.