ajo 0.0.9 → 0.0.12

package/index.min.js

@@ -0,0 +1 @@
+var ajo=(()=>{var d=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var O=Object.getOwnPropertyNames;var W=Object.prototype.hasOwnProperty;var I=(e,n)=>{for(var t in n)d(e,t,{get:n[t],enumerable:!0})},K=(e,n,t,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let i of O(n))!W.call(e,i)&&i!==t&&d(e,i,{get:()=>n[i],enumerable:!(r=F(n,i))||r.enumerable});return e};var L=e=>K(d({},"__esModule",{value:!0}),e);var re={};I(re,{Fragment:()=>Z,cleanup:()=>J,clx:()=>P,component:()=>q,consume:()=>G,h:()=>A,intercept:()=>H,keb:()=>R,propagate:()=>E,provide:()=>D,refresh:()=>j,render:()=>c,stx:()=>Q});const Z=({children:e})=>e,A=(e,n,...t)=>(t=t.length==0?null:t.length==1?t[0]:t,{children:t,...n,nodeName:e}),q=e=>({is:n,key:t,host:r,ref:i,...l})=>A(n??e.is??"div",{key:t,...e.host,...r,skip:!0,ref:o=>(j(o,l,e),f(i)&&i(o))}),c=(e,n)=>{let t=n.firstChild,r,i=x.get(n);for(e of m(e,n)){if(typeof e=="string"){for(r=t;r&&r.nodeType!=3;r=r.nextSibling);r?r.data!==e&&(r.data=e):r=document.createTextNode(e)}else if(e instanceof Node)r=e;else{const{key:l,nodeName:o,skip:M,block:p,children:z,ref:b,...B}=e;if(!(l!=null&&(r=i?.get(l))))for(r=t;r&&r.localName!=o;r=r.nextSibling);r||=document.createElement(o),l!=null&&(i||=x.set(n,new Map)).set(l,r),ne(B,r),!(M||p!=null&&U(S.get(r),S.set(r,p)))&&c(z,r),f(b)&&b(r)}r===t?t=t.nextSibling:te(n,t,r)}for(;t;){const l=t.nextSibling;n.removeChild(t).nodeType==1&&C(t),t=l}},j=(e,n,t)=>{try{t&&!f(t)&&s("Setup",t,u),n=n?v.set(e,{...t?.props,...n}):v.get(e)??{},c((N.get(e)??N.set(e,t(n,e)))(n,e),e)}catch(r){E(e,r)}},D=(e,n,t)=>(g.get(e)??g.set(e,new Map)).set(n,t),G=(e,n,t)=>{let r;for(;e;){if((r=g.get(e))&&r.has(n))return r.get(n);e=e.parentNode}return t},H=(e,n)=>{f(n)||s("Interceptor",n,u),$.set(e,n)},E=(e,n)=>{for(let t;e;e=e.parentNode)if(t=$.get(e))return c(e,t(n));throw n},J=(e,n)=>{f(n)||s("Cleaner",n,u),(y.get(e)??y.set(e,new Set)).add(n)},P=e=>T(e).filter(n=>e[n]).join(" ")||null,Q=e=>Y(e).map(n=>n.join(":")).join(";")||null,R=e=>T(e).reduce((n,t)=>(n[t.replace(h,ee).toLowerCase()]=e[t],n),{}),a=()=>{const e=new WeakMap,{set:n}=e;return e.set=(t,r)=>(n.call(e,t,r),r),e},s=(e,n,t)=>{throw new TypeError(`Expected ${e} to be of type ${t}, got ${typeof n} instead`)},U=(e,n)=>e===n||w(e)&&w(n)&&e.length==n.length&&e.every((t,r)=>t===n[r]),V=(e,{name:n,value:t})=>(e[n]=t,e),X=e=>_(e).reduce(V,{}),f=e=>typeof e==u,{keys:T,entries:Y}=Object,{isArray:w,from:_}=Array,u="function",h=/([a-z0-9])([A-Z])/g,ee="$1-$2",x=a(),S=a(),v=a(),N=a(),g=a(),$=a(),y=a(),k=a(),m=function*(e,n){let t,r="";for(e of f(e?.[Symbol.iterator])?e:[e])if(!(e==null||(t=typeof e)=="boolean")){if(t=="string"||t=="number"){r+=e;continue}if("nodeName"in Object(e)){if(f(e.nodeName)){yield*m(e.nodeName(e,n),n);continue}r&&(yield r,r=""),yield e;continue}f(e[Symbol.iterator])?yield*m(e,n):r+=e}r&&(yield r)},ne=(e,n)=>{const t=k.get(n)??(n.hasAttributes()?X(n.attributes):{});for(const r in{...t,...e}){let i=e[r];if(i!==t[r]){if(r.startsWith("set:")){n[r.slice(4)]=i;continue}if(i===!0)i="";else if(i==null||i===!1){n.removeAttribute(r);continue}n.setAttribute(r,i)}}k.set(n,e)},te=(e,n,t)=>{if(t.contains?.(document.activeElement)){const r=t.nextSibling;for(;n&&n!==t;){const i=n.nextSibling;e.insertBefore(n,r),n=i}}else e.insertBefore(t,n)},C=e=>{for(const n of e.children)C(n);for(const n of y.get(e)??[])n(e)};return L(re);})();

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "ajo",
-  "version": "0.0.9",
+  "version": "0.0.12",
   "description": "ajo is a JavaScript view library for building user interfaces",
   "type": "module",
   "module": "index.js",
   "main": "index.cjs",
+  "unpkg": "index.min.js",
   "exports": {
     ".": {
       "import": "./index.js",
@@ -12,12 +13,16 @@
       "browser": "./index.min.js"
     }
   },
+  "files": [
+    "index.js",
+    "index.min.js"
+  ],
   "scripts": {
     "build": "npm run build:require && npm run build:browser",
     "build:require": "esbuild --format=cjs --out-extension:.js=.cjs --outdir=. index.js",
     "build:browser": "esbuild --format=iife --out-extension:.js=.min.js --outdir=. --global-name=ajo --minify index.js",
-    "release": "npm run build && npm t && git commit -am \"$npm_package_version\" && git tag $npm_package_version && git push && git push --tags && npm publish",
-    "test": "uvu"
+    "release": "npm test && git commit -am \"$npm_package_version\" && git tag $npm_package_version && git push && git push --tags && npm publish",
+    "test": "npm run build && uvu"
   },
   "repository": "cristianfalcone/ajo",
   "author": "Cristian Falcone",

package/index.test.js

@@ -1,63 +0,0 @@
-import 'backdom/register'
-import { suite } from 'uvu'
-import * as assert from 'uvu/assert'
-import { component, h, render } from './index.js'
-
-let it
-
-// ----------------------------------------------------------------------------
-
-it = suite('h')
-
-it('should create empty vnode', () => {
-  const vnode = h('div')
-  assert.equal(vnode, { nodeName: 'div', children: null })
-})
-
-it('should create vnode with props', () => {
-  assert.equal(h('div', { id: 'app' }), { nodeName: 'div', children: null, id: 'app' })
-})
-
-it('should create vnode with one string child', () => {
-  assert.equal(h('div', null, 'foo'), { nodeName: 'div', children: 'foo' })
-})
-
-it('should create vnode with one vnode child', () => {
-  const child = h('span')
-  const vnode = h('div', null, child)
-  assert.equal(vnode.children, { nodeName: 'span', children: null })
-})
-
-it('should allow children as prop', () => {
-  const child = h('span')
-  const vnode = h('div', { children: child })
-  assert.equal(vnode.children, { nodeName: 'span', children: null })
-})
-
-it.run()
-
-// ----------------------------------------------------------------------------
-
-it = suite('render')
-
-it('should render a vnode', () => {
-  const host = document.createElement('div')
-  render(h('div', { foo: 'bar' }, 'foobar'), host)
-  assert.snapshot(host.innerHTML, '<div foo="bar">foobar</div>')
-})
-
-it('should render a stateless component', () => {
-  const host = document.createElement('div')
-  const Foo = ({ foo, children }) => h('div', { foo }, children)
-  render(h(Foo, { foo: 'bar' }, h('span', null, 'foobar')), host)
-  assert.snapshot(host.innerHTML, '<div foo="bar"><span>foobar</span></div>')
-})
-
-it('should render a stateful component', () => {
-  const host = document.createElement('div')
-  const Foo = component(() => ({ foo, children }) => h('div', { foo }, children))
-  render(h(Foo, { is: 'foo-component', foo: 'bar' }, h('span', null, 'foobar')), host)
-  assert.snapshot(host.innerHTML, '<foo-component><div foo="bar"><span>foobar</span></div></foo-component>')
-})
-
-it.run()