npm - @unbndl/store - Versions diffs - 1.0.0 - Mend

@unbndl/store 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/store.umd.cjs ADDED Viewed

@@ -0,0 +1 @@

package/package.json ADDED Viewed

@@ -0,0 +1,23 @@
+{
+  "name": "@unbndl/store",
+  "version": "1.0.0",
+  "description": "Unbundled library for maintaining client-side state in a store, following the Elm architecture and MVU",
+  "main": "./dist/store.js",
+  "type": "module",
+  "scripts": {
+    "build": "npx vite build",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "HTML",
+    "JavaScript",
+    "TypeScript",
+    "Unbundled",
+    "store",
+    "MVU",
+    "MV*",
+    "The Elm Architecture (TEA)"
+  ],
+  "author": "ken@mnmlst.me",
+  "license": "BSD-3-Clause"
+}

package/src/fromStore.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import { FromService } from "@unbndl/service";
+import * as Store from "./store.ts";
+export function fromStore<M extends object>(
+  target: HTMLElement,
+  contextLabel: string = Store.CONTEXT_DEFAULT
+) {
+  return new FromService<M>(target, contextLabel);
+}

package/src/index.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * as Store from "./store";
2	+ export * from "./fromStore";

package/src/store.ts ADDED Viewed

@@ -0,0 +1,91 @@
+import { Context } from "@unbndl/html";
+import { Auth, fromAuth } from "@unbndl/auth";
+import { Message, Provider, Service } from "@unbndl/service";
+import { createViewModel } from "@unbndl/view";
+const STORE_CONTEXT_DEFAULT = "context:store";
+type UpdateFn<
+  M extends object,
+  Msg extends Message.Base,
+  Cmd extends Message.Base
+> = (model: M, message: Msg | Cmd) => M | Message.Async<M, Cmd>;
+type AuthorizedUpdateFn<
+  M extends object,
+  Msg extends Message.Base,
+  Cmd extends Message.Base
+> = (
+  model: M,
+  message: Msg | Cmd,
+  auth: Auth.Model
+) => M | Message.Async<M, Cmd>;
+class StoreService<
+  M extends object,
+  Msg extends Message.Base,
+  Cmd extends Message.Base
+> extends Service<Msg | Cmd, M> {
+  static EVENT_TYPE = "store:message";
+  constructor(
+    context: Context<M>,
+    update: UpdateFn<M, Msg, Cmd>
+  ) {
+    super(
+      (message: Msg | Cmd, model: M) => update(model, message),
+      context,
+      StoreService.EVENT_TYPE
+    );
+  }
+}
+class StoreProvider<
+  M extends object,
+  Msg extends Message.Base,
+  Cmd extends Message.Base
+> extends Provider<M> {
+  viewModel = createViewModel<Auth.Model>({
+    authenticated: false
+  }).with(fromAuth(this), "authenticated", "username", "token");
+  _updateFn: AuthorizedUpdateFn<M, Msg, Cmd>;
+  constructor(
+    updateFn: AuthorizedUpdateFn<M, Msg, Cmd>,
+    init: M
+  ) {
+    super(init, STORE_CONTEXT_DEFAULT);
+    this._updateFn = updateFn;
+  }
+  connectedCallback() {
+    const service = new StoreService<M, Msg, Cmd>(
+      this.context,
+      (model: M, message: Msg | Cmd) =>
+        this._updateFn(
+          model,
+          message,
+          this.viewModel.toObject()
+        )
+    );
+    service.attach(this);
+  }
+}
+function dispatch<Msg extends Message.Base>(
+  target: HTMLElement,
+  message: Msg
+) {
+  console.log("📨 Dispatching message:", message, target);
+  target.dispatchEvent(
+    new Message.Dispatch<Msg>(message, StoreService.EVENT_TYPE)
+  );
+}
+export {
+  STORE_CONTEXT_DEFAULT as CONTEXT_DEFAULT,
+  StoreProvider as Provider,
+  StoreService as Service,
+  dispatch
+};

package/vite.config.js ADDED Viewed

@@ -0,0 +1,11 @@
+import { defineConfig } from "vite";
+import { resolve } from "path";
+export default defineConfig({
+  build: {
+    lib: {
+      entry: resolve(__dirname, "src/index.ts"),
+      name: "store"
+    }
+  }
+});