ldap-rest 0.4.7 → 0.6.0

package/static/browser/ldap-browser/LdapBrowser.js

@@ -0,0 +1,199 @@
+import { escapeHtml } from '../shared/utils/dom.js';
+import { RawApiClient } from './api/RawApiClient.js';
+import { EntryTree } from './components/EntryTree.js';
+import { EntryView } from './components/EntryView.js';
+import { SchemaView } from './schema.js';
+
+/**
+ * Low-level LDAP browser: a tree of the directory on the left, the raw
+ * content of the selected entry on the right, and a filter search on top.
+ *
+ * Read-only: it renders what the `core/ldap/raw` plugin serves.
+ *
+ * @module browser/ldap-browser/LdapBrowser
+ */
+class LdapBrowser {
+    constructor(options) {
+        this.container = null;
+        this.tree = null;
+        this.entryView = null;
+        this.schema = null;
+        this.bases = [];
+        this.currentDn = null;
+        this.options = options;
+        this.api = new RawApiClient(options.apiBaseUrl || '', options.authToken);
+    }
+    /**
+     * Build the interface, load the schema and open the first base.
+     *
+     * @throws Error when the container does not exist or the API is unreachable
+     */
+    async init() {
+        const container = document.getElementById(this.options.containerId);
+        if (!container)
+            throw new Error(`Container element with id '${this.options.containerId}' not found`);
+        this.container = container;
+        this.bases = await this.api.getBases();
+        this.render();
+        // The schema only decorates the display: a directory that refuses it
+        // must not prevent browsing
+        try {
+            this.schema = new SchemaView(await this.api.getSchema());
+        }
+        catch (err) {
+            this.reportError(err);
+        }
+        const treeContainer = container.querySelector('.ldap-browser__tree');
+        const entryContainer = container.querySelector('.ldap-browser__entry');
+        if (!treeContainer || !entryContainer)
+            return;
+        this.entryView = new EntryView(entryContainer, this.schema);
+        this.entryView.renderEmpty();
+        this.tree = new EntryTree(treeContainer, this.api, dn => this.showEntry(dn), error => this.reportError(error));
+        await this.tree.init(this.bases);
+        this.bindToolbar();
+        const initial = this.options.initialDn || this.bases[0];
+        if (initial)
+            await this.tree.revealAndSelect(initial);
+    }
+    /** Release the listeners held by the tree */
+    destroy() {
+        this.tree?.destroy();
+        this.tree = null;
+    }
+    /**
+     * DN currently displayed.
+     *
+     * @returns selected DN, or null when none
+     */
+    getCurrentDn() {
+        return this.currentDn;
+    }
+    /** Draw the static layout */
+    render() {
+        if (!this.container)
+            return;
+        this.container.classList.add('ldap-browser-container');
+        this.container.innerHTML = `
+      <div class="ldap-browser">
+        <div class="ldap-browser__toolbar">
+          <input class="ldap-browser__filter" type="text"
+                 placeholder="LDAP filter, e.g. (uid=alice)" />
+          <select class="ldap-browser__scope">
+            <option value="sub">sub</option>
+            <option value="one">one</option>
+            <option value="base">base</option>
+          </select>
+          <select class="ldap-browser__base">
+            ${this.bases
+            .map(base => `<option value="${escapeHtml(base)}">${escapeHtml(base)}</option>`)
+            .join('')}
+          </select>
+          <button class="ldap-browser__search" type="button">
+            <span class="material-icons">search</span> Search
+          </button>
+          <button class="ldap-browser__refresh" type="button" title="Reload">
+            <span class="material-icons">refresh</span>
+          </button>
+        </div>
+        <div class="ldap-browser__body">
+          <div class="ldap-browser__tree"></div>
+          <div class="ldap-browser__entry"></div>
+        </div>
+        <div class="ldap-browser__results" hidden></div>
+      </div>`;
+    }
+    /** Wire the search and refresh controls */
+    bindToolbar() {
+        const filter = this.container?.querySelector('.ldap-browser__filter');
+        const searchButton = this.container?.querySelector('.ldap-browser__search');
+        const refreshButton = this.container?.querySelector('.ldap-browser__refresh');
+        const results = this.container?.querySelector('.ldap-browser__results');
+        searchButton?.addEventListener('click', () => void this.runSearch());
+        filter?.addEventListener('keydown', event => {
+            if (event.key === 'Enter')
+                void this.runSearch();
+        });
+        refreshButton?.addEventListener('click', () => {
+            this.tree?.invalidate();
+            if (this.currentDn)
+                void this.showEntry(this.currentDn);
+        });
+        results?.addEventListener('click', event => {
+            const target = event.target.closest('[data-dn]');
+            if (target?.dataset.dn)
+                void this.tree?.revealAndSelect(target.dataset.dn);
+        });
+    }
+    /**
+     * Load an entry and display it.
+     *
+     * @param dn DN of the entry
+     */
+    async showEntry(dn) {
+        if (!this.entryView)
+            return;
+        this.currentDn = dn;
+        this.entryView.renderLoading();
+        try {
+            const entry = await this.api.getEntry(dn);
+            this.entryView.render(entry);
+            this.options.onEntrySelected?.(dn);
+        }
+        catch (err) {
+            this.entryView.renderError(err.message);
+            this.reportError(err);
+        }
+    }
+    /** Run the search typed in the toolbar and list the matching DNs */
+    async runSearch() {
+        const filter = this.container?.querySelector('.ldap-browser__filter')
+            ?.value || '';
+        const scope = this.container?.querySelector('.ldap-browser__scope')
+            ?.value || 'sub';
+        const base = this.container?.querySelector('.ldap-browser__base')
+            ?.value || this.bases[0];
+        const results = this.container?.querySelector('.ldap-browser__results');
+        if (!results)
+            return;
+        if (!filter.trim()) {
+            results.hidden = true;
+            results.innerHTML = '';
+            return;
+        }
+        results.hidden = false;
+        results.innerHTML = '<p>Searching…</p>';
+        try {
+            const found = await this.api.search({
+                base,
+                scope: scope,
+                filter,
+                attributes: ['dn'],
+            });
+            results.innerHTML = found.entries.length
+                ? `<p>${found.entries.length} result(s)${found.truncated ? ' (truncated)' : ''}</p>
+           <ul>${found.entries
+                    .map(entry => `<li><a href="#" data-dn="${escapeHtml(entry.dn)}">${escapeHtml(entry.dn)}</a></li>`)
+                    .join('')}</ul>`
+                : '<p>No result</p>';
+        }
+        catch (err) {
+            results.innerHTML = `<p class="ldap-browser__error">${escapeHtml(err.message)}</p>`;
+            this.reportError(err);
+        }
+    }
+    /**
+     * Forward an error to the host page, or log it when no handler was given.
+     *
+     * @param error error to report
+     */
+    reportError(error) {
+        if (this.options.onError)
+            this.options.onError(error);
+        else
+            console.error('[ldap-browser]', error);
+    }
+}
+
+export { LdapBrowser };
+//# sourceMappingURL=LdapBrowser.js.map

package/static/browser/ldap-browser/LdapBrowser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LdapBrowser.js","sources":["../../../../src/browser/ldap-browser/LdapBrowser.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAAA;;;;;;;AAOG;MAUU,WAAW,CAAA;AAUtB,IAAA,WAAA,CAAY,OAAuB,EAAA;QAP3B,IAAA,CAAA,SAAS,GAAuB,IAAI;QACpC,IAAA,CAAA,IAAI,GAAqB,IAAI;QAC7B,IAAA,CAAA,SAAS,GAAqB,IAAI;QAClC,IAAA,CAAA,MAAM,GAAsB,IAAI;QAChC,IAAA,CAAA,KAAK,GAAa,EAAE;QACpB,IAAA,CAAA,SAAS,GAAkB,IAAI;AAGrC,QAAA,IAAI,CAAC,OAAO,GAAG,OAAO;AACtB,QAAA,IAAI,CAAC,GAAG,GAAG,IAAI,YAAY,CAAC,OAAO,CAAC,UAAU,IAAI,EAAE,EAAE,OAAO,CAAC,SAAS,CAAC;IAC1E;AAEA;;;;AAIG;AACH,IAAA,MAAM,IAAI,GAAA;AACR,QAAA,MAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC;AACnE,QAAA,IAAI,CAAC,SAAS;YACZ,MAAM,IAAI,KAAK,CACb,CAAA,2BAAA,EAA8B,IAAI,CAAC,OAAO,CAAC,WAAW,CAAA,WAAA,CAAa,CACpE;AACH,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;QAE1B,IAAI,CAAC,KAAK,GAAG,MAAM,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE;QACtC,IAAI,CAAC,MAAM,EAAE;;;AAIb,QAAA,IAAI;AACF,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI,UAAU,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC;QAC1D;QAAE,OAAO,GAAG,EAAE;AACZ,YAAA,IAAI,CAAC,WAAW,CAAC,GAAY,CAAC;QAChC;QAEA,MAAM,aAAa,GAAG,SAAS,CAAC,aAAa,CAC3C,qBAAqB,CACtB;QACD,MAAM,cAAc,GAAG,SAAS,CAAC,aAAa,CAC5C,sBAAsB,CACvB;AACD,QAAA,IAAI,CAAC,aAAa,IAAI,CAAC,cAAc;YAAE;AAEvC,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,MAAM,CAAC;AAC3D,QAAA,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE;AAE5B,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI,SAAS,CACvB,aAAa,EACb,IAAI,CAAC,GAAG,EACR,EAAE,IAAI,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,EACxB,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CACjC;QACD,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;QAEhC,IAAI,CAAC,WAAW,EAAE;AAElB,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;AACvD,QAAA,IAAI,OAAO;YAAE,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC;IACvD;;IAGA,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE;AACpB,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI;IAClB;AAEA;;;;AAIG;IACH,YAAY,GAAA;QACV,OAAO,IAAI,CAAC,SAAS;IACvB;;IAGQ,MAAM,GAAA;QACZ,IAAI,CAAC,IAAI,CAAC,SAAS;YAAE;QACrB,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,wBAAwB,CAAC;AACtD,QAAA,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG;;;;;;;;;;;AAWjB,YAAA,EAAA,IAAI,CAAC;AACJ,aAAA,GAAG,CACF,IAAI,IACF,kBAAkB,UAAU,CAAC,IAAI,CAAC,KAAK,UAAU,CAAC,IAAI,CAAC,WAAW;aAErE,IAAI,CAAC,EAAE,CAAC;;;;;;;;;;;;;;aAcV;IACX;;IAGQ,WAAW,GAAA;QACjB,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,aAAa,CAC1C,uBAAuB,CACxB;QACD,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,aAAa,CAChD,uBAAuB,CACxB;QACD,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,EAAE,aAAa,CACjD,wBAAwB,CACzB;QACD,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,EAAE,aAAa,CAC3C,wBAAwB,CACzB;AAED,QAAA,YAAY,EAAE,gBAAgB,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC;AACpE,QAAA,MAAM,EAAE,gBAAgB,CAAC,SAAS,EAAE,KAAK,IAAG;AAC1C,YAAA,IAAK,KAAuB,CAAC,GAAG,KAAK,OAAO;AAAE,gBAAA,KAAK,IAAI,CAAC,SAAS,EAAE;AACrE,QAAA,CAAC,CAAC;AACF,QAAA,aAAa,EAAE,gBAAgB,CAAC,OAAO,EAAE,MAAK;AAC5C,YAAA,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE;YACvB,IAAI,IAAI,CAAC,SAAS;gBAAE,KAAK,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;AACzD,QAAA,CAAC,CAAC;AACF,QAAA,OAAO,EAAE,gBAAgB,CAAC,OAAO,EAAE,KAAK,IAAG;YACzC,MAAM,MAAM,GAAI,KAAK,CAAC,MAAsB,CAAC,OAAO,CAClD,WAAW,CACU;AACvB,YAAA,IAAI,MAAM,EAAE,OAAO,CAAC,EAAE;AACpB,gBAAA,KAAK,IAAI,CAAC,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;AACtD,QAAA,CAAC,CAAC;IACJ;AAEA;;;;AAIG;IACK,MAAM,SAAS,CAAC,EAAU,EAAA;QAChC,IAAI,CAAC,IAAI,CAAC,SAAS;YAAE;AACrB,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;AACnB,QAAA,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE;AAC9B,QAAA,IAAI;YACF,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;AACzC,YAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC;YAC5B,IAAI,CAAC,OAAO,CAAC,eAAe,GAAG,EAAE,CAAC;QACpC;QAAE,OAAO,GAAG,EAAE;YACZ,IAAI,CAAC,SAAS,CAAC,WAAW,CAAE,GAAa,CAAC,OAAO,CAAC;AAClD,YAAA,IAAI,CAAC,WAAW,CAAC,GAAY,CAAC;QAChC;IACF;;AAGQ,IAAA,MAAM,SAAS,GAAA;QACrB,MAAM,MAAM,GACV,IAAI,CAAC,SAAS,EAAE,aAAa,CAAmB,uBAAuB;cACnE,KAAK,IAAI,EAAE;QACjB,MAAM,KAAK,GACT,IAAI,CAAC,SAAS,EAAE,aAAa,CAAoB,sBAAsB;cACnE,KAAK,IAAI,KAAK;QACpB,MAAM,IAAI,GACR,IAAI,CAAC,SAAS,EAAE,aAAa,CAAoB,qBAAqB;cAClE,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;QAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,EAAE,aAAa,CAC3C,wBAAwB,CACzB;AACD,QAAA,IAAI,CAAC,OAAO;YAAE;AAEd,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE;AAClB,YAAA,OAAO,CAAC,MAAM,GAAG,IAAI;AACrB,YAAA,OAAO,CAAC,SAAS,GAAG,EAAE;YACtB;QACF;AAEA,QAAA,OAAO,CAAC,MAAM,GAAG,KAAK;AACtB,QAAA,OAAO,CAAC,SAAS,GAAG,mBAAmB;AACvC,QAAA,IAAI;YACF,MAAM,KAAK,GAAoB,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC;gBACnD,IAAI;AACJ,gBAAA,KAAK,EAAE,KAA+B;gBACtC,MAAM;gBACN,UAAU,EAAE,CAAC,IAAI,CAAC;AACnB,aAAA,CAAC;AACF,YAAA,OAAO,CAAC,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC;AAChC,kBAAE,CAAA,GAAA,EAAM,KAAK,CAAC,OAAO,CAAC,MAAM,CAAA,UAAA,EACxB,KAAK,CAAC,SAAS,GAAG,cAAc,GAAG,EACrC,CAAA;AACO,eAAA,EAAA,KAAK,CAAC;qBACT,GAAG,CACF,KAAK,IACH,CAAA,yBAAA,EAA4B,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA,EAAA,EAAK,UAAU,CAC7D,KAAK,CAAC,EAAE,CACT,WAAW;qBAEf,IAAI,CAAC,EAAE,CAAC,CAAA,KAAA;kBACZ,kBAAkB;QACxB;QAAE,OAAO,GAAG,EAAE;YACZ,OAAO,CAAC,SAAS,GAAG,CAAA,+BAAA,EAAkC,UAAU,CAC7D,GAAa,CAAC,OAAO,CACvB,CAAA,IAAA,CAAM;AACP,YAAA,IAAI,CAAC,WAAW,CAAC,GAAY,CAAC;QAChC;IACF;AAEA;;;;AAIG;AACK,IAAA,WAAW,CAAC,KAAY,EAAA;AAC9B,QAAA,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO;AAAE,YAAA,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC;;AAChD,YAAA,OAAO,CAAC,KAAK,CAAC,gBAAgB,EAAE,KAAK,CAAC;IAC7C;AACD;;;;"}

package/static/browser/ldap-browser/api/RawApiClient.js

@@ -0,0 +1,103 @@
+/**
+ * Client of the low-level LDAP API (`core/ldap/raw` plugin).
+ * @module browser/ldap-browser/api/RawApiClient
+ */
+class RawApiClient {
+    constructor(baseUrl = '', authToken) {
+        this.baseUrl = baseUrl.replace(/\/$/, '');
+        this.authToken = authToken;
+    }
+    /**
+     * Issue a GET on the raw API and decode its JSON answer.
+     *
+     * @param path path below `/api/v1/ldap/raw`
+     * @returns decoded body
+     * @throws Error carrying the server message when the status is not 2xx
+     */
+    async get(path) {
+        const headers = { Accept: 'application/json' };
+        if (this.authToken)
+            headers.Authorization = `Bearer ${this.authToken}`;
+        const response = await fetch(`${this.baseUrl}/api/v1/ldap/raw${path}`, {
+            headers,
+        });
+        if (!response.ok) {
+            let message = response.statusText;
+            try {
+                const body = (await response.json());
+                if (body.error)
+                    message = body.error;
+            }
+            catch {
+                // keep the status text
+            }
+            throw new Error(`${response.status}: ${message}`);
+        }
+        return (await response.json());
+    }
+    /**
+     * Subtrees the server exposes, used as roots of the tree.
+     *
+     * @returns list of base DNs
+     */
+    async getBases() {
+        const data = await this.get('/bases');
+        return data.bases;
+    }
+    /**
+     * Server capabilities.
+     *
+     * @returns root DSE
+     */
+    getRootDse() {
+        return this.get('/rootdse');
+    }
+    /**
+     * Directory schema.
+     *
+     * @returns object classes, attribute types, syntaxes and matching rules
+     */
+    getSchema() {
+        return this.get('/schema');
+    }
+    /**
+     * Read one entry.
+     *
+     * @param dn DN of the entry
+     * @returns the entry with all its attributes
+     */
+    getEntry(dn) {
+        return this.get(`/entry/${encodeURIComponent(dn)}`);
+    }
+    /**
+     * List the direct children of an entry.
+     *
+     * @param dn DN of the parent
+     * @param withChildrenFlag ask the server which children have children
+     * @returns children sorted by RDN, with the truncation flag
+     */
+    getChildren(dn, withChildrenFlag = true) {
+        return this.get(`/children/${encodeURIComponent(dn)}${withChildrenFlag ? '?children=1' : ''}`);
+    }
+    /**
+     * Run a search.
+     *
+     * @param params search base, scope, filter and limit
+     * @returns matching entries
+     */
+    search(params) {
+        const query = new URLSearchParams({ base: params.base });
+        if (params.scope)
+            query.set('scope', params.scope);
+        if (params.filter)
+            query.set('filter', params.filter);
+        if (params.attributes?.length)
+            query.set('attributes', params.attributes.join(','));
+        if (params.limit)
+            query.set('limit', String(params.limit));
+        return this.get(`/search?${query.toString()}`);
+    }
+}
+
+export { RawApiClient };
+//# sourceMappingURL=RawApiClient.js.map

package/static/browser/ldap-browser/api/RawApiClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RawApiClient.js","sources":["../../../../../src/browser/ldap-browser/api/RawApiClient.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/static/browser/ldap-browser/components/EntryTree.js

@@ -0,0 +1,235 @@
+import { DisposableComponent } from '../../shared/components/DisposableComponent.js';
+import { escapeHtml } from '../../shared/utils/dom.js';
+
+/**
+ * Lazy directory tree: one root per exposed base, children fetched on expand.
+ * @module browser/ldap-browser/components/EntryTree
+ */
+/** Icon picked from the object classes of an entry */
+function iconFor(objectClass) {
+    const classes = objectClass.map(c => c.toLowerCase());
+    if (classes.includes('organizationalunit') ||
+        classes.includes('organization'))
+        return 'folder';
+    if (classes.includes('groupofnames') ||
+        classes.includes('groupofuniquenames') ||
+        classes.includes('posixgroup'))
+        return 'group';
+    if (classes.includes('inetorgperson') ||
+        classes.includes('person') ||
+        classes.includes('organizationalperson'))
+        return 'person';
+    if (classes.includes('domain') || classes.includes('dcobject'))
+        return 'dns';
+    return 'article';
+}
+class EntryTree extends DisposableComponent {
+    constructor(container, api, onSelect, onError) {
+        super();
+        this.roots = [];
+        this.children = new Map();
+        this.expanded = new Set();
+        this.loading = new Set();
+        this.selectedDn = null;
+        this.container = container;
+        this.api = api;
+        this.onSelect = onSelect;
+        this.onError = onError;
+        this.addManagedEventListener(this.container, 'click', event => {
+            const target = event.target.closest('[data-dn]');
+            if (!target)
+                return;
+            const dn = target.dataset.dn;
+            if (target.classList.contains('ldap-browser-tree__toggle')) {
+                void this.toggle(dn);
+            }
+            else {
+                void this.select(dn);
+            }
+        });
+    }
+    /**
+     * Load the exposed bases and draw them as roots.
+     *
+     * @param bases base DNs to use as roots
+     */
+    async init(bases) {
+        this.roots = bases;
+        // Open the first root so the tree is never empty on arrival
+        if (bases.length > 0)
+            await this.expand(bases[0]);
+        this.render();
+    }
+    /**
+     * DN currently highlighted in the tree.
+     *
+     * @returns selected DN, or null
+     */
+    getSelectedDn() {
+        return this.selectedDn;
+    }
+    /**
+     * Highlight an entry and notify the parent component.
+     *
+     * @param dn DN to select
+     * @returns whatever the selection handler returns, so callers can await
+     *          the entry actually being displayed
+     */
+    select(dn) {
+        this.selectedDn = dn;
+        this.render();
+        return this.onSelect(dn);
+    }
+    /**
+     * Expand the tree down to a DN, loading every level on the way, then
+     * select it. Used to follow a search result or a DN typed by the user.
+     *
+     * @param dn DN to reveal
+     */
+    async revealAndSelect(dn) {
+        const root = this.roots.find(base => dn.toLowerCase() === base.toLowerCase() ||
+            dn.toLowerCase().endsWith(`,${base.toLowerCase()}`));
+        if (root) {
+            // Walk down from the root, expanding each ancestor
+            const relative = dn
+                .substring(0, dn.length - root.length)
+                .replace(/,$/, '');
+            const rdns = relative ? splitDn(relative) : [];
+            let current = root;
+            await this.expand(current);
+            // Expand the ancestors only: the target itself stays closed
+            for (let i = rdns.length - 1; i >= 1; i--) {
+                current = `${rdns[i]},${current}`;
+                await this.expand(current);
+            }
+        }
+        await this.select(dn);
+    }
+    /**
+     * Drop cached children so the next expand hits the server again.
+     *
+     * @param dn DN whose children must be reloaded, or undefined for all
+     */
+    invalidate(dn) {
+        if (dn)
+            this.children.delete(dn);
+        else
+            this.children.clear();
+    }
+    /**
+     * Expand a node, fetching its children the first time.
+     *
+     * @param dn DN of the node
+     */
+    async expand(dn) {
+        this.expanded.add(dn);
+        if (this.children.has(dn))
+            return;
+        this.loading.add(dn);
+        this.render();
+        try {
+            this.children.set(dn, await this.api.getChildren(dn));
+        }
+        catch (err) {
+            this.expanded.delete(dn);
+            this.onError(err);
+        }
+        finally {
+            this.loading.delete(dn);
+            this.render();
+        }
+    }
+    /**
+     * Expand or collapse a node.
+     *
+     * @param dn DN of the node
+     */
+    async toggle(dn) {
+        if (this.expanded.has(dn)) {
+            this.expanded.delete(dn);
+            this.render();
+            return;
+        }
+        await this.expand(dn);
+    }
+    /** Redraw the whole tree */
+    render() {
+        if (this.isDestroyed)
+            return;
+        this.container.innerHTML = `<ul class="ldap-browser-tree">${this.roots
+            .map(root => this.renderNode(root, root, ['dcObject'], true))
+            .join('')}</ul>`;
+    }
+    /**
+     * Render one node and, when expanded, its children.
+     *
+     * @param dn DN of the node
+     * @param label text shown for the node
+     * @param objectClass object classes, used to pick the icon
+     * @param expandable whether the node may have children
+     * @returns HTML of the node
+     */
+    renderNode(dn, label, objectClass, expandable) {
+        const isExpanded = this.expanded.has(dn);
+        const isLoading = this.loading.has(dn);
+        const isSelected = this.selectedDn === dn;
+        const children = this.children.get(dn);
+        const toggle = expandable
+            ? `<span class="ldap-browser-tree__toggle material-icons" data-dn="${escapeHtml(dn)}">${isLoading
+                ? 'hourglass_empty'
+                : isExpanded
+                    ? 'expand_more'
+                    : 'chevron_right'}</span>`
+            : '<span class="ldap-browser-tree__toggle ldap-browser-tree__toggle--leaf"></span>';
+        const sub = isExpanded && children
+            ? `<ul>${children.children.length === 0
+                ? '<li class="ldap-browser-tree__empty">(no child)</li>'
+                : children.children
+                    .map(child => this.renderNode(child.dn, child.rdn, child.objectClass, child.hasChildren))
+                    .join('')}${children.truncated
+                ? `<li class="ldap-browser-tree__truncated" title="Raise --ldap-raw-max-results to see more">
+                   first ${children.children.length} entries only — use the search to find the others
+                 </li>`
+                : ''}</ul>`
+            : '';
+        return `<li>
+      <div class="ldap-browser-tree__node${isSelected ? ' ldap-browser-tree__node--selected' : ''}">
+        ${toggle}
+        <span class="ldap-browser-tree__label" data-dn="${escapeHtml(dn)}" title="${escapeHtml(dn)}">
+          <span class="material-icons">${iconFor(objectClass)}</span>
+          <span class="ldap-browser-tree__name">${escapeHtml(label)}</span>
+        </span>
+      </div>
+      ${sub}
+    </li>`;
+    }
+}
+/**
+ * Split a DN into its components, honouring `\,` escapes.
+ *
+ * @param dn DN to split
+ * @returns RDN components, outermost first
+ */
+function splitDn(dn) {
+    const parts = [];
+    let current = '';
+    for (let i = 0; i < dn.length; i++) {
+        if (dn[i] === '\\' && i + 1 < dn.length) {
+            current += dn[i] + dn[i + 1];
+            i++;
+        }
+        else if (dn[i] === ',') {
+            parts.push(current.trim());
+            current = '';
+        }
+        else {
+            current += dn[i];
+        }
+    }
+    if (current.trim())
+        parts.push(current.trim());
+    return parts;
+}
+
+export { EntryTree };
+//# sourceMappingURL=EntryTree.js.map

package/static/browser/ldap-browser/components/EntryTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntryTree.js","sources":["../../../../../src/browser/ldap-browser/components/EntryTree.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;;;AAGG;AAOH;AACA,SAAS,OAAO,CAAC,WAAqB,EAAA;AACpC,IAAA,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC;AACrD,IAAA,IACE,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAC;AACtC,QAAA,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAC;AAEhC,QAAA,OAAO,QAAQ;AACjB,IAAA,IACE,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAC;AAChC,QAAA,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAC;AACtC,QAAA,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC;AAE9B,QAAA,OAAO,OAAO;AAChB,IAAA,IACE,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAC;AACjC,QAAA,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC;AAC1B,QAAA,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAC;AAExC,QAAA,OAAO,QAAQ;AACjB,IAAA,IAAI,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC;AAAE,QAAA,OAAO,KAAK;AAC5E,IAAA,OAAO,SAAS;AAClB;AAEM,MAAO,SAAU,SAAQ,mBAAmB,CAAA;AAYhD,IAAA,WAAA,CACE,SAAsB,EACtB,GAAiB,EACjB,QAA8C,EAC9C,OAA+B,EAAA;AAE/B,QAAA,KAAK,EAAE;QAZD,IAAA,CAAA,KAAK,GAAa,EAAE;AACpB,QAAA,IAAA,CAAA,QAAQ,GAAG,IAAI,GAAG,EAAuB;AACzC,QAAA,IAAA,CAAA,QAAQ,GAAG,IAAI,GAAG,EAAU;AAC5B,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,GAAG,EAAU;QAC3B,IAAA,CAAA,UAAU,GAAkB,IAAI;AAStC,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;AAC1B,QAAA,IAAI,CAAC,GAAG,GAAG,GAAG;AACd,QAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;AACxB,QAAA,IAAI,CAAC,OAAO,GAAG,OAAO;QAEtB,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,IAAG;YAC5D,MAAM,MAAM,GAAI,KAAK,CAAC,MAAsB,CAAC,OAAO,CAClD,WAAW,CACU;AACvB,YAAA,IAAI,CAAC,MAAM;gBAAE;AACb,YAAA,MAAM,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,EAAY;YACtC,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,2BAA2B,CAAC,EAAE;AAC1D,gBAAA,KAAK,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;YACtB;iBAAO;AACL,gBAAA,KAAK,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;YACtB;AACF,QAAA,CAAC,CAAC;IACJ;AAEA;;;;AAIG;IACH,MAAM,IAAI,CAAC,KAAe,EAAA;AACxB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;;AAElB,QAAA,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;YAAE,MAAM,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACjD,IAAI,CAAC,MAAM,EAAE;IACf;AAEA;;;;AAIG;IACH,aAAa,GAAA;QACX,OAAO,IAAI,CAAC,UAAU;IACxB;AAEA;;;;;;AAMG;AACH,IAAA,MAAM,CAAC,EAAU,EAAA;AACf,QAAA,IAAI,CAAC,UAAU,GAAG,EAAE;QACpB,IAAI,CAAC,MAAM,EAAE;AACb,QAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;IAC1B;AAEA;;;;;AAKG;IACH,MAAM,eAAe,CAAC,EAAU,EAAA;QAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAC1B,IAAI,IACF,EAAE,CAAC,WAAW,EAAE,KAAK,IAAI,CAAC,WAAW,EAAE;AACvC,YAAA,EAAE,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAA,CAAA,EAAI,IAAI,CAAC,WAAW,EAAE,CAAA,CAAE,CAAC,CACtD;QACD,IAAI,IAAI,EAAE;;YAER,MAAM,QAAQ,GAAG;iBACd,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM;AACpC,iBAAA,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC;AACpB,YAAA,MAAM,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC,GAAG,EAAE;YAC9C,IAAI,OAAO,GAAG,IAAI;AAClB,YAAA,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;;AAE1B,YAAA,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;gBACzC,OAAO,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,CAAA,CAAA,EAAI,OAAO,CAAA,CAAE;AACjC,gBAAA,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;YAC5B;QACF;AACA,QAAA,MAAM,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;IACvB;AAEA;;;;AAIG;AACH,IAAA,UAAU,CAAC,EAAW,EAAA;AACpB,QAAA,IAAI,EAAE;AAAE,YAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;;AAC3B,YAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE;IAC5B;AAEA;;;;AAIG;IACK,MAAM,MAAM,CAAC,EAAU,EAAA;AAC7B,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;AACrB,QAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YAAE;AAC3B,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;QACpB,IAAI,CAAC,MAAM,EAAE;AACb,QAAA,IAAI;AACF,YAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QACvD;QAAE,OAAO,GAAG,EAAE;AACZ,YAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;AACxB,YAAA,IAAI,CAAC,OAAO,CAAC,GAAY,CAAC;QAC5B;gBAAU;AACR,YAAA,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;YACvB,IAAI,CAAC,MAAM,EAAE;QACf;IACF;AAEA;;;;AAIG;IACK,MAAM,MAAM,CAAC,EAAU,EAAA;QAC7B,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;AACzB,YAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YACxB,IAAI,CAAC,MAAM,EAAE;YACb;QACF;AACA,QAAA,MAAM,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;IACvB;;IAGQ,MAAM,GAAA;QACZ,IAAI,IAAI,CAAC,WAAW;YAAE;QACtB,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,CAAA,8BAAA,EAAiC,IAAI,CAAC;AAC9D,aAAA,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,UAAU,CAAC,EAAE,IAAI,CAAC;AAC3D,aAAA,IAAI,CAAC,EAAE,CAAC,CAAA,KAAA,CAAO;IACpB;AAEA;;;;;;;;AAQG;AACK,IAAA,UAAU,CAChB,EAAU,EACV,KAAa,EACb,WAAqB,EACrB,UAAmB,EAAA;QAEnB,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QACxC,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;AACtC,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,KAAK,EAAE;QACzC,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QAEtC,MAAM,MAAM,GAAG;AACb,cAAE,CAAA,gEAAA,EAAmE,UAAU,CAAC,EAAE,CAAC,KAC/E;AACE,kBAAE;AACF,kBAAE;AACA,sBAAE;sBACA,eACR,CAAA,OAAA;cACA,iFAAiF;AAErF,QAAA,MAAM,GAAG,GACP,UAAU,IAAI;cACV,OACE,QAAQ,CAAC,QAAQ,CAAC,MAAM,KAAK;AAC3B,kBAAE;kBACA,QAAQ,CAAC;qBACN,GAAG,CAAC,KAAK,IACR,IAAI,CAAC,UAAU,CACb,KAAK,CAAC,EAAE,EACR,KAAK,CAAC,GAAG,EACT,KAAK,CAAC,WAAW,EACjB,KAAK,CAAC,WAAW,CAClB;AAEF,qBAAA,IAAI,CAAC,EAAE,CAChB,CAAA,EACE,QAAQ,CAAC;AACP,kBAAE,CAAA;2BACW,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAA;AAC5B,sBAAA;kBACP,EACN,CAAA,KAAA;cACA,EAAE;QAER,OAAO,CAAA;AACgC,yCAAA,EAAA,UAAU,GAAG,oCAAoC,GAAG,EAAE,CAAA;UACvF,MAAM;AAC0C,wDAAA,EAAA,UAAU,CAAC,EAAE,CAAC,YAAY,UAAU,CAAC,EAAE,CAAC,CAAA;yCACzD,OAAO,CAAC,WAAW,CAAC,CAAA;kDACX,UAAU,CAAC,KAAK,CAAC,CAAA;;;QAG3D,GAAG;UACD;IACR;AACD;AAED;;;;;AAKG;AACH,SAAS,OAAO,CAAC,EAAU,EAAA;IACzB,MAAM,KAAK,GAAa,EAAE;IAC1B,IAAI,OAAO,GAAG,EAAE;AAChB,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAClC,QAAA,IAAI,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE;AACvC,YAAA,OAAO,IAAI,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;AAC5B,YAAA,CAAC,EAAE;QACL;AAAO,aAAA,IAAI,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE;YACxB,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YAC1B,OAAO,GAAG,EAAE;QACd;aAAO;AACL,YAAA,OAAO,IAAI,EAAE,CAAC,CAAC,CAAC;QAClB;IACF;IACA,IAAI,OAAO,CAAC,IAAI,EAAE;QAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;AAC9C,IAAA,OAAO,KAAK;AACd;;;;"}