apprun 3.37.0 → 3.37.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "apprun",
-  "version": "3.37.0",
+  "version": "3.37.2",
   "description": "JavaScript library that has Elm inspired architecture, event pub-sub and components",
   "main": "dist/apprun.js",
   "module": "esm/apprun.js",
@@ -44,10 +44,8 @@
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "json-loader": "^0.5.7",
-    "immer": "^10.1.1",
     "lit": "^3.3.1",
     "marked": "^16.0.0",
-    "property-information": "^7.1.0",
     "rollup": "^4.45.1",
     "ts-jest": "^29.4.0",
     "ts-loader": "^9.5.2",
@@ -57,6 +55,8 @@
     "webpack-dev-server": "^5.2.2"
   },
   "dependencies": {
-    "commander": "^14.0.0"
+    "commander": "^14.0.0",
+    "immer": "^10.1.1",
+    "property-information": "^7.1.0"
   }
 }

package/src/apprun.ts

@@ -64,7 +64,7 @@
 import _app, { App } from './app';
 import { createElement, render, Fragment, safeHTML } from './vdom';
 import { Component } from './component';
-import { IApp, VNode, View, Action, Update, EventOptions, ActionOptions, MountOptions, AppStartOptions, CustomElementOptions } from './types';
+import { IApp, VNode, State, View, Action, Update, EventOptions, ActionOptions, MountOptions, AppStartOptions, CustomElementOptions } from './types';
 import { on, update, customElement } from './decorator';
 import { route, ROUTER_EVENT, ROUTER_404_EVENT } from './router';
 import webComponent from './web-component';
@@ -109,10 +109,10 @@ if (!app.start) {
   app.webComponent = webComponent;
   app.safeHTML = safeHTML;
 
-  app.start = <T, E = any>(element?: Element | string, model?: T, view?: View<T>, update?: Update<T, E>,
+  app.start = <T, E = any>(element?: Element | string, state?: State<T>, view?: View<T>, update?: Update<T, E>,
     options?: AppStartOptions<T>): Component<T, E> => {
     const opts = { render: true, global_event: true, ...options };
-    const component = new Component<T, E>(model, view, update);
+    const component = new Component<T, E>(state, view, update);
     if (options && options.rendered) component.rendered = options.rendered;
     if (options && options.mounted) component.mounted = options.mounted;
     component.start(element, opts);
@@ -131,11 +131,6 @@ if (!app.start) {
   app.on('route', url => app['route'] && app['route'](url));
 
   if (typeof document === 'object') {
-    let basePath = location.pathname;
-    if (basePath.endsWith('/')) {
-      basePath = basePath.slice(0, -1);
-    }
-    app.basePath = basePath;
     document.addEventListener("DOMContentLoaded", () => {
       const no_init_route = document.body.hasAttribute('apprun-no-init') || app['no-init-route'] || false;
       const use_hash = app.find('#') || app.find('#/') || false;

package/src/component.ts

@@ -55,7 +55,7 @@ import _app, { App } from './app';
 
 
 import { Reflect } from './decorator'
-import { View, Update, ActionDef, ActionOptions, MountOptions, EventOptions, IApp } from './types';
+import { State, View, Update, ActionDef, ActionOptions, MountOptions, EventOptions, IApp } from './types';
 import directive from './directive';
 import { safeQuerySelector, safeGetElementById } from './type-utils';
 
@@ -210,7 +210,7 @@ export class Component<T = any, E = any> {
   };
 
   constructor(
-    protected state?: T,
+    protected state?: State<T>,
     protected view?: View<T>,
     protected update?: Update<T, E>,
     protected options?) {
@@ -244,10 +244,8 @@ export class Component<T = any, E = any> {
 
     this.add_actions();
     this.state = this.state ?? this['model'] ?? {};
-    if (typeof this.state === 'function') this.state = this.state();
-
-    this.setState(this.state, { render: !!options.render, history: true });
-
+    if (typeof this.state === 'function') this.state = (this.state as Function)();
+    this.setState(this.state as T, { render: !!options.render, history: true });
     if (app['debug'] && app.find('debug-create-component')?.length) {
       app.run('debug-create-component', this);
     }

package/src/types.ts

@@ -4,7 +4,7 @@
  * This file defines the fundamental types used across AppRun:
  * 1. Component Types
  *    - View: Function that renders state to VDOM
- *    - Action: Function that updates state (sync/async)
+ *    - Action: Function that updates state (sync/async/generator)
  *    - Update: Collection of actions (array or object format)
  *    - ActionDef: Tuple definition for action arrays
  * 
@@ -33,6 +33,7 @@
  * - Improved union types for VDOM flexibility
  * - Better callback typing in options
  * - Stricter typing for lifecycle methods
+ * - Added support for async generator and generator functions in Action types
  *
  * Usage:
  * ```ts
@@ -41,15 +42,21 @@
  *   update: Update<State, Events>;
  * }
  * 
- * // Type-safe action definitions
+ * // Type-safe action definitions with async generators
  * const update: Update<State> = {
- *   'event': (state: State, ...args) => newState
+ *   'event': (state: State, ...args) => newState,
+ *   'stream-event': async function* (state: State, ...args) {
+ *     yield { ...state, loading: true };
+ *     const data = await fetchData();
+ *     yield { ...state, data, loading: false };
+ *   }
  * };
  * ```
  */
 
 import { TemplateResult } from 'lit-html';
 export type Element = HTMLElement | string;
+export type State<T> = T | Promise<T> | (() => T) | (() => Promise<T>);
 export type VNode = {
   tag: string | Function,
   props: {},
@@ -57,7 +64,7 @@ export type VNode = {
 }
 export type VDOM = false | string | VNode | Array<VNode | string> | TemplateResult;
 export type View<T> = (state: T) => VDOM | void;
-export type Action<T> = (state: T, ...p: any[]) => T | Promise<T> | void;
+export type Action<T> = (state: T, ...p: any[]) => T | Promise<T> | void | AsyncGenerator<T> | Generator<T>;
 export type ActionDef<T, E> = (readonly [E, Action<T>, {}?]);
 export type Update<T, E = any> = ActionDef<T, E>[] | { [name: string]: Action<T> | {}[] } | (E | Action<T> | {})[];
 export type ActionOptions = {

package/src/version.ts

@@ -10,7 +10,7 @@
 
 // Import version from package.json to maintain single source of truth
 // This version string is used across the framework
-export const APPRUN_VERSION = '3.37.0';
+export const APPRUN_VERSION = '3.37.2';
 
 // Version string with prefix for global tracking
 export const APPRUN_VERSION_GLOBAL = `AppRun-${APPRUN_VERSION}`;