feat: Initialize organization chart web part with core functionality and configuration

- Added configuration files: config.json, copy-assets.json, package-solution.json, serve.json, write-manifests.json.
- Created gulpfile.js for build process.
- Implemented core logic in OrganizationChartCore.ts for account normalization and profile handling.
- Developed data service in OrganizationChartDataService.ts to fetch organization data from SharePoint User Profile Service.
- Defined types for user profiles and organization nodes in OrganizationChartTypes.ts.
- Created web part manifest for OrganizationChartWebPart.
- Built the main web part component with rendering logic and property pane configuration in OrganizationChartWebPart.ts.
- Developed React components for displaying the organization chart.
- Implemented styling for the organization chart in OrganizationChart.module.scss.
- Added localization support with English and German strings.
- Created unit tests for core functionalities in OrganizationChartCore.test.ts.
- Set up TypeScript and TSLint configurations for the project.

tests/validate-project.js

@@ -0,0 +1,41 @@
+'use strict';
+var fs = require('fs');
+var path = require('path');
+var root = path.resolve(__dirname, '..');
+var passed = 0;
+function read(file) { return fs.readFileSync(path.join(root, file), 'utf8'); }
+function json(file) { return JSON.parse(read(file)); }
+function assert(condition, message) { if (!condition) { throw new Error(message); } passed++; }
+
+var packageJson = json('package.json');
+var packageSolution = json('config/package-solution.json');
+var config = json('config/config.json');
+var manifest = json('src/webparts/organizationChart/OrganizationChartWebPart.manifest.json');
+var service = read('src/webparts/organizationChart/OrganizationChartDataService.ts');
+var webPart = read('src/webparts/organizationChart/OrganizationChartWebPart.ts');
+var component = read('src/webparts/organizationChart/components/OrganizationChart.tsx');
+var styles = read('src/webparts/organizationChart/components/OrganizationChart.module.scss');
+
+assert(packageJson.name === 'organization-chart-webpart', 'Package name is inconsistent.');
+assert(packageSolution.solution.name === packageJson.name && packageSolution.solution.title === packageJson.name,
+  'Solution name is inconsistent.');
+assert(packageSolution.paths.zippedPackage === 'solution/organization-chart-webpart.sppkg', 'Package file name is inconsistent.');
+assert(packageSolution.solution.includeClientSideAssets === true && packageSolution.solution.skipFeatureDeployment === true,
+  'Central deployment is not configured.');
+assert(!!config.bundles['organization-chart-webpart'], 'Bundle name is inconsistent.');
+assert(manifest.componentType === 'WebPart' && manifest.alias === 'OrganizationChartWebPart', 'Manifest is invalid.');
+assert(service.indexOf('/_api/SP.UserProfiles.PeopleManager/GetPropertiesFor') >= 0, 'User Profile REST access is missing.');
+assert(service.indexOf('profile.directReports') >= 0 && service.indexOf('this.buildNode(childAccount, depth + 1') >= 0,
+  'Recursive downward organization loading is missing.');
+assert(webPart.indexOf("PropertyPaneTextField('startUser'") >= 0, 'Starting-person configuration is missing.');
+assert(webPart.indexOf("PropertyPaneSlider('maxDepth'") >= 0 && webPart.indexOf("PropertyPaneSlider('maxPeople'") >= 0,
+  'Tree safety limits are missing.');
+assert(component.indexOf("role='tree'") >= 0 && component.indexOf("role='treeitem'") >= 0,
+  'Accessible tree semantics are missing.');
+assert(component.indexOf('aria-expanded') >= 0, 'Accessible expand/collapse behavior is missing.');
+['bodyText', 'neutralSecondary', 'neutralLighter', 'themePrimary', 'neutralTertiary', 'white', 'neutralLight', 'focusBorder', 'errorText']
+  .forEach(function(slot) {
+    assert(styles.indexOf('[theme:' + slot + ', default:') >= 0, 'SharePoint theme slot is missing: ' + slot);
+  });
+
+console.log('Organization Chart project validation passed: ' + passed);