@nateabele/use-app-state 0.1.0

package/dist/index.d.mts

@@ -0,0 +1,175 @@
+import * as ts_toolbelt_out_Function_Curry from 'ts-toolbelt/out/Function/Curry';
+import * as React from 'react';
+
+type PathKey = string;
+type PathSegment = string | (string | number)[];
+type URL = string;
+type Path = (string | number)[];
+type ChangeSpec = [Path, any];
+type ChangeSet = ChangeSpec[];
+type Scalar = string | number | boolean;
+type Atom = Scalar | symbol;
+type NestedObject = {
+    [key: string]: NestedObject | Scalar | Array<NestedObject | Scalar>;
+};
+type RecursivePartial<T> = {
+    [P in keyof T]?: T[P] extends (infer U)[] ? RecursivePartial<U>[] : T[P] extends object | undefined ? RecursivePartial<T[P]> : T[P];
+};
+
+interface Ctor<T> {
+    new (...args: any[]): T;
+}
+declare abstract class UIEvent {
+    abstract name: string;
+    map(fn: (v: UIEvent) => UIEvent): UIEvent;
+}
+declare class NoOp extends UIEvent {
+    name: string;
+    path: null;
+}
+declare class Update extends UIEvent {
+    url: string;
+    values: Record<string, any>;
+    name: string;
+    path: null;
+    constructor(url: string, values: Record<string, any>);
+    map(fn: (v: Update) => Update): Update;
+}
+declare class Set extends UIEvent {
+    path: Path;
+    value: any;
+    name: string;
+    constructor(path: Path, value: any);
+    map(fn: (v: Set) => Set): Set;
+}
+/**
+ * Add a value to the end of an array
+ */
+declare class Append extends UIEvent {
+    path: Path;
+    value: any;
+    name: string;
+    constructor(path: Path, value: any);
+    map(fn: (v: Append) => Append): Append;
+}
+/**
+ * Push a value to an array at a specific index
+ */
+declare class Push extends UIEvent {
+    path: Path;
+    index: number;
+    value: any;
+    name: string;
+    constructor(path: Path, index: number, value: any);
+    map(fn: (v: Push) => Push): Push;
+}
+/**
+ * Pull values out of an array, or fields out of an object
+ */
+declare class Pull extends UIEvent {
+    path: Path;
+    index: number | string;
+    count?: number | undefined;
+    name: string;
+    constructor(path: Path, index: number | string, count?: number | undefined);
+    map(fn: (v: Pull) => Pull): Pull;
+}
+declare class Merge extends UIEvent {
+    path: Path;
+    value: {
+        [key: string]: any;
+    };
+    name: string;
+    constructor(path: Path, value: {
+        [key: string]: any;
+    });
+    map(fn: (v: Merge) => Merge): Merge;
+}
+declare class Batch extends UIEvent {
+    value: AllEvents[];
+    name: string;
+    path: null;
+    constructor(value: AllEvents[]);
+    map(fn: (v: AllEvents) => AllEvents): AllEvents;
+}
+declare class Submit extends UIEvent {
+    url: string;
+    data: any;
+    name: string;
+    path: null;
+    constructor(url: string, data: any);
+    map(fn: (v: Submit) => Submit): Submit;
+}
+type AllEvents = NoOp | Set | Append | Merge | Batch | Submit | Update | Push | Pull;
+type Emitter = ReturnType<typeof emitter> & {
+    scope: (childScope: Path) => Emitter;
+};
+declare const emitter: (handler: (e: UIEvent) => any) => (e: UIEvent) => void;
+type TwoArity<One, Two, Return> = ((one: One, two: Two) => Return) & ((one: One) => (two: Two) => Return);
+declare const noOp: NoOp;
+/**
+ * Object operations
+ */
+declare const set: TwoArity<Path, any, Set>;
+declare const merge: TwoArity<Path, any, Merge>;
+declare const drop: TwoArity<Path, string, Pull>;
+/**
+ * Array operations
+ */
+declare const append: TwoArity<Path, any, Append>;
+declare const push: (path: Path, index: number, value: any) => Push;
+declare const pull: (path: Path, index: number, count: number) => Pull;
+declare const batch: (events: AllEvents[]) => Batch;
+/**
+ * API operations
+ */
+declare const update: TwoArity<string, Record<string, any>, Update>;
+declare const updateOne: ts_toolbelt_out_Function_Curry.Curry<(a_0: string, a_1: string, a_2: any) => Update>;
+declare const preventDefault: (fn: Function) => (e: {
+    preventDefault: (...args: any[]) => any;
+}) => any;
+
+type WithEmitter = {
+    emit: Emitter;
+};
+declare const init: <AppData extends object>(App: React.FC<AppData & WithEmitter>, node: HTMLElement, data: AppData) => (({
+    data: AppData;
+}) & {
+    render: () => ReturnType<(children: React.ReactNode) => void>;
+    emit: (e: UIEvent) => void;
+    update: (fn: (val: AppData) => AppData) => void;
+    onEvent: (fn: (event: AllEvents, before: AppData, after: AppData) => void) => (({
+        data: AppData;
+    }) & {
+        render: () => ReturnType<(children: React.ReactNode) => void>;
+        emit: (e: UIEvent) => void;
+        update: (fn: (val: AppData) => AppData) => void;
+        onEvent: /*elided*/ any;
+    });
+});
+
+type EventCallback<AppState> = (event: AllEvents, before: AppState, after: AppState) => void;
+type ReducerConfig<AppState> = {
+    onEvent?: EventCallback<AppState>;
+};
+/**
+ * This hook manages the state of the app. It's the only way to change the state, and
+ * it's the only way to subscribe to changes. Initializes a read-only root state object, and
+ * an emit() function that takes immutable Event objects, which are used to change the state.
+ *
+ * The changes are then broadcast to any subscribers, and the app is re-rendered.
+ *
+ * It also takes some flags that are useful for debugging:
+ *  - `log`: will log all changes to the console.
+ *  - `expose`: will expose the state to the global window object as `window.appState`, or as
+ *     the `window[expose]`, if `expose` is a string.
+ */
+declare function useAppState<AppState extends object>(initialState: AppState, config?: {
+    log?: boolean;
+    expose?: string | boolean;
+    onEvent?: EventCallback<AppState>;
+}): readonly [AppState, Emitter, {
+    onEvent: (fn: EventCallback<AppState>) => number;
+}];
+
+export { type AllEvents, Append, type Atom, Batch, type ChangeSet, type ChangeSpec, type Ctor, type Emitter, type EventCallback, Merge, type NestedObject, NoOp, type Path, type PathKey, type PathSegment, Pull, Push, type RecursivePartial, type ReducerConfig, type Scalar, Set, Submit, type TwoArity, UIEvent, type URL, Update, append, batch, drop, emitter, init, merge, noOp, preventDefault, pull, push, set, update, updateOne, useAppState };

package/dist/index.d.ts

@@ -0,0 +1,175 @@
+import * as ts_toolbelt_out_Function_Curry from 'ts-toolbelt/out/Function/Curry';
+import * as React from 'react';
+
+type PathKey = string;
+type PathSegment = string | (string | number)[];
+type URL = string;
+type Path = (string | number)[];
+type ChangeSpec = [Path, any];
+type ChangeSet = ChangeSpec[];
+type Scalar = string | number | boolean;
+type Atom = Scalar | symbol;
+type NestedObject = {
+    [key: string]: NestedObject | Scalar | Array<NestedObject | Scalar>;
+};
+type RecursivePartial<T> = {
+    [P in keyof T]?: T[P] extends (infer U)[] ? RecursivePartial<U>[] : T[P] extends object | undefined ? RecursivePartial<T[P]> : T[P];
+};
+
+interface Ctor<T> {
+    new (...args: any[]): T;
+}
+declare abstract class UIEvent {
+    abstract name: string;
+    map(fn: (v: UIEvent) => UIEvent): UIEvent;
+}
+declare class NoOp extends UIEvent {
+    name: string;
+    path: null;
+}
+declare class Update extends UIEvent {
+    url: string;
+    values: Record<string, any>;
+    name: string;
+    path: null;
+    constructor(url: string, values: Record<string, any>);
+    map(fn: (v: Update) => Update): Update;
+}
+declare class Set extends UIEvent {
+    path: Path;
+    value: any;
+    name: string;
+    constructor(path: Path, value: any);
+    map(fn: (v: Set) => Set): Set;
+}
+/**
+ * Add a value to the end of an array
+ */
+declare class Append extends UIEvent {
+    path: Path;
+    value: any;
+    name: string;
+    constructor(path: Path, value: any);
+    map(fn: (v: Append) => Append): Append;
+}
+/**
+ * Push a value to an array at a specific index
+ */
+declare class Push extends UIEvent {
+    path: Path;
+    index: number;
+    value: any;
+    name: string;
+    constructor(path: Path, index: number, value: any);
+    map(fn: (v: Push) => Push): Push;
+}
+/**
+ * Pull values out of an array, or fields out of an object
+ */
+declare class Pull extends UIEvent {
+    path: Path;
+    index: number | string;
+    count?: number | undefined;
+    name: string;
+    constructor(path: Path, index: number | string, count?: number | undefined);
+    map(fn: (v: Pull) => Pull): Pull;
+}
+declare class Merge extends UIEvent {
+    path: Path;
+    value: {
+        [key: string]: any;
+    };
+    name: string;
+    constructor(path: Path, value: {
+        [key: string]: any;
+    });
+    map(fn: (v: Merge) => Merge): Merge;
+}
+declare class Batch extends UIEvent {
+    value: AllEvents[];
+    name: string;
+    path: null;
+    constructor(value: AllEvents[]);
+    map(fn: (v: AllEvents) => AllEvents): AllEvents;
+}
+declare class Submit extends UIEvent {
+    url: string;
+    data: any;
+    name: string;
+    path: null;
+    constructor(url: string, data: any);
+    map(fn: (v: Submit) => Submit): Submit;
+}
+type AllEvents = NoOp | Set | Append | Merge | Batch | Submit | Update | Push | Pull;
+type Emitter = ReturnType<typeof emitter> & {
+    scope: (childScope: Path) => Emitter;
+};
+declare const emitter: (handler: (e: UIEvent) => any) => (e: UIEvent) => void;
+type TwoArity<One, Two, Return> = ((one: One, two: Two) => Return) & ((one: One) => (two: Two) => Return);
+declare const noOp: NoOp;
+/**
+ * Object operations
+ */
+declare const set: TwoArity<Path, any, Set>;
+declare const merge: TwoArity<Path, any, Merge>;
+declare const drop: TwoArity<Path, string, Pull>;
+/**
+ * Array operations
+ */
+declare const append: TwoArity<Path, any, Append>;
+declare const push: (path: Path, index: number, value: any) => Push;
+declare const pull: (path: Path, index: number, count: number) => Pull;
+declare const batch: (events: AllEvents[]) => Batch;
+/**
+ * API operations
+ */
+declare const update: TwoArity<string, Record<string, any>, Update>;
+declare const updateOne: ts_toolbelt_out_Function_Curry.Curry<(a_0: string, a_1: string, a_2: any) => Update>;
+declare const preventDefault: (fn: Function) => (e: {
+    preventDefault: (...args: any[]) => any;
+}) => any;
+
+type WithEmitter = {
+    emit: Emitter;
+};
+declare const init: <AppData extends object>(App: React.FC<AppData & WithEmitter>, node: HTMLElement, data: AppData) => (({
+    data: AppData;
+}) & {
+    render: () => ReturnType<(children: React.ReactNode) => void>;
+    emit: (e: UIEvent) => void;
+    update: (fn: (val: AppData) => AppData) => void;
+    onEvent: (fn: (event: AllEvents, before: AppData, after: AppData) => void) => (({
+        data: AppData;
+    }) & {
+        render: () => ReturnType<(children: React.ReactNode) => void>;
+        emit: (e: UIEvent) => void;
+        update: (fn: (val: AppData) => AppData) => void;
+        onEvent: /*elided*/ any;
+    });
+});
+
+type EventCallback<AppState> = (event: AllEvents, before: AppState, after: AppState) => void;
+type ReducerConfig<AppState> = {
+    onEvent?: EventCallback<AppState>;
+};
+/**
+ * This hook manages the state of the app. It's the only way to change the state, and
+ * it's the only way to subscribe to changes. Initializes a read-only root state object, and
+ * an emit() function that takes immutable Event objects, which are used to change the state.
+ *
+ * The changes are then broadcast to any subscribers, and the app is re-rendered.
+ *
+ * It also takes some flags that are useful for debugging:
+ *  - `log`: will log all changes to the console.
+ *  - `expose`: will expose the state to the global window object as `window.appState`, or as
+ *     the `window[expose]`, if `expose` is a string.
+ */
+declare function useAppState<AppState extends object>(initialState: AppState, config?: {
+    log?: boolean;
+    expose?: string | boolean;
+    onEvent?: EventCallback<AppState>;
+}): readonly [AppState, Emitter, {
+    onEvent: (fn: EventCallback<AppState>) => number;
+}];
+
+export { type AllEvents, Append, type Atom, Batch, type ChangeSet, type ChangeSpec, type Ctor, type Emitter, type EventCallback, Merge, type NestedObject, NoOp, type Path, type PathKey, type PathSegment, Pull, Push, type RecursivePartial, type ReducerConfig, type Scalar, Set, Submit, type TwoArity, UIEvent, type URL, Update, append, batch, drop, emitter, init, merge, noOp, preventDefault, pull, push, set, update, updateOne, useAppState };

package/dist/index.js

@@ -0,0 +1,374 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Append: () => Append,
+  Batch: () => Batch,
+  Merge: () => Merge,
+  NoOp: () => NoOp,
+  Pull: () => Pull,
+  Push: () => Push,
+  Set: () => Set,
+  Submit: () => Submit,
+  UIEvent: () => UIEvent,
+  Update: () => Update,
+  append: () => append,
+  batch: () => batch,
+  drop: () => drop,
+  emitter: () => emitter,
+  init: () => init,
+  merge: () => merge,
+  noOp: () => noOp,
+  preventDefault: () => preventDefault,
+  pull: () => pull,
+  push: () => push,
+  set: () => set,
+  update: () => update,
+  updateOne: () => updateOne,
+  useAppState: () => useAppState
+});
+module.exports = __toCommonJS(index_exports);
+var import_react = require("react");
+var import_ramda3 = require("ramda");
+
+// src/events.ts
+var import_ramda = require("ramda");
+var UIEvent = class {
+  map(fn) {
+    return Object.assign(new this.constructor(), fn(this));
+  }
+};
+var NoOp = class extends UIEvent {
+  constructor() {
+    super(...arguments);
+    this.name = "NoOp";
+    this.path = null;
+  }
+};
+var Update = class _Update extends UIEvent {
+  constructor(url, values) {
+    super();
+    this.url = url;
+    this.values = values;
+    this.name = "Update";
+    this.path = null;
+  }
+  map(fn) {
+    const { url, values } = fn(this);
+    return new _Update(url, values);
+  }
+};
+var Set = class _Set extends UIEvent {
+  constructor(path, value) {
+    super();
+    this.path = path;
+    this.value = value;
+    this.name = "Set";
+  }
+  map(fn) {
+    const { path, value } = fn(this);
+    return new _Set(path, value);
+  }
+};
+var Append = class _Append extends UIEvent {
+  constructor(path, value) {
+    super();
+    this.path = path;
+    this.value = value;
+    this.name = "Append";
+  }
+  map(fn) {
+    const { path, value } = fn(this);
+    return new _Append(path, value);
+  }
+};
+var Push = class _Push extends UIEvent {
+  constructor(path, index, value) {
+    super();
+    this.path = path;
+    this.index = index;
+    this.value = value;
+    this.name = "Push";
+  }
+  map(fn) {
+    const { path, index, value } = fn(this);
+    return new _Push(path, index, value);
+  }
+};
+var Pull = class _Pull extends UIEvent {
+  constructor(path, index, count) {
+    super();
+    this.path = path;
+    this.index = index;
+    this.count = count;
+    this.name = "Pull";
+  }
+  map(fn) {
+    const { path, index, count } = fn(this);
+    return new _Pull(path, index, count);
+  }
+};
+var Merge = class _Merge extends UIEvent {
+  constructor(path, value) {
+    super();
+    this.path = path;
+    this.value = value;
+    this.name = "Merge";
+  }
+  map(fn) {
+    const { path, value } = fn(this);
+    return new _Merge(path, value);
+  }
+};
+var Batch = class _Batch extends UIEvent {
+  constructor(value) {
+    super();
+    this.value = value;
+    this.name = "Batch";
+    this.path = null;
+  }
+  map(fn) {
+    return new _Batch(this.value.map((0, import_ramda.map)(fn)));
+  }
+};
+var Submit = class _Submit extends UIEvent {
+  constructor(url, data) {
+    super();
+    this.url = url;
+    this.data = data;
+    this.name = "Submit";
+    this.path = null;
+  }
+  map(fn) {
+    const { url, data } = fn(this);
+    return new _Submit(url, data);
+  }
+};
+var emitter = (handler) => {
+  let buildScope;
+  buildScope = (scope, h) => Object.assign((0, import_ramda.pipe)((e) => e.map((0, import_ramda.evolve)({ path: (0, import_ramda.pipe)((0, import_ramda.defaultTo)([]), (0, import_ramda.concat)(scope)) })), h), {
+    scope: (childScope) => buildScope(scope.concat(childScope), h)
+  });
+  return buildScope([], handler);
+};
+var noOp = new NoOp();
+var set = (0, import_ramda.curryN)(2, (0, import_ramda.construct)(Set));
+var merge = (0, import_ramda.curryN)(2, (0, import_ramda.construct)(Merge));
+var drop = (0, import_ramda.curry)((p, k) => new Pull(p, k));
+var append = (0, import_ramda.curryN)(2, (0, import_ramda.construct)(Append));
+var push = (0, import_ramda.curryN)(3, (0, import_ramda.construct)(Push));
+var pull = (0, import_ramda.curryN)(3, (0, import_ramda.construct)(Pull));
+var batch = (0, import_ramda.curryN)(1, (0, import_ramda.construct)(Batch));
+var update = (0, import_ramda.curryN)(2, (0, import_ramda.construct)(Update));
+var updateOne = (0, import_ramda.curryN)(3, (url, key, value) => new Update(url, { [key]: value }));
+var preventDefault = (fn) => (e) => {
+  e.preventDefault();
+  return fn(e);
+};
+
+// src/init.ts
+var import_ramda2 = require("ramda");
+var React = __toESM(require("react"));
+var import_client = __toESM(require("react-dom/client"));
+var append2 = (0, import_ramda2.flip)(import_ramda2.concat);
+var init = (App, node, data) => {
+  const root = import_client.default.createRoot(node);
+  let render;
+  let emit;
+  let app = { data };
+  let subscribers = [];
+  const update2 = (fn) => {
+    try {
+      app.data = fn(app.data);
+    } catch (e) {
+      console.error("Update function exploded", e);
+    }
+  };
+  let inUpdateLoop = false;
+  let handler;
+  handler = (evt) => {
+    const before = app.data;
+    if (evt instanceof Set) {
+      update2((0, import_ramda2.set)((0, import_ramda2.lensPath)(evt.path), evt.value));
+    }
+    if (evt instanceof Append) {
+      update2((0, import_ramda2.over)((0, import_ramda2.lensPath)(evt.path), append2(evt.value)));
+    }
+    if (evt instanceof Push) {
+      update2((0, import_ramda2.over)((0, import_ramda2.lensPath)(evt.path), (0, import_ramda2.insert)(evt.index, evt.value)));
+    }
+    if (evt instanceof Pull) {
+      update2((0, import_ramda2.over)(
+        (0, import_ramda2.lensPath)(evt.path),
+        (0, import_ramda2.ifElse)((0, import_ramda2.is)(Array), (0, import_ramda2.remove)(evt.index, evt.count || 1), (0, import_ramda2.dissoc)(evt.index))
+      ));
+    }
+    if (evt instanceof Merge) {
+      update2((0, import_ramda2.over)((0, import_ramda2.lensPath)(evt.path), (0, import_ramda2.mergeLeft)(evt.value)));
+    }
+    if (evt instanceof Update) {
+      fetch(evt.url, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify(evt.values)
+      });
+    }
+    if (evt instanceof Batch) {
+      inUpdateLoop = true;
+      evt.value.forEach(handler);
+      inUpdateLoop = false;
+    }
+    if (evt instanceof Submit) {
+    }
+    subscribers.forEach((s) => s(evt, before, app.data));
+    if (!inUpdateLoop) {
+      render();
+    }
+  };
+  const strict = false;
+  emit = emitter(handler);
+  render = () => {
+    const props = (0, import_ramda2.mergeRight)(app.data, { emit });
+    const el = React.createElement(App, props);
+    root.render(strict ? React.createElement(React.StrictMode, {}, el) : el);
+  };
+  const onEvent = (fn) => {
+    subscribers.push(fn);
+    return app;
+  };
+  Object.assign(app, { render, emit, update: update2, onEvent });
+  return app;
+};
+
+// src/index.ts
+var createReducer = (config) => {
+  let reducer2;
+  const transformState = (e) => {
+    switch (true) {
+      case e instanceof NoOp:
+        return import_ramda3.identity;
+      case e instanceof Set:
+        return (0, import_ramda3.set)((0, import_ramda3.lensPath)(e.path), e.value);
+      case e instanceof Append:
+        return (0, import_ramda3.over)((0, import_ramda3.lensPath)(e.path), (0, import_ramda3.append)(e.value));
+      case e instanceof Push:
+        return (0, import_ramda3.over)((0, import_ramda3.lensPath)(e.path), (0, import_ramda3.insert)(e.index, e.value));
+      case e instanceof Pull:
+        return (0, import_ramda3.over)((0, import_ramda3.lensPath)(e.path), (0, import_ramda3.ifElse)((0, import_ramda3.is)(Array), (0, import_ramda3.remove)(e.index, e.count || 1), (0, import_ramda3.dissoc)(e.index)));
+      case e instanceof Merge:
+        return (0, import_ramda3.over)((0, import_ramda3.lensPath)(e.path), (0, import_ramda3.mergeLeft)(e.value));
+      case e instanceof Batch:
+        return (state) => e.value.reduce(reducer2, state);
+      case e instanceof Update:
+      case e instanceof Submit:
+        return import_ramda3.identity;
+      default:
+        console.warn("Unhandled event type", e);
+        return import_ramda3.identity;
+    }
+  };
+  reducer2 = (state, e) => {
+    const after = transformState(e)(state);
+    (config.onEvent || import_ramda3.identity)(e, state, after);
+    return after;
+  };
+  return reducer2;
+};
+var reducer = (config) => createReducer(config);
+var log = (evt, indent = 0) => {
+  console.log(" ".repeat(indent), evt.name, (evt.path || []).join("."), evt.value);
+};
+function useAppState(initialState, config = {}) {
+  let subscribers = [];
+  const [state, dispatch] = (0, import_react.useReducer)(reducer(config), initialState);
+  if (config.expose) {
+    Object.assign(window, { [(0, import_ramda3.is)(String, config.expose) ? config.expose : "appState"]: state });
+  }
+  const handleEvent = (0, import_react.useCallback)((event) => {
+    if (config.log) {
+      if (event.name === "Batch") {
+        console.log("Batch");
+        event.value.forEach((e) => log(e, 2));
+      } else {
+        log(event);
+      }
+    }
+    if (event instanceof Update) {
+      fetch(event.url, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(event.values)
+      });
+    } else if (event instanceof Submit) {
+      fetch(event.url, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(event.data)
+      });
+    } else {
+      dispatch(event);
+    }
+  }, []);
+  const controls = {
+    onEvent: (fn) => subscribers.push(fn)
+  };
+  return [state, emitter(handleEvent), controls];
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Append,
+  Batch,
+  Merge,
+  NoOp,
+  Pull,
+  Push,
+  Set,
+  Submit,
+  UIEvent,
+  Update,
+  append,
+  batch,
+  drop,
+  emitter,
+  init,
+  merge,
+  noOp,
+  preventDefault,
+  pull,
+  push,
+  set,
+  update,
+  updateOne,
+  useAppState
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/events.ts","../src/init.ts"],"sourcesContent":["import { useReducer, useCallback } from 'react';\nimport { lensPath, set, over, append, insert, remove, mergeLeft, identity, ifElse, is, dissoc } from 'ramda';\nimport * as Events from './events';\n\nexport * from './events';\nexport * from './types';\nexport { init } from './init';\n\nexport type EventCallback<AppState> = (event: Events.AllEvents, before: AppState, after: AppState) => void;\nexport type ReducerConfig<AppState> = {\n  onEvent?: EventCallback<AppState>;\n}\n\n/** Creates a reducer that handles state transitions and event callbacks */\nconst createReducer = <AppState>(config: ReducerConfig<AppState>) => {\n\n  let reducer: (state: AppState, e: Events.UIEvent) => AppState;\n\n  const transformState = (e: Events.UIEvent): (state: AppState) => AppState => {\n    switch (true) {\n      case e instanceof Events.NoOp:\n        return identity;\n      case e instanceof Events.Set:\n        return set(lensPath(e.path), e.value);\n      case e instanceof Events.Append:\n        return over(lensPath(e.path), append(e.value));\n      case e instanceof Events.Push:\n        return over(lensPath(e.path), insert(e.index, e.value));\n      case e instanceof Events.Pull:\n        return over(lensPath(e.path), ifElse(is(Array), remove(e.index as number, e.count || 1), dissoc(e.index)) as any);\n      case e instanceof Events.Merge:\n        return over(lensPath(e.path), mergeLeft(e.value) as any);\n      case e instanceof Events.Batch:\n        return (state: AppState) => e.value.reduce(reducer, state);\n      case e instanceof Events.Update:\n      case e instanceof Events.Submit:\n        return identity;\n      default:\n        console.warn('Unhandled event type', e);\n        return identity;\n    }\n  };\n\n  reducer = (state, e) => {\n    const after = transformState(e)(state);\n    (config.onEvent || identity)(e as Events.AllEvents, state, after);\n    return after;\n  };\n\n  return reducer;\n};\n\n// Export the reducer factory\nconst reducer = <AppState>(config: ReducerConfig<AppState>) => createReducer(config);\n\nconst log = (evt: Events.UIEvent, indent = 0) => {\n  console.log(' '.repeat(indent), evt.name, ((evt as any).path || []).join('.'), (evt as any).value);\n};\n\n/**\n * This hook manages the state of the app. It's the only way to change the state, and\n * it's the only way to subscribe to changes. Initializes a read-only root state object, and\n * an emit() function that takes immutable Event objects, which are used to change the state.\n *\n * The changes are then broadcast to any subscribers, and the app is re-rendered.\n *\n * It also takes some flags that are useful for debugging:\n *  - `log`: will log all changes to the console.\n *  - `expose`: will expose the state to the global window object as `window.appState`, or as\n *     the `window[expose]`, if `expose` is a string.\n */\nexport function useAppState<AppState extends object>(initialState: AppState, config: {\n  log?: boolean;\n  expose?: string | boolean;\n  onEvent?: EventCallback<AppState>;\n} = {}) {\n  let subscribers: Array<(event: Events.AllEvents, before: AppState, after: AppState) => void> = [];\n  const [state, dispatch] = useReducer(reducer(config), initialState);\n\n  if (config.expose) {\n    Object.assign(window, { [is(String, config.expose) ? config.expose : 'appState']: state });\n  }\n\n  const handleEvent = useCallback((event: Events.UIEvent) => {\n    if (config.log) {\n      if (event.name === 'Batch') {\n        console.log('Batch');\n        (event as Events.Batch).value.forEach(e => log(e, 2));\n      } else {\n        log(event);\n      }\n    }\n\n    if (event instanceof Events.Update) {\n      fetch(event.url, {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify(event.values)\n      });\n    } else if (event instanceof Events.Submit) {\n      fetch(event.url, {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify(event.data)\n      });\n    } else {\n      dispatch(event);\n    }\n  }, []);\n\n  const controls = {\n    onEvent: (fn: EventCallback<AppState>) => subscribers.push(fn)\n  }\n\n  return [state as AppState, Events.emitter(handleEvent) as Events.Emitter, controls] as const;\n}\n","import { concat, construct, curry, curryN, defaultTo, evolve, map, pipe } from \"ramda\";\nimport { Path } from \"./types\";\n\nexport interface Ctor<T> {\n  new(...args: any[]): T\n}\n\nexport abstract class UIEvent {\n  public abstract name: string;\n  public map(fn: (v: UIEvent) => UIEvent): UIEvent {\n    return Object.assign(new (this.constructor as any)(), fn(this));\n  }\n}\n\nexport class NoOp extends UIEvent {\n  public name = 'NoOp';\n  public path: null = null;\n}\n\nexport class Update extends UIEvent {\n  public name = 'Update';\n  public path: null = null;\n\n  constructor(public url: string, public values: Record<string, any>) { super(); }\n\n  public map(fn: (v: Update) => Update): Update {\n    const { url, values } = fn(this);\n    return new Update(url, values);\n  }\n}\n\nexport class Set extends UIEvent {\n  public name = 'Set';\n  constructor(public path: Path, public value: any) { super(); }\n\n  public map(fn: (v: Set) => Set): Set {\n    const { path, value } = fn(this);\n    return new Set(path, value);\n  }\n}\n\n/**\n * Add a value to the end of an array\n */\nexport class Append extends UIEvent {\n  public name = 'Append';\n  constructor(public path: Path, public value: any) { super(); }\n\n  public map(fn: (v: Append) => Append): Append {\n    const { path, value } = fn(this);\n    return new Append(path, value);\n  }\n}\n\n/**\n * Push a value to an array at a specific index\n */\nexport class Push extends UIEvent {\n  public name = 'Push';\n  constructor(public path: Path, public index: number, public value: any) { super(); }\n\n  public map(fn: (v: Push) => Push): Push {\n    const { path, index, value } = fn(this);\n    return new Push(path, index, value);\n  }\n}\n\n/**\n * Pull values out of an array, or fields out of an object\n */\nexport class Pull extends UIEvent {\n  public name = 'Pull';\n  constructor(public path: Path, public index: number | string, public count?: number) { super(); }\n\n  public map(fn: (v: Pull) => Pull): Pull {\n    const { path, index, count } = fn(this);\n    return new Pull(path, index, count);\n  }\n}\n\nexport class Merge extends UIEvent {\n  public name = 'Merge';\n  constructor(public path: Path, public value: { [key: string]: any }) { super(); }\n\n  public map(fn: (v: Merge) => Merge): Merge {\n    const { path, value } = fn(this);\n    return new Merge(path, value);\n  }\n}\n\nexport class Batch extends UIEvent {\n  public name = 'Batch';\n  public path: null = null;\n\n  constructor(public value: AllEvents[]) { super(); }\n\n  public map(fn: (v: AllEvents) => AllEvents): AllEvents {\n    return new Batch(this.value.map(map(fn) as any));\n  }\n}\n\nexport class Submit extends UIEvent {\n  public name = 'Submit';\n  public path: null = null;\n\n  constructor(public url: string, public data: any) { super(); }\n\n  public map(fn: (v: Submit) => Submit): Submit {\n    const { url, data } = fn(this);\n    return new Submit(url, data);\n  }\n}\n\nexport type AllEvents = NoOp | Set | Append | Merge | Batch | Submit | Update | Push | Pull;\n\nexport type Emitter = ReturnType<typeof emitter> & { scope: (childScope: Path) => Emitter };\n\nexport const emitter = (handler: (e: UIEvent) => any) => {\n  let buildScope: (scope: Path, h: typeof handler) => (e: UIEvent) => void;\n\n  buildScope = (scope, h) => (\n    Object.assign(pipe((e: UIEvent) => e.map(evolve({ path: pipe(defaultTo([]), concat(scope)) }) as any), h), {\n      scope: (childScope: Path) => buildScope(scope.concat(childScope), h)\n    })\n  );\n\n  return buildScope([], handler);\n};\n\nexport type TwoArity<One, Two, Return> = ((one: One, two: Two) => Return) & ((one: One) => (two: Two) => Return);\n\nexport const noOp = new NoOp();\n\n/**\n * Object operations\n */\nexport const set = curryN(2, construct(Set)) as TwoArity<Path, any, Set>;\nexport const merge = curryN(2, construct(Merge)) as TwoArity<Path, any, Merge>;\nexport const drop = curry((p: Path, k: string) => new Pull(p, k)) as TwoArity<Path, string, Pull>;\n\n/**\n * Array operations\n */\nexport const append = curryN(2, construct(Append)) as TwoArity<Path, any, Append>;\nexport const push = curryN(3, construct(Push)) as (path: Path, index: number, value: any) => Push;\nexport const pull = curryN(3, construct(Pull)) as (path: Path, index: number, count: number) => Pull;\n\nexport const batch = curryN(1, construct(Batch)) as (events: AllEvents[]) => Batch;\n\n/**\n * API operations\n */\nexport const update = curryN(2, construct(Update)) as TwoArity<string, Record<string, any>, Update>;\nexport const updateOne = curryN(3, (url: string, key: string, value: any) => new Update(url, { [key]: value }));\n\nexport const preventDefault = (fn: Function) => (e: { preventDefault: (...args: any[]) => any }) => {\n  e.preventDefault();\n  return fn(e);\n};\n","import { concat, dissoc, flip, ifElse, insert, is, lensPath, mergeLeft, mergeRight, over, remove, set } from 'ramda';\nimport * as React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport * as Events from './events';\n\ntype WithEmitter = { emit: Events.Emitter };\n\nconst append = flip(concat);\n\nexport const init = <AppData extends object>(\n  App: React.FC<AppData & WithEmitter>,\n  node: HTMLElement,\n  data: AppData,\n) => {\n  const root = ReactDOM.createRoot(node);\n  let render: () => ReturnType<typeof root.render>;\n  let emit: ReturnType<typeof Events.emitter>;\n  let app = { data };\n  let subscribers: any[] = [];\n\n  const update = (fn: (val: AppData) => AppData) => {\n    try {\n      app.data = fn(app.data)\n    } catch (e) {\n      console.error('Update function exploded', e);\n    }\n  };\n  let inUpdateLoop = false;\n\n  let handler: (evt: Events.UIEvent) => void;\n  handler = (evt: Events.UIEvent) => {\n    const before = app.data;\n\n    if (evt instanceof Events.Set) {\n      update(set(lensPath(evt.path), evt.value));\n    }\n    if (evt instanceof Events.Append) {\n      update(over(lensPath(evt.path), append(evt.value)));\n    }\n    if (evt instanceof Events.Push) {\n      update(over(lensPath(evt.path), insert(evt.index, evt.value)));\n    }\n    if (evt instanceof Events.Pull) {\n      update(over(\n        lensPath(evt.path),\n        ifElse(is(Array), remove(evt.index as number, evt.count || 1), dissoc(evt.index)) as any\n      ));\n    }\n    if (evt instanceof Events.Merge) {\n      update(over(lensPath(evt.path), mergeLeft(evt.value) as any));\n    }\n    if (evt instanceof Events.Update) {\n      fetch(evt.url, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json'\n        },\n        body: JSON.stringify(evt.values)\n      });\n    }\n    if (evt instanceof Events.Batch) {\n      inUpdateLoop = true;\n      evt.value.forEach(handler)\n      inUpdateLoop = false;\n    }\n    if (evt instanceof Events.Submit) {\n      // @TODO Redirect on location header\n    }\n    subscribers.forEach(s => s(evt, before, app.data));\n\n    if (!inUpdateLoop) {\n      render();\n    }\n  };\n  const strict = false;\n  emit = Events.emitter(handler);\n\n  render = () => {\n    const props = mergeRight(app.data, { emit }) as unknown as AppData & WithEmitter;\n    const el = React.createElement(App, props);\n    root.render(strict ? React.createElement(React.StrictMode, {}, el) : el)\n  };\n\n  const onEvent = (fn: (event: Events.AllEvents, before: AppData, after: AppData) => void) => {\n    subscribers.push(fn);\n    return app as ((typeof app) & { render: typeof render, emit: typeof emit, update: typeof update, onEvent: typeof onEvent });\n  };\n\n  Object.assign(app, { render, emit, update, onEvent });\n  return app as ((typeof app) & { render: typeof render, emit: typeof emit, update: typeof update, onEvent: typeof onEvent });\n};\n"],"mappings":"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","names":["import_ramda","import_ramda","append","ReactDOM","update","reducer"]}

package/dist/index.mjs

@@ -0,0 +1,316 @@
+// src/index.ts
+import { useReducer, useCallback } from "react";
+import { lensPath as lensPath2, set as set3, over as over2, append as append3, insert as insert2, remove as remove2, mergeLeft as mergeLeft2, identity, ifElse as ifElse2, is as is2, dissoc as dissoc2 } from "ramda";
+
+// src/events.ts
+import { concat, construct, curry, curryN, defaultTo, evolve, map, pipe } from "ramda";
+var UIEvent = class {
+  map(fn) {
+    return Object.assign(new this.constructor(), fn(this));
+  }
+};
+var NoOp = class extends UIEvent {
+  constructor() {
+    super(...arguments);
+    this.name = "NoOp";
+    this.path = null;
+  }
+};
+var Update = class _Update extends UIEvent {
+  constructor(url, values) {
+    super();
+    this.url = url;
+    this.values = values;
+    this.name = "Update";
+    this.path = null;
+  }
+  map(fn) {
+    const { url, values } = fn(this);
+    return new _Update(url, values);
+  }
+};
+var Set = class _Set extends UIEvent {
+  constructor(path, value) {
+    super();
+    this.path = path;
+    this.value = value;
+    this.name = "Set";
+  }
+  map(fn) {
+    const { path, value } = fn(this);
+    return new _Set(path, value);
+  }
+};
+var Append = class _Append extends UIEvent {
+  constructor(path, value) {
+    super();
+    this.path = path;
+    this.value = value;
+    this.name = "Append";
+  }
+  map(fn) {
+    const { path, value } = fn(this);
+    return new _Append(path, value);
+  }
+};
+var Push = class _Push extends UIEvent {
+  constructor(path, index, value) {
+    super();
+    this.path = path;
+    this.index = index;
+    this.value = value;
+    this.name = "Push";
+  }
+  map(fn) {
+    const { path, index, value } = fn(this);
+    return new _Push(path, index, value);
+  }
+};
+var Pull = class _Pull extends UIEvent {
+  constructor(path, index, count) {
+    super();
+    this.path = path;
+    this.index = index;
+    this.count = count;
+    this.name = "Pull";
+  }
+  map(fn) {
+    const { path, index, count } = fn(this);
+    return new _Pull(path, index, count);
+  }
+};
+var Merge = class _Merge extends UIEvent {
+  constructor(path, value) {
+    super();
+    this.path = path;
+    this.value = value;
+    this.name = "Merge";
+  }
+  map(fn) {
+    const { path, value } = fn(this);
+    return new _Merge(path, value);
+  }
+};
+var Batch = class _Batch extends UIEvent {
+  constructor(value) {
+    super();
+    this.value = value;
+    this.name = "Batch";
+    this.path = null;
+  }
+  map(fn) {
+    return new _Batch(this.value.map(map(fn)));
+  }
+};
+var Submit = class _Submit extends UIEvent {
+  constructor(url, data) {
+    super();
+    this.url = url;
+    this.data = data;
+    this.name = "Submit";
+    this.path = null;
+  }
+  map(fn) {
+    const { url, data } = fn(this);
+    return new _Submit(url, data);
+  }
+};
+var emitter = (handler) => {
+  let buildScope;
+  buildScope = (scope, h) => Object.assign(pipe((e) => e.map(evolve({ path: pipe(defaultTo([]), concat(scope)) })), h), {
+    scope: (childScope) => buildScope(scope.concat(childScope), h)
+  });
+  return buildScope([], handler);
+};
+var noOp = new NoOp();
+var set = curryN(2, construct(Set));
+var merge = curryN(2, construct(Merge));
+var drop = curry((p, k) => new Pull(p, k));
+var append = curryN(2, construct(Append));
+var push = curryN(3, construct(Push));
+var pull = curryN(3, construct(Pull));
+var batch = curryN(1, construct(Batch));
+var update = curryN(2, construct(Update));
+var updateOne = curryN(3, (url, key, value) => new Update(url, { [key]: value }));
+var preventDefault = (fn) => (e) => {
+  e.preventDefault();
+  return fn(e);
+};
+
+// src/init.ts
+import { concat as concat2, dissoc, flip, ifElse, insert, is, lensPath, mergeLeft, mergeRight, over, remove, set as set2 } from "ramda";
+import * as React from "react";
+import ReactDOM from "react-dom/client";
+var append2 = flip(concat2);
+var init = (App, node, data) => {
+  const root = ReactDOM.createRoot(node);
+  let render;
+  let emit;
+  let app = { data };
+  let subscribers = [];
+  const update2 = (fn) => {
+    try {
+      app.data = fn(app.data);
+    } catch (e) {
+      console.error("Update function exploded", e);
+    }
+  };
+  let inUpdateLoop = false;
+  let handler;
+  handler = (evt) => {
+    const before = app.data;
+    if (evt instanceof Set) {
+      update2(set2(lensPath(evt.path), evt.value));
+    }
+    if (evt instanceof Append) {
+      update2(over(lensPath(evt.path), append2(evt.value)));
+    }
+    if (evt instanceof Push) {
+      update2(over(lensPath(evt.path), insert(evt.index, evt.value)));
+    }
+    if (evt instanceof Pull) {
+      update2(over(
+        lensPath(evt.path),
+        ifElse(is(Array), remove(evt.index, evt.count || 1), dissoc(evt.index))
+      ));
+    }
+    if (evt instanceof Merge) {
+      update2(over(lensPath(evt.path), mergeLeft(evt.value)));
+    }
+    if (evt instanceof Update) {
+      fetch(evt.url, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify(evt.values)
+      });
+    }
+    if (evt instanceof Batch) {
+      inUpdateLoop = true;
+      evt.value.forEach(handler);
+      inUpdateLoop = false;
+    }
+    if (evt instanceof Submit) {
+    }
+    subscribers.forEach((s) => s(evt, before, app.data));
+    if (!inUpdateLoop) {
+      render();
+    }
+  };
+  const strict = false;
+  emit = emitter(handler);
+  render = () => {
+    const props = mergeRight(app.data, { emit });
+    const el = React.createElement(App, props);
+    root.render(strict ? React.createElement(React.StrictMode, {}, el) : el);
+  };
+  const onEvent = (fn) => {
+    subscribers.push(fn);
+    return app;
+  };
+  Object.assign(app, { render, emit, update: update2, onEvent });
+  return app;
+};
+
+// src/index.ts
+var createReducer = (config) => {
+  let reducer2;
+  const transformState = (e) => {
+    switch (true) {
+      case e instanceof NoOp:
+        return identity;
+      case e instanceof Set:
+        return set3(lensPath2(e.path), e.value);
+      case e instanceof Append:
+        return over2(lensPath2(e.path), append3(e.value));
+      case e instanceof Push:
+        return over2(lensPath2(e.path), insert2(e.index, e.value));
+      case e instanceof Pull:
+        return over2(lensPath2(e.path), ifElse2(is2(Array), remove2(e.index, e.count || 1), dissoc2(e.index)));
+      case e instanceof Merge:
+        return over2(lensPath2(e.path), mergeLeft2(e.value));
+      case e instanceof Batch:
+        return (state) => e.value.reduce(reducer2, state);
+      case e instanceof Update:
+      case e instanceof Submit:
+        return identity;
+      default:
+        console.warn("Unhandled event type", e);
+        return identity;
+    }
+  };
+  reducer2 = (state, e) => {
+    const after = transformState(e)(state);
+    (config.onEvent || identity)(e, state, after);
+    return after;
+  };
+  return reducer2;
+};
+var reducer = (config) => createReducer(config);
+var log = (evt, indent = 0) => {
+  console.log(" ".repeat(indent), evt.name, (evt.path || []).join("."), evt.value);
+};
+function useAppState(initialState, config = {}) {
+  let subscribers = [];
+  const [state, dispatch] = useReducer(reducer(config), initialState);
+  if (config.expose) {
+    Object.assign(window, { [is2(String, config.expose) ? config.expose : "appState"]: state });
+  }
+  const handleEvent = useCallback((event) => {
+    if (config.log) {
+      if (event.name === "Batch") {
+        console.log("Batch");
+        event.value.forEach((e) => log(e, 2));
+      } else {
+        log(event);
+      }
+    }
+    if (event instanceof Update) {
+      fetch(event.url, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(event.values)
+      });
+    } else if (event instanceof Submit) {
+      fetch(event.url, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(event.data)
+      });
+    } else {
+      dispatch(event);
+    }
+  }, []);
+  const controls = {
+    onEvent: (fn) => subscribers.push(fn)
+  };
+  return [state, emitter(handleEvent), controls];
+}
+export {
+  Append,
+  Batch,
+  Merge,
+  NoOp,
+  Pull,
+  Push,
+  Set,
+  Submit,
+  UIEvent,
+  Update,
+  append,
+  batch,
+  drop,
+  emitter,
+  init,
+  merge,
+  noOp,
+  preventDefault,
+  pull,
+  push,
+  set,
+  update,
+  updateOne,
+  useAppState
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/events.ts","../src/init.ts"],"sourcesContent":["import { useReducer, useCallback } from 'react';\nimport { lensPath, set, over, append, insert, remove, mergeLeft, identity, ifElse, is, dissoc } from 'ramda';\nimport * as Events from './events';\n\nexport * from './events';\nexport * from './types';\nexport { init } from './init';\n\nexport type EventCallback<AppState> = (event: Events.AllEvents, before: AppState, after: AppState) => void;\nexport type ReducerConfig<AppState> = {\n  onEvent?: EventCallback<AppState>;\n}\n\n/** Creates a reducer that handles state transitions and event callbacks */\nconst createReducer = <AppState>(config: ReducerConfig<AppState>) => {\n\n  let reducer: (state: AppState, e: Events.UIEvent) => AppState;\n\n  const transformState = (e: Events.UIEvent): (state: AppState) => AppState => {\n    switch (true) {\n      case e instanceof Events.NoOp:\n        return identity;\n      case e instanceof Events.Set:\n        return set(lensPath(e.path), e.value);\n      case e instanceof Events.Append:\n        return over(lensPath(e.path), append(e.value));\n      case e instanceof Events.Push:\n        return over(lensPath(e.path), insert(e.index, e.value));\n      case e instanceof Events.Pull:\n        return over(lensPath(e.path), ifElse(is(Array), remove(e.index as number, e.count || 1), dissoc(e.index)) as any);\n      case e instanceof Events.Merge:\n        return over(lensPath(e.path), mergeLeft(e.value) as any);\n      case e instanceof Events.Batch:\n        return (state: AppState) => e.value.reduce(reducer, state);\n      case e instanceof Events.Update:\n      case e instanceof Events.Submit:\n        return identity;\n      default:\n        console.warn('Unhandled event type', e);\n        return identity;\n    }\n  };\n\n  reducer = (state, e) => {\n    const after = transformState(e)(state);\n    (config.onEvent || identity)(e as Events.AllEvents, state, after);\n    return after;\n  };\n\n  return reducer;\n};\n\n// Export the reducer factory\nconst reducer = <AppState>(config: ReducerConfig<AppState>) => createReducer(config);\n\nconst log = (evt: Events.UIEvent, indent = 0) => {\n  console.log(' '.repeat(indent), evt.name, ((evt as any).path || []).join('.'), (evt as any).value);\n};\n\n/**\n * This hook manages the state of the app. It's the only way to change the state, and\n * it's the only way to subscribe to changes. Initializes a read-only root state object, and\n * an emit() function that takes immutable Event objects, which are used to change the state.\n *\n * The changes are then broadcast to any subscribers, and the app is re-rendered.\n *\n * It also takes some flags that are useful for debugging:\n *  - `log`: will log all changes to the console.\n *  - `expose`: will expose the state to the global window object as `window.appState`, or as\n *     the `window[expose]`, if `expose` is a string.\n */\nexport function useAppState<AppState extends object>(initialState: AppState, config: {\n  log?: boolean;\n  expose?: string | boolean;\n  onEvent?: EventCallback<AppState>;\n} = {}) {\n  let subscribers: Array<(event: Events.AllEvents, before: AppState, after: AppState) => void> = [];\n  const [state, dispatch] = useReducer(reducer(config), initialState);\n\n  if (config.expose) {\n    Object.assign(window, { [is(String, config.expose) ? config.expose : 'appState']: state });\n  }\n\n  const handleEvent = useCallback((event: Events.UIEvent) => {\n    if (config.log) {\n      if (event.name === 'Batch') {\n        console.log('Batch');\n        (event as Events.Batch).value.forEach(e => log(e, 2));\n      } else {\n        log(event);\n      }\n    }\n\n    if (event instanceof Events.Update) {\n      fetch(event.url, {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify(event.values)\n      });\n    } else if (event instanceof Events.Submit) {\n      fetch(event.url, {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify(event.data)\n      });\n    } else {\n      dispatch(event);\n    }\n  }, []);\n\n  const controls = {\n    onEvent: (fn: EventCallback<AppState>) => subscribers.push(fn)\n  }\n\n  return [state as AppState, Events.emitter(handleEvent) as Events.Emitter, controls] as const;\n}\n","import { concat, construct, curry, curryN, defaultTo, evolve, map, pipe } from \"ramda\";\nimport { Path } from \"./types\";\n\nexport interface Ctor<T> {\n  new(...args: any[]): T\n}\n\nexport abstract class UIEvent {\n  public abstract name: string;\n  public map(fn: (v: UIEvent) => UIEvent): UIEvent {\n    return Object.assign(new (this.constructor as any)(), fn(this));\n  }\n}\n\nexport class NoOp extends UIEvent {\n  public name = 'NoOp';\n  public path: null = null;\n}\n\nexport class Update extends UIEvent {\n  public name = 'Update';\n  public path: null = null;\n\n  constructor(public url: string, public values: Record<string, any>) { super(); }\n\n  public map(fn: (v: Update) => Update): Update {\n    const { url, values } = fn(this);\n    return new Update(url, values);\n  }\n}\n\nexport class Set extends UIEvent {\n  public name = 'Set';\n  constructor(public path: Path, public value: any) { super(); }\n\n  public map(fn: (v: Set) => Set): Set {\n    const { path, value } = fn(this);\n    return new Set(path, value);\n  }\n}\n\n/**\n * Add a value to the end of an array\n */\nexport class Append extends UIEvent {\n  public name = 'Append';\n  constructor(public path: Path, public value: any) { super(); }\n\n  public map(fn: (v: Append) => Append): Append {\n    const { path, value } = fn(this);\n    return new Append(path, value);\n  }\n}\n\n/**\n * Push a value to an array at a specific index\n */\nexport class Push extends UIEvent {\n  public name = 'Push';\n  constructor(public path: Path, public index: number, public value: any) { super(); }\n\n  public map(fn: (v: Push) => Push): Push {\n    const { path, index, value } = fn(this);\n    return new Push(path, index, value);\n  }\n}\n\n/**\n * Pull values out of an array, or fields out of an object\n */\nexport class Pull extends UIEvent {\n  public name = 'Pull';\n  constructor(public path: Path, public index: number | string, public count?: number) { super(); }\n\n  public map(fn: (v: Pull) => Pull): Pull {\n    const { path, index, count } = fn(this);\n    return new Pull(path, index, count);\n  }\n}\n\nexport class Merge extends UIEvent {\n  public name = 'Merge';\n  constructor(public path: Path, public value: { [key: string]: any }) { super(); }\n\n  public map(fn: (v: Merge) => Merge): Merge {\n    const { path, value } = fn(this);\n    return new Merge(path, value);\n  }\n}\n\nexport class Batch extends UIEvent {\n  public name = 'Batch';\n  public path: null = null;\n\n  constructor(public value: AllEvents[]) { super(); }\n\n  public map(fn: (v: AllEvents) => AllEvents): AllEvents {\n    return new Batch(this.value.map(map(fn) as any));\n  }\n}\n\nexport class Submit extends UIEvent {\n  public name = 'Submit';\n  public path: null = null;\n\n  constructor(public url: string, public data: any) { super(); }\n\n  public map(fn: (v: Submit) => Submit): Submit {\n    const { url, data } = fn(this);\n    return new Submit(url, data);\n  }\n}\n\nexport type AllEvents = NoOp | Set | Append | Merge | Batch | Submit | Update | Push | Pull;\n\nexport type Emitter = ReturnType<typeof emitter> & { scope: (childScope: Path) => Emitter };\n\nexport const emitter = (handler: (e: UIEvent) => any) => {\n  let buildScope: (scope: Path, h: typeof handler) => (e: UIEvent) => void;\n\n  buildScope = (scope, h) => (\n    Object.assign(pipe((e: UIEvent) => e.map(evolve({ path: pipe(defaultTo([]), concat(scope)) }) as any), h), {\n      scope: (childScope: Path) => buildScope(scope.concat(childScope), h)\n    })\n  );\n\n  return buildScope([], handler);\n};\n\nexport type TwoArity<One, Two, Return> = ((one: One, two: Two) => Return) & ((one: One) => (two: Two) => Return);\n\nexport const noOp = new NoOp();\n\n/**\n * Object operations\n */\nexport const set = curryN(2, construct(Set)) as TwoArity<Path, any, Set>;\nexport const merge = curryN(2, construct(Merge)) as TwoArity<Path, any, Merge>;\nexport const drop = curry((p: Path, k: string) => new Pull(p, k)) as TwoArity<Path, string, Pull>;\n\n/**\n * Array operations\n */\nexport const append = curryN(2, construct(Append)) as TwoArity<Path, any, Append>;\nexport const push = curryN(3, construct(Push)) as (path: Path, index: number, value: any) => Push;\nexport const pull = curryN(3, construct(Pull)) as (path: Path, index: number, count: number) => Pull;\n\nexport const batch = curryN(1, construct(Batch)) as (events: AllEvents[]) => Batch;\n\n/**\n * API operations\n */\nexport const update = curryN(2, construct(Update)) as TwoArity<string, Record<string, any>, Update>;\nexport const updateOne = curryN(3, (url: string, key: string, value: any) => new Update(url, { [key]: value }));\n\nexport const preventDefault = (fn: Function) => (e: { preventDefault: (...args: any[]) => any }) => {\n  e.preventDefault();\n  return fn(e);\n};\n","import { concat, dissoc, flip, ifElse, insert, is, lensPath, mergeLeft, mergeRight, over, remove, set } from 'ramda';\nimport * as React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport * as Events from './events';\n\ntype WithEmitter = { emit: Events.Emitter };\n\nconst append = flip(concat);\n\nexport const init = <AppData extends object>(\n  App: React.FC<AppData & WithEmitter>,\n  node: HTMLElement,\n  data: AppData,\n) => {\n  const root = ReactDOM.createRoot(node);\n  let render: () => ReturnType<typeof root.render>;\n  let emit: ReturnType<typeof Events.emitter>;\n  let app = { data };\n  let subscribers: any[] = [];\n\n  const update = (fn: (val: AppData) => AppData) => {\n    try {\n      app.data = fn(app.data)\n    } catch (e) {\n      console.error('Update function exploded', e);\n    }\n  };\n  let inUpdateLoop = false;\n\n  let handler: (evt: Events.UIEvent) => void;\n  handler = (evt: Events.UIEvent) => {\n    const before = app.data;\n\n    if (evt instanceof Events.Set) {\n      update(set(lensPath(evt.path), evt.value));\n    }\n    if (evt instanceof Events.Append) {\n      update(over(lensPath(evt.path), append(evt.value)));\n    }\n    if (evt instanceof Events.Push) {\n      update(over(lensPath(evt.path), insert(evt.index, evt.value)));\n    }\n    if (evt instanceof Events.Pull) {\n      update(over(\n        lensPath(evt.path),\n        ifElse(is(Array), remove(evt.index as number, evt.count || 1), dissoc(evt.index)) as any\n      ));\n    }\n    if (evt instanceof Events.Merge) {\n      update(over(lensPath(evt.path), mergeLeft(evt.value) as any));\n    }\n    if (evt instanceof Events.Update) {\n      fetch(evt.url, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json'\n        },\n        body: JSON.stringify(evt.values)\n      });\n    }\n    if (evt instanceof Events.Batch) {\n      inUpdateLoop = true;\n      evt.value.forEach(handler)\n      inUpdateLoop = false;\n    }\n    if (evt instanceof Events.Submit) {\n      // @TODO Redirect on location header\n    }\n    subscribers.forEach(s => s(evt, before, app.data));\n\n    if (!inUpdateLoop) {\n      render();\n    }\n  };\n  const strict = false;\n  emit = Events.emitter(handler);\n\n  render = () => {\n    const props = mergeRight(app.data, { emit }) as unknown as AppData & WithEmitter;\n    const el = React.createElement(App, props);\n    root.render(strict ? React.createElement(React.StrictMode, {}, el) : el)\n  };\n\n  const onEvent = (fn: (event: Events.AllEvents, before: AppData, after: AppData) => void) => {\n    subscribers.push(fn);\n    return app as ((typeof app) & { render: typeof render, emit: typeof emit, update: typeof update, onEvent: typeof onEvent });\n  };\n\n  Object.assign(app, { render, emit, update, onEvent });\n  return app as ((typeof app) & { render: typeof render, emit: typeof emit, update: typeof update, onEvent: typeof onEvent });\n};\n"],"mappings":"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","names":["lensPath","set","over","append","insert","remove","mergeLeft","ifElse","is","dissoc","concat","set","append","concat","update","set","reducer","set","lensPath","over","append","insert","ifElse","is","remove","dissoc","mergeLeft"]}

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@nateabele/use-app-state",
+  "version": "0.1.0",
+  "description": "A React state management library using events and immutable data operations",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "react",
+    "state",
+    "hooks",
+    "state-management",
+    "immutable"
+  ],
+  "author": "Nate Abele <nate.abele@gmail.com>",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0"
+  },
+  "dependencies": {
+    "ramda": "^0.30.1"
+  },
+  "devDependencies": {
+    "@types/ramda": "^0.30.2",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "tsup": "^8.3.6",
+    "typescript": "^5.7.3"
+  }
+}