2.0.16

.gitea/workflows/default_tags.yaml

@@ -119,6 +119,6 @@ jobs:
         run: |
           npmci node install stable
           npmci npm install
-          pnpm install -g @gitzone/tsdoc
+          pnpm install -g @git.zone/tsdoc
           npmci command tsdoc
         continue-on-error: true

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@push.rocks/smartstate",
-  "version": "2.0.8",
+  "version": "2.0.16",
   "private": false,
   "description": "a package that handles state in a good way",
   "main": "dist_ts/index.js",
@@ -14,19 +14,20 @@
     "buildDocs": "tsdoc"
   },
   "devDependencies": {
-    "@gitzone/tsbuild": "^2.1.66",
-    "@gitzone/tsbundle": "^2.0.8",
-    "@gitzone/tsrun": "^1.2.44",
-    "@gitzone/tstest": "^1.0.77",
-    "@push.rocks/tapbundle": "^5.0.12",
-    "@types/node": "^20.4.5"
+    "@git.zone/tsbuild": "^2.1.70",
+    "@git.zone/tsbundle": "^2.0.8",
+    "@git.zone/tsrun": "^1.2.46",
+    "@git.zone/tstest": "^1.0.81",
+    "@push.rocks/tapbundle": "^5.0.15",
+    "@types/node": "^20.8.0"
   },
   "dependencies": {
     "@push.rocks/isohash": "^2.0.1",
-    "@push.rocks/lik": "^6.0.3",
-    "@push.rocks/smartjson": "^5.0.6",
+    "@push.rocks/lik": "^6.0.5",
+    "@push.rocks/smartjson": "^5.0.10",
     "@push.rocks/smartpromise": "^4.0.3",
-    "@push.rocks/smartrx": "^3.0.6"
+    "@push.rocks/smartrx": "^3.0.6",
+    "@push.rocks/webstore": "^2.0.13"
   },
   "files": [
     "ts/**/*",

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.8',
+  version: '2.0.16',
   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'
-  ): 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,8 +7,31 @@ export class StatePart<TStatePartName, TStatePayload> {
   public stateStore: TStatePayload;
   private cumulativeDeferred = plugins.smartpromise.cumulativeDefer();
 
-  constructor(nameArg: TStatePartName) {
+  private webStoreOptions: plugins.webstore.IWebStoreOptions;
+  private webStore: plugins.webstore.WebStore<TStatePayload> | null = null; // Add WebStore instance
+
+  constructor(nameArg: TStatePartName, webStoreOptionsArg?: plugins.webstore.IWebStoreOptions) {
     this.name = nameArg;
+
+    // Initialize WebStore if webStoreOptions are provided
+    if (webStoreOptionsArg) {
+      this.webStoreOptions = webStoreOptionsArg;
+    }
+  }
+
+  /**
+   * initializes the 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) {
+        this.stateStore = storedState;
+        this.notifyChange();
+      }
+    }
   }
 
   /**
@@ -22,9 +45,14 @@ export class StatePart<TStatePartName, TStatePayload> {
    * sets the stateStore to the new state
    * @param newStateArg
    */
-  public setState(newStateArg: TStatePayload) {
+  public async setState(newStateArg: TStatePayload) {
     this.stateStore = newStateArg;
     this.notifyChange();
+    
+    // Save state to WebStore if initialized
+    if (this.webStore) {
+      await this.webStore.set(String(this.name), newStateArg);
+    }
   }
 
   /**
@@ -89,10 +117,11 @@ export class StatePart<TStatePartName, TStatePayload> {
   /**
    * dispatches an action on the statepart level
    */
-  public async dispatchAction<T>(stateAction: StateAction<TStatePayload, T>, actionPayload: T) {
+  public async dispatchAction<T>(stateAction: StateAction<TStatePayload, T>, actionPayload: T): Promise<TStatePayload> {
     await this.cumulativeDeferred.promise;
     const newState = await stateAction.actionDef(this, actionPayload);
-    this.setState(newState);
+    await this.setState(newState);
+    return this.getState();
   }
 
   /**

ts/smartstate.plugins.ts

@@ -2,5 +2,6 @@ import * as isohash from '@push.rocks/isohash';
 import * as smartjson from '@push.rocks/smartjson';
 import * as smartpromise from '@push.rocks/smartpromise';
 import * as smartrx from '@push.rocks/smartrx';
+import * as webstore from '@push.rocks/webstore';
 
-export { isohash, smartjson, smartpromise, smartrx };
+export { isohash, smartjson, smartpromise, smartrx, webstore };

tsconfig.json

@@ -3,9 +3,12 @@
     "experimentalDecorators": true,
     "useDefineForClassFields": false,
     "target": "ES2022",
-    "module": "ES2022",
-    "moduleResolution": "nodenext",
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
     "esModuleInterop": true,
-    "verbatimModuleSyntax": true,
-  }
+    "verbatimModuleSyntax": true
+  },
+  "exclude": [
+    "dist_*/**/*.d.ts"
+  ]
 }