npm - ldap-rest - Versions diffs - 0.0.1 - Mend

ldap-rest 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (296) hide show

package/LICENSE +661 -0
package/README.md +48 -0
package/bin/cleanup-external-users.mjs +219 -0
package/bin/index.mjs +54 -0
package/bin/sync-james.mjs +190 -0
package/dist/abstract/ldapFlat.js +1 -0
package/dist/abstract/plugin.js +1 -0
package/dist/abstract/twakePlugin.js +1 -0
package/dist/bin/index.js +1 -0
package/dist/config/args.js +1 -0
package/dist/lib/auth/base.js +1 -0
package/dist/lib/authz/base.js +1 -0
package/dist/lib/expressFormatedResponses.js +1 -0
package/dist/lib/ldapActions.js +1 -0
package/dist/lib/parseConfig.js +1 -0
package/dist/lib/utils.js +1 -0
package/dist/logger/winston.js +1 -0
package/dist/plugins/auth/authzLinid1.js +1 -0
package/dist/plugins/auth/authzPerBranch.js +1 -0
package/dist/plugins/auth/crowdsec.js +1 -0
package/dist/plugins/auth/llng.js +1 -0
package/dist/plugins/auth/openidconnect.js +1 -0
package/dist/plugins/auth/rateLimit.js +1 -0
package/dist/plugins/auth/token.js +1 -0
package/dist/plugins/configApi.js +1 -0
package/dist/plugins/demo/helloworld.js +1 -0
package/dist/plugins/ldap/bulkImport.js +1 -0
package/dist/plugins/ldap/departmentSync.js +1 -0
package/dist/plugins/ldap/externalUsersInGroups.js +1 -0
package/dist/plugins/ldap/flatGeneric.js +1 -0
package/dist/plugins/ldap/groups.js +1 -0
package/dist/plugins/ldap/onChange.js +1 -0
package/dist/plugins/ldap/organization.js +1 -0
package/dist/plugins/ldap/trash.js +1 -0
package/dist/plugins/priority.json.js +1 -0
package/dist/plugins/static.js +1 -0
package/dist/plugins/twake/calendarResources.js +1 -0
package/dist/plugins/twake/james.js +1 -0
package/dist/plugins/weblogs.js +1 -0
package/dist/src/abstract/ldapFlat.d.ts +94 -0
package/dist/src/abstract/plugin.d.ts +43 -0
package/dist/src/abstract/twakePlugin.d.ts +90 -0
package/dist/src/bin/index.d.ts +43 -0
package/dist/src/browser/ldap-group-editor/LdapGroupEditor.d.ts +31 -0
package/dist/src/browser/ldap-group-editor/api/GroupApiClient.d.ts +23 -0
package/dist/src/browser/ldap-group-editor/components/CreateGroupModal.d.ts +19 -0
package/dist/src/browser/ldap-group-editor/components/GroupPropertyEditor.d.ts +30 -0
package/dist/src/browser/ldap-group-editor/components/GroupTree.d.ts +17 -0
package/dist/src/browser/ldap-group-editor/components/MoveGroupModal.d.ts +20 -0
package/dist/src/browser/ldap-group-editor/index.d.ts +6 -0
package/dist/src/browser/ldap-group-editor/types.d.ts +58 -0
package/dist/src/browser/ldap-resource-editor/api/ResourceApiClient.d.ts +53 -0
package/dist/src/browser/ldap-resource-editor/cache/CacheManager.d.ts +65 -0
package/dist/src/browser/ldap-resource-editor/index.d.ts +6 -0
package/dist/src/browser/ldap-resource-editor/types.d.ts +78 -0
package/dist/src/browser/ldap-tree-viewer/LdapTreeViewer.d.ts +26 -0
package/dist/src/browser/ldap-tree-viewer/api/LdapApiClient.d.ts +30 -0
package/dist/src/browser/ldap-tree-viewer/components/TreeNode.d.ts +17 -0
package/dist/src/browser/ldap-tree-viewer/components/TreeRoot.d.ts +14 -0
package/dist/src/browser/ldap-tree-viewer/index.d.ts +7 -0
package/dist/src/browser/ldap-tree-viewer/store/Store.d.ts +18 -0
package/dist/src/browser/ldap-tree-viewer/store/actions.d.ts +28 -0
package/dist/src/browser/ldap-tree-viewer/store/reducers.d.ts +7 -0
package/dist/src/browser/ldap-tree-viewer/types.d.ts +34 -0
package/dist/src/browser/ldap-unit-editor/LdapUnitEditor.d.ts +27 -0
package/dist/src/browser/ldap-unit-editor/api/UnitApiClient.d.ts +24 -0
package/dist/src/browser/ldap-unit-editor/components/MoveUnitModal.d.ts +28 -0
package/dist/src/browser/ldap-unit-editor/components/UnitPropertyEditor.d.ts +28 -0
package/dist/src/browser/ldap-unit-editor/components/UnitTree.d.ts +18 -0
package/dist/src/browser/ldap-unit-editor/index.d.ts +6 -0
package/dist/src/browser/ldap-unit-editor/types.d.ts +55 -0
package/dist/src/browser/ldap-user-editor/LdapUserEditor.d.ts +32 -0
package/dist/src/browser/ldap-user-editor/api/UserApiClient.d.ts +55 -0
package/dist/src/browser/ldap-user-editor/cache/CacheManager.d.ts +65 -0
package/dist/src/browser/ldap-user-editor/components/MoveUserModal.d.ts +28 -0
package/dist/src/browser/ldap-user-editor/components/PointerField.d.ts +22 -0
package/dist/src/browser/ldap-user-editor/components/UserEditor.d.ts +46 -0
package/dist/src/browser/ldap-user-editor/components/UserList.d.ts +24 -0
package/dist/src/browser/ldap-user-editor/components/UserTree.d.ts +24 -0
package/dist/src/browser/ldap-user-editor/index.d.ts +7 -0
package/dist/src/browser/ldap-user-editor/types.d.ts +67 -0
package/dist/src/browser/shared/components/Modal.d.ts +38 -0
package/dist/src/browser/shared/components/StatusMessage.d.ts +48 -0
package/dist/src/browser/shared/index.d.ts +10 -0
package/dist/src/browser/shared/types/index.d.ts +65 -0
package/dist/src/browser/shared/utils/dom.d.ts +33 -0
package/dist/src/browser/shared/utils/form.d.ts +28 -0
package/dist/src/browser/shared/utils/schema.d.ts +29 -0
package/dist/src/config/args.d.ts +128 -0
package/dist/src/config/schema.d.ts +18 -0
package/dist/src/hooks.d.ts +76 -0
package/dist/src/lib/auth/base.d.ts +9 -0
package/dist/src/lib/authz/base.d.ts +63 -0
package/dist/src/lib/expressFormatedResponses.d.ts +26 -0
package/dist/src/lib/ldapActions.d.ts +91 -0
package/dist/src/lib/parseConfig.d.ts +23 -0
package/dist/src/lib/utils.d.ts +73 -0
package/dist/src/logger/winston.d.ts +3 -0
package/dist/src/plugins/auth/authzLinid1.d.ts +46 -0
package/dist/src/plugins/auth/authzPerBranch.d.ts +59 -0
package/dist/src/plugins/auth/crowdsec.d.ts +29 -0
package/dist/src/plugins/auth/llng.d.ts +8 -0
package/dist/src/plugins/auth/openidconnect.d.ts +11 -0
package/dist/src/plugins/auth/rateLimit.d.ts +24 -0
package/dist/src/plugins/auth/token.d.ts +17 -0
package/dist/src/plugins/configApi.d.ts +24 -0
package/dist/src/plugins/demo/helloworld.d.ts +12 -0
package/dist/src/plugins/ldap/bulkImport.d.ts +48 -0
package/dist/src/plugins/ldap/departmentSync.d.ts +35 -0
package/dist/src/plugins/ldap/externalUsersInGroups.d.ts +21 -0
package/dist/src/plugins/ldap/flatGeneric.d.ts +31 -0
package/dist/src/plugins/ldap/groups.d.ts +95 -0
package/dist/src/plugins/ldap/onChange.d.ts +32 -0
package/dist/src/plugins/ldap/organization.d.ts +65 -0
package/dist/src/plugins/ldap/trash.d.ts +52 -0
package/dist/src/plugins/static.d.ts +7 -0
package/dist/src/plugins/twake/calendarResources.d.ts +31 -0
package/dist/src/plugins/twake/james.d.ts +83 -0
package/dist/src/plugins/weblogs.d.ts +8 -0
package/docs/DEVELOPER_GUIDE.md +298 -0
package/docs/OPENAPI.md +440 -0
package/docs/PLUGIN_DEPENDENCIES.md +612 -0
package/docs/README.md +466 -0
package/docs/api/REFERENCE.md +983 -0
package/docs/api/REST_API.md +1237 -0
package/docs/authentication.md +469 -0
package/docs/authzLinid1.md +521 -0
package/docs/authzPerBranch.md +596 -0
package/docs/browser/LIBRARIES.md +1196 -0
package/docs/examples/EXAMPLES.md +1659 -0
package/docs/examples/twake-mailbox-type-nomenclature.ldif +37 -0
package/docs/examples/twake-mailbox-type-schema-amendment.ldif +30 -0
package/docs/jamesTeamMailboxes.md +343 -0
package/docs/ldapBulkImport.md +722 -0
package/docs/ldapExternalUsersInGroups.md +325 -0
package/docs/ldapFlatGeneric.md +444 -0
package/docs/ldapGroups.md +589 -0
package/docs/ldapOrganizations.md +659 -0
package/docs/ldapTrash.md +260 -0
package/docs/linagora.png +0 -0
package/docs/onChange.md +318 -0
package/docs/plugins/DEVELOPMENT.md +1219 -0
package/docs/presenterm-fr.md +721 -0
package/docs/presenterm.md +721 -0
package/docs/schemas/SCHEMAS.md +1212 -0
package/docs/static.md +410 -0
package/docs/twakeCalendarResources.md +148 -0
package/docs/twakeJames.md +661 -0
package/docs/weblogs.md +399 -0
package/examples/web/ldap-group-editor.html +113 -0
package/examples/web/ldap-tree-viewer.html +368 -0
package/examples/web/ldap-unit-editor.html +108 -0
package/examples/web/ldap-user-editor.html +412 -0
package/package.json +458 -0
package/static/browser/common-demo.css +450 -0
package/static/browser/ldap-group-editor/LdapGroupEditor.js +207 -0
package/static/browser/ldap-group-editor/LdapGroupEditor.js.map +1 -0
package/static/browser/ldap-group-editor/api/GroupApiClient.js +112 -0
package/static/browser/ldap-group-editor/api/GroupApiClient.js.map +1 -0
package/static/browser/ldap-group-editor/components/CreateGroupModal.js +212 -0
package/static/browser/ldap-group-editor/components/CreateGroupModal.js.map +1 -0
package/static/browser/ldap-group-editor/components/GroupPropertyEditor.js +497 -0
package/static/browser/ldap-group-editor/components/GroupPropertyEditor.js.map +1 -0
package/static/browser/ldap-group-editor/components/GroupTree.js +153 -0
package/static/browser/ldap-group-editor/components/GroupTree.js.map +1 -0
package/static/browser/ldap-group-editor/components/MoveGroupModal.js +235 -0
package/static/browser/ldap-group-editor/components/MoveGroupModal.js.map +1 -0
package/static/browser/ldap-group-editor/index.js +2 -0
package/static/browser/ldap-group-editor/index.js.map +1 -0
package/static/browser/ldap-group-editor/types.js +2 -0
package/static/browser/ldap-group-editor/types.js.map +1 -0
package/static/browser/ldap-group-editor.esm.js +1399 -0
package/static/browser/ldap-group-editor.esm.js.map +1 -0
package/static/browser/ldap-group-editor.js +1407 -0
package/static/browser/ldap-group-editor.js.map +1 -0
package/static/browser/ldap-group-editor.min.js +2 -0
package/static/browser/ldap-group-editor.min.js.map +1 -0
package/static/browser/ldap-resource-editor/api/ResourceApiClient.js +226 -0
package/static/browser/ldap-resource-editor/api/ResourceApiClient.js.map +1 -0
package/static/browser/ldap-resource-editor/cache/CacheManager.js +123 -0
package/static/browser/ldap-resource-editor/cache/CacheManager.js.map +1 -0
package/static/browser/ldap-resource-editor/index.js +2 -0
package/static/browser/ldap-resource-editor/index.js.map +1 -0
package/static/browser/ldap-resource-editor/types.js +2 -0
package/static/browser/ldap-resource-editor/types.js.map +1 -0
package/static/browser/ldap-tree-viewer/LdapTreeViewer.js +187 -0
package/static/browser/ldap-tree-viewer/LdapTreeViewer.js.map +1 -0
package/static/browser/ldap-tree-viewer/api/LdapApiClient.js +50 -0
package/static/browser/ldap-tree-viewer/api/LdapApiClient.js.map +1 -0
package/static/browser/ldap-tree-viewer/components/TreeNode.js +140 -0
package/static/browser/ldap-tree-viewer/components/TreeNode.js.map +1 -0
package/static/browser/ldap-tree-viewer/components/TreeRoot.js +98 -0
package/static/browser/ldap-tree-viewer/components/TreeRoot.js.map +1 -0
package/static/browser/ldap-tree-viewer/index.js +2 -0
package/static/browser/ldap-tree-viewer/index.js.map +1 -0
package/static/browser/ldap-tree-viewer/store/Store.js +29 -0
package/static/browser/ldap-tree-viewer/store/Store.js.map +1 -0
package/static/browser/ldap-tree-viewer/store/actions.js +53 -0
package/static/browser/ldap-tree-viewer/store/actions.js.map +1 -0
package/static/browser/ldap-tree-viewer/store/reducers.js +79 -0
package/static/browser/ldap-tree-viewer/store/reducers.js.map +1 -0
package/static/browser/ldap-tree-viewer/types.js +2 -0
package/static/browser/ldap-tree-viewer/types.js.map +1 -0
package/static/browser/ldap-tree-viewer.css +2 -0
package/static/browser/ldap-tree-viewer.css.map +1 -0
package/static/browser/ldap-tree-viewer.esm.js +606 -0
package/static/browser/ldap-tree-viewer.esm.js.map +1 -0
package/static/browser/ldap-tree-viewer.js +614 -0
package/static/browser/ldap-tree-viewer.js.map +1 -0
package/static/browser/ldap-tree-viewer.min.js +2 -0
package/static/browser/ldap-tree-viewer.min.js.map +1 -0
package/static/browser/ldap-unit-editor/LdapUnitEditor.js +119 -0
package/static/browser/ldap-unit-editor/LdapUnitEditor.js.map +1 -0
package/static/browser/ldap-unit-editor/api/UnitApiClient.js +95 -0
package/static/browser/ldap-unit-editor/api/UnitApiClient.js.map +1 -0
package/static/browser/ldap-unit-editor/components/MoveUnitModal.js +295 -0
package/static/browser/ldap-unit-editor/components/MoveUnitModal.js.map +1 -0
package/static/browser/ldap-unit-editor/components/UnitPropertyEditor.js +321 -0
package/static/browser/ldap-unit-editor/components/UnitPropertyEditor.js.map +1 -0
package/static/browser/ldap-unit-editor/components/UnitTree.js +197 -0
package/static/browser/ldap-unit-editor/components/UnitTree.js.map +1 -0
package/static/browser/ldap-unit-editor/index.js +2 -0
package/static/browser/ldap-unit-editor/index.js.map +1 -0
package/static/browser/ldap-unit-editor/types.js +2 -0
package/static/browser/ldap-unit-editor/types.js.map +1 -0
package/static/browser/ldap-unit-editor.esm.js +1013 -0
package/static/browser/ldap-unit-editor.esm.js.map +1 -0
package/static/browser/ldap-unit-editor.js +1021 -0
package/static/browser/ldap-unit-editor.js.map +1 -0
package/static/browser/ldap-unit-editor.min.js +2 -0
package/static/browser/ldap-unit-editor.min.js.map +1 -0
package/static/browser/ldap-user-editor/LdapUserEditor.js +184 -0
package/static/browser/ldap-user-editor/LdapUserEditor.js.map +1 -0
package/static/browser/ldap-user-editor/api/UserApiClient.js +209 -0
package/static/browser/ldap-user-editor/api/UserApiClient.js.map +1 -0
package/static/browser/ldap-user-editor/cache/CacheManager.js +123 -0
package/static/browser/ldap-user-editor/cache/CacheManager.js.map +1 -0
package/static/browser/ldap-user-editor/components/MoveUserModal.js +302 -0
package/static/browser/ldap-user-editor/components/MoveUserModal.js.map +1 -0
package/static/browser/ldap-user-editor/components/PointerField.js +152 -0
package/static/browser/ldap-user-editor/components/PointerField.js.map +1 -0
package/static/browser/ldap-user-editor/components/UserEditor.js +608 -0
package/static/browser/ldap-user-editor/components/UserEditor.js.map +1 -0
package/static/browser/ldap-user-editor/components/UserList.js +181 -0
package/static/browser/ldap-user-editor/components/UserList.js.map +1 -0
package/static/browser/ldap-user-editor/components/UserTree.js +164 -0
package/static/browser/ldap-user-editor/components/UserTree.js.map +1 -0
package/static/browser/ldap-user-editor/index.js +2 -0
package/static/browser/ldap-user-editor/index.js.map +1 -0
package/static/browser/ldap-user-editor/types.js +2 -0
package/static/browser/ldap-user-editor/types.js.map +1 -0
package/static/browser/ldap-user-editor.css +2 -0
package/static/browser/ldap-user-editor.css.map +1 -0
package/static/browser/ldap-user-editor.esm.js +1897 -0
package/static/browser/ldap-user-editor.esm.js.map +1 -0
package/static/browser/ldap-user-editor.js +1905 -0
package/static/browser/ldap-user-editor.js.map +1 -0
package/static/browser/ldap-user-editor.min.js +2 -0
package/static/browser/ldap-user-editor.min.js.map +1 -0
package/static/browser/shared/components/Modal.js +121 -0
package/static/browser/shared/components/Modal.js.map +1 -0
package/static/browser/shared/components/StatusMessage.js +119 -0
package/static/browser/shared/components/StatusMessage.js.map +1 -0
package/static/browser/shared/index.js +7 -0
package/static/browser/shared/index.js.map +1 -0
package/static/browser/shared/types/index.js +37 -0
package/static/browser/shared/types/index.js.map +1 -0
package/static/browser/shared/utils/dom.js +78 -0
package/static/browser/shared/utils/dom.js.map +1 -0
package/static/browser/shared/utils/form.js +234 -0
package/static/browser/shared/utils/form.js.map +1 -0
package/static/browser/shared/utils/schema.js +121 -0
package/static/browser/shared/utils/schema.js.map +1 -0
package/static/browser/shared.esm.js +694 -0
package/static/browser/shared.esm.js.map +1 -0
package/static/browser/shared.js +723 -0
package/static/browser/shared.js.map +1 -0
package/static/browser/shared.min.js +2 -0
package/static/browser/shared.min.js.map +1 -0
package/static/schemas/ad/computers.json +92 -0
package/static/schemas/ad/groups.json +55 -0
package/static/schemas/ad/organizations.json +66 -0
package/static/schemas/ad/users.json +116 -0
package/static/schemas/standard/devices.json +72 -0
package/static/schemas/standard/groups.json +54 -0
package/static/schemas/standard/organizations.json +49 -0
package/static/schemas/standard/users.json +86 -0
package/static/schemas/twake/groups.json +75 -0
package/static/schemas/twake/nomenclature/twakeAccountStatus.json +31 -0
package/static/schemas/twake/nomenclature/twakeDeliveryMode.json +31 -0
package/static/schemas/twake/nomenclature/twakeListType.json +31 -0
package/static/schemas/twake/nomenclature/twakeMailboxType.json +31 -0
package/static/schemas/twake/nomenclature/twakeTitle.json +31 -0
package/static/schemas/twake/organizations.json +52 -0
package/static/schemas/twake/positions.json +32 -0
package/static/schemas/twake/users.json +112 -0

package/examples/web/ldap-tree-viewer.html ADDED Viewed

@@ -0,0 +1,368 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>LDAP Tree Viewer Demo</title>
+    <!-- Google Fonts -->
+    <link
+      href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap"
+      rel="stylesheet"
+    />
+    <link
+      href="https://fonts.googleapis.com/icon?family=Material+Icons"
+      rel="stylesheet"
+    />
+    <!-- Library CSS -->
+    <!-- Shared CSS -->
+    <link rel="stylesheet" href="/static/browser/common-demo.css" />
+    <link rel="stylesheet" href="/static/browser/ldap-tree-viewer.css" />
+    <style>
+      :root {
+        --primary-color: #6200ee;
+        --primary-color-dark: #4a00b8;
+      }
+      body {
+        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+      }
+      .demo-header h1 {
+        color: #6200ee;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="demo-container">
+      <div class="demo-header">
+        <h1>📁 LDAP Tree Viewer</h1>
+        <p>Interactive visualization of LDAP directory structure</p>
+        <div class="demo-controls">
+          <button id="btn-refresh" class="demo-button">
+            <span
+              class="material-icons"
+              style="vertical-align: middle; font-size: 18px"
+              >refresh</span
+            >
+            Refresh
+          </button>
+          <button id="btn-expand" class="demo-button">Expand All</button>
+          <button id="btn-collapse" class="demo-button">Collapse All</button>
+        </div>
+      </div>
+      <div id="status-container"></div>
+      <div class="demo-grid">
+        <div class="demo-panel">
+          <h2>
+            <span class="material-icons">account_tree</span>
+            Directory Tree
+          </h2>
+          <div id="ldap-tree"></div>
+        </div>
+        <div class="demo-panel">
+          <h2>
+            <span class="material-icons">info</span>
+            Node Details
+          </h2>
+          <div id="node-details">
+            <div class="details-empty">
+              <span
+                class="material-icons"
+                style="font-size: 48px; color: #ddd; margin-bottom: 8px"
+                >touch_app</span
+              >
+              <p>Click on a node to see details</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- Library JS -->
+    <!-- Shared utilities -->
+    <script src="/static/browser/shared.js"></script>
+    <script src="/static/browser/ldap-tree-viewer.js"></script>
+    <script>
+      const { LdapTreeViewer } = window.LdapTreeViewer;
+      const { showStatus, escapeHtml } = window.MiniDmShared;
+      let viewer;
+      function renderNodeDetails(node) {
+        const detailsEl = document.getElementById('node-details');
+        // Special handling for 'more' indicator
+        if (node.type === 'more') {
+          const totalCount = node.attributes?._totalCount || '?';
+          const displayedCount = node.attributes?._displayedCount || '?';
+          const parentDn = node.parentDn;
+          detailsEl.innerHTML = `
+          <div class="details-content">
+            <div class="details-header">
+              <span class="material-icons" style="color: #ff9800">more_horiz</span>
+              <h3>Additional Elements</h3>
+            </div>
+            <div class="details-info">
+              <div class="details-row">
+                <span class="details-label">Total elements:</span>
+                <span class="details-value">${totalCount}</span>
+              </div>
+              <div class="details-row">
+                <span class="details-label">Displayed:</span>
+                <span class="details-value">${displayedCount}</span>
+              </div>
+              <div class="details-row">
+                <span class="details-label">Hidden:</span>
+                <span class="details-value">${parseInt(totalCount) - parseInt(displayedCount)}</span>
+              </div>
+            </div>
+            <div style="margin-top: 24px; padding: 16px; background: #fff3e0; border-radius: 4px;">
+              <h4 style="font-size: 14px; font-weight: 500; margin-bottom: 12px; color: #e65100;">
+                🔍 Search to find specific elements
+              </h4>
+              <p style="font-size: 13px; color: #666; margin-bottom: 12px;">
+                There are too many elements to display at once. Use the search below to find specific users or groups.
+              </p>
+              <div style="display: flex; gap: 8px;">
+                <input
+                  type="text"
+                  id="search-input"
+                  placeholder="Search by name, uid, email..."
+                  style="flex: 1; padding: 8px 12px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px;"
+                  onkeypress="if(event.key === 'Enter') document.getElementById('search-btn').click()"
+                />
+                <button
+                  id="search-btn"
+                  class="demo-button"
+                  style="margin: 0;"
+                  onclick="performSearch('${parentDn}', document.getElementById('search-input').value)"
+                >
+                  Search
+                </button>
+              </div>
+              <div id="search-results" style="margin-top: 12px;"></div>
+            </div>
+          </div>
+        `;
+          return;
+        }
+        const iconMap = {
+          organization: { icon: 'folder', color: '#ffa726' },
+          user: { icon: 'person', color: '#42a5f5' },
+          group: { icon: 'group', color: '#66bb6a' },
+        };
+        const { icon, color } = iconMap[node.type] || {
+          icon: 'help',
+          color: '#999',
+        };
+        detailsEl.innerHTML = `
+        <div class="details-content">
+          <div class="details-header">
+            <span class="material-icons" style="color: ${color}">${icon}</span>
+            <h3>${node.displayName}</h3>
+          </div>
+          <div class="details-info">
+            <div class="details-row">
+              <span class="details-label">Type:</span>
+              <span class="details-value">${node.type}</span>
+            </div>
+            <div class="details-row">
+              <span class="details-label">DN:</span>
+              <span class="details-value">${node.dn}</span>
+            </div>
+            <div class="details-row">
+              <span class="details-label">Has Children:</span>
+              <span class="details-value">${node.hasChildren ? 'Yes' : 'No'}</span>
+            </div>
+            ${
+              node.parentDn
+                ? `
+              <div class="details-row">
+                <span class="details-label">Parent DN:</span>
+                <span class="details-value">${node.parentDn}</span>
+              </div>
+            `
+                : ''
+            }
+          </div>
+          ${
+            node.attributes
+              ? `
+            <div class="details-attributes">
+              <h4>Attributes</h4>
+              <pre>${JSON.stringify(node.attributes, null, 2)}</pre>
+            </div>
+          `
+              : ''
+          }
+        </div>
+      `;
+      }
+      async function performSearch(parentDn, query) {
+        if (!query || query.trim().length === 0) {
+          document.getElementById('search-results').innerHTML =
+            '<p style="color: #f44336; font-size: 13px;">Please enter a search query</p>';
+          return;
+        }
+        const resultsEl = document.getElementById('search-results');
+        resultsEl.innerHTML =
+          '<p style="font-size: 13px; color: #666;">Searching...</p>';
+        try {
+          const response = await fetch(
+            `${window.location.origin}/api/v1/ldap/organizations/${encodeURIComponent(parentDn)}/subnodes/search?q=${encodeURIComponent(query.trim())}`
+          );
+          if (!response.ok) {
+            throw new Error(`Search failed: ${response.statusText}`);
+          }
+          const results = await response.json();
+          if (results.length === 0) {
+            resultsEl.innerHTML =
+              '<p style="font-size: 13px; color: #999;">No results found</p>';
+            return;
+          }
+          const resultHtml = results
+            .map(item => {
+              const name =
+                (item.cn && item.cn[0]) ||
+                (item.uid && item.uid[0]) ||
+                (item.ou && item.ou[0]) ||
+                'Unknown';
+              const type = item.objectClass?.includes('organizationalUnit')
+                ? 'organization'
+                : item.objectClass?.includes('posixGroup') ||
+                    item.objectClass?.includes('groupOfNames')
+                  ? 'group'
+                  : 'user';
+              const icon =
+                type === 'organization'
+                  ? 'folder'
+                  : type === 'group'
+                    ? 'group'
+                    : 'person';
+              return `
+            <div style="padding: 8px; border-bottom: 1px solid #eee; display: flex; align-items: center; gap: 8px;">
+              <span class="material-icons" style="font-size: 18px; color: #666;">${icon}</span>
+              <div style="flex: 1;">
+                <div style="font-weight: 500; font-size: 13px;">${name}</div>
+                <div style="font-size: 11px; color: #999;">${item.dn}</div>
+              </div>
+            </div>
+          `;
+            })
+            .join('');
+          resultsEl.innerHTML = `
+          <div style="max-height: 300px; overflow-y: auto; border: 1px solid #ddd; border-radius: 4px; margin-top: 8px;">
+            <div style="padding: 8px; background: #f5f5f5; font-weight: 500; font-size: 13px; border-bottom: 2px solid #ddd;">
+              Found ${results.length} result(s)
+            </div>
+            ${resultHtml}
+          </div>
+        `;
+        } catch (error) {
+          console.error('Search error:', error);
+          resultsEl.innerHTML = `<p style="color: #f44336; font-size: 13px;">Error: ${error.message}</p>`;
+        }
+      }
+      async function initViewer() {
+        try {
+          viewer = new LdapTreeViewer({
+            containerId: 'ldap-tree',
+            apiBaseUrl: window.location.origin,
+            theme: 'light',
+            onNodeClick: node => {
+              console.log('Node clicked:', node);
+              renderNodeDetails(node);
+            },
+            onNodeExpand: node => {
+              console.log('Node expanded:', node.dn);
+            },
+          });
+          await viewer.init();
+          showStatus(
+            'status-container',
+            'LDAP tree loaded successfully!',
+            'success'
+          );
+        } catch (error) {
+          console.error('Failed to initialize viewer:', error);
+          showStatus('status-container', `Error: ${error.message}`, 'error');
+        }
+      }
+      // Button handlers
+      document
+        .getElementById('btn-refresh')
+        .addEventListener('click', async () => {
+          if (viewer) {
+            try {
+              await viewer.refresh();
+              showStatus('status-container', 'Tree refreshed!', 'success');
+            } catch (error) {
+              showStatus(
+                'status-container',
+                `Error: ${error.message}`,
+                'error'
+              );
+            }
+          }
+        });
+      document
+        .getElementById('btn-expand')
+        .addEventListener('click', async () => {
+          if (viewer) {
+            const state = viewer.getState();
+            const promises = [];
+            state.nodes.forEach((node, dn) => {
+              if (node.hasChildren && !state.expandedNodes.has(dn)) {
+                promises.push(viewer.expandNode(dn));
+              }
+            });
+            await Promise.all(promises);
+            showStatus('status-container', 'All nodes expanded!', 'success');
+          }
+        });
+      document.getElementById('btn-collapse').addEventListener('click', () => {
+        if (viewer) {
+          const state = viewer.getState();
+          state.expandedNodes.forEach(dn => {
+            viewer.collapseNode(dn);
+          });
+          showStatus('status-container', 'All nodes collapsed!', 'success');
+        }
+      });
+      // Initialize on load
+      initViewer();
+    </script>
+  </body>
+</html>

package/examples/web/ldap-unit-editor.html ADDED Viewed

@@ -0,0 +1,108 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>LDAP Unit Editor Demo</title>
+    <!-- Google Fonts -->
+    <link
+      href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap"
+      rel="stylesheet"
+    />
+    <link
+      href="https://fonts.googleapis.com/icon?family=Material+Icons"
+      rel="stylesheet"
+    />
+    <!-- Library CSS -->
+    <!-- Shared CSS -->
+    <link rel="stylesheet" href="/static/browser/common-demo.css" />
+    <link rel="stylesheet" href="/static/browser/ldap-user-editor.css" />
+    <style>
+      :root {
+        --primary-color: #f5576c;
+        --primary-color-dark: #d43d50;
+      }
+      body {
+        background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
+      }
+      .demo-header h1 {
+        color: #f5576c;
+      }
+      .action-button {
+        background: var(--primary-color);
+      }
+      .action-button:hover {
+        background: var(--primary-color-dark);
+      }
+    </style>
+  </head>
+  <body>
+    <div class="demo-container">
+      <div class="demo-header">
+        <h1>🏢 LDAP Organization Unit Editor</h1>
+        <p>
+          Manage organizational units and departments in your LDAP directory
+        </p>
+      </div>
+      <div id="status-container"></div>
+      <div id="ldap-unit-editor" style="min-height: 600px"></div>
+    </div>
+    <!-- Shared utilities -->
+    <script src="/static/browser/shared.js"></script>
+    <!-- Library JS -->
+    <script src="/static/browser/ldap-unit-editor.js"></script>
+    <script>
+      const { LdapUnitEditor } = window.LdapUnitEditor;
+      const { showStatus } = window.MiniDmShared;
+      async function initEditor() {
+        try {
+          const editor = new LdapUnitEditor({
+            containerId: 'ldap-unit-editor',
+            apiBaseUrl: window.location.origin,
+            onUnitSaved: unitDn => {
+              console.log('Unit saved:', unitDn);
+              showStatus(
+                'status-container',
+                'Organization unit saved successfully!',
+                'success'
+              );
+            },
+            onError: error => {
+              console.error('Editor error:', error);
+              showStatus(
+                'status-container',
+                `Error: ${error.message}`,
+                'error'
+              );
+            },
+          });
+          await editor.init();
+          showStatus(
+            'status-container',
+            'LDAP Organization Unit Editor loaded successfully!',
+            'success'
+          );
+        } catch (error) {
+          console.error('Failed to initialize editor:', error);
+          showStatus('status-container', `Error: ${error.message}`, 'error');
+        }
+      }
+      initEditor();
+    </script>
+  </body>
+</html>