From 5b9b2c2624eb57f3e9c689e9d3a5c343832bcaf2 Mon Sep 17 00:00:00 2001
From: Geoff Doty <n2geoff@gmail.com>
Date: Sun, 5 May 2024 09:07:17 -0400
Subject: [PATCH] simplified

---
 README.md              | 18 +++++++-----------
 dist/tagged.min.js     |  2 +-
 dist/tagged.min.js.map |  2 +-
 src/app.js             | 39 +++++++++++++--------------------------
 4 files changed, 22 insertions(+), 39 deletions(-)

diff --git a/README.md b/README.md
index f97477c..3b69d55 100644
--- a/README.md
+++ b/README.md
@@ -2,24 +2,23 @@
 
 > Minimal Javascript UI Library
 
-This is an experimental composable ui library that takes ideas from Elm Architecture, but without the doctrine - this is Javascript!
+This is an experimental composable ui builder that takes ideas from Elm Architecture, but without the doctrine - this is Javascript!
 
 ## Features
 - No Virtual Dom
 - No Build System
 - No Over Engineering
-- ~100 lines of code
-- Totally inefficient rendering (at scale)
+- ~1kb minified
+- Totally INEFFICIENT rendering (at scale)
 
 ## Overview
 
-the `app` builder takes an `opts` object that expects it to include:
+the `app` builder takes an `opts` object that expects:
 
 - `state` as initial data `{object}`
 - `actions` as `{object}` with functions definitions
 - `view` as `{function}` that returns valid dom
-
-and a querySelector compatible `selector` to mount the ui.
+- `mount` as querySelector compatible `{string}`
 
 `app` returns:
 
@@ -30,7 +29,7 @@ and a querySelector compatible `selector` to mount the ui.
 
 ```html
     <script type="module">
-        import {app, h} from "./tagged.js";
+        import {app, h} from "./tagged.min.js";
 
         const myapp = app({
             state: {name: "[Your Name Here]", job: "Developer"},
@@ -54,11 +53,8 @@ and a querySelector compatible `selector` to mount the ui.
 ### Inspired By
 
 - hyperapp
-- mithril
 - Elm Architecture
 
-## Todo
-
-- Actions Example
+## Notes
 
 > WORK-IN-PROGRESS
diff --git a/dist/tagged.min.js b/dist/tagged.min.js
index 13bccce..c364e63 100644
--- a/dist/tagged.min.js
+++ b/dist/tagged.min.js
@@ -1,3 +1,3 @@
 /*! Tagged v:0.1 | MIT LICENSE | https://github.com/n2geoff/tagged */
-function tag(tag,...args){const el=document.createElement(tag);return args.forEach((arg=>{"string"==typeof arg||"number"==typeof arg?el.appendChild(document.createTextNode(arg)):Array.isArray(arg)?el.append(...arg):Object.assign(el,arg)})),el}function app(opts,selector="body"){let data={},view=()=>null,actions={};const $=document.querySelector.bind(document),state=state=>("object"==typeof state&&(data={...data,...state}),update(),data),update=()=>{$(selector).replaceChildren(view(data,actions))};return opts.view&&"function"==typeof opts.view&&(view=opts?.view),opts.state&&"object"==typeof opts.state&&(data=state(opts.state)),opts.actions&&"object"==typeof opts.actions&&(actions=opts.actions),opts.view&&selector&&update(),{state:state,actions:actions}}const h=tag;export{app,h};
+function tag(tag,...args){const el=document.createElement(tag);return args.forEach((arg=>{"string"==typeof arg||"number"==typeof arg?el.appendChild(document.createTextNode(arg)):Array.isArray(arg)?el.append(...arg):Object.assign(el,arg)})),el}function app(opts){let data=check(opts.state,{}),view=check(opts.view,(()=>null)),actions=check(opts.actions,{}),mount=opts.mount||"body";function check(value,type){return typeof value==typeof type?value:type}const update=()=>{document.querySelector(mount).replaceChildren(view(data,actions))};return opts.view&&mount&&update(),{state:state=>("object"==typeof state&&(data={...data,...state}),update(),data),actions:actions}}const h=tag;export{app,h};
 //# sourceMappingURL=true
\ No newline at end of file
diff --git a/dist/tagged.min.js.map b/dist/tagged.min.js.map
index a746cac..c9fbd99 100644
--- a/dist/tagged.min.js.map
+++ b/dist/tagged.min.js.map
@@ -1 +1 @@
-{"version":3,"names":["tag","args","el","document","createElement","forEach","arg","appendChild","createTextNode","Array","isArray","append","Object","assign","app","opts","selector","data","view","actions","$","querySelector","bind","state","update","replaceChildren","h"],"sources":["dist/tagged.js"],"mappings":"AAQA,SAASA,IAAIA,OAAQC,MACjB,MAAMC,GAAKC,SAASC,cAAcJ,KAYlC,OAVAC,KAAKI,SAASC,MACS,iBAARA,KAAmC,iBAARA,IAClCJ,GAAGK,YAAYJ,SAASK,eAAeF,MAChCG,MAAMC,QAAQJ,KACrBJ,GAAGS,UAAUL,KAEbM,OAAOC,OAAOX,GAAII,IACtB,IAGGJ,EACX,CAEA,SAASY,IAAIC,KAAMC,SAAW,QAE1B,IAAIC,KAAO,CAAC,EACRC,KAAO,IAAM,KACbC,QAAU,CAAC,EAGf,MAAMC,EAAIjB,SAASkB,cAAcC,KAAKnB,UAGhCoB,MAASA,QACS,iBAAVA,QACNN,KAAO,IAAIA,QAASM,QAIxBC,SAGOP,MAGLO,OAAS,KACXJ,EAAEJ,UAAUS,gBAAgBP,KAAKD,KAAME,SAAS,EAwBpD,OApBIJ,KAAKG,MAA6B,mBAAdH,KAAKG,OACzBA,KAAOH,MAAMG,MAIbH,KAAKQ,OAA+B,iBAAfR,KAAKQ,QAE1BN,KAAOM,MAAMR,KAAKQ,QAIlBR,KAAKI,SAAmC,iBAAjBJ,KAAKI,UAC5BA,QAAUJ,KAAKI,SAIfJ,KAAKG,MAAQF,UACbQ,SAGG,CACHD,YACAJ,gBAER,CAEA,MAAMO,EAAI1B,WAEDc,IAAKY","ignoreList":[]}
\ No newline at end of file
+{"version":3,"names":["tag","args","el","document","createElement","forEach","arg","appendChild","createTextNode","Array","isArray","append","Object","assign","app","opts","data","check","state","view","actions","mount","value","type","update","querySelector","replaceChildren","h"],"sources":["dist/tagged.js"],"mappings":"AAQA,SAASA,IAAIA,OAAQC,MACjB,MAAMC,GAAKC,SAASC,cAAcJ,KAYlC,OAVAC,KAAKI,SAASC,MACS,iBAARA,KAAmC,iBAARA,IAClCJ,GAAGK,YAAYJ,SAASK,eAAeF,MAChCG,MAAMC,QAAQJ,KACrBJ,GAAGS,UAAUL,KAEbM,OAAOC,OAAOX,GAAII,IACtB,IAGGJ,EACX,CAEA,SAASY,IAAIC,MAET,IAAIC,KAAUC,MAAMF,KAAKG,MAAO,CAAC,GAC7BC,KAAUF,MAAMF,KAAKI,MAAM,IAAM,OACjCC,QAAUH,MAAMF,KAAKK,QAAS,CAAC,GAC/BC,MAAUN,KAAKM,OAAS,OAG5B,SAASJ,MAAMK,MAAOC,MAClB,cAAcD,cAAiBC,KAAOD,MAAQC,IAClD,CAGA,MAYMC,OAAS,KACXrB,SAASsB,cAAcJ,OAAOK,gBAAgBP,KAAKH,KAAMI,SAAS,EAQtE,OAJIL,KAAKI,MAAQE,OACbG,SAGG,CACHN,MAtBWA,QACS,iBAAVA,QACNF,KAAO,IAAIA,QAASE,QAIxBM,SAGOR,MAcPI,gBAER,CAEA,MAAMO,EAAI3B,WAEDc,IAAKa","ignoreList":[]}
\ No newline at end of file
diff --git a/src/app.js b/src/app.js
index 5707448..eeac42b 100644
--- a/src/app.js
+++ b/src/app.js
@@ -1,11 +1,14 @@
-export default function app(opts, selector = "body") {
+export default function app(opts) {
     // initial setup
-    let data = {};
-    let view = () => null;
-    let actions = {};
+    let data    = check(opts.state, {});
+    let view    = check(opts.view, () => null);
+    let actions = check(opts.actions, {});
+    let mount   = opts.mount || "body";
 
-    // query helper
-    const $ = document.querySelector.bind(document);
+    // check set or default
+    function check(value, type) {
+        return typeof value === typeof type ? value : type;
+    }
 
     // state helper
     const state = (state) => {
@@ -21,32 +24,16 @@ export default function app(opts, selector = "body") {
     }
 
     const update = () => {
-        $(selector).replaceChildren(view(data, actions));
-    }
-
-    // setup view function
-    if (opts.view && typeof opts.view === "function") {
-        view = opts?.view;
-    }
-
-    // setup data object
-    if (opts.state && typeof opts.state === "object") {
-        // wrap data in state object
-        data = state(opts.state);
-    }
-
-    // setup actions object
-    if (opts.actions && typeof opts.actions === "object") {
-        actions = opts.actions;
+        document.querySelector(mount).replaceChildren(view(data, actions));
     }
 
     // mount view
-    if (opts.view && selector) {
+    if (opts.view && mount) {
         update();
     }
 
     return {
         state,
         actions,
-    };
-}
+    }
+}
\ No newline at end of file