2.0.17

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@push.rocks/smartstate",
-  "version": "2.0.11",
+  "version": "2.0.17",
   "private": false,
   "description": "a package that handles state in a good way",
   "main": "dist_ts/index.js",

test/test.both.ts

@@ -18,7 +18,7 @@ tap.test('should create a new SmartState', async () => {
 });
 
 tap.test('should create a new StatePart', async () => {
-  testStatePart = testState.getStatePart<TStatePartPayload>('testStatePart', {
+  testStatePart = await testState.getStatePart<TStatePartPayload>('testStatePart', {
     currentFavorites: [],
     deep: {
       hi: 2,

ts/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@push.rocks/smartstate',
-  version: '2.0.11',
+  version: '2.0.17',
   description: 'a package that handles state in a good way'
 }

ts/smartstate.classes.smartstate.ts

@@ -1,6 +1,8 @@
 import * as plugins from './smartstate.plugins.js';
 import { StatePart } from './smartstate.classes.statepart.js';
 
+export type TInitMode = 'soft' | 'mandatory' | 'force' | 'persistent';
+
 /**
  * Smartstate takes care of providing state
  */
@@ -18,11 +20,11 @@ export class Smartstate<StatePartNameType> {
    * @param initialArg
    * @param initMode
    */
-  public getStatePart<PayloadType>(
+  public async getStatePart<PayloadType>(
     statePartNameArg: string & StatePartNameType,
     initialArg?: PayloadType,
-    initMode?: 'soft' | 'mandatory' | 'force' | 'persistent'
-  ): StatePart<StatePartNameType, PayloadType> {
+    initMode?: TInitMode
+  ): Promise<StatePart<StatePartNameType, PayloadType>> {
     if (this.statePartMap[statePartNameArg as any]) {
       if (initialArg && (!initMode || initMode !== 'soft')) {
         throw new Error(
@@ -36,7 +38,7 @@ export class Smartstate<StatePartNameType> {
           `${statePartNameArg} does not yet exist, yet you don't provide an initial state`
         );
       }
-      return this.createStatePart<PayloadType>(statePartNameArg, initialArg);
+      return this.createStatePart<PayloadType>(statePartNameArg, initialArg, initMode);
     }
   }
 
@@ -45,12 +47,24 @@ export class Smartstate<StatePartNameType> {
    * @param statePartName
    * @param initialPayloadArg
    */
-  private createStatePart<PayloadType>(
+  private async createStatePart<PayloadType>(
     statePartName: StatePartNameType,
-    initialPayloadArg: PayloadType
-  ): StatePart<StatePartNameType, PayloadType> {
-    const newState = new StatePart<StatePartNameType, PayloadType>(statePartName);
-    newState.setState(initialPayloadArg);
+    initialPayloadArg: PayloadType,
+    initMode?: TInitMode
+  ): Promise<StatePart<StatePartNameType, PayloadType>> {
+    const newState = new StatePart<StatePartNameType, PayloadType>(
+      statePartName,
+      initMode === 'persistent' ? {
+        dbName: 'smartstate',
+        storeName: statePartName as any,
+      } : null
+    );
+    await newState.init();
+    const currentState = newState.getState();
+    await newState.setState({
+      ...initialPayloadArg,
+      ...currentState,
+    });
     this.statePartMap[statePartName as any] = newState;
     return newState;
   }

ts/smartstate.classes.statepart.ts

@@ -7,23 +7,24 @@ export class StatePart<TStatePartName, TStatePayload> {
   public stateStore: TStatePayload;
   private cumulativeDeferred = plugins.smartpromise.cumulativeDefer();
 
+  private webStoreOptions: plugins.webstore.IWebStoreOptions;
   private webStore: plugins.webstore.WebStore<TStatePayload> | null = null; // Add WebStore instance
 
-  constructor(nameArg: TStatePartName, webStoreOptions?: plugins.webstore.IWebStoreOptions) {
+  constructor(nameArg: TStatePartName, webStoreOptionsArg?: plugins.webstore.IWebStoreOptions) {
     this.name = nameArg;
 
     // Initialize WebStore if webStoreOptions are provided
-    if (webStoreOptions) {
-      this.webStore = new plugins.webstore.WebStore<TStatePayload>(webStoreOptions);
-      this.initWebStore();
+    if (webStoreOptionsArg) {
+      this.webStoreOptions = webStoreOptionsArg;
     }
   }
 
   /**
    * initializes the webstore
    */
-  private async initWebStore() {
-    if (this.webStore) {
+  public async init() {
+    if (this.webStoreOptions) {
+      this.webStore = new plugins.webstore.WebStore<TStatePayload>(this.webStoreOptions);
       await this.webStore.init();
       const storedState = await this.webStore.get(String(this.name));
       if (storedState) {
@@ -52,6 +53,7 @@ export class StatePart<TStatePartName, TStatePayload> {
     if (this.webStore) {
       await this.webStore.set(String(this.name), newStateArg);
     }
+    return this.stateStore;
   }
 
   /**