feat(account): Implement account and organization management features

2024-10-06 23:56:03 +02:00
parent 2c0e771da2
commit f7600ca83f
26 changed files with 1036 additions and 240 deletions
@@ -0,0 +1,70 @@
+import * as plugins from '../plugins.js';
+import { domtools } from '@design.estate/dees-element'
+
+export class IdpState {
+  // STATIC
+  private static idpStateDeferred = plugins.smartpromise.defer<IdpState>();
+  public static async getSingletonInstance() {
+    if (!this.idpStateDeferred.claimed) {
+      this.idpStateDeferred.claim();
+      const newIdpState = new IdpState();
+      await newIdpState.init();
+      this.idpStateDeferred.resolve(newIdpState);
+    }
+    return this.idpStateDeferred.promise;
+  }
+
+  // INSTANCE
+  public receptionUrl = window.location.origin;
+  public idpClient = new plugins.idpClient.IdpClient(this.receptionUrl);
+  public domtools: domtools.DomTools;
+  public mainStatePart: plugins.deesDomtools.plugins.smartstate.StatePart<'main', {
+    view: 'welcome' | 'login' | 'register' | 'finishregistration' | 'account';
+  }>
+
+  public async init() {
+    this.idpClient.enableTypedSocket();
+    const domtoolsInstance = await domtools.DomTools.setupDomTools();
+    this.domtools = domtoolsInstance;
+    const state = new plugins.deesDomtools.plugins.smartstate.Smartstate<'main'>();
+    this.mainStatePart = await state.getStatePart('main', {
+      view: 'welcome',
+    }, 'soft');
+    this.domtools.router.on('/', async () => {
+      await this.mainStatePart.setState({
+        ...this.mainStatePart.getState(),
+        view: 'welcome',
+      })
+    });
+
+    this.domtools.router.on('/login', async () => {
+      await this.mainStatePart.setState({
+        ...this.mainStatePart.getState(),
+        view: 'login',
+      })
+    });
+
+    this.domtools.router.on('/register', async () => {
+      await this.mainStatePart.setState({
+        ...this.mainStatePart.getState(),
+        view: 'register',
+      })
+    });
+
+    this.domtools.router.on('/finishregistration', async () => {
+      await this.mainStatePart.setState({
+        ...this.mainStatePart.getState(),
+        view: 'finishregistration',
+      })
+    });
+
+    this.domtools.router.on('/account{/*path}', async () => {
+      await this.mainStatePart.setState({
+        ...this.mainStatePart.getState(),
+        view: 'account',
+      })
+    });
+
+    this.domtools.router._handleRouteState();
+  }
+}